| 3366 | ); |
| 3367 | |
| 3368 | let renderThreadEntry = (entry: ThreadEntry) => { |
| 3369 | let usedTableIds = entry.usedTableIds || []; |
| 3370 | |
| 3371 | return <SingleThreadGroupView |
| 3372 | key={entry.key} |
| 3373 | threadIdx={entry.threadIdx} |
| 3374 | threadLabel={entry.threadLabel} |
| 3375 | isSplitThread={entry.isSplitThread} |
| 3376 | hasContinuationBelow={entry.hasContinuationBelow} |
| 3377 | hideLabel={entry.hideLabel} |
| 3378 | leafTables={entry.leafTables} |
| 3379 | chartElements={chartElements} |
| 3380 | usedIntermediateTableIds={usedTableIds} |
| 3381 | globalHighlightedTableIds={globalHighlightedTableIds} |
| 3382 | focusedThreadLeafId={focusedThreadLeafId} |
| 3383 | sx={{ |
| 3384 | backgroundColor: 'white', |
| 3385 | borderRadius: radius.md, |
| 3386 | padding: 1, |
| 3387 | my: 0.5, |
| 3388 | flex: 'none', |
| 3389 | display: 'flex', |
| 3390 | flexDirection: 'column', |
| 3391 | height: 'fit-content', |
| 3392 | width: CARD_WIDTH, |
| 3393 | transition: transition.fast, |
| 3394 | }} />; |
| 3395 | }; |
| 3396 | |
| 3397 | // Let content fill available width; column count driven by container size |
| 3398 | const panelWidth = '100%'; |