@agenticmail/enterprise 0.5.229 → 0.5.231

package/dist/dashboard/pages/login.js

@@ -2,6 +2,10 @@ import { h, useState, useEffect, useCallback, Fragment } from '../components/uti
 import { apiCall, authCall, engineCall } from '../components/utils.js';
 import { I } from '../components/icons.js';
 
+var _b = typeof window !== 'undefined' && window.__EM_BRANDING__ || {};
+var _brandLogo = _b.login_logo || _b.logo || _brandLogo;
+var _brandBg = _b.login_bg || null;
+
 export function LoginPage({ onLogin }) {
   var [tab, setTab] = useState('password'); // 'password' | 'apikey' | 'sso'
   var [email, setEmail] = useState('');
@@ -76,10 +80,10 @@ export function LoginPage({ onLogin }) {
   // ─── 2FA Verification Screen ──────────────────────────
 
   if (needs2fa) {
-    return h('div', { className: 'login-page' },
+    return h('div', { className: 'login-page', style: _brandBg ? { backgroundImage: 'url(' + _brandBg + ')', backgroundSize: 'cover', backgroundPosition: 'center' } : {} },
       h('div', { className: 'login-card' },
         h('div', { className: 'login-logo' },
-          h('img', { src: '/dashboard/assets/logo.png', alt: 'AgenticMail', style: { width: 48, height: 48, objectFit: 'contain' } }),
+          h('img', { src: _brandLogo, alt: 'AgenticMail', style: { width: 48, height: 48, objectFit: 'contain' } }),
           h('h1', null, 'Two-Factor Authentication'),
           h('p', null, 'Enter the code from your authenticator app')
         ),
@@ -108,10 +112,10 @@ export function LoginPage({ onLogin }) {
 
   // ─── Main Login Screen ────────────────────────────────
 
-  return h('div', { className: 'login-page' },
+  return h('div', { className: 'login-page', style: _brandBg ? { backgroundImage: 'url(' + _brandBg + ')', backgroundSize: 'cover', backgroundPosition: 'center' } : {} },
     h('div', { className: 'login-card' },
       h('div', { className: 'login-logo' },
-        h('img', { src: '/dashboard/assets/logo.png', alt: 'AgenticMail', style: { width: 48, height: 48, objectFit: 'contain' } }),
+        h('img', { src: _brandLogo, alt: 'AgenticMail', style: { width: 48, height: 48, objectFit: 'contain' } }),
         h('h1', null, 'AgenticMail Enterprise'),
         h('p', null, 'AI Agent Identity & Management Platform')
       ),

package/dist/dashboard/pages/settings.js

@@ -279,6 +279,106 @@ export function SettingsPage() {
         )
       ),
 
+      // ─── Branding & Assets ──────────────────────────────
+      h('div', { className: 'card', style: { marginBottom: 16 } },
+        h('div', { className: 'card-header' }, h('h3', { style: { display: 'flex', alignItems: 'center' } }, 'Branding & Assets', h(HelpButton, { label: 'Branding & Assets' },
+          h('p', null, 'Upload your company logo, favicon, and login page assets. The system automatically generates all required icon sizes (16px, 32px, 48px, 180px, 192px, 512px) and favicon from your logo.'),
+          h('p', { style: { marginTop: 8 } }, h('strong', null, 'Supported formats: '), 'PNG, JPG, SVG, WebP, GIF'),
+          h('p', { style: { marginTop: 8, padding: 8, background: 'var(--bg-secondary)', borderRadius: 6, fontSize: 13 } }, h('strong', null, 'Tip: '), 'Upload a square PNG logo (512x512 or larger) for best results. The system auto-converts it to favicon.ico and all app icon sizes.')
+        ))),
+        h('div', { className: 'card-body' },
+          h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 } },
+            // Company Logo
+            h('div', { className: 'form-group' },
+              h('label', { className: 'form-label' }, 'Company Logo'),
+              h('p', { className: 'form-help', style: { marginBottom: 8 } }, 'Used in dashboard sidebar, emails, and auto-generates favicon + app icons'),
+              (settings.branding && settings.branding.logo) && h('div', { style: { marginBottom: 8, padding: 8, background: 'var(--bg-tertiary)', borderRadius: 'var(--radius)', display: 'inline-block' } },
+                h('img', { src: settings.branding.logo, style: { maxWidth: 120, maxHeight: 60, objectFit: 'contain' } })
+              ),
+              h('input', { type: 'file', accept: 'image/*', style: { fontSize: 12 }, onChange: function(e) {
+                var file = e.target.files && e.target.files[0];
+                if (!file) return;
+                if (file.size > 5 * 1024 * 1024) { toast('File too large (max 5MB)', 'error'); return; }
+                var reader = new FileReader();
+                reader.onload = function() {
+                  apiCall('/settings/branding', { method: 'POST', body: JSON.stringify({ type: 'logo', data: reader.result, filename: file.name }) })
+                    .then(function(r) { setSettings(function(s) { return Object.assign({}, s, { branding: r.branding }); }); toast('Logo uploaded! Favicon and icons auto-generated. Refresh to see changes.', 'success'); })
+                    .catch(function(err) { toast(err.message, 'error'); });
+                };
+                reader.readAsDataURL(file);
+              } })
+            ),
+            // Login Page Logo (separate from main logo)
+            h('div', { className: 'form-group' },
+              h('label', { className: 'form-label' }, 'Login Page Logo'),
+              h('p', { className: 'form-help', style: { marginBottom: 8 } }, 'Shown on the login page. Falls back to company logo if not set.'),
+              (settings.branding && settings.branding.login_logo) && h('div', { style: { marginBottom: 8, padding: 8, background: 'var(--bg-tertiary)', borderRadius: 'var(--radius)', display: 'inline-block' } },
+                h('img', { src: settings.branding.login_logo, style: { maxWidth: 120, maxHeight: 60, objectFit: 'contain' } })
+              ),
+              h('input', { type: 'file', accept: 'image/*', style: { fontSize: 12 }, onChange: function(e) {
+                var file = e.target.files && e.target.files[0];
+                if (!file) return;
+                if (file.size > 5 * 1024 * 1024) { toast('File too large (max 5MB)', 'error'); return; }
+                var reader = new FileReader();
+                reader.onload = function() {
+                  apiCall('/settings/branding', { method: 'POST', body: JSON.stringify({ type: 'login_logo', data: reader.result, filename: file.name }) })
+                    .then(function(r) { setSettings(function(s) { return Object.assign({}, s, { branding: r.branding }); }); toast('Login logo saved!', 'success'); })
+                    .catch(function(err) { toast(err.message, 'error'); });
+                };
+                reader.readAsDataURL(file);
+              } })
+            ),
+            // Login Background
+            h('div', { className: 'form-group' },
+              h('label', { className: 'form-label' }, 'Login Page Background'),
+              h('p', { className: 'form-help', style: { marginBottom: 8 } }, 'Background image for the login page'),
+              (settings.branding && settings.branding.login_bg) && h('div', { style: { marginBottom: 8, padding: 4, background: 'var(--bg-tertiary)', borderRadius: 'var(--radius)', display: 'inline-block' } },
+                h('img', { src: settings.branding.login_bg, style: { maxWidth: 160, maxHeight: 80, objectFit: 'cover', borderRadius: 'var(--radius)' } })
+              ),
+              h('input', { type: 'file', accept: 'image/*', style: { fontSize: 12 }, onChange: function(e) {
+                var file = e.target.files && e.target.files[0];
+                if (!file) return;
+                if (file.size > 10 * 1024 * 1024) { toast('File too large (max 10MB)', 'error'); return; }
+                var reader = new FileReader();
+                reader.onload = function() {
+                  apiCall('/settings/branding', { method: 'POST', body: JSON.stringify({ type: 'login_bg', data: reader.result, filename: file.name }) })
+                    .then(function(r) { setSettings(function(s) { return Object.assign({}, s, { branding: r.branding }); }); toast('Login background saved!', 'success'); })
+                    .catch(function(err) { toast(err.message, 'error'); });
+                };
+                reader.readAsDataURL(file);
+              } })
+            ),
+            // Favicon (manual override)
+            h('div', { className: 'form-group' },
+              h('label', { className: 'form-label' }, 'Custom Favicon'),
+              h('p', { className: 'form-help', style: { marginBottom: 8 } }, 'Override the auto-generated favicon. Upload .ico or .png'),
+              (settings.branding && settings.branding.favicon) && h('div', { style: { marginBottom: 8, display: 'inline-flex', alignItems: 'center', gap: 8 } },
+                h('img', { src: settings.branding.favicon, style: { width: 32, height: 32, objectFit: 'contain' } }),
+                h('span', { style: { fontSize: 11, color: 'var(--text-muted)' } }, 'Current favicon')
+              ),
+              h('input', { type: 'file', accept: '.ico,.png,.svg', style: { fontSize: 12 }, onChange: function(e) {
+                var file = e.target.files && e.target.files[0];
+                if (!file) return;
+                var reader = new FileReader();
+                reader.onload = function() {
+                  apiCall('/settings/branding', { method: 'POST', body: JSON.stringify({ type: 'favicon', data: reader.result, filename: file.name }) })
+                    .then(function(r) { setSettings(function(s) { return Object.assign({}, s, { branding: r.branding }); }); toast('Favicon saved! Refresh to see changes.', 'success'); })
+                    .catch(function(err) { toast(err.message, 'error'); });
+                };
+                reader.readAsDataURL(file);
+              } })
+            )
+          ),
+          // Current branding status
+          (settings.branding && Object.keys(settings.branding).length > 0) && h('div', { style: { marginTop: 12, padding: 10, background: 'var(--bg-tertiary)', borderRadius: 'var(--radius)', fontSize: 12 } },
+            h('strong', null, 'Active branding: '),
+            Object.keys(settings.branding).filter(function(k) { return settings.branding[k]; }).map(function(k) {
+              return h('span', { key: k, style: { display: 'inline-block', padding: '2px 8px', margin: '2px 4px', background: 'var(--success-soft)', color: 'var(--success)', borderRadius: 4, fontSize: 11 } }, k.replace(/_/g, ' '));
+            })
+          )
+        )
+      ),
+
       // ─── Email Signature Template ─────────────────────
       h('div', { className: 'card' },
         h('div', { className: 'card-header' },

package/dist/factory-672W7A5B.js

@@ -0,0 +1,9 @@
+import {
+  createAdapter,
+  getSupportedDatabases
+} from "./chunk-ULRBF2T7.js";
+import "./chunk-KFQGP6VL.js";
+export {
+  createAdapter,
+  getSupportedDatabases
+};

package/dist/index.js

@@ -7,7 +7,7 @@ import {
 import {
   provision,
   runSetupWizard
-} from "./chunk-2HW54CJF.js";
+} from "./chunk-YNG3KJKA.js";
 import {
   AgenticMailManager,
   GoogleEmailProvider,
@@ -42,7 +42,7 @@ import {
   requireRole,
   securityHeaders,
   validate
-} from "./chunk-QUY235JZ.js";
+} from "./chunk-KQ5NV6LM.js";
 import "./chunk-OF4MUWWS.js";
 import {
   PROVIDER_REGISTRY,
@@ -113,7 +113,7 @@ import {
 import {
   createAdapter,
   getSupportedDatabases
-} from "./chunk-VQQ4SYYQ.js";
+} from "./chunk-ULRBF2T7.js";
 import {
   AGENTICMAIL_TOOLS,
   ALL_TOOLS,