feat: show recipient in notification send history table

.gitignore

@@ -48,3 +48,6 @@ middleware.ts
 /blob-report/
 /playwright/.cache/
 .bin/
+
+.envrc
+default.nix

src/api/types/notifications.ts

@@ -68,6 +68,7 @@ export type NotificationSendHistory = {
   first_observed: string;
   source_event: string;
   resource_id: string;
+  playbook_run_id?: string;
   person_id?: string | undefined;
   error?: string | undefined;
   duration_millis?: number | undefined;

src/components/Notifications/NotificationSendHistory.tsx

@@ -12,7 +12,7 @@ const notificationSendHistoryColumns: MRT_ColumnDef<NotificationSendHistoryApiRe
     {
       header: "Age",
       accessorKey: "created_at",
-      size: 100,
+      size: 40,
       Cell: ({ row }) => {
         const dateString = row.original.created_at;
         const count = row.original.count;
@@ -32,7 +32,7 @@ const notificationSendHistoryColumns: MRT_ColumnDef<NotificationSendHistoryApiRe
     },
     {
       header: "Resource",
-      size: 300,
+      size: 250,
       Cell: ({ row }) => {
         return (
           <div
@@ -59,6 +59,23 @@ const notificationSendHistoryColumns: MRT_ColumnDef<NotificationSendHistoryApiRe
         const sourceEvent = row.original.source_event;
         return <span>{sourceEvent}</span>;
       }
+    },
+    {
+      header: "Recipient",
+      size: 200,
+      Cell: ({ row }) => {
+        const { playbook_run_id, person_id } = row.original;
+
+        const recipient = playbook_run_id
+          ? `playbook/${playbook_run_id}`
+          : person_id
+            ? `person/${person_id}`
+            : "";
+
+        // TODO: use a proper component.
+        // show connection recipient but the backend doesn't currently store that.
+        return <span>{recipient}</span>;
+      }
     }
     // {
     //   header: "Body",