Removes the width override for the cs-program widget

[MikeKlemarewski]

Summary:

Remove width override for cs-program widget. This width was causing some overflow issues in KA Classroom, and after testing this in Classroom and Classic, I don't think it's needed.

Classic

Screen.Recording.2025-08-01.at.3.11.24.PM.mov

Classroom

Screen.Recording.2025-08-01.at.3.08.36.PM.mov

Issue: TUT-2719

Test plan:

• Bump the perseus version to this PR in the frontend
• Test content with the widget and ensure it renders correctly

[github-actions]

🗄️ Schema Change: No Changes ✅

[github-actions]

Size Change: -14 B (0%)

Total Size: 496 kB

Filename	Size	Change
packages/perseus/dist/es/index.js	207 kB	-14 B (-0.01%)

ℹ️ View Unchanged

Filename	Size
packages/kas/dist/es/index.js	20.7 kB
packages/keypad-context/dist/es/index.js	1 kB
packages/kmath/dist/es/index.js	5.98 kB
packages/math-input/dist/es/index.js	98.6 kB
packages/math-input/dist/es/strings.js	1.61 kB
packages/perseus-core/dist/es/index.item-splitting.js	13 kB
packages/perseus-core/dist/es/index.js	21.6 kB
packages/perseus-editor/dist/es/index.js	94.1 kB
packages/perseus-linter/dist/es/index.js	7.07 kB
packages/perseus-score/dist/es/index.js	9.34 kB
packages/perseus-utils/dist/es/index.js	403 B
packages/perseus/dist/es/strings.js	7.56 kB
packages/pure-markdown/dist/es/index.js	1.39 kB
packages/simple-markdown/dist/es/index.js	6.71 kB

_{compressed-size-action}

[github-actions]

🛠️ Item Splitting: No Changes ✅

[github-actions]

npm Snapshot: Published

Good news!! We've packaged up the latest commit from this PR (a72e615) and published it to npm. You
can install it using the tag PR2753.

Example:

pnpm add @khanacademy/perseus@PR2753

If you are working in Khan Academy's frontend, you can run the below command.

./dev/tools/bump_perseus_version.ts -t PR2753

If you are working in Khan Academy's webapp, you can run the below command.

./dev/tools/bump_perseus_version.js -t PR2753

[handeyeco]

Just for context: are you saying there was no visual impact for KA Classic but it helped fix a bug in Classroom? That's nice!

My main concern then, if that's the case, is the impact on mobile...but I'm not sure how much we support CSProgram on mobile. 🤔 Might be worth taking a look though.

[MikeKlemarewski]

Just for context: are you saying there was no visual impact for KA Classic but it helped fix a bug in Classroom? That's nice!

My main concern then, if that's the case, is the impact on mobile...but I'm not sure how much we support CSProgram on mobile. 🤔 Might be worth taking a look though.

Luke found a bit more context for the original override which was added almost 7 years ago. It was because some buttons were rendering off screen. I added a screen recording and some extra suggestions here in Slack.

[lsmith]

This change introduces a regression for classic CS programs embedded in articles, but that is an acceptable tradeoff to improve the new Classroom experience.

[lsmith]

Since the removal of lines doesn't leave blame traces, can you include a code comment noting that removing a width override to 820px exposed a layout issue with rendering CS programs in articles, but this was preferable to leaving the override which introduced a layout issue in the new Classroom view.