diff --git a/.prettierrc b/.prettierrc
index fad510f685..00f0dc88ad 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -3,5 +3,6 @@
   "singleQuote": true,
   "printWidth": 100,
   "arrowParens": "avoid",
-  "trailingComma": "none"
+  "trailingComma": "none",
+  "endOfLine": "auto"
 }
diff --git a/eslint.config.mjs b/eslint.config.mjs
index d08bbe8adf..ab3cb8ebff 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,10 +1,10 @@
 // @ts-check
 
 // import eslint from '@eslint/js';
-import { config, configs } from 'typescript-eslint';
 import reactPlugin from 'eslint-plugin-react';
 import reactHooksPlugin from 'eslint-plugin-react-hooks';
 import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import { config, configs } from 'typescript-eslint';
 // import reactRefresh from 'eslint-plugin-react-refresh';
 
 export default config(
diff --git a/package.json b/package.json
index bc70762390..3ab5435e50 100644
--- a/package.json
+++ b/package.json
@@ -31,17 +31,17 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "@blueprintjs/core": "^5.10.1",
-    "@blueprintjs/datetime2": "^2.3.3",
+    "@blueprintjs/core": "^6.0.0",
+    "@blueprintjs/datetime": "^6.0.0",
     "@blueprintjs/icons": "^6.0.0",
-    "@blueprintjs/select": "^5.1.3",
+    "@blueprintjs/select": "^6.0.0",
     "@convergencelabs/ace-collab-ext": "^0.6.0",
     "@mantine/hooks": "^7.11.2",
     "@octokit/rest": "^22.0.0",
     "@reduxjs/toolkit": "^1.9.7",
     "@sentry/browser": "^8.33.0",
     "@sourceacademy/c-slang": "^1.0.21",
-    "@sourceacademy/sharedb-ace": "^2.1.1",
+    "@sourceacademy/sharedb-ace": "2.1.1",
     "@sourceacademy/sling-client": "^0.1.0",
     "@szhsin/react-menu": "^4.0.0",
     "@tanstack/react-table": "^8.9.3",
diff --git a/src/commons/__tests__/__snapshots__/ContentDisplay.test.tsx.snap b/src/commons/__tests__/__snapshots__/ContentDisplay.test.tsx.snap
index c1ce322ba0..7e524c0b5f 100644
--- a/src/commons/__tests__/__snapshots__/ContentDisplay.test.tsx.snap
+++ b/src/commons/__tests__/__snapshots__/ContentDisplay.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`ContentDisplay page renders correctly 1`] = `
     className="col-md-10 col-xs-11 contentdisplay-content-parent"
   >
     <div
-      className="contentdisplay-content bp5-card bp5-elevation-3"
+      className="contentdisplay-content bp6-card bp6-elevation-3"
     >
       <div>
          Test Content 
diff --git a/src/commons/__tests__/__snapshots__/Markdown.test.tsx.snap b/src/commons/__tests__/__snapshots__/Markdown.test.tsx.snap
index b7bf41bfed..924eff7c36 100644
--- a/src/commons/__tests__/__snapshots__/Markdown.test.tsx.snap
+++ b/src/commons/__tests__/__snapshots__/Markdown.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Markdown page renders correctly 1`] = `
 <div
-  className="md bp5-running-text"
+  className="md bp6-running-text"
   dangerouslySetInnerHTML={
     {
       "__html": "<p>Welcome to the Source Academy playground!</p>
diff --git a/src/commons/achievement/AchievementFilter.tsx b/src/commons/achievement/AchievementFilter.tsx
index 47c34718a0..94b498d5a8 100644
--- a/src/commons/achievement/AchievementFilter.tsx
+++ b/src/commons/achievement/AchievementFilter.tsx
@@ -19,7 +19,7 @@ const AchievementFilter: React.FC<Props> = ({ filterState, icon, ownStatus }) =>
       onClick={() => setGlobalStatus(ownStatus)}
       style={{ color: getFilterColor(globalStatus, ownStatus) }}
     >
-      <Icon icon={icon} iconSize={30} />
+      <Icon icon={icon} size={30} />
       <p>{ownStatus}</p>
     </div>
   );
diff --git a/src/commons/achievement/AchievementView.tsx b/src/commons/achievement/AchievementView.tsx
index 06cd62623b..b997f2e7a0 100644
--- a/src/commons/achievement/AchievementView.tsx
+++ b/src/commons/achievement/AchievementView.tsx
@@ -59,7 +59,7 @@ const AchievementView: React.FC<Props> = ({ focusUuid, userState }) => {
   if (focusUuid === '') {
     return (
       <div className="no-view">
-        <Icon icon={IconNames.MOUNTAIN} iconSize={60} />
+        <Icon icon={IconNames.MOUNTAIN} size={60} />
         <h2>Select an achievement</h2>
       </div>
     );
diff --git a/src/commons/achievement/control/achievementEditor/EditableDate.tsx b/src/commons/achievement/control/achievementEditor/EditableDate.tsx
index 4ab15e19f6..4cbcf19dda 100644
--- a/src/commons/achievement/control/achievementEditor/EditableDate.tsx
+++ b/src/commons/achievement/control/achievementEditor/EditableDate.tsx
@@ -33,7 +33,7 @@ const EditableDate: React.FC<Props> = ({ type, date, changeDate }) => {
         title={`${type}`}
       >
         <DatePicker
-          onChange={changeDate}
+          onChange={selectedDate => changeDate(selectedDate || undefined)}
           timePickerProps={{ showArrowButtons: true }}
           value={date}
         />
diff --git a/src/commons/achievement/control/goalEditor/EditableDate.tsx b/src/commons/achievement/control/goalEditor/EditableDate.tsx
index 4ab15e19f6..4cbcf19dda 100644
--- a/src/commons/achievement/control/goalEditor/EditableDate.tsx
+++ b/src/commons/achievement/control/goalEditor/EditableDate.tsx
@@ -33,7 +33,7 @@ const EditableDate: React.FC<Props> = ({ type, date, changeDate }) => {
         title={`${type}`}
       >
         <DatePicker
-          onChange={changeDate}
+          onChange={selectedDate => changeDate(selectedDate || undefined)}
           timePickerProps={{ showArrowButtons: true }}
           value={date}
         />
diff --git a/src/commons/assessment/Assessment.tsx b/src/commons/assessment/Assessment.tsx
index b6ae64815e..5efbaaf5b9 100644
--- a/src/commons/assessment/Assessment.tsx
+++ b/src/commons/assessment/Assessment.tsx
@@ -226,14 +226,14 @@ const Assessment: React.FC = () => {
             <div className="listing-footer">
               <div>
                 <Text className="listing-due-date">
-                  <Icon className="listing-due-icon" iconSize={12} icon={IconNames.CALENDAR} />
+                  <Icon className="listing-due-icon" size={12} icon={IconNames.CALENDAR} />
                   {`${beforeNow(overview.openAt) ? 'Opened' : 'Opens'}: ${getPrettyDate(
                     overview.openAt
                   )}`}
                 </Text>
                 {beforeNow(overview.openAt) && (
                   <Text className="listing-due-date">
-                    <Icon className="listing-due-icon" iconSize={12} icon={IconNames.TIME} />
+                    <Icon className="listing-due-icon" size={12} icon={IconNames.TIME} />
                     {`Due: ${getPrettyDate(overview.closeAt)}`}
                   </Text>
                 )}
diff --git a/src/commons/assessment/__tests__/__snapshots__/Assessment.test.tsx.snap b/src/commons/assessment/__tests__/__snapshots__/Assessment.test.tsx.snap
index 345fece88b..8526e23860 100644
--- a/src/commons/assessment/__tests__/__snapshots__/Assessment.test.tsx.snap
+++ b/src/commons/assessment/__tests__/__snapshots__/Assessment.test.tsx.snap
@@ -11,13 +11,13 @@ exports[`Assessment page "loading" content renders correctly 1`] = `
       className="col-md-10 col-xs-11 contentdisplay-content-parent"
     >
       <div
-        className="contentdisplay-content bp5-card bp5-elevation-3"
+        className="contentdisplay-content bp6-card bp6-elevation-3"
       >
         <div
-          className="bp5-non-ideal-state bp5-non-ideal-state-vertical"
+          className="bp6-non-ideal-state bp6-non-ideal-state-vertical"
         >
           <div
-            className="bp5-non-ideal-state-visual"
+            className="bp6-non-ideal-state-visual"
             style={
               {
                 "fontSize": "48px",
@@ -29,11 +29,11 @@ exports[`Assessment page "loading" content renders correctly 1`] = `
               aria-label="loading"
               aria-valuemax={100}
               aria-valuemin={0}
-              className="bp5-spinner"
+              className="bp6-spinner"
               role="progressbar"
             >
               <div
-                className="bp5-spinner-animation"
+                className="bp6-spinner-animation"
               >
                 <svg
                   height={50}
@@ -42,11 +42,11 @@ exports[`Assessment page "loading" content renders correctly 1`] = `
                   width={50}
                 >
                   <path
-                    className="bp5-spinner-track"
+                    className="bp6-spinner-track"
                     d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
                   />
                   <path
-                    className="bp5-spinner-head"
+                    className="bp6-spinner-head"
                     d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
                     pathLength={280}
                     strokeDasharray="280 280"
@@ -57,7 +57,7 @@ exports[`Assessment page "loading" content renders correctly 1`] = `
             </div>
           </div>
           <div
-            className="bp5-non-ideal-state-text"
+            className="bp6-non-ideal-state-text"
           >
             <div>
               Fetching assessment...
@@ -81,10 +81,10 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
       className="col-md-10 col-xs-11 contentdisplay-content-parent"
     >
       <div
-        className="contentdisplay-content bp5-card bp5-elevation-3"
+        className="contentdisplay-content bp6-card bp6-elevation-3"
       >
         <button
-          className="bp5-button bp5-minimal collapse-button"
+          className="bp6-button bp6-minimal collapse-button"
           disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
@@ -93,7 +93,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-caret-down"
+            className="bp6-icon bp6-icon-caret-down"
           >
             <svg
               data-icon="caret-down"
@@ -109,13 +109,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
             </svg>
           </span>
           <span
-            className="bp5-button-text"
+            className="bp6-button-text"
           >
             Upcoming
           </span>
         </button>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": "auto",
@@ -126,7 +126,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
         >
           <div
             aria-hidden={false}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(0)",
@@ -136,7 +136,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
           >
             <div>
               <div
-                className="row listing bp5-card bp5-elevation-1"
+                className="row listing bp6-card bp6-elevation-1"
               >
                 <div
                   className="listing-picture col-xs-3"
@@ -154,10 +154,10 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-header"
                   >
                     <div
-                      className="bp5-text-overflow-ellipsis"
+                      className="bp6-text-overflow-ellipsis"
                     >
                       <h4
-                        className="bp5-heading listing-title"
+                        className="bp6-heading listing-title"
                       >
                         An Odessey to Runes (Duplicate)
                       </h4>
@@ -166,7 +166,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       className="listing-button"
                     >
                       <span
-                        className="bp5-popover-target"
+                        className="bp6-popover-target"
                         onBlur={[Function]}
                         onContextMenu={[Function]}
                         onFocus={[Function]}
@@ -174,7 +174,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         onMouseLeave={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-disabled bp5-minimal"
+                          className="bp6-button bp6-disabled bp6-minimal"
                           disabled={true}
                           onBlur={[Function]}
                           onKeyDown={[Function]}
@@ -184,7 +184,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-confirm"
+                            className="bp6-icon bp6-icon-confirm"
                           >
                             <svg
                               data-icon="confirm"
@@ -200,7 +200,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span>
                               Finalize
@@ -219,7 +219,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="_listing-xp_6fa7d2"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                       Max XP: 1000
                     </h6>
@@ -228,7 +228,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-description"
                   >
                     <div
-                      className="md bp5-running-text"
+                      className="md bp6-running-text"
                       dangerouslySetInnerHTML={
                         {
                           "__html": "<p>This is a test for the UI of the unopened assessment overview. It links to the mock Mission 0</p>",
@@ -238,7 +238,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                   </div>
                   <div>
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                        This is an individual assessment. 
                     </h6>
@@ -252,7 +252,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-calendar listing-due-icon"
+                          className="bp6-icon bp6-icon-calendar listing-due-icon"
                         >
                           <svg
                             data-icon="calendar"
@@ -280,7 +280,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
           </div>
         </div>
         <button
-          className="bp5-button bp5-minimal collapse-button"
+          className="bp6-button bp6-minimal collapse-button"
           disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
@@ -289,7 +289,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-caret-down"
+            className="bp6-icon bp6-icon-caret-down"
           >
             <svg
               data-icon="caret-down"
@@ -305,13 +305,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
             </svg>
           </span>
           <span
-            className="bp5-button-text"
+            className="bp6-button-text"
           >
             Open
           </span>
         </button>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": "auto",
@@ -322,7 +322,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
         >
           <div
             aria-hidden={false}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(0)",
@@ -332,7 +332,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
           >
             <div>
               <div
-                className="row listing bp5-card bp5-elevation-1"
+                className="row listing bp6-card bp6-elevation-1"
               >
                 <div
                   className="listing-picture col-xs-3"
@@ -350,10 +350,10 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-header"
                   >
                     <div
-                      className="bp5-text-overflow-ellipsis"
+                      className="bp6-text-overflow-ellipsis"
                     >
                       <h4
-                        className="bp5-heading listing-title"
+                        className="bp6-heading listing-title"
                       >
                         The Secret to Streams
                       </h4>
@@ -362,7 +362,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       className="listing-button"
                     >
                       <span
-                        className="bp5-popover-target"
+                        className="bp6-popover-target"
                         onBlur={[Function]}
                         onContextMenu={[Function]}
                         onFocus={[Function]}
@@ -370,7 +370,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         onMouseLeave={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-disabled bp5-minimal"
+                          className="bp6-button bp6-disabled bp6-minimal"
                           disabled={true}
                           onBlur={[Function]}
                           onKeyDown={[Function]}
@@ -380,7 +380,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-confirm"
+                            className="bp6-icon bp6-icon-confirm"
                           >
                             <svg
                               data-icon="confirm"
@@ -396,7 +396,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span>
                               Finalize
@@ -415,7 +415,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="_listing-xp_6fa7d2"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                       Max XP: 1000
                     </h6>
@@ -424,7 +424,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-description"
                   >
                     <div
-                      className="md bp5-running-text"
+                      className="md bp6-running-text"
                       dangerouslySetInnerHTML={
                         {
                           "__html": "<p>Once upon a time, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec vulputate sapien. Fusce vel lacus fermentum, efficitur ipsum.</p>",
@@ -434,7 +434,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                   </div>
                   <div>
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                        This is an individual assessment. 
                     </h6>
@@ -448,7 +448,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-calendar listing-due-icon"
+                          className="bp6-icon bp6-icon-calendar listing-due-icon"
                         >
                           <svg
                             data-icon="calendar"
@@ -470,7 +470,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-time listing-due-icon"
+                          className="bp6-icon bp6-icon-time listing-due-icon"
                         >
                           <svg
                             data-icon="time"
@@ -498,7 +498,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         onClick={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-minimal"
+                          className="bp6-button bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -508,7 +508,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-play"
+                            className="bp6-icon bp6-icon-play"
                           >
                             <svg
                               data-icon="play"
@@ -524,7 +524,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span
                               data-testid="Assessment-Attempt-Button"
@@ -546,7 +546,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
             </div>
             <div>
               <div
-                className="row listing bp5-card bp5-elevation-1"
+                className="row listing bp6-card bp6-elevation-1"
               >
                 <div
                   className="listing-picture col-xs-3"
@@ -564,10 +564,10 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-header"
                   >
                     <div
-                      className="bp5-text-overflow-ellipsis"
+                      className="bp6-text-overflow-ellipsis"
                     >
                       <h4
-                        className="bp5-heading listing-title"
+                        className="bp6-heading listing-title"
                       >
                         An Odessey to Runes
                       </h4>
@@ -576,7 +576,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       className="listing-button"
                     >
                       <span
-                        className="bp5-popover-target"
+                        className="bp6-popover-target"
                         onBlur={[Function]}
                         onContextMenu={[Function]}
                         onFocus={[Function]}
@@ -584,7 +584,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         onMouseLeave={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-intent-danger bp5-minimal"
+                          className="bp6-button bp6-intent-danger bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -594,7 +594,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-confirm"
+                            className="bp6-icon bp6-icon-confirm"
                           >
                             <svg
                               data-icon="confirm"
@@ -610,7 +610,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span>
                               Finalize
@@ -629,7 +629,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="_listing-xp_6fa7d2"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                       Max XP: 1000
                     </h6>
@@ -638,7 +638,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-description"
                   >
                     <div
-                      className="md bp5-running-text"
+                      className="md bp6-running-text"
                       dangerouslySetInnerHTML={
                         {
                           "__html": "<p><em>Lorem ipsum</em> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
@@ -657,7 +657,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                     className="listing-team_information"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                        This is a team assessment. 
                     </h6>
@@ -671,7 +671,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-calendar listing-due-icon"
+                          className="bp6-icon bp6-icon-calendar listing-due-icon"
                         >
                           <svg
                             data-icon="calendar"
@@ -693,7 +693,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-time listing-due-icon"
+                          className="bp6-icon bp6-icon-time listing-due-icon"
                         >
                           <svg
                             data-icon="time"
@@ -721,7 +721,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         onClick={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-minimal"
+                          className="bp6-button bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -731,7 +731,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-edit"
+                            className="bp6-icon bp6-icon-edit"
                           >
                             <svg
                               data-icon="edit"
@@ -747,7 +747,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span
                               data-testid="Assessment-Attempt-Button"
@@ -770,7 +770,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
           </div>
         </div>
         <button
-          className="bp5-button bp5-minimal collapse-button"
+          className="bp6-button bp6-minimal collapse-button"
           disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
@@ -779,7 +779,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-caret-right"
+            className="bp6-icon bp6-icon-caret-right"
           >
             <svg
               data-icon="caret-right"
@@ -795,13 +795,13 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
             </svg>
           </span>
           <span
-            className="bp5-button-text"
+            className="bp6-button-text"
           >
             Closed
           </span>
         </button>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -812,7 +812,7 @@ exports[`Assessment page does not show attempt Button for upcoming assessments f
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -838,13 +838,13 @@ exports[`Assessment page with 0 missions renders correctly 1`] = `
       className="col-md-10 col-xs-11 contentdisplay-content-parent"
     >
       <div
-        className="contentdisplay-content bp5-card bp5-elevation-3"
+        className="contentdisplay-content bp6-card bp6-elevation-3"
       >
         <div
-          className="bp5-non-ideal-state bp5-non-ideal-state-vertical"
+          className="bp6-non-ideal-state bp6-non-ideal-state-vertical"
         >
           <div
-            className="bp5-non-ideal-state-visual"
+            className="bp6-non-ideal-state-visual"
             style={
               {
                 "fontSize": "48px",
@@ -854,7 +854,7 @@ exports[`Assessment page with 0 missions renders correctly 1`] = `
           >
             <span
               aria-hidden={true}
-              className="bp5-icon bp5-icon-flame bp5-icon-muted"
+              className="bp6-icon bp6-icon-flame bp6-icon-muted"
               tabIndex={-1}
             >
               <svg
@@ -872,10 +872,10 @@ exports[`Assessment page with 0 missions renders correctly 1`] = `
             </span>
           </div>
           <div
-            className="bp5-non-ideal-state-text"
+            className="bp6-non-ideal-state-text"
           >
             <h4
-              className="bp5-heading"
+              className="bp6-heading"
             >
               There are no assessments.
             </h4>
@@ -898,10 +898,10 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
       className="col-md-10 col-xs-11 contentdisplay-content-parent"
     >
       <div
-        className="contentdisplay-content bp5-card bp5-elevation-3"
+        className="contentdisplay-content bp6-card bp6-elevation-3"
       >
         <button
-          className="bp5-button bp5-minimal collapse-button"
+          className="bp6-button bp6-minimal collapse-button"
           disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
@@ -910,7 +910,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-caret-down"
+            className="bp6-icon bp6-icon-caret-down"
           >
             <svg
               data-icon="caret-down"
@@ -926,13 +926,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-button-text"
+            className="bp6-button-text"
           >
             Upcoming
           </span>
         </button>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": "auto",
@@ -943,7 +943,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
         >
           <div
             aria-hidden={false}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(0)",
@@ -953,7 +953,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
           >
             <div>
               <div
-                className="row listing bp5-card bp5-elevation-1"
+                className="row listing bp6-card bp6-elevation-1"
               >
                 <div
                   className="listing-picture col-xs-3"
@@ -971,10 +971,10 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-header"
                   >
                     <div
-                      className="bp5-text-overflow-ellipsis"
+                      className="bp6-text-overflow-ellipsis"
                     >
                       <h4
-                        className="bp5-heading listing-title"
+                        className="bp6-heading listing-title"
                       >
                         An Odessey to Runes (Duplicate)
                       </h4>
@@ -983,7 +983,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       className="listing-button"
                     >
                       <span
-                        className="bp5-popover-target"
+                        className="bp6-popover-target"
                         onBlur={[Function]}
                         onContextMenu={[Function]}
                         onFocus={[Function]}
@@ -991,7 +991,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         onMouseLeave={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-disabled bp5-minimal"
+                          className="bp6-button bp6-disabled bp6-minimal"
                           disabled={true}
                           onBlur={[Function]}
                           onKeyDown={[Function]}
@@ -1001,7 +1001,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-confirm"
+                            className="bp6-icon bp6-icon-confirm"
                           >
                             <svg
                               data-icon="confirm"
@@ -1017,7 +1017,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span>
                               Finalize
@@ -1036,7 +1036,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="_listing-xp_6fa7d2"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                       Max XP: 1000
                     </h6>
@@ -1045,7 +1045,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-description"
                   >
                     <div
-                      className="md bp5-running-text"
+                      className="md bp6-running-text"
                       dangerouslySetInnerHTML={
                         {
                           "__html": "<p>This is a test for the UI of the unopened assessment overview. It links to the mock Mission 0</p>",
@@ -1055,7 +1055,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                   </div>
                   <div>
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                        This is an individual assessment. 
                     </h6>
@@ -1069,7 +1069,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-calendar listing-due-icon"
+                          className="bp6-icon bp6-icon-calendar listing-due-icon"
                         >
                           <svg
                             data-icon="calendar"
@@ -1097,7 +1097,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         onClick={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-minimal"
+                          className="bp6-button bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -1107,7 +1107,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-play"
+                            className="bp6-icon bp6-icon-play"
                           >
                             <svg
                               data-icon="play"
@@ -1123,7 +1123,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span
                               data-testid="Assessment-Attempt-Button"
@@ -1144,7 +1144,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
           </div>
         </div>
         <button
-          className="bp5-button bp5-minimal collapse-button"
+          className="bp6-button bp6-minimal collapse-button"
           disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
@@ -1153,7 +1153,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-caret-down"
+            className="bp6-icon bp6-icon-caret-down"
           >
             <svg
               data-icon="caret-down"
@@ -1169,13 +1169,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-button-text"
+            className="bp6-button-text"
           >
             Open
           </span>
         </button>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": "auto",
@@ -1186,7 +1186,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
         >
           <div
             aria-hidden={false}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(0)",
@@ -1196,7 +1196,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
           >
             <div>
               <div
-                className="row listing bp5-card bp5-elevation-1"
+                className="row listing bp6-card bp6-elevation-1"
               >
                 <div
                   className="listing-picture col-xs-3"
@@ -1214,10 +1214,10 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-header"
                   >
                     <div
-                      className="bp5-text-overflow-ellipsis"
+                      className="bp6-text-overflow-ellipsis"
                     >
                       <h4
-                        className="bp5-heading listing-title"
+                        className="bp6-heading listing-title"
                       >
                         The Secret to Streams
                       </h4>
@@ -1226,7 +1226,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       className="listing-button"
                     >
                       <span
-                        className="bp5-popover-target"
+                        className="bp6-popover-target"
                         onBlur={[Function]}
                         onContextMenu={[Function]}
                         onFocus={[Function]}
@@ -1234,7 +1234,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         onMouseLeave={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-disabled bp5-minimal"
+                          className="bp6-button bp6-disabled bp6-minimal"
                           disabled={true}
                           onBlur={[Function]}
                           onKeyDown={[Function]}
@@ -1244,7 +1244,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-confirm"
+                            className="bp6-icon bp6-icon-confirm"
                           >
                             <svg
                               data-icon="confirm"
@@ -1260,7 +1260,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span>
                               Finalize
@@ -1279,7 +1279,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="_listing-xp_6fa7d2"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                       Max XP: 1000
                     </h6>
@@ -1288,7 +1288,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-description"
                   >
                     <div
-                      className="md bp5-running-text"
+                      className="md bp6-running-text"
                       dangerouslySetInnerHTML={
                         {
                           "__html": "<p>Once upon a time, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec vulputate sapien. Fusce vel lacus fermentum, efficitur ipsum.</p>",
@@ -1298,7 +1298,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                   </div>
                   <div>
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                        This is an individual assessment. 
                     </h6>
@@ -1312,7 +1312,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-calendar listing-due-icon"
+                          className="bp6-icon bp6-icon-calendar listing-due-icon"
                         >
                           <svg
                             data-icon="calendar"
@@ -1334,7 +1334,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-time listing-due-icon"
+                          className="bp6-icon bp6-icon-time listing-due-icon"
                         >
                           <svg
                             data-icon="time"
@@ -1362,7 +1362,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         onClick={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-minimal"
+                          className="bp6-button bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -1372,7 +1372,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-play"
+                            className="bp6-icon bp6-icon-play"
                           >
                             <svg
                               data-icon="play"
@@ -1388,7 +1388,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span
                               data-testid="Assessment-Attempt-Button"
@@ -1410,7 +1410,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
             </div>
             <div>
               <div
-                className="row listing bp5-card bp5-elevation-1"
+                className="row listing bp6-card bp6-elevation-1"
               >
                 <div
                   className="listing-picture col-xs-3"
@@ -1428,10 +1428,10 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-header"
                   >
                     <div
-                      className="bp5-text-overflow-ellipsis"
+                      className="bp6-text-overflow-ellipsis"
                     >
                       <h4
-                        className="bp5-heading listing-title"
+                        className="bp6-heading listing-title"
                       >
                         An Odessey to Runes
                       </h4>
@@ -1440,7 +1440,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       className="listing-button"
                     >
                       <span
-                        className="bp5-popover-target"
+                        className="bp6-popover-target"
                         onBlur={[Function]}
                         onContextMenu={[Function]}
                         onFocus={[Function]}
@@ -1448,7 +1448,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         onMouseLeave={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-intent-danger bp5-minimal"
+                          className="bp6-button bp6-intent-danger bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -1458,7 +1458,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-confirm"
+                            className="bp6-icon bp6-icon-confirm"
                           >
                             <svg
                               data-icon="confirm"
@@ -1474,7 +1474,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span>
                               Finalize
@@ -1493,7 +1493,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="_listing-xp_6fa7d2"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                       Max XP: 1000
                     </h6>
@@ -1502,7 +1502,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-description"
                   >
                     <div
-                      className="md bp5-running-text"
+                      className="md bp6-running-text"
                       dangerouslySetInnerHTML={
                         {
                           "__html": "<p><em>Lorem ipsum</em> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
@@ -1521,7 +1521,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                     className="listing-team_information"
                   >
                     <h6
-                      className="bp5-heading"
+                      className="bp6-heading"
                     >
                        This is a team assessment. 
                     </h6>
@@ -1535,7 +1535,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-calendar listing-due-icon"
+                          className="bp6-icon bp6-icon-calendar listing-due-icon"
                         >
                           <svg
                             data-icon="calendar"
@@ -1557,7 +1557,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                       >
                         <span
                           aria-hidden={true}
-                          className="bp5-icon bp5-icon-time listing-due-icon"
+                          className="bp6-icon bp6-icon-time listing-due-icon"
                         >
                           <svg
                             data-icon="time"
@@ -1585,7 +1585,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         onClick={[Function]}
                       >
                         <button
-                          className="bp5-button bp5-minimal"
+                          className="bp6-button bp6-minimal"
                           disabled={false}
                           onBlur={[Function]}
                           onClick={[Function]}
@@ -1595,7 +1595,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                         >
                           <span
                             aria-hidden={true}
-                            className="bp5-icon bp5-icon-edit"
+                            className="bp6-icon bp6-icon-edit"
                           >
                             <svg
                               data-icon="edit"
@@ -1611,7 +1611,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
                             </svg>
                           </span>
                           <span
-                            className="bp5-button-text"
+                            className="bp6-button-text"
                           >
                             <span
                               data-testid="Assessment-Attempt-Button"
@@ -1634,7 +1634,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
           </div>
         </div>
         <button
-          className="bp5-button bp5-minimal collapse-button"
+          className="bp6-button bp6-minimal collapse-button"
           disabled={false}
           onBlur={[Function]}
           onClick={[Function]}
@@ -1643,7 +1643,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-caret-right"
+            className="bp6-icon bp6-icon-caret-right"
           >
             <svg
               data-icon="caret-right"
@@ -1659,13 +1659,13 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-button-text"
+            className="bp6-button-text"
           >
             Closed
           </span>
         </button>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -1676,7 +1676,7 @@ exports[`Assessment page with multiple loaded missions renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
diff --git a/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.test.tsx.snap b/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.test.tsx.snap
index 43e2f7505d..fdbedb13ae 100644
--- a/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.test.tsx.snap
+++ b/src/commons/assessmentWorkspace/__tests__/__snapshots__/AssessmentWorkspace.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`AssessmentWorkspace > AssessmentWorkspace page "loading" content renders correctly 1`] = `
 <div
-  className="bp5-non-ideal-state bp5-non-ideal-state-vertical WorkspaceParent bp5-dark"
+  className="bp6-non-ideal-state bp6-non-ideal-state-vertical WorkspaceParent bp6-dark"
 >
   <div
-    className="bp5-non-ideal-state-visual"
+    className="bp6-non-ideal-state-visual"
     style={
       {
         "fontSize": "48px",
@@ -17,11 +17,11 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page "loading" content render
       aria-label="loading"
       aria-valuemax={100}
       aria-valuemin={0}
-      className="bp5-spinner"
+      className="bp6-spinner"
       role="progressbar"
     >
       <div
-        className="bp5-spinner-animation"
+        className="bp6-spinner-animation"
       >
         <svg
           height={100}
@@ -30,11 +30,11 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page "loading" content render
           width={100}
         >
           <path
-            className="bp5-spinner-track"
+            className="bp6-spinner-track"
             d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
           />
           <path
-            className="bp5-spinner-head"
+            className="bp6-spinner-head"
             d="M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
             pathLength={280}
             strokeDasharray="280 280"
@@ -45,7 +45,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page "loading" content render
     </div>
   </div>
   <div
-    className="bp5-non-ideal-state-text"
+    className="bp6-non-ideal-state-text"
   >
     <div>
       Getting mission ready...
@@ -57,7 +57,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page "loading" content render
 exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting question renders correctly 1`] = `
 <div>
   <div
-    class="WorkspaceParent bp5-dark"
+    class="WorkspaceParent bp6-dark"
   >
     <div
       class="workspace"
@@ -66,17 +66,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -92,18 +92,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
             </button>
           </span>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-repeat"
+              class="bp6-icon bp6-icon-repeat"
             >
               <svg
                 data-icon="repeat"
@@ -119,7 +119,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Reset
             </span>
@@ -129,17 +129,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
             aria-disabled="true"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-disabled bp5-minimal"
+              class="bp6-button bp6-disabled bp6-minimal"
               disabled=""
               tabindex="-1"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §1
               </span>
@@ -147,32 +147,32 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
           </div>
         </div>
         <div
-          class="ControlBar_flow bp5-button-group"
+          class="ControlBar_flow bp6-button-group"
         >
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Question 1 of 1  
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Return to Academy
             </span>
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-arrow-right"
+              class="bp6-icon bp6-icon-arrow-right"
             >
               <svg
                 data-icon="arrow-right"
@@ -190,7 +190,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
           </button>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -218,7 +218,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
               class="editor-container"
             >
               <div
-                class="Editor bp5-card bp5-elevation-0"
+                class="Editor bp6-card bp6-elevation-0"
               >
                 <div
                   class="row editor-react-ace"
@@ -342,16 +342,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -376,39 +376,39 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_question_overview"
+                          aria-controls="bp6-tab-panel_side-content-tabs_question_overview"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="question_overview"
-                          id="bp5-tab-title_side-content-tabs_question_overview"
+                          id="bp6-tab-title_side-content-tabs_question_overview"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -416,7 +416,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-ninja"
+                                class="bp6-icon bp6-icon-ninja"
                               >
                                 <svg
                                   data-icon="ninja"
@@ -435,18 +435,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_briefing"
+                          aria-controls="bp6-tab-panel_side-content-tabs_briefing"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="briefing"
-                          id="bp5-tab-title_side-content-tabs_briefing"
+                          id="bp6-tab-title_side-content-tabs_briefing"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -454,7 +454,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-briefcase"
+                                class="bp6-icon bp6-icon-briefcase"
                               >
                                 <svg
                                   data-icon="briefcase"
@@ -473,18 +473,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_contest_voting"
+                          aria-controls="bp6-tab-panel_side-content-tabs_contest_voting"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="contest_voting"
-                          id="bp5-tab-title_side-content-tabs_contest_voting"
+                          id="bp6-tab-title_side-content-tabs_contest_voting"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -492,7 +492,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-new-layers"
+                                class="bp6-icon bp6-icon-new-layers"
                               >
                                 <svg
                                   data-icon="new-layers"
@@ -513,16 +513,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_question_overview"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_question_overview"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_question_overview"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_question_overview"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               Sample Contest Voting Question
@@ -532,16 +532,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_briefing"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_briefing"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_briefing"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_briefing"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               Vote for your favourite contest entries here!
@@ -551,9 +551,9 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_contest_voting"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_contest_voting"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_contest_voting"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_contest_voting"
                         role="tabpanel"
                       >
                         <div
@@ -563,12 +563,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                             class="ContestEntryVoting"
                           >
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                               type="button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -584,17 +584,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 <span>
                                   Contest Voting
                                 </span>
                                 <span
-                                  class="bp5-popover-target"
+                                  class="bp6-popover-target"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-help"
+                                    class="bp6-icon bp6-icon-help"
                                     tabindex="0"
                                   >
                                     <svg
@@ -614,12 +614,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -712,10 +712,10 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                                         id="item-1"
                                       >
                                         <div
-                                          class="bp5-interactive bp5-card bp5-elevation-1"
+                                          class="bp6-interactive bp6-card bp6-elevation-1"
                                         >
                                           <pre
-                                            class="bp5-code-block contestentry-entryid"
+                                            class="bp6-code-block contestentry-entryid"
                                           >
                                             1
                                           </pre>
@@ -728,10 +728,10 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                                         id="item-2"
                                       >
                                         <div
-                                          class="bp5-interactive bp5-card bp5-elevation-1"
+                                          class="bp6-interactive bp6-card bp6-elevation-1"
                                         >
                                           <pre
-                                            class="bp5-code-block contestentry-entryid"
+                                            class="bp6-code-block contestentry-entryid"
                                           >
                                             2
                                           </pre>
@@ -765,7 +765,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -870,17 +870,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -896,18 +896,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -923,7 +923,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
@@ -944,7 +944,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with ContestVoting quest
 exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question renders correctly 1`] = `
 <div>
   <div
-    class="WorkspaceParent bp5-dark"
+    class="WorkspaceParent bp6-dark"
   >
     <div
       class="workspace"
@@ -953,17 +953,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -979,7 +979,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
@@ -990,17 +990,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
             aria-disabled="true"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-disabled bp5-minimal"
+              class="bp6-button bp6-disabled bp6-minimal"
               disabled=""
               tabindex="-1"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §1
               </span>
@@ -1008,14 +1008,14 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
           </div>
         </div>
         <div
-          class="ControlBar_flow bp5-button-group"
+          class="ControlBar_flow bp6-button-group"
         >
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-arrow-left"
+              class="bp6-icon bp6-icon-arrow-left"
             >
               <svg
                 data-icon="arrow-left"
@@ -1031,35 +1031,35 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Previous
             </span>
           </button>
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Question 3 of 5  
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Next
             </span>
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-arrow-right"
+              class="bp6-icon bp6-icon-arrow-right"
             >
               <svg
                 data-icon="arrow-right"
@@ -1077,7 +1077,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
           </button>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -1106,20 +1106,20 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
               data-testid="MCQChooser"
             >
               <div
-                class="mcq-content-parent col-xs-12 middle-xs bp5-card bp5-elevation-0"
+                class="mcq-content-parent col-xs-12 middle-xs bp6-card bp6-elevation-0"
               >
                 <div
                   class="row mcq-options-parent between-xs"
                 >
                   <button
-                    class="bp5-button bp5-minimal mcq-option col-xs-12"
+                    class="bp6-button bp6-minimal mcq-option col-xs-12"
                     type="button"
                   >
                     <span
-                      class="bp5-button-text"
+                      class="bp6-button-text"
                     >
                       <div
-                        class="md bp5-running-text"
+                        class="md bp6-running-text"
                       >
                         <p>
                           <strong>
@@ -1134,14 +1134,14 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                     </span>
                   </button>
                   <button
-                    class="bp5-button bp5-minimal mcq-option col-xs-12"
+                    class="bp6-button bp6-minimal mcq-option col-xs-12"
                     type="button"
                   >
                     <span
-                      class="bp5-button-text"
+                      class="bp6-button-text"
                     >
                       <div
-                        class="md bp5-running-text"
+                        class="md bp6-running-text"
                       >
                         <h3
                           id="b"
@@ -1152,14 +1152,14 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                     </span>
                   </button>
                   <button
-                    class="bp5-button bp5-minimal mcq-option col-xs-12"
+                    class="bp6-button bp6-minimal mcq-option col-xs-12"
                     type="button"
                   >
                     <span
-                      class="bp5-button-text"
+                      class="bp6-button-text"
                     >
                       <div
-                        class="md bp5-running-text"
+                        class="md bp6-running-text"
                       >
                         <p>
                           C
@@ -1168,14 +1168,14 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                     </span>
                   </button>
                   <button
-                    class="bp5-button bp5-active bp5-intent-danger bp5-minimal mcq-option col-xs-12"
+                    class="bp6-button bp6-active bp6-intent-danger bp6-minimal mcq-option col-xs-12"
                     type="button"
                   >
                     <span
-                      class="bp5-button-text"
+                      class="bp6-button-text"
                     >
                       <div
-                        class="md bp5-running-text"
+                        class="md bp6-running-text"
                       >
                         <p>
                           D
@@ -1196,16 +1196,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -1230,39 +1230,39 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_question_overview"
+                          aria-controls="bp6-tab-panel_side-content-tabs_question_overview"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="question_overview"
-                          id="bp5-tab-title_side-content-tabs_question_overview"
+                          id="bp6-tab-title_side-content-tabs_question_overview"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -1270,7 +1270,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-ninja"
+                                class="bp6-icon bp6-icon-ninja"
                               >
                                 <svg
                                   data-icon="ninja"
@@ -1289,18 +1289,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_briefing"
+                          aria-controls="bp6-tab-panel_side-content-tabs_briefing"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="briefing"
-                          id="bp5-tab-title_side-content-tabs_briefing"
+                          id="bp6-tab-title_side-content-tabs_briefing"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -1308,7 +1308,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-briefcase"
+                                class="bp6-icon bp6-icon-briefcase"
                               >
                                 <svg
                                   data-icon="briefcase"
@@ -1327,18 +1327,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_autograder"
+                          aria-controls="bp6-tab-panel_side-content-tabs_autograder"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="autograder"
-                          id="bp5-tab-title_side-content-tabs_autograder"
+                          id="bp6-tab-title_side-content-tabs_autograder"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -1346,7 +1346,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-airplane"
+                                class="bp6-icon bp6-icon-airplane"
                               >
                                 <svg
                                   data-icon="airplane"
@@ -1367,16 +1367,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_question_overview"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_question_overview"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_question_overview"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_question_overview"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               This is the 3rd question. Oddly enough, it is an ungraded MCQ question that uses the binary tree library! Option C has a null hint!
@@ -1386,16 +1386,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_briefing"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_briefing"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_briefing"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_briefing"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="sidecontent-overview bp5-running-text"
+                            class="sidecontent-overview bp6-running-text"
                           >
                             <p>
                               This is the mission briefing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas viverra, sem scelerisque ultricies ullamcorper, sem nibh sollicitudin enim, at ultricies sem orci eget odio. Pellentesque varius et mauris quis vestibulum. Etiam in egestas dolor. Nunc consectetur, sapien sodales accumsan convallis, lectus mi tempus ipsum, vel ornare metus turpis sed justo. Vivamus at tellus sed ex convallis commodo at in lectus. Pellentesque pharetra pulvinar sapien pellentesque facilisis. Curabitur efficitur malesuada urna sed aliquam. Quisque massa metus, aliquam in sagittis non, cursus in sem. Morbi vel nunc at nunc pharetra lobortis. Aliquam feugiat ultricies ipsum vel sollicitudin. Vivamus nulla massa, hendrerit sit amet nibh quis, porttitor convallis nisi. 
@@ -1405,9 +1405,9 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_autograder"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_autograder"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_autograder"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_autograder"
                         role="tabpanel"
                       >
                         <div
@@ -1417,12 +1417,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                             class="Autograder"
                           >
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                               type="button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -1438,17 +1438,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 <span>
                                   Testcases
                                 </span>
                                 <span
-                                  class="bp5-popover-target"
+                                  class="bp6-popover-target"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-help"
+                                    class="bp6-icon bp6-icon-help"
                                     tabindex="0"
                                   >
                                     <svg
@@ -1468,12 +1468,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -1485,11 +1485,11 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                               </div>
                             </div>
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -1505,18 +1505,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 Autograder Results
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -1550,7 +1550,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -1655,17 +1655,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -1681,18 +1681,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -1708,7 +1708,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
@@ -1729,7 +1729,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with MCQ question render
 exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment renders correctly 1`] = `
 <div>
   <div
-    class="WorkspaceParent bp5-dark"
+    class="WorkspaceParent bp6-dark"
   >
     <div
       class="workspace"
@@ -1738,17 +1738,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -1764,18 +1764,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
             </button>
           </span>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-repeat"
+              class="bp6-icon bp6-icon-repeat"
             >
               <svg
                 data-icon="repeat"
@@ -1791,7 +1791,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Reset
             </span>
@@ -1801,17 +1801,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
             aria-disabled="true"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-disabled bp5-minimal"
+              class="bp6-button bp6-disabled bp6-minimal"
               disabled=""
               tabindex="-1"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §1
               </span>
@@ -1819,32 +1819,32 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
           </div>
         </div>
         <div
-          class="ControlBar_flow bp5-button-group"
+          class="ControlBar_flow bp6-button-group"
         >
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Question 1 of 5  
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Next
             </span>
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-arrow-right"
+              class="bp6-icon bp6-icon-arrow-right"
             >
               <svg
                 data-icon="arrow-right"
@@ -1862,7 +1862,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
           </button>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -1890,7 +1890,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
               class="editor-container"
             >
               <div
-                class="Editor bp5-card bp5-elevation-0"
+                class="Editor bp6-card bp6-elevation-0"
               >
                 <div
                   class="row editor-react-ace"
@@ -2014,16 +2014,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -2048,39 +2048,39 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_question_overview"
+                          aria-controls="bp6-tab-panel_side-content-tabs_question_overview"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="question_overview"
-                          id="bp5-tab-title_side-content-tabs_question_overview"
+                          id="bp6-tab-title_side-content-tabs_question_overview"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2088,7 +2088,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-ninja"
+                                class="bp6-icon bp6-icon-ninja"
                               >
                                 <svg
                                   data-icon="ninja"
@@ -2107,18 +2107,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_briefing"
+                          aria-controls="bp6-tab-panel_side-content-tabs_briefing"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="briefing"
-                          id="bp5-tab-title_side-content-tabs_briefing"
+                          id="bp6-tab-title_side-content-tabs_briefing"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2126,7 +2126,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-briefcase"
+                                class="bp6-icon bp6-icon-briefcase"
                               >
                                 <svg
                                   data-icon="briefcase"
@@ -2145,18 +2145,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_autograder"
+                          aria-controls="bp6-tab-panel_side-content-tabs_autograder"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="autograder"
-                          id="bp5-tab-title_side-content-tabs_autograder"
+                          id="bp6-tab-title_side-content-tabs_autograder"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2164,7 +2164,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-airplane"
+                                class="bp6-icon bp6-icon-airplane"
                               >
                                 <svg
                                   data-icon="airplane"
@@ -2185,16 +2185,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_question_overview"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_question_overview"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_question_overview"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_question_overview"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               This question has an id of 
@@ -2216,16 +2216,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_briefing"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_briefing"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_briefing"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_briefing"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="sidecontent-overview bp5-running-text"
+                            class="sidecontent-overview bp6-running-text"
                           >
                             <p>
                               This is the mission briefing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas viverra, sem scelerisque ultricies ullamcorper, sem nibh sollicitudin enim, at ultricies sem orci eget odio. Pellentesque varius et mauris quis vestibulum. Etiam in egestas dolor. Nunc consectetur, sapien sodales accumsan convallis, lectus mi tempus ipsum, vel ornare metus turpis sed justo. Vivamus at tellus sed ex convallis commodo at in lectus. Pellentesque pharetra pulvinar sapien pellentesque facilisis. Curabitur efficitur malesuada urna sed aliquam. Quisque massa metus, aliquam in sagittis non, cursus in sem. Morbi vel nunc at nunc pharetra lobortis. Aliquam feugiat ultricies ipsum vel sollicitudin. Vivamus nulla massa, hendrerit sit amet nibh quis, porttitor convallis nisi. 
@@ -2235,9 +2235,9 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_autograder"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_autograder"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_autograder"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_autograder"
                         role="tabpanel"
                       >
                         <div
@@ -2247,12 +2247,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                             class="Autograder"
                           >
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                               type="button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -2268,17 +2268,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 <span>
                                   Testcases
                                 </span>
                                 <span
-                                  class="bp5-popover-target"
+                                  class="bp6-popover-target"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-help"
+                                    class="bp6-icon bp6-icon-help"
                                     tabindex="0"
                                   >
                                     <svg
@@ -2298,12 +2298,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -2315,11 +2315,11 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                               </div>
                             </div>
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -2335,18 +2335,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 Autograder Results
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -2380,7 +2380,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -2485,17 +2485,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -2511,18 +2511,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -2538,7 +2538,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
@@ -2559,7 +2559,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with overdue assessment
 exports[`AssessmentWorkspace > AssessmentWorkspace page with programming question renders correctly 1`] = `
 <div>
   <div
-    class="WorkspaceParent bp5-dark"
+    class="WorkspaceParent bp6-dark"
   >
     <div
       class="workspace"
@@ -2568,17 +2568,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -2594,7 +2594,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
@@ -2602,14 +2602,14 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
           </span>
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-floppy-disk"
+              class="bp6-icon bp6-icon-floppy-disk"
             >
               <svg
                 data-icon="floppy-disk"
@@ -2625,17 +2625,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Save
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-repeat"
+              class="bp6-icon bp6-icon-repeat"
             >
               <svg
                 data-icon="repeat"
@@ -2651,7 +2651,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Reset
             </span>
@@ -2661,17 +2661,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
             aria-disabled="true"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-disabled bp5-minimal"
+              class="bp6-button bp6-disabled bp6-minimal"
               disabled=""
               tabindex="-1"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §1
               </span>
@@ -2679,32 +2679,32 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
           </div>
         </div>
         <div
-          class="ControlBar_flow bp5-button-group"
+          class="ControlBar_flow bp6-button-group"
         >
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Question 1 of 5  
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Next
             </span>
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-arrow-right"
+              class="bp6-icon bp6-icon-arrow-right"
             >
               <svg
                 data-icon="arrow-right"
@@ -2722,7 +2722,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
           </button>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -2750,7 +2750,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
               class="editor-container"
             >
               <div
-                class="Editor bp5-card bp5-elevation-0"
+                class="Editor bp6-card bp6-elevation-0"
               >
                 <div
                   class="row editor-react-ace"
@@ -2874,16 +2874,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -2908,39 +2908,39 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_question_overview"
+                          aria-controls="bp6-tab-panel_side-content-tabs_question_overview"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="question_overview"
-                          id="bp5-tab-title_side-content-tabs_question_overview"
+                          id="bp6-tab-title_side-content-tabs_question_overview"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2948,7 +2948,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-ninja"
+                                class="bp6-icon bp6-icon-ninja"
                               >
                                 <svg
                                   data-icon="ninja"
@@ -2967,18 +2967,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_briefing"
+                          aria-controls="bp6-tab-panel_side-content-tabs_briefing"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="briefing"
-                          id="bp5-tab-title_side-content-tabs_briefing"
+                          id="bp6-tab-title_side-content-tabs_briefing"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2986,7 +2986,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-briefcase"
+                                class="bp6-icon bp6-icon-briefcase"
                               >
                                 <svg
                                   data-icon="briefcase"
@@ -3005,18 +3005,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_autograder"
+                          aria-controls="bp6-tab-panel_side-content-tabs_autograder"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="autograder"
-                          id="bp5-tab-title_side-content-tabs_autograder"
+                          id="bp6-tab-title_side-content-tabs_autograder"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -3024,7 +3024,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-airplane"
+                                class="bp6-icon bp6-icon-airplane"
                               >
                                 <svg
                                   data-icon="airplane"
@@ -3045,16 +3045,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_question_overview"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_question_overview"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_question_overview"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_question_overview"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               This question has an id of 
@@ -3076,16 +3076,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_briefing"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_briefing"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_briefing"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_briefing"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="sidecontent-overview bp5-running-text"
+                            class="sidecontent-overview bp6-running-text"
                           >
                             <p>
                               This is the mission briefing. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas viverra, sem scelerisque ultricies ullamcorper, sem nibh sollicitudin enim, at ultricies sem orci eget odio. Pellentesque varius et mauris quis vestibulum. Etiam in egestas dolor. Nunc consectetur, sapien sodales accumsan convallis, lectus mi tempus ipsum, vel ornare metus turpis sed justo. Vivamus at tellus sed ex convallis commodo at in lectus. Pellentesque pharetra pulvinar sapien pellentesque facilisis. Curabitur efficitur malesuada urna sed aliquam. Quisque massa metus, aliquam in sagittis non, cursus in sem. Morbi vel nunc at nunc pharetra lobortis. Aliquam feugiat ultricies ipsum vel sollicitudin. Vivamus nulla massa, hendrerit sit amet nibh quis, porttitor convallis nisi. 
@@ -3095,9 +3095,9 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_autograder"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_autograder"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_autograder"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_autograder"
                         role="tabpanel"
                       >
                         <div
@@ -3107,12 +3107,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                             class="Autograder"
                           >
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                               type="button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -3128,17 +3128,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 <span>
                                   Testcases
                                 </span>
                                 <span
-                                  class="bp5-popover-target"
+                                  class="bp6-popover-target"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-help"
+                                    class="bp6-icon bp6-icon-help"
                                     tabindex="0"
                                   >
                                     <svg
@@ -3158,12 +3158,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -3175,11 +3175,11 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                               </div>
                             </div>
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -3195,18 +3195,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 Autograder Results
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -3240,7 +3240,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -3345,17 +3345,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -3371,18 +3371,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -3398,7 +3398,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
@@ -3419,7 +3419,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace page with programming questio
 exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly if the question has been graded 1`] = `
 <div>
   <div
-    class="WorkspaceParent bp5-dark"
+    class="WorkspaceParent bp6-dark"
   >
     <div
       class="workspace"
@@ -3428,17 +3428,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -3454,7 +3454,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
@@ -3462,14 +3462,14 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
           </span>
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-floppy-disk"
+              class="bp6-icon bp6-icon-floppy-disk"
             >
               <svg
                 data-icon="floppy-disk"
@@ -3485,17 +3485,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Save
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-repeat"
+              class="bp6-icon bp6-icon-repeat"
             >
               <svg
                 data-icon="repeat"
@@ -3511,7 +3511,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
               </svg>
             </span>
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Reset
             </span>
@@ -3521,17 +3521,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
             aria-disabled="true"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-disabled bp5-minimal"
+              class="bp6-button bp6-disabled bp6-minimal"
               disabled=""
               tabindex="-1"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §1
               </span>
@@ -3539,32 +3539,32 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
           </div>
         </div>
         <div
-          class="ControlBar_flow bp5-button-group"
+          class="ControlBar_flow bp6-button-group"
         >
           <a
             aria-disabled="true"
-            class="bp5-button bp5-disabled bp5-minimal"
+            class="bp6-button bp6-disabled bp6-minimal"
             disabled=""
             role="button"
             tabindex="-1"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Question 1 of 2  
             </span>
           </a>
           <button
-            class="bp5-button bp5-minimal"
+            class="bp6-button bp6-minimal"
           >
             <span
-              class="bp5-button-text"
+              class="bp6-button-text"
             >
               Next
             </span>
             <span
               aria-hidden="true"
-              class="bp5-icon bp5-icon-arrow-right"
+              class="bp6-icon bp6-icon-arrow-right"
             >
               <svg
                 data-icon="arrow-right"
@@ -3582,7 +3582,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
           </button>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -3610,7 +3610,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
               class="editor-container"
             >
               <div
-                class="Editor bp5-card bp5-elevation-0"
+                class="Editor bp6-card bp6-elevation-0"
               >
                 <div
                   class="row editor-react-ace"
@@ -3734,16 +3734,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -3768,39 +3768,39 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_question_overview"
+                          aria-controls="bp6-tab-panel_side-content-tabs_question_overview"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="question_overview"
-                          id="bp5-tab-title_side-content-tabs_question_overview"
+                          id="bp6-tab-title_side-content-tabs_question_overview"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -3808,7 +3808,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-ninja"
+                                class="bp6-icon bp6-icon-ninja"
                               >
                                 <svg
                                   data-icon="ninja"
@@ -3827,18 +3827,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_briefing"
+                          aria-controls="bp6-tab-panel_side-content-tabs_briefing"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="briefing"
-                          id="bp5-tab-title_side-content-tabs_briefing"
+                          id="bp6-tab-title_side-content-tabs_briefing"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -3846,7 +3846,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-briefcase"
+                                class="bp6-icon bp6-icon-briefcase"
                               >
                                 <svg
                                   data-icon="briefcase"
@@ -3865,18 +3865,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_autograder"
+                          aria-controls="bp6-tab-panel_side-content-tabs_autograder"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="autograder"
-                          id="bp5-tab-title_side-content-tabs_autograder"
+                          id="bp6-tab-title_side-content-tabs_autograder"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -3884,7 +3884,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-airplane"
+                                class="bp6-icon bp6-icon-airplane"
                               >
                                 <svg
                                   data-icon="airplane"
@@ -3903,18 +3903,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_grading"
+                          aria-controls="bp6-tab-panel_side-content-tabs_grading"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="grading"
-                          id="bp5-tab-title_side-content-tabs_grading"
+                          id="bp6-tab-title_side-content-tabs_grading"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -3922,7 +3922,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-tick"
+                                class="bp6-icon bp6-icon-tick"
                               >
                                 <svg
                                   data-icon="tick"
@@ -3943,16 +3943,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_question_overview"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_question_overview"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_question_overview"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_question_overview"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               You can see autograding results!!!
@@ -3962,16 +3962,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_briefing"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_briefing"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_briefing"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_briefing"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="sidecontent-overview bp5-running-text"
+                            class="sidecontent-overview bp6-running-text"
                           >
                             <p>
                               This is the closed mission briefing. The save button should not be there. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas viverra, sem scelerisque ultricies ullamcorper, sem nibh sollicitudin enim, at ultricies sem orci eget odio. Pellentesque varius et mauris quis vestibulum. Etiam in egestas dolor. Nunc consectetur, sapien sodales accumsan convallis, lectus mi tempus ipsum, vel ornare metus turpis sed justo. Vivamus at tellus sed ex convallis commodo at in lectus. Pellentesque pharetra pulvinar sapien pellentesque facilisis. Curabitur efficitur malesuada urna sed aliquam. Quisque massa metus, aliquam in sagittis non, cursus in sem. Morbi vel nunc at nunc pharetra lobortis. Aliquam feugiat ultricies ipsum vel sollicitudin. Vivamus nulla massa, hendrerit sit amet nibh quis, porttitor convallis nisi. 
@@ -3981,9 +3981,9 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_autograder"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_autograder"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_autograder"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_autograder"
                         role="tabpanel"
                       >
                         <div
@@ -3993,12 +3993,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                             class="Autograder"
                           >
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                               type="button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -4014,17 +4014,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 <span>
                                   Testcases
                                 </span>
                                 <span
-                                  class="bp5-popover-target"
+                                  class="bp6-popover-target"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-help"
+                                    class="bp6-icon bp6-icon-help"
                                     tabindex="0"
                                   >
                                     <svg
@@ -4044,12 +4044,12 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -4061,11 +4061,11 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                               </div>
                             </div>
                             <button
-                              class="bp5-button bp5-minimal collapse-button"
+                              class="bp6-button bp6-minimal collapse-button"
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-caret-down"
+                                class="bp6-icon bp6-icon-caret-down"
                               >
                                 <svg
                                   data-icon="caret-down"
@@ -4081,18 +4081,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                                 </svg>
                               </span>
                               <span
-                                class="bp5-button-text"
+                                class="bp6-button-text"
                               >
                                 Autograder Results
                               </span>
                             </button>
                             <div
-                              class="bp5-collapse"
+                              class="bp6-collapse"
                               style="height: auto; overflow-y: visible; transition: none;"
                             >
                               <div
                                 aria-hidden="false"
-                                class="bp5-collapse-body"
+                                class="bp6-collapse-body"
                                 style="transform: translateY(0); transition: none;"
                               >
                                 <div
@@ -4108,9 +4108,9 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_grading"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_grading"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_grading"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_grading"
                         role="tabpanel"
                       >
                         <div
@@ -4123,7 +4123,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                               class="grading-result-table"
                             >
                               <table
-                                class="bp5-html-table"
+                                class="bp6-html-table"
                               >
                                 <tbody>
                                   <tr>
@@ -4149,16 +4149,16 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                                 </tbody>
                               </table>
                               <table
-                                class="bp5-html-table"
+                                class="bp6-html-table"
                               >
                                 <tbody>
                                   <tr>
                                     <td>
                                       <div
-                                        class="bp5-divider"
+                                        class="bp6-divider"
                                       />
                                       <div
-                                        class="md bp5-running-text"
+                                        class="md bp6-running-text"
                                       >
                                         <p>
                                           Good job. You are awarded the full marks!
@@ -4272,7 +4272,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                                         </p>
                                       </div>
                                       <div
-                                        class="bp5-divider"
+                                        class="bp6-divider"
                                       />
                                     </td>
                                   </tr>
@@ -4317,7 +4317,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -4422,17 +4422,17 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -4448,18 +4448,18 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -4475,7 +4475,7 @@ exports[`AssessmentWorkspace > AssessmentWorkspace renders Grading tab correctly
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
diff --git a/src/commons/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap b/src/commons/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
index 0a81448b38..1a6c827952 100644
--- a/src/commons/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
+++ b/src/commons/dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
@@ -2,12 +2,12 @@
 
 exports[`Dropdown correctly mounts Profile, DropdownCourses, and DropdownCreateCourses components when a user is logged in 1`] = `
 <span
-  className="bp5-popover-target"
+  className="bp6-popover-target"
   onClick={[Function]}
   onKeyDown={[Function]}
 >
   <button
-    className="bp5-button bp5-minimal"
+    className="bp6-button bp6-minimal"
     disabled={false}
     onBlur={[Function]}
     onKeyDown={[Function]}
@@ -15,7 +15,7 @@ exports[`Dropdown correctly mounts Profile, DropdownCourses, and DropdownCreateC
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-caret-down"
+      className="bp6-icon bp6-icon-caret-down"
     >
       <svg
         data-icon="caret-down"
@@ -36,12 +36,12 @@ exports[`Dropdown correctly mounts Profile, DropdownCourses, and DropdownCreateC
 
 exports[`Dropdown does not mount Profile, DropdownCourses and DropdownCreateCourses components when a user is not logged in 1`] = `
 <span
-  className="bp5-popover-target"
+  className="bp6-popover-target"
   onClick={[Function]}
   onKeyDown={[Function]}
 >
   <button
-    className="bp5-button bp5-minimal"
+    className="bp6-button bp6-minimal"
     disabled={false}
     onBlur={[Function]}
     onKeyDown={[Function]}
@@ -49,7 +49,7 @@ exports[`Dropdown does not mount Profile, DropdownCourses and DropdownCreateCour
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-caret-down"
+      className="bp6-icon bp6-icon-caret-down"
     >
       <svg
         data-icon="caret-down"
diff --git a/src/commons/editingOverviewCard/EditingOverviewCard.tsx b/src/commons/editingOverviewCard/EditingOverviewCard.tsx
index 5b3999734a..11ce47ef69 100644
--- a/src/commons/editingOverviewCard/EditingOverviewCard.tsx
+++ b/src/commons/editingOverviewCard/EditingOverviewCard.tsx
@@ -113,7 +113,7 @@ export const EditingOverviewCard: React.FC<EditingOverviewCardProps> = props =>
           </div>
           <div className="listing-controls">
             <Text className="listing-due-date">
-              <Icon className="listing-due-icon" iconSize={12} icon={IconNames.TIME} />
+              <Icon className="listing-due-icon" size={12} icon={IconNames.TIME} />
               <div className="date-container">Opens at:&nbsp;</div>
               <div className="date-container" onClick={toggleEditField('openAt')}>
                 {editingOverviewField === 'openAt'
diff --git a/src/commons/mobileWorkspace/mobileSideContent/MobileSideContent.tsx b/src/commons/mobileWorkspace/mobileSideContent/MobileSideContent.tsx
index cabad39bac..08646a28c5 100644
--- a/src/commons/mobileWorkspace/mobileSideContent/MobileSideContent.tsx
+++ b/src/commons/mobileWorkspace/mobileSideContent/MobileSideContent.tsx
@@ -37,7 +37,7 @@ const renderTab = (tab: SideContentTab, isIOS: boolean) => {
       }}
     >
       <div className="side-content-tooltip" id={generateIconId(tabId)}>
-        <Icon icon={tab.iconName} iconSize={iconSize} />
+        <Icon icon={tab.iconName} size={iconSize} />
       </div>
     </Tooltip>
   );
diff --git a/src/commons/navigationBar/__tests__/__snapshots__/NavigationBar.test.tsx.snap b/src/commons/navigationBar/__tests__/__snapshots__/NavigationBar.test.tsx.snap
index 8d8cbaa109..7628b8a48b 100644
--- a/src/commons/navigationBar/__tests__/__snapshots__/NavigationBar.test.tsx.snap
+++ b/src/commons/navigationBar/__tests__/__snapshots__/NavigationBar.test.tsx.snap
@@ -2,19 +2,19 @@
 
 exports[`NavigationBar > Renders "Not logged in" correctly 1`] = `
 <React.Fragment>
-  <Blueprint5.Navbar
-    className="NavigationBar primary-navbar _primary-navbar_d292d6 bp5-dark"
+  <Blueprint6.Navbar
+    className="NavigationBar primary-navbar _primary-navbar_d292d6 bp6-dark"
   >
-    <Blueprint5.NavbarGroup
+    <Blueprint6.NavbarGroup
       align="left"
     >
-      <Blueprint5.Popover
+      <Blueprint6.Popover
         boundary="clippingParents"
         captureDismiss={false}
         content={
-          <Blueprint5.Navbar>
-            <Blueprint5.NavbarGroup />
-          </Blueprint5.Navbar>
+          <Blueprint6.Navbar>
+            <Blueprint6.NavbarGroup />
+          </Blueprint6.Navbar>
         }
         defaultIsOpen={false}
         disabled={true}
@@ -39,18 +39,18 @@ exports[`NavigationBar > Renders "Not logged in" correctly 1`] = `
           className="NavigationBar__link"
           to="/welcome"
         >
-          <Blueprint5.NavbarHeading>
-            <Blueprint5.Button
+          <Blueprint6.NavbarHeading>
+            <Blueprint6.Button
               active={true}
               className="app-title"
               icon="symbol-diamond"
               minimal={true}
             >
               Source Academy @ NUS
-            </Blueprint5.Button>
-          </Blueprint5.NavbarHeading>
+            </Blueprint6.Button>
+          </Blueprint6.NavbarHeading>
         </NavLink>
-      </Blueprint5.Popover>
+      </Blueprint6.Popover>
       <DesktopNavLink
         disabled={true}
         icon="music"
@@ -87,8 +87,8 @@ exports[`NavigationBar > Renders "Not logged in" correctly 1`] = `
         text="Leaderboard"
         to="/courses/undefined/leaderboard"
       />
-    </Blueprint5.NavbarGroup>
-    <Blueprint5.NavbarGroup
+    </Blueprint6.NavbarGroup>
+    <Blueprint6.NavbarGroup
       align="right"
     >
       <NavigationBarLangSelectButton />
@@ -96,27 +96,27 @@ exports[`NavigationBar > Renders "Not logged in" correctly 1`] = `
         className={[Function]}
         to="/contributors"
       >
-        <Blueprint5.Icon
+        <Blueprint6.Icon
           icon="heart"
         />
       </NavLink>
       <div
         className="visible-xs"
       >
-        <Blueprint5.NavbarDivider
+        <Blueprint6.NavbarDivider
           className="thin-divider"
         />
       </div>
       <div
         className="hidden-xs"
       >
-        <Blueprint5.NavbarDivider
+        <Blueprint6.NavbarDivider
           className="default-divider"
         />
       </div>
       <Dropdown />
-    </Blueprint5.NavbarGroup>
-  </Blueprint5.Navbar>
+    </Blueprint6.NavbarGroup>
+  </Blueprint6.Navbar>
   <Routes>
     <Route
       element={null}
@@ -152,18 +152,18 @@ exports[`NavigationBar > Renders "Not logged in" correctly 1`] = `
 
 exports[`NavigationBar > Renders correctly for student with course 1`] = `
 <React.Fragment>
-  <Blueprint5.Navbar
-    className="NavigationBar primary-navbar _primary-navbar_d292d6 bp5-dark"
+  <Blueprint6.Navbar
+    className="NavigationBar primary-navbar _primary-navbar_d292d6 bp6-dark"
   >
-    <Blueprint5.NavbarGroup
+    <Blueprint6.NavbarGroup
       align="left"
     >
-      <Blueprint5.Popover
+      <Blueprint6.Popover
         boundary="clippingParents"
         captureDismiss={false}
         content={
-          <Blueprint5.Navbar>
-            <Blueprint5.NavbarGroup>
+          <Blueprint6.Navbar>
+            <Blueprint6.NavbarGroup>
               <DesktopNavLink
                 disabled={false}
                 hasNotifications={true}
@@ -229,8 +229,8 @@ exports[`NavigationBar > Renders correctly for student with course 1`] = `
                 text="Missions"
                 to="/courses/1/missions"
               />
-            </Blueprint5.NavbarGroup>
-          </Blueprint5.Navbar>
+            </Blueprint6.NavbarGroup>
+          </Blueprint6.Navbar>
         }
         defaultIsOpen={false}
         disabled={true}
@@ -255,18 +255,18 @@ exports[`NavigationBar > Renders correctly for student with course 1`] = `
           className="NavigationBar__link"
           to="/courses/1"
         >
-          <Blueprint5.NavbarHeading>
-            <Blueprint5.Button
+          <Blueprint6.NavbarHeading>
+            <Blueprint6.Button
               active={true}
               className="app-title"
               icon="symbol-diamond"
               minimal={true}
             >
               CS1101S
-            </Blueprint5.Button>
-          </Blueprint5.NavbarHeading>
+            </Blueprint6.Button>
+          </Blueprint6.NavbarHeading>
         </NavLink>
-      </Blueprint5.Popover>
+      </Blueprint6.Popover>
       <DesktopNavLink
         disabled={false}
         icon="music"
@@ -303,8 +303,8 @@ exports[`NavigationBar > Renders correctly for student with course 1`] = `
         text="Leaderboard"
         to="/courses/1/leaderboard"
       />
-    </Blueprint5.NavbarGroup>
-    <Blueprint5.NavbarGroup
+    </Blueprint6.NavbarGroup>
+    <Blueprint6.NavbarGroup
       align="right"
     >
       <NavigationBarLangSelectButton />
@@ -312,27 +312,27 @@ exports[`NavigationBar > Renders correctly for student with course 1`] = `
         className={[Function]}
         to="/contributors"
       >
-        <Blueprint5.Icon
+        <Blueprint6.Icon
           icon="heart"
         />
       </NavLink>
       <div
         className="visible-xs"
       >
-        <Blueprint5.NavbarDivider
+        <Blueprint6.NavbarDivider
           className="thin-divider"
         />
       </div>
       <div
         className="hidden-xs"
       >
-        <Blueprint5.NavbarDivider
+        <Blueprint6.NavbarDivider
           className="default-divider"
         />
       </div>
       <Dropdown />
-    </Blueprint5.NavbarGroup>
-  </Blueprint5.Navbar>
+    </Blueprint6.NavbarGroup>
+  </Blueprint6.Navbar>
   <Routes>
     <Route
       element={null}
@@ -380,19 +380,19 @@ exports[`NavigationBar > Renders correctly for student with course 1`] = `
 
 exports[`NavigationBar > Renders correctly for student without course 1`] = `
 <React.Fragment>
-  <Blueprint5.Navbar
-    className="NavigationBar primary-navbar _primary-navbar_d292d6 bp5-dark"
+  <Blueprint6.Navbar
+    className="NavigationBar primary-navbar _primary-navbar_d292d6 bp6-dark"
   >
-    <Blueprint5.NavbarGroup
+    <Blueprint6.NavbarGroup
       align="left"
     >
-      <Blueprint5.Popover
+      <Blueprint6.Popover
         boundary="clippingParents"
         captureDismiss={false}
         content={
-          <Blueprint5.Navbar>
-            <Blueprint5.NavbarGroup />
-          </Blueprint5.Navbar>
+          <Blueprint6.Navbar>
+            <Blueprint6.NavbarGroup />
+          </Blueprint6.Navbar>
         }
         defaultIsOpen={false}
         disabled={true}
@@ -417,18 +417,18 @@ exports[`NavigationBar > Renders correctly for student without course 1`] = `
           className="NavigationBar__link"
           to="/welcome"
         >
-          <Blueprint5.NavbarHeading>
-            <Blueprint5.Button
+          <Blueprint6.NavbarHeading>
+            <Blueprint6.Button
               active={true}
               className="app-title"
               icon="symbol-diamond"
               minimal={true}
             >
               Source Academy @ NUS
-            </Blueprint5.Button>
-          </Blueprint5.NavbarHeading>
+            </Blueprint6.Button>
+          </Blueprint6.NavbarHeading>
         </NavLink>
-      </Blueprint5.Popover>
+      </Blueprint6.Popover>
       <DesktopNavLink
         disabled={true}
         icon="music"
@@ -465,8 +465,8 @@ exports[`NavigationBar > Renders correctly for student without course 1`] = `
         text="Leaderboard"
         to="/courses/undefined/leaderboard"
       />
-    </Blueprint5.NavbarGroup>
-    <Blueprint5.NavbarGroup
+    </Blueprint6.NavbarGroup>
+    <Blueprint6.NavbarGroup
       align="right"
     >
       <NavigationBarLangSelectButton />
@@ -474,27 +474,27 @@ exports[`NavigationBar > Renders correctly for student without course 1`] = `
         className={[Function]}
         to="/contributors"
       >
-        <Blueprint5.Icon
+        <Blueprint6.Icon
           icon="heart"
         />
       </NavLink>
       <div
         className="visible-xs"
       >
-        <Blueprint5.NavbarDivider
+        <Blueprint6.NavbarDivider
           className="thin-divider"
         />
       </div>
       <div
         className="hidden-xs"
       >
-        <Blueprint5.NavbarDivider
+        <Blueprint6.NavbarDivider
           className="default-divider"
         />
       </div>
       <Dropdown />
-    </Blueprint5.NavbarGroup>
-  </Blueprint5.Navbar>
+    </Blueprint6.NavbarGroup>
+  </Blueprint6.Navbar>
   <Routes>
     <Route
       element={null}
diff --git a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/AcademyNavigationBar.test.tsx.snap b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/AcademyNavigationBar.test.tsx.snap
index ddea887af2..ada685c094 100644
--- a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/AcademyNavigationBar.test.tsx.snap
+++ b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/AcademyNavigationBar.test.tsx.snap
@@ -1,10 +1,10 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Grading, Team Formation and AdminPanel NavLinks do NOT render for Role.Student 1`] = `
-<Blueprint5.Navbar
+<Blueprint6.Navbar
   className="NavigationBar secondary-navbar"
 >
-  <Blueprint5.NavbarGroup
+  <Blueprint6.NavbarGroup
     align="left"
   >
     <DesktopNavLink
@@ -72,8 +72,8 @@ exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Gr
       text="Others"
       to="/courses/0/others"
     />
-  </Blueprint5.NavbarGroup>
-  <Blueprint5.NavbarGroup
+  </Blueprint6.NavbarGroup>
+  <Blueprint6.NavbarGroup
     align="right"
   >
     <DesktopNavLink
@@ -167,15 +167,15 @@ exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Gr
       text="Admin Panel"
       to="/courses/0/adminpanel"
     />
-  </Blueprint5.NavbarGroup>
-</Blueprint5.Navbar>
+  </Blueprint6.NavbarGroup>
+</Blueprint6.Navbar>
 `;
 
 exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Grading, Team Formation and AdminPanel NavLinks render for Role.Admin 1`] = `
-<Blueprint5.Navbar
+<Blueprint6.Navbar
   className="NavigationBar secondary-navbar"
 >
-  <Blueprint5.NavbarGroup
+  <Blueprint6.NavbarGroup
     align="left"
   >
     <DesktopNavLink
@@ -243,8 +243,8 @@ exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Gr
       text="Others"
       to="/courses/0/others"
     />
-  </Blueprint5.NavbarGroup>
-  <Blueprint5.NavbarGroup
+  </Blueprint6.NavbarGroup>
+  <Blueprint6.NavbarGroup
     align="right"
   >
     <DesktopNavLink
@@ -338,15 +338,15 @@ exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Gr
       text="Admin Panel"
       to="/courses/0/adminpanel"
     />
-  </Blueprint5.NavbarGroup>
-</Blueprint5.Navbar>
+  </Blueprint6.NavbarGroup>
+</Blueprint6.Navbar>
 `;
 
 exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Team Formation and Grading NavLinks render for Role.Staff 1`] = `
-<Blueprint5.Navbar
+<Blueprint6.Navbar
   className="NavigationBar secondary-navbar"
 >
-  <Blueprint5.NavbarGroup
+  <Blueprint6.NavbarGroup
     align="left"
   >
     <DesktopNavLink
@@ -414,8 +414,8 @@ exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Te
       text="Others"
       to="/courses/0/others"
     />
-  </Blueprint5.NavbarGroup>
-  <Blueprint5.NavbarGroup
+  </Blueprint6.NavbarGroup>
+  <Blueprint6.NavbarGroup
     align="right"
   >
     <DesktopNavLink
@@ -509,6 +509,6 @@ exports[`MissionControl, GroundControl, Sourcereel, GameSimulator, Dashboard, Te
       text="Admin Panel"
       to="/courses/0/adminpanel"
     />
-  </Blueprint5.NavbarGroup>
-</Blueprint5.Navbar>
+  </Blueprint6.NavbarGroup>
+</Blueprint6.Navbar>
 `;
diff --git a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.test.tsx.snap b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.test.tsx.snap
index 9edbd07590..892cff62df 100644
--- a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.test.tsx.snap
+++ b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/NavigationBarLangSelectButton.test.tsx.snap
@@ -2,14 +2,14 @@
 
 exports[`NavigationBarLangSelectButton > should render correctly 1`] = `
 <span
-  className="bp5-popover-target"
+  className="bp6-popover-target"
   onClick={[Function]}
   onKeyDown={[Function]}
 >
   <button
     aria-expanded={false}
     aria-haspopup="menu"
-    className="bp5-button"
+    className="bp6-button"
     data-testid="NavigationBarLangSelectButton"
     disabled={false}
     onBlur={[Function]}
@@ -19,13 +19,13 @@ exports[`NavigationBarLangSelectButton > should render correctly 1`] = `
     type="button"
   >
     <span
-      className="bp5-button-text"
+      className="bp6-button-text"
     >
       JavaScript
     </span>
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-caret-down"
+      className="bp6-icon bp6-icon-caret-down"
     >
       <svg
         data-icon="caret-down"
diff --git a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/SicpNavigationBar.test.tsx.snap b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/SicpNavigationBar.test.tsx.snap
index da65bc797f..6af60fb4c1 100644
--- a/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/SicpNavigationBar.test.tsx.snap
+++ b/src/commons/navigationBar/subcomponents/__tests__/__snapshots__/SicpNavigationBar.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Navbar renders correctly 1`] = `
 <React.Fragment>
-  <Blueprint5.Omnibar
+  <Blueprint6.Omnibar
     className="sicp-search-bar"
     inputProps={
       {
@@ -19,22 +19,22 @@ exports[`Navbar renders correctly 1`] = `
     onQueryChange={[Function]}
     overlayProps={
       {
-        "className": "bp5-overlay-scroll-container",
+        "className": "bp6-overlay-scroll-container",
       }
     }
     query=""
   />
-  <Blueprint5.Navbar
+  <Blueprint6.Navbar
     className="SicpNavigationBar secondary-navbar"
   >
-    <Blueprint5.NavbarGroup
+    <Blueprint6.NavbarGroup
       align="left"
     >
       <TableOfContentsButton
         handleOpenToc={[Function]}
       />
-    </Blueprint5.NavbarGroup>
-    <Blueprint5.NavbarGroup
+    </Blueprint6.NavbarGroup>
+    <Blueprint6.NavbarGroup
       align="right"
     >
       <div>
@@ -49,8 +49,8 @@ exports[`Navbar renders correctly 1`] = `
           }
         />
       </div>
-    </Blueprint5.NavbarGroup>
-    <Blueprint5.NavbarGroup
+    </Blueprint6.NavbarGroup>
+    <Blueprint6.NavbarGroup
       align="center"
     >
       <div
@@ -74,9 +74,9 @@ exports[`Navbar renders correctly 1`] = `
           onClick={[Function]}
         />
       </div>
-    </Blueprint5.NavbarGroup>
-  </Blueprint5.Navbar>
-  <Blueprint5.Drawer
+    </Blueprint6.NavbarGroup>
+  </Blueprint6.Navbar>
+  <Blueprint6.Drawer
     autoFocus={true}
     canEscapeKeyClose={true}
     canOutsideClickClose={true}
@@ -92,6 +92,6 @@ exports[`Navbar renders correctly 1`] = `
     <SicpToc
       handleCloseToc={[Function]}
     />
-  </Blueprint5.Drawer>
+  </Blueprint6.Drawer>
 </React.Fragment>
 `;
diff --git a/src/commons/repl/__tests__/__snapshots__/Repl.test.tsx.snap b/src/commons/repl/__tests__/__snapshots__/Repl.test.tsx.snap
index e83523ae28..ddf57f9564 100644
--- a/src/commons/repl/__tests__/__snapshots__/Repl.test.tsx.snap
+++ b/src/commons/repl/__tests__/__snapshots__/Repl.test.tsx.snap
@@ -1,33 +1,33 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`Code output renders correctly 1`] = `
-<Blueprint5.Card>
+<Blueprint6.Card>
   <ForwardRef
     className="code-output"
   >
     display('');
   </ForwardRef>
-</Blueprint5.Card>
+</Blueprint6.Card>
 `;
 
 exports[`Empty output renders an empty card 1`] = `
-<Blueprint5.Card>
+<Blueprint6.Card>
   ''
-</Blueprint5.Card>
+</Blueprint6.Card>
 `;
 
 exports[`Error output (no consoleLogs) renders correctly 1`] = `
-<Blueprint5.Card>
+<Blueprint6.Card>
   <ForwardRef
     className="error-output"
   >
     Expected , got .
   </ForwardRef>
-</Blueprint5.Card>
+</Blueprint6.Card>
 `;
 
 exports[`Error output (with consoleLogs) renders correctly 1`] = `
-<Blueprint5.Card>
+<Blueprint6.Card>
   <ForwardRef
     className="log-output"
   >
@@ -42,7 +42,7 @@ d
   >
     Expected , got .
   </ForwardRef>
-</Blueprint5.Card>
+</Blueprint6.Card>
 `;
 
 exports[`Repl renders correctly 1`] = `
@@ -123,7 +123,7 @@ exports[`Repl renders correctly 1`] = `
       }
       usingSubst={false}
     />
-    <Blueprint5.Card
+    <Blueprint6.Card
       className="repl-input-parent row"
     >
       <ReplInput
@@ -184,7 +184,7 @@ exports[`Repl renders correctly 1`] = `
         sourceChapter={1}
         sourceVariant="default"
       />
-    </Blueprint5.Card>
+    </Blueprint6.Card>
   </div>
 </div>
 `;
@@ -219,7 +219,7 @@ exports[`Result output (with consoleLogs) renders correctly 1`] = `
 `;
 
 exports[`Running output renders correctly 1`] = `
-<Blueprint5.Card>
+<Blueprint6.Card>
   <ForwardRef
     className="log-output"
   >
@@ -228,5 +228,5 @@ bb
 cccccccccccccccccccccccccccccccc
 d
   </ForwardRef>
-</Blueprint5.Card>
+</Blueprint6.Card>
 `;
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentAutograder.test.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentAutograder.test.tsx.snap
index 8c76d2aa83..dca2a25558 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentAutograder.test.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentAutograder.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Autograder renders autograder results with different statuses correctly
 <div
   className="Autograder"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -13,7 +13,7 @@ exports[`Autograder renders autograder results with different statuses correctly
     <span>
       Testcases
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content={
         <div
@@ -40,12 +40,12 @@ exports[`Autograder renders autograder results with different statuses correctly
       placement="left"
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -57,7 +57,7 @@ exports[`Autograder renders autograder results with different statuses correctly
     >
       There are no testcases provided for this question.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
   <ControlButton
     icon="caret-down"
     label="Autograder Results"
@@ -69,7 +69,7 @@ exports[`Autograder renders autograder results with different statuses correctly
       }
     }
   />
-  <Blueprint5.Collapse
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -87,7 +87,7 @@ exports[`Autograder renders autograder results with different statuses correctly
             className="header-sn"
           >
             S/N
-            <Blueprint5.Icon
+            <Blueprint6.Icon
               icon="caret-down"
             />
           </div>
@@ -95,7 +95,7 @@ exports[`Autograder renders autograder results with different statuses correctly
             className="header-status"
           >
             Testcase status
-            <Blueprint5.Icon
+            <Blueprint6.Icon
               icon="caret-down"
             />
           </div>
@@ -104,7 +104,7 @@ exports[`Autograder renders autograder results with different statuses correctly
           className="header-expected"
         >
           Expected result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -112,7 +112,7 @@ exports[`Autograder renders autograder results with different statuses correctly
           className="header-actual"
         >
           Actual result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -183,7 +183,7 @@ exports[`Autograder renders autograder results with different statuses correctly
         }
       />
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
 
@@ -191,7 +191,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
 <div
   className="Autograder"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -200,7 +200,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
     <span>
       Testcases
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content={
         <div
@@ -227,12 +227,12 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
       placement="left"
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -249,7 +249,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
           className="header-fn"
         >
           Testcase
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -257,7 +257,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
           className="header-expected"
         >
           Expected result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -265,7 +265,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
           className="header-actual"
         >
           Actual result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -343,7 +343,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
         workspaceLocation="assessment"
       />
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
   <ControlButton
     icon="caret-down"
     label="Autograder Results"
@@ -355,7 +355,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
       }
     }
   />
-  <Blueprint5.Collapse
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -367,7 +367,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
     >
       There are no results to show.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
 
@@ -375,7 +375,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
 <div
   className="Autograder"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -384,7 +384,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
     <span>
       Testcases
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content={
         <div
@@ -411,12 +411,12 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
       placement="left"
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -433,7 +433,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
           className="header-fn"
         >
           Testcase
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -441,7 +441,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
           className="header-expected"
         >
           Expected result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -449,7 +449,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
           className="header-actual"
         >
           Actual result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -527,7 +527,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
         workspaceLocation="grading"
       />
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
   <ControlButton
     icon="caret-down"
     label="Autograder Results"
@@ -539,7 +539,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
       }
     }
   />
-  <Blueprint5.Collapse
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -551,7 +551,7 @@ exports[`Autograder renders opaque testcases with different statuses correctly i
     >
       There are no results to show.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
 
@@ -559,7 +559,7 @@ exports[`Autograder renders placeholders correctly when testcases and results ar
 <div
   className="Autograder"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -568,7 +568,7 @@ exports[`Autograder renders placeholders correctly when testcases and results ar
     <span>
       Testcases
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content={
         <div
@@ -595,12 +595,12 @@ exports[`Autograder renders placeholders correctly when testcases and results ar
       placement="left"
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -612,7 +612,7 @@ exports[`Autograder renders placeholders correctly when testcases and results ar
     >
       There are no testcases provided for this question.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
   <ControlButton
     icon="caret-down"
     label="Autograder Results"
@@ -624,7 +624,7 @@ exports[`Autograder renders placeholders correctly when testcases and results ar
       }
     }
   />
-  <Blueprint5.Collapse
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -636,7 +636,7 @@ exports[`Autograder renders placeholders correctly when testcases and results ar
     >
       There are no results to show.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
 
@@ -644,7 +644,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
 <div
   className="Autograder"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -653,7 +653,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
     <span>
       Testcases
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content={
         <div
@@ -680,12 +680,12 @@ exports[`Autograder renders public testcases with different statuses correctly 1
       placement="left"
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -702,7 +702,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
           className="header-fn"
         >
           Testcase
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -710,7 +710,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
           className="header-expected"
         >
           Expected result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -718,7 +718,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
           className="header-actual"
         >
           Actual result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -810,7 +810,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
         workspaceLocation="assessment"
       />
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
   <ControlButton
     icon="caret-down"
     label="Autograder Results"
@@ -822,7 +822,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
       }
     }
   />
-  <Blueprint5.Collapse
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -834,7 +834,7 @@ exports[`Autograder renders public testcases with different statuses correctly 1
     >
       There are no results to show.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
 
@@ -842,7 +842,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
 <div
   className="Autograder"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -851,7 +851,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
     <span>
       Testcases
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content={
         <div
@@ -878,12 +878,12 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
       placement="left"
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -900,7 +900,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
           className="header-fn"
         >
           Testcase
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -908,7 +908,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
           className="header-expected"
         >
           Expected result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -916,7 +916,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
           className="header-actual"
         >
           Actual result
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -1008,7 +1008,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
         workspaceLocation="grading"
       />
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
   <ControlButton
     icon="caret-down"
     label="Autograder Results"
@@ -1020,7 +1020,7 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
       }
     }
   />
-  <Blueprint5.Collapse
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -1032,6 +1032,6 @@ exports[`Autograder renders secret testcases with different statuses correctly 1
     >
       There are no results to show.
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentContestLeaderboard.test.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentContestLeaderboard.test.tsx.snap
index 2ddd0c75b2..59e5cb0364 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentContestLeaderboard.test.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentContestLeaderboard.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
 <div
   className="ContestLeaderboard"
 >
-  <Blueprint5.Button
+  <Blueprint6.Button
     className="collapse-button"
     icon="caret-down"
     minimal={true}
@@ -13,7 +13,7 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
     <span>
       Score Leaderboard
     </span>
-    <Blueprint5.Tooltip
+    <Blueprint6.Tooltip
       compact={false}
       content="View the highest scoring contest entries!"
       hoverCloseDelay={0}
@@ -22,12 +22,12 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
       minimal={false}
       transitionDuration={100}
     >
-      <Blueprint5.Icon
+      <Blueprint6.Icon
         icon="help"
       />
-    </Blueprint5.Tooltip>
-  </Blueprint5.Button>
-  <Blueprint5.Collapse
+    </Blueprint6.Tooltip>
+  </Blueprint6.Button>
+  <Blueprint6.Collapse
     component="div"
     isOpen={true}
     keepChildrenMounted={true}
@@ -41,7 +41,7 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
           className="header-entryid"
         >
           Student Name
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -49,7 +49,7 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
           className="header-entryrank"
         >
           Rank
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -57,7 +57,7 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
           className="header-score"
         >
           Calculated Score
-          <Blueprint5.Icon
+          <Blueprint6.Icon
             icon="caret-down"
           />
         </div>
@@ -105,6 +105,6 @@ exports[`SideContentContestLeaderboard matches snapshot 1`] = `
         rank={3}
       />
     </div>
-  </Blueprint5.Collapse>
+  </Blueprint6.Collapse>
 </div>
 `;
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.test.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.test.tsx.snap
index a23d2b78bc..cbdd854b4b 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.test.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentContestVoting.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
   className="ContestEntryVoting"
 >
   <button
-    className="bp5-button bp5-minimal collapse-button"
+    className="bp6-button bp6-minimal collapse-button"
     disabled={false}
     onBlur={[Function]}
     onClick={[Function]}
@@ -15,7 +15,7 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-caret-down"
+      className="bp6-icon bp6-icon-caret-down"
     >
       <svg
         data-icon="caret-down"
@@ -31,13 +31,13 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
       </svg>
     </span>
     <span
-      className="bp5-button-text"
+      className="bp6-button-text"
     >
       <span>
         Contest Voting
       </span>
       <span
-        className="bp5-popover-target"
+        className="bp6-popover-target"
         onBlur={[Function]}
         onContextMenu={[Function]}
         onFocus={[Function]}
@@ -46,7 +46,7 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
       >
         <span
           aria-hidden={true}
-          className="bp5-icon bp5-icon-help"
+          className="bp6-icon bp6-icon-help"
           tabIndex={0}
         >
           <svg
@@ -66,7 +66,7 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
     </span>
   </button>
   <div
-    className="bp5-collapse"
+    className="bp6-collapse"
     style={
       {
         "height": "auto",
@@ -77,7 +77,7 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
   >
     <div
       aria-hidden={false}
-      className="bp5-collapse-body"
+      className="bp6-collapse-body"
       style={
         {
           "transform": "translateY(0)",
@@ -221,11 +221,11 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
               onDragStart={[Function]}
             >
               <div
-                className="bp5-interactive bp5-card bp5-elevation-1"
+                className="bp6-interactive bp6-card bp6-elevation-1"
                 onClick={[Function]}
               >
                 <pre
-                  className="bp5-code-block contestentry-entryid"
+                  className="bp6-code-block contestentry-entryid"
                 >
                   1
                 </pre>
@@ -240,11 +240,11 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
               onDragStart={[Function]}
             >
               <div
-                className="bp5-interactive bp5-card bp5-elevation-1"
+                className="bp6-interactive bp6-card bp6-elevation-1"
                 onClick={[Function]}
               >
                 <pre
-                  className="bp5-code-block contestentry-entryid"
+                  className="bp6-code-block contestentry-entryid"
                 >
                   2
                 </pre>
@@ -259,11 +259,11 @@ exports[`SideContentContestVotingContainer matches snapshot 1`] = `
               onDragStart={[Function]}
             >
               <div
-                className="bp5-interactive bp5-card bp5-elevation-1"
+                className="bp6-interactive bp6-card bp6-elevation-1"
                 onClick={[Function]}
               >
                 <pre
-                  className="bp5-code-block contestentry-entryid"
+                  className="bp6-code-block contestentry-entryid"
                 >
                   3
                 </pre>
diff --git a/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.test.tsx.snap b/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.test.tsx.snap
index 0b25349c0f..99e5c5d468 100644
--- a/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.test.tsx.snap
+++ b/src/commons/sideContent/__tests__/__snapshots__/SideContentCseMachine.test.tsx.snap
@@ -12,18 +12,18 @@ exports[`CSE Machine component renders correctly 1`] = `
   tabIndex={-1}
 >
   <div
-    className="sa-substituter bp5-dark"
+    className="sa-substituter bp6-dark"
   >
     <div
-      className="bp5-slider bp5-disabled"
+      className="bp6-slider bp6-disabled"
       onMouseDown={[Function]}
       onTouchStart={[Function]}
     >
       <div
-        className="bp5-slider-track"
+        className="bp6-slider-track"
       >
         <div
-          className="bp5-slider-progress"
+          className="bp6-slider-progress"
           style={
             {
               "left": "0.00%",
@@ -33,7 +33,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           }
         />
         <div
-          className="bp5-slider-progress"
+          className="bp6-slider-progress"
           style={
             {
               "left": "0.00%",
@@ -43,7 +43,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           }
         />
         <div
-          className="bp5-slider-progress"
+          className="bp6-slider-progress"
           style={
             {
               "left": "0.00%",
@@ -54,10 +54,10 @@ exports[`CSE Machine component renders correctly 1`] = `
         />
       </div>
       <div
-        className="bp5-slider-axis"
+        className="bp6-slider-axis"
       >
         <div
-          className="bp5-slider-label"
+          className="bp6-slider-label"
           style={
             {
               "left": "NaN%",
@@ -73,13 +73,13 @@ exports[`CSE Machine component renders correctly 1`] = `
         aria-valuemax={0}
         aria-valuemin={0}
         aria-valuenow={0}
-        className="bp5-slider-handle"
+        className="bp6-slider-handle"
         role="slider"
         style={{}}
         tabIndex={0}
       >
         <span
-          className="bp5-slider-label"
+          className="bp6-slider-label"
         >
           0
         </span>
@@ -95,10 +95,10 @@ exports[`CSE Machine component renders correctly 1`] = `
       }
     >
       <div
-        className="bp5-button-group"
+        className="bp6-button-group"
       >
         <span
-          className="bp5-popover-target"
+          className="bp6-popover-target"
           onBlur={[Function]}
           onContextMenu={[Function]}
           onFocus={[Function]}
@@ -107,7 +107,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <a
             aria-disabled={true}
-            className="bp5-button bp5-disabled"
+            className="bp6-button bp6-disabled"
             disabled={true}
             onBlur={[Function]}
             onKeyDown={[Function]}
@@ -118,7 +118,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           >
             <span
               aria-hidden={true}
-              className="bp5-icon bp5-icon-layers"
+              className="bp6-icon bp6-icon-layers"
             >
               <svg
                 data-icon="layers"
@@ -134,10 +134,10 @@ exports[`CSE Machine component renders correctly 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-button-text"
+              className="bp6-button-text"
             >
               <label
-                className="bp5-control bp5-checkbox bp5-disabled"
+                className="bp6-control bp6-checkbox bp6-disabled"
                 style={
                   {
                     "margin": 0,
@@ -146,19 +146,20 @@ exports[`CSE Machine component renders correctly 1`] = `
               >
                 <input
                   checked={false}
+                  className="bp6-control-input"
                   disabled={true}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <span
-                  className="bp5-control-indicator"
+                  className="bp6-control-indicator"
                 />
               </label>
             </span>
           </a>
         </span>
         <span
-          className="bp5-popover-target"
+          className="bp6-popover-target"
           onBlur={[Function]}
           onContextMenu={[Function]}
           onFocus={[Function]}
@@ -167,7 +168,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <a
             aria-disabled={true}
-            className="bp5-button bp5-disabled"
+            className="bp6-button bp6-disabled"
             disabled={true}
             onBlur={[Function]}
             onKeyDown={[Function]}
@@ -178,7 +179,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           >
             <span
               aria-hidden={true}
-              className="bp5-icon bp5-icon-minimize"
+              className="bp6-icon bp6-icon-minimize"
             >
               <svg
                 data-icon="minimize"
@@ -194,10 +195,10 @@ exports[`CSE Machine component renders correctly 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-button-text"
+              className="bp6-button-text"
             >
               <label
-                className="bp5-control bp5-checkbox bp5-disabled"
+                className="bp6-control bp6-checkbox bp6-disabled"
                 style={
                   {
                     "margin": 0,
@@ -206,12 +207,13 @@ exports[`CSE Machine component renders correctly 1`] = `
               >
                 <input
                   checked={false}
+                  className="bp6-control-input"
                   disabled={true}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <span
-                  className="bp5-control-indicator"
+                  className="bp6-control-indicator"
                 />
               </label>
             </span>
@@ -219,10 +221,10 @@ exports[`CSE Machine component renders correctly 1`] = `
         </span>
       </div>
       <div
-        className="bp5-button-group"
+        className="bp6-button-group"
       >
         <button
-          className="bp5-button bp5-disabled"
+          className="bp6-button bp6-disabled"
           disabled={true}
           onBlur={[Function]}
           onKeyDown={[Function]}
@@ -232,7 +234,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-double-chevron-left"
+            className="bp6-icon bp6-icon-double-chevron-left"
           >
             <svg
               data-icon="double-chevron-left"
@@ -249,7 +251,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           </span>
         </button>
         <button
-          className="bp5-button bp5-disabled"
+          className="bp6-button bp6-disabled"
           disabled={true}
           onBlur={[Function]}
           onKeyDown={[Function]}
@@ -259,7 +261,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-chevron-left"
+            className="bp6-icon bp6-icon-chevron-left"
           >
             <svg
               data-icon="chevron-left"
@@ -276,7 +278,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           </span>
         </button>
         <button
-          className="bp5-button bp5-disabled"
+          className="bp6-button bp6-disabled"
           disabled={true}
           onBlur={[Function]}
           onKeyDown={[Function]}
@@ -286,7 +288,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-chevron-right"
+            className="bp6-icon bp6-icon-chevron-right"
           >
             <svg
               data-icon="chevron-right"
@@ -303,7 +305,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           </span>
         </button>
         <button
-          className="bp5-button bp5-disabled"
+          className="bp6-button bp6-disabled"
           disabled={true}
           onBlur={[Function]}
           onKeyDown={[Function]}
@@ -313,7 +315,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <span
             aria-hidden={true}
-            className="bp5-icon bp5-icon-double-chevron-right"
+            className="bp6-icon bp6-icon-double-chevron-right"
           >
             <svg
               data-icon="double-chevron-right"
@@ -331,10 +333,10 @@ exports[`CSE Machine component renders correctly 1`] = `
         </button>
       </div>
       <div
-        className="bp5-button-group"
+        className="bp6-button-group"
       >
         <span
-          className="bp5-popover-target"
+          className="bp6-popover-target"
           onBlur={[Function]}
           onContextMenu={[Function]}
           onFocus={[Function]}
@@ -343,7 +345,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <a
             aria-disabled={true}
-            className="bp5-button bp5-disabled"
+            className="bp6-button bp6-disabled"
             disabled={true}
             onBlur={[Function]}
             onKeyDown={[Function]}
@@ -354,7 +356,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           >
             <span
               aria-hidden={true}
-              className="bp5-icon bp5-icon-print"
+              className="bp6-icon bp6-icon-print"
             >
               <svg
                 data-icon="print"
@@ -370,10 +372,10 @@ exports[`CSE Machine component renders correctly 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-button-text"
+              className="bp6-button-text"
             >
               <label
-                className="bp5-control bp5-checkbox bp5-disabled"
+                className="bp6-control bp6-checkbox bp6-disabled"
                 style={
                   {
                     "margin": 0,
@@ -382,19 +384,20 @@ exports[`CSE Machine component renders correctly 1`] = `
               >
                 <input
                   checked={false}
+                  className="bp6-control-input"
                   disabled={true}
                   onChange={[Function]}
                   type="checkbox"
                 />
                 <span
-                  className="bp5-control-indicator"
+                  className="bp6-control-indicator"
                 />
               </label>
             </span>
           </a>
         </span>
         <span
-          className="bp5-popover-target"
+          className="bp6-popover-target"
           onBlur={[Function]}
           onContextMenu={[Function]}
           onFocus={[Function]}
@@ -403,7 +406,7 @@ exports[`CSE Machine component renders correctly 1`] = `
         >
           <a
             aria-disabled={true}
-            className="bp5-button bp5-disabled"
+            className="bp6-button bp6-disabled"
             disabled={true}
             onBlur={[Function]}
             onKeyDown={[Function]}
@@ -413,7 +416,7 @@ exports[`CSE Machine component renders correctly 1`] = `
           >
             <span
               aria-hidden={true}
-              className="bp5-icon bp5-icon-floppy-disk"
+              className="bp6-icon bp6-icon-floppy-disk"
             >
               <svg
                 data-icon="floppy-disk"
@@ -436,7 +439,7 @@ exports[`CSE Machine component renders correctly 1`] = `
    
   <div />
   <div
-    className="bp5-running-text"
+    className="bp6-running-text"
     data-testid="cse-machine-default-text"
     id="cse-machine-default-text"
   >
@@ -460,7 +463,7 @@ exports[`CSE Machine component renders correctly 1`] = `
     <br />
     <br />
     <div
-      className="bp5-divider"
+      className="bp6-divider"
     />
     Some useful keyboard shortcuts:
     <br />
@@ -477,7 +480,7 @@ exports[`CSE Machine component renders correctly 1`] = `
     Note that these shortcuts are only active when the browser focus is on this tab.
   </div>
   <div
-    className="bp5-button-group bp5-vertical"
+    className="bp6-button-group bp6-vertical"
     style={
       {
         "bottom": "20px",
@@ -487,7 +490,7 @@ exports[`CSE Machine component renders correctly 1`] = `
     }
   >
     <button
-      className="bp5-button bp5-disabled"
+      className="bp6-button bp6-disabled"
       disabled={true}
       onBlur={[Function]}
       onKeyDown={[Function]}
@@ -503,7 +506,7 @@ exports[`CSE Machine component renders correctly 1`] = `
     >
       <span
         aria-hidden={true}
-        className="bp5-icon bp5-icon-plus"
+        className="bp6-icon bp6-icon-plus"
       >
         <svg
           data-icon="plus"
@@ -520,7 +523,7 @@ exports[`CSE Machine component renders correctly 1`] = `
       </span>
     </button>
     <button
-      className="bp5-button bp5-disabled"
+      className="bp6-button bp6-disabled"
       disabled={true}
       onBlur={[Function]}
       onKeyDown={[Function]}
@@ -535,7 +538,7 @@ exports[`CSE Machine component renders correctly 1`] = `
     >
       <span
         aria-hidden={true}
-        className="bp5-icon bp5-icon-minus"
+        className="bp6-icon bp6-icon-minus"
       >
         <svg
           data-icon="minus"
diff --git a/src/commons/sideContent/content/SideContentSubstVisualizer.tsx b/src/commons/sideContent/content/SideContentSubstVisualizer.tsx
index 4cb0a9baf1..5a8b04d42f 100644
--- a/src/commons/sideContent/content/SideContentSubstVisualizer.tsx
+++ b/src/commons/sideContent/content/SideContentSubstVisualizer.tsx
@@ -340,7 +340,7 @@ function renderNode(currentNode: StepperBaseNode, renderContext: RenderContext):
                     <div>
                       <Icon icon="code" />
                       <span>{' Function definition'}</span>
-                      <pre className="bp5-code-block">
+                      <pre className={Classes.CODE_BLOCK}>
                         <code>{functionDefinition}</code>
                       </pre>
                     </div>
@@ -368,7 +368,7 @@ function renderNode(currentNode: StepperBaseNode, renderContext: RenderContext):
               <div>
                 <Icon icon="code" />
                 <span>{' Function definition'}</span>
-                <pre className="bp5-code-block">
+                <pre className={Classes.CODE_BLOCK}>
                   <code>{astToString(node)}</code>
                 </pre>
               </div>
diff --git a/src/commons/sideContent/content/githubAssessments/SideContentMarkdownEditor.tsx b/src/commons/sideContent/content/githubAssessments/SideContentMarkdownEditor.tsx
index ccbea9044d..3535504966 100644
--- a/src/commons/sideContent/content/githubAssessments/SideContentMarkdownEditor.tsx
+++ b/src/commons/sideContent/content/githubAssessments/SideContentMarkdownEditor.tsx
@@ -38,12 +38,7 @@ const SideContentMarkdownEditor: React.FC<Props> = ({ allowEdits, content, setCo
   return (
     <div ref={node}>
       {editorModeOn ? (
-        <TextArea
-          onChange={onEditorChange}
-          fill={true}
-          growVertically={true}
-          defaultValue={content}
-        />
+        <TextArea onChange={onEditorChange} fill={true} autoResize={true} defaultValue={content} />
       ) : (
         <Markdown content={content} openLinksInNewWindow={true} />
       )}
diff --git a/src/features/sicp/errors/__tests__/__snapshots__/SicpErrors.test.tsx.snap b/src/features/sicp/errors/__tests__/__snapshots__/SicpErrors.test.tsx.snap
index 0a40fe3447..341029d910 100644
--- a/src/features/sicp/errors/__tests__/__snapshots__/SicpErrors.test.tsx.snap
+++ b/src/features/sicp/errors/__tests__/__snapshots__/SicpErrors.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`Sicp errors: > page not found error renders correctly 1`] = `
 <div
-  className="bp5-non-ideal-state bp5-non-ideal-state-vertical"
+  className="bp6-non-ideal-state bp6-non-ideal-state-vertical"
 >
   <div
-    className="bp5-non-ideal-state-visual"
+    className="bp6-non-ideal-state-visual"
     style={
       {
         "fontSize": "48px",
@@ -13,16 +13,16 @@ exports[`Sicp errors: > page not found error renders correctly 1`] = `
       }
     }
   >
-    <Blueprint5.Icon
+    <Blueprint6.Icon
       aria-hidden={true}
-      className="bp5-icon-muted"
+      className="bp6-icon-muted"
       icon="error"
       size={48}
       tabIndex={-1}
     />
   </div>
   <div
-    className="bp5-non-ideal-state-text"
+    className="bp6-non-ideal-state-text"
   >
     <ForwardRef>
       Something went wrong :(
@@ -45,10 +45,10 @@ exports[`Sicp errors: > page not found error renders correctly 1`] = `
 
 exports[`Sicp errors: > unexpected error renders correctly 1`] = `
 <div
-  className="bp5-non-ideal-state bp5-non-ideal-state-vertical"
+  className="bp6-non-ideal-state bp6-non-ideal-state-vertical"
 >
   <div
-    className="bp5-non-ideal-state-visual"
+    className="bp6-non-ideal-state-visual"
     style={
       {
         "fontSize": "48px",
@@ -56,16 +56,16 @@ exports[`Sicp errors: > unexpected error renders correctly 1`] = `
       }
     }
   >
-    <Blueprint5.Icon
+    <Blueprint6.Icon
       aria-hidden={true}
-      className="bp5-icon-muted"
+      className="bp6-icon-muted"
       icon="error"
       size={48}
       tabIndex={-1}
     />
   </div>
   <div
-    className="bp5-non-ideal-state-text"
+    className="bp6-non-ideal-state-text"
   >
     <ForwardRef>
       Something went wrong :(
@@ -88,10 +88,10 @@ exports[`Sicp errors: > unexpected error renders correctly 1`] = `
 
 exports[`Sicp errors: > unexpected error renders correctly 2`] = `
 <div
-  className="bp5-non-ideal-state bp5-non-ideal-state-vertical"
+  className="bp6-non-ideal-state bp6-non-ideal-state-vertical"
 >
   <div
-    className="bp5-non-ideal-state-visual"
+    className="bp6-non-ideal-state-visual"
     style={
       {
         "fontSize": "48px",
@@ -99,16 +99,16 @@ exports[`Sicp errors: > unexpected error renders correctly 2`] = `
       }
     }
   >
-    <Blueprint5.Icon
+    <Blueprint6.Icon
       aria-hidden={true}
-      className="bp5-icon-muted"
+      className="bp6-icon-muted"
       icon="error"
       size={48}
       tabIndex={-1}
     />
   </div>
   <div
-    className="bp5-non-ideal-state-text"
+    className="bp6-non-ideal-state-text"
   >
     <ForwardRef>
       Something went wrong :(
diff --git a/src/features/sicp/parser/__tests__/__snapshots__/ParseJson.test.tsx.snap b/src/features/sicp/parser/__tests__/__snapshots__/ParseJson.test.tsx.snap
index 8db0f15842..6d56169933 100644
--- a/src/features/sicp/parser/__tests__/__snapshots__/ParseJson.test.tsx.snap
+++ b/src/features/sicp/parser/__tests__/__snapshots__/ParseJson.test.tsx.snap
@@ -13,7 +13,7 @@ exports[`Parse array > two child successful 1`] = `
 
 exports[`Parse epigraph > EPIGRAPH with all successful 1`] = `
 <blockquote
-  className="bp5-blockquote sicp-epigraph"
+  className="bp6-blockquote sicp-epigraph"
 >
   Mock Text
   <div
@@ -31,7 +31,7 @@ exports[`Parse epigraph > EPIGRAPH with all successful 1`] = `
 
 exports[`Parse epigraph > EPIGRAPH with author successful 1`] = `
 <blockquote
-  className="bp5-blockquote sicp-epigraph"
+  className="bp6-blockquote sicp-epigraph"
 >
   Mock Text
   <div
@@ -45,7 +45,7 @@ exports[`Parse epigraph > EPIGRAPH with author successful 1`] = `
 
 exports[`Parse epigraph > EPIGRAPH with date successful 1`] = `
 <blockquote
-  className="bp5-blockquote sicp-epigraph"
+  className="bp6-blockquote sicp-epigraph"
 >
   Mock Text
   <div
@@ -59,7 +59,7 @@ exports[`Parse epigraph > EPIGRAPH with date successful 1`] = `
 
 exports[`Parse epigraph > EPIGRAPH with none successful 1`] = `
 <blockquote
-  className="bp5-blockquote sicp-epigraph"
+  className="bp6-blockquote sicp-epigraph"
 >
   Mock Text
 </blockquote>
@@ -67,7 +67,7 @@ exports[`Parse epigraph > EPIGRAPH with none successful 1`] = `
 
 exports[`Parse epigraph > EPIGRAPH with title successful 1`] = `
 <blockquote
-  className="bp5-blockquote sicp-epigraph"
+  className="bp6-blockquote sicp-epigraph"
 >
   Mock Text
   <div
@@ -86,7 +86,7 @@ exports[`Parse exercise > EXERCISE with solution successful 1`] = `
   className="sicp-anchor-link-container"
 >
   <div
-    className="sicp-exercise bp5-card bp5-elevation-1"
+    className="sicp-exercise bp6-card bp6-elevation-1"
   >
     <b />
     <div />
@@ -94,7 +94,7 @@ exports[`Parse exercise > EXERCISE with solution successful 1`] = `
       className="sicp-button-container"
     >
       <button
-        className="bp5-button bp5-large sicp-show-solution-button"
+        className="bp6-button bp6-large sicp-show-solution-button"
         disabled={false}
         onBlur={[Function]}
         onClick={[Function]}
@@ -103,14 +103,14 @@ exports[`Parse exercise > EXERCISE with solution successful 1`] = `
         type="button"
       >
         <span
-          className="bp5-button-text"
+          className="bp6-button-text"
         >
           Show Solution
         </span>
       </button>
     </div>
     <div
-      className="bp5-collapse sicp-solution"
+      className="bp6-collapse sicp-solution"
       style={
         {
           "height": undefined,
@@ -121,7 +121,7 @@ exports[`Parse exercise > EXERCISE with solution successful 1`] = `
     >
       <div
         aria-hidden={true}
-        className="bp5-collapse-body"
+        className="bp6-collapse-body"
         style={
           {
             "transform": "translateY(-undefinedpx)",
@@ -139,7 +139,7 @@ exports[`Parse exercise > EXERCISE without solution successful 1`] = `
   className="sicp-anchor-link-container"
 >
   <div
-    className="sicp-exercise bp5-card bp5-elevation-1"
+    className="sicp-exercise bp6-card bp6-elevation-1"
   >
     <b>
       Title
@@ -151,7 +151,7 @@ exports[`Parse exercise > EXERCISE without solution successful 1`] = `
       className="sicp-button-container"
     >
       <button
-        className="bp5-button bp5-large sicp-show-solution-button"
+        className="bp6-button bp6-large sicp-show-solution-button"
         disabled={false}
         onBlur={[Function]}
         onClick={[Function]}
@@ -160,14 +160,14 @@ exports[`Parse exercise > EXERCISE without solution successful 1`] = `
         type="button"
       >
         <span
-          className="bp5-button-text"
+          className="bp6-button-text"
         >
           Show Solution
         </span>
       </button>
     </div>
     <div
-      className="bp5-collapse sicp-solution"
+      className="bp6-collapse sicp-solution"
       style={
         {
           "height": undefined,
@@ -178,7 +178,7 @@ exports[`Parse exercise > EXERCISE without solution successful 1`] = `
     >
       <div
         aria-hidden={true}
-        className="bp5-collapse-body"
+        className="bp6-collapse-body"
         style={
           {
             "transform": "translateY(-undefinedpx)",
@@ -208,7 +208,7 @@ exports[`Parse figures > FIGURE with image and scale successful 1`] = `
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-link"
+      className="bp6-icon bp6-icon-link"
     >
       <svg
         data-icon="link"
@@ -259,7 +259,7 @@ exports[`Parse figures > FIGURE with image successful 1`] = `
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-link"
+      className="bp6-icon bp6-icon-link"
     >
       <svg
         data-icon="link"
@@ -310,7 +310,7 @@ exports[`Parse figures > FIGURE with snippet successful 1`] = `
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-link"
+      className="bp6-icon bp6-icon-link"
     >
       <svg
         data-icon="link"
@@ -359,7 +359,7 @@ exports[`Parse figures > FIGURE with table successful 1`] = `
   >
     <span
       aria-hidden={true}
-      className="bp5-icon bp5-icon-link"
+      className="bp6-icon bp6-icon-link"
     >
       <svg
         data-icon="link"
@@ -444,7 +444,7 @@ exports[`Parse heading > SUBHEADING  successful 1`] = `
   className="sicp-anchor-link-container"
 >
   <h2
-    className="bp5-heading"
+    className="bp6-heading"
   >
     Mock Text
   </h2>
@@ -456,7 +456,7 @@ exports[`Parse heading > SUBSUBHEADING  successful 1`] = `
   className="sicp-anchor-link-container"
 >
   <h4
-    className="bp5-heading"
+    className="bp6-heading"
   >
     <br />
     Mock Text
@@ -518,7 +518,7 @@ exports[`Parse links > REF  successful 1`] = `
 
 exports[`Parse list > OL  successful 1`] = `
 <ol
-  className="bp5-list"
+  className="bp6-list"
 >
   <li>
     Mock Text
@@ -528,7 +528,7 @@ exports[`Parse list > OL  successful 1`] = `
 
 exports[`Parse list > UL  successful 1`] = `
 <ul
-  className="bp5-list"
+  className="bp6-list"
 >
   <li>
     Mock Text
@@ -550,7 +550,7 @@ exports[`Parse reference > REFERENCE  successful 1`] = `
 
 exports[`Parse snippet > SNIPPET no eval successful 1`] = `
 <pre
-  className="bp5-code-block"
+  className="bp6-code-block"
 >
   const a = 1;
 a+1;
@@ -559,7 +559,7 @@ a+1;
 
 exports[`Parse snippet > SNIPPET with latex successful 1`] = `
 <pre
-  className="bp5-code-block"
+  className="bp6-code-block"
 >
   <span
     className="__Latex__"
@@ -605,7 +605,7 @@ exports[`Parse styling > EM  successful 1`] = `
 
 exports[`Parse styling > JAVASCRIPTINLINE  successful 1`] = `
 <code
-  className="bp5-code"
+  className="bp6-code"
 />
 `;
 
@@ -613,7 +613,7 @@ exports[`Parse styling > META  successful 1`] = `<em />`;
 
 exports[`Parse styling > TT  successful 1`] = `
 <code
-  className="bp5-code"
+  className="bp6-code"
 >
   Mock Text
 </code>
@@ -649,7 +649,7 @@ exports[`Parse title > TITLE  successful 1`] = `
   className="sicp-anchor-link-container"
 >
   <h1
-    className="bp5-heading"
+    className="bp6-heading"
   >
     Title
   </h1>
diff --git a/src/pages/academy/groundControl/subcomponents/GroundControlEditCell.tsx b/src/pages/academy/groundControl/subcomponents/GroundControlEditCell.tsx
index 43c40e5196..9c250d6833 100644
--- a/src/pages/academy/groundControl/subcomponents/GroundControlEditCell.tsx
+++ b/src/pages/academy/groundControl/subcomponents/GroundControlEditCell.tsx
@@ -1,5 +1,5 @@
 import { Dialog, DialogBody, DialogFooter, Intent } from '@blueprintjs/core';
-import { DateInput3 } from '@blueprintjs/datetime2';
+import { DateInput } from '@blueprintjs/datetime';
 import { IconNames } from '@blueprintjs/icons';
 import dayjs from 'dayjs';
 import React, { useCallback, useState } from 'react';
@@ -62,7 +62,7 @@ const EditCell: React.FC<Props> = ({ data, forOpenDate, handleAssessmentChangeDa
   }, [currentDate]);
 
   const dateInput = (
-    <DateInput3
+    <DateInput
       formatDate={handleFormatDate}
       onChange={handleDateChange}
       onError={handleDateError}
diff --git a/src/pages/playground/__tests__/__snapshots__/Playground.test.tsx.snap b/src/pages/playground/__tests__/__snapshots__/Playground.test.tsx.snap
index b7cb86f6be..849252fd2a 100644
--- a/src/pages/playground/__tests__/__snapshots__/Playground.test.tsx.snap
+++ b/src/pages/playground/__tests__/__snapshots__/Playground.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Playground tests > Playground renders correctly 1`] = `
 <div>
   <div
-    class="Playground bp5-dark"
+    class="Playground bp6-dark"
   >
     <div
       class="workspace"
@@ -12,31 +12,32 @@ exports[`Playground tests > Playground renders correctly 1`] = `
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <div
             class="Switch"
           >
             <label
-              class="bp5-control bp5-switch"
+              class="bp6-control bp6-switch"
             >
               <input
+                class="bp6-control-input"
                 type="checkbox"
               />
               <span
-                class="bp5-control-indicator"
+                class="bp6-control-indicator"
               />
             </label>
           </div>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -52,24 +53,24 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
             </button>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-share"
+                  class="bp6-icon bp6-icon-share"
                 >
                   <svg
                     data-icon="share"
@@ -85,7 +86,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   Share
                 </span>
@@ -97,21 +98,21 @@ exports[`Playground tests > Playground renders correctly 1`] = `
             aria-disabled="false"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §4
               </span>
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-double-caret-vertical"
+                class="bp6-icon bp6-icon-double-caret-vertical"
               >
                 <svg
                   data-icon="double-caret-vertical"
@@ -129,17 +130,17 @@ exports[`Playground tests > Playground renders correctly 1`] = `
             </button>
           </div>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-social-media"
+                  class="bp6-icon bp6-icon-social-media"
                 >
                   <svg
                     data-icon="social-media"
@@ -155,7 +156,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   Session
                 </span>
@@ -163,14 +164,14 @@ exports[`Playground tests > Playground renders correctly 1`] = `
             </span>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-folder-close"
+                class="bp6-icon bp6-icon-folder-close"
               >
                 <svg
                   data-icon="folder-close"
@@ -186,24 +187,24 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Folder
               </span>
             </button>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-cloud"
+                  class="bp6-icon bp6-icon-cloud"
                 >
                   <svg
                     data-icon="cloud"
@@ -219,7 +220,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   Google Drive
                 </span>
@@ -227,17 +228,17 @@ exports[`Playground tests > Playground renders correctly 1`] = `
             </span>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-git-branch"
+                  class="bp6-icon bp6-icon-git-branch"
                 >
                   <svg
                     data-icon="git-branch"
@@ -253,7 +254,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   GitHub
                 </span>
@@ -261,18 +262,18 @@ exports[`Playground tests > Playground renders correctly 1`] = `
             </span>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <div
-              class="bp5-control-group bp5-numeric-input"
+              class="bp6-control-group bp6-numeric-input"
               role="group"
             >
               <div
-                class="bp5-input-group"
+                class="bp6-input-group"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-time"
+                  class="bp6-icon bp6-icon-time"
                   tabindex="-1"
                 >
                   <svg
@@ -292,7 +293,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                   aria-valuemin="1000"
                   aria-valuenow="1000"
                   autocomplete="off"
-                  class="bp5-input"
+                  class="bp6-input"
                   id="numericInput-0"
                   min="1000"
                   role="spinbutton"
@@ -303,17 +304,17 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                 />
               </div>
               <div
-                class="bp5-button-group bp5-vertical bp5-fixed"
+                class="bp6-button-group bp6-vertical bp6-fixed"
               >
                 <button
                   aria-controls="numericInput-0"
                   aria-label="increment"
-                  class="bp5-button"
+                  class="bp6-button"
                   type="button"
                 >
                   <span
                     aria-hidden="true"
-                    class="bp5-icon bp5-icon-chevron-up"
+                    class="bp6-icon bp6-icon-chevron-up"
                   >
                     <svg
                       data-icon="chevron-up"
@@ -334,14 +335,14 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                 <button
                   aria-controls="numericInput-0"
                   aria-label="decrement"
-                  class="bp5-button bp5-disabled"
+                  class="bp6-button bp6-disabled"
                   disabled=""
                   tabindex="-1"
                   type="button"
                 >
                   <span
                     aria-hidden="true"
-                    class="bp5-icon bp5-icon-chevron-down"
+                    class="bp6-icon bp6-icon-chevron-down"
                   >
                     <svg
                       data-icon="chevron-down"
@@ -364,7 +365,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
           </span>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -392,7 +393,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
               class="editor-container"
             >
               <div
-                class="Editor bp5-card bp5-elevation-0"
+                class="Editor bp6-card bp6-elevation-0"
               >
                 <div
                   class="row editor-react-ace"
@@ -516,16 +517,16 @@ exports[`Playground tests > Playground renders correctly 1`] = `
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -550,39 +551,39 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_introduction"
+                          aria-controls="bp6-tab-panel_side-content-tabs_introduction"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="introduction"
-                          id="bp5-tab-title_side-content-tabs_introduction"
+                          id="bp6-tab-title_side-content-tabs_introduction"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -590,7 +591,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-home"
+                                class="bp6-icon bp6-icon-home"
                               >
                                 <svg
                                   data-icon="home"
@@ -609,18 +610,18 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_data_visualizer"
+                          aria-controls="bp6-tab-panel_side-content-tabs_data_visualizer"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="data_visualizer"
-                          id="bp5-tab-title_side-content-tabs_data_visualizer"
+                          id="bp6-tab-title_side-content-tabs_data_visualizer"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -628,7 +629,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-eye-open"
+                                class="bp6-icon bp6-icon-eye-open"
                               >
                                 <svg
                                   data-icon="eye-open"
@@ -647,18 +648,18 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_cse_machine"
+                          aria-controls="bp6-tab-panel_side-content-tabs_cse_machine"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="cse_machine"
-                          id="bp5-tab-title_side-content-tabs_cse_machine"
+                          id="bp6-tab-title_side-content-tabs_cse_machine"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -666,7 +667,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-globe"
+                                class="bp6-icon bp6-icon-globe"
                               >
                                 <svg
                                   data-icon="globe"
@@ -685,18 +686,18 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_remote_execution"
+                          aria-controls="bp6-tab-panel_side-content-tabs_remote_execution"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="remote_execution"
-                          id="bp5-tab-title_side-content-tabs_remote_execution"
+                          id="bp6-tab-title_side-content-tabs_remote_execution"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -704,7 +705,7 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-satellite"
+                                class="bp6-icon bp6-icon-satellite"
                               >
                                 <svg
                                   data-icon="satellite"
@@ -725,16 +726,16 @@ exports[`Playground tests > Playground renders correctly 1`] = `
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_introduction"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_introduction"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_introduction"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_introduction"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               Welcome to the Source Academy playground!
@@ -806,9 +807,9 @@ and also the
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_data_visualizer"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_data_visualizer"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_data_visualizer"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_data_visualizer"
                         role="tabpanel"
                       >
                         <div
@@ -818,10 +819,10 @@ and also the
                             tabindex="-1"
                           >
                             <div
-                              class="sa-data-visualizer bp5-dark"
+                              class="sa-data-visualizer bp6-dark"
                             >
                               <p
-                                class="bp5-running-text"
+                                class="bp6-running-text"
                                 id="data-visualizer-default-text"
                               >
                                 The data visualizer helps you to visualize data structures.
@@ -888,9 +889,9 @@ and also the
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_cse_machine"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_cse_machine"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_cse_machine"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_cse_machine"
                         role="tabpanel"
                       >
                         <div
@@ -901,32 +902,32 @@ and also the
                             tabindex="-1"
                           >
                             <div
-                              class="sa-substituter bp5-dark"
+                              class="sa-substituter bp6-dark"
                             >
                               <div
-                                class="bp5-slider bp5-disabled"
+                                class="bp6-slider bp6-disabled"
                               >
                                 <div
-                                  class="bp5-slider-track"
+                                  class="bp6-slider-track"
                                 >
                                   <div
-                                    class="bp5-slider-progress"
+                                    class="bp6-slider-progress"
                                     style="left: 0%; right: 100%; top: 0px;"
                                   />
                                   <div
-                                    class="bp5-slider-progress"
+                                    class="bp6-slider-progress"
                                     style="left: 0%; right: 100%; top: 0px;"
                                   />
                                   <div
-                                    class="bp5-slider-progress"
+                                    class="bp6-slider-progress"
                                     style="left: 0%; right: 100%; top: 0px;"
                                   />
                                 </div>
                                 <div
-                                  class="bp5-slider-axis"
+                                  class="bp6-slider-axis"
                                 >
                                   <div
-                                    class="bp5-slider-label"
+                                    class="bp6-slider-label"
                                   >
                                     0
                                   </div>
@@ -937,13 +938,13 @@ and also the
                                   aria-valuemax="0"
                                   aria-valuemin="0"
                                   aria-valuenow="0"
-                                  class="bp5-slider-handle"
+                                  class="bp6-slider-handle"
                                   role="slider"
                                   style="left: calc(-0px + (% * nan));"
                                   tabindex="0"
                                 >
                                   <span
-                                    class="bp5-slider-label"
+                                    class="bp6-slider-label"
                                   >
                                     0
                                   </span>
@@ -953,21 +954,21 @@ and also the
                                 style="display: flex; justify-content: space-between; align-items: center;"
                               >
                                 <div
-                                  class="bp5-button-group"
+                                  class="bp6-button-group"
                                 >
                                   <span
-                                    class="bp5-popover-target"
+                                    class="bp6-popover-target"
                                   >
                                     <a
                                       aria-disabled="true"
-                                      class="bp5-button bp5-disabled"
+                                      class="bp6-button bp6-disabled"
                                       disabled=""
                                       role="button"
                                       tabindex="-1"
                                     >
                                       <span
                                         aria-hidden="true"
-                                        class="bp5-icon bp5-icon-layers"
+                                        class="bp6-icon bp6-icon-layers"
                                       >
                                         <svg
                                           data-icon="layers"
@@ -983,36 +984,37 @@ and also the
                                         </svg>
                                       </span>
                                       <span
-                                        class="bp5-button-text"
+                                        class="bp6-button-text"
                                       >
                                         <label
-                                          class="bp5-control bp5-checkbox bp5-disabled"
+                                          class="bp6-control bp6-checkbox bp6-disabled"
                                           style="margin: 0px;"
                                         >
                                           <input
+                                            class="bp6-control-input"
                                             disabled=""
                                             type="checkbox"
                                           />
                                           <span
-                                            class="bp5-control-indicator"
+                                            class="bp6-control-indicator"
                                           />
                                         </label>
                                       </span>
                                     </a>
                                   </span>
                                   <span
-                                    class="bp5-popover-target"
+                                    class="bp6-popover-target"
                                   >
                                     <a
                                       aria-disabled="true"
-                                      class="bp5-button bp5-disabled"
+                                      class="bp6-button bp6-disabled"
                                       disabled=""
                                       role="button"
                                       tabindex="-1"
                                     >
                                       <span
                                         aria-hidden="true"
-                                        class="bp5-icon bp5-icon-minimize"
+                                        class="bp6-icon bp6-icon-minimize"
                                       >
                                         <svg
                                           data-icon="minimize"
@@ -1028,18 +1030,19 @@ and also the
                                         </svg>
                                       </span>
                                       <span
-                                        class="bp5-button-text"
+                                        class="bp6-button-text"
                                       >
                                         <label
-                                          class="bp5-control bp5-checkbox bp5-disabled"
+                                          class="bp6-control bp6-checkbox bp6-disabled"
                                           style="margin: 0px;"
                                         >
                                           <input
+                                            class="bp6-control-input"
                                             disabled=""
                                             type="checkbox"
                                           />
                                           <span
-                                            class="bp5-control-indicator"
+                                            class="bp6-control-indicator"
                                           />
                                         </label>
                                       </span>
@@ -1047,17 +1050,17 @@ and also the
                                   </span>
                                 </div>
                                 <div
-                                  class="bp5-button-group"
+                                  class="bp6-button-group"
                                 >
                                   <button
-                                    class="bp5-button bp5-disabled"
+                                    class="bp6-button bp6-disabled"
                                     disabled=""
                                     tabindex="-1"
                                     type="button"
                                   >
                                     <span
                                       aria-hidden="true"
-                                      class="bp5-icon bp5-icon-double-chevron-left"
+                                      class="bp6-icon bp6-icon-double-chevron-left"
                                     >
                                       <svg
                                         data-icon="double-chevron-left"
@@ -1074,14 +1077,14 @@ and also the
                                     </span>
                                   </button>
                                   <button
-                                    class="bp5-button bp5-disabled"
+                                    class="bp6-button bp6-disabled"
                                     disabled=""
                                     tabindex="-1"
                                     type="button"
                                   >
                                     <span
                                       aria-hidden="true"
-                                      class="bp5-icon bp5-icon-chevron-left"
+                                      class="bp6-icon bp6-icon-chevron-left"
                                     >
                                       <svg
                                         data-icon="chevron-left"
@@ -1098,14 +1101,14 @@ and also the
                                     </span>
                                   </button>
                                   <button
-                                    class="bp5-button bp5-disabled"
+                                    class="bp6-button bp6-disabled"
                                     disabled=""
                                     tabindex="-1"
                                     type="button"
                                   >
                                     <span
                                       aria-hidden="true"
-                                      class="bp5-icon bp5-icon-chevron-right"
+                                      class="bp6-icon bp6-icon-chevron-right"
                                     >
                                       <svg
                                         data-icon="chevron-right"
@@ -1122,14 +1125,14 @@ and also the
                                     </span>
                                   </button>
                                   <button
-                                    class="bp5-button bp5-disabled"
+                                    class="bp6-button bp6-disabled"
                                     disabled=""
                                     tabindex="-1"
                                     type="button"
                                   >
                                     <span
                                       aria-hidden="true"
-                                      class="bp5-icon bp5-icon-double-chevron-right"
+                                      class="bp6-icon bp6-icon-double-chevron-right"
                                     >
                                       <svg
                                         data-icon="double-chevron-right"
@@ -1147,21 +1150,21 @@ and also the
                                   </button>
                                 </div>
                                 <div
-                                  class="bp5-button-group"
+                                  class="bp6-button-group"
                                 >
                                   <span
-                                    class="bp5-popover-target"
+                                    class="bp6-popover-target"
                                   >
                                     <a
                                       aria-disabled="true"
-                                      class="bp5-button bp5-disabled"
+                                      class="bp6-button bp6-disabled"
                                       disabled=""
                                       role="button"
                                       tabindex="-1"
                                     >
                                       <span
                                         aria-hidden="true"
-                                        class="bp5-icon bp5-icon-print"
+                                        class="bp6-icon bp6-icon-print"
                                       >
                                         <svg
                                           data-icon="print"
@@ -1177,36 +1180,37 @@ and also the
                                         </svg>
                                       </span>
                                       <span
-                                        class="bp5-button-text"
+                                        class="bp6-button-text"
                                       >
                                         <label
-                                          class="bp5-control bp5-checkbox bp5-disabled"
+                                          class="bp6-control bp6-checkbox bp6-disabled"
                                           style="margin: 0px;"
                                         >
                                           <input
+                                            class="bp6-control-input"
                                             disabled=""
                                             type="checkbox"
                                           />
                                           <span
-                                            class="bp5-control-indicator"
+                                            class="bp6-control-indicator"
                                           />
                                         </label>
                                       </span>
                                     </a>
                                   </span>
                                   <span
-                                    class="bp5-popover-target"
+                                    class="bp6-popover-target"
                                   >
                                     <a
                                       aria-disabled="true"
-                                      class="bp5-button bp5-disabled"
+                                      class="bp6-button bp6-disabled"
                                       disabled=""
                                       role="button"
                                       tabindex="-1"
                                     >
                                       <span
                                         aria-hidden="true"
-                                        class="bp5-icon bp5-icon-floppy-disk"
+                                        class="bp6-icon bp6-icon-floppy-disk"
                                       >
                                         <svg
                                           data-icon="floppy-disk"
@@ -1229,7 +1233,7 @@ and also the
                              
                             <div />
                             <div
-                              class="bp5-running-text"
+                              class="bp6-running-text"
                               data-testid="cse-machine-default-text"
                               id="cse-machine-default-text"
                             >
@@ -1253,7 +1257,7 @@ and also the
                               <br />
                               <br />
                               <div
-                                class="bp5-divider"
+                                class="bp6-divider"
                               />
                               Some useful keyboard shortcuts:
                               <br />
@@ -1270,11 +1274,11 @@ and also the
                               Note that these shortcuts are only active when the browser focus is on this tab.
                             </div>
                             <div
-                              class="bp5-button-group bp5-vertical"
+                              class="bp6-button-group bp6-vertical"
                               style="position: absolute; bottom: 20px; right: 20px;"
                             >
                               <button
-                                class="bp5-button bp5-disabled"
+                                class="bp6-button bp6-disabled"
                                 disabled=""
                                 style="margin-bottom: 5px; border-radius: 3px;"
                                 tabindex="-1"
@@ -1282,7 +1286,7 @@ and also the
                               >
                                 <span
                                   aria-hidden="true"
-                                  class="bp5-icon bp5-icon-plus"
+                                  class="bp6-icon bp6-icon-plus"
                                 >
                                   <svg
                                     data-icon="plus"
@@ -1299,7 +1303,7 @@ and also the
                                 </span>
                               </button>
                               <button
-                                class="bp5-button bp5-disabled"
+                                class="bp6-button bp6-disabled"
                                 disabled=""
                                 style="border-radius: 3px;"
                                 tabindex="-1"
@@ -1307,7 +1311,7 @@ and also the
                               >
                                 <span
                                   aria-hidden="true"
-                                  class="bp5-icon bp5-icon-minus"
+                                  class="bp6-icon bp6-icon-minus"
                                 >
                                   <svg
                                     data-icon="minus"
@@ -1329,20 +1333,20 @@ and also the
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_remote_execution"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_remote_execution"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_remote_execution"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_remote_execution"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="bp5-callout bp5-intent-danger bp5-callout-has-body-content bp5-callout-icon"
+                            class="bp6-callout bp6-intent-danger bp6-callout-has-body-content bp6-callout-icon"
                           >
                             <span
                               aria-hidden="true"
-                              class="bp5-icon bp5-icon-error"
+                              class="bp6-icon bp6-icon-error"
                               tabindex="-1"
                             >
                               <svg
@@ -1392,7 +1396,7 @@ and also the
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -1497,17 +1501,17 @@ and also the
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -1523,18 +1527,18 @@ and also the
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -1550,7 +1554,7 @@ and also the
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
@@ -1571,7 +1575,7 @@ and also the
 exports[`Playground tests > Playground with link renders correctly 1`] = `
 <div>
   <div
-    class="Playground bp5-dark"
+    class="Playground bp6-dark"
   >
     <div
       class="workspace"
@@ -1580,31 +1584,32 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
         class="ControlBar"
       >
         <div
-          class="ControlBar_editor bp5-button-group"
+          class="ControlBar_editor bp6-button-group"
         >
           <div
             class="Switch"
           >
             <label
-              class="bp5-control bp5-switch"
+              class="bp6-control bp6-switch"
             >
               <input
+                class="bp6-control-input"
                 type="checkbox"
               />
               <span
-                class="bp5-control-indicator"
+                class="bp6-control-indicator"
               />
             </label>
           </div>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-play"
+                class="bp6-icon bp6-icon-play"
               >
                 <svg
                   data-icon="play"
@@ -1620,24 +1625,24 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Run
               </span>
             </button>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-share"
+                  class="bp6-icon bp6-icon-share"
                 >
                   <svg
                     data-icon="share"
@@ -1653,7 +1658,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   Share
                 </span>
@@ -1665,21 +1670,21 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
             aria-disabled="false"
             aria-expanded="false"
             aria-haspopup="listbox"
-            class="bp5-popover-target"
+            class="bp6-popover-target"
             role="combobox"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
               type="button"
             >
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Source §2
               </span>
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-double-caret-vertical"
+                class="bp6-icon bp6-icon-double-caret-vertical"
               >
                 <svg
                   data-icon="double-caret-vertical"
@@ -1697,17 +1702,17 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
             </button>
           </div>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-social-media"
+                  class="bp6-icon bp6-icon-social-media"
                 >
                   <svg
                     data-icon="social-media"
@@ -1723,7 +1728,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   Session
                 </span>
@@ -1731,14 +1736,14 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
             </span>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <button
-              class="bp5-button bp5-minimal"
+              class="bp6-button bp6-minimal"
             >
               <span
                 aria-hidden="true"
-                class="bp5-icon bp5-icon-folder-close"
+                class="bp6-icon bp6-icon-folder-close"
               >
                 <svg
                   data-icon="folder-close"
@@ -1754,24 +1759,24 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                 </svg>
               </span>
               <span
-                class="bp5-button-text"
+                class="bp6-button-text"
               >
                 Folder
               </span>
             </button>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-cloud"
+                  class="bp6-icon bp6-icon-cloud"
                 >
                   <svg
                     data-icon="cloud"
@@ -1787,7 +1792,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   Google Drive
                 </span>
@@ -1795,17 +1800,17 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
             </span>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <span
-              class="bp5-popover-target"
+              class="bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-git-branch"
+                  class="bp6-icon bp6-icon-git-branch"
                 >
                   <svg
                     data-icon="git-branch"
@@ -1821,7 +1826,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                   </svg>
                 </span>
                 <span
-                  class="bp5-button-text"
+                  class="bp6-button-text"
                 >
                   GitHub
                 </span>
@@ -1829,18 +1834,18 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
             </span>
           </span>
           <span
-            class="bp5-popover-target"
+            class="bp6-popover-target"
           >
             <div
-              class="bp5-control-group bp5-numeric-input"
+              class="bp6-control-group bp6-numeric-input"
               role="group"
             >
               <div
-                class="bp5-input-group"
+                class="bp6-input-group"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-time"
+                  class="bp6-icon bp6-icon-time"
                   tabindex="-1"
                 >
                   <svg
@@ -1860,7 +1865,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                   aria-valuemin="1000"
                   aria-valuenow="1000"
                   autocomplete="off"
-                  class="bp5-input"
+                  class="bp6-input"
                   id="numericInput-1"
                   min="1000"
                   role="spinbutton"
@@ -1871,17 +1876,17 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                 />
               </div>
               <div
-                class="bp5-button-group bp5-vertical bp5-fixed"
+                class="bp6-button-group bp6-vertical bp6-fixed"
               >
                 <button
                   aria-controls="numericInput-1"
                   aria-label="increment"
-                  class="bp5-button"
+                  class="bp6-button"
                   type="button"
                 >
                   <span
                     aria-hidden="true"
-                    class="bp5-icon bp5-icon-chevron-up"
+                    class="bp6-icon bp6-icon-chevron-up"
                   >
                     <svg
                       data-icon="chevron-up"
@@ -1902,14 +1907,14 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                 <button
                   aria-controls="numericInput-1"
                   aria-label="decrement"
-                  class="bp5-button bp5-disabled"
+                  class="bp6-button bp6-disabled"
                   disabled=""
                   tabindex="-1"
                   type="button"
                 >
                   <span
                     aria-hidden="true"
-                    class="bp5-icon bp5-icon-chevron-down"
+                    class="bp6-icon bp6-icon-chevron-down"
                   >
                     <svg
                       data-icon="chevron-down"
@@ -1932,7 +1937,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
           </span>
         </div>
         <div
-          class="ControlBar_editingWorkspace bp5-button-group"
+          class="ControlBar_editingWorkspace bp6-button-group"
         />
       </div>
       <div
@@ -1960,7 +1965,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
               class="editor-container"
             >
               <div
-                class="Editor bp5-card bp5-elevation-0"
+                class="Editor bp6-card bp6-elevation-0"
               >
                 <div
                   class="row editor-react-ace"
@@ -2084,16 +2089,16 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
             class="right-parent"
           >
             <span
-              class="fullscreen-button bp5-popover-target"
+              class="fullscreen-button bp6-popover-target"
             >
               <button
-                class="bp5-button bp5-minimal"
+                class="bp6-button bp6-minimal"
                 tabindex="0"
                 type="button"
               >
                 <span
                   aria-hidden="true"
-                  class="bp5-icon bp5-icon-maximize"
+                  class="bp6-icon bp6-icon-maximize"
                 >
                   <svg
                     data-icon="maximize"
@@ -2118,39 +2123,39 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                 class="side-content"
               >
                 <div
-                  class="bp5-card bp5-elevation-0"
+                  class="bp6-card bp6-elevation-0"
                 >
                   <div
                     class="side-content-tabs"
                   >
                     <div
-                      class="bp5-tabs"
+                      class="bp6-tabs"
                     >
                       <div
-                        class="bp5-tab-list"
+                        class="bp6-tab-list"
                         role="tablist"
                       >
                         <div
-                          class="bp5-tab-indicator-wrapper"
+                          class="bp6-tab-indicator-wrapper"
                           style="height: 0px; transform: translateX(0px) translateY(0px); width: 0px;"
                         >
                           <div
-                            class="bp5-tab-indicator"
+                            class="bp6-tab-indicator"
                           />
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_introduction"
+                          aria-controls="bp6-tab-panel_side-content-tabs_introduction"
                           aria-disabled="false"
                           aria-expanded="true"
                           aria-selected="true"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="introduction"
-                          id="bp5-tab-title_side-content-tabs_introduction"
+                          id="bp6-tab-title_side-content-tabs_introduction"
                           role="tab"
                           tabindex="0"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2158,7 +2163,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-home"
+                                class="bp6-icon bp6-icon-home"
                               >
                                 <svg
                                   data-icon="home"
@@ -2177,18 +2182,18 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_data_visualizer"
+                          aria-controls="bp6-tab-panel_side-content-tabs_data_visualizer"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="data_visualizer"
-                          id="bp5-tab-title_side-content-tabs_data_visualizer"
+                          id="bp6-tab-title_side-content-tabs_data_visualizer"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2196,7 +2201,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-eye-open"
+                                class="bp6-icon bp6-icon-eye-open"
                               >
                                 <svg
                                   data-icon="eye-open"
@@ -2215,18 +2220,18 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_subst_visualiser"
+                          aria-controls="bp6-tab-panel_side-content-tabs_subst_visualiser"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="subst_visualiser"
-                          id="bp5-tab-title_side-content-tabs_subst_visualiser"
+                          id="bp6-tab-title_side-content-tabs_subst_visualiser"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2234,7 +2239,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-flow-review"
+                                class="bp6-icon bp6-icon-flow-review"
                               >
                                 <svg
                                   data-icon="flow-review"
@@ -2253,18 +2258,18 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                           </span>
                         </div>
                         <div
-                          aria-controls="bp5-tab-panel_side-content-tabs_remote_execution"
+                          aria-controls="bp6-tab-panel_side-content-tabs_remote_execution"
                           aria-disabled="false"
                           aria-expanded="false"
                           aria-selected="false"
-                          class="bp5-tab side-content-tab"
+                          class="bp6-tab side-content-tab"
                           data-tab-id="remote_execution"
-                          id="bp5-tab-title_side-content-tabs_remote_execution"
+                          id="bp6-tab-title_side-content-tabs_remote_execution"
                           role="tab"
                           tabindex="-1"
                         >
                           <span
-                            class="bp5-popover-target"
+                            class="bp6-popover-target"
                           >
                             <div
                               class="side-content-tooltip"
@@ -2272,7 +2277,7 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                             >
                               <span
                                 aria-hidden="true"
-                                class="bp5-icon bp5-icon-satellite"
+                                class="bp6-icon bp6-icon-satellite"
                               >
                                 <svg
                                   data-icon="satellite"
@@ -2293,16 +2298,16 @@ exports[`Playground tests > Playground with link renders correctly 1`] = `
                       </div>
                       <div
                         aria-hidden="false"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_introduction"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_introduction"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_introduction"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_introduction"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="md bp5-running-text"
+                            class="md bp6-running-text"
                           >
                             <p>
                               Welcome to the Source Academy playground!
@@ -2374,9 +2379,9 @@ and also the
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_data_visualizer"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_data_visualizer"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_data_visualizer"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_data_visualizer"
                         role="tabpanel"
                       >
                         <div
@@ -2386,10 +2391,10 @@ and also the
                             tabindex="-1"
                           >
                             <div
-                              class="sa-data-visualizer bp5-dark"
+                              class="sa-data-visualizer bp6-dark"
                             >
                               <p
-                                class="bp5-running-text"
+                                class="bp6-running-text"
                                 id="data-visualizer-default-text"
                               >
                                 The data visualizer helps you to visualize data structures.
@@ -2456,39 +2461,39 @@ and also the
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_subst_visualiser"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_subst_visualiser"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_subst_visualiser"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_subst_visualiser"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="sa-substituter bp5-dark"
+                            class="sa-substituter bp6-dark"
                             tabindex="-1"
                           >
                             <div
-                              class="bp5-slider bp5-disabled"
+                              class="bp6-slider bp6-disabled"
                             >
                               <div
-                                class="bp5-slider-track"
+                                class="bp6-slider-track"
                               >
                                 <div
-                                  class="bp5-slider-progress"
+                                  class="bp6-slider-progress"
                                   style="left: 0%; right: 0%; top: 0px;"
                                 />
                                 <div
-                                  class="bp5-slider-progress bp5-intent-primary"
+                                  class="bp6-slider-progress bp6-intent-primary"
                                   style="left: 0%; right: 0%; top: 0px;"
                                 />
                                 <div
-                                  class="bp5-slider-progress"
+                                  class="bp6-slider-progress"
                                   style="left: 0%; right: 0%; top: 0px;"
                                 />
                               </div>
                               <div
-                                class="bp5-slider-axis"
+                                class="bp6-slider-axis"
                               />
                               <span
                                 aria-disabled="true"
@@ -2496,13 +2501,13 @@ and also the
                                 aria-valuemax="0"
                                 aria-valuemin="1"
                                 aria-valuenow="1"
-                                class="bp5-slider-handle"
+                                class="bp6-slider-handle"
                                 role="slider"
                                 style="left: calc(0% - 0px);"
                                 tabindex="0"
                               >
                                 <span
-                                  class="bp5-slider-label"
+                                  class="bp6-slider-label"
                                 >
                                   1
                                 </span>
@@ -2512,17 +2517,17 @@ and also the
                               style="display: flex; justify-content: center; align-items: center;"
                             >
                               <div
-                                class="bp5-button-group"
+                                class="bp6-button-group"
                               >
                                 <button
-                                  class="bp5-button bp5-disabled"
+                                  class="bp6-button bp6-disabled"
                                   disabled=""
                                   tabindex="-1"
                                   type="button"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-double-chevron-left"
+                                    class="bp6-icon bp6-icon-double-chevron-left"
                                   >
                                     <svg
                                       data-icon="double-chevron-left"
@@ -2539,14 +2544,14 @@ and also the
                                   </span>
                                 </button>
                                 <button
-                                  class="bp5-button bp5-disabled"
+                                  class="bp6-button bp6-disabled"
                                   disabled=""
                                   tabindex="-1"
                                   type="button"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-chevron-left"
+                                    class="bp6-icon bp6-icon-chevron-left"
                                   >
                                     <svg
                                       data-icon="chevron-left"
@@ -2563,14 +2568,14 @@ and also the
                                   </span>
                                 </button>
                                 <button
-                                  class="bp5-button bp5-disabled"
+                                  class="bp6-button bp6-disabled"
                                   disabled=""
                                   tabindex="-1"
                                   type="button"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-chevron-right"
+                                    class="bp6-icon bp6-icon-chevron-right"
                                   >
                                     <svg
                                       data-icon="chevron-right"
@@ -2587,14 +2592,14 @@ and also the
                                   </span>
                                 </button>
                                 <button
-                                  class="bp5-button bp5-disabled"
+                                  class="bp6-button bp6-disabled"
                                   disabled=""
                                   tabindex="-1"
                                   type="button"
                                 >
                                   <span
                                     aria-hidden="true"
-                                    class="bp5-icon bp5-icon-double-chevron-right"
+                                    class="bp6-icon bp6-icon-double-chevron-right"
                                   >
                                     <svg
                                       data-icon="double-chevron-right"
@@ -2616,7 +2621,7 @@ and also the
                             <br />
                             <div>
                               <div
-                                class="bp5-running-text"
+                                class="bp6-running-text"
                                 id="substituter-default-text"
                               >
                                 Welcome to the Stepper!
@@ -2629,7 +2634,7 @@ and also the
                                 <br />
                                 <br />
                                 <div
-                                  class="bp5-divider"
+                                  class="bp6-divider"
                                 />
                                 Some useful keyboard shortcuts:
                                 <br />
@@ -2651,20 +2656,20 @@ and also the
                       </div>
                       <div
                         aria-hidden="true"
-                        aria-labelledby="bp5-tab-title_side-content-tabs_remote_execution"
-                        class="bp5-tab-panel side-content-tab"
-                        id="bp5-tab-panel_side-content-tabs_remote_execution"
+                        aria-labelledby="bp6-tab-title_side-content-tabs_remote_execution"
+                        class="bp6-tab-panel side-content-tab"
+                        id="bp6-tab-panel_side-content-tabs_remote_execution"
                         role="tabpanel"
                       >
                         <div
                           class="side-content-text"
                         >
                           <div
-                            class="bp5-callout bp5-intent-danger bp5-callout-has-body-content bp5-callout-icon"
+                            class="bp6-callout bp6-intent-danger bp6-callout-has-body-content bp6-callout-icon"
                           >
                             <span
                               aria-hidden="true"
-                              class="bp5-icon bp5-icon-error"
+                              class="bp6-icon bp6-icon-error"
                               tabindex="-1"
                             >
                               <svg
@@ -2714,7 +2719,7 @@ and also the
                 class="repl-output-parent"
               >
                 <div
-                  class="repl-input-parent row bp5-card bp5-elevation-0"
+                  class="repl-input-parent row bp6-card bp6-elevation-0"
                 >
                   <div
                     class=" ace_editor ace_hidpi ace-source ace_dark repl-react-ace react-ace"
@@ -2819,17 +2824,17 @@ and also the
                     />
                   </div>
                   <div
-                    class="bp5-button-group bp5-dark"
+                    class="bp6-button-group bp6-dark"
                   >
                     <span
-                      class="bp5-popover-target"
+                      class="bp6-popover-target"
                     >
                       <button
-                        class="bp5-button bp5-minimal"
+                        class="bp6-button bp6-minimal"
                       >
                         <span
                           aria-hidden="true"
-                          class="bp5-icon bp5-icon-code"
+                          class="bp6-icon bp6-icon-code"
                         >
                           <svg
                             data-icon="code"
@@ -2845,18 +2850,18 @@ and also the
                           </svg>
                         </span>
                         <span
-                          class="bp5-button-text"
+                          class="bp6-button-text"
                         >
                           Eval
                         </span>
                       </button>
                     </span>
                     <button
-                      class="bp5-button bp5-minimal"
+                      class="bp6-button bp6-minimal"
                     >
                       <span
                         aria-hidden="true"
-                        class="bp5-icon bp5-icon-remove"
+                        class="bp6-icon bp6-icon-remove"
                       >
                         <svg
                           data-icon="remove"
@@ -2872,7 +2877,7 @@ and also the
                         </svg>
                       </span>
                       <span
-                        class="bp5-button-text"
+                        class="bp6-button-text"
                       >
                         Clear
                       </span>
diff --git a/src/pages/sicp/subcomponents/__tests__/__snapshots__/CodeSnippet.test.tsx.snap b/src/pages/sicp/subcomponents/__tests__/__snapshots__/CodeSnippet.test.tsx.snap
index e6773a9c52..2d372143af 100644
--- a/src/pages/sicp/subcomponents/__tests__/__snapshots__/CodeSnippet.test.tsx.snap
+++ b/src/pages/sicp/subcomponents/__tests__/__snapshots__/CodeSnippet.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Sicp Code Snippet > renders correctly with prepend 1`] = `
 <div
   className="sicp-code-snippet"
 >
-  <Blueprint5.Card
+  <Blueprint6.Card
     className="sicp-code-snippet-closed"
     elevation={2}
     interactive={true}
@@ -91,7 +91,7 @@ exports[`Sicp Code Snippet > renders correctly with prepend 1`] = `
       const a = 1;
 a+1;
     </SyntaxHighlighter>
-  </Blueprint5.Card>
+  </Blueprint6.Card>
   <ForwardRef>
     <em>
       2
@@ -104,7 +104,7 @@ exports[`Sicp Code Snippet > renders correctly without prepend 1`] = `
 <div
   className="sicp-code-snippet"
 >
-  <Blueprint5.Card
+  <Blueprint6.Card
     className="sicp-code-snippet-closed"
     elevation={2}
     interactive={true}
@@ -191,7 +191,7 @@ exports[`Sicp Code Snippet > renders correctly without prepend 1`] = `
       const a = 1;
 a+1;
     </SyntaxHighlighter>
-  </Blueprint5.Card>
+  </Blueprint6.Card>
   <ForwardRef>
     <em>
       2
diff --git a/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpExercise.test.tsx.snap b/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpExercise.test.tsx.snap
index 595a85d0b6..c9e88e8fa1 100644
--- a/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpExercise.test.tsx.snap
+++ b/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpExercise.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Sicp exercise renders > correctly 1`] = `
 <div
-  className="sicp-exercise bp5-card bp5-elevation-1"
+  className="sicp-exercise bp6-card bp6-elevation-1"
 >
   <b>
     Title
@@ -16,7 +16,7 @@ exports[`Sicp exercise renders > correctly 1`] = `
     className="sicp-button-container"
   >
     <button
-      className="bp5-button bp5-large sicp-show-solution-button"
+      className="bp6-button bp6-large sicp-show-solution-button"
       disabled={false}
       onBlur={[Function]}
       onClick={[Function]}
@@ -25,14 +25,14 @@ exports[`Sicp exercise renders > correctly 1`] = `
       type="button"
     >
       <span
-        className="bp5-button-text"
+        className="bp6-button-text"
       >
         Show Solution
       </span>
     </button>
   </div>
   <div
-    className="bp5-collapse sicp-solution"
+    className="bp6-collapse sicp-solution"
     style={
       {
         "height": undefined,
@@ -43,7 +43,7 @@ exports[`Sicp exercise renders > correctly 1`] = `
   >
     <div
       aria-hidden={true}
-      className="bp5-collapse-body"
+      className="bp6-collapse-body"
       style={
         {
           "transform": "translateY(-undefinedpx)",
diff --git a/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpIndexPage.test.tsx.snap b/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpIndexPage.test.tsx.snap
index 35d501e960..0ad1b8fbb4 100644
--- a/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpIndexPage.test.tsx.snap
+++ b/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpIndexPage.test.tsx.snap
@@ -16,12 +16,12 @@ exports[`Sicp index page 1`] = `
     >
       <div>
         <h1
-          className="bp5-heading"
+          className="bp6-heading"
         >
           Structure and Interpretation of Computer Programs
         </h1>
         <h2
-          className="bp5-heading"
+          className="bp6-heading"
         >
           — JavaScript Edition
         </h2>
@@ -30,7 +30,7 @@ exports[`Sicp index page 1`] = `
         className="sicp-authors"
       >
         <h4
-          className="bp5-heading"
+          className="bp6-heading"
         >
           Harold Abelson and Gerald Jay Sussman
         </h4>
@@ -41,7 +41,7 @@ exports[`Sicp index page 1`] = `
           </i>
         </p>
         <h4
-          className="bp5-heading"
+          className="bp6-heading"
         >
           Martin Henz and Tobias Wrigstad
         </h4>
@@ -52,7 +52,7 @@ exports[`Sicp index page 1`] = `
           </i>
         </p>
         <h4
-          className="bp5-heading"
+          className="bp6-heading"
         >
           Samuel Fang
         </h4>
@@ -66,7 +66,7 @@ exports[`Sicp index page 1`] = `
   </div>
   <br />
   <h2
-    className="bp5-heading"
+    className="bp6-heading"
   >
     Content
   </h2>
@@ -74,16 +74,16 @@ exports[`Sicp index page 1`] = `
     className="sicp-toc"
   >
     <div
-      className="bp5-tree sicp-toc-tree"
+      className="bp6-tree sicp-toc-tree"
     >
       <ul
-        className="bp5-tree-node-list bp5-tree-root"
+        className="bp6-tree-node-list bp6-tree-root"
       >
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -91,16 +91,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               Foreword
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -111,7 +111,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -122,10 +122,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -133,16 +133,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               Foreword to Structure and Interpretation of Computer Programs, 1984
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -153,7 +153,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -164,10 +164,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -175,16 +175,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               Preface
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -195,7 +195,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -206,10 +206,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -217,16 +217,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               Prefaces to Structure and Interpretation of Computer Programs, 1996 & 1984
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -237,7 +237,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -248,10 +248,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -259,16 +259,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               Acknowledgments
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -279,7 +279,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -290,10 +290,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -301,7 +301,7 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+              className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
               onClick={[Function]}
             >
               <svg
@@ -327,13 +327,13 @@ exports[`Sicp index page 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               1 Building Abstractions with Functions
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -344,7 +344,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -355,10 +355,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -366,7 +366,7 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+              className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
               onClick={[Function]}
             >
               <svg
@@ -392,13 +392,13 @@ exports[`Sicp index page 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               2 Building Abstractions with Data
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -409,7 +409,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -420,10 +420,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -431,7 +431,7 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+              className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
               onClick={[Function]}
             >
               <svg
@@ -457,13 +457,13 @@ exports[`Sicp index page 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               3 Modularity, Objects, and State
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -474,7 +474,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -485,10 +485,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -496,7 +496,7 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+              className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
               onClick={[Function]}
             >
               <svg
@@ -522,13 +522,13 @@ exports[`Sicp index page 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               4 Metalinguistic Abstraction
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -539,7 +539,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -550,10 +550,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -561,7 +561,7 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+              className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
               onClick={[Function]}
             >
               <svg
@@ -587,13 +587,13 @@ exports[`Sicp index page 1`] = `
               </svg>
             </span>
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               5 Computing with Register Machines
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -604,7 +604,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -615,10 +615,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -626,16 +626,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               References
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -646,7 +646,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -657,10 +657,10 @@ exports[`Sicp index page 1`] = `
           </div>
         </li>
         <li
-          className="bp5-tree-node"
+          className="bp6-tree-node"
         >
           <div
-            className="bp5-tree-node-content bp5-tree-node-content-0"
+            className="bp6-tree-node-content bp6-tree-node-content-0"
             onClick={[Function]}
             onContextMenu={[Function]}
             onDoubleClick={[Function]}
@@ -668,16 +668,16 @@ exports[`Sicp index page 1`] = `
             onMouseLeave={[Function]}
           >
             <span
-              className="bp5-tree-node-caret-none"
+              className="bp6-tree-node-caret-none"
             />
             <span
-              className="bp5-tree-node-label"
+              className="bp6-tree-node-label"
             >
               About the SICP JS Project
             </span>
           </div>
           <div
-            className="bp5-collapse"
+            className="bp6-collapse"
             style={
               {
                 "height": undefined,
@@ -688,7 +688,7 @@ exports[`Sicp index page 1`] = `
           >
             <div
               aria-hidden={true}
-              className="bp5-collapse-body"
+              className="bp6-collapse-body"
               style={
                 {
                   "transform": "translateY(-undefinedpx)",
@@ -703,7 +703,7 @@ exports[`Sicp index page 1`] = `
   </div>
   <br />
   <h2
-    className="bp5-heading"
+    className="bp6-heading"
   >
     Licenses
   </h2>
diff --git a/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpToc.test.tsx.snap b/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpToc.test.tsx.snap
index c62b6bd580..7588cee636 100644
--- a/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpToc.test.tsx.snap
+++ b/src/pages/sicp/subcomponents/__tests__/__snapshots__/SicpToc.test.tsx.snap
@@ -5,16 +5,16 @@ exports[`Sicp toc renders correctly 1`] = `
   className="sicp-toc"
 >
   <div
-    className="bp5-tree sicp-toc-tree"
+    className="bp6-tree sicp-toc-tree"
   >
     <ul
-      className="bp5-tree-node-list bp5-tree-root"
+      className="bp6-tree-node-list bp6-tree-root"
     >
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -22,16 +22,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             Foreword
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -42,7 +42,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -53,10 +53,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -64,16 +64,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             Foreword to Structure and Interpretation of Computer Programs, 1984
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -84,7 +84,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -95,10 +95,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -106,16 +106,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             Preface
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -126,7 +126,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -137,10 +137,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -148,16 +148,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             Prefaces to Structure and Interpretation of Computer Programs, 1996 & 1984
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -168,7 +168,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -179,10 +179,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -190,16 +190,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             Acknowledgments
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -210,7 +210,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -221,10 +221,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -232,7 +232,7 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+            className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
             onClick={[Function]}
           >
             <svg
@@ -258,13 +258,13 @@ exports[`Sicp toc renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             1 Building Abstractions with Functions
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -275,7 +275,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -286,10 +286,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -297,7 +297,7 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+            className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
             onClick={[Function]}
           >
             <svg
@@ -323,13 +323,13 @@ exports[`Sicp toc renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             2 Building Abstractions with Data
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -340,7 +340,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -351,10 +351,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -362,7 +362,7 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+            className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
             onClick={[Function]}
           >
             <svg
@@ -388,13 +388,13 @@ exports[`Sicp toc renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             3 Modularity, Objects, and State
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -405,7 +405,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -416,10 +416,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -427,7 +427,7 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+            className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
             onClick={[Function]}
           >
             <svg
@@ -453,13 +453,13 @@ exports[`Sicp toc renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             4 Metalinguistic Abstraction
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -470,7 +470,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -481,10 +481,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -492,7 +492,7 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-icon bp5-icon-chevron-right bp5-tree-node-caret bp5-tree-node-caret-closed"
+            className="bp6-icon bp6-icon-chevron-right bp6-tree-node-caret bp6-tree-node-caret-closed"
             onClick={[Function]}
           >
             <svg
@@ -518,13 +518,13 @@ exports[`Sicp toc renders correctly 1`] = `
             </svg>
           </span>
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             5 Computing with Register Machines
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -535,7 +535,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -546,10 +546,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -557,16 +557,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             References
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -577,7 +577,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
@@ -588,10 +588,10 @@ exports[`Sicp toc renders correctly 1`] = `
         </div>
       </li>
       <li
-        className="bp5-tree-node"
+        className="bp6-tree-node"
       >
         <div
-          className="bp5-tree-node-content bp5-tree-node-content-0"
+          className="bp6-tree-node-content bp6-tree-node-content-0"
           onClick={[Function]}
           onContextMenu={[Function]}
           onDoubleClick={[Function]}
@@ -599,16 +599,16 @@ exports[`Sicp toc renders correctly 1`] = `
           onMouseLeave={[Function]}
         >
           <span
-            className="bp5-tree-node-caret-none"
+            className="bp6-tree-node-caret-none"
           />
           <span
-            className="bp5-tree-node-label"
+            className="bp6-tree-node-label"
           >
             About the SICP JS Project
           </span>
         </div>
         <div
-          className="bp5-collapse"
+          className="bp6-collapse"
           style={
             {
               "height": undefined,
@@ -619,7 +619,7 @@ exports[`Sicp toc renders correctly 1`] = `
         >
           <div
             aria-hidden={true}
-            className="bp5-collapse-body"
+            className="bp6-collapse-body"
             style={
               {
                 "transform": "translateY(-undefinedpx)",
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
index ed4971068b..3bc2c9ae6d 100644
--- a/src/styles/_global.scss
+++ b/src/styles/_global.scss
@@ -1,4 +1,4 @@
-$ns: 'bp5';
+$ns: 'bp6';
 
 // Global variables
 $cadet-color-1: #1a2530;
diff --git a/yarn.lock b/yarn.lock
index 77457e5a88..ac66418dfc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -86,10 +86,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.27.2":
-  version: 7.27.5
-  resolution: "@babel/compat-data@npm:7.27.5"
-  checksum: 10c0/da2751fcd0b58eea958f2b2f7ff7d6de1280712b709fa1ad054b73dc7d31f589e353bb50479b9dc96007935f3ed3cada68ac5b45ce93086b7122ddc32e60dc00
+"@babel/compat-data@npm:^7.27.2, @babel/compat-data@npm:^7.27.7, @babel/compat-data@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/compat-data@npm:7.28.0"
+  checksum: 10c0/c4e527302bcd61052423f757355a71c3bc62362bac13f7f130de16e439716f66091ff5bdecda418e8fa0271d4c725f860f0ee23ab7bf6e769f7a8bb16dfcb531
   languageName: node
   linkType: hard
 
@@ -129,7 +129,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-annotate-as-pure@npm:^7.18.6, @babel/helper-annotate-as-pure@npm:^7.27.1":
+"@babel/helper-annotate-as-pure@npm:^7.18.6, @babel/helper-annotate-as-pure@npm:^7.27.1, @babel/helper-annotate-as-pure@npm:^7.27.3":
   version: 7.27.3
   resolution: "@babel/helper-annotate-as-pure@npm:7.27.3"
   dependencies:
@@ -138,7 +138,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.27.1, @babel/helper-compilation-targets@npm:^7.27.2":
+"@babel/helper-compilation-targets@npm:^7.27.1, @babel/helper-compilation-targets@npm:^7.27.2":
   version: 7.27.2
   resolution: "@babel/helper-compilation-targets@npm:7.27.2"
   dependencies:
@@ -181,18 +181,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-define-polyfill-provider@npm:^0.6.3, @babel/helper-define-polyfill-provider@npm:^0.6.4":
-  version: 0.6.4
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.4"
+"@babel/helper-define-polyfill-provider@npm:^0.6.5":
+  version: 0.6.5
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.5"
   dependencies:
-    "@babel/helper-compilation-targets": "npm:^7.22.6"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    debug: "npm:^4.1.1"
+    "@babel/helper-compilation-targets": "npm:^7.27.2"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    debug: "npm:^4.4.1"
     lodash.debounce: "npm:^4.0.8"
-    resolve: "npm:^1.14.2"
+    resolve: "npm:^1.22.10"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/b74f2b46e233a178618d19432bdae16e0137d0a603497ee901155e083c4a61f26fe01d79fb95d5f4c22131ade9d958d8f587088d412cca1302633587f070919d
+  checksum: 10c0/4886a068d9ca1e70af395340656a9dda33c50502c67eed39ff6451785f370bdfc6e57095b90cb92678adcd4a111ca60909af53d3a741120719c5604346ae409e
   languageName: node
   linkType: hard
 
@@ -213,7 +213,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.18.6, @babel/helper-module-imports@npm:^7.27.1":
+"@babel/helper-module-imports@npm:^7.10.4, @babel/helper-module-imports@npm:^7.16.7, @babel/helper-module-imports@npm:^7.27.1":
   version: 7.27.1
   resolution: "@babel/helper-module-imports@npm:7.27.1"
   dependencies:
@@ -245,7 +245,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.27.1":
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.27.1":
   version: 7.27.1
   resolution: "@babel/helper-plugin-utils@npm:7.27.1"
   checksum: 10c0/94cf22c81a0c11a09b197b41ab488d416ff62254ce13c57e62912c85700dc2e99e555225787a4099ff6bae7a1812d622c80fbaeda824b79baa10a6c5ac4cf69b
@@ -302,7 +302,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-option@npm:^7.18.6, @babel/helper-validator-option@npm:^7.27.1":
+"@babel/helper-validator-option@npm:^7.27.1":
   version: 7.27.1
   resolution: "@babel/helper-validator-option@npm:7.27.1"
   checksum: 10c0/6fec5f006eba40001a20f26b1ef5dbbda377b7b68c8ad518c05baa9af3f396e780bdfded24c4eef95d14bb7b8fd56192a6ed38d5d439b97d10efc5f1a191d148
@@ -321,12 +321,12 @@ __metadata:
   linkType: hard
 
 "@babel/helpers@npm:^7.27.6":
-  version: 7.27.6
-  resolution: "@babel/helpers@npm:7.27.6"
+  version: 7.28.2
+  resolution: "@babel/helpers@npm:7.28.2"
   dependencies:
     "@babel/template": "npm:^7.27.2"
-    "@babel/types": "npm:^7.27.6"
-  checksum: 10c0/448bac96ef8b0f21f2294a826df9de6bf4026fd023f8a6bb6c782fe3e61946801ca24381490b8e58d861fee75cd695a1882921afbf1f53b0275ee68c938bd6d3
+    "@babel/types": "npm:^7.28.2"
+  checksum: 10c0/f3e7b21517e2699c4ca193663ecfb1bf1b2ae2762d8ba4a9f1786feaca0d6984537fc60bf2206e92c43640a6dada6b438f523cc1ad78610d0151aeb061b37f63
   languageName: node
   linkType: hard
 
@@ -445,7 +445,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.18.6, @babel/plugin-syntax-jsx@npm:^7.27.1":
+"@babel/plugin-syntax-jsx@npm:^7.27.1":
   version: 7.27.1
   resolution: "@babel/plugin-syntax-jsx@npm:7.27.1"
   dependencies:
@@ -501,16 +501,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-generator-functions@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.27.1"
+"@babel/plugin-transform-async-generator-functions@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.28.0"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.27.1"
     "@babel/helper-remap-async-to-generator": "npm:^7.27.1"
-    "@babel/traverse": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.28.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/772e449c69ee42a466443acefb07083bd89efb1a1d95679a4dc99ea3be9d8a3c43a2b74d2da95d7c818e9dd9e0b72bfa7c03217a1feaf108f21b7e542f0943c0
+  checksum: 10c0/739d577e649d7d7b9845dc309e132964327ab3eaea43ad04d04a7dcb977c63f9aa9a423d1ca39baf10939128d02f52e6fda39c834fb9f1753785b1497e72c4dc
   languageName: node
   linkType: hard
 
@@ -538,14 +538,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.27.1":
-  version: 7.27.5
-  resolution: "@babel/plugin-transform-block-scoping@npm:7.27.5"
+"@babel/plugin-transform-block-scoping@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.28.0"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5c1a61f312f18d3807c4df25868161301a7bd0807092b86951fa6b9918e07ee382d58d61a204c3f9ad0b72b8f6f1d18586f8e485c355a3e959c26a070397e95e
+  checksum: 10c0/787d85e72a92917e735aa54e23062fa777031f8a07046e67f5026eff3d91e64eb535575dd1df917b0011bee014ae51287478af14c1d4ba60bc81e326bc044cfc
   languageName: node
   linkType: hard
 
@@ -573,19 +573,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-classes@npm:7.27.1"
+"@babel/plugin-transform-classes@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-classes@npm:7.28.0"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
-    "@babel/helper-compilation-targets": "npm:^7.27.1"
+    "@babel/helper-annotate-as-pure": "npm:^7.27.3"
+    "@babel/helper-compilation-targets": "npm:^7.27.2"
+    "@babel/helper-globals": "npm:^7.28.0"
     "@babel/helper-plugin-utils": "npm:^7.27.1"
     "@babel/helper-replace-supers": "npm:^7.27.1"
-    "@babel/traverse": "npm:^7.27.1"
-    globals: "npm:^11.1.0"
+    "@babel/traverse": "npm:^7.28.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/1071f4cb1ed5deb5e6f8d0442f2293a540cac5caa5ab3c25ad0571aadcbf961f61e26d367a67894976165a543e02f3a19e40b63b909afbed6e710801a590635c
+  checksum: 10c0/3b213b43104fe99dd7e79401a86d09e545836e057a70ffe77e8196a87bf67ae167e502ae90afdf0d1a2be683be5652514aaeda743bd984e583523dd8ecfef887
   languageName: node
   linkType: hard
 
@@ -601,14 +601,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.27.1, @babel/plugin-transform-destructuring@npm:^7.27.3":
-  version: 7.27.3
-  resolution: "@babel/plugin-transform-destructuring@npm:7.27.3"
+"@babel/plugin-transform-destructuring@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-destructuring@npm:7.28.0"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/traverse": "npm:^7.28.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f8ac96deef6f9a4cb1dff148dfa2a43116ca1c48434bba433964498c4ef5cef5557693b47463e64a71ffaaf10191c7fab0270844e8dbdc47dc4d120435025df5
+  checksum: 10c0/cc7ccafa952b3ff7888544d5688cfafaba78c69ce1e2f04f3233f4f78c9de5e46e9695f5ea42c085b0c0cfa39b10f366d362a2be245b6d35b66d3eb1d427ccb2
   languageName: node
   linkType: hard
 
@@ -658,6 +659,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/plugin-transform-explicit-resource-management@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-explicit-resource-management@npm:7.28.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/plugin-transform-destructuring": "npm:^7.28.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/3baa706af3112adf2ae0c7ec0dc61b63dd02695eb5582f3c3a2b2d05399c6aa7756f55e7bbbd5412e613a6ba1dd6b6736904074b4d7ebd6b45a1e3f9145e4094
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-transform-exponentiation-operator@npm:^7.27.1":
   version: 7.27.1
   resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.27.1"
@@ -844,17 +857,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-rest-spread@npm:^7.27.2":
-  version: 7.27.3
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.27.3"
+"@babel/plugin-transform-object-rest-spread@npm:^7.28.0":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.28.0"
   dependencies:
     "@babel/helper-compilation-targets": "npm:^7.27.2"
     "@babel/helper-plugin-utils": "npm:^7.27.1"
-    "@babel/plugin-transform-destructuring": "npm:^7.27.3"
-    "@babel/plugin-transform-parameters": "npm:^7.27.1"
+    "@babel/plugin-transform-destructuring": "npm:^7.28.0"
+    "@babel/plugin-transform-parameters": "npm:^7.27.7"
+    "@babel/traverse": "npm:^7.28.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f2d04f59f773a9480bbaabd082fecdb5fb2b6ae5e77147ae8df34a8b773b6148d0c4260d2beaa4755eb5f548a105f2069124b9cea96f9387128656cbb0730ee4
+  checksum: 10c0/360dc6fd5285ee5e1d3be8a1fb0decd120b2a1726800317b4ab48b7c91616247030239b7fa06ceaa1a8a586fde1e143c24d45f8d41956876099d97d664f8ef1e
   languageName: node
   linkType: hard
 
@@ -893,14 +907,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-parameters@npm:7.27.1"
+"@babel/plugin-transform-parameters@npm:^7.27.7":
+  version: 7.27.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.27.7"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/453a9618735eeff5551d4c7f02c250606586fe1dd210ec9f69a4f15629ace180cd944339ebff2b0f11e1a40567d83a229ba1c567620e70b2ebedea576e12196a
+  checksum: 10c0/f2da3804e047d9f1cfb27be6c014e2c7f6cf5e1e38290d1cb3cb2607859e3d6facb4ee8c8c1e336e9fbb440091a174ce95ce156582d7e8bf9c0e735d11681f0f
   languageName: node
   linkType: hard
 
@@ -941,73 +955,73 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-react-constant-elements@npm:^7.21.3":
-  version: 7.23.3
-  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.23.3"
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-react-constant-elements@npm:7.27.1"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c009668e5212841ee11510b887963b6d10abd9a53c67f3f4eb7e191d51bc7fca8abfe9d27e9ee977cc8675aa0c9a3d4cdc4b7fac91059c165ec9eb49c18dadde
+  checksum: 10c0/07fa88dd312c97d05de95e344a11a78e24d711e7bde879076d8880869ad7b0dc69c5a5ad056790595043cb9c533fd93af0ba015eed4631315282295f767ccfbe
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-display-name@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-react-display-name@npm:7.18.6"
+"@babel/plugin-transform-react-display-name@npm:^7.27.1":
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.28.0"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.18.6"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2c5f44f653604b800145ebad74e11ad6ec06bf96741b69a404e1409afb36abe34b27621b64ddba138813ad957fb8130dc15bd60ecd3b58380115edcccbdeb2ab
+  checksum: 10c0/f5f86d2ad92be3e962158f344c2e385e23e2dfae7c8c7dc32138fb2cc46f63f5e50386c9f6c6fc16dbf1792c7bb650ad92c18203d0c2c0bd875bc28b0b80ef30
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx-development@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.18.6"
+"@babel/plugin-transform-react-jsx-development@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-react-jsx-development@npm:7.27.1"
   dependencies:
-    "@babel/plugin-transform-react-jsx": "npm:^7.18.6"
+    "@babel/plugin-transform-react-jsx": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/95b37b76754288bb4de28a04f709306686ff80da57937421df9a520f9c2d8b59a2327962a8fd3bb109857790732d3cc767d86d106866e62521cee22d29f721df
+  checksum: 10c0/eb8c4b6a79dc5c49b41e928e2037e1ee0bbfa722e4fd74c0b7c0d11103c82c2c25c434000e1b051d534c7261ab5c92b6d1e85313bf1b26e37db3f051ae217b58
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-jsx@npm:^7.18.6":
-  version: 7.21.0
-  resolution: "@babel/plugin-transform-react-jsx@npm:7.21.0"
+"@babel/plugin-transform-react-jsx@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.27.1"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.18.6"
-    "@babel/helper-module-imports": "npm:^7.18.6"
-    "@babel/helper-plugin-utils": "npm:^7.20.2"
-    "@babel/plugin-syntax-jsx": "npm:^7.18.6"
-    "@babel/types": "npm:^7.21.0"
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-module-imports": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/plugin-syntax-jsx": "npm:^7.27.1"
+    "@babel/types": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/88ea88e17cbcff8c0b4b022d38020161f59ef37847b5e57074c135d109b8d4b2def57fb13d79dffad3a8d04e5113eb15aea3d73937e4ba563f0dbdd78115a584
+  checksum: 10c0/1a08637c39fc78c9760dd4a3ed363fdbc762994bf83ed7872ad5bda0232fcd0fc557332f2ce36b522c0226dfd9cc8faac6b88eddda535f24825198a689e571af
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-react-pure-annotations@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.18.6"
+"@babel/plugin-transform-react-pure-annotations@npm:^7.27.1":
+  version: 7.27.1
+  resolution: "@babel/plugin-transform-react-pure-annotations@npm:7.27.1"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.18.6"
-    "@babel/helper-plugin-utils": "npm:^7.18.6"
+    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e830b5d66c9c48ef287d84e453a495ad43cee9abf484f0d4d8e6ec601d0d019ffe031cdb086872f08a2de848cad34d9d193a49c36c9f5c61aff48158f40459ec
+  checksum: 10c0/34bc090f4a7e460d82a851971b4d0f32e4bb519bafb927154f4174506283fe02b0f471fc20655c6050a8bf7b748bfa31c7e8f7d688849476d8266623554fbb28
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.27.1":
-  version: 7.27.5
-  resolution: "@babel/plugin-transform-regenerator@npm:7.27.5"
+"@babel/plugin-transform-regenerator@npm:^7.28.0":
+  version: 7.28.1
+  resolution: "@babel/plugin-transform-regenerator@npm:7.28.1"
   dependencies:
     "@babel/helper-plugin-utils": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/4ace8ced76b421cd44dd9fa08bebc2f3fd76ec84e532cd1027738f411afdbc239789edd6c96dd1db412fc4a42cead5c1ac98a8aef94f35102f5de1049e64c07a
+  checksum: 10c0/6c9e6eb80ce9c0bde0876c80979e078fbc85dc802272cba4ee72b5b1c858472e38167c418917e4f0d4384ce888706d95544a8d266880c0e199e167e078168b67
   languageName: node
   linkType: hard
 
@@ -1091,17 +1105,17 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-transform-typescript@npm:^7.27.1":
-  version: 7.27.1
-  resolution: "@babel/plugin-transform-typescript@npm:7.27.1"
+  version: 7.28.0
+  resolution: "@babel/plugin-transform-typescript@npm:7.28.0"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.27.1"
+    "@babel/helper-annotate-as-pure": "npm:^7.27.3"
     "@babel/helper-create-class-features-plugin": "npm:^7.27.1"
     "@babel/helper-plugin-utils": "npm:^7.27.1"
     "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.27.1"
     "@babel/plugin-syntax-typescript": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/48f1db5de17a0f9fc365ff4fb046010aedc7aad813a7aa42fb73fcdab6442f9e700dde2cc0481086e01b0dae662ae4d3e965a52cde154f0f146d243a8ac68e93
+  checksum: 10c0/049c2bd3407bbf5041d8c95805a4fadee6d176e034f6b94ce7967b92a846f1e00f323cf7dfbb2d06c93485f241fb8cf4c10520e30096a6059d251b94e80386e9
   languageName: node
   linkType: hard
 
@@ -1153,10 +1167,10 @@ __metadata:
   linkType: hard
 
 "@babel/preset-env@npm:^7.11.0, @babel/preset-env@npm:^7.20.2":
-  version: 7.27.2
-  resolution: "@babel/preset-env@npm:7.27.2"
+  version: 7.28.0
+  resolution: "@babel/preset-env@npm:7.28.0"
   dependencies:
-    "@babel/compat-data": "npm:^7.27.2"
+    "@babel/compat-data": "npm:^7.28.0"
     "@babel/helper-compilation-targets": "npm:^7.27.2"
     "@babel/helper-plugin-utils": "npm:^7.27.1"
     "@babel/helper-validator-option": "npm:^7.27.1"
@@ -1170,19 +1184,20 @@ __metadata:
     "@babel/plugin-syntax-import-attributes": "npm:^7.27.1"
     "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
     "@babel/plugin-transform-arrow-functions": "npm:^7.27.1"
-    "@babel/plugin-transform-async-generator-functions": "npm:^7.27.1"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.28.0"
     "@babel/plugin-transform-async-to-generator": "npm:^7.27.1"
     "@babel/plugin-transform-block-scoped-functions": "npm:^7.27.1"
-    "@babel/plugin-transform-block-scoping": "npm:^7.27.1"
+    "@babel/plugin-transform-block-scoping": "npm:^7.28.0"
     "@babel/plugin-transform-class-properties": "npm:^7.27.1"
     "@babel/plugin-transform-class-static-block": "npm:^7.27.1"
-    "@babel/plugin-transform-classes": "npm:^7.27.1"
+    "@babel/plugin-transform-classes": "npm:^7.28.0"
     "@babel/plugin-transform-computed-properties": "npm:^7.27.1"
-    "@babel/plugin-transform-destructuring": "npm:^7.27.1"
+    "@babel/plugin-transform-destructuring": "npm:^7.28.0"
     "@babel/plugin-transform-dotall-regex": "npm:^7.27.1"
     "@babel/plugin-transform-duplicate-keys": "npm:^7.27.1"
     "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.27.1"
     "@babel/plugin-transform-dynamic-import": "npm:^7.27.1"
+    "@babel/plugin-transform-explicit-resource-management": "npm:^7.28.0"
     "@babel/plugin-transform-exponentiation-operator": "npm:^7.27.1"
     "@babel/plugin-transform-export-namespace-from": "npm:^7.27.1"
     "@babel/plugin-transform-for-of": "npm:^7.27.1"
@@ -1199,15 +1214,15 @@ __metadata:
     "@babel/plugin-transform-new-target": "npm:^7.27.1"
     "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.27.1"
     "@babel/plugin-transform-numeric-separator": "npm:^7.27.1"
-    "@babel/plugin-transform-object-rest-spread": "npm:^7.27.2"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.28.0"
     "@babel/plugin-transform-object-super": "npm:^7.27.1"
     "@babel/plugin-transform-optional-catch-binding": "npm:^7.27.1"
     "@babel/plugin-transform-optional-chaining": "npm:^7.27.1"
-    "@babel/plugin-transform-parameters": "npm:^7.27.1"
+    "@babel/plugin-transform-parameters": "npm:^7.27.7"
     "@babel/plugin-transform-private-methods": "npm:^7.27.1"
     "@babel/plugin-transform-private-property-in-object": "npm:^7.27.1"
     "@babel/plugin-transform-property-literals": "npm:^7.27.1"
-    "@babel/plugin-transform-regenerator": "npm:^7.27.1"
+    "@babel/plugin-transform-regenerator": "npm:^7.28.0"
     "@babel/plugin-transform-regexp-modifiers": "npm:^7.27.1"
     "@babel/plugin-transform-reserved-words": "npm:^7.27.1"
     "@babel/plugin-transform-shorthand-properties": "npm:^7.27.1"
@@ -1220,14 +1235,14 @@ __metadata:
     "@babel/plugin-transform-unicode-regex": "npm:^7.27.1"
     "@babel/plugin-transform-unicode-sets-regex": "npm:^7.27.1"
     "@babel/preset-modules": "npm:0.1.6-no-external-plugins"
-    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
-    babel-plugin-polyfill-corejs3: "npm:^0.11.0"
-    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
-    core-js-compat: "npm:^3.40.0"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.14"
+    babel-plugin-polyfill-corejs3: "npm:^0.13.0"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.5"
+    core-js-compat: "npm:^3.43.0"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/fd7ec310832a9ff26ed8d56bc0832cdbdb3a188e022050b74790796650649fb8373568af05b320b58b3ff922507979bad50ff95a4d504ab0081134480103504e
+  checksum: 10c0/f343103b8f0e8da5be4ae031aff8bf35da4764997af4af78ae9506f421b785dd45da1bc09f845b1fc308c8b7d134aead4a1f89e7fb6e213cd2f9fe1d2aa78bc9
   languageName: node
   linkType: hard
 
@@ -1245,18 +1260,18 @@ __metadata:
   linkType: hard
 
 "@babel/preset-react@npm:^7.18.6":
-  version: 7.18.6
-  resolution: "@babel/preset-react@npm:7.18.6"
+  version: 7.27.1
+  resolution: "@babel/preset-react@npm:7.27.1"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.18.6"
-    "@babel/helper-validator-option": "npm:^7.18.6"
-    "@babel/plugin-transform-react-display-name": "npm:^7.18.6"
-    "@babel/plugin-transform-react-jsx": "npm:^7.18.6"
-    "@babel/plugin-transform-react-jsx-development": "npm:^7.18.6"
-    "@babel/plugin-transform-react-pure-annotations": "npm:^7.18.6"
+    "@babel/helper-plugin-utils": "npm:^7.27.1"
+    "@babel/helper-validator-option": "npm:^7.27.1"
+    "@babel/plugin-transform-react-display-name": "npm:^7.27.1"
+    "@babel/plugin-transform-react-jsx": "npm:^7.27.1"
+    "@babel/plugin-transform-react-jsx-development": "npm:^7.27.1"
+    "@babel/plugin-transform-react-pure-annotations": "npm:^7.27.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/19a5b238809e85875488e06f415fde175852ff2361f29ff60233053e3c9914afbaf8befe80cf636d5a49821e8b13067e60c85636deb8e1d6ac543643f5ef2559
+  checksum: 10c0/a80b02ef08b026cb9830d6512d08c7cd378eef4c0631dacba4aa1106240d9bb76af6373463f0255f4bbdbfcce40375a61e92735375906ba5871629b0c314bc45
   languageName: node
   linkType: hard
 
@@ -1308,7 +1323,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.21.0, @babel/types@npm:^7.21.3, @babel/types@npm:^7.25.4, @babel/types@npm:^7.27.1, @babel/types@npm:^7.27.3, @babel/types@npm:^7.27.6, @babel/types@npm:^7.28.0, @babel/types@npm:^7.4.4":
+"@babel/types@npm:^7.21.3, @babel/types@npm:^7.25.4, @babel/types@npm:^7.27.1, @babel/types@npm:^7.27.3, @babel/types@npm:^7.28.0, @babel/types@npm:^7.28.2, @babel/types@npm:^7.4.4":
   version: 7.28.2
   resolution: "@babel/types@npm:7.28.2"
   dependencies:
@@ -1334,95 +1349,54 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@blueprintjs/core@npm:^5.10.1, @blueprintjs/core@npm:^5.19.1":
-  version: 5.19.1
-  resolution: "@blueprintjs/core@npm:5.19.1"
+"@blueprintjs/core@npm:^6.0.0, @blueprintjs/core@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "@blueprintjs/core@npm:6.1.0"
   dependencies:
     "@blueprintjs/colors": "npm:^5.1.8"
-    "@blueprintjs/icons": "npm:^5.23.0"
+    "@blueprintjs/icons": "npm:^6.0.0"
     "@popperjs/core": "npm:^2.11.8"
     classnames: "npm:^2.3.1"
     normalize.css: "npm:^8.0.1"
     react-popper: "npm:^2.3.0"
     react-transition-group: "npm:^4.4.5"
-    react-uid: "npm:^2.3.3"
     tslib: "npm:~2.6.2"
     use-sync-external-store: "npm:^1.2.0"
   peerDependencies:
-    "@types/react": ^16.14.41 || 17 || 18
-    react: ^16.8 || 17 || 18
-    react-dom: ^16.8 || 17 || 18
+    "@types/react": 18
+    react: 18
+    react-dom: 18
   peerDependenciesMeta:
     "@types/react":
       optional: true
   bin:
     upgrade-blueprint-2.0.0-rename: scripts/upgrade-blueprint-2.0.0-rename.sh
     upgrade-blueprint-3.0.0-rename: scripts/upgrade-blueprint-3.0.0-rename.sh
-  checksum: 10c0/0805c88b3da989fa242c5acf4dda0bfaf20e937f61e8c3b8e9189f34d5e4b6bde90bf7e55eefb07c18716fed77df9b76bc6197c2e53e2e662d4b82569015253c
+  checksum: 10c0/596d496480305cb3fe3e0068f9c40f5b507da814b6d223caffb4d3892cf15fa977177b02c726bcd4c5ee3f3b18efcec70ccc98268497dea161618abda10251e9
   languageName: node
   linkType: hard
 
-"@blueprintjs/datetime2@npm:^2.3.3":
-  version: 2.3.33
-  resolution: "@blueprintjs/datetime2@npm:2.3.33"
+"@blueprintjs/datetime@npm:^6.0.0":
+  version: 6.0.1
+  resolution: "@blueprintjs/datetime@npm:6.0.1"
   dependencies:
-    "@blueprintjs/core": "npm:^5.19.1"
-    "@blueprintjs/datetime": "npm:^5.3.33"
-    "@blueprintjs/icons": "npm:^5.23.0"
+    "@blueprintjs/core": "npm:^6.1.0"
+    "@blueprintjs/icons": "npm:^6.0.0"
+    "@blueprintjs/select": "npm:^6.0.1"
     classnames: "npm:^2.3.1"
     date-fns: "npm:^2.28.0"
+    date-fns-tz: "npm:^2.0.0"
     react-day-picker: "npm:^8.10.0"
     react-innertext: "npm:^1.1.5"
     tslib: "npm:~2.6.2"
   peerDependencies:
-    "@types/react": ^16.14.41 || 17 || 18
-    react: ^16.8 || 17 || 18
-    react-dom: ^16.8 || 17 || 18
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/9c6af19fa4ab247824c2c69c9ce1194f23b925bc20217f304cc40ac383babe2cd7030b9311ad8435fca6f889fbc4f1fac16e725af2e5c8b3334a2ba18c2f59eb
-  languageName: node
-  linkType: hard
-
-"@blueprintjs/datetime@npm:^5.3.33":
-  version: 5.3.33
-  resolution: "@blueprintjs/datetime@npm:5.3.33"
-  dependencies:
-    "@blueprintjs/core": "npm:^5.19.1"
-    "@blueprintjs/icons": "npm:^5.23.0"
-    "@blueprintjs/select": "npm:^5.3.21"
-    classnames: "npm:^2.3.1"
-    date-fns: "npm:^2.28.0"
-    date-fns-tz: "npm:^2.0.0"
-    react-day-picker: "npm:7.4.9"
-    tslib: "npm:~2.6.2"
-  peerDependencies:
-    "@types/react": ^16.14.41 || 17
-    react: ^16.8 || 17
-    react-dom: ^16.8 || 17
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/2b4f21afcefeb081aa64e3996be04f28709cf0cc09f26cffec6ceb60ee03b58d266a1935c0bdae3633aca1871e38242919338a9e50062543e822032b325ffe9b
-  languageName: node
-  linkType: hard
-
-"@blueprintjs/icons@npm:^5.23.0":
-  version: 5.23.0
-  resolution: "@blueprintjs/icons@npm:5.23.0"
-  dependencies:
-    change-case: "npm:^4.1.2"
-    classnames: "npm:^2.3.1"
-    tslib: "npm:~2.6.2"
-  peerDependencies:
-    "@types/react": ^16.14.41 || 17 || 18
-    react: ^16.8 || 17 || 18
-    react-dom: ^16.8 || 17 || 18
+    "@types/react": 18
+    react: 18
+    react-dom: 18
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/9af904e3b5c2c5e9ac7c9b12e1612184805f60d560a554df8917dafd715bed1cf1586ce31d64c59c2a7c84f595b8999c770036b9ff7f9c9f480ac1b82ccfae70
+  checksum: 10c0/83f7d795420bc30509d2be277a2181f77e9baf7ce6d7b044376f3a72360a70ec3d1cd2ec5752393706c36c934aa5727c76f3e59bdf6d0e0ee7312049fa6110ec
   languageName: node
   linkType: hard
 
@@ -1444,29 +1418,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@blueprintjs/select@npm:^5.1.3, @blueprintjs/select@npm:^5.3.21":
-  version: 5.3.21
-  resolution: "@blueprintjs/select@npm:5.3.21"
+"@blueprintjs/select@npm:^6.0.0, @blueprintjs/select@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "@blueprintjs/select@npm:6.0.1"
   dependencies:
-    "@blueprintjs/core": "npm:^5.19.1"
-    "@blueprintjs/icons": "npm:^5.23.0"
+    "@blueprintjs/core": "npm:^6.1.0"
+    "@blueprintjs/icons": "npm:^6.0.0"
     classnames: "npm:^2.3.1"
     tslib: "npm:~2.6.2"
   peerDependencies:
-    "@types/react": ^16.14.41 || 17 || 18
-    react: ^16.8 || 17 || 18
-    react-dom: ^16.8 || 17 || 18
+    "@types/react": 18
+    react: 18
+    react-dom: 18
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/dcaf7effb8eb24b7b8b51b80bc1471577c10fe757c6b3aade27e07369b2d1a01f7f61f65bf942bc6eb0869204ef5a7482e886d77e4ea9c76185422cf1159cb86
+  checksum: 10c0/e0e61ea429002dd530b3d0ea423fa5b5e32958d00d684ba707817d8434b947f8e99fde1c71b244384c6a8564df94a0f39a58064b995e998a9f66a8ac3aa4b0ac
   languageName: node
   linkType: hard
 
 "@bufbuild/protobuf@npm:^2.5.0":
-  version: 2.6.0
-  resolution: "@bufbuild/protobuf@npm:2.6.0"
-  checksum: 10c0/94c6fd63266a78135e3a82cb054dcde66760909948932152069bef3bb68335877b213d80c6983bb609b15f2ea0eb5912621eebd5bd4a98dbb940136ff5161b30
+  version: 2.6.3
+  resolution: "@bufbuild/protobuf@npm:2.6.3"
+  checksum: 10c0/edbb89698f713f691f2807fdf8c2ef804a98a593e50c6c8d441dd36c35a2ac82d4da1bcfb15a93fbf8122a1fbba0e8414ae47c31c21dad74cad1fc5f0e1eb3d9
   languageName: node
   linkType: hard
 
@@ -1611,42 +1585,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emotion/babel-plugin@npm:^11.11.0":
-  version: 11.11.0
-  resolution: "@emotion/babel-plugin@npm:11.11.0"
+"@emotion/babel-plugin@npm:^11.13.5":
+  version: 11.13.5
+  resolution: "@emotion/babel-plugin@npm:11.13.5"
   dependencies:
     "@babel/helper-module-imports": "npm:^7.16.7"
     "@babel/runtime": "npm:^7.18.3"
-    "@emotion/hash": "npm:^0.9.1"
-    "@emotion/memoize": "npm:^0.8.1"
-    "@emotion/serialize": "npm:^1.1.2"
+    "@emotion/hash": "npm:^0.9.2"
+    "@emotion/memoize": "npm:^0.9.0"
+    "@emotion/serialize": "npm:^1.3.3"
     babel-plugin-macros: "npm:^3.1.0"
     convert-source-map: "npm:^1.5.0"
     escape-string-regexp: "npm:^4.0.0"
     find-root: "npm:^1.1.0"
     source-map: "npm:^0.5.7"
     stylis: "npm:4.2.0"
-  checksum: 10c0/89cbb6ec0e52c8ee9c2a4b9889ccd4fc3a75d28091d835bfac6d7c4565d3338621e23af0a85f3bcd133e1cae795c692e1dadada015784d4b0554aa5bb111df43
+  checksum: 10c0/8ccbfec7defd0e513cb8a1568fa179eac1e20c35fda18aed767f6c59ea7314363ebf2de3e9d2df66c8ad78928dc3dceeded84e6fa8059087cae5c280090aeeeb
   languageName: node
   linkType: hard
 
-"@emotion/cache@npm:^11.11.0, @emotion/cache@npm:^11.4.0":
-  version: 11.11.0
-  resolution: "@emotion/cache@npm:11.11.0"
+"@emotion/cache@npm:^11.14.0, @emotion/cache@npm:^11.4.0":
+  version: 11.14.0
+  resolution: "@emotion/cache@npm:11.14.0"
   dependencies:
-    "@emotion/memoize": "npm:^0.8.1"
-    "@emotion/sheet": "npm:^1.2.2"
-    "@emotion/utils": "npm:^1.2.1"
-    "@emotion/weak-memoize": "npm:^0.3.1"
+    "@emotion/memoize": "npm:^0.9.0"
+    "@emotion/sheet": "npm:^1.4.0"
+    "@emotion/utils": "npm:^1.4.2"
+    "@emotion/weak-memoize": "npm:^0.4.0"
     stylis: "npm:4.2.0"
-  checksum: 10c0/a23ab5ab2fd08e904698106d58ad3536fed51cc1aa0ef228e95bb640eaf11f560dbd91a395477b0d84e1e3c20150263764b4558517cf6576a89d2d6cc5253688
+  checksum: 10c0/3fa3e7a431ab6f8a47c67132a00ac8358f428c1b6c8421d4b20de9df7c18e95eec04a5a6ff5a68908f98d3280044f247b4965ac63df8302d2c94dba718769724
   languageName: node
   linkType: hard
 
-"@emotion/hash@npm:^0.9.1":
-  version: 0.9.1
-  resolution: "@emotion/hash@npm:0.9.1"
-  checksum: 10c0/cdafe5da63fc1137f3db6e232fdcde9188b2b47ee66c56c29137199642a4086f42382d866911cfb4833cae2cc00271ab45cad3946b024f67b527bb7fac7f4c9d
+"@emotion/hash@npm:^0.9.2":
+  version: 0.9.2
+  resolution: "@emotion/hash@npm:0.9.2"
+  checksum: 10c0/0dc254561a3cc0a06a10bbce7f6a997883fd240c8c1928b93713f803a2e9153a257a488537012efe89dbe1246f2abfe2add62cdb3471a13d67137fcb808e81c2
   languageName: node
   linkType: hard
 
@@ -1666,74 +1640,88 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emotion/memoize@npm:^0.9.0":
+  version: 0.9.0
+  resolution: "@emotion/memoize@npm:0.9.0"
+  checksum: 10c0/13f474a9201c7f88b543e6ea42f55c04fb2fdc05e6c5a3108aced2f7e7aa7eda7794c56bba02985a46d8aaa914fcdde238727a98341a96e2aec750d372dadd15
+  languageName: node
+  linkType: hard
+
 "@emotion/react@npm:^11.8.1":
-  version: 11.11.4
-  resolution: "@emotion/react@npm:11.11.4"
+  version: 11.14.0
+  resolution: "@emotion/react@npm:11.14.0"
   dependencies:
     "@babel/runtime": "npm:^7.18.3"
-    "@emotion/babel-plugin": "npm:^11.11.0"
-    "@emotion/cache": "npm:^11.11.0"
-    "@emotion/serialize": "npm:^1.1.3"
-    "@emotion/use-insertion-effect-with-fallbacks": "npm:^1.0.1"
-    "@emotion/utils": "npm:^1.2.1"
-    "@emotion/weak-memoize": "npm:^0.3.1"
+    "@emotion/babel-plugin": "npm:^11.13.5"
+    "@emotion/cache": "npm:^11.14.0"
+    "@emotion/serialize": "npm:^1.3.3"
+    "@emotion/use-insertion-effect-with-fallbacks": "npm:^1.2.0"
+    "@emotion/utils": "npm:^1.4.2"
+    "@emotion/weak-memoize": "npm:^0.4.0"
     hoist-non-react-statics: "npm:^3.3.1"
   peerDependencies:
     react: ">=16.8.0"
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c0/6df892fd9e04b5c8c37aacfd7f461631e04e00e845edc3c5b2955ab8ad681abf5cd49584101f579427e08b82f2f88369c78d37ae2fe9360a8f68fd4e51b8e448
+  checksum: 10c0/d0864f571a9f99ec643420ef31fde09e2006d3943a6aba079980e4d5f6e9f9fecbcc54b8f617fe003c00092ff9d5241179149ffff2810cb05cf72b4620cfc031
   languageName: node
   linkType: hard
 
-"@emotion/serialize@npm:^1.1.2, @emotion/serialize@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@emotion/serialize@npm:1.1.3"
+"@emotion/serialize@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "@emotion/serialize@npm:1.3.3"
   dependencies:
-    "@emotion/hash": "npm:^0.9.1"
-    "@emotion/memoize": "npm:^0.8.1"
-    "@emotion/unitless": "npm:^0.8.1"
-    "@emotion/utils": "npm:^1.2.1"
+    "@emotion/hash": "npm:^0.9.2"
+    "@emotion/memoize": "npm:^0.9.0"
+    "@emotion/unitless": "npm:^0.10.0"
+    "@emotion/utils": "npm:^1.4.2"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/875241eafaa30e7d3b7cf9b585d8c1f224cbf627a674e87eb1d7662dafa76a8c8d67f14a79dbf7d1eaa017e9f68389962990fbcc699d5ad65035a1a047432a3f
+  checksum: 10c0/b28cb7de59de382021de2b26c0c94ebbfb16967a1b969a56fdb6408465a8993df243bfbd66430badaa6800e1834724e84895f5a6a9d97d0d224de3d77852acb4
   languageName: node
   linkType: hard
 
-"@emotion/sheet@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "@emotion/sheet@npm:1.2.2"
-  checksum: 10c0/69827a1bfa43d7b188f1d8cea42163143a36312543fdade5257c459a2b3efd7ce386aac84ba152bc2517a4f7e54384c04800b26adb382bb284ac7e4ad40e584b
+"@emotion/sheet@npm:^1.4.0":
+  version: 1.4.0
+  resolution: "@emotion/sheet@npm:1.4.0"
+  checksum: 10c0/3ca72d1650a07d2fbb7e382761b130b4a887dcd04e6574b2d51ce578791240150d7072a9bcb4161933abbcd1e38b243a6fb4464a7fe991d700c17aa66bb5acc7
   languageName: node
   linkType: hard
 
-"@emotion/unitless@npm:0.8.1, @emotion/unitless@npm:^0.8.1":
+"@emotion/unitless@npm:0.8.1":
   version: 0.8.1
   resolution: "@emotion/unitless@npm:0.8.1"
   checksum: 10c0/a1ed508628288f40bfe6dd17d431ed899c067a899fa293a13afe3aed1d70fac0412b8a215fafab0b42829360db687fecd763e5f01a64ddc4a4b58ec3112ff548
   languageName: node
   linkType: hard
 
-"@emotion/use-insertion-effect-with-fallbacks@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.0.1"
+"@emotion/unitless@npm:^0.10.0":
+  version: 0.10.0
+  resolution: "@emotion/unitless@npm:0.10.0"
+  checksum: 10c0/150943192727b7650eb9a6851a98034ddb58a8b6958b37546080f794696141c3760966ac695ab9af97efe10178690987aee4791f9f0ad1ff76783cdca83c1d49
+  languageName: node
+  linkType: hard
+
+"@emotion/use-insertion-effect-with-fallbacks@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@emotion/use-insertion-effect-with-fallbacks@npm:1.2.0"
   peerDependencies:
     react: ">=16.8.0"
-  checksum: 10c0/a15b2167940e3a908160687b73fc4fcd81e59ab45136b6967f02c7c419d9a149acd22a416b325c389642d4f1c3d33cf4196cad6b618128b55b7c74f6807a240b
+  checksum: 10c0/074dbc92b96bdc09209871070076e3b0351b6b47efefa849a7d9c37ab142130767609ca1831da0055988974e3b895c1de7606e4c421fecaa27c3e56a2afd3b08
   languageName: node
   linkType: hard
 
-"@emotion/utils@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@emotion/utils@npm:1.2.1"
-  checksum: 10c0/db43ca803361740c14dfb1cca1464d10d27f4c8b40d3e8864e6932ccf375d1450778ff4e4eadee03fb97f2aeb18de9fae98294905596a12ff7d4cd1910414d8d
+"@emotion/utils@npm:^1.4.2":
+  version: 1.4.2
+  resolution: "@emotion/utils@npm:1.4.2"
+  checksum: 10c0/7d0010bf60a2a8c1a033b6431469de4c80e47aeb8fd856a17c1d1f76bbc3a03161a34aeaa78803566e29681ca551e7bf9994b68e9c5f5c796159923e44f78d9a
   languageName: node
   linkType: hard
 
-"@emotion/weak-memoize@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "@emotion/weak-memoize@npm:0.3.1"
-  checksum: 10c0/ed514b3cb94bbacece4ac2450d98898066c0a0698bdeda256e312405ca53634cb83c75889b25cd8bbbe185c80f4c05a1f0a0091e1875460ba6be61d0334f0b8a
+"@emotion/weak-memoize@npm:^0.4.0":
+  version: 0.4.0
+  resolution: "@emotion/weak-memoize@npm:0.4.0"
+  checksum: 10c0/64376af11f1266042d03b3305c30b7502e6084868e33327e944b539091a472f089db307af69240f7188f8bc6b319276fd7b141a36613f1160d73d12a60f6ca1a
   languageName: node
   linkType: hard
 
@@ -2012,29 +2000,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@floating-ui/core@npm:^1.0.0":
-  version: 1.6.0
-  resolution: "@floating-ui/core@npm:1.6.0"
+"@floating-ui/core@npm:^1.7.3":
+  version: 1.7.3
+  resolution: "@floating-ui/core@npm:1.7.3"
   dependencies:
-    "@floating-ui/utils": "npm:^0.2.1"
-  checksum: 10c0/667a68036f7dd5ed19442c7792a6002ca02d1799221c4396691bbe0b6008b48f6ccad581225e81fa266bb91232f6c66838a5f825f554217e1ec886178b93381b
+    "@floating-ui/utils": "npm:^0.2.10"
+  checksum: 10c0/edfc23800122d81df0df0fb780b7328ae6c5f00efbb55bd48ea340f4af8c5b3b121ceb4bb81220966ab0f87b443204d37105abdd93d94846468be3243984144c
   languageName: node
   linkType: hard
 
 "@floating-ui/dom@npm:^1.0.1":
-  version: 1.6.3
-  resolution: "@floating-ui/dom@npm:1.6.3"
+  version: 1.7.3
+  resolution: "@floating-ui/dom@npm:1.7.3"
   dependencies:
-    "@floating-ui/core": "npm:^1.0.0"
-    "@floating-ui/utils": "npm:^0.2.0"
-  checksum: 10c0/d6cac10877918ce5a8d1a24b21738d2eb130a0191043d7c0dd43bccac507844d3b4dc5d4107d3891d82f6007945ca8fb4207a1252506e91c37e211f0f73cf77e
+    "@floating-ui/core": "npm:^1.7.3"
+    "@floating-ui/utils": "npm:^0.2.10"
+  checksum: 10c0/cba30e9af1a52fb7cb443ae516d7aec032b33da2fa50914dcb18fc834dc31c71922f5c7653431e70d493f347018b2ce6435c98b3f154d92082345689b4458e59
   languageName: node
   linkType: hard
 
-"@floating-ui/utils@npm:^0.2.0, @floating-ui/utils@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "@floating-ui/utils@npm:0.2.1"
-  checksum: 10c0/ee77756712cf5b000c6bacf11992ffb364f3ea2d0d51cc45197a7e646a17aeb86ea4b192c0b42f3fbb29487aee918a565e84f710b8c3645827767f406a6b4cc9
+"@floating-ui/utils@npm:^0.2.10":
+  version: 0.2.10
+  resolution: "@floating-ui/utils@npm:0.2.10"
+  checksum: 10c0/e9bc2a1730ede1ee25843937e911ab6e846a733a4488623cd353f94721b05ec2c9ec6437613a2ac9379a94c2fd40c797a2ba6fa1df2716f5ce4aa6ddb1cf9ea4
   languageName: node
   linkType: hard
 
@@ -2063,9 +2051,9 @@ __metadata:
   linkType: hard
 
 "@humanwhocodes/retry@npm:^0.3.0":
-  version: 0.3.0
-  resolution: "@humanwhocodes/retry@npm:0.3.0"
-  checksum: 10c0/7111ec4e098b1a428459b4e3be5a5d2a13b02905f805a2468f4fa628d072f0de2da26a27d04f65ea2846f73ba51f4204661709f05bfccff645e3cedef8781bb6
+  version: 0.3.1
+  resolution: "@humanwhocodes/retry@npm:0.3.1"
+  checksum: 10c0/f0da1282dfb45e8120480b9e2e275e2ac9bbe1cf016d046fdad8e27cc1285c45bb9e711681237944445157b430093412b4446c1ab3fc4bb037861b5904101d3b
   languageName: node
   linkType: hard
 
@@ -2154,12 +2142,12 @@ __metadata:
   linkType: hard
 
 "@jridgewell/source-map@npm:^0.3.3":
-  version: 0.3.6
-  resolution: "@jridgewell/source-map@npm:0.3.6"
+  version: 0.3.10
+  resolution: "@jridgewell/source-map@npm:0.3.10"
   dependencies:
     "@jridgewell/gen-mapping": "npm:^0.3.5"
     "@jridgewell/trace-mapping": "npm:^0.3.25"
-  checksum: 10c0/6a4ecc713ed246ff8e5bdcc1ef7c49aaa93f7463d948ba5054dda18b02dcc6a055e2828c577bcceee058f302ce1fc95595713d44f5c45e43d459f88d267f2f04
+  checksum: 10c0/cf6a51808bc710eb91a9e6c5e250c1af5714299c8de3db2b74e273a27ba7313f37c198ba332a512b7657fa23fed125c0147bfb1b925cadc9697a89cebecad0d8
   languageName: node
   linkType: hard
 
@@ -2170,7 +2158,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.28":
+"@jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.28, @jridgewell/trace-mapping@npm:^0.3.29":
   version: 0.3.29
   resolution: "@jridgewell/trace-mapping@npm:0.3.29"
   dependencies:
@@ -2200,12 +2188,12 @@ __metadata:
   linkType: hard
 
 "@maxim_mazurok/gapi.client.drive-v3@npm:latest":
-  version: 0.0.20250127
-  resolution: "@maxim_mazurok/gapi.client.drive-v3@npm:0.0.20250127"
+  version: 0.0.20250805
+  resolution: "@maxim_mazurok/gapi.client.drive-v3@npm:0.0.20250805"
   dependencies:
     "@types/gapi.client": "npm:*"
     "@types/gapi.client.discovery-v1": "npm:*"
-  checksum: 10c0/6c79c6b435b9bfefad4b02b094978768d5967867c2250a982d4aed31fec69586bfeb1d1bc54b2038f5acb9daa1ed5acf95b01a6fbff816fa7fbde92293c8a3f0
+  checksum: 10c0/579f7961d584cac30483d9b6a1996320a94fd94e5c4e5a7715e747130548a6cf002ad6ea78bbf1693216eb27f422359b562fc2a5367a1f838ce903402c50f880
   languageName: node
   linkType: hard
 
@@ -2265,13 +2253,13 @@ __metadata:
   linkType: hard
 
 "@napi-rs/wasm-runtime@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "@napi-rs/wasm-runtime@npm:1.0.1"
+  version: 1.0.3
+  resolution: "@napi-rs/wasm-runtime@npm:1.0.3"
   dependencies:
     "@emnapi/core": "npm:^1.4.5"
     "@emnapi/runtime": "npm:^1.4.5"
     "@tybys/wasm-util": "npm:^0.10.0"
-  checksum: 10c0/3244105b75637d8d39e76782921fe46e48105bcd390db01a10dc7b596ee99af0f06b7f2b841d7632e756bd3220a5d595b9d426a5453da1ccc895900b894d098f
+  checksum: 10c0/7918d82477e75931b6e35bb003464382eb93e526362f81a98bf8610407a67b10f4d041931015ad48072c89db547deb7e471dfb91f4ab11ac63a24d8580297f75
   languageName: node
   linkType: hard
 
@@ -2609,9 +2597,9 @@ __metadata:
   linkType: hard
 
 "@polka/url@npm:^1.0.0-next.24":
-  version: 1.0.0-next.24
-  resolution: "@polka/url@npm:1.0.0-next.24"
-  checksum: 10c0/97d98fa911857158514457bedad8c36084c1f608302458f580ab300a25c3abf456d1d54fcf2ea7927464bee0858baf5e8e5b374b95c3375b9eb3784d81411ebd
+  version: 1.0.0-next.29
+  resolution: "@polka/url@npm:1.0.0-next.29"
+  checksum: 10c0/0d58e081844095cb029d3c19a659bfefd09d5d51a2f791bc61eba7ea826f13d6ee204a8a448c2f5a855c17df07b37517373ff916dd05801063c0568ae9937684
   languageName: node
   linkType: hard
 
@@ -2796,142 +2784,142 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm-eabi@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.46.0"
+"@rollup/rollup-android-arm-eabi@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.46.2"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm64@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-android-arm64@npm:4.46.0"
+"@rollup/rollup-android-arm64@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-android-arm64@npm:4.46.2"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-arm64@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.46.0"
+"@rollup/rollup-darwin-arm64@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.46.2"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-x64@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-darwin-x64@npm:4.46.0"
+"@rollup/rollup-darwin-x64@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-darwin-x64@npm:4.46.2"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-freebsd-arm64@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-freebsd-arm64@npm:4.46.0"
+"@rollup/rollup-freebsd-arm64@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-freebsd-arm64@npm:4.46.2"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-freebsd-x64@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-freebsd-x64@npm:4.46.0"
+"@rollup/rollup-freebsd-x64@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-freebsd-x64@npm:4.46.2"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.46.0"
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.46.2"
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-musleabihf@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.46.0"
+"@rollup/rollup-linux-arm-musleabihf@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.46.2"
   conditions: os=linux & cpu=arm & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-gnu@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.46.0"
+"@rollup/rollup-linux-arm64-gnu@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.46.2"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-musl@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.46.0"
+"@rollup/rollup-linux-arm64-musl@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.46.2"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-loongarch64-gnu@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-loongarch64-gnu@npm:4.46.0"
+"@rollup/rollup-linux-loongarch64-gnu@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-loongarch64-gnu@npm:4.46.2"
   conditions: os=linux & cpu=loong64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-ppc64-gnu@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-ppc64-gnu@npm:4.46.0"
+"@rollup/rollup-linux-ppc64-gnu@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-ppc64-gnu@npm:4.46.2"
   conditions: os=linux & cpu=ppc64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-gnu@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.46.0"
+"@rollup/rollup-linux-riscv64-gnu@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.46.2"
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-musl@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-riscv64-musl@npm:4.46.0"
+"@rollup/rollup-linux-riscv64-musl@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-riscv64-musl@npm:4.46.2"
   conditions: os=linux & cpu=riscv64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-s390x-gnu@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.46.0"
+"@rollup/rollup-linux-s390x-gnu@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.46.2"
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-gnu@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.46.0"
+"@rollup/rollup-linux-x64-gnu@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.46.2"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-musl@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.46.0"
+"@rollup/rollup-linux-x64-musl@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.46.2"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-arm64-msvc@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.46.0"
+"@rollup/rollup-win32-arm64-msvc@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.46.2"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-ia32-msvc@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.46.0"
+"@rollup/rollup-win32-ia32-msvc@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.46.2"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-msvc@npm:4.46.0":
-  version: 4.46.0
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.46.0"
+"@rollup/rollup-win32-x64-msvc@npm:4.46.2":
+  version: 4.46.2
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.46.2"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -3271,7 +3259,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sourceacademy/sharedb-ace@npm:^2.1.1":
+"@sourceacademy/sharedb-ace@npm:2.1.1":
   version: 2.1.1
   resolution: "@sourceacademy/sharedb-ace@npm:2.1.1"
   dependencies:
@@ -3594,11 +3582,11 @@ __metadata:
   linkType: hard
 
 "@swc/types@npm:^0.1.23":
-  version: 0.1.23
-  resolution: "@swc/types@npm:0.1.23"
+  version: 0.1.24
+  resolution: "@swc/types@npm:0.1.24"
   dependencies:
     "@swc/counter": "npm:^0.1.3"
-  checksum: 10c0/edbfe4a72257f40137e27b537bc17d47ccab28de7727471b859c00a1e67f5feac5e01e4b4e0a2365907ce024bb8c3de4b26b6260733e1b601094db54ae9b7477
+  checksum: 10c0/4ca95a338f070f48303e705996bacfc1219f606c45274bed4f6e3488b86b7b20397bd52792e58fdea0fa924fc939695b5eb5ff7f3ff4737382148fe6097e235a
   languageName: node
   linkType: hard
 
@@ -3773,80 +3761,80 @@ __metadata:
   linkType: hard
 
 "@types/d3-array@npm:^3.0.3":
-  version: 3.0.5
-  resolution: "@types/d3-array@npm:3.0.5"
-  checksum: 10c0/145c61ffc88af9ac550d924e2d13a8b6fc95011989662500848e2df2214e7b3e19decaf7e95238a2c5460053137227360ccd00f6859c4ecb2508a807338ab957
+  version: 3.2.1
+  resolution: "@types/d3-array@npm:3.2.1"
+  checksum: 10c0/38bf2c778451f4b79ec81a2288cb4312fe3d6449ecdf562970cc339b60f280f31c93a024c7ff512607795e79d3beb0cbda123bb07010167bce32927f71364bca
   languageName: node
   linkType: hard
 
 "@types/d3-color@npm:*":
-  version: 3.1.0
-  resolution: "@types/d3-color@npm:3.1.0"
-  checksum: 10c0/5b4be21b4b025da9ffd0cef876fb7d82f99116fa26e7ee3449771faf0a953d160246b1ceb2a9bbc7d131e32ab60d7d19013131d098616369a56f9880f25f20ef
+  version: 3.1.3
+  resolution: "@types/d3-color@npm:3.1.3"
+  checksum: 10c0/65eb0487de606eb5ad81735a9a5b3142d30bc5ea801ed9b14b77cb14c9b909f718c059f13af341264ee189acf171508053342142bdf99338667cea26a2d8d6ae
   languageName: node
   linkType: hard
 
 "@types/d3-ease@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@types/d3-ease@npm:3.0.0"
-  checksum: 10c0/8fa64035f3b459cbf178e0bbb01cd188ec7337877e959fcf0a6ef08528b6caf93fd9f69635ec1c8fc11f6d2448d0e5d2a4e11988cb16bc6e001f0c0afe609204
+  version: 3.0.2
+  resolution: "@types/d3-ease@npm:3.0.2"
+  checksum: 10c0/aff5a1e572a937ee9bff6465225d7ba27d5e0c976bd9eacdac2e6f10700a7cb0c9ea2597aff6b43a6ed850a3210030870238894a77ec73e309b4a9d0333f099c
   languageName: node
   linkType: hard
 
 "@types/d3-interpolate@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@types/d3-interpolate@npm:3.0.1"
+  version: 3.0.4
+  resolution: "@types/d3-interpolate@npm:3.0.4"
   dependencies:
     "@types/d3-color": "npm:*"
-  checksum: 10c0/1c7577045a4a30dc177bca10980c456a28c9b89b1a5406fe7303824dd9cc898f67f8dafd8e22a7702ca5df12a28a5f48f77d92a9b5d8f1fc0939f33831067114
+  checksum: 10c0/066ebb8da570b518dd332df6b12ae3b1eaa0a7f4f0c702e3c57f812cf529cc3500ec2aac8dc094f31897790346c6b1ebd8cd7a077176727f4860c2b181a65ca4
   languageName: node
   linkType: hard
 
 "@types/d3-path@npm:*":
-  version: 3.0.0
-  resolution: "@types/d3-path@npm:3.0.0"
-  checksum: 10c0/64750aeb3e490112d2f1d812230201140de352743846150e022e44c6924f44d47deb1a50f3dc63b930fd6a8fd6482f8fcb7da2516a14b8e29a4749d2b86f90ca
+  version: 3.1.1
+  resolution: "@types/d3-path@npm:3.1.1"
+  checksum: 10c0/2c36eb31ebaf2ce4712e793fd88087117976f7c4ed69cc2431825f999c8c77cca5cea286f3326432b770739ac6ccd5d04d851eb65e7a4dbcc10c982b49ad2c02
   languageName: node
   linkType: hard
 
 "@types/d3-scale@npm:^4.0.2":
-  version: 4.0.3
-  resolution: "@types/d3-scale@npm:4.0.3"
+  version: 4.0.9
+  resolution: "@types/d3-scale@npm:4.0.9"
   dependencies:
     "@types/d3-time": "npm:*"
-  checksum: 10c0/5eace4cf45f87b3eec9637ade77e97530e778a3bb7f8356e4712bde732fb9474f3e8ef3aa12bc97dd3e4f76e23343ed81c1f5a3a1dcfdb72868f876b418da117
+  checksum: 10c0/4ac44233c05cd50b65b33ecb35d99fdf07566bcdbc55bc1306b2f27d1c5134d8c560d356f2c8e76b096e9125ffb8d26d95f78d56e210d1c542cb255bdf31d6c8
   languageName: node
   linkType: hard
 
 "@types/d3-shape@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "@types/d3-shape@npm:3.1.1"
+  version: 3.1.7
+  resolution: "@types/d3-shape@npm:3.1.7"
   dependencies:
     "@types/d3-path": "npm:*"
-  checksum: 10c0/e06f0e6f5d74184dfb6a71861085ffad221bde8a11d2de632649118d75e9605fddf9af664601b0841d794e0c27afd6ea37d652350fb47c196905facc04c284d5
+  checksum: 10c0/38e59771c1c4c83b67aa1f941ce350410522a149d2175832fdc06396b2bb3b2c1a2dd549e0f8230f9f24296ee5641a515eaf10f55ee1ef6c4f83749e2dd7dcfd
   languageName: node
   linkType: hard
 
 "@types/d3-time@npm:*, @types/d3-time@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@types/d3-time@npm:3.0.0"
-  checksum: 10c0/4f900608d5c557b09b38e4b096723af5eb4508a1b32f9afae253fe77a4bcbbe821a14225bab1c2ea36ddbc5c4154ab3563452c6b6eba7a9f48cefad94276e6b5
+  version: 3.0.4
+  resolution: "@types/d3-time@npm:3.0.4"
+  checksum: 10c0/6d9e2255d63f7a313a543113920c612e957d70da4fb0890931da6c2459010291b8b1f95e149a538500c1c99e7e6c89ffcce5554dd29a31ff134a38ea94b6d174
   languageName: node
   linkType: hard
 
 "@types/d3-timer@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@types/d3-timer@npm:3.0.0"
-  checksum: 10c0/7f6cd693f6c99a360dc01e1b5aa1185cfa8f65d603f537c52c810d475c8ef8aa07ac2f8be24cc489d2e69b843e384ab30dd079ac75011dbc91b21cd216a79502
+  version: 3.0.2
+  resolution: "@types/d3-timer@npm:3.0.2"
+  checksum: 10c0/c644dd9571fcc62b1aa12c03bcad40571553020feeb5811f1d8a937ac1e65b8a04b759b4873aef610e28b8714ac71c9885a4d6c127a048d95118f7e5b506d9e1
   languageName: node
   linkType: hard
 
 "@types/debug@npm:^4.0.0":
-  version: 4.1.8
-  resolution: "@types/debug@npm:4.1.8"
+  version: 4.1.12
+  resolution: "@types/debug@npm:4.1.12"
   dependencies:
     "@types/ms": "npm:*"
-  checksum: 10c0/913aea60b8c94cd0009bbdd531d8a3594ec3275ca0e8d1cbcf783417884252b3c53113f6665fd2fb0076b8ce628ee12cd083d2af107ed26c0f2e75852d8bc074
+  checksum: 10c0/5dcd465edbb5a7f226e9a5efd1f399c6172407ef5840686b73e3608ce135eeca54ae8037dcd9f16bdb2768ac74925b820a8b9ecc588a58ca09eca6acabe33e2f
   languageName: node
   linkType: hard
 
@@ -3867,6 +3855,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/estree-jsx@npm:^1.0.0":
+  version: 1.0.5
+  resolution: "@types/estree-jsx@npm:1.0.5"
+  dependencies:
+    "@types/estree": "npm:*"
+  checksum: 10c0/07b354331516428b27a3ab99ee397547d47eb223c34053b48f84872fafb841770834b90cc1a0068398e7c7ccb15ec51ab00ec64b31dc5e3dbefd624638a35c6d
+  languageName: node
+  linkType: hard
+
 "@types/estree@npm:*, @types/estree@npm:1.0.8, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.5, @types/estree@npm:^1.0.6":
   version: 1.0.8
   resolution: "@types/estree@npm:1.0.8"
@@ -3948,12 +3945,13 @@ __metadata:
   linkType: hard
 
 "@types/hoist-non-react-statics@npm:^3.3.0, @types/hoist-non-react-statics@npm:^3.3.1":
-  version: 3.3.5
-  resolution: "@types/hoist-non-react-statics@npm:3.3.5"
+  version: 3.3.7
+  resolution: "@types/hoist-non-react-statics@npm:3.3.7"
   dependencies:
-    "@types/react": "npm:*"
     hoist-non-react-statics: "npm:^3.3.0"
-  checksum: 10c0/2a3b64bf3d9817d7830afa60ee314493c475fb09570a64e7737084cd482d2177ebdddf888ce837350bac51741278b077683facc9541f052d4bbe8487b4e3e618
+  peerDependencies:
+    "@types/react": "*"
+  checksum: 10c0/ed8f4e88338f7d021d0f956adf6089d2a12b2e254a03c05292324f2e986d2376eb9efdb8a4f04596823e8fca88c9d06361d20dab4a2a00dc935fb36ac911de55
   languageName: node
   linkType: hard
 
@@ -4179,9 +4177,16 @@ __metadata:
   linkType: hard
 
 "@types/unist@npm:*, @types/unist@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "@types/unist@npm:3.0.2"
-  checksum: 10c0/39f220ce184a773c55c18a127062bfc4d0d30c987250cd59bab544d97be6cfec93717a49ef96e81f024b575718f798d4d329eb81c452fc57d6d051af8b043ebf
+  version: 3.0.3
+  resolution: "@types/unist@npm:3.0.3"
+  checksum: 10c0/2b1e4adcab78388e088fcc3c0ae8700f76619dbcb4741d7d201f87e2cb346bfc29a89003cfea2d76c996e1061452e14fcd737e8b25aacf949c1f2d6b2bc3dd60
+  languageName: node
+  linkType: hard
+
+"@types/unist@npm:^2.0.0":
+  version: 2.0.11
+  resolution: "@types/unist@npm:2.0.11"
+  checksum: 10c0/24dcdf25a168f453bb70298145eb043cfdbb82472db0bc0b56d6d51cd2e484b9ed8271d4ac93000a80da568f2402e9339723db262d0869e2bf13bc58e081768d
   languageName: node
   linkType: hard
 
@@ -4209,11 +4214,11 @@ __metadata:
   linkType: hard
 
 "@types/yargs@npm:^17.0.8":
-  version: 17.0.32
-  resolution: "@types/yargs@npm:17.0.32"
+  version: 17.0.33
+  resolution: "@types/yargs@npm:17.0.33"
   dependencies:
     "@types/yargs-parser": "npm:*"
-  checksum: 10c0/2095e8aad8a4e66b86147415364266b8d607a3b95b4239623423efd7e29df93ba81bb862784a6e08664f645cc1981b25fd598f532019174cd3e5e1e689e1cccf
+  checksum: 10c0/d16937d7ac30dff697801c3d6f235be2166df42e4a88bf730fa6dc09201de3727c0a9500c59a672122313341de5f24e45ee0ff579c08ce91928e519090b7906b
   languageName: node
   linkType: hard
 
@@ -4355,9 +4360,9 @@ __metadata:
   linkType: hard
 
 "@ungap/structured-clone@npm:^1.0.0":
-  version: 1.2.0
-  resolution: "@ungap/structured-clone@npm:1.2.0"
-  checksum: 10c0/8209c937cb39119f44eb63cf90c0b73e7c754209a6411c707be08e50e29ee81356dca1a848a405c8bdeebfe2f5e4f831ad310ae1689eeef65e7445c090c6657d
+  version: 1.3.0
+  resolution: "@ungap/structured-clone@npm:1.3.0"
+  checksum: 10c0/0fc3097c2540ada1fc340ee56d58d96b5b536a2a0dab6e3ec17d4bfc8c4c86db345f61a375a8185f9da96f01c69678f836a2b57eeaa9e4b8eeafd26428e57b0a
   languageName: node
   linkType: hard
 
@@ -4535,9 +4540,9 @@ __metadata:
   linkType: hard
 
 "abbrev@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "abbrev@npm:3.0.0"
-  checksum: 10c0/049704186396f571650eb7b22ed3627b77a5aedf98bb83caf2eac81ca2a3e25e795394b0464cfb2d6076df3db6a5312139eac5b6a126ca296ac53c5008069c28
+  version: 3.0.1
+  resolution: "abbrev@npm:3.0.1"
+  checksum: 10c0/21ba8f574ea57a3106d6d35623f2c4a9111d9ee3e9a5be47baed46ec2457d2eac46e07a5c4a60186f88cb98abbe3e24f2d4cca70bc2b12f1692523e2209a9ccf
   languageName: node
   linkType: hard
 
@@ -4578,11 +4583,11 @@ __metadata:
   linkType: hard
 
 "acorn-loose@npm:^8.0.0":
-  version: 8.4.0
-  resolution: "acorn-loose@npm:8.4.0"
+  version: 8.5.2
+  resolution: "acorn-loose@npm:8.5.2"
   dependencies:
-    acorn: "npm:^8.11.0"
-  checksum: 10c0/e62407bdc338059e4d552b9ed5ccd44f13c5a86f5304a117bb8513672f9eb976bbbde1839f540296062660cef6b162f59bdc16d9c3430b264081567ba9684699
+    acorn: "npm:^8.15.0"
+  checksum: 10c0/169a85ad2df888586fe6eda2af9ff8fbcca7174ce83d00632cea5fffa73476218012af91be0cd6b68e4df6183baffa463506fd2ab54800903378140e679302fd
   languageName: node
   linkType: hard
 
@@ -4706,9 +4711,9 @@ __metadata:
   linkType: hard
 
 "ansi-regex@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "ansi-regex@npm:6.0.1"
-  checksum: 10c0/cbe16dbd2c6b2735d1df7976a7070dd277326434f0212f43abf6d87674095d247968209babdaad31bb00882fa68807256ba9be340eec2f1004de14ca75f52a08
+  version: 6.1.0
+  resolution: "ansi-regex@npm:6.1.0"
+  checksum: 10c0/a91daeddd54746338478eef88af3439a7edf30f8e23196e2d6ed182da9add559c601266dbef01c2efa46a958ad6f1f8b176799657616c702b5b02e799e7fd8dc
   languageName: node
   linkType: hard
 
@@ -4760,7 +4765,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:5.3.0, aria-query@npm:^5.0.0":
+"aria-query@npm:5.3.0":
   version: 5.3.0
   resolution: "aria-query@npm:5.3.0"
   dependencies:
@@ -4769,6 +4774,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"aria-query@npm:^5.0.0":
+  version: 5.3.2
+  resolution: "aria-query@npm:5.3.2"
+  checksum: 10c0/003c7e3e2cff5540bf7a7893775fc614de82b0c5dde8ae823d47b7a28a9d4da1f7ed85f340bdb93d5649caa927755f0e31ecc7ab63edfdfc00c8ef07e505e03e
+  languageName: node
+  linkType: hard
+
 "array-buffer-byte-length@npm:^1.0.1, array-buffer-byte-length@npm:^1.0.2":
   version: 1.0.2
   resolution: "array-buffer-byte-length@npm:1.0.2"
@@ -4780,16 +4792,18 @@ __metadata:
   linkType: hard
 
 "array-includes@npm:^3.1.5, array-includes@npm:^3.1.8":
-  version: 3.1.8
-  resolution: "array-includes@npm:3.1.8"
+  version: 3.1.9
+  resolution: "array-includes@npm:3.1.9"
   dependencies:
-    call-bind: "npm:^1.0.7"
+    call-bind: "npm:^1.0.8"
+    call-bound: "npm:^1.0.4"
     define-properties: "npm:^1.2.1"
-    es-abstract: "npm:^1.23.2"
-    es-object-atoms: "npm:^1.0.0"
-    get-intrinsic: "npm:^1.2.4"
-    is-string: "npm:^1.0.7"
-  checksum: 10c0/5b1004d203e85873b96ddc493f090c9672fd6c80d7a60b798da8a14bff8a670ff95db5aafc9abc14a211943f05220dacf8ea17638ae0af1a6a47b8c0b48ce370
+    es-abstract: "npm:^1.24.0"
+    es-object-atoms: "npm:^1.1.1"
+    get-intrinsic: "npm:^1.3.0"
+    is-string: "npm:^1.1.1"
+    math-intrinsics: "npm:^1.1.0"
+  checksum: 10c0/0235fa69078abeac05ac4250699c44996bc6f774a9cbe45db48674ce6bd142f09b327d31482ff75cf03344db4ea03eae23edb862d59378b484b47ed842574856
   languageName: node
   linkType: hard
 
@@ -4909,13 +4923,13 @@ __metadata:
   linkType: hard
 
 "ast-v8-to-istanbul@npm:^0.3.3":
-  version: 0.3.3
-  resolution: "ast-v8-to-istanbul@npm:0.3.3"
+  version: 0.3.4
+  resolution: "ast-v8-to-istanbul@npm:0.3.4"
   dependencies:
-    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    "@jridgewell/trace-mapping": "npm:^0.3.29"
     estree-walker: "npm:^3.0.3"
     js-tokens: "npm:^9.0.1"
-  checksum: 10c0/ffc39bc3ab4b8c1f7aea945960ce6b1e518bab3da7c800277eab2da07d397eeae4a2cb8a5a5f817225646c8ea495c1e4434fbe082c84bae8042abddef53f50b2
+  checksum: 10c0/01b67bf9b4972a3cb8be35dffd466f1a9da91901b6df47e1157d3c6cf0f104a583443a54bbce7ca033608ac8b556886bc8b94f0f559242bac3244fadf86af9a8
   languageName: node
   linkType: hard
 
@@ -4982,9 +4996,9 @@ __metadata:
   linkType: hard
 
 "aws4@npm:^1.8.0":
-  version: 1.12.0
-  resolution: "aws4@npm:1.12.0"
-  checksum: 10c0/1e39c266f53b04daf88e112de93a6006375b386a1b7ab6197260886e39abd012aa90bdd87949c3bf9c30754846031f6d5d8ac4f8676628097c11065b5d39847a
+  version: 1.13.2
+  resolution: "aws4@npm:1.13.2"
+  checksum: 10c0/c993d0d186d699f685d73113733695d648ec7d4b301aba2e2a559d0cd9c1c902308cc52f4095e1396b23fddbc35113644e7f0a6a32753636306e41e3ed6f1e79
   languageName: node
   linkType: hard
 
@@ -4999,39 +5013,39 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs2@npm:^0.4.10":
-  version: 0.4.13
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.13"
+"babel-plugin-polyfill-corejs2@npm:^0.4.14":
+  version: 0.4.14
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.14"
   dependencies:
-    "@babel/compat-data": "npm:^7.22.6"
-    "@babel/helper-define-polyfill-provider": "npm:^0.6.4"
+    "@babel/compat-data": "npm:^7.27.7"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.5"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/b4a54561606d388e6f9499f39f03171af4be7f9ce2355e737135e40afa7086cf6790fdd706c2e59f488c8fa1f76123d28783708e07ddc84647dca8ed8fb98e06
+  checksum: 10c0/d74cba0600a6508e86d220bde7164eb528755d91be58020e5ea92ea7fbb12c9d8d2c29246525485adfe7f68ae02618ec428f9a589cac6cbedf53cc3972ad7fbe
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs3@npm:^0.11.0":
-  version: 0.11.1
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.11.1"
+"babel-plugin-polyfill-corejs3@npm:^0.13.0":
+  version: 0.13.0
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.13.0"
   dependencies:
-    "@babel/helper-define-polyfill-provider": "npm:^0.6.3"
-    core-js-compat: "npm:^3.40.0"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.5"
+    core-js-compat: "npm:^3.43.0"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/025f754b6296d84b20200aff63a3c1acdd85e8c621781f2bd27fe2512d0060526192d02329326947c6b29c27cf475fbcfaaff8c51eab1d2bfc7b79086bb64229
+  checksum: 10c0/5d8e228da425edc040d8c868486fd01ba10b0440f841156a30d9f8986f330f723e2ee61553c180929519563ef5b64acce2caac36a5a847f095d708dda5d8206d
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-regenerator@npm:^0.6.1":
-  version: 0.6.4
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.4"
+"babel-plugin-polyfill-regenerator@npm:^0.6.5":
+  version: 0.6.5
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.5"
   dependencies:
-    "@babel/helper-define-polyfill-provider": "npm:^0.6.4"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.5"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/ebaaf9e4e53201c02f496d3f686d815e94177b3e55b35f11223b99c60d197a29f907a2e87bbcccced8b7aff22a807fccc1adaf04722864a8e1862c8845ab830a
+  checksum: 10c0/63aa8ed716df6a9277c6ab42b887858fa9f57a70cc1d0ae2b91bdf081e45d4502848cba306fb60b02f59f99b32fd02ff4753b373cac48ccdac9b7d19dd56f06d
   languageName: node
   linkType: hard
 
@@ -5080,9 +5094,9 @@ __metadata:
   linkType: hard
 
 "bignumber.js@npm:^9.1.2":
-  version: 9.1.2
-  resolution: "bignumber.js@npm:9.1.2"
-  checksum: 10c0/e17786545433f3110b868725c449fa9625366a6e675cd70eb39b60938d6adbd0158cb4b3ad4f306ce817165d37e63f4aa3098ba4110db1d9a3b9f66abfbaf10d
+  version: 9.3.1
+  resolution: "bignumber.js@npm:9.3.1"
+  checksum: 10c0/61342ba5fe1c10887f0ecf5be02ff6709271481aff48631f86b4d37d55a99b87ce441cfd54df3d16d10ee07ceab7e272fc0be430c657ffafbbbf7b7d631efb75
   languageName: node
   linkType: hard
 
@@ -5098,16 +5112,16 @@ __metadata:
   linkType: hard
 
 "bn.js@npm:^4.0.0, bn.js@npm:^4.1.0, bn.js@npm:^4.11.9":
-  version: 4.12.1
-  resolution: "bn.js@npm:4.12.1"
-  checksum: 10c0/b7f37a0cd5e4b79142b6f4292d518b416be34ae55d6dd6b0f66f96550c8083a50ffbbf8bda8d0ab471158cb81aa74ea4ee58fe33c7802e4a30b13810e98df116
+  version: 4.12.2
+  resolution: "bn.js@npm:4.12.2"
+  checksum: 10c0/09a249faa416a9a1ce68b5f5ec8bbca87fe54e5dd4ef8b1cc8a4969147b80035592bddcb1e9cc814c3ba79e573503d5c5178664b722b509fb36d93620dba9b57
   languageName: node
   linkType: hard
 
 "bn.js@npm:^5.2.1":
-  version: 5.2.1
-  resolution: "bn.js@npm:5.2.1"
-  checksum: 10c0/bed3d8bd34ec89dbcf9f20f88bd7d4a49c160fda3b561c7bb227501f974d3e435a48fb9b61bc3de304acab9215a3bda0803f7017ffb4d0016a0c3a740a283caa
+  version: 5.2.2
+  resolution: "bn.js@npm:5.2.2"
+  checksum: 10c0/cb97827d476aab1a0194df33cd84624952480d92da46e6b4a19c32964aa01553a4a613502396712704da2ec8f831cf98d02e74ca03398404bd78a037ba93f2ab
   languageName: node
   linkType: hard
 
@@ -5119,21 +5133,21 @@ __metadata:
   linkType: hard
 
 "brace-expansion@npm:^1.1.7":
-  version: 1.1.11
-  resolution: "brace-expansion@npm:1.1.11"
+  version: 1.1.12
+  resolution: "brace-expansion@npm:1.1.12"
   dependencies:
     balanced-match: "npm:^1.0.0"
     concat-map: "npm:0.0.1"
-  checksum: 10c0/695a56cd058096a7cb71fb09d9d6a7070113c7be516699ed361317aca2ec169f618e28b8af352e02ab4233fb54eb0168460a40dc320bab0034b36ab59aaad668
+  checksum: 10c0/975fecac2bb7758c062c20d0b3b6288c7cc895219ee25f0a64a9de662dbac981ff0b6e89909c3897c1f84fa353113a721923afdec5f8b2350255b097f12b1f73
   languageName: node
   linkType: hard
 
 "brace-expansion@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "brace-expansion@npm:2.0.1"
+  version: 2.0.2
+  resolution: "brace-expansion@npm:2.0.2"
   dependencies:
     balanced-match: "npm:^1.0.0"
-  checksum: 10c0/b358f2fe060e2d7a87aa015979ecea07f3c37d4018f8d6deb5bd4c229ad3a0384fe6029bb76cd8be63c81e516ee52d1a0673edbe2023d53a5191732ae3c3e49f
+  checksum: 10c0/6d117a4c793488af86b83172deb6af143e94c17bc53b0b3cec259733923b4ca84679d506ac261f4ba3c7ed37c46018e2ff442f9ce453af8643ecd64f4a54e6cf
   languageName: node
   linkType: hard
 
@@ -5240,17 +5254,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.24.0, browserslist@npm:^4.25.0":
-  version: 4.25.0
-  resolution: "browserslist@npm:4.25.0"
+"browserslist@npm:^4.24.0, browserslist@npm:^4.25.1":
+  version: 4.25.1
+  resolution: "browserslist@npm:4.25.1"
   dependencies:
-    caniuse-lite: "npm:^1.0.30001718"
-    electron-to-chromium: "npm:^1.5.160"
+    caniuse-lite: "npm:^1.0.30001726"
+    electron-to-chromium: "npm:^1.5.173"
     node-releases: "npm:^2.0.19"
     update-browserslist-db: "npm:^1.1.3"
   bin:
     browserslist: cli.js
-  checksum: 10c0/cc16c55b4468b18684a0e1ca303592b38635b1155d6724f172407192737a2f405b8030d87a05813729592793445b3d15e737b0055f901cdecccb29b1e580a1c5
+  checksum: 10c0/acba5f0bdbd5e72dafae1e6ec79235b7bad305ed104e082ed07c34c38c7cb8ea1bc0f6be1496958c40482e40166084458fc3aee15111f15faa79212ad9081b2a
   languageName: node
   linkType: hard
 
@@ -5392,10 +5406,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001718":
-  version: 1.0.30001724
-  resolution: "caniuse-lite@npm:1.0.30001724"
-  checksum: 10c0/ed9ec0bcf619f0e7ef2d33aac74d2346d1faf52060dfded1fb9c32d87854de5c2988b3ba338c281034c88bf797d6b55468a804ce8396a7e16a48cb0d481d4bfe
+"caniuse-lite@npm:^1.0.30001726":
+  version: 1.0.30001733
+  resolution: "caniuse-lite@npm:1.0.30001733"
+  checksum: 10c0/2c03ad3362be7c93c09537f3853156ade5c70fb131888971dd538631971873ba27b83c5aad48dd06b6cde005fe57caae2db5d0f467d0c63a315391add70f01f5
   languageName: node
   linkType: hard
 
@@ -5428,6 +5442,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ccount@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "ccount@npm:2.0.1"
+  checksum: 10c0/3939b1664390174484322bc3f45b798462e6c07ee6384cb3d645e0aa2f318502d174845198c1561930e1d431087f74cf1fe291ae9a4722821a9f4ba67e574350
+  languageName: node
+  linkType: hard
+
 "chai@npm:^5.2.0":
   version: 5.2.1
   resolution: "chai@npm:5.2.1"
@@ -5482,6 +5503,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"character-entities-html4@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "character-entities-html4@npm:2.1.0"
+  checksum: 10c0/fe61b553f083400c20c0b0fd65095df30a0b445d960f3bbf271536ae6c3ba676f39cb7af0b4bf2755812f08ab9b88f2feed68f9aebb73bb153f7a115fe5c6e40
+  languageName: node
+  linkType: hard
+
 "character-entities-legacy@npm:^1.0.0":
   version: 1.1.4
   resolution: "character-entities-legacy@npm:1.1.4"
@@ -5489,6 +5517,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"character-entities-legacy@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "character-entities-legacy@npm:3.0.0"
+  checksum: 10c0/ec4b430af873661aa754a896a2b55af089b4e938d3d010fad5219299a6b6d32ab175142699ee250640678cd64bdecd6db3c9af0b8759ab7b155d970d84c4c7d1
+  languageName: node
+  linkType: hard
+
 "character-entities@npm:^1.0.0":
   version: 1.2.4
   resolution: "character-entities@npm:1.2.4"
@@ -5510,6 +5545,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"character-reference-invalid@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "character-reference-invalid@npm:2.0.1"
+  checksum: 10c0/2ae0dec770cd8659d7e8b0ce24392d83b4c2f0eb4a3395c955dce5528edd4cc030a794cfa06600fcdd700b3f2de2f9b8e40e309c0011c4180e3be64a0b42e6a1
+  languageName: node
+  linkType: hard
+
 "check-error@npm:^2.1.1":
   version: 2.1.1
   resolution: "check-error@npm:2.1.1"
@@ -5798,12 +5840,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.40.0":
-  version: 3.43.0
-  resolution: "core-js-compat@npm:3.43.0"
+"core-js-compat@npm:^3.43.0":
+  version: 3.45.0
+  resolution: "core-js-compat@npm:3.45.0"
   dependencies:
-    browserslist: "npm:^4.25.0"
-  checksum: 10c0/923804c16faf91bacb747a697640a907cb2a3e63078d467a75eb7ea4187d62d36347a94e5826d1b36739012e81a2ea435922cc8bd8e228fa68efaf00a9ce94af
+    browserslist: "npm:^4.25.1"
+  checksum: 10c0/3515955d2c83846f0bf8c4a0f96fc514a6b711e9b3ee19a8df3683a6b0720d762fef60a63bb5c07907f9d18aa00c5904ef690dd4150bc39e2d47e01f05154fda
   languageName: node
   linkType: hard
 
@@ -5923,7 +5965,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.6":
+"cross-spawn@npm:^7.0.6":
   version: 7.0.6
   resolution: "cross-spawn@npm:7.0.6"
   dependencies:
@@ -5969,15 +6011,15 @@ __metadata:
   linkType: hard
 
 "css-select@npm:^5.1.0":
-  version: 5.1.0
-  resolution: "css-select@npm:5.1.0"
+  version: 5.2.2
+  resolution: "css-select@npm:5.2.2"
   dependencies:
     boolbase: "npm:^1.0.0"
     css-what: "npm:^6.1.0"
     domhandler: "npm:^5.0.2"
     domutils: "npm:^3.0.1"
     nth-check: "npm:^2.0.1"
-  checksum: 10c0/551c60dba5b54054741032c1793b5734f6ba45e23ae9e82761a3c0ed1acbb8cfedfa443aaba3a3c1a54cac12b456d2012a09d2cd5f0e82e430454c1b9d84d500
+  checksum: 10c0/d79fffa97106007f2802589f3ed17b8c903f1c961c0fc28aa8a051eee0cbad394d8446223862efd4c1b40445a6034f626bb639cf2035b0bfc468544177593c99
   languageName: node
   linkType: hard
 
@@ -6020,9 +6062,9 @@ __metadata:
   linkType: hard
 
 "css-what@npm:^6.1.0":
-  version: 6.1.0
-  resolution: "css-what@npm:6.1.0"
-  checksum: 10c0/a09f5a6b14ba8dcf57ae9a59474722e80f20406c53a61e9aedb0eedc693b135113ffe2983f4efc4b5065ae639442e9ae88df24941ef159c218b231011d733746
+  version: 6.2.2
+  resolution: "css-what@npm:6.2.2"
+  checksum: 10c0/91e24c26fb977b4ccef30d7007d2668c1c10ac0154cc3f42f7304410e9594fb772aea4f30c832d2993b132ca8d99338050866476210316345ec2e7d47b248a56
   languageName: node
   linkType: hard
 
@@ -6205,11 +6247,11 @@ __metadata:
   linkType: hard
 
 "date-fns-tz@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "date-fns-tz@npm:2.0.0"
+  version: 2.0.1
+  resolution: "date-fns-tz@npm:2.0.1"
   peerDependencies:
-    date-fns: ">=2.0.0"
-  checksum: 10c0/31cacb83c675ef8c2cf31d21c298ab6d74c5e975412dd804664d031ac0f2f03ed5bfb2a950fa15a321bbbcb90b833c300823fbceba0133680065a71894cc1170
+    date-fns: 2.x
+  checksum: 10c0/f860dda9e3d38bc99dc325c678cafb94b3a18c12b1fea0e2f4e451396ea6c4cacced683066c669a67ec380f64fdda83aa4c414a207029b647faa2b76b2a5c6e3
   languageName: node
   linkType: hard
 
@@ -6263,11 +6305,11 @@ __metadata:
   linkType: hard
 
 "decode-named-character-reference@npm:^1.0.0":
-  version: 1.0.2
-  resolution: "decode-named-character-reference@npm:1.0.2"
+  version: 1.2.0
+  resolution: "decode-named-character-reference@npm:1.2.0"
   dependencies:
     character-entities: "npm:^2.0.0"
-  checksum: 10c0/66a9fc5d9b5385a2b3675c69ba0d8e893393d64057f7dbbb585265bb4fc05ec513d76943b8e5aac7d8016d20eea4499322cbf4cd6d54b466976b78f3a7587a4c
+  checksum: 10c0/761a89de6b0e0a2d4b21ae99074e4cc3344dd11eb29f112e23cc5909f2e9f33c5ed20cd6b146b27fb78170bce0f3f9b3362a84b75638676a05c938c24a60f5d7
   languageName: node
   linkType: hard
 
@@ -6371,13 +6413,13 @@ __metadata:
   linkType: hard
 
 "detect-libc@npm:^2.0.0":
-  version: 2.0.3
-  resolution: "detect-libc@npm:2.0.3"
-  checksum: 10c0/88095bda8f90220c95f162bf92cad70bd0e424913e655c20578600e35b91edc261af27531cf160a331e185c0ced93944bc7e09939143225f56312d7fd800fdb7
+  version: 2.0.4
+  resolution: "detect-libc@npm:2.0.4"
+  checksum: 10c0/c15541f836eba4b1f521e4eecc28eefefdbc10a94d3b8cb4c507689f332cc111babb95deda66f2de050b22122113189986d5190be97d51b5a2b23b938415e67c
   languageName: node
   linkType: hard
 
-"devlop@npm:^1.0.0":
+"devlop@npm:^1.0.0, devlop@npm:^1.1.0":
   version: 1.1.0
   resolution: "devlop@npm:1.1.0"
   dependencies:
@@ -6493,13 +6535,13 @@ __metadata:
   linkType: hard
 
 "domutils@npm:^3.0.1":
-  version: 3.1.0
-  resolution: "domutils@npm:3.1.0"
+  version: 3.2.2
+  resolution: "domutils@npm:3.2.2"
   dependencies:
     dom-serializer: "npm:^2.0.0"
     domelementtype: "npm:^2.3.0"
     domhandler: "npm:^5.0.3"
-  checksum: 10c0/342d64cf4d07b8a0573fb51e0a6312a88fb520c7fefd751870bf72fa5fc0f2e0cb9a3958a573610b1d608c6e2a69b8e9b4b40f0bfb8f87a71bce4f180cca1887
+  checksum: 10c0/47938f473b987ea71cd59e59626eb8666d3aa8feba5266e45527f3b636c7883cca7e582d901531961f742c519d7514636b7973353b648762b2e3bedbf235fada
   languageName: node
   linkType: hard
 
@@ -6532,14 +6574,14 @@ __metadata:
   linkType: hard
 
 "duplexify@npm:^4.1.1":
-  version: 4.1.2
-  resolution: "duplexify@npm:4.1.2"
+  version: 4.1.3
+  resolution: "duplexify@npm:4.1.3"
   dependencies:
     end-of-stream: "npm:^1.4.1"
     inherits: "npm:^2.0.3"
     readable-stream: "npm:^3.1.1"
-    stream-shift: "npm:^1.0.0"
-  checksum: 10c0/cacd09d8f1c58f92f83e17dffc14ece50415b32753446ed92046236a27a9e73cb914cda495d955ea12e0e615381082a511f20e219f48a06e84675c9d6950675b
+    stream-shift: "npm:^1.0.2"
+  checksum: 10c0/8a7621ae95c89f3937f982fe36d72ea997836a708471a75bb2a0eecde3330311b1e128a6dad510e0fd64ace0c56bff3484ed2e82af0e465600c82117eadfbda5
   languageName: node
   linkType: hard
 
@@ -6571,10 +6613,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.5.160":
-  version: 1.5.173
-  resolution: "electron-to-chromium@npm:1.5.173"
-  checksum: 10c0/3242129332438ddc34c30dc218241e837fd87e8db54ba5d22a2e3e789115ce15932b5989d91b14be304081446a4c169bc1e573db6edd6eb3e859a7dba44e6c0a
+"electron-to-chromium@npm:^1.5.173":
+  version: 1.5.199
+  resolution: "electron-to-chromium@npm:1.5.199"
+  checksum: 10c0/5586d20455407edc583e33422e370bbdc07913d8f5c73da2ae1c6adcc79c3be7384ecaf893978027cb26a410c1354f199a05edb99b1ab03dd0346e2201525148
   languageName: node
   linkType: hard
 
@@ -6624,11 +6666,11 @@ __metadata:
   linkType: hard
 
 "end-of-stream@npm:^1.1.0, end-of-stream@npm:^1.4.1":
-  version: 1.4.4
-  resolution: "end-of-stream@npm:1.4.4"
+  version: 1.4.5
+  resolution: "end-of-stream@npm:1.4.5"
   dependencies:
     once: "npm:^1.4.0"
-  checksum: 10c0/870b423afb2d54bb8d243c63e07c170409d41e20b47eeef0727547aea5740bd6717aca45597a9f2745525667a6b804c1e7bede41f856818faee5806dd9ff3975
+  checksum: 10c0/b0701c92a10b89afb1cb45bf54a5292c6f008d744eb4382fa559d54775ff31617d1d7bc3ef617575f552e24fad2c7c1a1835948c66b3f3a4be0a6c1f35c883d8
   languageName: node
   linkType: hard
 
@@ -6640,9 +6682,9 @@ __metadata:
   linkType: hard
 
 "entities@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "entities@npm:6.0.0"
-  checksum: 10c0/b82a7bd5de282860f3c36a91e815e41e874fd036c83956a568b82729678492eb088359d6f7e0a4f5c00776427263fcba04959b8340fefa430c39b9bce770427e
+  version: 6.0.1
+  resolution: "entities@npm:6.0.1"
+  checksum: 10c0/ed836ddac5acb34341094eb495185d527bd70e8632b6c0d59548cbfa23defdbae70b96f9a405c82904efa421230b5b3fd2283752447d737beffd3f3e6ee74414
   languageName: node
   linkType: hard
 
@@ -6678,7 +6720,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5, es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9":
+"es-abstract@npm:^1.17.5, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3, es-abstract@npm:^1.23.5, es-abstract@npm:^1.23.6, es-abstract@npm:^1.23.9, es-abstract@npm:^1.24.0":
   version: 1.24.0
   resolution: "es-abstract@npm:1.24.0"
   dependencies:
@@ -6807,11 +6849,11 @@ __metadata:
   linkType: hard
 
 "es-shim-unscopables@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "es-shim-unscopables@npm:1.0.2"
+  version: 1.1.0
+  resolution: "es-shim-unscopables@npm:1.1.0"
   dependencies:
-    hasown: "npm:^2.0.0"
-  checksum: 10c0/f495af7b4b7601a4c0cfb893581c352636e5c08654d129590386a33a0432cf13a7bdc7b6493801cadd990d838e2839b9013d1de3b880440cb537825e834fe783
+    hasown: "npm:^2.0.2"
+  checksum: 10c0/1b9702c8a1823fc3ef39035a4e958802cf294dd21e917397c561d0b3e195f383b978359816b1732d02b255ccf63e1e4815da0065b95db8d7c992037be3bbbcdb
   languageName: node
   linkType: hard
 
@@ -7126,6 +7168,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"estree-util-is-identifier-name@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "estree-util-is-identifier-name@npm:3.0.0"
+  checksum: 10c0/d1881c6ed14bd588ebd508fc90bf2a541811dbb9ca04dec2f39d27dcaa635f85b5ed9bbbe7fc6fb1ddfca68744a5f7c70456b4b7108b6c4c52780631cc787c5b
+  languageName: node
+  linkType: hard
+
 "estree-walker@npm:^1.0.1":
   version: 1.0.1
   resolution: "estree-walker@npm:1.0.1"
@@ -7217,9 +7266,9 @@ __metadata:
   linkType: hard
 
 "exponential-backoff@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "exponential-backoff@npm:3.1.1"
-  checksum: 10c0/160456d2d647e6019640bd07111634d8c353038d9fa40176afb7cd49b0548bdae83b56d05e907c2cce2300b81cae35d800ef92fefb9d0208e190fa3b7d6bb579
+  version: 3.1.2
+  resolution: "exponential-backoff@npm:3.1.2"
+  checksum: 10c0/d9d3e1eafa21b78464297df91f1776f7fbaa3d5e3f7f0995648ca5b89c069d17055033817348d9f4a43d1c20b0eab84f75af6991751e839df53e4dfd6f22e844
   languageName: node
   linkType: hard
 
@@ -7259,9 +7308,9 @@ __metadata:
   linkType: hard
 
 "fast-equals@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "fast-equals@npm:5.0.1"
-  checksum: 10c0/d7077b8b681036c2840ed9860a3048e44fc268fad2b525b8f25b43458be0c8ad976152eb4b475de9617170423c5b802121ebb61ed6641c3ac035fadaf805c8c0
+  version: 5.2.2
+  resolution: "fast-equals@npm:5.2.2"
+  checksum: 10c0/2bfeac6317a8959a00e2134749323557e5df6dea3af24e4457297733eace8ce4313fcbca2cf4532f3a6792607461e80442cd8d3af148d5c2e4e98ad996d6e5b5
   languageName: node
   linkType: hard
 
@@ -7300,11 +7349,11 @@ __metadata:
   linkType: hard
 
 "fastq@npm:^1.6.0":
-  version: 1.17.1
-  resolution: "fastq@npm:1.17.1"
+  version: 1.19.1
+  resolution: "fastq@npm:1.19.1"
   dependencies:
     reusify: "npm:^1.0.4"
-  checksum: 10c0/1095f16cea45fb3beff558bb3afa74ca7a9250f5a670b65db7ed585f92b4b48381445cd328b3d87323da81e43232b5d5978a8201bde84e0cd514310f1ea6da34
+  checksum: 10c0/ebc6e50ac7048daaeb8e64522a1ea7a26e92b3cee5cd1c7f2316cdca81ba543aa40a136b53891446ea5c3a67ec215fbaca87ad405f102dd97012f62916905630
   languageName: node
   linkType: hard
 
@@ -7437,12 +7486,12 @@ __metadata:
   linkType: hard
 
 "foreground-child@npm:^3.1.0":
-  version: 3.3.0
-  resolution: "foreground-child@npm:3.3.0"
+  version: 3.3.1
+  resolution: "foreground-child@npm:3.3.1"
   dependencies:
-    cross-spawn: "npm:^7.0.0"
+    cross-spawn: "npm:^7.0.6"
     signal-exit: "npm:^4.0.1"
-  checksum: 10c0/028f1d41000553fcfa6c4bb5c372963bf3d9bf0b1f25a87d1a6253014343fb69dfb1b42d9625d7cf44c8ba429940f3d0ff718b62105d4d4a4f6ef8ca0a53faa2
+  checksum: 10c0/8986e4af2430896e65bc2788d6679067294d6aee9545daefc84923a0a4b399ad9c7a3ea7bd8c0b2b80fdf4a92de4c69df3f628233ff3224260e9c1541a9e9ed3
   languageName: node
   linkType: hard
 
@@ -7480,10 +7529,10 @@ __metadata:
     "@babel/plugin-proposal-private-property-in-object": "npm:^7.21.11"
     "@babel/preset-typescript": "npm:^7.24.1"
     "@babel/runtime": "npm:^7.24.5"
-    "@blueprintjs/core": "npm:^5.10.1"
-    "@blueprintjs/datetime2": "npm:^2.3.3"
+    "@blueprintjs/core": "npm:^6.0.0"
+    "@blueprintjs/datetime": "npm:^6.0.0"
     "@blueprintjs/icons": "npm:^6.0.0"
-    "@blueprintjs/select": "npm:^5.1.3"
+    "@blueprintjs/select": "npm:^6.0.0"
     "@convergencelabs/ace-collab-ext": "npm:^0.6.0"
     "@mantine/hooks": "npm:^7.11.2"
     "@octokit/rest": "npm:^22.0.0"
@@ -7496,7 +7545,7 @@ __metadata:
     "@rsbuild/plugin-svgr": "npm:^1.2.0"
     "@sentry/browser": "npm:^8.33.0"
     "@sourceacademy/c-slang": "npm:^1.0.21"
-    "@sourceacademy/sharedb-ace": "npm:^2.1.1"
+    "@sourceacademy/sharedb-ace": "npm:2.1.1"
     "@sourceacademy/sling-client": "npm:^0.1.0"
     "@svgr/webpack": "npm:^8.0.0"
     "@swc/core": "npm:^1.11.22"
@@ -7836,13 +7885,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globals@npm:^11.1.0":
-  version: 11.12.0
-  resolution: "globals@npm:11.12.0"
-  checksum: 10c0/758f9f258e7b19226bd8d4af5d3b0dcf7038780fb23d82e6f98932c44e239f884847f1766e8fa9cc5635ccb3204f7fa7314d4408dd4002a5e8ea827b4018f0a1
-  languageName: node
-  linkType: hard
-
 "globals@npm:^14.0.0":
   version: 14.0.0
   resolution: "globals@npm:14.0.0"
@@ -8000,7 +8042,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hasown@npm:^2.0.0, hasown@npm:^2.0.2":
+"hasown@npm:^2.0.2":
   version: 2.0.2
   resolution: "hasown@npm:2.0.2"
   dependencies:
@@ -8026,19 +8068,25 @@ __metadata:
   linkType: hard
 
 "hast-util-to-jsx-runtime@npm:^2.0.0":
-  version: 2.1.1
-  resolution: "hast-util-to-jsx-runtime@npm:2.1.1"
+  version: 2.3.6
+  resolution: "hast-util-to-jsx-runtime@npm:2.3.6"
   dependencies:
+    "@types/estree": "npm:^1.0.0"
     "@types/hast": "npm:^3.0.0"
     "@types/unist": "npm:^3.0.0"
     comma-separated-tokens: "npm:^2.0.0"
+    devlop: "npm:^1.0.0"
+    estree-util-is-identifier-name: "npm:^3.0.0"
     hast-util-whitespace: "npm:^3.0.0"
-    property-information: "npm:^6.0.0"
+    mdast-util-mdx-expression: "npm:^2.0.0"
+    mdast-util-mdx-jsx: "npm:^3.0.0"
+    mdast-util-mdxjs-esm: "npm:^2.0.0"
+    property-information: "npm:^7.0.0"
     space-separated-tokens: "npm:^2.0.0"
-    style-to-object: "npm:^0.4.0"
+    style-to-js: "npm:^1.0.0"
     unist-util-position: "npm:^5.0.0"
     vfile-message: "npm:^4.0.0"
-  checksum: 10c0/5eed820a074164b59e6c443757976d105c5616a3d4b319474450e00abbc937eb46c7390b5954a4a3fef349b26b16fa4ab4fc5288850dea78523c6e192bfca01c
+  checksum: 10c0/27297e02848fe37ef219be04a26ce708d17278a175a807689e94a821dcffc88aa506d62c3a85beed1f9a8544f7211bdcbcde0528b7b456a57c2e342c3fd11056
   languageName: node
   linkType: hard
 
@@ -8362,10 +8410,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inline-style-parser@npm:0.1.1":
-  version: 0.1.1
-  resolution: "inline-style-parser@npm:0.1.1"
-  checksum: 10c0/08832a533f51a1e17619f2eabf2f5ec5e956d6dcba1896351285c65df022c9420de61d73256e1dca8015a52abf96cc84ddc3b73b898b22de6589d3962b5e501b
+"inline-style-parser@npm:0.2.4":
+  version: 0.2.4
+  resolution: "inline-style-parser@npm:0.2.4"
+  checksum: 10c0/ddc0b210eaa03e0f98d677b9836242c583c7c6051e84ce0e704ae4626e7871c5b78f8e30853480218b446355745775df318d4f82d33087ff7e393245efa9a881
   languageName: node
   linkType: hard
 
@@ -8413,6 +8461,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-alphabetical@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-alphabetical@npm:2.0.1"
+  checksum: 10c0/932367456f17237533fd1fc9fe179df77957271020b83ea31da50e5cc472d35ef6b5fb8147453274ffd251134472ce24eb6f8d8398d96dee98237cdb81a6c9a7
+  languageName: node
+  linkType: hard
+
 "is-alphanumerical@npm:^1.0.0":
   version: 1.0.4
   resolution: "is-alphanumerical@npm:1.0.4"
@@ -8423,6 +8478,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-alphanumerical@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-alphanumerical@npm:2.0.1"
+  dependencies:
+    is-alphabetical: "npm:^2.0.0"
+    is-decimal: "npm:^2.0.0"
+  checksum: 10c0/4b35c42b18e40d41378293f82a3ecd9de77049b476f748db5697c297f686e1e05b072a6aaae2d16f54d2a57f85b00cbbe755c75f6d583d1c77d6657bd0feb5a2
+  languageName: node
+  linkType: hard
+
 "is-arguments@npm:^1.0.4":
   version: 1.2.0
   resolution: "is-arguments@npm:1.2.0"
@@ -8523,6 +8588,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-decimal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-decimal@npm:2.0.1"
+  checksum: 10c0/8085dd66f7d82f9de818fba48b9e9c0429cb4291824e6c5f2622e96b9680b54a07a624cfc663b24148b8e853c62a1c987cfe8b0b5a13f5156991afaf6736e334
+  languageName: node
+  linkType: hard
+
 "is-extglob@npm:^2.1.1":
   version: 2.1.1
   resolution: "is-extglob@npm:2.1.1"
@@ -8574,6 +8646,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-hexadecimal@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "is-hexadecimal@npm:2.0.1"
+  checksum: 10c0/3eb60fe2f1e2bbc760b927dcad4d51eaa0c60138cf7fc671803f66353ad90c301605b502c7ea4c6bb0548e1c7e79dfd37b73b632652e3b76030bba603a7e9626
+  languageName: node
+  linkType: hard
+
 "is-map@npm:^2.0.3":
   version: 2.0.3
   resolution: "is-map@npm:2.0.3"
@@ -8685,7 +8764,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-string@npm:^1.0.7, is-string@npm:^1.1.1":
+"is-string@npm:^1.1.1":
   version: 1.1.1
   resolution: "is-string@npm:1.1.1"
   dependencies:
@@ -9366,6 +9445,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"longest-streak@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "longest-streak@npm:3.1.0"
+  checksum: 10c0/7c2f02d0454b52834d1bcedef79c557bd295ee71fdabb02d041ff3aa9da48a90b5df7c0409156dedbc4df9b65da18742652aaea4759d6ece01f08971af6a7eaa
+  languageName: node
+  linkType: hard
+
 "loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0":
   version: 1.4.0
   resolution: "loose-envify@npm:1.4.0"
@@ -9532,6 +9618,64 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdast-util-mdx-expression@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdx-expression@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10c0/9a1e57940f66431f10312fa239096efa7627f375e7933b5d3162c0b5c1712a72ac87447aff2b6838d2bbd5c1311b188718cc90b33b67dc67a88550e0a6ef6183
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdx-jsx@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "mdast-util-mdx-jsx@npm:3.2.0"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    ccount: "npm:^2.0.0"
+    devlop: "npm:^1.1.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+    parse-entities: "npm:^4.0.0"
+    stringify-entities: "npm:^4.0.0"
+    unist-util-stringify-position: "npm:^4.0.0"
+    vfile-message: "npm:^4.0.0"
+  checksum: 10c0/3acadaf3b962254f7ad2990fed4729961dc0217ca31fde9917986e880843f3ecf3392b1f22d569235cacd180d50894ad266db7af598aedca69d330d33c7ac613
+  languageName: node
+  linkType: hard
+
+"mdast-util-mdxjs-esm@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "mdast-util-mdxjs-esm@npm:2.0.1"
+  dependencies:
+    "@types/estree-jsx": "npm:^1.0.0"
+    "@types/hast": "npm:^3.0.0"
+    "@types/mdast": "npm:^4.0.0"
+    devlop: "npm:^1.0.0"
+    mdast-util-from-markdown: "npm:^2.0.0"
+    mdast-util-to-markdown: "npm:^2.0.0"
+  checksum: 10c0/5bda92fc154141705af2b804a534d891f28dac6273186edf1a4c5e3f045d5b01dbcac7400d27aaf91b7e76e8dce007c7b2fdf136c11ea78206ad00bdf9db46bc
+  languageName: node
+  linkType: hard
+
+"mdast-util-phrasing@npm:^4.0.0":
+  version: 4.1.0
+  resolution: "mdast-util-phrasing@npm:4.1.0"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    unist-util-is: "npm:^6.0.0"
+  checksum: 10c0/bf6c31d51349aa3d74603d5e5a312f59f3f65662ed16c58017169a5fb0f84ca98578f626c5ee9e4aa3e0a81c996db8717096705521bddb4a0185f98c12c9b42f
+  languageName: node
+  linkType: hard
+
 "mdast-util-to-hast@npm:^13.0.0":
   version: 13.2.0
   resolution: "mdast-util-to-hast@npm:13.2.0"
@@ -9549,6 +9693,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mdast-util-to-markdown@npm:^2.0.0":
+  version: 2.1.2
+  resolution: "mdast-util-to-markdown@npm:2.1.2"
+  dependencies:
+    "@types/mdast": "npm:^4.0.0"
+    "@types/unist": "npm:^3.0.0"
+    longest-streak: "npm:^3.0.0"
+    mdast-util-phrasing: "npm:^4.0.0"
+    mdast-util-to-string: "npm:^4.0.0"
+    micromark-util-classify-character: "npm:^2.0.0"
+    micromark-util-decode-string: "npm:^2.0.0"
+    unist-util-visit: "npm:^5.0.0"
+    zwitch: "npm:^2.0.0"
+  checksum: 10c0/4649722a6099f12e797bd8d6469b2b43b44e526b5182862d9c7766a3431caad2c0112929c538a972f214e63c015395e5d3f54bd81d9ac1b16e6d8baaf582f749
+  languageName: node
+  linkType: hard
+
 "mdast-util-to-string@npm:^4.0.0":
   version: 4.0.0
   resolution: "mdast-util-to-string@npm:4.0.0"
@@ -9601,8 +9762,8 @@ __metadata:
   linkType: hard
 
 "micromark-core-commonmark@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-core-commonmark@npm:2.0.0"
+  version: 2.0.3
+  resolution: "micromark-core-commonmark@npm:2.0.3"
   dependencies:
     decode-named-character-reference: "npm:^1.0.0"
     devlop: "npm:^1.0.0"
@@ -9620,200 +9781,200 @@ __metadata:
     micromark-util-subtokenize: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/e087824b98d1f1d0db34791ac53945b0d68fb5e541c6c9da6700cc3db54d6b697d8110d3120d5d30e2fb39443aabddccd3e2bbf684795359f38b5a696fdc5913
+  checksum: 10c0/bd4a794fdc9e88dbdf59eaf1c507ddf26e5f7ddf4e52566c72239c0f1b66adbcd219ba2cd42350debbe24471434d5f5e50099d2b3f4e5762ca222ba8e5b549ee
   languageName: node
   linkType: hard
 
 "micromark-factory-destination@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-factory-destination@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-factory-destination@npm:2.0.1"
   dependencies:
     micromark-util-character: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/b73492f687d41a6a379159c2f3acbf813042346bcea523d9041d0cc6124e6715f0779dbb2a0b3422719e9764c3b09f9707880aa159557e3cb4aeb03b9d274915
+  checksum: 10c0/bbafcf869cee5bf511161354cb87d61c142592fbecea051000ff116068dc85216e6d48519d147890b9ea5d7e2864a6341c0c09d9948c203bff624a80a476023c
   languageName: node
   linkType: hard
 
 "micromark-factory-label@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-factory-label@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-factory-label@npm:2.0.1"
   dependencies:
     devlop: "npm:^1.0.0"
     micromark-util-character: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/8ffad00487a7891941b1d1f51d53a33c7a659dcf48617edb7a4008dad7aff67ec316baa16d55ca98ae3d75ce1d81628dbf72fedc7c6f108f740dec0d5d21c8ee
+  checksum: 10c0/0137716b4ecb428114165505e94a2f18855c8bbea21b07a8b5ce514b32a595ed789d2b967125718fc44c4197ceaa48f6609d58807a68e778138d2e6b91b824e8
   languageName: node
   linkType: hard
 
 "micromark-factory-space@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-factory-space@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-factory-space@npm:2.0.1"
   dependencies:
     micromark-util-character: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/103ca954dade963d4ff1d2f27d397833fe855ddc72590205022832ef68b775acdea67949000cee221708e376530b1de78c745267b0bf8366740840783eb37122
+  checksum: 10c0/f9ed43f1c0652d8d898de0ac2be3f77f776fffe7dd96bdbba1e02d7ce33d3853c6ff5daa52568fc4fa32cdf3a62d86b85ead9b9189f7211e1d69ff2163c450fb
   languageName: node
   linkType: hard
 
 "micromark-factory-title@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-factory-title@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-factory-title@npm:2.0.1"
   dependencies:
     micromark-factory-space: "npm:^2.0.0"
     micromark-util-character: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/2b2188e7a011b1b001faf8c860286d246d5c3485ef8819270c60a5808f4c7613e49d4e481dbdff62600ef7acdba0f5100be2d125cbd2a15e236c26b3668a8ebd
+  checksum: 10c0/e72fad8d6e88823514916890099a5af20b6a9178ccf78e7e5e05f4de99bb8797acb756257d7a3a57a53854cb0086bf8aab15b1a9e9db8982500dd2c9ff5948b6
   languageName: node
   linkType: hard
 
 "micromark-factory-whitespace@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-factory-whitespace@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-factory-whitespace@npm:2.0.1"
   dependencies:
     micromark-factory-space: "npm:^2.0.0"
     micromark-util-character: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/4e91baab0cc71873095134bd0e225d01d9786cde352701402d71b72d317973954754e8f9f1849901f165530e6421202209f4d97c460a27bb0808ec5a3fc3148c
+  checksum: 10c0/20a1ec58698f24b766510a309b23a10175034fcf1551eaa9da3adcbed3e00cd53d1ebe5f030cf873f76a1cec3c34eb8c50cc227be3344caa9ed25d56cf611224
   languageName: node
   linkType: hard
 
 "micromark-util-character@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "micromark-util-character@npm:2.1.0"
+  version: 2.1.1
+  resolution: "micromark-util-character@npm:2.1.1"
   dependencies:
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/fc37a76aaa5a5138191ba2bef1ac50c36b3bcb476522e98b1a42304ab4ec76f5b036a746ddf795d3de3e7004b2c09f21dd1bad42d161f39b8cfc0acd067e6373
+  checksum: 10c0/d3fe7a5e2c4060fc2a076f9ce699c82a2e87190a3946e1e5eea77f563869b504961f5668d9c9c014724db28ac32fa909070ea8b30c3a39bd0483cc6c04cc76a1
   languageName: node
   linkType: hard
 
 "micromark-util-chunked@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-chunked@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-chunked@npm:2.0.1"
   dependencies:
     micromark-util-symbol: "npm:^2.0.0"
-  checksum: 10c0/043b5f2abc8c13a1e2e4c378ead191d1a47ed9e0cd6d0fa5a0a430b2df9e17ada9d5de5a20688a000bbc5932507e746144acec60a9589d9a79fa60918e029203
+  checksum: 10c0/b68c0c16fe8106949537bdcfe1be9cf36c0ccd3bc54c4007003cb0984c3750b6cdd0fd77d03f269a3382b85b0de58bde4f6eedbe7ecdf7244759112289b1ab56
   languageName: node
   linkType: hard
 
 "micromark-util-classify-character@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-classify-character@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-classify-character@npm:2.0.1"
   dependencies:
     micromark-util-character: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/2bf5fa5050faa9b69f6c7e51dbaaf02329ab70fabad8229984381b356afbbf69db90f4617bec36d814a7d285fb7cad8e3c4e38d1daf4387dc9e240aa7f9a292a
+  checksum: 10c0/8a02e59304005c475c332f581697e92e8c585bcd45d5d225a66c1c1b14ab5a8062705188c2ccec33cc998d33502514121478b2091feddbc751887fc9c290ed08
   languageName: node
   linkType: hard
 
 "micromark-util-combine-extensions@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-combine-extensions@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-combine-extensions@npm:2.0.1"
   dependencies:
     micromark-util-chunked: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/cd4c8d1a85255527facb419ff3b3cc3d7b7f27005c5ef5fa7ef2c4d0e57a9129534fc292a188ec2d467c2c458642d369c5f894bc8a9e142aed6696cc7989d3ea
+  checksum: 10c0/f15e282af24c8372cbb10b9b0b3e2c0aa681fea0ca323a44d6bc537dc1d9382c819c3689f14eaa000118f5a163245358ce6276b2cda9a84439cdb221f5d86ae7
   languageName: node
   linkType: hard
 
 "micromark-util-decode-numeric-character-reference@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-decode-numeric-character-reference@npm:2.0.0"
+  version: 2.0.2
+  resolution: "micromark-util-decode-numeric-character-reference@npm:2.0.2"
   dependencies:
     micromark-util-symbol: "npm:^2.0.0"
-  checksum: 10c0/197c12907fa885fa6e903da958dabb5fe27f01e5dd1f879983e221bae3947c33cf27fe6b9f05ce14de456892095e4bb9f95f9614f8ae4128ebb9ade3fdf4b9d6
+  checksum: 10c0/9c8a9f2c790e5593ffe513901c3a110e9ec8882a08f466da014112a25e5059b51551ca0aeb7ff494657d86eceb2f02ee556c6558b8d66aadc61eae4a240da0df
   languageName: node
   linkType: hard
 
 "micromark-util-decode-string@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-decode-string@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-decode-string@npm:2.0.1"
   dependencies:
     decode-named-character-reference: "npm:^1.0.0"
     micromark-util-character: "npm:^2.0.0"
     micromark-util-decode-numeric-character-reference: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
-  checksum: 10c0/f5413bebb21bdb686cfa1bcfa7e9c93093a523d1b42443ead303b062d2d680a94e5e8424549f57b8ba9d786a758e5a26a97f56068991bbdbca5d1885b3aa7227
+  checksum: 10c0/f24d75b2e5310be6e7b6dee532e0d17d3bf46996841d6295f2a9c87a2046fff4ab603c52ab9d7a7a6430a8b787b1574ae895849c603d262d1b22eef71736b5cb
   languageName: node
   linkType: hard
 
 "micromark-util-encode@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-encode@npm:2.0.0"
-  checksum: 10c0/ebdaafff23100bbf4c74e63b4b1612a9ddf94cd7211d6a076bc6fb0bc32c1b48d6fb615aa0953e607c62c97d849f97f1042260d3eb135259d63d372f401bbbb2
+  version: 2.0.1
+  resolution: "micromark-util-encode@npm:2.0.1"
+  checksum: 10c0/b2b29f901093845da8a1bf997ea8b7f5e061ffdba85070dfe14b0197c48fda64ffcf82bfe53c90cf9dc185e69eef8c5d41cae3ba918b96bc279326921b59008a
   languageName: node
   linkType: hard
 
 "micromark-util-html-tag-name@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-html-tag-name@npm:2.0.0"
-  checksum: 10c0/988aa26367449bd345b627ae32cf605076daabe2dc1db71b578a8a511a47123e14af466bcd6dcbdacec60142f07bc2723ec5f7a0eed0f5319ce83b5e04825429
+  version: 2.0.1
+  resolution: "micromark-util-html-tag-name@npm:2.0.1"
+  checksum: 10c0/ae80444db786fde908e9295f19a27a4aa304171852c77414516418650097b8afb401961c9edb09d677b06e97e8370cfa65638dde8438ebd41d60c0a8678b85b9
   languageName: node
   linkType: hard
 
 "micromark-util-normalize-identifier@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-normalize-identifier@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-normalize-identifier@npm:2.0.1"
   dependencies:
     micromark-util-symbol: "npm:^2.0.0"
-  checksum: 10c0/93bf8789b8449538f22cf82ac9b196363a5f3b2f26efd98aef87c4c1b1f8c05be3ef6391ff38316ff9b03c1a6fd077342567598019ddd12b9bd923dacc556333
+  checksum: 10c0/5299265fa360769fc499a89f40142f10a9d4a5c3dd8e6eac8a8ef3c2e4a6570e4c009cf75ea46dce5ee31c01f25587bde2f4a5cc0a935584ae86dd857f2babbd
   languageName: node
   linkType: hard
 
 "micromark-util-resolve-all@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-resolve-all@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-resolve-all@npm:2.0.1"
   dependencies:
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/3b912e88453dcefe728a9080c8934a75ac4732056d6576ceecbcaf97f42c5d6fa2df66db8abdc8427eb167c5ffddefe26713728cfe500bc0e314ed260d6e2746
+  checksum: 10c0/bb6ca28764696bb479dc44a2d5b5fe003e7177aeae1d6b0d43f24cc223bab90234092d9c3ce4a4d2b8df095ccfd820537b10eb96bb7044d635f385d65a4c984a
   languageName: node
   linkType: hard
 
 "micromark-util-sanitize-uri@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-sanitize-uri@npm:2.0.0"
+  version: 2.0.1
+  resolution: "micromark-util-sanitize-uri@npm:2.0.1"
   dependencies:
     micromark-util-character: "npm:^2.0.0"
     micromark-util-encode: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
-  checksum: 10c0/74763ca1c927dd520d3ab8fd9856a19740acf76fc091f0a1f5d4e99c8cd5f1b81c5a0be3efb564941a071fb6d85fd951103f2760eb6cff77b5ab3abe08341309
+  checksum: 10c0/60e92166e1870fd4f1961468c2651013ff760617342918e0e0c3c4e872433aa2e60c1e5a672bfe5d89dc98f742d6b33897585cf86ae002cda23e905a3c02527c
   languageName: node
   linkType: hard
 
 "micromark-util-subtokenize@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-subtokenize@npm:2.0.0"
+  version: 2.1.0
+  resolution: "micromark-util-subtokenize@npm:2.1.0"
   dependencies:
     devlop: "npm:^1.0.0"
     micromark-util-chunked: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/1907c56c4974d430b984c50b3eb0930241112d931e611f178dee17d58f2976614950631b70f4e9c7e49dbccf21f91654ee61f250e028bf2f2b0f3d3aeb168da8
+  checksum: 10c0/bee69eece4393308e657c293ba80d92ebcb637e5f55e21dcf9c3fa732b91a8eda8ac248d76ff375e675175bfadeae4712e5158ef97eef1111789da1ce7ab5067
   languageName: node
   linkType: hard
 
 "micromark-util-symbol@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-symbol@npm:2.0.0"
-  checksum: 10c0/4e76186c185ce4cefb9cea8584213d9ffacd77099d1da30c0beb09fa21f46f66f6de4c84c781d7e34ff763fe3a06b530e132fa9004882afab9e825238d0aa8b3
+  version: 2.0.1
+  resolution: "micromark-util-symbol@npm:2.0.1"
+  checksum: 10c0/f2d1b207771e573232436618e78c5e46cd4b5c560dd4a6d63863d58018abbf49cb96ec69f7007471e51434c60de3c9268ef2bf46852f26ff4aacd10f9da16fe9
   languageName: node
   linkType: hard
 
 "micromark-util-types@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "micromark-util-types@npm:2.0.0"
-  checksum: 10c0/d74e913b9b61268e0d6939f4209e3abe9dada640d1ee782419b04fd153711112cfaaa3c4d5f37225c9aee1e23c3bb91a1f5223e1e33ba92d33e83956a53e61de
+  version: 2.0.2
+  resolution: "micromark-util-types@npm:2.0.2"
+  checksum: 10c0/c8c15b96c858db781c4393f55feec10004bf7df95487636c9a9f7209e51002a5cca6a047c5d2a5dc669ff92da20e57aaa881e81a268d9ccadb647f9dce305298
   languageName: node
   linkType: hard
 
 "micromark@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "micromark@npm:4.0.0"
+  version: 4.0.2
+  resolution: "micromark@npm:4.0.2"
   dependencies:
     "@types/debug": "npm:^4.0.0"
     debug: "npm:^4.0.0"
@@ -9832,7 +9993,7 @@ __metadata:
     micromark-util-subtokenize: "npm:^2.0.0"
     micromark-util-symbol: "npm:^2.0.0"
     micromark-util-types: "npm:^2.0.0"
-  checksum: 10c0/7e91c8d19ff27bc52964100853f1b3b32bb5b2ece57470a34ba1b2f09f4e2a183d90106c4ae585c9f2046969ee088576fed79b2f7061cba60d16652ccc2c64fd
+  checksum: 10c0/07462287254219d6eda6eac8a3cebaff2994e0575499e7088027b825105e096e4f51e466b14b2a81b71933a3b6c48ee069049d87bc2c2127eee50d9cc69e8af6
   languageName: node
   linkType: hard
 
@@ -10501,6 +10662,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"parse-entities@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "parse-entities@npm:4.0.2"
+  dependencies:
+    "@types/unist": "npm:^2.0.0"
+    character-entities-legacy: "npm:^3.0.0"
+    character-reference-invalid: "npm:^2.0.0"
+    decode-named-character-reference: "npm:^1.0.0"
+    is-alphanumerical: "npm:^2.0.0"
+    is-decimal: "npm:^2.0.0"
+    is-hexadecimal: "npm:^2.0.0"
+  checksum: 10c0/a13906b1151750b78ed83d386294066daf5fb559e08c5af9591b2d98cc209123103016a01df776f65f8219ad26652d6d6b210d0974d452049cddfc53a8916c34
+  languageName: node
+  linkType: hard
+
 "parse-json@npm:^5.0.0, parse-json@npm:^5.2.0":
   version: 5.2.0
   resolution: "parse-json@npm:5.2.0"
@@ -10896,13 +11072,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"property-information@npm:^6.0.0":
-  version: 6.2.0
-  resolution: "property-information@npm:6.2.0"
-  checksum: 10c0/daf929ea81354cbbca1e189063cfd606038c11acb30312aa8f8d79a7168163139ff960b6c478542dad6831fa48a3bf3ab8b3dab1b3e34570da32040537b154da
-  languageName: node
-  linkType: hard
-
 "property-information@npm:^7.0.0":
   version: 7.1.0
   resolution: "property-information@npm:7.1.0"
@@ -11069,17 +11238,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-day-picker@npm:7.4.9":
-  version: 7.4.9
-  resolution: "react-day-picker@npm:7.4.9"
-  dependencies:
-    prop-types: "npm:^15.6.2"
-  peerDependencies:
-    react: ~0.13.x || ~0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0
-  checksum: 10c0/9f503fbfbda61f1e1b7aeae5587a79fe3fe0a606ef6fe4637e2d27999c84ac785d6e976f275f8b215bb8a7298257a7063d917ac86522d69e8be9033e03815b8f
-  languageName: node
-  linkType: hard
-
 "react-day-picker@npm:^8.10.0":
   version: 8.10.0
   resolution: "react-day-picker@npm:8.10.0"
@@ -11534,21 +11692,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-uid@npm:^2.3.3":
-  version: 2.3.3
-  resolution: "react-uid@npm:2.3.3"
-  dependencies:
-    tslib: "npm:^2.0.0"
-  peerDependencies:
-    "@types/react": ^16.8.0 || ^17.0.0 || ^18.0.0
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: 10c0/8aa30e92ee03561d25779c68ba6d9409ba4ea83386a8798729b6eb5977bbdc4a5ff199b758d2a29e958d7560b2a7517cab8671932b83e8fcd50092631c209b4c
-  languageName: node
-  linkType: hard
-
 "react@npm:^18.3.1":
   version: 18.3.1
   resolution: "react@npm:18.3.1"
@@ -11887,7 +12030,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.14.2, resolve@npm:^1.19.0, resolve@npm:^1.22.1":
+"resolve@npm:^1.19.0, resolve@npm:^1.22.1, resolve@npm:^1.22.10":
   version: 1.22.10
   resolution: "resolve@npm:1.22.10"
   dependencies:
@@ -11913,7 +12056,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^1.19.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.10#optional!builtin<compat/resolve>":
   version: 1.22.10
   resolution: "resolve@patch:resolve@npm%3A1.22.10#optional!builtin<compat/resolve>::version=1.22.10&hash=c3c19d"
   dependencies:
@@ -11995,30 +12138,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:^4.40.0":
-  version: 4.46.0
-  resolution: "rollup@npm:4.46.0"
-  dependencies:
-    "@rollup/rollup-android-arm-eabi": "npm:4.46.0"
-    "@rollup/rollup-android-arm64": "npm:4.46.0"
-    "@rollup/rollup-darwin-arm64": "npm:4.46.0"
-    "@rollup/rollup-darwin-x64": "npm:4.46.0"
-    "@rollup/rollup-freebsd-arm64": "npm:4.46.0"
-    "@rollup/rollup-freebsd-x64": "npm:4.46.0"
-    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.46.0"
-    "@rollup/rollup-linux-arm-musleabihf": "npm:4.46.0"
-    "@rollup/rollup-linux-arm64-gnu": "npm:4.46.0"
-    "@rollup/rollup-linux-arm64-musl": "npm:4.46.0"
-    "@rollup/rollup-linux-loongarch64-gnu": "npm:4.46.0"
-    "@rollup/rollup-linux-ppc64-gnu": "npm:4.46.0"
-    "@rollup/rollup-linux-riscv64-gnu": "npm:4.46.0"
-    "@rollup/rollup-linux-riscv64-musl": "npm:4.46.0"
-    "@rollup/rollup-linux-s390x-gnu": "npm:4.46.0"
-    "@rollup/rollup-linux-x64-gnu": "npm:4.46.0"
-    "@rollup/rollup-linux-x64-musl": "npm:4.46.0"
-    "@rollup/rollup-win32-arm64-msvc": "npm:4.46.0"
-    "@rollup/rollup-win32-ia32-msvc": "npm:4.46.0"
-    "@rollup/rollup-win32-x64-msvc": "npm:4.46.0"
+"rollup@npm:^4.43.0":
+  version: 4.46.2
+  resolution: "rollup@npm:4.46.2"
+  dependencies:
+    "@rollup/rollup-android-arm-eabi": "npm:4.46.2"
+    "@rollup/rollup-android-arm64": "npm:4.46.2"
+    "@rollup/rollup-darwin-arm64": "npm:4.46.2"
+    "@rollup/rollup-darwin-x64": "npm:4.46.2"
+    "@rollup/rollup-freebsd-arm64": "npm:4.46.2"
+    "@rollup/rollup-freebsd-x64": "npm:4.46.2"
+    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.46.2"
+    "@rollup/rollup-linux-arm-musleabihf": "npm:4.46.2"
+    "@rollup/rollup-linux-arm64-gnu": "npm:4.46.2"
+    "@rollup/rollup-linux-arm64-musl": "npm:4.46.2"
+    "@rollup/rollup-linux-loongarch64-gnu": "npm:4.46.2"
+    "@rollup/rollup-linux-ppc64-gnu": "npm:4.46.2"
+    "@rollup/rollup-linux-riscv64-gnu": "npm:4.46.2"
+    "@rollup/rollup-linux-riscv64-musl": "npm:4.46.2"
+    "@rollup/rollup-linux-s390x-gnu": "npm:4.46.2"
+    "@rollup/rollup-linux-x64-gnu": "npm:4.46.2"
+    "@rollup/rollup-linux-x64-musl": "npm:4.46.2"
+    "@rollup/rollup-win32-arm64-msvc": "npm:4.46.2"
+    "@rollup/rollup-win32-ia32-msvc": "npm:4.46.2"
+    "@rollup/rollup-win32-x64-msvc": "npm:4.46.2"
     "@types/estree": "npm:1.0.8"
     fsevents: "npm:~2.3.2"
   dependenciesMeta:
@@ -12066,7 +12209,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: 10c0/0e85ffd629de5ac8b714ce71ecf354cd3ef3357b430edb4103a3cae3fbff380a2680083dd6428d196584a6b287b4fa05d27563f85ac66400fb26d0dc5a6bb731
+  checksum: 10c0/f428497fe119fe7c4e34f1020d45ba13e99b94c9aa36958d88823d932b155c9df3d84f53166f3ee913ff68ea6c7599a9ab34861d88562ad9d8420f64ca5dad4c
   languageName: node
   linkType: hard
 
@@ -12353,7 +12496,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sass@npm:1.90.0":
+"sass@npm:1.90.0, sass@npm:^1.63.6":
   version: 1.90.0
   resolution: "sass@npm:1.90.0"
   dependencies:
@@ -12370,23 +12513,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"sass@npm:^1.63.6":
-  version: 1.89.2
-  resolution: "sass@npm:1.89.2"
-  dependencies:
-    "@parcel/watcher": "npm:^2.4.1"
-    chokidar: "npm:^4.0.0"
-    immutable: "npm:^5.0.2"
-    source-map-js: "npm:>=0.6.2 <2.0.0"
-  dependenciesMeta:
-    "@parcel/watcher":
-      optional: true
-  bin:
-    sass: sass.js
-  checksum: 10c0/752ccc7581b0c6395f63918116c20924e99943a86d79e94f5c4a0d41b1e981fe1f0ecd1ee82fff21496f81dbc91f68fb35a498166562ec8ec53e7aad7c3dbd9d
-  languageName: node
-  linkType: hard
-
 "sax@npm:>=0.6.0":
   version: 1.3.0
   resolution: "sax@npm:1.3.0"
@@ -12939,10 +13065,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stream-shift@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "stream-shift@npm:1.0.1"
-  checksum: 10c0/b63a0d178cde34b920ad93e2c0c9395b840f408d36803b07c61416edac80ef9e480a51910e0ceea0d679cec90921bcd2cccab020d3a9fa6c73a98b0fbec132fd
+"stream-shift@npm:^1.0.2":
+  version: 1.0.3
+  resolution: "stream-shift@npm:1.0.3"
+  checksum: 10c0/939cd1051ca750d240a0625b106a2b988c45fb5a3be0cebe9a9858cb01bc1955e8c7b9fac17a9462976bea4a7b704e317c5c2200c70f0ca715a3363b9aa4fd3b
   languageName: node
   linkType: hard
 
@@ -13055,6 +13181,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stringify-entities@npm:^4.0.0":
+  version: 4.0.4
+  resolution: "stringify-entities@npm:4.0.4"
+  dependencies:
+    character-entities-html4: "npm:^2.0.0"
+    character-entities-legacy: "npm:^3.0.0"
+  checksum: 10c0/537c7e656354192406bdd08157d759cd615724e9d0873602d2c9b2f6a5c0a8d0b1d73a0a08677848105c5eebac6db037b57c0b3a4ec86331117fa7319ed50448
+  languageName: node
+  linkType: hard
+
 "stringify-object@npm:^3.3.0":
   version: 3.3.0
   resolution: "stringify-object@npm:3.3.0"
@@ -13123,12 +13259,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"style-to-object@npm:^0.4.0":
-  version: 0.4.2
-  resolution: "style-to-object@npm:0.4.2"
+"style-to-js@npm:^1.0.0":
+  version: 1.1.17
+  resolution: "style-to-js@npm:1.1.17"
+  dependencies:
+    style-to-object: "npm:1.0.9"
+  checksum: 10c0/429b9d5593a238d73761324e2c12f75b238f6964e12e4ecf7ea02b44c0ec1940b45c1c1fa8fac9a58637b753aa3ce973a2413b2b6da679584117f27a79e33ba3
+  languageName: node
+  linkType: hard
+
+"style-to-object@npm:1.0.9":
+  version: 1.0.9
+  resolution: "style-to-object@npm:1.0.9"
   dependencies:
-    inline-style-parser: "npm:0.1.1"
-  checksum: 10c0/e8e4d8507d9e40569846a086d754b16f34bea5e282be7f76f24368c24f2eb5ae09c5c2f81d104e3a3a76458cc21f4651a05c4f2602fad7a53c9379cc29f3396e
+    inline-style-parser: "npm:0.2.4"
+  checksum: 10c0/acc89a291ac348a57fa1d00b8eb39973ea15a6c7d7fe4b11339ea0be3b84acea3670c98aa22e166be20ca3d67e12f68f83cf114dde9d43ebb692593e859a804f
   languageName: node
   linkType: hard
 
@@ -13515,7 +13660,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.7.0, tslib@npm:^2.8.0":
+"tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.7.0, tslib@npm:^2.8.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10c0/9c4759110a19c53f992d9aae23aac5ced636e99887b51b9e61def52611732872ff7668757d4e4c61f19691e36f4da981cd9485e869b4a7408d689f6bf1f14e62
@@ -14061,15 +14206,15 @@ __metadata:
   linkType: hard
 
 "vite@npm:^5.0.0 || ^6.0.0 || ^7.0.0-0":
-  version: 7.0.6
-  resolution: "vite@npm:7.0.6"
+  version: 7.1.1
+  resolution: "vite@npm:7.1.1"
   dependencies:
     esbuild: "npm:^0.25.0"
     fdir: "npm:^6.4.6"
     fsevents: "npm:~2.3.3"
     picomatch: "npm:^4.0.3"
     postcss: "npm:^8.5.6"
-    rollup: "npm:^4.40.0"
+    rollup: "npm:^4.43.0"
     tinyglobby: "npm:^0.2.14"
   peerDependencies:
     "@types/node": ^20.19.0 || >=22.12.0
@@ -14111,7 +14256,7 @@ __metadata:
       optional: true
   bin:
     vite: bin/vite.js
-  checksum: 10c0/3b14dfa661281b4843789884199ba2a9cca940a7666970036fe3fb1abff52b88e63e8be5ab419dd04d9f96c0415ee0f1e3ec8ebe357041648af7ccd8e348b6ad
+  checksum: 10c0/391a5c8b8f287b7b1653dedbe952fb4cb93bf7c99b19dab915cf63497892427198fef637e943a3391eacfecf7f2e8f55c40d0fa065fabdd885641430d0b74af7
   languageName: node
   linkType: hard
 
@@ -14725,3 +14870,10 @@ __metadata:
   checksum: 10c0/dceb44c28578b31641e13695d200d34ec4ab3966a5729814d5445b194933c096b7ced71494ce53a0e8820685d1d010df8b2422e5bf2cdea7e469d97ffbea306f
   languageName: node
   linkType: hard
+
+"zwitch@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "zwitch@npm:2.0.4"
+  checksum: 10c0/3c7830cdd3378667e058ffdb4cf2bb78ac5711214e2725900873accb23f3dfe5f9e7e5a06dcdc5f29605da976fc45c26d9a13ca334d6eea2245a15e77b8fc06e
+  languageName: node
+  linkType: hard