@agenticmail/enterprise 0.5.42 → 0.5.44

package/dist/dashboard/pages/agent-detail.js

@@ -219,6 +219,9 @@ function OverviewSection(props) {
   var createdAt = engineAgent?.createdAt || engineAgent?.created_at || agent?.createdAt;
   var agentState = engineAgent?.state || engineAgent?.status || agent?.status || 'unknown';
   var stateColor = { running: 'success', active: 'success', deploying: 'info', starting: 'info', ready: 'primary', degraded: 'warning', error: 'danger', stopped: 'neutral', draft: 'neutral' }[agentState] || 'neutral';
+  var resolvedMgr = resolveManager(config, props.agents);
+  var managerName = resolvedMgr ? resolvedMgr.name : null;
+  var managerEmail = resolvedMgr && resolvedMgr.type === 'external' ? resolvedMgr.email : null;
 
   // Personality traits — can be object (keyed) or array
   var rawTraits = identity.personality_traits || identity.traits || config.personality_traits || {};
@@ -239,7 +242,7 @@ function OverviewSection(props) {
     // ─── Agent Summary Card ─────────────────────────────
     h('div', { className: 'card', style: { marginBottom: 20 } },
       h('div', { className: 'card-body' },
-        h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr 1fr 1fr', gap: 16 } },
+        h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: 16 } },
           h('div', null,
             h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Status'),
             h('span', { className: 'badge badge-' + stateColor, style: { textTransform: 'capitalize' } }, agentState)
@@ -252,6 +255,15 @@ function OverviewSection(props) {
             h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Model'),
             h('span', { style: { fontSize: 13, fontWeight: 500, fontFamily: 'var(--font-mono, monospace)' } }, agentModel)
           ),
+          h('div', null,
+            h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Reports To'),
+            managerName
+              ? h('span', null,
+                  h('span', { style: { fontSize: 13, fontWeight: 500, color: 'var(--primary)', cursor: 'pointer' }, onClick: function() { if (resolvedMgr && resolvedMgr.type === 'internal') { /* navigate */ } } }, managerName),
+                  managerEmail && h('div', { style: { fontSize: 11, color: 'var(--text-muted)', fontFamily: 'var(--font-mono, monospace)' } }, managerEmail)
+                )
+              : h('span', { style: { fontSize: 13, color: 'var(--text-muted)' } }, 'No manager')
+          ),
           h('div', null,
             h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Created'),
             h('span', { style: { fontSize: 13, fontWeight: 500 } }, createdAt ? new Date(createdAt).toLocaleDateString() : '—')
@@ -3038,6 +3050,263 @@ function ConfigurationSection(props) {
   );
 }
 
+// ════════════════════════════════════════════════════════════
+// MANAGER & DAILY CATCH-UP SECTION
+// ════════════════════════════════════════════════════════════
+
+var COMMON_TIMEZONES = [
+  'America/New_York', 'America/Chicago', 'America/Denver', 'America/Los_Angeles',
+  'America/Toronto', 'America/Vancouver', 'America/Sao_Paulo', 'America/Mexico_City',
+  'Europe/London', 'Europe/Paris', 'Europe/Berlin', 'Europe/Amsterdam', 'Europe/Madrid',
+  'Europe/Rome', 'Europe/Zurich', 'Europe/Stockholm', 'Europe/Warsaw', 'Europe/Istanbul',
+  'Africa/Lagos', 'Africa/Cairo', 'Africa/Johannesburg', 'Africa/Nairobi',
+  'Asia/Dubai', 'Asia/Kolkata', 'Asia/Singapore', 'Asia/Tokyo', 'Asia/Shanghai',
+  'Asia/Seoul', 'Asia/Hong_Kong', 'Asia/Bangkok', 'Asia/Jakarta',
+  'Australia/Sydney', 'Australia/Melbourne', 'Pacific/Auckland'
+];
+
+function resolveManager(config, allAgents) {
+  var mgr = config.manager || {};
+  // Legacy: managerId at top level
+  var legacyId = config.managerId;
+  if (mgr.type === 'external') {
+    return { type: 'external', name: mgr.name || '', email: mgr.email || '' };
+  }
+  var internalId = mgr.agentId || legacyId;
+  if (internalId) {
+    var found = (allAgents || []).find(function(a) { return a.id === internalId; });
+    return { type: 'internal', agentId: internalId, name: found ? (found.config?.identity?.name || found.config?.displayName || found.name || internalId) : internalId };
+  }
+  return null;
+}
+
+function ManagerCatchUpSection(props) {
+  var agentId = props.agentId;
+  var engineAgent = props.engineAgent;
+  var allAgents = props.agents || [];
+  var reload = props.reload;
+  var toast = useApp().toast;
+
+  var ea = engineAgent || {};
+  var config = ea.config || {};
+  var catchUp = config.dailyCatchUp || {};
+
+  var resolved = resolveManager(config, allAgents);
+
+  var _editing = useState(false);
+  var editing = _editing[0]; var setEditing = _editing[1];
+  var _saving = useState(false);
+  var saving = _saving[0]; var setSaving = _saving[1];
+  var _form = useState({});
+  var form = _form[0]; var setForm = _form[1];
+
+  var startEdit = function() {
+    setForm({
+      managerType: resolved ? resolved.type : 'none',
+      managerAgentId: resolved && resolved.type === 'internal' ? resolved.agentId : '',
+      managerName: resolved && resolved.type === 'external' ? resolved.name : '',
+      managerEmail: resolved && resolved.type === 'external' ? resolved.email : '',
+      catchUpEnabled: catchUp.enabled !== false && (catchUp.enabled || catchUp.time),
+      catchUpTime: catchUp.time || '09:00',
+      catchUpTimezone: catchUp.timezone || 'America/New_York',
+    });
+    setEditing(true);
+  };
+
+  var set = function(k, v) { setForm(function(f) { var n = Object.assign({}, f); n[k] = v; return n; }); };
+
+  var save = function() {
+    setSaving(true);
+    var updates = {};
+
+    // Build manager object
+    if (form.managerType === 'external') {
+      if (!form.managerName || !form.managerEmail) {
+        toast('Manager name and email are required', 'error');
+        setSaving(false);
+        return;
+      }
+      updates.manager = { type: 'external', name: form.managerName, email: form.managerEmail };
+      updates.managerId = null; // clear legacy
+    } else if (form.managerType === 'internal') {
+      if (!form.managerAgentId) {
+        toast('Select an agent', 'error');
+        setSaving(false);
+        return;
+      }
+      updates.manager = { type: 'internal', agentId: form.managerAgentId };
+      updates.managerId = form.managerAgentId; // keep legacy compat
+    } else {
+      updates.manager = null;
+      updates.managerId = null;
+    }
+
+    // Build dailyCatchUp
+    if (form.catchUpEnabled) {
+      updates.dailyCatchUp = {
+        enabled: true,
+        time: form.catchUpTime,
+        timezone: form.catchUpTimezone,
+      };
+    } else {
+      updates.dailyCatchUp = { enabled: false };
+    }
+
+    var isRunning = ea.state === 'running' || ea.state === 'active' || ea.state === 'degraded';
+    var endpoint = isRunning ? '/agents/' + agentId + '/hot-update' : '/agents/' + agentId + '/config';
+    var method = isRunning ? 'POST' : 'PATCH';
+
+    engineCall(endpoint, { method: method, body: JSON.stringify({ updates: updates, updatedBy: 'dashboard' }) })
+      .then(function() { toast('Manager & catch-up saved', 'success'); setEditing(false); setSaving(false); reload(); })
+      .catch(function(err) { toast('Failed to save: ' + err.message, 'error'); setSaving(false); });
+  };
+
+  var labelStyle = { display: 'block', fontSize: 12, fontWeight: 600, color: 'var(--text-secondary)', marginBottom: 4 };
+  var inputStyle = { width: '100%', padding: '8px 10px', borderRadius: 6, border: '1px solid var(--border)', background: 'var(--bg-secondary)', color: 'var(--text-primary)', fontSize: 13 };
+  var fieldGroupStyle = { marginBottom: 16 };
+  var rowStyle = { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 };
+
+  // Other agents this agent could report to (exclude self)
+  var otherAgents = allAgents.filter(function(a) { return a.id !== agentId; });
+
+  if (editing) {
+    return h(Fragment, null,
+      h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 } },
+        h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 600 } }, 'Edit Manager & Daily Catch-Up'),
+        h('div', { style: { display: 'flex', gap: 8 } },
+          h('button', { className: 'btn btn-ghost btn-sm', onClick: function() { setEditing(false); } }, 'Cancel'),
+          h('button', { className: 'btn btn-primary btn-sm', disabled: saving, onClick: save }, saving ? 'Saving...' : 'Save Changes')
+        )
+      ),
+
+      // Manager Card
+      h('div', { className: 'card', style: { padding: 20, marginBottom: 20 } },
+        h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Manager'),
+        h('p', { style: { fontSize: 13, color: 'var(--text-muted)', marginTop: 0, marginBottom: 16 } }, 'Assign a manager this agent reports to. Can be another agent in the system or an external person (name + email).'),
+
+        h('div', { style: fieldGroupStyle },
+          h('label', { style: labelStyle }, 'Manager Type'),
+          h('select', { style: Object.assign({}, inputStyle, { cursor: 'pointer' }), value: form.managerType, onChange: function(e) {
+            set('managerType', e.target.value);
+            if (e.target.value === 'none') { set('managerAgentId', ''); set('managerName', ''); set('managerEmail', ''); }
+          } },
+            h('option', { value: 'none' }, 'No manager'),
+            h('option', { value: 'internal' }, 'Another agent in this organization'),
+            h('option', { value: 'external' }, 'External person (name + email)')
+          )
+        ),
+
+        form.managerType === 'internal' && h('div', { style: fieldGroupStyle },
+          h('label', { style: labelStyle }, 'Select Agent'),
+          h('select', { style: Object.assign({}, inputStyle, { cursor: 'pointer' }), value: form.managerAgentId, onChange: function(e) { set('managerAgentId', e.target.value); } },
+            h('option', { value: '' }, '-- Select agent --'),
+            otherAgents.map(function(a) {
+              var name = a.config?.identity?.name || a.config?.displayName || a.name || a.id;
+              var role = a.config?.identity?.role || a.config?.role || '';
+              return h('option', { key: a.id, value: a.id }, name + (role ? ' (' + role + ')' : ''));
+            })
+          )
+        ),
+
+        form.managerType === 'external' && h(Fragment, null,
+          h('div', { style: rowStyle },
+            h('div', { style: fieldGroupStyle },
+              h('label', { style: labelStyle }, 'Manager Name'),
+              h('input', { style: inputStyle, type: 'text', value: form.managerName, placeholder: 'e.g. Sarah Johnson', onChange: function(e) { set('managerName', e.target.value); } })
+            ),
+            h('div', { style: fieldGroupStyle },
+              h('label', { style: labelStyle }, 'Manager Email'),
+              h('input', { style: inputStyle, type: 'email', value: form.managerEmail, placeholder: 'e.g. sarah@company.com', onChange: function(e) { set('managerEmail', e.target.value); } })
+            )
+          ),
+          h('p', { style: { fontSize: 12, color: 'var(--text-muted)', marginTop: 0, marginBottom: 0 } }, 'The agent will email this person for daily catch-ups, status reports, and escalations.')
+        )
+      ),
+
+      // Daily Catch-Up Card
+      h('div', { className: 'card', style: { padding: 20 } },
+        h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Daily Catch-Up'),
+        h('p', { style: { fontSize: 13, color: 'var(--text-muted)', marginTop: 0, marginBottom: 16 } }, 'When enabled, the agent sends a daily status email to its manager with goals, progress, and blockers.'),
+
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 16 } },
+          h('label', { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer', fontSize: 13, fontWeight: 600 } },
+            h('input', { type: 'checkbox', checked: form.catchUpEnabled, onChange: function(e) { set('catchUpEnabled', e.target.checked); } }),
+            'Enable daily catch-up'
+          )
+        ),
+
+        form.catchUpEnabled && h('div', { style: rowStyle },
+          h('div', { style: fieldGroupStyle },
+            h('label', { style: labelStyle }, 'Time'),
+            h('input', { style: inputStyle, type: 'time', value: form.catchUpTime, onChange: function(e) { set('catchUpTime', e.target.value); } })
+          ),
+          h('div', { style: fieldGroupStyle },
+            h('label', { style: labelStyle }, 'Timezone'),
+            h('select', { style: Object.assign({}, inputStyle, { cursor: 'pointer' }), value: form.catchUpTimezone, onChange: function(e) { set('catchUpTimezone', e.target.value); } },
+              COMMON_TIMEZONES.map(function(tz) { return h('option', { key: tz, value: tz }, tz.replace(/_/g, ' ')); })
+            )
+          )
+        ),
+
+        form.catchUpEnabled && !form.managerType !== 'none' && form.managerType === 'none' && h('div', {
+          style: { padding: '10px 14px', background: 'var(--warning-soft, #fff3cd)', borderRadius: 6, fontSize: 13, color: 'var(--warning-text, #856404)', marginTop: 12 }
+        }, 'Note: Catch-up is enabled but no manager is assigned. The agent won\'t have anyone to report to.')
+      )
+    );
+  }
+
+  // View mode
+  var catchUpEnabled = catchUp.enabled || catchUp.time;
+  var catchUpTime = catchUp.time || '09:00';
+  var catchUpTz = catchUp.timezone || 'America/New_York';
+
+  return h(Fragment, null,
+    h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 } },
+      h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 600 } }, 'Manager & Daily Catch-Up'),
+      h('button', { className: 'btn btn-primary btn-sm', onClick: startEdit }, I.journal(), ' Edit')
+    ),
+
+    // Manager Card
+    h('div', { className: 'card', style: { padding: 20, marginBottom: 20 } },
+      h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Reports To'),
+      resolved
+        ? h('div', { style: { display: 'flex', alignItems: 'center', gap: 12 } },
+            h('div', { style: {
+              width: 40, height: 40, borderRadius: '50%', background: resolved.type === 'external' ? 'var(--accent)' : 'var(--primary)',
+              display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 16, fontWeight: 700, color: '#fff', flexShrink: 0
+            } }, (resolved.name || '?').charAt(0).toUpperCase()),
+            h('div', null,
+              h('div', { style: { fontSize: 14, fontWeight: 600 } }, resolved.name),
+              resolved.type === 'external'
+                ? h('div', { style: { fontSize: 13, color: 'var(--text-muted)', fontFamily: 'var(--font-mono, monospace)' } }, resolved.email)
+                : h('span', { className: 'badge badge-neutral', style: { fontSize: 11 } }, 'Internal Agent')
+            )
+          )
+        : h('div', { style: { fontSize: 14, color: 'var(--text-muted)' } }, 'No manager assigned')
+    ),
+
+    // Daily Catch-Up Card
+    h('div', { className: 'card', style: { padding: 20 } },
+      h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Daily Catch-Up'),
+      catchUpEnabled
+        ? h('div', null,
+            h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 } },
+              h('span', { style: { width: 8, height: 8, borderRadius: '50%', background: 'var(--success)', display: 'inline-block' } }),
+              h('span', { style: { fontSize: 14, fontWeight: 600 } }, 'Active')
+            ),
+            h('div', { style: { fontSize: 13, color: 'var(--text-secondary)' } },
+              'Sends daily at ', h('strong', null, catchUpTime), ' ', catchUpTz.replace(/_/g, ' ')
+            ),
+            !resolved && h('div', { style: { fontSize: 12, color: 'var(--warning-text, #856404)', marginTop: 8 } }, 'Warning: No manager assigned — catch-up emails have no recipient.')
+          )
+        : h('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+            h('span', { style: { width: 8, height: 8, borderRadius: '50%', background: 'var(--text-muted)', display: 'inline-block' } }),
+            h('span', { style: { fontSize: 14, color: 'var(--text-muted)' } }, 'Not configured')
+          )
+    )
+  );
+}
+
 // ════════════════════════════════════════════════════════════
 // SKILLS SECTION — View and manage agent skills
 // ════════════════════════════════════════════════════════════
@@ -3897,8 +4166,8 @@ function AgentDetailPage(props) {
   var _agents = useState([]);
   var agents = _agents[0]; var setAgents = _agents[1];
 
-  var TABS = ['overview', 'personal', 'configuration', 'skills', 'permissions', 'activity', 'communication', 'workforce', 'memory', 'guardrails', 'budget', 'tool-security', 'deployment'];
-  var TAB_LABELS = { 'tool-security': 'Tool Security' };
+  var TABS = ['overview', 'personal', 'configuration', 'manager', 'skills', 'permissions', 'activity', 'communication', 'workforce', 'memory', 'guardrails', 'budget', 'tool-security', 'deployment'];
+  var TAB_LABELS = { 'tool-security': 'Tool Security', 'manager': 'Manager & Catch-Up' };
 
   var load = function() {
     setLoading(true);
@@ -4020,6 +4289,7 @@ function AgentDetailPage(props) {
     tab === 'overview' && h(OverviewSection, { agentId: agentId, agent: agent, engineAgent: engineAgent, profile: profile, reload: load, agents: agents, onBack: onBack }),
     tab === 'personal' && h(PersonalDetailsSection, { agentId: agentId, agent: agent, engineAgent: engineAgent, reload: load }),
     tab === 'configuration' && h(ConfigurationSection, { agentId: agentId, engineAgent: engineAgent, reload: load }),
+    tab === 'manager' && h(ManagerCatchUpSection, { agentId: agentId, engineAgent: engineAgent, agents: agents, reload: load }),
     tab === 'skills' && h(SkillsSection, { agentId: agentId, engineAgent: engineAgent, reload: load }),
     tab === 'permissions' && h(PermissionsSection, { agentId: agentId, profile: profile, reload: load }),
     tab === 'activity' && h(ActivitySection, { agentId: agentId }),

package/dist/dashboard/pages/skills.js

@@ -211,6 +211,18 @@ export function SkillsPage() {
     setConfigSaving(false);
   };
 
+  // Install a builtin skill
+  var installBuiltinSkill = async function(skillId) {
+    try {
+      await engineCall('/community/skills/' + skillId + '/install', {
+        method: 'POST',
+        body: JSON.stringify({ orgId: getOrgId() })
+      });
+      toast('Skill installed', 'success');
+      loadInstalled();
+    } catch (e) { toast(e.message || 'Install failed', 'error'); }
+  };
+
   // Computed
   var allSkills = Object.entries(skills).flatMap(function(entry) {
     return entry[1].map(function(s) { return Object.assign({}, s, { category: entry[0] }); });
@@ -246,11 +258,26 @@ export function SkillsPage() {
         return h('div', { key: cat, style: { marginBottom: 24 } },
           h('h3', { style: { fontSize: 13, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em', color: 'var(--text-muted)', marginBottom: 10 } }, cat.replace(/-/g, ' ')),
           h('div', { className: 'skill-grid' }, list.map(function(s) {
+            var isInstalled = installed.some(function(i) { return i.skillId === s.id; });
             return h('div', { key: s.id, className: 'skill-card' },
               h('div', { className: 'skill-cat' }, s.category || cat),
               h('div', { className: 'skill-name' }, s.name),
               h('div', { className: 'skill-desc' }, s.description),
-              s.tools && h('div', { style: { marginTop: 6, fontSize: 11, color: 'var(--text-muted)' } }, s.tools.length + ' tools')
+              s.tools && h('div', { style: { marginTop: 6, fontSize: 11, color: 'var(--text-muted)' } }, s.tools.length + ' tools'),
+              h('div', { style: { marginTop: 8, display: 'flex', gap: 6 } },
+                isInstalled
+                  ? h('span', { style: { fontSize: 11, color: 'var(--success)', fontWeight: 600 } }, '\u2713 Installed')
+                  : h('button', {
+                      className: 'btn btn-primary btn-sm',
+                      style: { fontSize: 11, padding: '3px 10px' },
+                      onClick: function() { installBuiltinSkill(s.id); }
+                    }, 'Install'),
+                !isInstalled && h('button', {
+                  className: 'btn btn-secondary btn-sm',
+                  style: { fontSize: 11, padding: '3px 10px' },
+                  onClick: function() { setTokenModal({ skillId: s.id, skillName: s.name }); }
+                }, 'Add Token')
+              )
             );
           }))
         );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenticmail/enterprise",
-  "version": "0.5.42",
+  "version": "0.5.44",
   "description": "AgenticMail Enterprise — cloud-hosted AI agent identity, email, auth & compliance for organizations",
   "type": "module",
   "bin": {

package/src/dashboard/pages/agent-detail.js

@@ -219,6 +219,9 @@ function OverviewSection(props) {
   var createdAt = engineAgent?.createdAt || engineAgent?.created_at || agent?.createdAt;
   var agentState = engineAgent?.state || engineAgent?.status || agent?.status || 'unknown';
   var stateColor = { running: 'success', active: 'success', deploying: 'info', starting: 'info', ready: 'primary', degraded: 'warning', error: 'danger', stopped: 'neutral', draft: 'neutral' }[agentState] || 'neutral';
+  var resolvedMgr = resolveManager(config, props.agents);
+  var managerName = resolvedMgr ? resolvedMgr.name : null;
+  var managerEmail = resolvedMgr && resolvedMgr.type === 'external' ? resolvedMgr.email : null;
 
   // Personality traits — can be object (keyed) or array
   var rawTraits = identity.personality_traits || identity.traits || config.personality_traits || {};
@@ -239,7 +242,7 @@ function OverviewSection(props) {
     // ─── Agent Summary Card ─────────────────────────────
     h('div', { className: 'card', style: { marginBottom: 20 } },
       h('div', { className: 'card-body' },
-        h('div', { style: { display: 'grid', gridTemplateColumns: '1fr 1fr 1fr 1fr', gap: 16 } },
+        h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: 16 } },
           h('div', null,
             h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Status'),
             h('span', { className: 'badge badge-' + stateColor, style: { textTransform: 'capitalize' } }, agentState)
@@ -252,6 +255,15 @@ function OverviewSection(props) {
             h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Model'),
             h('span', { style: { fontSize: 13, fontWeight: 500, fontFamily: 'var(--font-mono, monospace)' } }, agentModel)
           ),
+          h('div', null,
+            h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Reports To'),
+            managerName
+              ? h('span', null,
+                  h('span', { style: { fontSize: 13, fontWeight: 500, color: 'var(--primary)', cursor: 'pointer' }, onClick: function() { if (resolvedMgr && resolvedMgr.type === 'internal') { /* navigate */ } } }, managerName),
+                  managerEmail && h('div', { style: { fontSize: 11, color: 'var(--text-muted)', fontFamily: 'var(--font-mono, monospace)' } }, managerEmail)
+                )
+              : h('span', { style: { fontSize: 13, color: 'var(--text-muted)' } }, 'No manager')
+          ),
           h('div', null,
             h('div', { style: { fontSize: 11, color: 'var(--text-muted)', marginBottom: 4, textTransform: 'uppercase', letterSpacing: '0.05em', fontWeight: 600 } }, 'Created'),
             h('span', { style: { fontSize: 13, fontWeight: 500 } }, createdAt ? new Date(createdAt).toLocaleDateString() : '—')
@@ -3038,6 +3050,263 @@ function ConfigurationSection(props) {
   );
 }
 
+// ════════════════════════════════════════════════════════════
+// MANAGER & DAILY CATCH-UP SECTION
+// ════════════════════════════════════════════════════════════
+
+var COMMON_TIMEZONES = [
+  'America/New_York', 'America/Chicago', 'America/Denver', 'America/Los_Angeles',
+  'America/Toronto', 'America/Vancouver', 'America/Sao_Paulo', 'America/Mexico_City',
+  'Europe/London', 'Europe/Paris', 'Europe/Berlin', 'Europe/Amsterdam', 'Europe/Madrid',
+  'Europe/Rome', 'Europe/Zurich', 'Europe/Stockholm', 'Europe/Warsaw', 'Europe/Istanbul',
+  'Africa/Lagos', 'Africa/Cairo', 'Africa/Johannesburg', 'Africa/Nairobi',
+  'Asia/Dubai', 'Asia/Kolkata', 'Asia/Singapore', 'Asia/Tokyo', 'Asia/Shanghai',
+  'Asia/Seoul', 'Asia/Hong_Kong', 'Asia/Bangkok', 'Asia/Jakarta',
+  'Australia/Sydney', 'Australia/Melbourne', 'Pacific/Auckland'
+];
+
+function resolveManager(config, allAgents) {
+  var mgr = config.manager || {};
+  // Legacy: managerId at top level
+  var legacyId = config.managerId;
+  if (mgr.type === 'external') {
+    return { type: 'external', name: mgr.name || '', email: mgr.email || '' };
+  }
+  var internalId = mgr.agentId || legacyId;
+  if (internalId) {
+    var found = (allAgents || []).find(function(a) { return a.id === internalId; });
+    return { type: 'internal', agentId: internalId, name: found ? (found.config?.identity?.name || found.config?.displayName || found.name || internalId) : internalId };
+  }
+  return null;
+}
+
+function ManagerCatchUpSection(props) {
+  var agentId = props.agentId;
+  var engineAgent = props.engineAgent;
+  var allAgents = props.agents || [];
+  var reload = props.reload;
+  var toast = useApp().toast;
+
+  var ea = engineAgent || {};
+  var config = ea.config || {};
+  var catchUp = config.dailyCatchUp || {};
+
+  var resolved = resolveManager(config, allAgents);
+
+  var _editing = useState(false);
+  var editing = _editing[0]; var setEditing = _editing[1];
+  var _saving = useState(false);
+  var saving = _saving[0]; var setSaving = _saving[1];
+  var _form = useState({});
+  var form = _form[0]; var setForm = _form[1];
+
+  var startEdit = function() {
+    setForm({
+      managerType: resolved ? resolved.type : 'none',
+      managerAgentId: resolved && resolved.type === 'internal' ? resolved.agentId : '',
+      managerName: resolved && resolved.type === 'external' ? resolved.name : '',
+      managerEmail: resolved && resolved.type === 'external' ? resolved.email : '',
+      catchUpEnabled: catchUp.enabled !== false && (catchUp.enabled || catchUp.time),
+      catchUpTime: catchUp.time || '09:00',
+      catchUpTimezone: catchUp.timezone || 'America/New_York',
+    });
+    setEditing(true);
+  };
+
+  var set = function(k, v) { setForm(function(f) { var n = Object.assign({}, f); n[k] = v; return n; }); };
+
+  var save = function() {
+    setSaving(true);
+    var updates = {};
+
+    // Build manager object
+    if (form.managerType === 'external') {
+      if (!form.managerName || !form.managerEmail) {
+        toast('Manager name and email are required', 'error');
+        setSaving(false);
+        return;
+      }
+      updates.manager = { type: 'external', name: form.managerName, email: form.managerEmail };
+      updates.managerId = null; // clear legacy
+    } else if (form.managerType === 'internal') {
+      if (!form.managerAgentId) {
+        toast('Select an agent', 'error');
+        setSaving(false);
+        return;
+      }
+      updates.manager = { type: 'internal', agentId: form.managerAgentId };
+      updates.managerId = form.managerAgentId; // keep legacy compat
+    } else {
+      updates.manager = null;
+      updates.managerId = null;
+    }
+
+    // Build dailyCatchUp
+    if (form.catchUpEnabled) {
+      updates.dailyCatchUp = {
+        enabled: true,
+        time: form.catchUpTime,
+        timezone: form.catchUpTimezone,
+      };
+    } else {
+      updates.dailyCatchUp = { enabled: false };
+    }
+
+    var isRunning = ea.state === 'running' || ea.state === 'active' || ea.state === 'degraded';
+    var endpoint = isRunning ? '/agents/' + agentId + '/hot-update' : '/agents/' + agentId + '/config';
+    var method = isRunning ? 'POST' : 'PATCH';
+
+    engineCall(endpoint, { method: method, body: JSON.stringify({ updates: updates, updatedBy: 'dashboard' }) })
+      .then(function() { toast('Manager & catch-up saved', 'success'); setEditing(false); setSaving(false); reload(); })
+      .catch(function(err) { toast('Failed to save: ' + err.message, 'error'); setSaving(false); });
+  };
+
+  var labelStyle = { display: 'block', fontSize: 12, fontWeight: 600, color: 'var(--text-secondary)', marginBottom: 4 };
+  var inputStyle = { width: '100%', padding: '8px 10px', borderRadius: 6, border: '1px solid var(--border)', background: 'var(--bg-secondary)', color: 'var(--text-primary)', fontSize: 13 };
+  var fieldGroupStyle = { marginBottom: 16 };
+  var rowStyle = { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 16 };
+
+  // Other agents this agent could report to (exclude self)
+  var otherAgents = allAgents.filter(function(a) { return a.id !== agentId; });
+
+  if (editing) {
+    return h(Fragment, null,
+      h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 } },
+        h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 600 } }, 'Edit Manager & Daily Catch-Up'),
+        h('div', { style: { display: 'flex', gap: 8 } },
+          h('button', { className: 'btn btn-ghost btn-sm', onClick: function() { setEditing(false); } }, 'Cancel'),
+          h('button', { className: 'btn btn-primary btn-sm', disabled: saving, onClick: save }, saving ? 'Saving...' : 'Save Changes')
+        )
+      ),
+
+      // Manager Card
+      h('div', { className: 'card', style: { padding: 20, marginBottom: 20 } },
+        h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Manager'),
+        h('p', { style: { fontSize: 13, color: 'var(--text-muted)', marginTop: 0, marginBottom: 16 } }, 'Assign a manager this agent reports to. Can be another agent in the system or an external person (name + email).'),
+
+        h('div', { style: fieldGroupStyle },
+          h('label', { style: labelStyle }, 'Manager Type'),
+          h('select', { style: Object.assign({}, inputStyle, { cursor: 'pointer' }), value: form.managerType, onChange: function(e) {
+            set('managerType', e.target.value);
+            if (e.target.value === 'none') { set('managerAgentId', ''); set('managerName', ''); set('managerEmail', ''); }
+          } },
+            h('option', { value: 'none' }, 'No manager'),
+            h('option', { value: 'internal' }, 'Another agent in this organization'),
+            h('option', { value: 'external' }, 'External person (name + email)')
+          )
+        ),
+
+        form.managerType === 'internal' && h('div', { style: fieldGroupStyle },
+          h('label', { style: labelStyle }, 'Select Agent'),
+          h('select', { style: Object.assign({}, inputStyle, { cursor: 'pointer' }), value: form.managerAgentId, onChange: function(e) { set('managerAgentId', e.target.value); } },
+            h('option', { value: '' }, '-- Select agent --'),
+            otherAgents.map(function(a) {
+              var name = a.config?.identity?.name || a.config?.displayName || a.name || a.id;
+              var role = a.config?.identity?.role || a.config?.role || '';
+              return h('option', { key: a.id, value: a.id }, name + (role ? ' (' + role + ')' : ''));
+            })
+          )
+        ),
+
+        form.managerType === 'external' && h(Fragment, null,
+          h('div', { style: rowStyle },
+            h('div', { style: fieldGroupStyle },
+              h('label', { style: labelStyle }, 'Manager Name'),
+              h('input', { style: inputStyle, type: 'text', value: form.managerName, placeholder: 'e.g. Sarah Johnson', onChange: function(e) { set('managerName', e.target.value); } })
+            ),
+            h('div', { style: fieldGroupStyle },
+              h('label', { style: labelStyle }, 'Manager Email'),
+              h('input', { style: inputStyle, type: 'email', value: form.managerEmail, placeholder: 'e.g. sarah@company.com', onChange: function(e) { set('managerEmail', e.target.value); } })
+            )
+          ),
+          h('p', { style: { fontSize: 12, color: 'var(--text-muted)', marginTop: 0, marginBottom: 0 } }, 'The agent will email this person for daily catch-ups, status reports, and escalations.')
+        )
+      ),
+
+      // Daily Catch-Up Card
+      h('div', { className: 'card', style: { padding: 20 } },
+        h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Daily Catch-Up'),
+        h('p', { style: { fontSize: 13, color: 'var(--text-muted)', marginTop: 0, marginBottom: 16 } }, 'When enabled, the agent sends a daily status email to its manager with goals, progress, and blockers.'),
+
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 16 } },
+          h('label', { style: { display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer', fontSize: 13, fontWeight: 600 } },
+            h('input', { type: 'checkbox', checked: form.catchUpEnabled, onChange: function(e) { set('catchUpEnabled', e.target.checked); } }),
+            'Enable daily catch-up'
+          )
+        ),
+
+        form.catchUpEnabled && h('div', { style: rowStyle },
+          h('div', { style: fieldGroupStyle },
+            h('label', { style: labelStyle }, 'Time'),
+            h('input', { style: inputStyle, type: 'time', value: form.catchUpTime, onChange: function(e) { set('catchUpTime', e.target.value); } })
+          ),
+          h('div', { style: fieldGroupStyle },
+            h('label', { style: labelStyle }, 'Timezone'),
+            h('select', { style: Object.assign({}, inputStyle, { cursor: 'pointer' }), value: form.catchUpTimezone, onChange: function(e) { set('catchUpTimezone', e.target.value); } },
+              COMMON_TIMEZONES.map(function(tz) { return h('option', { key: tz, value: tz }, tz.replace(/_/g, ' ')); })
+            )
+          )
+        ),
+
+        form.catchUpEnabled && !form.managerType !== 'none' && form.managerType === 'none' && h('div', {
+          style: { padding: '10px 14px', background: 'var(--warning-soft, #fff3cd)', borderRadius: 6, fontSize: 13, color: 'var(--warning-text, #856404)', marginTop: 12 }
+        }, 'Note: Catch-up is enabled but no manager is assigned. The agent won\'t have anyone to report to.')
+      )
+    );
+  }
+
+  // View mode
+  var catchUpEnabled = catchUp.enabled || catchUp.time;
+  var catchUpTime = catchUp.time || '09:00';
+  var catchUpTz = catchUp.timezone || 'America/New_York';
+
+  return h(Fragment, null,
+    h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 20 } },
+      h('h3', { style: { margin: 0, fontSize: 16, fontWeight: 600 } }, 'Manager & Daily Catch-Up'),
+      h('button', { className: 'btn btn-primary btn-sm', onClick: startEdit }, I.journal(), ' Edit')
+    ),
+
+    // Manager Card
+    h('div', { className: 'card', style: { padding: 20, marginBottom: 20 } },
+      h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Reports To'),
+      resolved
+        ? h('div', { style: { display: 'flex', alignItems: 'center', gap: 12 } },
+            h('div', { style: {
+              width: 40, height: 40, borderRadius: '50%', background: resolved.type === 'external' ? 'var(--accent)' : 'var(--primary)',
+              display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 16, fontWeight: 700, color: '#fff', flexShrink: 0
+            } }, (resolved.name || '?').charAt(0).toUpperCase()),
+            h('div', null,
+              h('div', { style: { fontSize: 14, fontWeight: 600 } }, resolved.name),
+              resolved.type === 'external'
+                ? h('div', { style: { fontSize: 13, color: 'var(--text-muted)', fontFamily: 'var(--font-mono, monospace)' } }, resolved.email)
+                : h('span', { className: 'badge badge-neutral', style: { fontSize: 11 } }, 'Internal Agent')
+            )
+          )
+        : h('div', { style: { fontSize: 14, color: 'var(--text-muted)' } }, 'No manager assigned')
+    ),
+
+    // Daily Catch-Up Card
+    h('div', { className: 'card', style: { padding: 20 } },
+      h('h4', { style: { margin: '0 0 16px', fontSize: 14, fontWeight: 600 } }, 'Daily Catch-Up'),
+      catchUpEnabled
+        ? h('div', null,
+            h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 } },
+              h('span', { style: { width: 8, height: 8, borderRadius: '50%', background: 'var(--success)', display: 'inline-block' } }),
+              h('span', { style: { fontSize: 14, fontWeight: 600 } }, 'Active')
+            ),
+            h('div', { style: { fontSize: 13, color: 'var(--text-secondary)' } },
+              'Sends daily at ', h('strong', null, catchUpTime), ' ', catchUpTz.replace(/_/g, ' ')
+            ),
+            !resolved && h('div', { style: { fontSize: 12, color: 'var(--warning-text, #856404)', marginTop: 8 } }, 'Warning: No manager assigned — catch-up emails have no recipient.')
+          )
+        : h('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
+            h('span', { style: { width: 8, height: 8, borderRadius: '50%', background: 'var(--text-muted)', display: 'inline-block' } }),
+            h('span', { style: { fontSize: 14, color: 'var(--text-muted)' } }, 'Not configured')
+          )
+    )
+  );
+}
+
 // ════════════════════════════════════════════════════════════
 // SKILLS SECTION — View and manage agent skills
 // ════════════════════════════════════════════════════════════
@@ -3897,8 +4166,8 @@ function AgentDetailPage(props) {
   var _agents = useState([]);
   var agents = _agents[0]; var setAgents = _agents[1];
 
-  var TABS = ['overview', 'personal', 'configuration', 'skills', 'permissions', 'activity', 'communication', 'workforce', 'memory', 'guardrails', 'budget', 'tool-security', 'deployment'];
-  var TAB_LABELS = { 'tool-security': 'Tool Security' };
+  var TABS = ['overview', 'personal', 'configuration', 'manager', 'skills', 'permissions', 'activity', 'communication', 'workforce', 'memory', 'guardrails', 'budget', 'tool-security', 'deployment'];
+  var TAB_LABELS = { 'tool-security': 'Tool Security', 'manager': 'Manager & Catch-Up' };
 
   var load = function() {
     setLoading(true);
@@ -4020,6 +4289,7 @@ function AgentDetailPage(props) {
     tab === 'overview' && h(OverviewSection, { agentId: agentId, agent: agent, engineAgent: engineAgent, profile: profile, reload: load, agents: agents, onBack: onBack }),
     tab === 'personal' && h(PersonalDetailsSection, { agentId: agentId, agent: agent, engineAgent: engineAgent, reload: load }),
     tab === 'configuration' && h(ConfigurationSection, { agentId: agentId, engineAgent: engineAgent, reload: load }),
+    tab === 'manager' && h(ManagerCatchUpSection, { agentId: agentId, engineAgent: engineAgent, agents: agents, reload: load }),
     tab === 'skills' && h(SkillsSection, { agentId: agentId, engineAgent: engineAgent, reload: load }),
     tab === 'permissions' && h(PermissionsSection, { agentId: agentId, profile: profile, reload: load }),
     tab === 'activity' && h(ActivitySection, { agentId: agentId }),

package/src/dashboard/pages/skills.js

@@ -211,6 +211,18 @@ export function SkillsPage() {
     setConfigSaving(false);
   };
 
+  // Install a builtin skill
+  var installBuiltinSkill = async function(skillId) {
+    try {
+      await engineCall('/community/skills/' + skillId + '/install', {
+        method: 'POST',
+        body: JSON.stringify({ orgId: getOrgId() })
+      });
+      toast('Skill installed', 'success');
+      loadInstalled();
+    } catch (e) { toast(e.message || 'Install failed', 'error'); }
+  };
+
   // Computed
   var allSkills = Object.entries(skills).flatMap(function(entry) {
     return entry[1].map(function(s) { return Object.assign({}, s, { category: entry[0] }); });
@@ -246,11 +258,26 @@ export function SkillsPage() {
         return h('div', { key: cat, style: { marginBottom: 24 } },
           h('h3', { style: { fontSize: 13, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.05em', color: 'var(--text-muted)', marginBottom: 10 } }, cat.replace(/-/g, ' ')),
           h('div', { className: 'skill-grid' }, list.map(function(s) {
+            var isInstalled = installed.some(function(i) { return i.skillId === s.id; });
             return h('div', { key: s.id, className: 'skill-card' },
               h('div', { className: 'skill-cat' }, s.category || cat),
               h('div', { className: 'skill-name' }, s.name),
               h('div', { className: 'skill-desc' }, s.description),
-              s.tools && h('div', { style: { marginTop: 6, fontSize: 11, color: 'var(--text-muted)' } }, s.tools.length + ' tools')
+              s.tools && h('div', { style: { marginTop: 6, fontSize: 11, color: 'var(--text-muted)' } }, s.tools.length + ' tools'),
+              h('div', { style: { marginTop: 8, display: 'flex', gap: 6 } },
+                isInstalled
+                  ? h('span', { style: { fontSize: 11, color: 'var(--success)', fontWeight: 600 } }, '\u2713 Installed')
+                  : h('button', {
+                      className: 'btn btn-primary btn-sm',
+                      style: { fontSize: 11, padding: '3px 10px' },
+                      onClick: function() { installBuiltinSkill(s.id); }
+                    }, 'Install'),
+                !isInstalled && h('button', {
+                  className: 'btn btn-secondary btn-sm',
+                  style: { fontSize: 11, padding: '3px 10px' },
+                  onClick: function() { setTokenModal({ skillId: s.id, skillName: s.name }); }
+                }, 'Add Token')
+              )
             );
           }))
         );