@agenticmail/enterprise 0.5.217 → 0.5.219

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/task-pipeline.js +19 -19
  2. package/package.json +1 -1
  3. package/src/dashboard/pages/task-pipeline.js +19 -19
package/dist/dashboard/pages/task-pipeline.js CHANGED
@@ -3,8 +3,8 @@ import { I } from '../components/icons.js';
3
3
  import { HelpButton } from '../components/help-button.js';
4
4
 
5
5
  // ─── Constants ───────────────────────────────────────────
6
- var NODE_W = 160;
7
- var NODE_H = 48;
6
+ var NODE_W = 200;
7
+ var NODE_H = 52;
8
8
  var AGENT_W = 130;
9
9
  var AGENT_H = 40;
10
10
  var H_GAP = 32; // horizontal gap (left→right flow)
@@ -35,7 +35,7 @@ function injectCSS() {
35
35
  .tp-flow-active { animation: flowDash 1.2s linear infinite; }
36
36
  .tp-node-active { animation: taskPulse 2s ease-in-out infinite; }
37
37
  .tp-node:hover { transform: scale(1.03); z-index: 10; }
38
- .tp-chain-tag { font-size: 9px; padding: 1px 5px; border-radius: 4px; font-weight: 600; letter-spacing: 0.02em; }
38
+ .tp-chain-tag { font-size: 9px; padding: 1px 5px; border-radius: 4px; font-weight: 600; letter-spacing: 0.02em; white-space: nowrap; flex-shrink: 0; }
39
39
  `;
40
40
  document.head.appendChild(style);
41
41
  }
@@ -707,7 +707,7 @@ export function TaskPipelinePage() {
707
707
  background: isHovered ? 'rgba(255,255,255,0.06)' : 'rgba(255,255,255,0.02)',
708
708
  border: '1px solid ' + (isExpanded ? sc : isHovered || isChainHl ? sc + '66' : 'rgba(255,255,255,0.1)'),
709
709
  /* borderLeft removed */
710
- borderRadius: 6, padding: '4px 8px', cursor: 'pointer',
710
+ borderRadius: 6, padding: '5px 8px', cursor: 'pointer', overflow: 'hidden',
711
711
  transition: 'all 0.15s', opacity: dim ? 0.15 : 1,
712
712
  backdropFilter: 'blur(6px)',
713
713
  display: 'flex', flexDirection: 'column', justifyContent: 'center', gap: 3, userSelect: 'none',
@@ -723,9 +723,9 @@ export function TaskPipelinePage() {
723
723
  h('span', { style: { fontSize: 10, fontWeight: 600, color: 'var(--tp-text)', flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, t.title)
724
724
  ),
725
725
  // Status + agent name + time
726
- h('div', { style: { display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' } },
726
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'nowrap', overflow: 'hidden' } },
727
727
  tag(sc, t.status.replace('_', ' ')),
728
- h('span', { style: { fontSize: 9, color: 'var(--tp-text-dim)' } }, t.assignedToName || t.assignedTo),
728
+ h('span', { style: { fontSize: 9, color: 'var(--tp-text-dim)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', minWidth: 0 } }, t.assignedToName || t.assignedTo),
729
729
  t.delegationType && tag(DELEGATION_COLORS[t.delegationType] || '#6b7394', t.delegationType),
730
730
  h('span', { style: { fontSize: 9, color: 'var(--tp-text-dim)', marginLeft: 'auto' } }, timeAgo(t.createdAt))
731
731
  ),
@@ -773,11 +773,11 @@ export function TaskPipelinePage() {
773
773
 
774
774
  return h('div', { style: { position: 'absolute', left: flowX, top: flowY, pointerEvents: 'auto', maxWidth: maxFlowW, zIndex: 20 } },
775
775
  // Background card
776
- h('div', { style: { background: 'var(--bg-primary, rgba(10,12,20,0.95))', border: '1px solid rgba(99,102,241,0.2)', borderRadius: 12, padding: '14px 16px 12px', backdropFilter: 'blur(8px)', overflowX: 'auto', overflowY: 'hidden' } },
776
+ h('div', { style: { background: 'var(--bg-primary, rgba(10,12,20,0.95))', border: '1px solid rgba(99,102,241,0.2)', borderRadius: 8, padding: '8px 10px 8px', backdropFilter: 'blur(8px)', overflowX: 'auto', overflowY: 'hidden' } },
777
777
  // Header
778
- h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 12 } },
779
- h('span', { style: { fontSize: 10, fontWeight: 600, color: 'var(--tp-text-dim)', letterSpacing: '0.06em' } }, 'TASK FLOW'),
780
- expandedChain[0].chainId && h('span', { style: { fontSize: 9, color: 'rgba(255,255,255,0.2)', fontFamily: 'var(--font-mono)' } }, '#' + expandedChain[0].chainId.slice(0, 8)),
778
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, marginBottom: 8 } },
779
+ h('span', { style: { fontSize: 9, fontWeight: 600, color: 'var(--tp-text-dim)', letterSpacing: '0.06em' } }, 'TASK FLOW'),
780
+ expandedChain[0].chainId && h('span', { style: { fontSize: 8, color: 'rgba(255,255,255,0.2)', fontFamily: 'var(--font-mono)' } }, '#' + expandedChain[0].chainId.slice(0, 8)),
781
781
  h('div', { style: { flex: 1 } }),
782
782
  h('button', { className: 'tp-node', onClick: function() { setExpandedTaskId(null); }, style: { background: 'none', border: 'none', color: 'var(--tp-text-dim)', cursor: 'pointer', fontSize: 14, padding: '0 2px' } }, '\u00D7')
783
783
  ),
@@ -823,9 +823,9 @@ export function TaskPipelinePage() {
823
823
  style: {
824
824
  position: 'absolute', left: x, top: 4, width: STEP_W, height: STEP_H,
825
825
  background: isTerminal ? sc + '15' : isMe ? 'rgba(255,255,255,0.06)' : 'rgba(255,255,255,0.02)',
826
- border: '1.5px solid ' + (isTerminal ? sc + '44' : isMe ? sc : 'rgba(255,255,255,0.1)'),
827
- borderRadius: isTerminal ? 22 : 10,
828
- display: 'flex', alignItems: 'center', gap: 8, padding: '0 10px',
826
+ border: '1px solid ' + (isTerminal ? sc + '44' : isMe ? sc : 'rgba(255,255,255,0.1)'),
827
+ borderRadius: isTerminal ? 18 : 6,
828
+ display: 'flex', alignItems: 'center', gap: 6, padding: '0 8px',
829
829
  cursor: step.taskId ? 'pointer' : 'default',
830
830
  },
831
831
  },
@@ -835,23 +835,23 @@ export function TaskPipelinePage() {
835
835
  var stepAgent = step.taskId && expandedChain.find(function(c) { return c.id === step.taskId; });
836
836
  var agentAvatar = stepAgent && agentMap[stepAgent.assignedTo] && agentMap[stepAgent.assignedTo].avatar;
837
837
  if (!isTerminal && agentAvatar) {
838
- return h('img', { src: agentAvatar, style: { width: 26, height: 26, borderRadius: '50%', border: '2px solid ' + sc + '44', objectFit: 'cover', flexShrink: 0 } });
838
+ return h('img', { src: agentAvatar, style: { width: 18, height: 18, borderRadius: '50%', border: '1px solid ' + sc + '44', objectFit: 'cover', flexShrink: 0 } });
839
839
  }
840
840
  return h('div', { style: {
841
- width: 26, height: 26, borderRadius: '50%', flexShrink: 0,
841
+ width: 18, height: 18, borderRadius: '50%', flexShrink: 0,
842
842
  background: isTerminal ? sc + '33' : step.isHuman || step.type === 'person' ? 'linear-gradient(135deg, #f59e0b, #f97316)' : step.type === 'system' ? 'var(--tp-card)' : 'linear-gradient(135deg, #6366f1, #8b5cf6)',
843
843
  display: 'flex', alignItems: 'center', justifyContent: 'center',
844
- fontSize: isTerminal ? 12 : 10, fontWeight: 700,
844
+ fontSize: isTerminal ? 10 : 8, fontWeight: 700,
845
845
  color: isTerminal ? sc : '#fff',
846
- border: '2px solid ' + (isTerminal ? sc + '44' : 'transparent'),
846
+ border: '1px solid ' + (isTerminal ? sc + '44' : 'transparent'),
847
847
  } },
848
848
  isTerminal ? (step.status === 'completed' ? '\u2714' : '\u2716') : step.label.charAt(0).toUpperCase()
849
849
  );
850
850
  })(),
851
851
  // Info
852
852
  h('div', { style: { overflow: 'hidden', flex: 1, minWidth: 0 } },
853
- h('div', { style: { fontSize: 11, fontWeight: 600, color: isTerminal ? sc : '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, step.label),
854
- !isTerminal && h('div', { style: { fontSize: 9, color: 'var(--tp-text-dim)', marginTop: 1 } },
853
+ h('div', { style: { fontSize: 10, fontWeight: 600, color: isTerminal ? sc : '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, step.label),
854
+ !isTerminal && h('div', { style: { fontSize: 8, color: 'var(--tp-text-dim)', marginTop: 1 } },
855
855
  step.type === 'person' || step.isHuman ? 'Human' : step.type === 'system' ? 'System' : 'Agent',
856
856
  step.duration ? ' \u00B7 ' + formatDuration(step.duration) : '',
857
857
  step.status === 'in_progress' && step.progress > 0 ? ' \u00B7 ' + step.progress + '%' : ''
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agenticmail/enterprise",
3
- "version": "0.5.217",
3
+ "version": "0.5.219",
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/task-pipeline.js CHANGED
@@ -3,8 +3,8 @@ import { I } from '../components/icons.js';
3
3
  import { HelpButton } from '../components/help-button.js';
4
4
 
5
5
  // ─── Constants ───────────────────────────────────────────
6
- var NODE_W = 160;
7
- var NODE_H = 48;
6
+ var NODE_W = 200;
7
+ var NODE_H = 52;
8
8
  var AGENT_W = 130;
9
9
  var AGENT_H = 40;
10
10
  var H_GAP = 32; // horizontal gap (left→right flow)
@@ -35,7 +35,7 @@ function injectCSS() {
35
35
  .tp-flow-active { animation: flowDash 1.2s linear infinite; }
36
36
  .tp-node-active { animation: taskPulse 2s ease-in-out infinite; }
37
37
  .tp-node:hover { transform: scale(1.03); z-index: 10; }
38
- .tp-chain-tag { font-size: 9px; padding: 1px 5px; border-radius: 4px; font-weight: 600; letter-spacing: 0.02em; }
38
+ .tp-chain-tag { font-size: 9px; padding: 1px 5px; border-radius: 4px; font-weight: 600; letter-spacing: 0.02em; white-space: nowrap; flex-shrink: 0; }
39
39
  `;
40
40
  document.head.appendChild(style);
41
41
  }
@@ -707,7 +707,7 @@ export function TaskPipelinePage() {
707
707
  background: isHovered ? 'rgba(255,255,255,0.06)' : 'rgba(255,255,255,0.02)',
708
708
  border: '1px solid ' + (isExpanded ? sc : isHovered || isChainHl ? sc + '66' : 'rgba(255,255,255,0.1)'),
709
709
  /* borderLeft removed */
710
- borderRadius: 6, padding: '4px 8px', cursor: 'pointer',
710
+ borderRadius: 6, padding: '5px 8px', cursor: 'pointer', overflow: 'hidden',
711
711
  transition: 'all 0.15s', opacity: dim ? 0.15 : 1,
712
712
  backdropFilter: 'blur(6px)',
713
713
  display: 'flex', flexDirection: 'column', justifyContent: 'center', gap: 3, userSelect: 'none',
@@ -723,9 +723,9 @@ export function TaskPipelinePage() {
723
723
  h('span', { style: { fontSize: 10, fontWeight: 600, color: 'var(--tp-text)', flex: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } }, t.title)
724
724
  ),
725
725
  // Status + agent name + time
726
- h('div', { style: { display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'wrap' } },
726
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 4, flexWrap: 'nowrap', overflow: 'hidden' } },
727
727
  tag(sc, t.status.replace('_', ' ')),
728
- h('span', { style: { fontSize: 9, color: 'var(--tp-text-dim)' } }, t.assignedToName || t.assignedTo),
728
+ h('span', { style: { fontSize: 9, color: 'var(--tp-text-dim)', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap', minWidth: 0 } }, t.assignedToName || t.assignedTo),
729
729
  t.delegationType && tag(DELEGATION_COLORS[t.delegationType] || '#6b7394', t.delegationType),
730
730
  h('span', { style: { fontSize: 9, color: 'var(--tp-text-dim)', marginLeft: 'auto' } }, timeAgo(t.createdAt))
731
731
  ),
@@ -773,11 +773,11 @@ export function TaskPipelinePage() {
773
773
 
774
774
  return h('div', { style: { position: 'absolute', left: flowX, top: flowY, pointerEvents: 'auto', maxWidth: maxFlowW, zIndex: 20 } },
775
775
  // Background card
776
- h('div', { style: { background: 'var(--bg-primary, rgba(10,12,20,0.95))', border: '1px solid rgba(99,102,241,0.2)', borderRadius: 12, padding: '14px 16px 12px', backdropFilter: 'blur(8px)', overflowX: 'auto', overflowY: 'hidden' } },
776
+ h('div', { style: { background: 'var(--bg-primary, rgba(10,12,20,0.95))', border: '1px solid rgba(99,102,241,0.2)', borderRadius: 8, padding: '8px 10px 8px', backdropFilter: 'blur(8px)', overflowX: 'auto', overflowY: 'hidden' } },
777
777
  // Header
778
- h('div', { style: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 12 } },
779
- h('span', { style: { fontSize: 10, fontWeight: 600, color: 'var(--tp-text-dim)', letterSpacing: '0.06em' } }, 'TASK FLOW'),
780
- expandedChain[0].chainId && h('span', { style: { fontSize: 9, color: 'rgba(255,255,255,0.2)', fontFamily: 'var(--font-mono)' } }, '#' + expandedChain[0].chainId.slice(0, 8)),
778
+ h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, marginBottom: 8 } },
779
+ h('span', { style: { fontSize: 9, fontWeight: 600, color: 'var(--tp-text-dim)', letterSpacing: '0.06em' } }, 'TASK FLOW'),
780
+ expandedChain[0].chainId && h('span', { style: { fontSize: 8, color: 'rgba(255,255,255,0.2)', fontFamily: 'var(--font-mono)' } }, '#' + expandedChain[0].chainId.slice(0, 8)),
781
781
  h('div', { style: { flex: 1 } }),
782
782
  h('button', { className: 'tp-node', onClick: function() { setExpandedTaskId(null); }, style: { background: 'none', border: 'none', color: 'var(--tp-text-dim)', cursor: 'pointer', fontSize: 14, padding: '0 2px' } }, '\u00D7')
783
783
  ),
@@ -823,9 +823,9 @@ export function TaskPipelinePage() {
823
823
  style: {
824
824
  position: 'absolute', left: x, top: 4, width: STEP_W, height: STEP_H,
825
825
  background: isTerminal ? sc + '15' : isMe ? 'rgba(255,255,255,0.06)' : 'rgba(255,255,255,0.02)',
826
- border: '1.5px solid ' + (isTerminal ? sc + '44' : isMe ? sc : 'rgba(255,255,255,0.1)'),
827
- borderRadius: isTerminal ? 22 : 10,
828
- display: 'flex', alignItems: 'center', gap: 8, padding: '0 10px',
826
+ border: '1px solid ' + (isTerminal ? sc + '44' : isMe ? sc : 'rgba(255,255,255,0.1)'),
827
+ borderRadius: isTerminal ? 18 : 6,
828
+ display: 'flex', alignItems: 'center', gap: 6, padding: '0 8px',
829
829
  cursor: step.taskId ? 'pointer' : 'default',
830
830
  },
831
831
  },
@@ -835,23 +835,23 @@ export function TaskPipelinePage() {
835
835
  var stepAgent = step.taskId && expandedChain.find(function(c) { return c.id === step.taskId; });
836
836
  var agentAvatar = stepAgent && agentMap[stepAgent.assignedTo] && agentMap[stepAgent.assignedTo].avatar;
837
837
  if (!isTerminal && agentAvatar) {
838
- return h('img', { src: agentAvatar, style: { width: 26, height: 26, borderRadius: '50%', border: '2px solid ' + sc + '44', objectFit: 'cover', flexShrink: 0 } });
838
+ return h('img', { src: agentAvatar, style: { width: 18, height: 18, borderRadius: '50%', border: '1px solid ' + sc + '44', objectFit: 'cover', flexShrink: 0 } });
839
839
  }
840
840
  return h('div', { style: {
841
- width: 26, height: 26, borderRadius: '50%', flexShrink: 0,
841
+ width: 18, height: 18, borderRadius: '50%', flexShrink: 0,
842
842
  background: isTerminal ? sc + '33' : step.isHuman || step.type === 'person' ? 'linear-gradient(135deg, #f59e0b, #f97316)' : step.type === 'system' ? 'var(--tp-card)' : 'linear-gradient(135deg, #6366f1, #8b5cf6)',
843
843
  display: 'flex', alignItems: 'center', justifyContent: 'center',
844
- fontSize: isTerminal ? 12 : 10, fontWeight: 700,
844
+ fontSize: isTerminal ? 10 : 8, fontWeight: 700,
845
845
  color: isTerminal ? sc : '#fff',
846
- border: '2px solid ' + (isTerminal ? sc + '44' : 'transparent'),
846
+ border: '1px solid ' + (isTerminal ? sc + '44' : 'transparent'),
847
847
  } },
848
848
  isTerminal ? (step.status === 'completed' ? '\u2714' : '\u2716') : step.label.charAt(0).toUpperCase()
849
849
  );
850
850
  })(),
851
851
  // Info
852
852
  h('div', { style: { overflow: 'hidden', flex: 1, minWidth: 0 } },
853
- h('div', { style: { fontSize: 11, fontWeight: 600, color: isTerminal ? sc : '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, step.label),
854
- !isTerminal && h('div', { style: { fontSize: 9, color: 'var(--tp-text-dim)', marginTop: 1 } },
853
+ h('div', { style: { fontSize: 10, fontWeight: 600, color: isTerminal ? sc : '#fff', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' } }, step.label),
854
+ !isTerminal && h('div', { style: { fontSize: 8, color: 'var(--tp-text-dim)', marginTop: 1 } },
855
855
  step.type === 'person' || step.isHuman ? 'Human' : step.type === 'system' ? 'System' : 'Agent',
856
856
  step.duration ? ' \u00B7 ' + formatDuration(step.duration) : '',
857
857
  step.status === 'in_progress' && step.progress > 0 ? ' \u00B7 ' + step.progress + '%' : ''