@@ -272,7 +272,7 @@ export default function SelectExperimentMenu({ models }) {
272272 sx = { {
273273 backgroundColor : 'transparent !important' ,
274274 fontSize : '20px' ,
275- color : 'var(--joy-palette-neutral-plainDisabledColor )' ,
275+ color : 'var(--joy-palette-neutralDisabledColor )' ,
276276 paddingLeft : 1 ,
277277 paddingRight : 0 ,
278278 minHeight : '22px' ,
@@ -390,43 +390,47 @@ export default function SelectExperimentMenu({ models }) {
390390 >
391391 { isLoading && < MenuItem > Loading...</ MenuItem > }
392392 { data &&
393- data . map ( ( experiment : any ) => {
394- return (
395- < MenuItem
396- selected = { experimentInfo ?. name === experiment . name }
397- variant = {
398- experimentInfo ?. name === experiment . name
399- ? 'soft'
400- : undefined
401- }
402- onClick = { createHandleClose ( experiment . name ) }
403- key = { experiment . id }
404- sx = { {
405- display : 'flex' ,
406- alignItems : 'center' ,
407- textOverflow : 'ellipsis' ,
408- overflow : 'hidden' ,
409- whiteSpace : 'nowrap' ,
410- } }
411- >
412- < span
413- style = { {
414- overflow : 'hidden' ,
393+ data
394+ . filter (
395+ ( experiment : any ) => experiment ?. id && experiment ?. name ,
396+ ) // skip bad rows
397+ . map ( ( experiment : any ) => {
398+ return (
399+ < MenuItem
400+ selected = { experimentInfo ?. id === experiment . id }
401+ variant = {
402+ experimentInfo ?. id === experiment . id
403+ ? 'soft'
404+ : undefined
405+ }
406+ onClick = { createHandleClose ( experiment . id ) }
407+ key = { experiment . id }
408+ sx = { {
409+ display : 'flex' ,
410+ alignItems : 'center' ,
415411 textOverflow : 'ellipsis' ,
412+ overflow : 'hidden' ,
416413 whiteSpace : 'nowrap' ,
417- flex : 1 ,
418- minWidth : 0 ,
419414 } }
420- title = { experiment . name }
421415 >
422- { experiment . name }
423- </ span >
424- { experimentInfo ?. name === experiment . name && (
425- < CheckIcon style = { { marginLeft : 'auto' } } />
426- ) }
427- </ MenuItem >
428- ) ;
429- } ) }
416+ < span
417+ style = { {
418+ overflow : 'hidden' ,
419+ textOverflow : 'ellipsis' ,
420+ whiteSpace : 'nowrap' ,
421+ flex : 1 ,
422+ minWidth : 0 ,
423+ } }
424+ title = { experiment . name }
425+ >
426+ { experiment . name }
427+ </ span >
428+ { experimentInfo ?. id === experiment . id && (
429+ < CheckIcon style = { { marginLeft : 'auto' } } />
430+ ) }
431+ </ MenuItem >
432+ ) ;
433+ } ) }
430434 </ Box >
431435 < Divider />
432436 < MenuItem onClick = { ( ) => setModalOpen ( true ) } disabled = { isLoading } >
0 commit comments