Summary

Implement the MVP notification policy list view for V2 alerting, providing a table to view, search, and manage notification policies.

🎯 Target Milestone: 9.4

Background

Notification policies define which workflow is executed when alerts are triggered. Users need a central place to view and manage all their notification policies.

Components

1. Policy List Table

• Table component - EUI DataGrid or EuiBasicTable for policy display
• Default columns:
  • Policy name
  • Default workflow (with link to workflow)
  • Rules using this policy (count)
  • Last modified (timestamp)
• Row actions - Edit, Clone, Delete actions per row
• Pagination - Standard pagination controls
• Empty state - No policies message with "Create Policy" CTA

2. Search

• Search bar - Search policies by name
• Clear search - Reset search input

3. Page States

• Loading state - Skeleton/spinner while loading
• Error state - Error message with retry option
• Empty state - Guidance when no policies exist

4. List Actions

• Create button - Navigate to policy creation form
• Refresh button - Reload policy list

5. Page Layout (D.1)

• Page header - Title, description, create button
• Main content area - Policy list table
• Responsive layout - Works on different screen sizes

6. Navigation (D.2)

• Breadcrumbs - Stack Management > Notification Policies
• Back navigation - Return to list from details/create pages

Wireframe

┌─────────────────────────────────────────────────────────────────────────┐
│ Stack Management > Notification Policies                                │
├─────────────────────────────────────────────────────────────────────────┤
│ Notification Policies                                    [Create Policy]│
│ Manage notification policies for V2 alerting rules                      │
├─────────────────────────────────────────────────────────────────────────┤
│ [🔍 Search policies...]                                                 │
├─────────────────────────────────────────────────────────────────────────┤
│ Name              │ Default Workflow    │ Rules Using │ Last Modified   │
│───────────────────┼─────────────────────┼─────────────┼─────────────────│
│ Production Alerts │ notify-oncall       │ 12          │ 2 hours ago   ⋮ │
│ Dev Alerts        │ slack-only          │ 5           │ 1 day ago     ⋮ │
│ Security Team     │ security-workflow   │ 3           │ 3 days ago    ⋮ │
├─────────────────────────────────────────────────────────────────────────┤
│                                              Rows per page: 25  < 1 >   │
└─────────────────────────────────────────────────────────────────────────┘

Acceptance Criteria

Table

• Displays all notification policies in a table
• Shows policy name, default workflow, usage count, last modified
• Supports pagination
• Row actions (edit, clone, delete) accessible via actions column

Search

• Search filters policies by name (client-side or server-side TBD)
• Search is debounced for performance
• Clear button resets search

States

• Loading skeleton shown while fetching policies
• Error state with retry button on fetch failure
• Empty state with create CTA when no policies exist

Page Layout

• Page has proper header with title and description
• Create button is prominently placed in header
• Layout is responsive on different screen sizes

Navigation

• Breadcrumbs show correct hierarchy
• Breadcrumb links are functional

Actions

• "Create Policy" button navigates to creation form
• Row click navigates to policy details (or opens edit)
• Delete action shows confirmation dialog

Out of Scope (for this ticket)

• Advanced filtering (by workflow, by usage, etc.) - Milestone 2
• Bulk operations - Milestone 2
• URL state persistence for search - TBD

API Requirements

Design

Link to designs when available

Dependencies

• Notification Policy APIs
• Workflow reference data (for displaying workflow names)

Related Issues

• Parent meta: elastic/rna-program#116 (V2 Notification Policies)