feat(webhooks): display full client socket address, responder request path and query string

Author: azasypkin

src/pages/workspace/utils/webhooks/responder_request.ts

@@ -3,6 +3,7 @@ export interface ResponderRequest {
   clientAddress?: string;
   method: string;
   headers?: Array<[string, number[]]>;
+  url: string;
   body?: number[];
   createdAt: number;
 }

src/pages/workspace/utils/webhooks/responder_requests_table.tsx

@@ -91,8 +91,9 @@ export function ResponderRequestsTable({ responder }: ResponderRequestsTableProp
       isExpandable: false,
       isResizable: false,
     },
-    { id: 'address', display: 'Address', displayAsText: 'Address', isExpandable: false },
+    { id: 'address', display: 'Client address', displayAsText: 'Client address', isExpandable: false },
     { id: 'method', display: 'Method', displayAsText: 'Method', initialWidth: 80, isExpandable: false },
+    { id: 'url', display: 'URL', displayAsText: 'URL', isSortable: true },
     { id: 'headers', display: 'Headers', displayAsText: 'Body' },
     { id: 'body', display: 'Body', displayAsText: 'Body' },
   ];
@@ -144,6 +145,10 @@ export function ResponderRequestsTable({ responder }: ResponderRequestsTableProp
         return request.method;
       }
 
+      if (columnId === 'url') {
+        return request.url;
+      }
+
       if (columnId === 'headers') {
         if (!request.headers || request.headers.length === 0) {
           return '-';