From 2ece23ad6f710f3a76a54cda17534606bad94811 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 13 Jun 2026 20:35:06 +0000
Subject: [PATCH] fix(a11y): WCAG 2.2 accessibility improvements across client
 components

- UserManagement: add role/aria-modal/aria-labelledby/focus management/Escape
  key to custom modal; associate search input with visible label; add
  aria-label and focus ring to icon-only search button
- Nav: add aria-label/aria-expanded/aria-controls to hamburger toggle; add
  aria-label to drawer close button; expose drawer via id
- Read: replace focus:outline-none with focus-visible:ring on like button and
  ActionBtn; add aria-pressed and aria-label to like button
- VideoHeader: replace focus:outline-none with focus-visible:ring; add
  aria-label to like button
- Codeblock: replace focus:outline-none with focus-visible:ring on reset and
  submit buttons
- TeacherView: convert invite-link p tag to label; add aria-label to both
  role=switch enrollment toggle buttons
- StudentView: add descriptive aria-label to lesson links that contain only
  icons in their completed state
---
 .../src/components/codeblock/Codeblock.tsx    |  4 +-
 codewit/client/src/components/nav/Nav.tsx     |  5 ++
 .../src/components/videoui/VideoHeader.tsx    |  3 +-
 codewit/client/src/pages/Read.tsx             |  6 +-
 codewit/client/src/pages/UserManagement.tsx   | 62 ++++++++++---
 .../client/src/pages/course/StudentView.tsx   |  1 +
 .../client/src/pages/course/TeacherView.tsx   |  4 +-
 codewit/package-lock.json                     | 90 +------------------
 8 files changed, 70 insertions(+), 105 deletions(-)

diff --git a/codewit/client/src/components/codeblock/Codeblock.tsx b/codewit/client/src/components/codeblock/Codeblock.tsx
index 531c030f..2127d8d6 100644
--- a/codewit/client/src/components/codeblock/Codeblock.tsx
+++ b/codewit/client/src/components/codeblock/Codeblock.tsx
@@ -58,7 +58,7 @@ export default function CodeEditor({
         {/* submit and reset buttons */}
         <div className="inline-flex gap-1 pt-2 pb-3">
           <button
-            className="group px-2 py-1 text-md font-medium text-center flex items-center justify-center border-2 border-accent-500 rounded-lg focus:outline-none w-1/3"
+            className="group px-2 py-1 text-md font-medium text-center flex items-center justify-center border-2 border-accent-500 rounded-lg focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-500 w-1/3"
             onClick={() => {
               if (editorInstanceRef.current) {
                 editorInstanceRef.current.setValue('');
@@ -70,7 +70,7 @@ export default function CodeEditor({
           </button>
           <button
             className={cn(
-              "group px-2 py-1 text-md font-medium text-center flex items-center justify-center border-2 rounded-lg focus:outline-none w-2/3",
+              "group px-2 py-1 text-md font-medium text-center flex items-center justify-center border-2 rounded-lg focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-500 w-2/3",
               {
                 "bg-alternate-background-500 border-foreground-400 hover:bg-alternate-background-500/90": is_submitting,
                 "border-accent-500": !is_submitting,
diff --git a/codewit/client/src/components/nav/Nav.tsx b/codewit/client/src/components/nav/Nav.tsx
index a3d4efd3..b6b4e19d 100644
--- a/codewit/client/src/components/nav/Nav.tsx
+++ b/codewit/client/src/components/nav/Nav.tsx
@@ -101,6 +101,9 @@ const NavBar = ({
             <button
               ref={toggleRef}
               data-testid="navbar-toggle"
+              aria-label={isOpen ? 'Close menu' : 'Open menu'}
+              aria-expanded={isOpen}
+              aria-controls="nav-drawer"
               className="h-9 px-3 relative flex items-center justify-center text-sm text-accent-600 hover:text-accent-700 bg-transparent dark:bg-transparent rounded-lg text-center font-medium focus:outline-none focus:ring-4"
               onClick={toggleNavbar}
             >
@@ -112,6 +115,7 @@ const NavBar = ({
 
       {!loginHref && (
         <div
+          id="nav-drawer"
           ref={drawerRef}
           className={`fixed top-0 right-0 w-64 h-screen bg-foreground-700 shadow-lg z-50 flex flex-col transform transition-transform duration-300 ease-in-out ${
             isOpen ? 'translate-x-0' : 'translate-x-full'
@@ -120,6 +124,7 @@ const NavBar = ({
           <div className="flex justify-end p-2">
             <Button
               size="sm"
+              aria-label="Close menu"
               className="text-accent-500 hover:text-accent-700 bg-transparent dark:bg-transparent"
               color="dark"
               onClick={closeNavbar}
diff --git a/codewit/client/src/components/videoui/VideoHeader.tsx b/codewit/client/src/components/videoui/VideoHeader.tsx
index 48e7b048..f30f05ca 100644
--- a/codewit/client/src/components/videoui/VideoHeader.tsx
+++ b/codewit/client/src/components/videoui/VideoHeader.tsx
@@ -8,7 +8,8 @@ const VideoHeader = ({ title, uid, handleClick }: { title: string, uid:number |
       onClick={() => handleClick(uid ?? 0)}
       type="button"
       data-testid="like-button"
-      className="group px-2 py-1 text-md font-medium text-center flex items-center text-white  rounded-lg  border-2 border-accent-400 hover:bg-accent-400 focus:outline-none"     
+      aria-label="Like this demo"
+      className="group px-2 py-1 text-md font-medium text-center flex items-center text-white  rounded-lg  border-2 border-accent-400 hover:bg-accent-400 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-400"
     >      
       <HandThumbUpIcon className="w-6 h-6 mr-2 text-accent-400 group-hover:text-white" />
       <span  className="text-accent-400 group-hover:text-white">Like</span>
diff --git a/codewit/client/src/pages/Read.tsx b/codewit/client/src/pages/Read.tsx
index 2f8ccfe8..a7e6f0f4 100644
--- a/codewit/client/src/pages/Read.tsx
+++ b/codewit/client/src/pages/Read.tsx
@@ -183,8 +183,10 @@ function LeftPanel({info, module_id, course_id}: LeftPanelProps) {
           onClick={() => mutate({uid: info.demo.uid, like_demo: !is_liked})}
           type="button"
           data-testid="like-button"
+          aria-pressed={is_liked}
+          aria-label={is_liked ? 'Unlike this demo' : 'Like this demo'}
           className={cn(
-            "group px-2 py-1 text-md font-medium text-center flex items-center rounded-lg border-2 hover:bg-accent-400 focus:outline-none",
+            "group px-2 py-1 text-md font-medium text-center flex items-center rounded-lg border-2 hover:bg-accent-400 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-400",
             {"text-green-500 border-green-500": is_liked},
             {"text-accent-400 border-accent-400": !is_liked}
           )}
@@ -605,7 +607,7 @@ type ActionBtnProps = ButtonHTMLAttributes<HTMLButtonElement>;
 function ActionBtn({className, children, ...rest}: ActionBtnProps) {
   return <button
     className={cn(
-      "group px-2 py-1 text-md font-medium text-center flex items-center justify-center border-2 rounded-lg focus:outline-none w-2/3",
+      "group px-2 py-1 text-md font-medium text-center flex items-center justify-center border-2 rounded-lg focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-accent-400 w-2/3",
       className
     )}
     {...rest}
diff --git a/codewit/client/src/pages/UserManagement.tsx b/codewit/client/src/pages/UserManagement.tsx
index 8cc4aedb..545377ff 100644
--- a/codewit/client/src/pages/UserManagement.tsx
+++ b/codewit/client/src/pages/UserManagement.tsx
@@ -1,5 +1,5 @@
 // codewit/client/src/utils/UserManagement.tsx
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { MagnifyingGlassIcon, ShieldCheckIcon, ShieldExclamationIcon } from '@heroicons/react/24/outline';
 import { User } from '@codewit/interfaces';
 import { useFetchUsers, useSearchUser, useSetAdmin } from '../hooks/useUsers';
@@ -10,18 +10,53 @@ interface ModalProps {
   onSave: () => void;
 }
 
-const Modal: React.FC<ModalProps> = ({ user, onClose, onSave }) => (
-  <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4">
-    <div className="bg-gray-800 p-6 rounded-lg space-y-4 w-full max-w-md">
-      <h2 className="text-white text-lg font-semibold">Change Admin Status</h2>
-      <p className="text-white">Are you sure you want to {user.isAdmin ? 'remove' : 'assign'} admin rights to {user.email}?</p>
-      <div className="flex justify-end space-x-2">
-        <button onClick={onClose} className="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded">Cancel</button>
-        <button onClick={onSave} className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded">Confirm</button>
+const Modal: React.FC<ModalProps> = ({ user, onClose, onSave }) => {
+  const headingId = 'change-admin-status-heading';
+  const confirmRef = useRef<HTMLButtonElement>(null);
+
+  // Move focus to the Confirm button when the modal opens
+  useEffect(() => {
+    confirmRef.current?.focus();
+  }, []);
+
+  // Close on Escape
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') onClose();
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [onClose]);
+
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby={headingId}
+      className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4"
+    >
+      <div className="bg-gray-800 p-6 rounded-lg space-y-4 w-full max-w-md">
+        <h2 id={headingId} className="text-white text-lg font-semibold">Change Admin Status</h2>
+        <p className="text-white">Are you sure you want to {user.isAdmin ? 'remove' : 'assign'} admin rights to {user.email}?</p>
+        <div className="flex justify-end space-x-2">
+          <button
+            onClick={onClose}
+            className="bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
+          >
+            Cancel
+          </button>
+          <button
+            ref={confirmRef}
+            onClick={onSave}
+            className="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
+          >
+            Confirm
+          </button>
+        </div>
       </div>
     </div>
-  </div>
-);
+  );
+};
 
 const UserManagement: React.FC = () => {
   const [searchQuery, setSearchQuery] = useState<string>('');
@@ -99,7 +134,9 @@ const UserManagement: React.FC = () => {
     >
       <div className="mb-6 w-full max-w-7xl">
         <div className="flex">
+          <label htmlFor="user-search" className="sr-only">Search users by email</label>
           <input
+            id="user-search"
             type="text"
             className="w-full md:w-64 py-2 px-5 border border-gray-600 rounded-l-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-gray-700 text-white"
             placeholder="Search by email"
@@ -107,7 +144,8 @@ const UserManagement: React.FC = () => {
             onChange={(e) => setSearchQuery(e.target.value)}
           />
           <button
-            className="bg-accent-500 hover:bg-accent-600 text-white p-2 px-3 rounded-r-md disabled:opacity-50"
+            aria-label="Search users"
+            className="bg-accent-500 hover:bg-accent-600 text-white p-2 px-3 rounded-r-md disabled:opacity-50 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
             onClick={handleSearch}
             disabled={loading}
           >
diff --git a/codewit/client/src/pages/course/StudentView.tsx b/codewit/client/src/pages/course/StudentView.tsx
index 0c808d7c..ccf62826 100644
--- a/codewit/client/src/pages/course/StudentView.tsx
+++ b/codewit/client/src/pages/course/StudentView.tsx
@@ -197,6 +197,7 @@ function CourseModuleDemo({course_id, module_id, demo}: CourseModuleDemoProps) {
       <div className="absolute inset-0 bg-black bg-opacity-40 flex rounded-xl items-center justify-center group hover:bg-opacity-20">
         <Link
           to={`/read/${demo.uid}?course_id=${course_id}&module_id=${module_id}`}
+          aria-label={demo.completion === 1 ? `${demo.title} (completed)` : `Open lesson: ${demo.title}`}
           className="text-2xl opacity-70 group-hover:opacity-100"
         >
           {demo.completion === 1 ?
diff --git a/codewit/client/src/pages/course/TeacherView.tsx b/codewit/client/src/pages/course/TeacherView.tsx
index b0152dd4..edad95d8 100644
--- a/codewit/client/src/pages/course/TeacherView.tsx
+++ b/codewit/client/src/pages/course/TeacherView.tsx
@@ -195,7 +195,7 @@ export default function TeacherView({ onCourseChange }: TeacherViewProps) {
 
         {/* invite link */}
         <div className="mt-4 flex items-center gap-2">
-          <p className="text-foreground-200 text-sm">Class Link</p>
+          <label htmlFor="invite-link" className="text-foreground-200 text-sm">Class Link</label>
           <input
             id="invite-link"
             className="p-1 bg-background-500 text-foreground-200 w-1/3 border border-accent-500 rounded-sm"
@@ -225,6 +225,7 @@ export default function TeacherView({ onCourseChange }: TeacherViewProps) {
                 type="button"
                 role="switch"
                 aria-checked={enrolling}
+                aria-label="Open for Enrollment"
                 onClick={toggleEnrolling}
                 disabled={savingFlags}
                 title={enrolling ? 'Turn off enrollment' : 'Open for enrollment'}
@@ -254,6 +255,7 @@ export default function TeacherView({ onCourseChange }: TeacherViewProps) {
                 type="button"
                 role="switch"
                 aria-checked={enrolling && autoEnroll}
+                aria-label="Auto Enroll"
                 onClick={toggleAutoEnroll}
                 disabled={!enrolling || savingFlags}
                 title={!enrolling ? 'Enable Open for Enrollment first' : (autoEnroll ? 'Disable auto enroll' : 'Enable auto enroll')}
diff --git a/codewit/package-lock.json b/codewit/package-lock.json
index 502ec6c7..f8be7e61 100644
--- a/codewit/package-lock.json
+++ b/codewit/package-lock.json
@@ -228,7 +228,6 @@
       "version": "7.23.9",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.9.tgz",
       "integrity": "sha512-5q0175NOjddqpvvzU+kDiSOAk4PfdO6FvwCWoQ6RO7rTzEe8vlo+4HVfcnAREhD4npMs0e9uZypjTwzZPCf/cw==",
-      "peer": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
@@ -2460,7 +2459,6 @@
       "version": "6.24.1",
       "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.24.1.tgz",
       "integrity": "sha512-sBfP4rniPBRQzNakwuQEqjEuiJDWJyF2kqLLqij4WXRoVwPPJfjx966Eq3F7+OPQxDtMt/Q9MWLoZLWjeveBlg==",
-      "peer": true,
       "dependencies": {
         "@codemirror/state": "^6.4.0",
         "style-mod": "^4.1.0",
@@ -2569,7 +2567,6 @@
       "resolved": "https://registry.npmjs.org/@dnd-kit/core/-/core-6.3.1.tgz",
       "integrity": "sha512-xkGBRQQab4RLwgXxoqETICr6S5JlogafbhNsidmrkVv2YRs5MLwpjoF2qpiGjQt8S9AoxtIV603s0GIUpY5eYQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@dnd-kit/accessibility": "^3.1.1",
         "@dnd-kit/utilities": "^3.2.2",
@@ -4849,7 +4846,6 @@
       "resolved": "https://registry.npmjs.org/@redis/client/-/client-1.6.0.tgz",
       "integrity": "sha512-aR0uffYI700OEEH4gYnitAnv3vzVGXCFvYfdpu/CJKvk4pHfLPEy/JSZyrpQ+15WhXe1yJRXLtfQ84s4mEXnPg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cluster-key-slot": "1.1.2",
         "generic-pool": "3.9.0",
@@ -4980,7 +4976,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -4993,7 +4988,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -5006,7 +5000,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -5019,7 +5012,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -5032,7 +5024,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -5045,7 +5036,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -5058,7 +5048,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -5071,7 +5060,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -5084,7 +5072,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -5097,7 +5084,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -5110,7 +5096,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -5123,7 +5108,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -5136,7 +5120,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -5567,7 +5550,6 @@
       "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
       "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@babel/core": "^7.21.3",
         "@svgr/babel-preset": "8.1.0",
@@ -5740,7 +5722,6 @@
       "resolved": "https://registry.npmjs.org/@swc-node/register/-/register-1.6.8.tgz",
       "integrity": "sha512-74ijy7J9CWr1Z88yO+ykXphV29giCrSpANQPQRooE0bObpkTO1g4RzQovIfbIaniBiGDDVsYwDoQ3FIrCE8HcQ==",
       "devOptional": true,
-      "peer": true,
       "dependencies": {
         "@swc-node/core": "^1.10.6",
         "@swc-node/sourcemap-support": "^0.3.0",
@@ -5834,7 +5815,6 @@
       "integrity": "sha512-zKhqDyFcTsyLIYK1iEmavljZnf4CCor5pF52UzLAz4B6Nu/4GLU+2LQVAf+oRHjusG39PTPjd2AlRT3f3QWfsQ==",
       "devOptional": true,
       "hasInstallScript": true,
-      "peer": true,
       "dependencies": {
         "@swc/counter": "^0.1.1",
         "@swc/types": "^0.1.5"
@@ -6036,8 +6016,7 @@
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
       "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw==",
-      "devOptional": true,
-      "peer": true
+      "devOptional": true
     },
     "node_modules/@szmarczak/http-timer": {
       "version": "4.0.6",
@@ -6375,7 +6354,6 @@
       "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.90.11.tgz",
       "integrity": "sha512-3uyzz01D1fkTLXuxF3JfoJoHQMU2fxsfJwE+6N5hHy0dVNoZOvwKP8Z2k7k1KDeD54N20apcJnG75TBAStIrBA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@tanstack/query-core": "5.90.11"
       },
@@ -6895,7 +6873,6 @@
       "version": "18.2.33",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.33.tgz",
       "integrity": "sha512-v+I7S+hu3PIBoVkKGpSYYpiBT1ijqEzWpzQD62/jm4K74hPpSP7FF9BnKG6+fg2+62weJYkkBWDJlZt5JO/9hg==",
-      "peer": true,
       "dependencies": {
         "@types/prop-types": "*",
         "@types/scheduler": "*",
@@ -6906,7 +6883,6 @@
       "version": "18.2.14",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.14.tgz",
       "integrity": "sha512-V835xgdSVmyQmI1KLV2BEIUgqEuinxp9O4G6g3FqO/SqLac049E53aysv0oEFD2kHfejeKU+ZqL2bcFWj9gLAQ==",
-      "peer": true,
       "dependencies": {
         "@types/react": "*"
       }
@@ -7080,7 +7056,6 @@
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.20.0.tgz",
       "integrity": "sha512-bYerPDF/H5v6V76MdMYhjwmwgMA+jlPVqjSDq2cRqMi8bP5sR3Z+RLOiOMad3nsnmDVmn2gAFCyNgh/dIrfP/w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "6.20.0",
         "@typescript-eslint/types": "6.20.0",
@@ -7650,7 +7625,6 @@
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
       "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -7711,7 +7685,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
       "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "fast-deep-equal": "^3.1.3",
         "fast-uri": "^3.0.1",
@@ -8612,7 +8585,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "peer": true,
       "dependencies": {
         "caniuse-lite": "^1.0.30001688",
         "electron-to-chromium": "^1.5.73",
@@ -8978,7 +8950,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "peer": true,
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -9546,8 +9517,7 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "peer": true
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/csv-parse": {
       "version": "6.1.0",
@@ -10354,7 +10324,6 @@
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
       "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
-      "peer": true,
       "dependencies": {
         "ansi-colors": "^4.1.1"
       },
@@ -10527,7 +10496,6 @@
       "integrity": "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==",
       "dev": true,
       "hasInstallScript": true,
-      "peer": true,
       "bin": {
         "esbuild": "bin/esbuild"
       },
@@ -10585,7 +10553,6 @@
       "version": "8.48.0",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.48.0.tgz",
       "integrity": "sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -10640,7 +10607,6 @@
       "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz",
       "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==",
       "dev": true,
-      "peer": true,
       "bin": {
         "eslint-config-prettier": "bin/cli.js"
       },
@@ -11400,7 +11366,6 @@
       "version": "1.18.0",
       "resolved": "https://registry.npmjs.org/express-session/-/express-session-1.18.0.tgz",
       "integrity": "sha512-m93QLWr0ju+rOwApSsyso838LQwgfs44QtOP/WBiwtAgPIo/SAh1a5c6nn2BR6mFNZehTpqKDESzP+fRHVbxwQ==",
-      "peer": true,
       "dependencies": {
         "cookie": "0.6.0",
         "cookie-signature": "1.0.7",
@@ -13701,7 +13666,6 @@
       "resolved": "https://registry.npmjs.org/jest/-/jest-29.7.0.tgz",
       "integrity": "sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@jest/core": "^29.7.0",
         "@jest/types": "^29.6.3",
@@ -13814,38 +13778,6 @@
         "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
       }
     },
-    "node_modules/jest-circus/node_modules/babel-plugin-macros": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
-      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "cosmiconfig": "^7.0.0",
-        "resolve": "^1.19.0"
-      },
-      "engines": {
-        "node": ">=10",
-        "npm": ">=6"
-      }
-    },
-    "node_modules/jest-circus/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "optional": true,
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/jest-circus/node_modules/dedent": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/dedent/-/dedent-1.5.1.tgz",
@@ -14422,7 +14354,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "peer": true,
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -14440,7 +14371,6 @@
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
       "integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "abab": "^2.0.6",
         "cssstyle": "^3.0.0",
@@ -15981,8 +15911,7 @@
     "node_modules/monaco-editor": {
       "version": "0.46.0",
       "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.46.0.tgz",
-      "integrity": "sha512-ADwtLIIww+9FKybWscd7OCfm9odsFYHImBRI1v9AviGce55QY8raT+9ihH8jX/E/e6QVSGM+pKj4jSUSRmALNQ==",
-      "peer": true
+      "integrity": "sha512-ADwtLIIww+9FKybWscd7OCfm9odsFYHImBRI1v9AviGce55QY8raT+9ihH8jX/E/e6QVSGM+pKj4jSUSRmALNQ=="
     },
     "node_modules/mrmime": {
       "version": "2.0.0",
@@ -16178,7 +16107,6 @@
       "integrity": "sha512-AtcM7JmBC82O17WMxuu9JJxEKTcsMII1AMgxCeiCWcW22wHd3EhIn5Hg1iSFv9ftkSSd8YgHeqTciRbdTqbxpA==",
       "hasInstallScript": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@nrwl/tao": "18.0.1",
         "@yarnpkg/lockfile": "^1.1.0",
@@ -16829,7 +16757,6 @@
       "version": "8.11.3",
       "resolved": "https://registry.npmjs.org/pg/-/pg-8.11.3.tgz",
       "integrity": "sha512-+9iuvG8QfaaUrrph+kpF24cXkH1YOOUeArRNYIxq1viYHZagBxrTno7cecY1Fa44tJeZvaoG+Djpkc3JwehN5g==",
-      "peer": true,
       "dependencies": {
         "buffer-writer": "2.0.0",
         "packet-reader": "1.0.0",
@@ -17078,7 +17005,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "peer": true,
       "dependencies": {
         "nanoid": "^3.3.8",
         "picocolors": "^1.1.1",
@@ -17534,7 +17460,6 @@
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
       "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -17546,7 +17471,6 @@
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
       "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "peer": true,
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.0"
@@ -18394,7 +18318,6 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.6.tgz",
       "integrity": "sha512-05lzkCS2uASX0CiLFybYfVkwNbKZG5NFQ6Go0VWyogFTXXbR039UVsegViTntkk4OglHBdF54ccApXRRuXRbsg==",
       "devOptional": true,
-      "peer": true,
       "dependencies": {
         "@types/estree": "1.0.5"
       },
@@ -18790,7 +18713,6 @@
       "resolved": "https://registry.npmjs.org/seroval/-/seroval-1.3.2.tgz",
       "integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -19010,7 +18932,6 @@
       "resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.9.10.tgz",
       "integrity": "sha512-Coz956cos/EPDlhs6+jsdTxKuJDPT7B5SVIWgABwROyxjY7Xbr8wkzD68Et+NxnV7DLJ3nJdAC2r9InuV/4Jew==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.1.0",
         "seroval": "~1.3.0",
@@ -19600,7 +19521,6 @@
       "version": "3.4.17",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
       "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
-      "peer": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -20230,7 +20150,6 @@
       "version": "5.3.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.3.tgz",
       "integrity": "sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -20687,7 +20606,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.0.12.tgz",
       "integrity": "sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.19.3",
         "postcss": "^8.4.32",
@@ -20831,7 +20749,6 @@
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-1.2.2.tgz",
       "integrity": "sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==",
       "dev": true,
-      "peer": true,
       "dependencies": {
         "@vitest/expect": "1.2.2",
         "@vitest/runner": "1.2.2",
@@ -21402,7 +21319,6 @@
       "version": "3.22.4",
       "resolved": "https://registry.npmjs.org/zod/-/zod-3.22.4.tgz",
       "integrity": "sha512-iC+8Io04lddc+mVqQ9AZ7OQ2MrUKGN+oIQyq1vemgt46jwCwLfhq7/pwnBnNXXXZb8VTVLKwp9EDkx+ryxIWmg==",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }