@agenticmail/enterprise 0.5.12 → 0.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/dashboard/pages/agents.js +66 -5
  2. package/package.json +1 -1
  3. package/src/dashboard/pages/agents.js +66 -5
package/dist/dashboard/pages/agents.js CHANGED
@@ -244,12 +244,20 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
244
244
  const [selectedSoul, setSelectedSoul] = useState(null);
245
245
  const [previewOpen, setPreviewOpen] = useState(false);
246
246
  const [loading, setLoading] = useState(false);
247
+ const [showSetupGuide, setShowSetupGuide] = useState(false);
248
+ const [setupChecked, setSetupChecked] = useState(false);
247
249
 
248
250
  useEffect(() => {
249
251
  engineCall('/skills/by-category').then(d => setAllSkills(d.categories || {})).catch(() => {});
250
252
  engineCall('/profiles/presets').then(d => setPresets(d.presets || [])).catch(() => {});
251
253
  engineCall('/souls/by-category').then(d => { setSoulCategories(d.categories || {}); setSoulMeta(d.categoryMeta || {}); }).catch(() => {});
252
- apiCall('/providers').then(function(d) { setProviders(d.providers || []); }).catch(function() {});
254
+ apiCall('/providers').then(function(d) {
255
+ var provList = d.providers || [];
256
+ setProviders(provList);
257
+ var hasConfigured = provList.some(function(p) { return p.configured; });
258
+ if (!hasConfigured) { setShowSetupGuide(true); }
259
+ setSetupChecked(true);
260
+ }).catch(function() { setShowSetupGuide(true); setSetupChecked(true); });
253
261
  }, []);
254
262
 
255
263
  // Fetch models when provider changes
@@ -452,6 +460,59 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
452
460
 
453
461
  const stepIcons = ['soul', 'basics', 'skills', 'perms', 'deploy', 'review'];
454
462
 
463
+ // ─── Setup Guide Modal ───────────────────────────────────
464
+ if (showSetupGuide) {
465
+ return h('div', { className: 'modal-overlay', onClick: e => { if (e.target === e.currentTarget) onClose(); } },
466
+ h('div', { className: 'modal', style: { maxWidth: 600 } },
467
+ h('div', { className: 'modal-header' },
468
+ h('div', null,
469
+ h('h2', null, '⚡ Setup Required'),
470
+ h('p', { style: { fontSize: 12, color: 'var(--text-muted)', margin: '2px 0 0', fontWeight: 400 } }, 'Complete these steps before creating your first agent')
471
+ ),
472
+ h('button', { className: 'btn btn-ghost btn-icon', onClick: onClose }, I.x())
473
+ ),
474
+ h('div', { className: 'modal-body', style: { padding: '24px' } },
475
+ h('p', { style: { marginBottom: 20, color: 'var(--text-secondary)', lineHeight: 1.6 } },
476
+ 'Your agents need an LLM provider (like Anthropic or OpenAI) to think and act. Set up at least one provider with an API key before creating agents.'
477
+ ),
478
+ h('div', { style: { display: 'flex', flexDirection: 'column', gap: 16 } },
479
+ h('div', { style: { padding: 16, borderRadius: 'var(--radius-lg)', border: '1px solid var(--border)', background: 'var(--bg-secondary)' } },
480
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 8 } },
481
+ h('div', { style: { width: 28, height: 28, borderRadius: '50%', background: 'var(--accent)', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 700, fontSize: 14, flexShrink: 0 } }, '1'),
482
+ h('strong', null, 'Add an LLM Provider API Key')
483
+ ),
484
+ h('p', { style: { margin: 0, color: 'var(--text-muted)', fontSize: 13, paddingLeft: 40, lineHeight: 1.5 } },
485
+ 'Go to Settings → LLM Providers and add your API key for at least one provider. Recommended: Anthropic (Claude) or OpenAI (GPT).'
486
+ )
487
+ ),
488
+ h('div', { style: { padding: 16, borderRadius: 'var(--radius-lg)', border: '1px solid var(--border)', background: 'var(--bg-secondary)' } },
489
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 8 } },
490
+ h('div', { style: { width: 28, height: 28, borderRadius: '50%', background: 'var(--accent)', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 700, fontSize: 14, flexShrink: 0 } }, '2'),
491
+ h('strong', null, 'Configure Email Domain (Optional)')
492
+ ),
493
+ h('p', { style: { margin: 0, color: 'var(--text-muted)', fontSize: 13, paddingLeft: 40, lineHeight: 1.5 } },
494
+ 'Set up your email domain in Settings → Domain so agents can send and receive emails as agent@yourdomain.com.'
495
+ )
496
+ ),
497
+ h('div', { style: { padding: 16, borderRadius: 'var(--radius-lg)', border: '1px solid var(--border)', background: 'var(--bg-secondary)' } },
498
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 8 } },
499
+ h('div', { style: { width: 28, height: 28, borderRadius: '50%', background: 'var(--accent)', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 700, fontSize: 14, flexShrink: 0 } }, '3'),
500
+ h('strong', null, 'Set Security Policies (Optional)')
501
+ ),
502
+ h('p', { style: { margin: 0, color: 'var(--text-muted)', fontSize: 13, paddingLeft: 40, lineHeight: 1.5 } },
503
+ 'Review Settings → Guardrails to set tool approval policies, rate limits, and data loss prevention rules.'
504
+ )
505
+ )
506
+ ),
507
+ h('div', { style: { display: 'flex', gap: 12, marginTop: 24, justifyContent: 'flex-end' } },
508
+ h('button', { className: 'btn btn-ghost', onClick: function() { setShowSetupGuide(false); } }, 'Skip for Now'),
509
+ h('a', { href: '#/settings', className: 'btn btn-primary', onClick: function() { onClose(); } }, 'Go to Settings')
510
+ )
511
+ )
512
+ )
513
+ );
514
+ }
515
+
455
516
  return h('div', { className: 'modal-overlay', onClick: e => { if (e.target === e.currentTarget) onClose(); } },
456
517
  h('div', { className: 'modal modal-xl' },
457
518
  h('div', { className: 'modal-header' },
@@ -669,14 +730,14 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
669
730
  value: form.provider || 'anthropic',
670
731
  onChange: function(e) { setForm(Object.assign({}, form, { provider: e.target.value })); },
671
732
  },
672
- providers.length > 0
733
+ providers.length > 0 && providers.some(function(p) { return p.configured; })
673
734
  ? providers.filter(function(p) { return p.configured; }).map(function(p) {
674
735
  return h('option', { key: p.id, value: p.id }, p.name + (p.isLocal ? ' (Local)' : ''));
675
736
  })
676
737
  : [
677
- h('option', { value: 'anthropic' }, 'Anthropic'),
678
- h('option', { value: 'openai' }, 'OpenAI'),
679
- h('option', { value: 'google' }, 'Google'),
738
+ h('option', { value: 'anthropic' }, 'Anthropic (Claude)'),
739
+ h('option', { value: 'openai' }, 'OpenAI (GPT)'),
740
+ h('option', { value: 'google' }, 'Google (Gemini)'),
680
741
  h('option', { value: 'deepseek' }, 'DeepSeek'),
681
742
  h('option', { value: 'xai' }, 'xAI (Grok)'),
682
743
  h('option', { value: 'mistral' }, 'Mistral'),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agenticmail/enterprise",
3
- "version": "0.5.12",
3
+ "version": "0.5.13",
4
4
  "description": "AgenticMail Enterprise — cloud-hosted AI agent identity, email, auth & compliance for organizations",
5
5
  "type": "module",
6
6
  "bin": {
package/src/dashboard/pages/agents.js CHANGED
@@ -244,12 +244,20 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
244
244
  const [selectedSoul, setSelectedSoul] = useState(null);
245
245
  const [previewOpen, setPreviewOpen] = useState(false);
246
246
  const [loading, setLoading] = useState(false);
247
+ const [showSetupGuide, setShowSetupGuide] = useState(false);
248
+ const [setupChecked, setSetupChecked] = useState(false);
247
249
 
248
250
  useEffect(() => {
249
251
  engineCall('/skills/by-category').then(d => setAllSkills(d.categories || {})).catch(() => {});
250
252
  engineCall('/profiles/presets').then(d => setPresets(d.presets || [])).catch(() => {});
251
253
  engineCall('/souls/by-category').then(d => { setSoulCategories(d.categories || {}); setSoulMeta(d.categoryMeta || {}); }).catch(() => {});
252
- apiCall('/providers').then(function(d) { setProviders(d.providers || []); }).catch(function() {});
254
+ apiCall('/providers').then(function(d) {
255
+ var provList = d.providers || [];
256
+ setProviders(provList);
257
+ var hasConfigured = provList.some(function(p) { return p.configured; });
258
+ if (!hasConfigured) { setShowSetupGuide(true); }
259
+ setSetupChecked(true);
260
+ }).catch(function() { setShowSetupGuide(true); setSetupChecked(true); });
253
261
  }, []);
254
262
 
255
263
  // Fetch models when provider changes
@@ -452,6 +460,59 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
452
460
 
453
461
  const stepIcons = ['soul', 'basics', 'skills', 'perms', 'deploy', 'review'];
454
462
 
463
+ // ─── Setup Guide Modal ───────────────────────────────────
464
+ if (showSetupGuide) {
465
+ return h('div', { className: 'modal-overlay', onClick: e => { if (e.target === e.currentTarget) onClose(); } },
466
+ h('div', { className: 'modal', style: { maxWidth: 600 } },
467
+ h('div', { className: 'modal-header' },
468
+ h('div', null,
469
+ h('h2', null, '⚡ Setup Required'),
470
+ h('p', { style: { fontSize: 12, color: 'var(--text-muted)', margin: '2px 0 0', fontWeight: 400 } }, 'Complete these steps before creating your first agent')
471
+ ),
472
+ h('button', { className: 'btn btn-ghost btn-icon', onClick: onClose }, I.x())
473
+ ),
474
+ h('div', { className: 'modal-body', style: { padding: '24px' } },
475
+ h('p', { style: { marginBottom: 20, color: 'var(--text-secondary)', lineHeight: 1.6 } },
476
+ 'Your agents need an LLM provider (like Anthropic or OpenAI) to think and act. Set up at least one provider with an API key before creating agents.'
477
+ ),
478
+ h('div', { style: { display: 'flex', flexDirection: 'column', gap: 16 } },
479
+ h('div', { style: { padding: 16, borderRadius: 'var(--radius-lg)', border: '1px solid var(--border)', background: 'var(--bg-secondary)' } },
480
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 8 } },
481
+ h('div', { style: { width: 28, height: 28, borderRadius: '50%', background: 'var(--accent)', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 700, fontSize: 14, flexShrink: 0 } }, '1'),
482
+ h('strong', null, 'Add an LLM Provider API Key')
483
+ ),
484
+ h('p', { style: { margin: 0, color: 'var(--text-muted)', fontSize: 13, paddingLeft: 40, lineHeight: 1.5 } },
485
+ 'Go to Settings → LLM Providers and add your API key for at least one provider. Recommended: Anthropic (Claude) or OpenAI (GPT).'
486
+ )
487
+ ),
488
+ h('div', { style: { padding: 16, borderRadius: 'var(--radius-lg)', border: '1px solid var(--border)', background: 'var(--bg-secondary)' } },
489
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 8 } },
490
+ h('div', { style: { width: 28, height: 28, borderRadius: '50%', background: 'var(--accent)', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 700, fontSize: 14, flexShrink: 0 } }, '2'),
491
+ h('strong', null, 'Configure Email Domain (Optional)')
492
+ ),
493
+ h('p', { style: { margin: 0, color: 'var(--text-muted)', fontSize: 13, paddingLeft: 40, lineHeight: 1.5 } },
494
+ 'Set up your email domain in Settings → Domain so agents can send and receive emails as agent@yourdomain.com.'
495
+ )
496
+ ),
497
+ h('div', { style: { padding: 16, borderRadius: 'var(--radius-lg)', border: '1px solid var(--border)', background: 'var(--bg-secondary)' } },
498
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 8 } },
499
+ h('div', { style: { width: 28, height: 28, borderRadius: '50%', background: 'var(--accent)', color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 700, fontSize: 14, flexShrink: 0 } }, '3'),
500
+ h('strong', null, 'Set Security Policies (Optional)')
501
+ ),
502
+ h('p', { style: { margin: 0, color: 'var(--text-muted)', fontSize: 13, paddingLeft: 40, lineHeight: 1.5 } },
503
+ 'Review Settings → Guardrails to set tool approval policies, rate limits, and data loss prevention rules.'
504
+ )
505
+ )
506
+ ),
507
+ h('div', { style: { display: 'flex', gap: 12, marginTop: 24, justifyContent: 'flex-end' } },
508
+ h('button', { className: 'btn btn-ghost', onClick: function() { setShowSetupGuide(false); } }, 'Skip for Now'),
509
+ h('a', { href: '#/settings', className: 'btn btn-primary', onClick: function() { onClose(); } }, 'Go to Settings')
510
+ )
511
+ )
512
+ )
513
+ );
514
+ }
515
+
455
516
  return h('div', { className: 'modal-overlay', onClick: e => { if (e.target === e.currentTarget) onClose(); } },
456
517
  h('div', { className: 'modal modal-xl' },
457
518
  h('div', { className: 'modal-header' },
@@ -669,14 +730,14 @@ export function CreateAgentWizard({ onClose, onCreated, toast }) {
669
730
  value: form.provider || 'anthropic',
670
731
  onChange: function(e) { setForm(Object.assign({}, form, { provider: e.target.value })); },
671
732
  },
672
- providers.length > 0
733
+ providers.length > 0 && providers.some(function(p) { return p.configured; })
673
734
  ? providers.filter(function(p) { return p.configured; }).map(function(p) {
674
735
  return h('option', { key: p.id, value: p.id }, p.name + (p.isLocal ? ' (Local)' : ''));
675
736
  })
676
737
  : [
677
- h('option', { value: 'anthropic' }, 'Anthropic'),
678
- h('option', { value: 'openai' }, 'OpenAI'),
679
- h('option', { value: 'google' }, 'Google'),
738
+ h('option', { value: 'anthropic' }, 'Anthropic (Claude)'),
739
+ h('option', { value: 'openai' }, 'OpenAI (GPT)'),
740
+ h('option', { value: 'google' }, 'Google (Gemini)'),
680
741
  h('option', { value: 'deepseek' }, 'DeepSeek'),
681
742
  h('option', { value: 'xai' }, 'xAI (Grok)'),
682
743
  h('option', { value: 'mistral' }, 'Mistral'),