@agenticmail/enterprise 0.5.26 → 0.5.28

package/src/dashboard/pages/agents.js

@@ -233,7 +233,7 @@ export function DeploymentProgress({ agentId, onComplete }) {
 export function CreateAgentWizard({ onClose, onCreated, toast }) {
   const [step, setStep] = useState(0);
   const steps = ['Role', 'Basics', 'Persona', 'Skills', 'Permissions', 'Deployment', 'Review'];
-  const [form, setForm] = useState({ name: '', email: '', role: 'assistant', description: '', personality: '', skills: [], preset: null, customTools: { allowed: [], blocked: [] }, deployTarget: 'docker', knowledgeBases: [], provider: '', model: '', approvalRequired: true, soulId: null, avatar: null, gender: '', dateOfBirth: '', maritalStatus: '', culturalBackground: '', language: 'en-us', autoOnboard: true, maxRiskLevel: 'medium', blockedSideEffects: ['runs-code', 'deletes-data', 'financial', 'controls-device'], approvalForRiskLevels: ['high', 'critical'], approvalForSideEffects: ['sends-email', 'sends-message'], rateLimits: { toolCallsPerMinute: 30, toolCallsPerHour: 500, toolCallsPerDay: 5000, externalActionsPerHour: 50 }, constraints: { maxConcurrentTasks: 5, maxSessionDurationMinutes: 480, sandboxMode: false }, traits: { communication: 'direct', detail: 'detail-oriented', energy: 'calm', humor: 'warm', formality: 'adaptive', empathy: 'moderate', patience: 'patient', creativity: 'creative' } });
+  const [form, setForm] = useState({ name: '', email: '', role: 'assistant', description: '', personality: '', skills: [], preset: null, customTools: { allowed: [], blocked: [] }, deployTarget: 'fly', knowledgeBases: [], provider: '', model: '', approvalRequired: true, soulId: null, avatar: null, gender: '', dateOfBirth: '', maritalStatus: '', culturalBackground: '', language: 'en-us', autoOnboard: true, maxRiskLevel: 'medium', blockedSideEffects: ['runs-code', 'deletes-data', 'financial', 'controls-device'], approvalForRiskLevels: ['high', 'critical'], approvalForSideEffects: ['sends-email', 'sends-message'], rateLimits: { toolCallsPerMinute: 30, toolCallsPerHour: 500, toolCallsPerDay: 5000, externalActionsPerHour: 50 }, constraints: { maxConcurrentTasks: 5, maxSessionDurationMinutes: 480, sandboxMode: false }, traits: { communication: 'direct', detail: 'detail-oriented', energy: 'calm', humor: 'warm', formality: 'adaptive', empathy: 'moderate', patience: 'patient', creativity: 'creative' } });
   const [allSkills, setAllSkills] = useState({});
   const [providers, setProviders] = useState([]);
   const [providerModels, setProviderModels] = useState([]);
@@ -245,6 +245,38 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
   const [previewOpen, setPreviewOpen] = useState(false);
   const [loading, setLoading] = useState(false);
   const [showSetupGuide, setShowSetupGuide] = useState(false);
+  const [draftSaved, setDraftSaved] = useState(false);
+
+  // Load draft from localStorage on mount
+  useEffect(function() {
+    try {
+      var draft = localStorage.getItem('em_agent_draft');
+      if (draft) {
+        var parsed = JSON.parse(draft);
+        setForm(function(f) { return Object.assign({}, f, parsed); });
+        if (parsed._step) setStep(parsed._step);
+      }
+    } catch {}
+  }, []);
+
+  // Save draft function
+  var saveDraft = useCallback(function() {
+    try {
+      localStorage.setItem('em_agent_draft', JSON.stringify(Object.assign({}, form, { _step: step })));
+      setDraftSaved(true);
+      setTimeout(function() { setDraftSaved(false); }, 2000);
+    } catch {}
+  }, [form, step]);
+
+  // Auto-save draft on step change
+  useEffect(function() {
+    if (form.name) {
+      try { localStorage.setItem('em_agent_draft', JSON.stringify(Object.assign({}, form, { _step: step }))); } catch {}
+    }
+  }, [step]);
+
+  // Clear draft after successful creation
+  var clearDraft = function() { try { localStorage.removeItem('em_agent_draft'); } catch {} };
   const [setupChecked, setSetupChecked] = useState(false);
 
   useEffect(() => {
@@ -455,6 +487,7 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
         toast('Agent "' + form.name + '" created successfully', 'success');
       }
 
+      clearDraft();
       onCreated();
       onClose();
     } catch (err) { toast(err.message, 'error'); }
@@ -1069,6 +1102,7 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
       h('div', { className: 'modal-footer' },
         step > 0 && h('button', { className: 'btn btn-secondary', onClick: () => setStep(step - 1) }, 'Back'),
         step === 0 && !form.soulId && h('button', { className: 'btn btn-ghost', onClick: () => setStep(1) }, 'Skip — Configure Manually'),
+        h('button', { className: 'btn btn-ghost', onClick: saveDraft, style: { fontSize: 12 } }, draftSaved ? '\u2713 Draft Saved' : 'Save Draft'),
         h('div', { style: { flex: 1 } }),
         step < lastStep && h('button', { className: 'btn btn-primary', disabled: !canNext(), onClick: () => setStep(step + 1) }, 'Next'),
         step === lastStep && h('button', { className: 'btn btn-primary', disabled: loading, onClick: doCreate }, loading ? 'Creating...' : 'Create Agent')

package/src/dashboard/pages/settings.js

@@ -383,41 +383,73 @@ export function SettingsPage() {
       )
     ),
 
-    tab === 'email' && h('div', { className: 'card' },
-      h('div', { className: 'card-header' }, h('h3', null, 'Email & Domain Configuration')),
-      h('div', { className: 'card-body' },
-        h('p', { style: { color: 'var(--text-secondary)', fontSize: 13, marginBottom: 20 } }, 'Configure how agents send and receive email. Choose between a relay (Gmail/Outlook forwarding) or a custom domain with full DKIM/SPF/DMARC.'),
-        h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 } },
-          h('div', { className: 'preset-card', style: { cursor: 'default' } },
-            h('h4', null, 'Gmail / Outlook Relay'),
-            h('p', { style: { marginBottom: 12 } }, 'Easy setup. Agents send from yourname+agent@gmail.com. Best for getting started.'),
-            h('div', { className: 'form-group' },
-              h('label', { className: 'form-label' }, 'Email Address'),
-              h('input', { className: 'input', value: settings.relayEmail || '', onChange: e => setSettings(s => ({ ...s, relayEmail: e.target.value })), placeholder: 'you@gmail.com' })
-            ),
-            h('div', { className: 'form-group' },
-              h('label', { className: 'form-label' }, 'App Password'),
-              h('input', { className: 'input', type: 'password', value: settings.relayPassword || '', onChange: e => setSettings(s => ({ ...s, relayPassword: e.target.value })), placeholder: 'xxxx xxxx xxxx xxxx' }),
-              h('p', { className: 'form-help' }, h('a', { href: 'https://myaccount.google.com/apppasswords', target: '_blank' }, 'Get app password from Google'))
-            ),
-            h('button', { className: 'btn btn-primary btn-sm', onClick: () => apiCall('/settings', { method: 'PATCH', body: JSON.stringify({ smtpHost: 'smtp.gmail.com', smtpPort: 587, smtpUser: settings.relayEmail || null, smtpPass: settings.relayPassword || null }) }).then(d => { setSettings(s => ({ ...s, ...d })); toast('Relay config saved', 'success'); }).catch(e => toast(e.message, 'error')) }, 'Save Relay Config')
-          ),
-          h('div', { className: 'preset-card', style: { cursor: 'default' } },
-            h('h4', null, 'Custom Domain'),
-            h('p', { style: { marginBottom: 12 } }, 'Professional setup. Agents send from agent@yourdomain.com with full email authentication.'),
-            h('div', { className: 'form-group' },
-              h('label', { className: 'form-label' }, 'Domain'),
-              h('input', { className: 'input', value: settings.emailDomain || '', onChange: e => setSettings(s => ({ ...s, emailDomain: e.target.value })), placeholder: 'yourdomain.com' })
-            ),
-            h('div', { className: 'form-group' },
-              h('label', { className: 'form-label' }, 'Cloudflare API Token'),
-              h('input', { className: 'input', type: 'password', value: settings.cfApiToken || '', onChange: e => setSettings(s => ({ ...s, cfApiToken: e.target.value })), placeholder: 'Your Cloudflare API token' })
+    tab === 'email' && h('div', null,
+      // Saved configurations summary
+      (settings.smtpUser || settings.cfApiToken) && h('div', { className: 'card', style: { marginBottom: 16 } },
+        h('div', { className: 'card-header' }, h('h3', null, 'Active Email Configuration')),
+        h('div', { className: 'card-body' },
+          h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 } },
+            settings.smtpUser && h('div', { style: { padding: 12, background: 'var(--bg-success, rgba(34,197,94,0.08))', borderRadius: 'var(--radius)', border: '1px solid var(--border)' } },
+              h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 } },
+                h('span', { style: { color: '#22c55e', fontSize: 18 } }, '\u2713'),
+                h('strong', null, 'Relay Configured')
+              ),
+              h('div', { style: { fontSize: 13, color: 'var(--text-secondary)' } },
+                h('div', null, 'Host: ', h('code', null, settings.smtpHost || 'smtp.gmail.com')),
+                h('div', null, 'User: ', h('code', null, settings.smtpUser)),
+                h('div', null, 'Password: ', h('code', null, '\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022'))
+              )
             ),
-            h('div', { className: 'form-group' },
-              h('label', { className: 'form-label' }, 'Cloudflare Account ID'),
-              h('input', { className: 'input', value: settings.cfAccountId || '', onChange: e => setSettings(s => ({ ...s, cfAccountId: e.target.value })), placeholder: 'Account ID' })
+            settings.cfApiToken && h('div', { style: { padding: 12, background: 'var(--bg-success, rgba(34,197,94,0.08))', borderRadius: 'var(--radius)', border: '1px solid var(--border)' } },
+              h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 } },
+                h('span', { style: { color: '#22c55e', fontSize: 18 } }, '\u2713'),
+                h('strong', null, 'Custom Domain Configured')
+              ),
+              h('div', { style: { fontSize: 13, color: 'var(--text-secondary)' } },
+                h('div', null, 'Domain: ', h('code', null, settings.domain || 'Not set')),
+                h('div', null, 'CF Token: ', h('code', null, (settings.cfApiToken || '').slice(0, 8) + '\u2022\u2022\u2022\u2022')),
+                h('div', null, 'CF Account: ', h('code', null, settings.cfAccountId || 'Not set'))
+              )
+            )
+          )
+        )
+      ),
+      h('div', { className: 'card' },
+        h('div', { className: 'card-header' }, h('h3', null, 'Email & Domain Configuration')),
+        h('div', { className: 'card-body' },
+          h('p', { style: { color: 'var(--text-secondary)', fontSize: 13, marginBottom: 20 } }, 'Configure how agents send and receive email. Choose between a relay (Gmail/Outlook forwarding) or a custom domain with full DKIM/SPF/DMARC.'),
+          h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 } },
+            h('div', { className: 'preset-card', style: { cursor: 'default' } },
+              h('h4', null, 'Gmail / Outlook Relay'),
+              h('p', { style: { marginBottom: 12 } }, 'Easy setup. Agents send from yourname+agent@gmail.com. Best for getting started.'),
+              h('div', { className: 'form-group' },
+                h('label', { className: 'form-label' }, 'Email Address'),
+                h('input', { className: 'input', value: settings.smtpUser || '', onChange: e => setSettings(s => ({ ...s, smtpUser: e.target.value })), placeholder: 'you@gmail.com' })
+              ),
+              h('div', { className: 'form-group' },
+                h('label', { className: 'form-label' }, 'App Password'),
+                h('input', { className: 'input', type: 'password', value: settings.smtpPass || '', onChange: e => setSettings(s => ({ ...s, smtpPass: e.target.value })), placeholder: 'xxxx xxxx xxxx xxxx' }),
+                h('p', { className: 'form-help' }, h('a', { href: 'https://myaccount.google.com/apppasswords', target: '_blank' }, 'Get app password from Google'))
+              ),
+              h('button', { className: 'btn btn-primary btn-sm', onClick: () => apiCall('/settings', { method: 'PATCH', body: JSON.stringify({ smtpHost: 'smtp.gmail.com', smtpPort: 587, smtpUser: settings.smtpUser || null, smtpPass: settings.smtpPass || null }) }).then(d => { setSettings(s => ({ ...s, ...d })); toast('Relay config saved', 'success'); }).catch(e => toast(e.message, 'error')) }, 'Save Relay Config')
             ),
-            h('button', { className: 'btn btn-primary btn-sm', onClick: () => apiCall('/settings', { method: 'PATCH', body: JSON.stringify({ domain: settings.emailDomain || null, cfApiToken: settings.cfApiToken || null, cfAccountId: settings.cfAccountId || null }) }).then(d => { setSettings(s => ({ ...s, ...d })); toast('Domain config saved', 'success'); }).catch(e => toast(e.message, 'error')) }, 'Save Domain Config')
+            h('div', { className: 'preset-card', style: { cursor: 'default' } },
+              h('h4', null, 'Custom Domain'),
+              h('p', { style: { marginBottom: 12 } }, 'Professional setup. Agents send from agent@yourdomain.com with full email authentication.'),
+              h('div', { className: 'form-group' },
+                h('label', { className: 'form-label' }, 'Domain'),
+                h('input', { className: 'input', value: settings.domain || '', onChange: e => setSettings(s => ({ ...s, domain: e.target.value })), placeholder: 'yourdomain.com' })
+              ),
+              h('div', { className: 'form-group' },
+                h('label', { className: 'form-label' }, 'Cloudflare API Token'),
+                h('input', { className: 'input', type: 'password', value: settings.cfApiToken || '', onChange: e => setSettings(s => ({ ...s, cfApiToken: e.target.value })), placeholder: 'Your Cloudflare API token' })
+              ),
+              h('div', { className: 'form-group' },
+                h('label', { className: 'form-label' }, 'Cloudflare Account ID'),
+                h('input', { className: 'input', value: settings.cfAccountId || '', onChange: e => setSettings(s => ({ ...s, cfAccountId: e.target.value })), placeholder: 'Account ID' })
+              ),
+              h('button', { className: 'btn btn-primary btn-sm', onClick: () => apiCall('/settings', { method: 'PATCH', body: JSON.stringify({ domain: settings.domain || null, cfApiToken: settings.cfApiToken || null, cfAccountId: settings.cfAccountId || null }) }).then(d => { setSettings(s => ({ ...s, ...d })); toast('Domain config saved', 'success'); }).catch(e => toast(e.message, 'error')) }, 'Save Domain Config')
+            )
           )
         )
       )

package/src/db/adapter.ts

@@ -195,6 +195,8 @@ export interface CompanySettings {
   domainVerifiedAt?: string;
   domainRegisteredAt?: string;
   domainStatus?: 'unregistered' | 'pending_dns' | 'verified' | 'failed';
+  cfApiToken?: string;
+  cfAccountId?: string;
   toolSecurityConfig?: Record<string, any>;
   firewallConfig?: FirewallConfig;
   modelPricingConfig?: ModelPricingConfig;

package/src/db/postgres.ts

@@ -102,6 +102,10 @@ export class PostgresAdapter extends DatabaseAdapter {
       await client.query(`
         ALTER TABLE company_settings ADD COLUMN IF NOT EXISTS org_id TEXT
       `).catch(() => {});
+      await client.query(`
+        ALTER TABLE company_settings ADD COLUMN IF NOT EXISTS cf_api_token TEXT;
+        ALTER TABLE company_settings ADD COLUMN IF NOT EXISTS cf_account_id TEXT;
+      `).catch(() => {});
       await client.query('COMMIT');
     } catch (err) {
       await client.query('ROLLBACK');
@@ -141,6 +145,8 @@ export class PostgresAdapter extends DatabaseAdapter {
       domainVerifiedAt: 'domain_verified_at',
       domainRegisteredAt: 'domain_registered_at',
       domainStatus: 'domain_status',
+      cfApiToken: 'cf_api_token',
+      cfAccountId: 'cf_account_id',
     };
     for (const [key, col] of Object.entries(map)) {
       if ((updates as any)[key] !== undefined) {
@@ -545,6 +551,8 @@ export class PostgresAdapter extends DatabaseAdapter {
       domainVerifiedAt: r.domain_verified_at || undefined,
       domainRegisteredAt: r.domain_registered_at || undefined,
       domainStatus: r.domain_status || 'unregistered',
+      cfApiToken: r.cf_api_token || undefined,
+      cfAccountId: r.cf_account_id || undefined,
     };
   }
 }