✨ Upgrade sidepanel extension to JupyterLab 4.x compatibility [DO NOT MERGE]

[Chenzo1001]

Updated all @jupyterlab/* dependencies to v4.x
Adapted to breaking API changes (SessionContext, TypeScript types, etc.)
Fixed strict type checking errors introduced in TS 4.x
Requires Node 16+ and updated dependencies
Upgrade to React 18+

---

Thank you for your contribution! Follow this checklist to help us incorporate your contribution quickly and easily:

• Mention the appropriate issue in your description (for example: addresses #123), if applicable. This will automatically add a link to the pull request in the issue. If you would like the issue to automatically close on merging the pull request, comment fixes #<ISSUE NUMBER> instead.
• Update CHANGES.md with noteworthy changes.
• If this contribution is large, please file an Apache Individual Contributor License Agreement.

See the Contributor Guide for more tips on how to make review process smoother.

To check the build health, please visit https://github.com/apache/beam/blob/master/.test-infra/BUILD_STATUS.md

GitHub Actions Tests Status (on master branch)

See CI.md for more information about GitHub Actions CI or the workflows README to see a list of phrases to trigger workflows.

[github-actions]

Checks are failing. Will not request review until checks are succeeding. If you'd like to override that behavior, comment assign set of reviewers

[liferoad]

Does this still work with 3.x? we will need to release this later as well.

[Chenzo1001]

Does this still work with 3.x? we will need to release this later as well.

I build it with 3.x and it failed. Because the version of @jupyterlab/builder can't be compatible between 3.x and 4.x. I can rename these files to *.v3.js and *.v4.js, then add scripts to select the builder version. But I think maybe switch to 4.x is a better choice. 😁

[github-actions]

Assigning reviewers. If you would like to opt out of this review, comment assign to next reviewer:

R: @damccorm for label python.
R: @Abacn for label build.

Available commands:

• stop reviewer notifications - opt out of the automated review tooling
• remind me after tests pass - tag the comment author after tests pass
• waiting on author - shift the attention set back to the author (any comment or push by the author will return the attention set to the reviewers)

The PR bot will only process comments in the main thread (not review comments).

[nika-qubit]

LGTM

[damccorm]

Thanks!

[damccorm]

Actually, looks like this is causing precommit failures, could you please take a look? https://github.com/apache/beam/actions/runs/14197749402/job/39777121469

[liferoad]

Do not merge this PR. Please wait for me to LGTM.

[Chenzo1001]

Actually, looks like this is causing precommit failures, could you please take a look? https://github.com/apache/beam/actions/runs/14197749402/job/39777121469

The testsuites and CI scripts are also needed to be upgrade. I'll commit my changes later this day.

[Chenzo1001]

@liferoad @damccorm Hi I've finished updating packages. Please review my changes.

[liferoad]

This is also a breaking change if we require 4.x now.

[Chenzo1001]

Thank you very much! I'm not rushing for this PR to be merged—just checking in to make sure it wasn't forgotten."

[Copilot]

Copilot reviewed 21 out of 23 changed files in this pull request and generated no comments.

Files not reviewed (2)

• .github/gh-actions-self-hosted-runners/arc/images/Dockerfile: Language not supported
• sdks/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/package.json: Language not supported

Comments suppressed due to low confidence (2)

sdks/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/src/SidePanel.ts:67

• [nitpick] Consider renaming 'firstModel' to a more descriptive name (e.g. 'initialSessionModel') to clarify that it represents the first session model returned by the iterator.

if (sessionModel.value.kernel.id !== firstModel.value.kernel.id) {

sdks/python/apache_beam/runners/interactive/extensions/apache-beam-jupyterlab-sidepanel/src/tests/inspector/InteractiveInspector.test.tsx:191

• [nitpick] Consider replacing arbitrary setTimeout delays with waitFor from @testing-library/react to better handle asynchronous updates and improve test reliability.

await new Promise(resolve => setTimeout(resolve, 100));

[guyLee687]

LGTM

[liferoad]

@nika-qubit can you share the steps to build a new release? I want to test this internally first.