show rollout status

Author: Dylan Huang

vite-app/src/components/EvaluationRow.tsx

@@ -355,14 +355,22 @@ export const EvaluationRow = observer(
             <RowName name={row.eval_metadata?.name} />
           </TableCell>
 
-          {/* Status */}
+          {/* Eval Status */}
           <TableCell className="py-3 text-xs">
             <RowStatus
               status={row.eval_metadata?.status}
               showSpinner={row.eval_metadata?.status?.code === 101}
             />
           </TableCell>
 
+          {/* Rollout Status */}
+          <TableCell className="py-3 text-xs">
+            <RowStatus
+              status={row.rollout_status}
+              showSpinner={row.rollout_status?.code === 101}
+            />
+          </TableCell>
+
           {/* Invocation ID */}
           <TableCell className="py-3 text-xs">
             <InvocationId

vite-app/src/components/EvaluationTable.tsx

@@ -161,7 +161,8 @@ export const EvaluationTable = observer(() => {
               <tr>
                 <TableHeader className="w-8">&nbsp;</TableHeader>
                 <TableHeader>Name</TableHeader>
-                <TableHeader>Status</TableHeader>
+                <TableHeader>Eval Status</TableHeader>
+                <TableHeader>Rollout Status</TableHeader>
                 <TableHeader>Invocation ID</TableHeader>
                 <TableHeader>Rollout ID</TableHeader>
                 <TableHeader>Model</TableHeader>