Refactor model emit, and recent conn dropdown

src-web/lib/analytics.ts

@@ -9,6 +9,8 @@ export function trackEvent(
     | 'Workspace'
     | 'Environment'
     | 'Folder'
+    | 'GrpcMessage'
+    | 'GrpcConnection'
     | 'GrpcRequest'
     | 'HttpRequest'
     | 'HttpResponse'

src-web/lib/fallbackRequestName.ts

@@ -14,12 +14,17 @@ export function fallbackRequestName(r: HttpRequest | GrpcRequest | null): string
 
   const fixedUrl = r.url.match(/^https?:\/\//) ? r.url : 'http://' + r.url;
 
-  try {
-    const url = new URL(fixedUrl);
-    const pathname = url.pathname === '/' ? '' : url.pathname;
-    return `${url.host}${pathname}`;
-  } catch (_) {
-    // Nothing
+  if (r.model === 'grpc_request' && r.service != null && r.method != null) {
+    const shortService = r.service.split('.').pop();
+    return `${shortService}/${r.method}`;
+  } else {
+    try {
+      const url = new URL(fixedUrl);
+      const pathname = url.pathname === '/' ? '' : url.pathname;
+      return `${url.host}${pathname}`;
+    } catch (_) {
+      // Nothing
+    }
   }
 
   return r.url;

src-web/lib/models.ts

@@ -132,6 +132,7 @@ export interface GrpcConnection extends BaseModel {
   readonly model: 'grpc_connection';
   service: string;
   method: string;
+  elapsed: number;
 }
 
 export interface HttpRequest extends BaseModel {