@agenticmail/enterprise 0.5.218 → 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.
|
@@ -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:
|
|
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:
|
|
779
|
-
h('span', { style: { fontSize:
|
|
780
|
-
expandedChain[0].chainId && h('span', { style: { fontSize:
|
|
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: '
|
|
827
|
-
borderRadius: isTerminal ?
|
|
828
|
-
display: 'flex', alignItems: 'center', gap:
|
|
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:
|
|
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:
|
|
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 ?
|
|
844
|
+
fontSize: isTerminal ? 10 : 8, fontWeight: 700,
|
|
845
845
|
color: isTerminal ? sc : '#fff',
|
|
846
|
-
border: '
|
|
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:
|
|
854
|
-
!isTerminal && h('div', { style: { fontSize:
|
|
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
|
@@ -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:
|
|
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:
|
|
779
|
-
h('span', { style: { fontSize:
|
|
780
|
-
expandedChain[0].chainId && h('span', { style: { fontSize:
|
|
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: '
|
|
827
|
-
borderRadius: isTerminal ?
|
|
828
|
-
display: 'flex', alignItems: 'center', gap:
|
|
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:
|
|
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:
|
|
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 ?
|
|
844
|
+
fontSize: isTerminal ? 10 : 8, fontWeight: 700,
|
|
845
845
|
color: isTerminal ? sc : '#fff',
|
|
846
|
-
border: '
|
|
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:
|
|
854
|
-
!isTerminal && h('div', { style: { fontSize:
|
|
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 + '%' : ''
|