Merge pull request #85 from agentevals-dev/fix/invocation-scores-details

fix dropping invocation scores and details and UI

Author: krisztianfekete

src/agentevals/api/streaming_routes.py

@@ -226,6 +226,8 @@ async def eval_one_session(session_id: str, session) -> SessionEvalResult:
                                     "score": mr.score,
                                     "evalStatus": mr.eval_status,
                                     "error": mr.error,
+                                    "perInvocationScores": mr.per_invocation_scores,
+                                    "details": mr.details,
                                 }
                                 for mr in trace_result.metric_results
                             ],

ui/src/components/inspector/MetricsComparisonSection.tsx

@@ -293,6 +293,13 @@ export const MetricsComparisonSection: React.FC<MetricsComparisonSectionProps> =
                 </div>
               )}
 
+              {result.perInvocationScores.length === 1 && (() => {
+                const detail = getPerInvocationDetail(result, 0);
+                return detail ? (
+                  <div css={singleInvocationDetailStyles}>{detail}</div>
+                ) : null;
+              })()}
+
               {result.perInvocationScores.length > 1 && (
                 <div css={perInvocationScoresStyles}>
                   <div css={perInvocationLabelStyles}>Per-invocation scores:</div>
@@ -530,6 +537,13 @@ const errorMessageStyles = css`
   }
 `;
 
+const singleInvocationDetailStyles = css`
+  margin: 0 16px 12px;
+  padding: 8px;
+  background: var(--bg-primary);
+  border-radius: 4px;
+`;
+
 const perInvocationScoresStyles = css`
   margin: 12px 16px;
   padding-top: 12px;