feat(IdeaSummary): Template to organize display of ideas

[hirokiterashima]

Notes

• Please style as you see fit!
• This work builds on feat(IdeasSummary): Show student responses #2268

Summary

This PR adds support to configure how the idea summary is displayed in the Teacher Tools. We do this by allowing the unit author to specify IdeasSummaryGroups in the CRater rubric. There are two sections to this view: initial (always visible) and additional (visible after clicking on "show more"), and each section can have one or more groups. Tags are used to specify which idea categories get displayed in each IdeaSummaryGroup. Tags are also used to specify the colors of the idea categories.

Test Prep

1. Add to "cRaterRubric" section of a DialogGuidance component or "cRater.rubric" section of an OpenResponse component:

ideasSummaryGroups": {
	"initial": [
		{
			"maxIdeas": 2,
			"title": "mechanistic ideas",
			"tags": [
				"mechanistic"
			],
			"sort": {
				"field": "count",
				"order": "desc"
			}
		},
		{
			"title": "important ideas",
			"tags": [
				"important"
			],
			"sort": {
				"field": "count",
				"order": "asc"
			},
			"showUndetectedIdeas": true
		}
	],
	"additional": [
		{
			"title": "misapplied ideas",
			"tags": [
				"misapplied"
			],
			"sort": {
				"field": "count",
				"order": "desc"
			},
			"showUndetectedIdeas": true
		}
	]
},
"ideaColors": [
	{
		"colorValue": "red",
		"tags": [
			"mechanistic",
			"misapplied"
		]
	},
	{
		"colorValue": "orange",
		"tags": [
			"mechanistic"
		]
	},
	{
		"colorValue": "yellow",
		"tags": [
			"misapplied"
		]
	},
	{
		"colorValue": "green",
		"tags": [
			"important"
		]
	}
],

2. Add tags to ideas

"ideas": [
	{
		"name": "1",
		"text": "All people have equal access to fresh food",
		"tags": [
			"misapplied",
			"important"
		]
	},
	{
		"name": "1b",
		"text": "Not all people have equal access to fresh food",
		"tags": [
			"important"
		]
	},
...
]

Test

• IdeaCategories are displayed in the IdeaSummaryGroups if the tags match. The IdeaCategory must have at least all of the tags that are specified in the IdeaSummaryGroups.
• IdeaCategories show the correct color as specified in the ideaColors array. We choose the first-matched color in the "ideaColors" array.
• maxIdeas limits the number of IdeaCategories that are displayed in each group
• sort correctly sorts the IdeaCategories by the number of students who had that idea. Test both 'asc' (ascending) and 'desc' (descending) orders.
• setting showUndetectedIdeas to true will display IdeaCategories that didn't have any detected ideas. Not specifying this field will not show them.
• Original summary view (most common, least common, and all ideas) works as before. This is the default behavior when no ideasSummaryGroups is authored for the component's rubric.

[qltysh]

❌ 2 blocking issues (2 total)

Tool	Category	Rule	Count
qlty	Duplication	Found 35 lines of similar code in 2 locations (mass = 169)	2	❌

[qltysh]

Found 35 lines of similar code in 2 locations (mass = 169) [qlty:similar-code]