✨ feat(ui): surface notification-delivery-failed audit entries (#282)

- AuditView action filter includes notification-delivery-failed
- NotificationBell rings for delivery failures alongside other alerts
- audit-helpers maps the action to the xmark icon

Author: s-b-e-n-s-o-n

ui/src/components/NotificationBell.vue

@@ -14,6 +14,7 @@ const BELL_ACTIONS = [
   'update-available',
   'update-applied',
   'update-failed',
+  'notification-delivery-failed',
   'security-alert',
   'agent-disconnect',
 ];

ui/src/utils/audit-helpers.ts

@@ -34,6 +34,7 @@ export function actionIcon(action: string): string {
   if (action.includes('update-available')) return 'updates';
   if (action.includes('update-applied')) return 'check';
   if (action.includes('update-failed')) return 'xmark';
+  if (action.includes('notification-delivery-failed')) return 'xmark';
   if (action.includes('security-alert')) return 'security';
   if (action.includes('agent-disconnect')) return 'network';
   if (action.includes('rollback') || action === 'auto-rollback') return 'restart';

ui/src/views/AuditView.vue

@@ -21,6 +21,7 @@ const actionTypes = [
   'update-available',
   'update-applied',
   'update-failed',
+  'notification-delivery-failed',
   'container-update',
   'security-alert',
   'agent-disconnect',

ui/tests/components/NotificationBell.spec.ts

@@ -88,6 +88,7 @@ describe('NotificationBell', () => {
         'update-available',
         'update-applied',
         'update-failed',
+        'notification-delivery-failed',
         'security-alert',
         'agent-disconnect',
       ],
@@ -162,6 +163,7 @@ describe('NotificationBell', () => {
         'update-available',
         'update-applied',
         'update-failed',
+        'notification-delivery-failed',
         'security-alert',
         'agent-disconnect',
       ],

ui/tests/utils/audit-helpers.spec.ts

@@ -56,6 +56,7 @@ describe('audit-helpers', () => {
       ['update-available', 'updates'],
       ['update-applied', 'check'],
       ['update-failed', 'xmark'],
+      ['notification-delivery-failed', 'xmark'],
       ['security-alert', 'security'],
       ['agent-disconnect', 'network'],
       ['rollback', 'restart'],

ui/tests/views/AuditView.spec.ts

@@ -214,6 +214,27 @@ describe('AuditView', () => {
       expect((wrapper.find('select').element as HTMLSelectElement).value).toBe('container-update');
     });
 
+    it('accepts notification-delivery-failed as a valid action filter from route query', async () => {
+      mockRoute.query = {
+        action: 'notification-delivery-failed',
+      };
+      mockGetAuditLog.mockResolvedValue({
+        entries: [makeEntry({ action: 'notification-delivery-failed', status: 'error' })],
+        total: 1,
+      });
+
+      const wrapper = await mountAuditView();
+
+      expect(mockGetAuditLog).toHaveBeenCalledWith({
+        page: 1,
+        limit: 50,
+        action: 'notification-delivery-failed',
+      });
+      expect((wrapper.find('select').element as HTMLSelectElement).value).toBe(
+        'notification-delivery-failed',
+      );
+    });
+
     it('loads using route query date range filters', async () => {
       mockRoute.query = {
         from: '2026-01-01',