{/* Header row */}
{colsList.map(c => (
{c.label}
))}
{/* Data rows — plain text, never editable. Each set is a vertical
group: tempo expands DOWNWARD inside the group. Multi-value
weight + equipment surface in a labelled breakdown box. */}
{ex.sets.map((s, i) => {
const { tempoParts, weights, equips, rowSpan } = expandSet(s);
const groupBg = s.done
? (theme.isDark ? 'rgba(52,211,153,0.08)' : 'rgba(46,125,50,0.06)')
: exerciseSetTint(theme, exIdx, i);
return (
{Array.from({ length: rowSpan }).map((_, rowIdx) => {
const primary = rowIdx === 0;
return (
{colsList.map(c => {
let val;
if (c.k === 'idx') val = primary ? i + 1 : null;
else if (c.k === 'done') val = primary ? s.done : null;
else if (c.k === 'tempo') val = tempoParts[rowIdx] != null ? tempoParts[rowIdx] : null;
else if (c.k === 'weight') val = primary
? (weights.length > 1 ? weightRowText(weights) : (weights.length === 1 ? weights[0].value : null))
: null;
else val = primary ? s[c.k] : null;
return
;
})}
);
})}
{(() => {
const showW = weights.length > 1 || weights.some(w => w.label);
const showE = equips.length > 0;
if (!showW && !showE) return null;
return (
);
})()}
);
})}