This should include UX wire-framing to highlight how each and every interaction happens with the tray.
What is the default size of a single assessment component with 1 to 10 assessment options?
What is the default size of the tray given a single assessment component with 1 to 10 assessment options?
What is the default layout for an assessment tray with multiple assessment component groups, at what point does the flex layout need to wrap around to the next "row"?
If the tray expands, how does the tray expand?
How are outputs of computations displayed? Only upon however over? Should it be next to assessment controls, so multiple output dimensions can be shown in a more readable and obvious manner (eg. both sum and average)?
Related: How are output dimensions configured?
Currently, the input and output dimensions are tied together in one config block corresponding to an assessment control group, but maybe it makes more sense to just have an array of input and output controls bound to single dimensions, since having two input controls bound to the same input dimension but with differing output dimensions means that two of the controls need to be locked to the same state and you can only see the differing output dimension of hovering over the identical input controls.
It might be nice to have control groups with one input control/dimension and up to N output controls/dimensions. That way related input and output fields retain their association.
What changes between normal interactive mode and edit mode?
What can be interacted with in edit mode?
What are all the state changes with each interaction in edit mode?
This should include UX wire-framing to highlight how each and every interaction happens with the tray.