Email Profile Flow — UI Mockups

Visual reference for EmailProfileFlow module. All layouts derived from the actual Razor views and CSS in the codebase.

1. Email Profiles Grid (Index View)

Email Profiles
Label Status Name From Name Title Data Source Source Email Sales Agent Ops Owner Active Action
Acme Outreach
Active
 John Smith John Smith Sales Director LBData john@acme.com John Smith aleksandra.angelova@sopro.io
Corp Gifting
Active
 Jane Doe Jane Doe VP Sales DBData jane@corp.com Jane Doe ops.manager@sopro.io
AI Outreach (Generative)
Active
 Bob Johnson Bob Johnson AI Sales Agent bob@aioutreach.com Bob Johnson head.ops@sopro.io
Old Campaign
Inactive
 Mary Williams Mary Williams Senior Sales Mary Williams

2. Email Addresses Detail Grid

Rendered inline beneath an expanded profile row. Source: EmailAddresses.cshtml. When "Show inactive addresses" is ON, removed accounts (soft-deleted with Active = false) reappear.

Email accounts

3. Edit Email Profile — Step 1 (Identity)

Source: _EditEmailProfile.cshtml — 3-step wizard modal. Step 1 shown here. The Email Accounts multi-select shows a hybrid list: existing EPAs by ID + emails from account entities without EPAs (prefixed NEW:). Selected NEW: entries auto-create EPAs via CheckEmail lookup on save.

Edit email profile

  • 1 Step 1
  • 2 Step 2
  • 3 Step 3
✦ = New email (no EPA yet). Auto-created via CheckEmail lookup on save.

4. Edit Email Profile — Step 2 (Prospect Limits)

Source: _EditEmailProfile.cshtml — Step 2 of the wizard (Max prospects per day per company).

Edit email profile

  • 1 Step 1
  • 2 Step 2
  • 3 Step 3

Maximum prospects per day per company

5. Edit Email Profile — Step 3 (Source & Type)

Source: _EditEmailProfile.cshtml — Step 3 of the wizard with Generative-type options visible.

Edit email profile

  • 1 Step 1
  • 2 Step 2
  • 3 Step 3
Checkboxes disabled for non-SuperAdmin users. Automatically checked.

6. Clone Email Profile

Source: Clone.cshtml — Lightweight modal for duplicating a profile with a new label and from-name.

Clone email profile

Save

7. Generative Preview

Source: GenerativePreview.cshtml — Standalone page with two-column layout: generated messages table (left) and recipient details panel (right).

Generative Preview
Send a test e-mail Shuffle recipient
Stage Subject TextContent Action
1 Quick question about [Company] Hi {{FirstName}}, I noticed that [Company] has been doing great work in [Industry]...
2 Following up on my last email Just wanted to follow up on my previous message. Would love to connect...
3 One more thought I know you're busy, but I wanted to share one more thing...
Recipient
Sarah Johnson
VP of Marketing
Acme Corp
501-1000 employees
Enterprise Software
acmecorp.com
Acme Corp is a leading provider of enterprise software solutions serving Fortune 500 companies worldwide.
Email Profile Flow UI Mockups — Generated from Sodastream/Web/Web/Views/EmailProfileFlow/*.cshtml