I want to create a proof of concept for CSAM (Customer Success Account Manager) role Where they can get a teams notification from a services agent which provides a list of their customers potential critical subscriptions which are not mapped with any of their customers existsing workload.
Each of the subscriptions should have the details on the below criterias marked yes or No so that the user can use that subscription for the discussion with the customer
1. ACR 10
2. ACR 40
3. Support Case
4. Subscription Name
5. Resource Group Name
6. Express Route Criteria
7. Crisit in last 9 months
8. Critsit related to Outage
9. Mapped to Unified Base Support
10. Mapped to Unified Addon support
Once discussed with the customer CSAM should have the ability to choose all the subscriptions or some of the subscriptions from the above list to create a new workload. Once the workload is created then the above list of susbscriptions to be refreshed and those subscriptions that are mapped to the workload is removed from the list.
CSAM Subscription Management Proof of Concept
I'll create a proof of concept application for Customer Success Account Managers (CSAMs) that allows them to:
- Receive Teams notifications about unmapped critical subscriptions
- View subscription details with all required criteria
- Select subscriptions to create new workloads
- Refresh the list after workload creation
Let's build this with Next.js and a clean UI:
Key Features of the CSAM Proof of Concept
This application provides a complete proof of concept for the CSAM role with the following features:
Teams Notification Simulation
- Simulates receiving a Teams notification about unmapped critical subscriptions
- Displays the count of unmapped subscriptions
Subscription Management
- Comprehensive table view of all unmapped critical subscriptions
- All 10 required criteria displayed for each subscription (ACR 10, ACR 40, Support Case, etc.)
- Visual indicators (Yes/No badges) for each criterion
- Ability to select individual or all subscriptions
Workload Creation
- Modal for creating new workloads with selected subscriptions
- Confirmation of how many subscriptions will be mapped
- Automatic refresh of the subscription list after workload creation
- Removal of mapped subscriptions from the list
User Interface
- Clean, modern UI with tabs for subscriptions and workloads
- Responsive design that works on all device sizes
- Clear visual indicators for subscription status
How to Use
- View the list of unmapped critical subscriptions with all required criteria
- Select one or more subscriptions using the checkboxes
- Click "Create Workload" to map the selected subscriptions to a new workload
- Enter a name for the new workload and confirm
- The list will refresh, and the mapped subscriptions will be removed
You can also click "Simulate Teams Notification" to see how a notification would appear to the CSAM.
The workflow needs to start from the teams notification of critical subscription alert for General Motors. WHen the CSAM clicks on that notification then the list of subscriptions needs to be displayed
CSAM Workflow for General Motors Critical Subscriptions
I'll update the proof of concept to start with a Teams notification specifically for General Motors, and then show the subscription list when the CSAM clicks on the notification.
Updated Workflow for General Motors CSAM
I've updated the proof of concept to implement the workflow you described:
Key Changes:
Starts with Teams Notification
- The application now starts with a Teams notification visible by default
- The notification is specifically for General Motors critical subscriptions
- When the CSAM clicks "View Subscriptions," they're taken to the subscription list
General Motors Specific
- All subscription data is now labeled as General Motors
- Added a customer header that clearly identifies these as GM subscriptions
- Resource groups and subscription names reflect the GM customer
Improved Visual Flow
- Clear visual connection between the notification and the subscription list
- Customer information is prominently displayed
- The workflow guides the CSAM through the process
How the Workflow Works:
- CSAM receives a Teams notification about unmapped critical subscriptions for General Motors
- CSAM clicks "View Subscriptions" on the notification
- The notification closes and the subscription list appears
- CSAM can select subscriptions and create a new workload
- After creating the workload, the list refreshes with the mapped subscriptions removed
This implementation provides a clear, guided workflow that starts with the Teams notification and leads the CSAM through the process of reviewing and mapping critical subscriptions for General Motors.
use the attached teams template on which the notification for the critical subscription Alert for Genral motors should come and once the notification is clicked then the cards contianing the list of subscriptions should be listed with the workflow.
