From b7bf950db6bfc049bf6c63b5e01495befe937826 Mon Sep 17 00:00:00 2001 From: Nawaz Dhandala Date: Wed, 7 Jan 2026 12:15:19 +0000 Subject: [PATCH] Enhance Team Notifications Section with Real-Time Alerts and Integrations - Redesigned the Team Notifications section for improved clarity and engagement. - Updated headings and descriptions to emphasize real-time alerts for workflows. - Added integration cards for Slack and Microsoft Teams with detailed descriptions. - Introduced a features list highlighting success notifications, failure alerts, and action buttons. - Enhanced the interactive Slack notification demo with improved visuals and functionality. - Implemented JavaScript functions for retrying workflows, viewing logs, and disabling workflows with user feedback. - Added custom animations for a more dynamic user experience. --- Home/Views/ai-agent.ejs | 452 +++++++++++++++++++++++++++++--------- Home/Views/dashboards.ejs | 445 ++++++++++++++++++++++++++++--------- Home/Views/workflows.ejs | 444 ++++++++++++++++++++++++++++--------- 3 files changed, 1038 insertions(+), 303 deletions(-) diff --git a/Home/Views/ai-agent.ejs b/Home/Views/ai-agent.ejs index 6e2214aca0..d36f2498af 100644 --- a/Home/Views/ai-agent.ejs +++ b/Home/Views/ai-agent.ejs @@ -890,132 +890,382 @@ -
+
-
-
-
- - - - AI Notifications -
-

- Know when AI fixes your code +
+ +
+

Team Notifications

+

+ AI fix alerts where your team already works

-

- Get instant notifications when AI Agent detects issues and creates pull requests. Review and merge fixes from Slack, Teams, or your favorite channel. +

+ Get instant notifications in Slack and Microsoft Teams when AI Agent detects issues and creates pull requests. Review and merge fixes without context switching.

-
    -
  • -
    - - + + +
    + +
    +
    + + + + +
    -
    -
    PR notifications
    -
    Know when AI creates a pull request for review
    +
    +

    Slack

    +

    Instant alerts with interactive actions

    -
    • -
  • -
    - - +
    + + +
    +
    + + + + + +
    -
    -
    Issue detection
    -
    Get alerts when AI finds errors or performance issues
    +
    +

    Microsoft Teams

    +

    Native adaptive cards integration

    -
    • -
  • -
    - - - -
    -
    -
    Fix summaries
    -
    Detailed explanations of what AI changed and why
    -
    -
    • -
+
+
+ + +
+
+ + + + PR notifications +
+
+ + + + Issue detection +
+
+ + + + Fix summaries +
+
+ + + + Action buttons +
+

-
-
- -
-
-
- - + + +
+
+ +
+ + +
+ +
+
+
+
+
+
+
+
+
+ + - Slack + ai-fixes + + + +
+
+
+ S +
-
-
-
- - - -
-
-
- OneUptime AI - 3:45 PM -
-
-
-

Error detected in production

-

NullPointerException β€’ auth-service β€’ 156 occurrences

+ + +
+ +
+
+ OneUptime +
+
+ OneUptime AI + APP + 3:47 PM +
+ + +
+
+
+
+
+
+ + + PR Ready + +
+

Fix: Add null check in UserSession.java

+

NullPointerException in auth-service fixed

+
+
+
+
+ + + + PR #1247 +
+
+ + + + Created 2m ago +
+
+
+
+ + +
+ + + +
+ + +
+
+ πŸ‘€ + 3 +
+
+ + +
+ + +
-
-
- - +
+ + +
+
+ + + + Message #ai-fixes +
+ + -
-
-
- OneUptime AI - 3:47 PM -
-
-
-

Analyzing codebase for fix...

-

Checking auth-service β€’ 47 files scanned

-
-
-
-
-
-
- - + +
-
-
- OneUptime AI - 3:49 PM -
-
-
-

Pull request created!

-

fix: Add null check in UserSession.java β€’ PR #1247

-
-
-
+ + + +
diff --git a/Home/Views/dashboards.ejs b/Home/Views/dashboards.ejs index c19c258d08..3fc2af3773 100644 --- a/Home/Views/dashboards.ejs +++ b/Home/Views/dashboards.ejs @@ -1048,132 +1048,375 @@
-
+
-
-
-
- - - - Dashboard Alerts -
-

- Share insights with your team +
+ +
+

Team Notifications

+

+ Dashboard alerts where your team already works

-

- Get notified when metrics cross thresholds. Share dashboard snapshots and reports with your team via Slack, Teams, or email. +

+ Get instant notifications in Slack and Microsoft Teams when metrics cross thresholds. Share dashboard insights without context switching.

-
    -
  • -
    - - + + +
    + +
    +
    + + + + +
    -
    -
    Threshold alerts
    -
    Get notified when metrics exceed defined thresholds
    +
    +

    Slack

    +

    Instant alerts with interactive actions

    -
    • -
  • -
    - - +
    + + +
    +
    + + + + + +
    -
    -
    Scheduled reports
    -
    Send dashboard snapshots on a schedule
    +
    +

    Microsoft Teams

    +

    Native adaptive cards integration

    -
    • -
  • -
    - - - -
    -
    -
    Anomaly detection
    -
    AI-powered alerts for unusual patterns
    -
    -
    • -
+
+
+ + +
+
+ + + + Threshold alerts +
+
+ + + + Scheduled reports +
+
+ + + + Anomaly detection +
+
+ + + + Action buttons +
+

-
-
- -
-
-
- - + + +
+
+ +
+ + +
+ +
+
+
+
+
+
+
+
+
+ + - Slack + dashboards + + + +
+
+
+ M +
-
-
-
- - - -
-
-
- OneUptime - 9:00 AM -
-
-
-

Daily Dashboard Report

-

Production Overview β€’ 15 widgets β€’ PDF attached

+ + +
+ +
+
+ OneUptime +
+
+ OneUptime + APP + 10:15 AM +
+ + +
+
+
+
+
+
+ + + Warning + +
+

CPU Usage exceeded 85%

+

Production servers threshold: 80%

+
+
+
+
+ + + + Infrastructure Dashboard +
+
+ + + + Triggered 5m ago +
+
+
+
+ + +
+ + + +
+ + +
+
+ πŸ‘€ + 2 +
+
+ + +
+ + +
-
-
- - +
+ + +
+
+ + + + Message #dashboards +
+ + -
-
-
- OneUptime - 10:15 AM -
-
-
-

Threshold Alert: CPU Usage

-

Production Servers β€’ 85% (threshold: 80%)

-
-
-
-
-
-
- - + +
-
-
- OneUptime - 10:30 AM -
-
-
-

All metrics normal

-

CPU back to 62% β€’ Auto-resolved

-
-
-
+ + + +
diff --git a/Home/Views/workflows.ejs b/Home/Views/workflows.ejs index d14cb15751..dc73c67aa4 100644 --- a/Home/Views/workflows.ejs +++ b/Home/Views/workflows.ejs @@ -892,132 +892,374 @@ <%- include('./Partials/security') -%> -
+
-
-
-
- - - - Workflow Notifications -
-

- Stay informed with real-time alerts +
+ +
+

Team Notifications

+

+ Workflow alerts where your team already works

-

- Get notified when workflows complete, fail, or need attention. Integrate with Slack, Microsoft Teams, email, or any channel your team uses. +

+ Get instant notifications in Slack and Microsoft Teams when workflows complete, fail, or need attention. No context switching required.

-
    -
  • -
    - - + + +
    + +
    +
    + + + + +
    -
    -
    Execution status
    -
    Know instantly when workflows succeed or fail
    +
    +

    Slack

    +

    Instant alerts with interactive actions

    -
    • -
  • -
    - - +
    + + +
    +
    + + + + + +
    -
    -
    Error details
    -
    Get error logs and stack traces in your alerts
    +
    +

    Microsoft Teams

    +

    Native adaptive cards integration

    -
    • -
  • -
    - - - -
    -
    -
    Custom triggers
    -
    Send notifications from any step in your workflow
    -
    -
    • -
+
+
+ + +
+
+ + + + Success notifications +
+
+ + + + Failure alerts +
+
+ + + + Error details +
+
+ + + + Action buttons +
+

-
-
- -
-
-
- - + + +
+
+ +
+ + +
+ +
+
+
+
+
+
+
+
+
+ + - Slack + workflows + + + +
+
+
+ D +
-
-
-
- - - -
-
-
- OneUptime - 2:34 PM -
-
-
-

Workflow completed successfully

-

Deploy to Production β€’ 47 steps β€’ 2m 34s

+ + +
+ +
+
+ OneUptime +
+
+ OneUptime + APP + 3:45 PM +
+ + +
+
+
+
+
+
+ + + Failed + +
+

Database Backup failed at step 3

+

Connection timeout after 30 seconds

+
+
+
+
+ + + + Daily Backup Workflow +
+
+ + + + Failed 2m ago +
+
+
+
+ + +
+ + + +
+ + +
+
+ πŸ‘€ + 2 +
+
+ + +
+ + +
-
-
- - +
+ + +
+
+ + + + Message #workflows +
+ + -
-
-
- OneUptime - 2:35 PM -
-
-
-

Workflow failed at step 12

-

Backup Database β€’ API timeout error

-
-
-
-
-
-
- - + +
-
-
- OneUptime - 2:36 PM -
-
-
-

Scheduled workflow starting

-

Daily Report Generation β€’ 12 steps

-
-
-
+ + + +