diff --git a/.eslintrc.json b/.eslintrc.json
index eea70f52..f4332883 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,4 +1,5 @@
 {
+    "root": true,
     "env": {
       "browser": true,
       "commonjs": true,
diff --git a/.gitignore b/.gitignore
index 5d249d43..209cf680 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,4 +35,4 @@ metals.sbt
 .classpath
 .project
 
-custodia/stats.html
\ No newline at end of file
+react/stats.html
\ No newline at end of file
diff --git a/app/views/main.scala.html b/app/views/main.scala.html
index 726842ab..79b1cff4 100644
--- a/app/views/main.scala.html
+++ b/app/views/main.scala.html
@@ -177,6 +177,9 @@ <h3>Thanks for your feedback!</h3>
             <a @if(selectedBtn.equals("attendance_rules")) { class="active" }
                 href="@routes.Attendance.rules()">Rules
             </a>
+            <a @if(selectedBtn.equals("sign_in_sheet")) { class="active" }
+                href="/attendance/signInSheet">Sign In Sheet
+            </a>
             @if(Utils.getOrgConfig(request).org.getAttendanceEnableOffCampus()) {
                 <a @if(selectedBtn.equals("off_campus_time")) { class="active" }
                     href="@routes.Attendance.offCampusTime()">Off campus time
diff --git a/build_and_copy_to_server.sh b/build_and_copy_to_server.sh
index 7d480aa5..434c1f2d 100755
--- a/build_and_copy_to_server.sh
+++ b/build_and_copy_to_server.sh
@@ -11,14 +11,14 @@ npm install
 rsync -v -h --progress target/universal/demschooltools-1.1.zip evan@demschooltools.com:/home/evan/
 
 
-## Custodia & Django stuff
-(cd custodia && npm install && npm run compile)
+## React & Django stuff
+(cd react && npm install && npm run build)
 
 # -r is necessary here because ls-tree includes some symbolic link directories
 # and we want to include the files that are contained in them.
 git ls-tree -r --name-only head django | xargs zip -r django
 
-# These files are generated by Custodia's build process and not in git
+# These files are generated by vite's build process and not in git
 zip -r django django/static-vite/
 
 rsync -v -h --progress django.zip evan@demschooltools.com:/home/evan/
diff --git a/conf/base.conf b/conf/base.conf
index c3fa7c9b..68039904 100644
--- a/conf/base.conf
+++ b/conf/base.conf
@@ -30,8 +30,10 @@ play.i18n.langs = [ "en", "en-TRVS" ]
 # ~~~~~
 db.default.pool = "hikaricp"
 db.default.hikaricp.maximumPoolSize = 4
-db.default.driver=org.postgresql.Driver
-db.default.url="jdbc:postgresql://localhost:5432/school_crm?user=postgres&password=123"
+db.default.driver = org.postgresql.Driver
+db.default.url = "jdbc:postgresql://127.0.0.1:5432/school_crm"
+db.default.username = "postgres"
+db.default.password = "123"
 
 # Ebean configuration
 # ~~~~~
diff --git a/conf/routes b/conf/routes
index 73010a6a..ad5a92ed 100644
--- a/conf/routes
+++ b/conf/routes
@@ -127,6 +127,9 @@ GET     /attendance/jsonPeople               controllers.Attendance.jsonPeople(t
 GET     /attendance/viewWeek	  controllers.Attendance.viewWeek(date : String ?= "", request: Request)
 GET     /attendance/editWeek      controllers.Attendance.editWeek(date : String ?= "", request: Request)
 
+GET     /attendance/signInSheet              controllers.Proxy.proxy0(request: Request)
+GET     /attendance/signInSheet/*extra      controllers.Proxy.proxy(request: Request, extra: String)
+
 GET  	/attendance/checkin				controllers.Public.checkin()
 GET     /attendance/checkin/data 		controllers.Checkin.checkinData(time: String, request: Request)
 POST    /attendance/checkin/message 	controllers.Checkin.checkinMessage(time_string: String, personId: Integer, is_arriving: Boolean, request: Request)
diff --git a/django/.gitignore b/django/.gitignore
index 4ef41491..9a00a72a 100644
--- a/django/.gitignore
+++ b/django/.gitignore
@@ -1,2 +1,2 @@
 static-vite/
-dev-static-root/
\ No newline at end of file
+dev-static-root/
diff --git a/django/Procfile b/django/Procfile
index 21c02161..e3357d36 100644
--- a/django/Procfile
+++ b/django/Procfile
@@ -1,2 +1,2 @@
 django: uv run manage.py migrate && uv run manage.py runserver
-custodia: cd ../custodia && npm install && npm run watch
\ No newline at end of file
+react: cd ../react && npm install && npm run watch
\ No newline at end of file
diff --git a/django/custodia/templates/index.html b/django/custodia/templates/index.html
index 8bb95156..3ac54bbc 100644
--- a/django/custodia/templates/index.html
+++ b/django/custodia/templates/index.html
@@ -24,7 +24,7 @@
 
     {% vite_hmr_client %}
     {% vite_react_refresh %}
-    {% vite_asset 'src/js/app.jsx' %}
+    {% vite_asset 'custodia/js/app.jsx' %}
   </head>
   <body>
     {% csrf_token %}
diff --git a/django/custodia/templates/login.html b/django/custodia/templates/login.html
index 71ac64c3..f6791335 100644
--- a/django/custodia/templates/login.html
+++ b/django/custodia/templates/login.html
@@ -23,7 +23,7 @@
 
     {% vite_hmr_client %}
     {% vite_react_refresh %}
-    {% vite_asset 'src/js/cssonly.js' %}
+    {% vite_asset 'custodia/js/cssonly.js' %}
   </head>
   <body>
     <nav class="navbar" role="navigation">
diff --git a/django/demschooltools/templates/main.html b/django/demschooltools/templates/main.html
index 2ba2f12e..1c53f452 100644
--- a/django/demschooltools/templates/main.html
+++ b/django/demschooltools/templates/main.html
@@ -171,6 +171,9 @@ <h3>Thanks for your feedback!</h3>
                                     <a {% if selectedBtn == "attendance_rules" %}class="active"{% endif %}
                                        href="/attendance/rules">Rules
                                     </a>
+                                    <a {% if selectedBtn == "sign_in_sheet" %}class="active"{% endif %}
+                                       href="/attendance/signInSheet">Sign In Sheet
+                                    </a>
                                     {% if org_config.org.attendance_enable_off_campus %}
                                         <a {% if selectedBtn == "off_campus_time" %}class="active"{% endif %}
                                            href="/attendance/offCampusTime">Off campus time
diff --git a/django/demschooltools/urls.py b/django/demschooltools/urls.py
index 0f167040..51cb9903 100644
--- a/django/demschooltools/urls.py
+++ b/django/demschooltools/urls.py
@@ -34,6 +34,7 @@
     StudentsTodayView,
     SwipeView,
 )
+from dst.attendance_views import SignInSheetView
 from dst.manual_views import (
     CreateUpdateChapter,
     CreateUpdateEntry,
@@ -86,6 +87,7 @@ def to_url(self, value):
             "custodia-api",
         ),
     ),
+    path("attendance/signInSheet", SignInSheetView.as_view()),
     path("viewManual", view_manual),
     path("viewManualChanges", view_manual_changes),
     path("searchManual", search_manual),
diff --git a/django/dst/attendance_views.py b/django/dst/attendance_views.py
new file mode 100644
index 00000000..c73ea5db
--- /dev/null
+++ b/django/dst/attendance_views.py
@@ -0,0 +1,79 @@
+import json
+
+from django.contrib.auth.mixins import LoginRequiredMixin
+from django.template.loader import render_to_string
+from django.views import View
+
+from dst.models import Person, Tag, UserRole
+from dst.utils import DstHttpRequest, render_main_template
+
+
+class SignInSheetView(LoginRequiredMixin, View):
+    def get(self, request: DstHttpRequest):
+        if not request.user.hasRole(UserRole.ATTENDANCE):
+            raise PermissionError("You don't have privileges to access this item")
+
+        org = request.org
+
+        # Get people with attendance tags (with their tags)
+        people_with_tags = []
+        for person in (
+            Person.objects.filter(
+                tags__show_in_attendance=True,
+                tags__organization=org,
+            )
+            .distinct()
+            .prefetch_related("tags")
+            .order_by("display_name", "first_name")
+        ):
+            people_with_tags.append(
+                {
+                    "id": person.id,
+                    "label": person.get_name() + " " + person.last_name,
+                    "tags": [tag.id for tag in person.tags.all()],
+                }
+            )
+
+        # Get attendance tags
+        tags = []
+        for tag in Tag.objects.filter(
+            organization=org, show_in_attendance=True
+        ).order_by("title"):
+            tags.append(
+                {
+                    "id": tag.id,
+                    "label": tag.title,
+                }
+            )
+
+        # Get all people (for guest selection)
+        all_people = []
+        for person in (
+            Person.objects.filter(organization=org, is_family=False)
+            .exclude(first_name="", last_name="", display_name="")
+            .only("display_name", "first_name", "last_name")
+            .distinct()
+        ):
+            all_people.append(
+                {
+                    "id": person.id,
+                    "label": person.get_name() + " " + person.last_name,
+                }
+            )
+        all_people.sort(key=lambda x: x["label"])
+
+        return render_main_template(
+            request,
+            "attendance",
+            render_to_string(
+                "sign_in_sheet.html",
+                {
+                    "people_json": json.dumps(people_with_tags),
+                    "tags_json": json.dumps(tags),
+                    "all_people_json": json.dumps(all_people),
+                    "request": request,
+                },
+            ),
+            "Sign in sheet",
+            "sign_in_sheet",
+        )
diff --git a/django/dst/manual_views.py b/django/dst/manual_views.py
index a6155788..33efdc46 100644
--- a/django/dst/manual_views.py
+++ b/django/dst/manual_views.py
@@ -9,7 +9,7 @@
 from django.db.models.functions import Concat
 from django.db.transaction import atomic
 from django.forms import Form, ModelForm, TextInput, ValidationError
-from django.http import HttpRequest, HttpResponseNotFound
+from django.http import HttpResponseNotFound
 from django.http.response import HttpResponse as HttpResponse
 from django.shortcuts import redirect, render
 from django.template.loader import render_to_string
@@ -33,16 +33,13 @@
     create_pdf_response,
     render_html_to_pdf,
 )
+from dst.utils import DstHttpRequest
 
 
 def login_required():
     return django_login_required(login_url="/login")
 
 
-class DstHttpRequest(HttpRequest):
-    org: Organization
-
-
 def render_main_template(
     request: DstHttpRequest,
     content: str,
diff --git a/django/dst/templates/sign_in_sheet.html b/django/dst/templates/sign_in_sheet.html
new file mode 100644
index 00000000..e04db430
--- /dev/null
+++ b/django/dst/templates/sign_in_sheet.html
@@ -0,0 +1,14 @@
+{% load django_vite %}
+
+<div id="react-root"></div>
+
+<script type="text/javascript">
+  window.initialData = window.initialData || {};
+  window.initialData.people = {{ people_json|safe }};
+  window.initialData.tags = {{ tags_json|safe }};
+  window.initialData.allPeople = {{ all_people_json|safe }};
+</script>
+
+{% vite_hmr_client %}
+{% vite_react_refresh %}
+{% vite_asset 'index.jsx' %}
diff --git a/custodia/.prettierrc.js b/react/.prettierrc.js
similarity index 100%
rename from custodia/.prettierrc.js
rename to react/.prettierrc.js
diff --git a/react/App.jsx b/react/App.jsx
new file mode 100644
index 00000000..11ab5d80
--- /dev/null
+++ b/react/App.jsx
@@ -0,0 +1,73 @@
+import React, { useState } from 'react';
+import { createBrowserRouter, RouterProvider } from 'react-router-dom';
+import { ThemeProvider } from '@mui/material/styles';
+import { Snackbar, Alert } from '@mui/material';
+import { SnackbarContext, DefaultSnackbar } from './contexts';
+import { lightTheme } from './theme/theme';
+
+import '@fontsource/roboto/300.css';
+import '@fontsource/roboto/400.css';
+import '@fontsource/roboto/500.css';
+import '@fontsource/roboto/700.css';
+
+import SignInSheetPage from './pages/SignInSheetPage/SignInSheetPage';
+
+// We're not controlling routing with React, but this lets us use one React App
+// and map the Play/Scala paths to React Pages
+const router = createBrowserRouter([
+    { path: '/attendance/signInSheet', element: <SignInSheetPage /> },
+]);
+
+function App() {
+    const [showSnackbar, setShowSnackbar] = useState(false);
+    const [snackbarDetails, setSnackbarDetails] = useState(DefaultSnackbar);
+
+    // Pieces for the Snackbar Context
+    const setSnackbar = (props) => {
+        const {
+            message,
+            action,
+            severity = 'success',
+            duration = 5000,
+        } = props;
+        setSnackbarDetails({
+            message,
+            duration,
+            action,
+            severity,
+        });
+        setShowSnackbar(true);
+    };
+
+    const onDismissSnackBar = () => {
+        setShowSnackbar(false);
+        setSnackbarDetails(DefaultSnackbar);
+    };
+
+    return (
+        <ThemeProvider theme={lightTheme}>
+            <SnackbarContext.Provider
+                value={{ snackbar: snackbarDetails, setSnackbar }}
+            >
+                <RouterProvider router={router} />
+                <Snackbar
+                    open={showSnackbar}
+                    onClose={onDismissSnackBar}
+                    message={snackbarDetails.message}
+                    action={snackbarDetails.action}
+                    autoHideDuration={snackbarDetails.duration}
+                >
+                    <Alert
+                        onClose={onDismissSnackBar}
+                        severity={snackbarDetails.severity}
+                        sx={{ width: '100%' }}
+                    >
+                        {snackbarDetails.message}
+                    </Alert>
+                </Snackbar>
+            </SnackbarContext.Provider>
+        </ThemeProvider>
+    );
+}
+
+export default App;
diff --git a/custodia/LICENSE b/react/LICENSE
similarity index 100%
rename from custodia/LICENSE
rename to react/LICENSE
diff --git a/custodia/README.md b/react/README.md
similarity index 100%
rename from custodia/README.md
rename to react/README.md
diff --git a/react/components/Avatar.jsx b/react/components/Avatar.jsx
new file mode 100644
index 00000000..1e53133a
--- /dev/null
+++ b/react/components/Avatar.jsx
@@ -0,0 +1,162 @@
+import { useMemo } from 'react';
+import { Avatar as MuiAvatar } from '@mui/material';
+import Typography from './Typography';
+
+// Simple hash function to deterministically select a color based on a string
+const hashString = (str) => {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = ((hash << 5) - hash) + char;
+    hash = hash & hash; // Convert to 32-bit integer
+  }
+  return Math.abs(hash);
+};
+
+const Avatar = (props) => {
+  const { name, ...restOfProps } = props;
+
+  const { initials, colors } = useMemo(() => {
+    if (!name || name.length === 0) {
+      return { initials: '', colors: { color: 'white', backgroundColor: 'black' } };
+    }
+
+    const initialsArray = name.split(' ');
+    let newInitials = initialsArray[0].charAt(0);
+    if (initialsArray.length > 1) {
+      newInitials += initialsArray[initialsArray.length - 1].charAt(0);
+    }
+
+    const colorIndex = hashString(name) % avatarColors.length;
+    return {
+      initials: newInitials,
+      colors: avatarColors[colorIndex],
+    };
+  }, [name]);
+
+  if (initials === '') {
+    return null;
+  }
+
+  return (
+    <MuiAvatar {...restOfProps} style={{ backgroundColor: colors.backgroundColor, color: colors.color }}>
+      <Typography>
+        {initials}
+      </Typography>
+    </MuiAvatar>
+  );
+};
+
+export default Avatar;
+
+
+const avatarColors = [
+    {
+      backgroundColor: '#F55127',
+      color: 'white',
+    },
+    {
+      backgroundColor: '#0FCEF5',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#F5B327',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#02F5A7',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#09091c',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#b05b08',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#D949D7',
+      color: 'white',
+    },
+    {
+      backgroundColor: '#FF4F9E',
+      color: 'white',
+    },
+    {
+      backgroundColor: '#FF866C',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#FFC354',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#F9F871',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#9F9DD3',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#EFEDFF',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#BFA975',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#BFA975',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#FFEFCA',
+      color: 'black',
+    },
+    {
+      backgroundColor: '#847655',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#464555',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#ABA9BC',
+      color: 'black'
+    },
+    {
+      backgroundColor: '#E80038',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#FF4966',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#4F8987',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#6AFBCF',
+      color: 'black'
+    },
+    {
+      backgroundColor: '#00D6F4',
+      color: 'black'
+    },
+    {
+      backgroundColor: '#D03400',
+      color: 'white'
+    },
+    {
+      backgroundColor: '#A8A6DD',
+      color: 'black'
+    },
+    {
+      backgroundColor: '#464555',
+      color: 'white'
+    }
+  ];
diff --git a/react/components/BaseModal.jsx b/react/components/BaseModal.jsx
new file mode 100644
index 00000000..ed3b1d41
--- /dev/null
+++ b/react/components/BaseModal.jsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import { Modal } from '@mui/material';
+import Box from './Box';
+import { combineSx } from '../utils';
+
+const mergeContentProps = (contentProps = {}) => {
+  const { sx, variant, ...rest } = contentProps;
+  const variantList = Array.isArray(variant) ? variant : variant ? [variant] : [];
+
+  return {
+    ...rest,
+    variant: ['modalContent', ...variantList],
+    sx,
+  };
+};
+
+const mergeSlotProps = (slotProps = {}) => {
+  const backdrop = slotProps.backdrop || {};
+  return {
+    ...slotProps,
+    backdrop: {
+      ...backdrop,
+      sx: combineSx(
+        {
+          bgcolor: 'rgba(15, 23, 42, 0.45)',
+          backdropFilter: 'blur(2px)',
+        },
+        backdrop.sx,
+      ),
+    },
+  };
+};
+
+const BaseModal = ({ open, handleClose, children, sx, contentProps, slotProps, ...props }) => {
+  const resolvedContentProps = mergeContentProps(contentProps);
+  const mergedSlotProps = mergeSlotProps(slotProps);
+
+  return (
+    <Modal open={open} onClose={handleClose} slotProps={mergedSlotProps} {...props}>
+      <Box {...resolvedContentProps} sx={combineSx(resolvedContentProps.sx, sx)}>
+        {children}
+      </Box>
+    </Modal>
+  );
+};
+
+export default BaseModal;
diff --git a/react/components/Box.jsx b/react/components/Box.jsx
new file mode 100644
index 00000000..39efa78b
--- /dev/null
+++ b/react/components/Box.jsx
@@ -0,0 +1,70 @@
+import React from 'react';
+import { Box as MuiBox } from '@mui/material';
+import { combineSx } from '../utils';
+
+const baseSurfaceSx = {
+  border: '1px solid',
+  borderColor: 'divider',
+  borderRadius: 2,
+  boxShadow: '0px 12px 24px rgba(15, 30, 60, 0.08)',
+};
+
+const boxVariants = {
+  surface: baseSurfaceSx,
+  modalContent: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: 'translate(-50%, -50%)',
+    width: { xs: 'calc(100% - 32px)', sm: 'min(720px, 90vw)' },
+    maxHeight: '85vh',
+    bgcolor: 'background.paper',
+    borderRadius: 3,
+    boxShadow: 24,
+    outline: 'none',
+    overflow: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  modalBody: {
+    flex: '1 1 auto',
+    overflowY: 'auto',
+    minHeight: 0,
+  },
+  richText: {
+    '& table': { width: '100%', borderCollapse: 'collapse' },
+    '& th, & td': {
+      padding: 1,
+      borderBottom: '1px solid',
+      borderColor: 'divider',
+    },
+  },
+};
+
+const normalizeVariant = (variant, surface) => {
+  const list = [];
+  if (surface) {
+    list.push('surface');
+  }
+  if (!variant) {
+    return list;
+  }
+  if (Array.isArray(variant)) {
+    list.push(...variant);
+  } else {
+    list.push(variant);
+  }
+  return list;
+};
+
+const Box = React.forwardRef(({ sx, surface = false, variant, ...props }, ref) => {
+  const variantKeys = normalizeVariant(variant, surface);
+  const variantStyles = variantKeys.map((key) => boxVariants[key]).filter(Boolean);
+  const resolvedSx = combineSx(...variantStyles, sx);
+
+  return <MuiBox ref={ref} sx={resolvedSx} {...props} />;
+});
+
+Box.displayName = 'Box';
+
+export default Box;
diff --git a/react/components/Button.jsx b/react/components/Button.jsx
new file mode 100644
index 00000000..2bc327e7
--- /dev/null
+++ b/react/components/Button.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { Button as MuiButton } from '@mui/material';
+
+const Button = (props) => {
+  const { variant = 'outlined', ...restOfProps } = props;
+  return (
+    <MuiButton variant={variant} {...restOfProps} />
+  );
+};
+
+export default Button;
diff --git a/react/components/Card.jsx b/react/components/Card.jsx
new file mode 100644
index 00000000..90d07d28
--- /dev/null
+++ b/react/components/Card.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import { Card as MuiCard } from '@mui/material';
+
+const baseSurfaceSx = {
+  border: '1px solid',
+  borderColor: 'divider',
+  borderRadius: 3,
+  boxShadow: '0px 12px 24px rgba(15, 30, 60, 0.08)',
+};
+
+const mergeSurfaceSx = (sx) => {
+  if (!sx) {
+    return baseSurfaceSx;
+  }
+  if (Array.isArray(sx)) {
+    return [baseSurfaceSx, ...sx];
+  }
+  return [baseSurfaceSx, sx];
+};
+
+const Card = React.forwardRef(({ sx, elevation = 0, ...props }, ref) => {
+  return <MuiCard ref={ref} elevation={elevation} sx={mergeSurfaceSx(sx)} {...props} />;
+});
+
+Card.displayName = 'Card';
+
+export default Card;
diff --git a/react/components/CardContent.jsx b/react/components/CardContent.jsx
new file mode 100644
index 00000000..9296876d
--- /dev/null
+++ b/react/components/CardContent.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { CardContent as MuiCardContent } from '@mui/material';
+
+const baseSx = {
+  '&:last-child': {
+    paddingBottom: undefined,
+  },
+};
+
+const CardContent = React.forwardRef(({ sx, ...props }, ref) => {
+  return <MuiCardContent ref={ref} sx={{ ...baseSx, ...sx }} {...props} />;
+});
+
+CardContent.displayName = 'CardContent';
+
+export default CardContent;
diff --git a/react/components/CardHeader.jsx b/react/components/CardHeader.jsx
new file mode 100644
index 00000000..5d1826da
--- /dev/null
+++ b/react/components/CardHeader.jsx
@@ -0,0 +1,21 @@
+import React from 'react';
+import { CardHeader as MuiCardHeader } from '@mui/material';
+
+const CardHeader = React.forwardRef(({ sx, ...props }, ref) => {
+  return (
+    <MuiCardHeader
+      ref={ref}
+      sx={{
+        '&.MuiCardHeader-root': {
+          paddingBottom: (theme) => theme.spacing(1.5),
+        },
+        ...sx,
+      }}
+      {...props}
+    />
+  );
+});
+
+CardHeader.displayName = 'CardHeader';
+
+export default CardHeader;
diff --git a/react/components/Checkbox.jsx b/react/components/Checkbox.jsx
new file mode 100644
index 00000000..0cc7c7e6
--- /dev/null
+++ b/react/components/Checkbox.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Checkbox as MuiCheckbox } from '@mui/material';
+
+const Checkbox = (props) => {
+  return <MuiCheckbox {...props} />;
+};
+
+export default Checkbox;
diff --git a/react/components/Chip.jsx b/react/components/Chip.jsx
new file mode 100644
index 00000000..3dcf85de
--- /dev/null
+++ b/react/components/Chip.jsx
@@ -0,0 +1,4 @@
+// Deprecated local Chip wrapper. Use @mui/material Chip directly.
+export default function DeprecatedChip() {
+  throw new Error('DeprecatedChip: Use MUI Chip directly or SelectInput tags.');
+}
diff --git a/react/components/ConditionalWrapper.js b/react/components/ConditionalWrapper.js
new file mode 100644
index 00000000..c94a5834
--- /dev/null
+++ b/react/components/ConditionalWrapper.js
@@ -0,0 +1,6 @@
+const ConditionalWrapper = (props) => {
+  const { condition, wrapper, children } = props;
+  return condition ? wrapper(children) : children;
+};
+
+export default ConditionalWrapper;
diff --git a/react/components/DatePicker.jsx b/react/components/DatePicker.jsx
new file mode 100644
index 00000000..d5be63ad
--- /dev/null
+++ b/react/components/DatePicker.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import TextField from './TextField';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
+import { DesktopDatePicker } from '@mui/x-date-pickers/DesktopDatePicker';
+
+const DatePicker = (props) => {
+  const { value, setValue, fullWidth = true, inputFormat = 'MM/DD/YYYY', ...restOfProps } = props;
+
+  const handleChange = (newValue) => {
+    setValue(newValue);
+  };
+
+  return (
+    <LocalizationProvider dateAdapter={AdapterDayjs}>
+      <DesktopDatePicker
+        inputFormat={inputFormat}
+        value={value}
+        onChange={handleChange}
+        fullWidth={fullWidth}
+        renderInput={(params) => <TextField {...params} />}
+        {...restOfProps}
+      />
+    </LocalizationProvider>
+  );
+}
+
+export default DatePicker;
diff --git a/react/components/Divider.jsx b/react/components/Divider.jsx
new file mode 100644
index 00000000..f7f0ad04
--- /dev/null
+++ b/react/components/Divider.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { Divider as MuiDivider } from '@mui/material';
+
+const Divider = (props) => {
+  return (
+    <MuiDivider {...props} />
+  );
+};
+
+export default Divider;
diff --git a/react/components/FitText.jsx b/react/components/FitText.jsx
new file mode 100644
index 00000000..e3dd4018
--- /dev/null
+++ b/react/components/FitText.jsx
@@ -0,0 +1,270 @@
+import React from 'react';
+import Box from './Box';
+import Typography from './Typography';
+import { combineSx } from '../utils';
+
+const useNormalizedBounds = (maxSize, minSize) =>
+  React.useMemo(() => {
+    const safeMax = Number.isFinite(maxSize) ? Math.max(1, maxSize) : 32;
+    const safeMin = Number.isFinite(minSize)
+      ? Math.max(1, Math.min(minSize, safeMax))
+      : Math.min(12, safeMax);
+
+    return { min: safeMin, max: safeMax };
+  }, [maxSize, minSize]);
+
+const useNormalizedRows = (maxRows) =>
+  React.useMemo(() => {
+    if (!Number.isFinite(maxRows)) {
+      return 1;
+    }
+    return Math.max(1, Math.floor(maxRows));
+  }, [maxRows]);
+
+const useNumericLineHeight = (lineHeight) =>
+  React.useMemo(() => {
+    if (typeof lineHeight === 'number' && Number.isFinite(lineHeight)) {
+      return Math.max(0.5, lineHeight);
+    }
+    const parsed = parseFloat(lineHeight);
+    return Number.isFinite(parsed) ? Math.max(0.5, parsed) : 1.1;
+  }, [lineHeight]);
+
+const FitText = ({
+  children,
+  maxSize = 32,
+  minSize = 8,
+  maxRows = 1,
+  lineHeight = 1.1,
+  containerSx,
+  containerProps = {},
+  sx,
+  ...typographyProps
+}) => {
+  const containerRef = React.useRef(null);
+  const textRef = React.useRef(null);
+  const { min: minBound, max: maxBound } = useNormalizedBounds(maxSize, minSize);
+  const normalizedMaxRows = useNormalizedRows(maxRows);
+  const numericLineHeight = useNumericLineHeight(lineHeight);
+  const [fontSize, setFontSize] = React.useState(maxBound);
+  const fontSizeRef = React.useRef(maxBound);
+  const [isWrapped, setIsWrapped] = React.useState(false);
+  const wrapRef = React.useRef(false);
+  const resizeFrame = React.useRef(null);
+  const allowWrap = typographyProps.noWrap !== true && normalizedMaxRows > 1;
+
+  React.useEffect(() => {
+    fontSizeRef.current = fontSize;
+  }, [fontSize]);
+
+  React.useEffect(() => {
+    wrapRef.current = isWrapped;
+  }, [isWrapped]);
+
+  React.useEffect(() => {
+    return () => {
+      if (
+        resizeFrame.current !== null &&
+        typeof window !== 'undefined' &&
+        typeof window.cancelAnimationFrame === 'function'
+      ) {
+        window.cancelAnimationFrame(resizeFrame.current);
+        resizeFrame.current = null;
+      }
+    };
+  }, []);
+
+  React.useEffect(() => {
+    setFontSize((current) => {
+      const clamped = Math.min(Math.max(current, minBound), maxBound);
+      fontSizeRef.current = clamped;
+      return clamped;
+    });
+  }, [minBound, maxBound]);
+
+  const measure = React.useCallback(() => {
+    const container = containerRef.current;
+    const text = textRef.current;
+
+    if (!container || !text) {
+      return;
+    }
+
+    const widthLimit = container.clientWidth;
+    if (widthLimit === 0 || container.clientHeight === 0) {
+      return;
+    }
+
+    const runBinarySearch = (wrapEnabled) => {
+      text.style.whiteSpace = wrapEnabled ? 'normal' : 'nowrap';
+      text.style.wordBreak = wrapEnabled ? 'break-word' : 'normal';
+      text.style.overflowWrap = wrapEnabled ? 'anywhere' : 'normal';
+
+      let low = minBound;
+      let high = maxBound;
+      let best = minBound;
+      let fitsAny = false;
+
+      const checkOverflow = (size) => {
+        const horizontalOverflow = text.scrollWidth - widthLimit > 0.5;
+        const maxLineCount = wrapEnabled ? normalizedMaxRows : 1;
+        const maxHeight =
+          numericLineHeight * size * maxLineCount;
+        const heightOverflow =
+          wrapEnabled && Number.isFinite(maxHeight)
+            ? text.scrollHeight - maxHeight > 0.5
+            : false;
+
+        return horizontalOverflow || heightOverflow;
+      };
+
+      while (low <= high) {
+        const mid = Math.floor((low + high) / 2);
+        text.style.fontSize = `${mid}px`;
+        const overflow = checkOverflow(mid);
+
+        if (overflow) {
+          high = mid - 1;
+        } else {
+          fitsAny = true;
+          best = mid;
+          low = mid + 1;
+        }
+      }
+
+      const finalSize = fitsAny ? best : minBound;
+      text.style.fontSize = `${finalSize}px`;
+      const finalOverflow = checkOverflow(finalSize);
+
+      return {
+        size: finalSize,
+        fits: !finalOverflow,
+      };
+    };
+
+    const singleLineResult = runBinarySearch(false);
+
+    let targetSize = singleLineResult.size;
+    let shouldWrap = false;
+
+    if (allowWrap) {
+      const wrapResult = runBinarySearch(true);
+
+      if (
+        wrapResult.fits &&
+        (!singleLineResult.fits || wrapResult.size > singleLineResult.size)
+      ) {
+        targetSize = wrapResult.size;
+        shouldWrap = true;
+      } else {
+        text.style.whiteSpace = 'nowrap';
+        text.style.wordBreak = 'normal';
+        text.style.overflowWrap = 'normal';
+        text.style.fontSize = `${singleLineResult.size}px`;
+      }
+    }
+
+    const clampedTarget = Math.min(Math.max(targetSize, minBound), maxBound);
+
+    if (clampedTarget !== fontSizeRef.current || shouldWrap !== wrapRef.current) {
+      fontSizeRef.current = clampedTarget;
+      wrapRef.current = shouldWrap;
+      setFontSize(clampedTarget);
+      setIsWrapped(shouldWrap);
+    } else {
+      text.style.fontSize = `${clampedTarget}px`;
+      text.style.whiteSpace = shouldWrap ? 'normal' : 'nowrap';
+      text.style.wordBreak = shouldWrap ? 'break-word' : 'normal';
+      text.style.overflowWrap = shouldWrap ? 'anywhere' : 'normal';
+    }
+  }, [allowWrap, minBound, maxBound, normalizedMaxRows, numericLineHeight]);
+
+  const scheduleMeasure = React.useCallback(() => {
+    const canUseRaf =
+      typeof window !== 'undefined' &&
+      typeof window.requestAnimationFrame === 'function' &&
+      typeof window.cancelAnimationFrame === 'function';
+
+    if (!canUseRaf) {
+      measure();
+      return;
+    }
+
+    if (resizeFrame.current !== null) {
+      window.cancelAnimationFrame(resizeFrame.current);
+    }
+    resizeFrame.current = window.requestAnimationFrame(() => {
+      resizeFrame.current = null;
+      measure();
+    });
+  }, [measure]);
+
+  React.useLayoutEffect(() => {
+    scheduleMeasure();
+  }, [scheduleMeasure, children, allowWrap, lineHeight, normalizedMaxRows]);
+
+  React.useEffect(() => {
+    const container = containerRef.current;
+    if (!container || typeof ResizeObserver === 'undefined') {
+      return;
+    }
+
+    const observer = new ResizeObserver(() => {
+      scheduleMeasure();
+    });
+
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [scheduleMeasure]);
+
+  const { sx: containerPropsSx, ...restContainerProps } = containerProps;
+
+  const resolvedContainerSx = combineSx(
+    {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      width: '100%',
+      height: '100%',
+      whiteSpace: isWrapped ? 'normal' : 'nowrap',
+    },
+    containerSx,
+    containerPropsSx,
+  );
+
+  const resolvedTypographySx = combineSx(
+    {
+      fontSize: 'inherit',
+      lineHeight: 'inherit',
+      width: '100%',
+      margin: 0,
+      display: 'block',
+    },
+    sx,
+  );
+
+  const textAlign = typographyProps.align ?? 'inherit';
+
+  return (
+    <Box ref={containerRef} sx={resolvedContainerSx} {...restContainerProps}>
+      <Box
+        ref={textRef}
+        sx={{
+          fontSize: `${fontSize}px`,
+          lineHeight,
+          width: '100%',
+          display: 'block',
+          textAlign,
+        }}
+      >
+        <Typography {...typographyProps} sx={resolvedTypographySx}>
+          {children}
+        </Typography>
+      </Box>
+    </Box>
+  );
+};
+
+export default FitText;
diff --git a/react/components/FormControl.jsx b/react/components/FormControl.jsx
new file mode 100644
index 00000000..8bda0051
--- /dev/null
+++ b/react/components/FormControl.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormControl as MuiFormControl } from '@mui/material';
+
+const FormControl = (props) => {
+  return <MuiFormControl {...props} />;
+};
+
+export default FormControl;
diff --git a/react/components/FormControlLabel.jsx b/react/components/FormControlLabel.jsx
new file mode 100644
index 00000000..e2e902de
--- /dev/null
+++ b/react/components/FormControlLabel.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormControlLabel as MuiFormControlLabel } from '@mui/material';
+
+const FormControlLabel = (props) => {
+  return <MuiFormControlLabel {...props} />;
+};
+
+export default FormControlLabel;
diff --git a/react/components/FormLabel.jsx b/react/components/FormLabel.jsx
new file mode 100644
index 00000000..373f951b
--- /dev/null
+++ b/react/components/FormLabel.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormLabel as MuiFormLabel } from '@mui/material';
+
+const FormLabel = (props) => {
+  return <MuiFormLabel {...props} />;
+};
+
+export default FormLabel;
diff --git a/react/components/IconButton.jsx b/react/components/IconButton.jsx
new file mode 100644
index 00000000..e85484a4
--- /dev/null
+++ b/react/components/IconButton.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconButton as MuiIconButton } from '@mui/material';
+
+const IconButton = (props) => {
+  return (
+    <MuiIconButton {...props} />
+  );
+};
+
+export default IconButton;
diff --git a/react/components/PageTitle.jsx b/react/components/PageTitle.jsx
new file mode 100644
index 00000000..ba6c8fcd
--- /dev/null
+++ b/react/components/PageTitle.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import Typography from './Typography';
+
+const PageTitle = React.forwardRef(({ children, sx, ...props }, ref) => {
+  return (
+    <Typography
+      ref={ref}
+      variant="h3"
+      sx={{ fontWeight: 600, ...sx }}
+      {...props}
+    >
+      {children}
+    </Typography>
+  );
+});
+
+PageTitle.displayName = 'PageTitle';
+
+export default PageTitle;
diff --git a/react/components/PageWrapper.jsx b/react/components/PageWrapper.jsx
new file mode 100644
index 00000000..4082b284
--- /dev/null
+++ b/react/components/PageWrapper.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import Box from './Box';
+
+const PageWrapper = React.forwardRef(({ sx, surface, variant, ...props }, ref) => {
+  return (
+    <Box
+      ref={ref}
+      variant={variant}
+      sx={{
+        px: 0,
+        pt: { xs: 1, md: 1.5 },
+        pb: { xs: 2, md: 3 },
+        minHeight: '100%',
+        ...sx,
+      }}
+      {...props}
+    />
+  );
+});
+
+PageWrapper.displayName = 'PageWrapper';
+
+export default PageWrapper;
diff --git a/react/components/Paper.jsx b/react/components/Paper.jsx
new file mode 100644
index 00000000..3918c16f
--- /dev/null
+++ b/react/components/Paper.jsx
@@ -0,0 +1,36 @@
+import React from 'react';
+import { Paper as MuiPaper } from '@mui/material';
+import { combineSx } from '../utils';
+
+const baseSurfaceSx = {
+  border: '1px solid',
+  borderColor: 'divider',
+  borderRadius: 2,
+  boxShadow: '0px 12px 24px rgba(15, 30, 60, 0.08)',
+  p: 2,
+};
+
+const paperVariants = {
+  compact: {
+    p: 1.5,
+  },
+};
+
+const normalizeVariant = (variant) => {
+  if (!variant) {
+    return [];
+  }
+  return Array.isArray(variant) ? variant : [variant];
+};
+
+const Paper = React.forwardRef(({ sx, elevation = 0, variant, ...props }, ref) => {
+  const variantKeys = normalizeVariant(variant);
+  const variantStyles = variantKeys.map((key) => paperVariants[key]).filter(Boolean);
+  const resolvedSx = combineSx(baseSurfaceSx, ...variantStyles, sx);
+
+  return <MuiPaper ref={ref} elevation={elevation} sx={resolvedSx} {...props} />;
+});
+
+Paper.displayName = 'Paper';
+
+export default Paper;
diff --git a/react/components/Radio.jsx b/react/components/Radio.jsx
new file mode 100644
index 00000000..5cc46ac1
--- /dev/null
+++ b/react/components/Radio.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Radio as MuiRadio } from '@mui/material';
+
+const Radio = (props) => {
+  return <MuiRadio {...props} />;
+};
+
+export default Radio;
diff --git a/react/components/RadioGroup.jsx b/react/components/RadioGroup.jsx
new file mode 100644
index 00000000..af318d73
--- /dev/null
+++ b/react/components/RadioGroup.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { RadioGroup as MuiRadioGroup } from '@mui/material';
+
+const RadioGroup = (props) => {
+  return <MuiRadioGroup {...props} />;
+};
+
+export default RadioGroup;
diff --git a/react/components/SelectInput.jsx b/react/components/SelectInput.jsx
new file mode 100644
index 00000000..f7f09795
--- /dev/null
+++ b/react/components/SelectInput.jsx
@@ -0,0 +1,338 @@
+import React, { useCallback, useMemo } from 'react';
+import {
+  InputLabel,
+  MenuItem,
+  FormControl,
+  Select,
+  Autocomplete,
+  Chip,
+  useTheme,
+  Box,
+} from '@mui/material';
+import { CgClose } from 'react-icons/cg';
+import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
+import CheckBoxIcon from '@mui/icons-material/CheckBox';
+import Divider from './Divider';
+// Prefer local wrappers for consistency
+import TextField from './TextField';
+import IconButton from './IconButton';
+import Checkbox from './Checkbox';
+
+// Unified Select + Autocomplete component
+// Supports both single/multiple, primitive value arrays (value) and option metadata
+// Backwards compatibility: accepts setValue (legacy) OR onChange (MUI-like) handlers
+const SelectInput = (props) => {
+  const {
+    value: rawValue,
+    setValue, // legacy
+    onChange: externalOnChange, // preferred
+    label,
+    fullWidth = true,
+    options = [],
+    disabled,
+    marginTop = '10px',
+    marginBottom = '10px',
+    showOptionCount = false,
+    showClearButton = false,
+    clearButtonLabel = 'Clear Selection',
+    autocomplete = false,
+    multiple = false,
+    placeholder = '',
+    size = 'small',
+    startAdornment,
+    endAdornment,
+    ...restOfProps
+  } = props;
+  const theme = useTheme();
+  const icon = <CheckBoxOutlineBlankIcon fontSize="small" />;
+  const checkedIcon = <CheckBoxIcon fontSize="small" />;
+
+  // Normalize incoming external value for internal logic
+  const value = useMemo(() => {
+    if (multiple) {
+      if (Array.isArray(rawValue)) return rawValue;
+      return [];
+    }
+    return rawValue === undefined || rawValue === null ? '' : rawValue;
+  }, [rawValue, multiple]);
+
+  // Map of primitive value -> option object
+  const optionMap = useMemo(() => {
+    const map = new Map();
+    options.forEach((o) => map.set(o.value, o));
+    return map;
+  }, [options]);
+
+  // Autocomplete expects option objects (or array) as value
+  const autoValue = useMemo(() => {
+    if (!autocomplete) return undefined;
+    if (multiple) {
+      if (!Array.isArray(value)) return [];
+      return value.map((v) => optionMap.get(v)).filter(Boolean);
+    }
+    return value ? optionMap.get(value) || null : null;
+  }, [autocomplete, multiple, value, optionMap]);
+
+  const propagateValue = useCallback(
+    (eventLike, newVal) => {
+      if (setValue) setValue(newVal);
+      if (externalOnChange) externalOnChange(eventLike, newVal);
+    },
+    [setValue, externalOnChange],
+  );
+
+  const handleSelectChange = (event) => {
+    const newVal = event.target.value;
+    if (showClearButton && newVal === 'clearSelectionOverride') {
+      const cleared = multiple ? [] : '';
+      propagateValue(event, cleared);
+      return;
+    }
+    propagateValue(event, newVal);
+  };
+
+  const handleAutoChange = useCallback(
+    (event, newValue) => {
+      if (multiple) {
+        const mapped = Array.isArray(newValue)
+          ? newValue.map((o) => o?.value).filter((v) => v !== undefined)
+          : [];
+        propagateValue(event, mapped);
+      } else {
+        const mapped = newValue ? newValue.value : '';
+        propagateValue(event, mapped);
+      }
+    },
+    [multiple, propagateValue],
+  );
+
+  const hasValue = multiple
+    ? Array.isArray(value) && value.length > 0
+    : value !== undefined && value !== null && value !== '';
+
+  const handleClear = useCallback(
+    (eventLike) => {
+      const cleared = multiple ? [] : '';
+      propagateValue(eventLike, cleared);
+    },
+    [multiple, propagateValue],
+  );
+
+  const isClearVisible = showClearButton && hasValue;
+
+  if (autocomplete) {
+    const {
+      componentsProps: incomingComponentsProps,
+      clearIcon: incomingClearIcon,
+      disableClearable: incomingDisableClearable,
+      ...autocompleteRestProps
+    } = restOfProps;
+
+    const clearIndicatorSx = showClearButton
+      ? {
+          color: theme.palette.primary.main,
+          visibility: isClearVisible ? 'visible' : 'hidden',
+          opacity: isClearVisible ? 1 : 0,
+          transition: 'opacity 0.2s',
+        }
+      : {};
+
+    const componentsProps = {
+      ...incomingComponentsProps,
+      clearIndicator: {
+        ...(incomingComponentsProps?.clearIndicator || {}),
+        sx: {
+          ...(incomingComponentsProps?.clearIndicator?.sx || {}),
+          ...clearIndicatorSx,
+        },
+      },
+    };
+
+    const clearIcon = showClearButton
+      ? <CgClose color={theme.palette.primary.main} />
+      : incomingClearIcon;
+
+    const finalDisableClearable =
+      typeof incomingDisableClearable === 'boolean'
+        ? incomingDisableClearable
+        : showClearButton
+        ? false
+        : undefined;
+
+    return (
+      <FormControl fullWidth={fullWidth} sx={{ marginTop, marginBottom }}>
+        <Autocomplete
+          {...autocompleteRestProps}
+          multiple={multiple}
+          disableCloseOnSelect={multiple}
+            // Provide full option objects
+          options={options}
+          value={autoValue}
+          onChange={handleAutoChange}
+          size={size}
+          disabled={disabled || options.length === 0}
+          componentsProps={componentsProps}
+          clearIcon={clearIcon}
+          disableClearable={finalDisableClearable}
+          getOptionLabel={(option) => {
+            if (!option) return '';
+            const base = option.label || '';
+            return showOptionCount && typeof option.count === 'number' ? `${base} (${option.count})` : base;
+          }}
+          isOptionEqualToValue={(opt, val) => opt.value === val.value}
+          renderOption={(renderProps, option, { selected }) => {
+            const { key, ...optionProps } = renderProps;
+            const disabledStyle = showOptionCount && option.count === 0 ? { color: theme.palette.text.disabled } : {};
+            return (
+              <li key={key} {...optionProps} style={disabledStyle}>
+                {multiple && (
+                  <Checkbox
+                    icon={icon}
+                    checkedIcon={checkedIcon}
+                    style={{ marginRight: 8 }}
+                    checked={selected}
+                    disabled={showOptionCount && option.count === 0}
+                  />
+                )}
+                {option.leftIcon && (
+                  <span style={{ display: 'inline-flex', marginRight: 4 }}>{option.leftIcon}</span>
+                )}
+                <span style={{ flexGrow: 1 }}>
+                  {option.label}
+                  {showOptionCount && typeof option.count === 'number' && ` (${option.count})`}
+                </span>
+                {option.rightIcon && (
+                  <span style={{ display: 'inline-flex', marginLeft: 4 }}>{option.rightIcon}</span>
+                )}
+              </li>
+            );
+          }}
+          renderTags={(tagValue, getTagProps) =>
+            tagValue.map((option, index) => {
+              const tagProps = getTagProps({ index });
+              return (
+                <Chip
+                  {...tagProps}
+                  key={option.value}
+                  label={option.label}
+                  size="small"
+                />
+              );
+            })
+          }
+          renderInput={(params) => (
+            <TextField
+              {...params}
+              label={label}
+              placeholder={placeholder}
+              InputProps={{
+                ...params.InputProps,
+                startAdornment: startAdornment && hasValue ? (
+                  <>
+                    {startAdornment}
+                    {params.InputProps.startAdornment}
+                  </>
+                ) : params.InputProps.startAdornment,
+                endAdornment: (
+                  <>
+                    {endAdornment}
+                    {params.InputProps.endAdornment}
+                  </>
+                ),
+              }}
+            />
+          )}
+        />
+      </FormControl>
+    );
+  }
+
+  // Fallback: Select behavior
+  return (
+    <FormControl fullWidth={fullWidth} sx={{ marginTop, marginBottom }}>
+      {label && <InputLabel id="select-label">{label}</InputLabel>}
+      <Select
+        value={value}
+        label={label}
+        onChange={handleSelectChange}
+        disabled={disabled || options.length === 0}
+        multiple={multiple}
+        size={size}
+        endAdornment={
+          showClearButton && isClearVisible ? (
+            <IconButton
+              size="small"
+              sx={{ mr: 0.5 }}
+              onMouseDown={(e) => e.stopPropagation()}
+              onClick={(e) => {
+                e.stopPropagation();
+                handleClear(e);
+              }}
+              aria-label={clearButtonLabel}
+            >
+              <CgClose color={theme.palette.primary.main} />
+            </IconButton>
+          ) : undefined
+        }
+        renderValue={
+          multiple
+            ? (selected) => {
+                if (!Array.isArray(selected) || selected.length === 0) return '';
+                const selectedOptions = options.filter((o) => selected.includes(o.value));
+                return (
+                  <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
+                    {selectedOptions.map((o) => (
+                      <Chip
+                        key={o.value}
+                        label={o.label}
+                        size="small"
+                        onMouseDown={(e) => e.stopPropagation()}
+                        onDelete={(e) => {
+                          e.stopPropagation();
+                          const newSelected = selected.filter((v) => v !== o.value);
+                          const syntheticEvent = { target: { value: newSelected } };
+                          propagateValue(syntheticEvent, newSelected);
+                        }}
+                      />
+                    ))}
+                  </Box>
+                );
+              }
+            : undefined
+        }
+        {...restOfProps}
+      >
+        {options.map((option) => {
+          const disabledOption = showOptionCount && option.count === 0;
+          return (
+            <MenuItem
+              key={option.value}
+              value={option.value}
+              sx={{ color: disabledOption ? theme.palette.text.disabled : 'auto' }}
+              disabled={disabledOption}
+            >
+              {multiple && (
+                <Checkbox
+                  checked={Array.isArray(value) && value.includes(option.value)}
+                  onChange={() => { /* handled by Select collective change */ }}
+                  size="small"
+                  style={{ marginRight: 8 }}
+                />
+              )}
+              {option.leftIcon && (
+                <span style={{ display: 'inline-flex', marginRight: 4 }}>{option.leftIcon}</span>
+              )}
+              {option.label}
+              {showOptionCount && typeof option.count === 'number' && ` (${option.count})`}
+              {option.rightIcon && (
+                <span style={{ display: 'inline-flex', marginLeft: 4 }}>{option.rightIcon}</span>
+              )}
+            </MenuItem>
+          );
+        })}
+      </Select>
+    </FormControl>
+  );
+};
+
+export default SelectInput;
diff --git a/react/components/Stack.jsx b/react/components/Stack.jsx
new file mode 100644
index 00000000..3a23cb37
--- /dev/null
+++ b/react/components/Stack.jsx
@@ -0,0 +1,78 @@
+import React from 'react';
+import { Stack as MuiStack } from '@mui/material';
+import { combineSx } from '../utils';
+
+const stackVariants = {
+  section: {
+    sx: { mt: 1 },
+  },
+  modalHeader: {
+    props: {
+      direction: 'row',
+      alignItems: 'flex-start',
+      justifyContent: 'space-between',
+    },
+    spacing: 2,
+    sx: { mt: 0 },
+  },
+  modalFooter: {
+    props: {
+      direction: 'row',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+    },
+    spacing: 1.5,
+    sx: { mt: 0 },
+  },
+  row: {
+    props: {
+      direction: 'row',
+      alignItems: 'center',
+    },
+    sx: { mt: 0 },
+  },
+};
+
+const normalizeVariant = (variant) => {
+  if (!variant) {
+    return [];
+  }
+  return Array.isArray(variant) ? variant : [variant];
+};
+
+const Stack = React.forwardRef(({ sx, spacing, variant, ...props }, ref) => {
+  const variantKeys = normalizeVariant(variant);
+  const variantConfigs = variantKeys
+    .map((key) => stackVariants[key])
+    .filter(Boolean);
+
+  const variantProps = variantConfigs.reduce((acc, config) => {
+    if (config?.props) {
+      Object.assign(acc, config.props);
+    }
+    return acc;
+  }, {});
+
+  const variantSpacing = variantConfigs.reduce(
+    (value, config) => (config?.spacing !== undefined ? config.spacing : value),
+    undefined,
+  );
+
+  const variantSx = variantConfigs.map((config) => config?.sx).filter(Boolean);
+
+  const resolvedSpacing = spacing !== undefined ? spacing : variantSpacing ?? 2;
+
+  return (
+    <MuiStack
+      ref={ref}
+      spacing={resolvedSpacing}
+      {...variantProps}
+      {...props}
+      sx={combineSx({ mt: 0 }, ...variantSx, sx)}
+    />
+  );
+});
+
+Stack.displayName = 'Stack';
+
+export default Stack;
diff --git a/react/components/TextField.jsx b/react/components/TextField.jsx
new file mode 100644
index 00000000..2da8c4d1
--- /dev/null
+++ b/react/components/TextField.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import { TextField as MuiTextField } from '@mui/material';
+
+const TextField = (props) => {
+  const { variant = 'outlined', ...restOfProps } = props;
+  return (
+    <MuiTextField variant={variant} {...restOfProps} />
+  );
+};
+
+export default TextField;
diff --git a/react/components/Tooltip.jsx b/react/components/Tooltip.jsx
new file mode 100644
index 00000000..857f5013
--- /dev/null
+++ b/react/components/Tooltip.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { Tooltip as MuiTooltip } from '@mui/material';
+
+const Tooltip = (props) => {
+  return <MuiTooltip {...props} />;
+};
+
+export default Tooltip;
diff --git a/react/components/Typography.jsx b/react/components/Typography.jsx
new file mode 100644
index 00000000..2b993757
--- /dev/null
+++ b/react/components/Typography.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import { Typography as MuiTypography } from '@mui/material';
+
+const Typography = (props) => {
+  return (
+    <MuiTypography {...props} />
+  );
+};
+
+export default Typography;
diff --git a/react/components/index.js b/react/components/index.js
new file mode 100644
index 00000000..3d908d76
--- /dev/null
+++ b/react/components/index.js
@@ -0,0 +1,26 @@
+export { default as Avatar } from './Avatar';
+export { default as BaseModal } from './BaseModal';
+export { default as Box } from './Box';
+export { default as Button } from './Button';
+export { default as Card } from './Card';
+export { default as CardContent } from './CardContent';
+export { default as CardHeader } from './CardHeader';
+export { default as Checkbox } from './Checkbox';
+export { default as ConditionalWrapper } from './ConditionalWrapper';
+export { default as DatePicker } from './DatePicker';
+export { default as Divider } from './Divider';
+export { default as FitText } from './FitText';
+export { default as FormControl } from './FormControl';
+export { default as FormControlLabel } from './FormControlLabel';
+export { default as FormLabel } from './FormLabel';
+export { default as IconButton } from './IconButton';
+export { default as Paper } from './Paper';
+export { default as PageWrapper } from './PageWrapper';
+export { default as PageTitle } from './PageTitle';
+export { default as Radio } from './Radio';
+export { default as RadioGroup } from './RadioGroup';
+export { default as SelectInput } from './SelectInput';
+export { default as Stack } from './Stack';
+export { default as TextField } from './TextField';
+export { default as Tooltip } from './Tooltip';
+export { default as Typography } from './Typography';
diff --git a/react/containers/DeleteDialog/DeleteDialog.jsx b/react/containers/DeleteDialog/DeleteDialog.jsx
new file mode 100644
index 00000000..bbc29155
--- /dev/null
+++ b/react/containers/DeleteDialog/DeleteDialog.jsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import {
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+} from '@mui/material';
+import { Button } from '../../components';
+
+const DeleteDialog = (props) => {
+  const { open, handleConfirm, handleClose, title, message } = props;
+
+  return (
+    <Dialog
+      open={open}
+      onClose={handleClose}
+      aria-labelledby='alert-dialog-title'
+      aria-describedby='alert-dialog-description'
+    >
+      <DialogTitle id='alert-dialog-title'>
+        {title || 'Delete Item'}
+      </DialogTitle>
+      <DialogContent>
+        <DialogContentText id='alert-dialog-description'>
+          {message || 'Are you sure you want to delete this item?'}
+        </DialogContentText>
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={handleClose}>Cancel</Button>
+        <Button onClick={handleConfirm} color={'error'} autoFocus>
+          Delete
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+};
+
+export default DeleteDialog;
diff --git a/react/containers/InfoModal/InfoModal.jsx b/react/containers/InfoModal/InfoModal.jsx
new file mode 100644
index 00000000..733c0cd9
--- /dev/null
+++ b/react/containers/InfoModal/InfoModal.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import CloseIcon from '@mui/icons-material/Close';
+import { Box, IconButton, Stack, Typography } from '../../components';
+import BaseModal from '../../components/BaseModal';
+import { combineSx } from '../../utils';
+
+const InfoModal = ({
+  open,
+  title,
+  onClose,
+  children,
+  actions,
+  contentProps,
+  ...props
+}) => {
+  const titleId = React.useId();
+  const { sx: contentSx, ...restContentProps } = contentProps || {};
+  const mergedContentProps = {
+    ...restContentProps,
+    sx: combineSx({ p: { xs: 3, md: 4 } }, contentSx),
+  };
+
+  return (
+    <BaseModal
+      open={open}
+      handleClose={onClose}
+      aria-labelledby={title ? titleId : undefined}
+      contentProps={mergedContentProps}
+      {...props}
+    >
+      <Stack variant="modalHeader">
+        {title ? (
+          <Typography id={titleId} variant="h4" component="h2" sx={{ fontWeight: 600 }}>
+            {title}
+          </Typography>
+        ) : (
+          <Box />
+        )}
+        <IconButton onClick={onClose} aria-label="Close dialog" size="small">
+          <CloseIcon />
+        </IconButton>
+      </Stack>
+
+      <Box variant="modalBody">{children}</Box>
+
+      {actions ? <Stack variant="modalFooter">{actions}</Stack> : null}
+    </BaseModal>
+  );
+};
+
+export default InfoModal;
diff --git a/react/containers/index.js b/react/containers/index.js
new file mode 100644
index 00000000..0fcdd6e7
--- /dev/null
+++ b/react/containers/index.js
@@ -0,0 +1,2 @@
+export { default as DeleteDialog } from './DeleteDialog/DeleteDialog';
+export { default as InfoModal } from './InfoModal/InfoModal';
diff --git a/react/contexts/SnackbarContext/SnackbarContext.js b/react/contexts/SnackbarContext/SnackbarContext.js
new file mode 100644
index 00000000..98278daa
--- /dev/null
+++ b/react/contexts/SnackbarContext/SnackbarContext.js
@@ -0,0 +1,12 @@
+import * as React from "react";
+
+export const DefaultSnackbar = {
+  message: '',
+  duration: 7000,
+  action: undefined,
+  severity: 'success'
+}
+
+export const SnackbarContext = React.createContext({
+  DefaultSnackbar
+});
diff --git a/react/contexts/index.js b/react/contexts/index.js
new file mode 100644
index 00000000..5e6629bd
--- /dev/null
+++ b/react/contexts/index.js
@@ -0,0 +1 @@
+export { DefaultSnackbar, SnackbarContext } from './SnackbarContext/SnackbarContext';
diff --git a/custodia/src/css/starter-template.css b/react/custodia/css/starter-template.css
similarity index 100%
rename from custodia/src/css/starter-template.css
rename to react/custodia/css/starter-template.css
diff --git a/custodia/src/js/StudentStore.js b/react/custodia/js/StudentStore.js
similarity index 100%
rename from custodia/src/js/StudentStore.js
rename to react/custodia/js/StudentStore.js
diff --git a/custodia/src/js/adminwrapper.jsx b/react/custodia/js/adminwrapper.jsx
similarity index 100%
rename from custodia/src/js/adminwrapper.jsx
rename to react/custodia/js/adminwrapper.jsx
diff --git a/custodia/src/js/ajaxhelper.js b/react/custodia/js/ajaxhelper.js
similarity index 100%
rename from custodia/src/js/ajaxhelper.js
rename to react/custodia/js/ajaxhelper.js
diff --git a/custodia/src/js/app.jsx b/react/custodia/js/app.jsx
similarity index 100%
rename from custodia/src/js/app.jsx
rename to react/custodia/js/app.jsx
diff --git a/custodia/src/js/appconstants.js b/react/custodia/js/appconstants.js
similarity index 100%
rename from custodia/src/js/appconstants.js
rename to react/custodia/js/appconstants.js
diff --git a/custodia/src/js/appdispatcher.js b/react/custodia/js/appdispatcher.js
similarity index 100%
rename from custodia/src/js/appdispatcher.js
rename to react/custodia/js/appdispatcher.js
diff --git a/custodia/src/js/cssonly.js b/react/custodia/js/cssonly.js
similarity index 100%
rename from custodia/src/js/cssonly.js
rename to react/custodia/js/cssonly.js
diff --git a/custodia/src/js/flashnotification.jsx b/react/custodia/js/flashnotification.jsx
similarity index 100%
rename from custodia/src/js/flashnotification.jsx
rename to react/custodia/js/flashnotification.jsx
diff --git a/custodia/src/js/flashnotificationstore.js b/react/custodia/js/flashnotificationstore.js
similarity index 100%
rename from custodia/src/js/flashnotificationstore.js
rename to react/custodia/js/flashnotificationstore.js
diff --git a/custodia/src/js/heatmap.jsx b/react/custodia/js/heatmap.jsx
similarity index 100%
rename from custodia/src/js/heatmap.jsx
rename to react/custodia/js/heatmap.jsx
diff --git a/custodia/src/js/heatmapmonth.jsx b/react/custodia/js/heatmapmonth.jsx
similarity index 100%
rename from custodia/src/js/heatmapmonth.jsx
rename to react/custodia/js/heatmapmonth.jsx
diff --git a/custodia/src/js/hooks/useSwipeLogic.js b/react/custodia/js/hooks/useSwipeLogic.js
similarity index 100%
rename from custodia/src/js/hooks/useSwipeLogic.js
rename to react/custodia/js/hooks/useSwipeLogic.js
diff --git a/custodia/src/js/modal.jsx b/react/custodia/js/modal.jsx
similarity index 100%
rename from custodia/src/js/modal.jsx
rename to react/custodia/js/modal.jsx
diff --git a/custodia/src/js/nav.jsx b/react/custodia/js/nav.jsx
similarity index 100%
rename from custodia/src/js/nav.jsx
rename to react/custodia/js/nav.jsx
diff --git a/custodia/src/js/polyfill.js b/react/custodia/js/polyfill.js
similarity index 100%
rename from custodia/src/js/polyfill.js
rename to react/custodia/js/polyfill.js
diff --git a/custodia/src/js/reportactioncreator.js b/react/custodia/js/reportactioncreator.js
similarity index 100%
rename from custodia/src/js/reportactioncreator.js
rename to react/custodia/js/reportactioncreator.js
diff --git a/custodia/src/js/reportstore.js b/react/custodia/js/reportstore.js
similarity index 100%
rename from custodia/src/js/reportstore.js
rename to react/custodia/js/reportstore.js
diff --git a/custodia/src/js/storebase.js b/react/custodia/js/storebase.js
similarity index 100%
rename from custodia/src/js/storebase.js
rename to react/custodia/js/storebase.js
diff --git a/custodia/src/js/student.jsx b/react/custodia/js/student.jsx
similarity index 99%
rename from custodia/src/js/student.jsx
rename to react/custodia/js/student.jsx
index 3b645119..ef334a07 100644
--- a/custodia/src/js/student.jsx
+++ b/react/custodia/js/student.jsx
@@ -3,7 +3,7 @@ import { Link, useParams } from "react-router-dom";
 
 import studentStore from "./StudentStore";
 import Heatmap from "./heatmap.jsx";
-import { useSwipeLogic } from "./hooks/useSwipeLogic.js";
+import { useSwipeLogic } from "./hooks/useSwipeLogic";
 import StudentEditor from "./student/studentEditor.jsx";
 import * as actionCreator from "./studentactioncreator.js";
 import SwipeHelpers from "./swipeHelpers.jsx";
diff --git a/custodia/src/js/student/studentEditor.jsx b/react/custodia/js/student/studentEditor.jsx
similarity index 100%
rename from custodia/src/js/student/studentEditor.jsx
rename to react/custodia/js/student/studentEditor.jsx
diff --git a/custodia/src/js/studentactioncreator.js b/react/custodia/js/studentactioncreator.js
similarity index 100%
rename from custodia/src/js/studentactioncreator.js
rename to react/custodia/js/studentactioncreator.js
diff --git a/custodia/src/js/studentreports.jsx b/react/custodia/js/studentreports.jsx
similarity index 100%
rename from custodia/src/js/studentreports.jsx
rename to react/custodia/js/studentreports.jsx
diff --git a/custodia/src/js/studenttable.jsx b/react/custodia/js/studenttable.jsx
similarity index 98%
rename from custodia/src/js/studenttable.jsx
rename to react/custodia/js/studenttable.jsx
index 4ad247ce..461ef3e0 100644
--- a/custodia/src/js/studenttable.jsx
+++ b/react/custodia/js/studenttable.jsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
 
 import studentStore from "./StudentStore";
-import { useSwipeLogic } from "./hooks/useSwipeLogic.js";
+import { useSwipeLogic } from "./hooks/useSwipeLogic";
 import SwipeHelpers from "./swipeHelpers.jsx";
 
 export default function StudentTable() {
diff --git a/custodia/src/js/swipeHelpers.jsx b/react/custodia/js/swipeHelpers.jsx
similarity index 100%
rename from custodia/src/js/swipeHelpers.jsx
rename to react/custodia/js/swipeHelpers.jsx
diff --git a/custodia/src/js/swipeslisting.jsx b/react/custodia/js/swipeslisting.jsx
similarity index 100%
rename from custodia/src/js/swipeslisting.jsx
rename to react/custodia/js/swipeslisting.jsx
diff --git a/custodia/src/js/userstore.js b/react/custodia/js/userstore.js
similarity index 100%
rename from custodia/src/js/userstore.js
rename to react/custodia/js/userstore.js
diff --git a/custodia/eslint.config.js b/react/eslint.config.js
similarity index 98%
rename from custodia/eslint.config.js
rename to react/eslint.config.js
index 79349e33..c9e247a2 100644
--- a/custodia/eslint.config.js
+++ b/react/eslint.config.js
@@ -8,6 +8,7 @@ export default [
   js.configs.recommended,
 
   {
+    root: true,
     files: ["**/*.{js,jsx}"],
     plugins: {
       react,
diff --git a/react/index.jsx b/react/index.jsx
new file mode 100644
index 00000000..11a28a30
--- /dev/null
+++ b/react/index.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.scss';
+import App from './App.jsx';
+
+const root = ReactDOM.createRoot(document.getElementById('react-root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
diff --git a/react/index.scss b/react/index.scss
new file mode 100644
index 00000000..8d8e3d46
--- /dev/null
+++ b/react/index.scss
@@ -0,0 +1,5 @@
+#react-root {
+  margin: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
\ No newline at end of file
diff --git a/custodia/package-lock.json b/react/package-lock.json
similarity index 80%
rename from custodia/package-lock.json
rename to react/package-lock.json
index eb138c81..ffcecec5 100644
--- a/custodia/package-lock.json
+++ b/react/package-lock.json
@@ -1,22 +1,26 @@
 {
-  "name": "custodia",
+  "name": "react-demschooltools",
   "version": "14.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "custodia",
+      "name": "react-demschooltools",
       "version": "14.0.0",
       "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
+        "@fontsource/roboto": "^5.2.9",
         "@mui/icons-material": "^7.3.4",
         "@mui/material": "^7.3.5",
+        "@mui/x-date-pickers": "^8.19.0",
+        "@react-pdf/renderer": "^4.3.1",
         "cal-heatmap": "^4.2.4",
         "dayjs": "^1.11.11",
         "flux": "2.1.1",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
+        "react-icons": "^5.5.0",
         "react-router": "^7.9.4",
         "react-router-dom": "^7.9.4"
       },
@@ -30,6 +34,7 @@
         "eslint-plugin-react-hooks": "^7.0.0",
         "prettier": "^3.2.5",
         "rollup-plugin-visualizer": "^6.0.5",
+        "sass-embedded": "^1.93.3",
         "vite": "^7.1.11"
       },
       "engines": {
@@ -319,6 +324,13 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bufbuild/protobuf": {
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.10.1.tgz",
+      "integrity": "sha512-ckS3+vyJb5qGpEYv/s1OebUHDi/xSNtfgw1wqKZo7MR9F2z+qXr0q5XagafAG/9O0QPVIUfST0smluYSTpYFkg==",
+      "dev": true,
+      "license": "(Apache-2.0 AND BSD-3-Clause)"
+    },
     "node_modules/@emotion/babel-plugin": {
       "version": "11.13.5",
       "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
@@ -1068,6 +1080,15 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@fontsource/roboto": {
+      "version": "5.2.9",
+      "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.2.9.tgz",
+      "integrity": "sha512-ZTkyHiPk74B/aj8BZWbsxD5Yu+Lq+nR64eV4wirlrac2qXR7jYk2h6JlLYuOuoruTkGQWNw2fMuKNavw7/rg0w==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
@@ -1318,6 +1339,7 @@
       "resolved": "https://registry.npmjs.org/@mui/system/-/system-7.3.5.tgz",
       "integrity": "sha512-yPaf5+gY3v80HNkJcPi6WT+r9ebeM4eJzrREXPxMt7pNTV/1eahyODO4fbH3Qvd8irNxDFYn5RQ3idHW55rA6g==",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.28.4",
         "@mui/private-theming": "^7.3.5",
@@ -1400,6 +1422,94 @@
         }
       }
     },
+    "node_modules/@mui/x-date-pickers": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-date-pickers/-/x-date-pickers-8.19.0.tgz",
+      "integrity": "sha512-TQ4FsGUsiGJVs+Ie4q7nHXUmFqZADXL/1hVtZpOKsdr3WQXwpX7C5YmeakZGFR2NZnuv4snFj+WTee3kgyFbyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@mui/utils": "^7.3.5",
+        "@mui/x-internals": "8.19.0",
+        "@types/react-transition-group": "^4.4.12",
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.9.0",
+        "@emotion/styled": "^11.8.1",
+        "@mui/material": "^5.15.14 || ^6.0.0 || ^7.0.0",
+        "@mui/system": "^5.15.14 || ^6.0.0 || ^7.0.0",
+        "date-fns": "^2.25.0 || ^3.2.0 || ^4.0.0",
+        "date-fns-jalali": "^2.13.0-0 || ^3.2.0-0 || ^4.0.0-0",
+        "dayjs": "^1.10.7",
+        "luxon": "^3.0.2",
+        "moment": "^2.29.4",
+        "moment-hijri": "^2.1.2 || ^3.0.0",
+        "moment-jalaali": "^0.7.4 || ^0.8.0 || ^0.9.0 || ^0.10.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "date-fns": {
+          "optional": true
+        },
+        "date-fns-jalali": {
+          "optional": true
+        },
+        "dayjs": {
+          "optional": true
+        },
+        "luxon": {
+          "optional": true
+        },
+        "moment": {
+          "optional": true
+        },
+        "moment-hijri": {
+          "optional": true
+        },
+        "moment-jalaali": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/x-internals": {
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@mui/x-internals/-/x-internals-8.19.0.tgz",
+      "integrity": "sha512-mMmiyJAN5fW27srXJjhXhXJa+w2xGO45rwcjws6OQc9rdXGdJqRXhBwJd+OT7J1xwSdFIIUhjZRTz1KAfCSGBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "@mui/utils": "^7.3.5",
+        "reselect": "^5.1.1",
+        "use-sync-external-store": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui-org"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/@observablehq/plot": {
       "version": "0.6.17",
       "resolved": "https://registry.npmjs.org/@observablehq/plot/-/plot-0.6.17.tgz",
@@ -1414,41 +1524,47 @@
         "node": ">=12"
       }
     },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "license": "MIT",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.47",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.47.tgz",
-      "integrity": "sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.2.tgz",
-      "integrity": "sha512-yDPzwsgiFO26RJA4nZo8I+xqzh7sJTZIWQOxn+/XOdPE31lAvLIYCKqjV+lNH/vxE2L2iH3plKxDCRK6i+CwhA==",
-      "cpu": [
-        "arm"
-      ],
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
       "dev": true,
+      "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "android"
-      ]
-    },
-    "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.2.tgz",
-      "integrity": "sha512-k8FontTxIE7b0/OGKeSN5B6j25EuppBcWM33Z19JoVT7UTXFSo3D9CdU39wGTeb29NO3XxpMNauh09B+Ibw+9g==",
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
       "cpu": [
         "arm64"
       ],
@@ -1457,12 +1573,19 @@
       "optional": true,
       "os": [
         "android"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.2.tgz",
-      "integrity": "sha512-A6s4gJpomNBtJ2yioj8bflM2oogDwzUiMl2yNJ2v9E7++sHrSrsQ29fOfn5DM/iCzpWcebNYEdXpaK4tr2RhfQ==",
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
       "cpu": [
         "arm64"
       ],
@@ -1471,12 +1594,19 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.2.tgz",
-      "integrity": "sha512-e6XqVmXlHrBlG56obu9gDRPW3O3hLxpwHpLsBJvuI8qqnsrtSZ9ERoWUXtPOkY8c78WghyPHZdmPhHLWNdAGEw==",
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
       "cpu": [
         "x64"
       ],
@@ -1485,26 +1615,19 @@
       "optional": true,
       "os": [
         "darwin"
-      ]
-    },
-    "node_modules/@rollup/rollup-freebsd-arm64": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.2.tgz",
-      "integrity": "sha512-v0E9lJW8VsrwPux5Qe5CwmH/CF/2mQs6xU1MF3nmUxmZUCHazCjLgYvToOk+YuuUqLQBio1qkkREhxhc656ViA==",
-      "cpu": [
-        "arm64"
       ],
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "freebsd"
-      ]
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-freebsd-x64": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.2.tgz",
-      "integrity": "sha512-ClAmAPx3ZCHtp6ysl4XEhWU69GUB1D+s7G9YjHGhIGCSrsg00nEGRRZHmINYxkdoJehde8VIsDC5t9C0gb6yqA==",
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
       "cpu": [
         "x64"
       ],
@@ -1513,12 +1636,19 @@
       "optional": true,
       "os": [
         "freebsd"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.2.tgz",
-      "integrity": "sha512-EPlb95nUsz6Dd9Qy13fI5kUPXNSljaG9FiJ4YUGU1O/Q77i5DYFW5KR8g1OzTcdZUqQQ1KdDqsTohdFVwCwjqg==",
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
       "cpu": [
         "arm"
       ],
@@ -1527,12 +1657,19 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.2.tgz",
-      "integrity": "sha512-BOmnVW+khAUX+YZvNfa0tGTEMVVEerOxN0pDk2E6N6DsEIa2Ctj48FOMfNDdrwinocKaC7YXUZ1pHlKpnkja/Q==",
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
       "cpu": [
         "arm"
       ],
@@ -1541,12 +1678,19 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.2.tgz",
-      "integrity": "sha512-Xt2byDZ+6OVNuREgBXr4+CZDJtrVso5woFtpKdGPhpTPHcNG7D8YXeQzpNbFRxzTVqJf7kvPMCub/pcGUWgBjA==",
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
       "cpu": [
         "arm64"
       ],
@@ -1555,12 +1699,19 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.2.tgz",
-      "integrity": "sha512-+LdZSldy/I9N8+klim/Y1HsKbJ3BbInHav5qE9Iy77dtHC/pibw1SR/fXlWyAk0ThnpRKoODwnAuSjqxFRDHUQ==",
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
       "cpu": [
         "arm64"
       ],
@@ -1569,110 +1720,343 @@
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-loong64-gnu": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.2.tgz",
-      "integrity": "sha512-8ms8sjmyc1jWJS6WdNSA23rEfdjWB30LH8Wqj0Cqvv7qSHnvw6kgMMXRdop6hkmGPlyYBdRPkjJnj3KCUHV/uQ==",
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
       "cpu": [
-        "loong64"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.2.tgz",
-      "integrity": "sha512-3HRQLUQbpBDMmzoxPJYd3W6vrVHOo2cVW8RUo87Xz0JPJcBLBr5kZ1pGcQAhdZgX9VV7NbGNipah1omKKe23/g==",
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
       "cpu": [
-        "ppc64"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
-      ]
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.2.tgz",
-      "integrity": "sha512-fMjKi+ojnmIvhk34gZP94vjogXNNUKMEYs+EDaB/5TG/wUkoeua7p7VCHnE6T2Tx+iaghAqQX8teQzcvrYpaQA==",
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
       "cpu": [
-        "riscv64"
+        "arm64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
-      ]
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-riscv64-musl": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.2.tgz",
-      "integrity": "sha512-XuGFGU+VwUUV5kLvoAdi0Wz5Xbh2SrjIxCtZj6Wq8MDp4bflb/+ThZsVxokM7n0pcbkEr2h5/pzqzDYI7cCgLQ==",
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
       "cpu": [
-        "riscv64"
+        "ia32"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
-      ]
-    },
-    "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.2.tgz",
-      "integrity": "sha512-w6yjZF0P+NGzWR3AXWX9zc0DNEGdtvykB03uhonSHMRa+oWA6novflo2WaJr6JZakG2ucsyb+rvhrKac6NIy+w==",
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
       "cpu": [
-        "s390x"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
-      ]
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
     },
-    "node_modules/@rollup/rollup-linux-x64-gnu": {
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@react-pdf/fns": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/fns/-/fns-3.1.2.tgz",
+      "integrity": "sha512-qTKGUf0iAMGg2+OsUcp9ffKnKi41RukM/zYIWMDJ4hRVYSr89Q7e3wSDW/Koqx3ea3Uy/z3h2y3wPX6Bdfxk6g==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/font": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/font/-/font-4.0.3.tgz",
+      "integrity": "sha512-N1qQDZr6phXYQOp033Hvm2nkUkx2LkszjGPbmRavs9VOYzi4sp31MaccMKptL24ii6UhBh/z9yPUhnuNe/qHwA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/pdfkit": "^4.0.4",
+        "@react-pdf/types": "^2.9.1",
+        "fontkit": "^2.0.2",
+        "is-url": "^1.2.4"
+      }
+    },
+    "node_modules/@react-pdf/image": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/image/-/image-3.0.3.tgz",
+      "integrity": "sha512-lvP5ryzYM3wpbO9bvqLZYwEr5XBDX9jcaRICvtnoRqdJOo7PRrMnmB4MMScyb+Xw10mGeIubZAAomNAG5ONQZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/png-js": "^3.0.0",
+        "jay-peg": "^1.1.1"
+      }
+    },
+    "node_modules/@react-pdf/layout": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/layout/-/layout-4.4.1.tgz",
+      "integrity": "sha512-GVzdlWoZWldRDzlWj3SttRXmVDxg7YfraAohwy+o9gb9hrbDJaaAV6jV3pc630Evd3K46OAzk8EFu8EgPDuVuA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/image": "^3.0.3",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/stylesheet": "^6.1.1",
+        "@react-pdf/textkit": "^6.0.0",
+        "@react-pdf/types": "^2.9.1",
+        "emoji-regex-xs": "^1.0.0",
+        "queue": "^6.0.1",
+        "yoga-layout": "^3.2.1"
+      }
+    },
+    "node_modules/@react-pdf/pdfkit": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@react-pdf/pdfkit/-/pdfkit-4.0.4.tgz",
+      "integrity": "sha512-/nITLggsPlB66bVLnm0X7MNdKQxXelLGZG6zB5acF5cCgkFwmXHnLNyxYOUD4GMOMg1HOPShXDKWrwk2ZeHsvw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/png-js": "^3.0.0",
+        "browserify-zlib": "^0.2.0",
+        "crypto-js": "^4.2.0",
+        "fontkit": "^2.0.2",
+        "jay-peg": "^1.1.1",
+        "linebreak": "^1.1.0",
+        "vite-compatible-readable-stream": "^3.6.1"
+      }
+    },
+    "node_modules/@react-pdf/png-js": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/png-js/-/png-js-3.0.0.tgz",
+      "integrity": "sha512-eSJnEItZ37WPt6Qv5pncQDxLJRK15eaRwPT+gZoujP548CodenOVp49GST8XJvKMFt9YqIBzGBV/j9AgrOQzVA==",
+      "license": "MIT",
+      "dependencies": {
+        "browserify-zlib": "^0.2.0"
+      }
+    },
+    "node_modules/@react-pdf/primitives": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/primitives/-/primitives-4.1.1.tgz",
+      "integrity": "sha512-IuhxYls1luJb7NUWy6q5avb1XrNaVj9bTNI40U9qGRuS6n7Hje/8H8Qi99Z9UKFV74bBP3DOf3L1wV2qZVgVrQ==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/reconciler": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@react-pdf/reconciler/-/reconciler-1.1.4.tgz",
+      "integrity": "sha512-oTQDiR/t4Z/Guxac88IavpU2UgN7eR0RMI9DRKvKnvPz2DUasGjXfChAdMqDNmJJxxV26mMy9xQOUV2UU5/okg==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "scheduler": "0.25.0-rc-603e6108-20241029"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/reconciler/node_modules/scheduler": {
+      "version": "0.25.0-rc-603e6108-20241029",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-603e6108-20241029.tgz",
+      "integrity": "sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/render": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/render/-/render-4.3.1.tgz",
+      "integrity": "sha512-v1WAaAhQShQZGcBxfjkEThGCHVH9CSuitrZ1bIOLvB5iBKM14abYK5D6djKhWCwF6FTzYeT2WRjRMVgze/ND2A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/textkit": "^6.0.0",
+        "@react-pdf/types": "^2.9.1",
+        "abs-svg-path": "^0.1.1",
+        "color-string": "^1.9.1",
+        "normalize-svg-path": "^1.1.0",
+        "parse-svg-path": "^0.1.2",
+        "svg-arc-to-cubic-bezier": "^3.2.0"
+      }
+    },
+    "node_modules/@react-pdf/renderer": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/renderer/-/renderer-4.3.1.tgz",
+      "integrity": "sha512-dPKHiwGTaOsKqNWCHPYYrx8CDfAGsUnV4tvRsEu0VPGxuot1AOq/M+YgfN/Pb+MeXCTe2/lv6NvA8haUtj3tsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/font": "^4.0.3",
+        "@react-pdf/layout": "^4.4.1",
+        "@react-pdf/pdfkit": "^4.0.4",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/reconciler": "^1.1.4",
+        "@react-pdf/render": "^4.3.1",
+        "@react-pdf/types": "^2.9.1",
+        "events": "^3.3.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2",
+        "queue": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/stylesheet": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/stylesheet/-/stylesheet-6.1.1.tgz",
+      "integrity": "sha512-Iyw0A3wRIeQLN4EkaKf8yF9MvdMxiZ8JjoyzLzDHSxnKYoOA4UGu84veCb8dT9N8MxY5x7a0BUv/avTe586Plg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.2",
+        "@react-pdf/types": "^2.9.1",
+        "color-string": "^1.9.1",
+        "hsl-to-hex": "^1.0.0",
+        "media-engine": "^1.0.3",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
+    "node_modules/@react-pdf/textkit": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/textkit/-/textkit-6.0.0.tgz",
+      "integrity": "sha512-fDt19KWaJRK/n2AaFoVm31hgGmpygmTV7LsHGJNGZkgzXcFyLsx+XUl63DTDPH3iqxj3xUX128t104GtOz8tTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.2",
+        "bidi-js": "^1.0.2",
+        "hyphen": "^1.6.4",
+        "unicode-properties": "^1.4.1"
+      }
+    },
+    "node_modules/@react-pdf/types": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/types/-/types-2.9.1.tgz",
+      "integrity": "sha512-5GoCgG0G5NMgpPuHbKG2xcVRQt7+E5pg3IyzVIIozKG3nLcnsXW4zy25vG1ZBQA0jmo39q34au/sOnL/0d1A4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/font": "^4.0.3",
+        "@react-pdf/primitives": "^4.1.1",
+        "@react-pdf/stylesheet": "^6.1.1"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.47",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.47.tgz",
+      "integrity": "sha512-8QagwMH3kNCuzD8EWL8R2YPW5e4OrHNSAHRFDdmFqEwEaD/KcNKjVoumo+gP2vW5eKB2UPbM6vTYiGZX0ixLnw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.2.tgz",
-      "integrity": "sha512-yo8d6tdfdeBArzC7T/PnHd7OypfI9cbuZzPnzLJIyKYFhAQ8SvlkKtKBMbXDxe1h03Rcr7u++nFS7tqXz87Gtw==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.2.tgz",
+      "integrity": "sha512-yDPzwsgiFO26RJA4nZo8I+xqzh7sJTZIWQOxn+/XOdPE31lAvLIYCKqjV+lNH/vxE2L2iH3plKxDCRK6i+CwhA==",
       "cpu": [
-        "x64"
+        "arm"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
+        "android"
       ]
     },
-    "node_modules/@rollup/rollup-linux-x64-musl": {
+    "node_modules/@rollup/rollup-android-arm64": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.2.tgz",
-      "integrity": "sha512-ah59c1YkCxKExPP8O9PwOvs+XRLKwh/mV+3YdKqQ5AMQ0r4M4ZDuOrpWkUaqO7fzAHdINzV9tEVu8vNw48z0lA==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.2.tgz",
+      "integrity": "sha512-k8FontTxIE7b0/OGKeSN5B6j25EuppBcWM33Z19JoVT7UTXFSo3D9CdU39wGTeb29NO3XxpMNauh09B+Ibw+9g==",
       "cpu": [
-        "x64"
+        "arm64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "linux"
+        "android"
       ]
     },
-    "node_modules/@rollup/rollup-openharmony-arm64": {
+    "node_modules/@rollup/rollup-darwin-arm64": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.2.tgz",
-      "integrity": "sha512-4VEd19Wmhr+Zy7hbUsFZ6YXEiP48hE//KPLCSVNY5RMGX2/7HZ+QkN55a3atM1C/BZCGIgqN+xrVgtdak2S9+A==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.2.tgz",
+      "integrity": "sha512-A6s4gJpomNBtJ2yioj8bflM2oogDwzUiMl2yNJ2v9E7++sHrSrsQ29fOfn5DM/iCzpWcebNYEdXpaK4tr2RhfQ==",
       "cpu": [
         "arm64"
       ],
@@ -1680,41 +2064,41 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "openharmony"
+        "darwin"
       ]
     },
-    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+    "node_modules/@rollup/rollup-darwin-x64": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.2.tgz",
-      "integrity": "sha512-IlbHFYc/pQCgew/d5fslcy1KEaYVCJ44G8pajugd8VoOEI8ODhtb/j8XMhLpwHCMB3yk2J07ctup10gpw2nyMA==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.2.tgz",
+      "integrity": "sha512-e6XqVmXlHrBlG56obu9gDRPW3O3hLxpwHpLsBJvuI8qqnsrtSZ9ERoWUXtPOkY8c78WghyPHZdmPhHLWNdAGEw==",
       "cpu": [
-        "arm64"
+        "x64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
+        "darwin"
       ]
     },
-    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+    "node_modules/@rollup/rollup-freebsd-arm64": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.2.tgz",
-      "integrity": "sha512-lNlPEGgdUfSzdCWU176ku/dQRnA7W+Gp8d+cWv73jYrb8uT7HTVVxq62DUYxjbaByuf1Yk0RIIAbDzp+CnOTFg==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.2.tgz",
+      "integrity": "sha512-v0E9lJW8VsrwPux5Qe5CwmH/CF/2mQs6xU1MF3nmUxmZUCHazCjLgYvToOk+YuuUqLQBio1qkkREhxhc656ViA==",
       "cpu": [
-        "ia32"
+        "arm64"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
+        "freebsd"
       ]
     },
-    "node_modules/@rollup/rollup-win32-x64-gnu": {
+    "node_modules/@rollup/rollup-freebsd-x64": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.2.tgz",
-      "integrity": "sha512-S6YojNVrHybQis2lYov1sd+uj7K0Q05NxHcGktuMMdIQ2VixGwAfbJ23NnlvvVV1bdpR2m5MsNBViHJKcA4ADw==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.2.tgz",
+      "integrity": "sha512-ClAmAPx3ZCHtp6ysl4XEhWU69GUB1D+s7G9YjHGhIGCSrsg00nEGRRZHmINYxkdoJehde8VIsDC5t9C0gb6yqA==",
       "cpu": [
         "x64"
       ],
@@ -1722,86 +2106,305 @@
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
+        "freebsd"
       ]
     },
-    "node_modules/@rollup/rollup-win32-x64-msvc": {
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
       "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.2.tgz",
-      "integrity": "sha512-k+/Rkcyx//P6fetPoLMb8pBeqJBNGx81uuf7iljX9++yNBVRDQgD04L+SVXmXmh5ZP4/WOp4mWF0kmi06PW2tA==",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.2.tgz",
+      "integrity": "sha512-EPlb95nUsz6Dd9Qy13fI5kUPXNSljaG9FiJ4YUGU1O/Q77i5DYFW5KR8g1OzTcdZUqQQ1KdDqsTohdFVwCwjqg==",
       "cpu": [
-        "x64"
+        "arm"
       ],
       "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
-        "win32"
+        "linux"
       ]
     },
-    "node_modules/@rtsao/scc": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.2.tgz",
+      "integrity": "sha512-BOmnVW+khAUX+YZvNfa0tGTEMVVEerOxN0pDk2E6N6DsEIa2Ctj48FOMfNDdrwinocKaC7YXUZ1pHlKpnkja/Q==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@trivago/prettier-plugin-sort-imports": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-5.2.2.tgz",
-      "integrity": "sha512-fYDQA9e6yTNmA13TLVSA+WMQRc5Bn/c0EUBditUHNfMMxN7M82c38b1kEggVE3pLpZ0FwkwJkUEKMiOi52JXFA==",
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.2.tgz",
+      "integrity": "sha512-Xt2byDZ+6OVNuREgBXr4+CZDJtrVso5woFtpKdGPhpTPHcNG7D8YXeQzpNbFRxzTVqJf7kvPMCub/pcGUWgBjA==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@babel/generator": "^7.26.5",
-        "@babel/parser": "^7.26.7",
-        "@babel/traverse": "^7.26.7",
-        "@babel/types": "^7.26.7",
-        "javascript-natural-sort": "^0.7.1",
-        "lodash": "^4.17.21"
-      },
-      "engines": {
-        "node": ">18.12"
-      },
-      "peerDependencies": {
-        "@vue/compiler-sfc": "3.x",
-        "prettier": "2.x - 3.x",
-        "prettier-plugin-svelte": "3.x",
-        "svelte": "4.x || 5.x"
-      },
-      "peerDependenciesMeta": {
-        "@vue/compiler-sfc": {
-          "optional": true
-        },
-        "prettier-plugin-svelte": {
-          "optional": true
-        },
-        "svelte": {
-          "optional": true
-        }
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/babel__core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
-      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.2.tgz",
+      "integrity": "sha512-+LdZSldy/I9N8+klim/Y1HsKbJ3BbInHav5qE9Iy77dtHC/pibw1SR/fXlWyAk0ThnpRKoODwnAuSjqxFRDHUQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/@types/babel__generator": {
-      "version": "7.27.0",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
-      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.2.tgz",
+      "integrity": "sha512-8ms8sjmyc1jWJS6WdNSA23rEfdjWB30LH8Wqj0Cqvv7qSHnvw6kgMMXRdop6hkmGPlyYBdRPkjJnj3KCUHV/uQ==",
+      "cpu": [
+        "loong64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.2.tgz",
+      "integrity": "sha512-3HRQLUQbpBDMmzoxPJYd3W6vrVHOo2cVW8RUo87Xz0JPJcBLBr5kZ1pGcQAhdZgX9VV7NbGNipah1omKKe23/g==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.2.tgz",
+      "integrity": "sha512-fMjKi+ojnmIvhk34gZP94vjogXNNUKMEYs+EDaB/5TG/wUkoeua7p7VCHnE6T2Tx+iaghAqQX8teQzcvrYpaQA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.2.tgz",
+      "integrity": "sha512-XuGFGU+VwUUV5kLvoAdi0Wz5Xbh2SrjIxCtZj6Wq8MDp4bflb/+ThZsVxokM7n0pcbkEr2h5/pzqzDYI7cCgLQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.2.tgz",
+      "integrity": "sha512-w6yjZF0P+NGzWR3AXWX9zc0DNEGdtvykB03uhonSHMRa+oWA6novflo2WaJr6JZakG2ucsyb+rvhrKac6NIy+w==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.2.tgz",
+      "integrity": "sha512-yo8d6tdfdeBArzC7T/PnHd7OypfI9cbuZzPnzLJIyKYFhAQ8SvlkKtKBMbXDxe1h03Rcr7u++nFS7tqXz87Gtw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.2.tgz",
+      "integrity": "sha512-ah59c1YkCxKExPP8O9PwOvs+XRLKwh/mV+3YdKqQ5AMQ0r4M4ZDuOrpWkUaqO7fzAHdINzV9tEVu8vNw48z0lA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.2.tgz",
+      "integrity": "sha512-4VEd19Wmhr+Zy7hbUsFZ6YXEiP48hE//KPLCSVNY5RMGX2/7HZ+QkN55a3atM1C/BZCGIgqN+xrVgtdak2S9+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.2.tgz",
+      "integrity": "sha512-IlbHFYc/pQCgew/d5fslcy1KEaYVCJ44G8pajugd8VoOEI8ODhtb/j8XMhLpwHCMB3yk2J07ctup10gpw2nyMA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.2.tgz",
+      "integrity": "sha512-lNlPEGgdUfSzdCWU176ku/dQRnA7W+Gp8d+cWv73jYrb8uT7HTVVxq62DUYxjbaByuf1Yk0RIIAbDzp+CnOTFg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.2.tgz",
+      "integrity": "sha512-S6YojNVrHybQis2lYov1sd+uj7K0Q05NxHcGktuMMdIQ2VixGwAfbJ23NnlvvVV1bdpR2m5MsNBViHJKcA4ADw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.2.tgz",
+      "integrity": "sha512-k+/Rkcyx//P6fetPoLMb8pBeqJBNGx81uuf7iljX9++yNBVRDQgD04L+SVXmXmh5ZP4/WOp4mWF0kmi06PW2tA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.17.tgz",
+      "integrity": "sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@trivago/prettier-plugin-sort-imports": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/@trivago/prettier-plugin-sort-imports/-/prettier-plugin-sort-imports-5.2.2.tgz",
+      "integrity": "sha512-fYDQA9e6yTNmA13TLVSA+WMQRc5Bn/c0EUBditUHNfMMxN7M82c38b1kEggVE3pLpZ0FwkwJkUEKMiOi52JXFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@babel/generator": "^7.26.5",
+        "@babel/parser": "^7.26.7",
+        "@babel/traverse": "^7.26.7",
+        "@babel/types": "^7.26.7",
+        "javascript-natural-sort": "^0.7.1",
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">18.12"
+      },
+      "peerDependencies": {
+        "@vue/compiler-sfc": "3.x",
+        "prettier": "2.x - 3.x",
+        "prettier-plugin-svelte": "3.x",
+        "svelte": "4.x || 5.x"
+      },
+      "peerDependenciesMeta": {
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "prettier-plugin-svelte": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
         "@babel/types": "^7.0.0"
       }
     },
@@ -1899,6 +2502,12 @@
         "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
       }
     },
+    "node_modules/abs-svg-path": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
+      "integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==",
+      "license": "MIT"
+    },
     "node_modules/acorn": {
       "version": "8.15.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
@@ -2207,6 +2816,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.8.29",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.29.tgz",
@@ -2217,6 +2846,15 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
+    "node_modules/bidi-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.0.3.tgz",
+      "integrity": "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==",
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
     "node_modules/binary-search-bounds": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/binary-search-bounds/-/binary-search-bounds-2.0.5.tgz",
@@ -2234,19 +2872,51 @@
         "concat-map": "0.0.1"
       }
     },
-    "node_modules/browserslist": {
-      "version": "4.28.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
-      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
+      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
         },
         {
           "type": "github",
@@ -2269,6 +2939,13 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer-builder": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/buffer-builder/-/buffer-builder-0.2.0.tgz",
+      "integrity": "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg==",
+      "dev": true,
+      "license": "MIT/X11"
+    },
     "node_modules/cal-heatmap": {
       "version": "4.2.4",
       "resolved": "https://registry.npmjs.org/cal-heatmap/-/cal-heatmap-4.2.4.tgz",
@@ -2383,6 +3060,23 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
@@ -2398,6 +3092,15 @@
         "node": ">=12"
       }
     },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -2424,6 +3127,22 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/color-string": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz",
+      "integrity": "sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^1.0.0",
+        "simple-swizzle": "^0.2.2"
+      }
+    },
+    "node_modules/colorjs.io": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
+      "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
       "dev": true,
       "license": "MIT"
     },
@@ -2506,6 +3225,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/csstype": {
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
@@ -2972,7 +3697,8 @@
       "version": "1.11.19",
       "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
       "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/debug": {
       "version": "4.4.3",
@@ -3053,6 +3779,26 @@
         "robust-predicates": "^3.0.2"
       }
     },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
     "node_modules/doctrine": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -3105,6 +3851,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/emoji-regex-xs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz",
+      "integrity": "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==",
+      "license": "MIT"
+    },
     "node_modules/encoding": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
@@ -3693,11 +4445,19 @@
       "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
       "license": "MIT"
     },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/fast-json-stable-stringify": {
@@ -3780,6 +4540,20 @@
         "node": ">=16.0.0"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/find-root": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
@@ -3835,6 +4609,23 @@
         "immutable": "^3.7.4"
       }
     },
+    "node_modules/fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -4174,6 +4965,27 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/hsl-to-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-to-hex/-/hsl-to-hex-1.0.0.tgz",
+      "integrity": "sha512-K6GVpucS5wFf44X0h2bLVRDsycgJmf9FF2elg+CrqD8GcFU8c6vYhgXn8NjUkFCwj+xDFb70qgLbTUm6sxwPmA==",
+      "license": "MIT",
+      "dependencies": {
+        "hsl-to-rgb-for-reals": "^1.1.0"
+      }
+    },
+    "node_modules/hsl-to-rgb-for-reals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/hsl-to-rgb-for-reals/-/hsl-to-rgb-for-reals-1.1.1.tgz",
+      "integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg==",
+      "license": "ISC"
+    },
+    "node_modules/hyphen": {
+      "version": "1.10.6",
+      "resolved": "https://registry.npmjs.org/hyphen/-/hyphen-1.10.6.tgz",
+      "integrity": "sha512-fXHXcGFTXOvZTSkPJuGOQf5Lv5T/R2itiiCVPg9LxAje5D00O0pP83yJShFq5V89Ly//Gt6acj7z8pbBr34stw==",
+      "license": "ISC"
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -4231,6 +5043,12 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
     "node_modules/internal-slot": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
@@ -4515,6 +5333,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
     "node_modules/is-number-object": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
@@ -4640,6 +5469,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
+      "license": "MIT"
+    },
     "node_modules/is-weakmap": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
@@ -4760,6 +5595,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/jay-peg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jay-peg/-/jay-peg-1.1.1.tgz",
+      "integrity": "sha512-D62KEuBxz/ip2gQKOEhk/mx14o7eiFRaU+VNNSP4MOiIkwb/D6B3G1Mfas7C/Fit8EsSV2/IWjZElx/Gs6A4ww==",
+      "license": "MIT",
+      "dependencies": {
+        "restructure": "^3.0.0"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -4871,6 +5715,25 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/linebreak": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
+      "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "0.0.8",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/linebreak/node_modules/base64-js": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
+      "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
@@ -4945,6 +5808,41 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/media-engine": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/media-engine/-/media-engine-1.0.3.tgz",
+      "integrity": "sha512-aa5tG6sDoK+k70B9iEX1NeyfT8ObCKhNDs6lJVpwF6r8vhUfuKMslIcirq6HIUYuuUYLefcEQOn9bSBOvawtwg==",
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/micromatch/node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -5000,6 +5898,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/node-fetch": {
       "version": "1.7.3",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
@@ -5017,6 +5923,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/normalize-svg-path": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
+      "integrity": "sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==",
+      "license": "MIT",
+      "dependencies": {
+        "svg-arc-to-cubic-bezier": "^3.0.0"
+      }
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -5225,6 +6140,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -5255,6 +6176,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parse-svg-path": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/parse-svg-path/-/parse-svg-path-0.1.2.tgz",
+      "integrity": "sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ==",
+      "license": "MIT"
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -5348,6 +6275,12 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -5411,6 +6344,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.3"
+      }
+    },
     "node_modules/react": {
       "version": "19.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
@@ -5434,6 +6376,15 @@
         "react": "^19.2.0"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
+      "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "19.2.0",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.0.tgz",
@@ -5504,6 +6455,21 @@
         "react-dom": ">=16.6.0"
       }
     },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/reflect.getprototypeof": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
@@ -5558,179 +6524,632 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
+    },
     "node_modules/resolve": {
       "version": "2.0.0-next.5",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
       "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
+      "license": "MIT"
+    },
+    "node_modules/robust-predicates": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
+      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==",
+      "license": "Unlicense"
+    },
+    "node_modules/rollup": {
+      "version": "4.53.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.2.tgz",
+      "integrity": "sha512-MHngMYwGJVi6Fmnk6ISmnk7JAHRNF0UkuucA0CUW3N3a4KnONPEZz+vUanQP/ZC/iY1Qkf3bwPWzyY84wEks1g==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.53.2",
+        "@rollup/rollup-android-arm64": "4.53.2",
+        "@rollup/rollup-darwin-arm64": "4.53.2",
+        "@rollup/rollup-darwin-x64": "4.53.2",
+        "@rollup/rollup-freebsd-arm64": "4.53.2",
+        "@rollup/rollup-freebsd-x64": "4.53.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.53.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.53.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.53.2",
+        "@rollup/rollup-linux-arm64-musl": "4.53.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.53.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.53.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.53.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.53.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.53.2",
+        "@rollup/rollup-linux-x64-gnu": "4.53.2",
+        "@rollup/rollup-linux-x64-musl": "4.53.2",
+        "@rollup/rollup-openharmony-arm64": "4.53.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.53.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.53.2",
+        "@rollup/rollup-win32-x64-gnu": "4.53.2",
+        "@rollup/rollup-win32-x64-msvc": "4.53.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rollup-plugin-visualizer": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-6.0.5.tgz",
+      "integrity": "sha512-9+HlNgKCVbJDs8tVtjQ43US12eqaiHyyiLMdBwQ7vSZPiHMysGNo2E88TAp1si5wx8NAoYriI2A5kuKfIakmJg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.0.0",
+        "picomatch": "^4.0.2",
+        "source-map": "^0.7.4",
+        "yargs": "^17.5.1"
+      },
+      "bin": {
+        "rollup-plugin-visualizer": "dist/bin/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "rolldown": "1.x || ^1.0.0-beta",
+        "rollup": "2.x || 3.x || 4.x"
+      },
+      "peerDependenciesMeta": {
+        "rolldown": {
+          "optional": true
+        },
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
+      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/sass": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.93.3.tgz",
+      "integrity": "sha512-elOcIZRTM76dvxNAjqYrucTSI0teAF/L2Lv0s6f6b7FOwcwIuA357bIE871580AjHJuSvLIRUosgV+lIWx6Rgg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/sass-embedded": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.93.3.tgz",
+      "integrity": "sha512-+VUy01yfDqNmIVMd/LLKl2TTtY0ovZN0rTonh+FhKr65mFwIYgU9WzgIZKS7U9/SPCQvWTsTGx9jyt+qRm/XFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@bufbuild/protobuf": "^2.5.0",
+        "buffer-builder": "^0.2.0",
+        "colorjs.io": "^0.5.0",
+        "immutable": "^5.0.2",
+        "rxjs": "^7.4.0",
+        "supports-color": "^8.1.1",
+        "sync-child-process": "^1.0.2",
+        "varint": "^6.0.0"
+      },
+      "bin": {
+        "sass": "dist/bin/sass.js"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "optionalDependencies": {
+        "sass-embedded-all-unknown": "1.93.3",
+        "sass-embedded-android-arm": "1.93.3",
+        "sass-embedded-android-arm64": "1.93.3",
+        "sass-embedded-android-riscv64": "1.93.3",
+        "sass-embedded-android-x64": "1.93.3",
+        "sass-embedded-darwin-arm64": "1.93.3",
+        "sass-embedded-darwin-x64": "1.93.3",
+        "sass-embedded-linux-arm": "1.93.3",
+        "sass-embedded-linux-arm64": "1.93.3",
+        "sass-embedded-linux-musl-arm": "1.93.3",
+        "sass-embedded-linux-musl-arm64": "1.93.3",
+        "sass-embedded-linux-musl-riscv64": "1.93.3",
+        "sass-embedded-linux-musl-x64": "1.93.3",
+        "sass-embedded-linux-riscv64": "1.93.3",
+        "sass-embedded-linux-x64": "1.93.3",
+        "sass-embedded-unknown-all": "1.93.3",
+        "sass-embedded-win32-arm64": "1.93.3",
+        "sass-embedded-win32-x64": "1.93.3"
+      }
+    },
+    "node_modules/sass-embedded-all-unknown": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-all-unknown/-/sass-embedded-all-unknown-1.93.3.tgz",
+      "integrity": "sha512-3okGgnE41eg+CPLtAPletu6nQ4N0ij7AeW+Sl5Km4j29XcmqZQeFwYjHe1AlKTEgLi/UAONk1O8i8/lupeKMbw==",
+      "cpu": [
+        "!arm",
+        "!arm64",
+        "!riscv64",
+        "!x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "sass": "1.93.3"
+      }
+    },
+    "node_modules/sass-embedded-android-arm": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm/-/sass-embedded-android-arm-1.93.3.tgz",
+      "integrity": "sha512-8xOw9bywfOD6Wv24BgCmgjkk6tMrsOTTHcb28KDxeJtFtoxiUyMbxo0vChpPAfp2Hyg2tFFKS60s0s4JYk+Raw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-arm64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-arm64/-/sass-embedded-android-arm64-1.93.3.tgz",
+      "integrity": "sha512-uqUl3Kt1IqdGVAcAdbmC+NwuUJy8tM+2ZnB7/zrt6WxWVShVCRdFnWR9LT8HJr7eJN7AU8kSXxaVX/gedanPsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-riscv64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-riscv64/-/sass-embedded-android-riscv64-1.93.3.tgz",
+      "integrity": "sha512-2jNJDmo+3qLocjWqYbXiBDnfgwrUeZgZFHJIwAefU7Fn66Ot7rsXl+XPwlokaCbTpj7eMFIqsRAZ/uDueXNCJg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-android-x64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-android-x64/-/sass-embedded-android-x64-1.93.3.tgz",
+      "integrity": "sha512-y0RoAU6ZenQFcjM9PjQd3cRqRTjqwSbtWLL/p68y2oFyh0QGN0+LQ826fc0ZvU/AbqCsAizkqjzOn6cRZJxTTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-arm64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-arm64/-/sass-embedded-darwin-arm64-1.93.3.tgz",
+      "integrity": "sha512-7zb/hpdMOdKteK17BOyyypemglVURd1Hdz6QGsggy60aUFfptTLQftLRg8r/xh1RbQAUKWFbYTNaM47J9yPxYg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-darwin-x64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-darwin-x64/-/sass-embedded-darwin-x64-1.93.3.tgz",
+      "integrity": "sha512-Ek1Vp8ZDQEe327Lz0b7h3hjvWH3u9XjJiQzveq74RPpJQ2q6d9LfWpjiRRohM4qK6o4XOHw1X10OMWPXJtdtWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm/-/sass-embedded-linux-arm-1.93.3.tgz",
+      "integrity": "sha512-yeiv2y+dp8B4wNpd3+JsHYD0mvpXSfov7IGyQ1tMIR40qv+ROkRqYiqQvAOXf76Qwh4Y9OaYZtLpnsPjfeq6mA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-arm64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-arm64/-/sass-embedded-linux-arm64-1.93.3.tgz",
+      "integrity": "sha512-RBrHWgfd8Dd8w4fbmdRVXRrhh8oBAPyeWDTKAWw8ZEmuXfVl4ytjDuyxaVilh6rR1xTRTNpbaA/YWApBlLrrNw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm/-/sass-embedded-linux-musl-arm-1.93.3.tgz",
+      "integrity": "sha512-fU0fwAwbp7sBE3h5DVU5UPzvaLg7a4yONfFWkkcCp6ZrOiPuGRHXXYriWQ0TUnWy4wE+svsVuWhwWgvlb/tkKg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-arm64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-arm64/-/sass-embedded-linux-musl-arm64-1.93.3.tgz",
+      "integrity": "sha512-PS829l+eUng+9W4PFclXGb4uA2+965NHV3/Sa5U7qTywjeeUUYTZg70dJHSqvhrBEfCc2XJABeW3adLJbyQYkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-riscv64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-riscv64/-/sass-embedded-linux-musl-riscv64-1.93.3.tgz",
+      "integrity": "sha512-cK1oBY+FWQquaIGEeQ5H74KTO8cWsSWwXb/WaildOO9U6wmUypTgUYKQ0o5o/29nZbWWlM1PHuwVYTSnT23Jjg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-embedded-linux-musl-x64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-musl-x64/-/sass-embedded-linux-musl-x64-1.93.3.tgz",
+      "integrity": "sha512-A7wkrsHu2/I4Zpa0NMuPGkWDVV7QGGytxGyUq3opSXgAexHo/vBPlGoDXoRlSdex0cV+aTMRPjoGIfdmNlHwyg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+    "node_modules/sass-embedded-linux-riscv64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-riscv64/-/sass-embedded-linux-riscv64-1.93.3.tgz",
+      "integrity": "sha512-vWkW1+HTF5qcaHa6hO80gx/QfB6GGjJUP0xLbnAoY4pwEnw5ulGv6RM8qYr8IDhWfVt/KH+lhJ2ZFxnJareisQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=4"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/robust-predicates": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/robust-predicates/-/robust-predicates-3.0.2.tgz",
-      "integrity": "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==",
-      "license": "Unlicense"
-    },
-    "node_modules/rollup": {
-      "version": "4.53.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.2.tgz",
-      "integrity": "sha512-MHngMYwGJVi6Fmnk6ISmnk7JAHRNF0UkuucA0CUW3N3a4KnONPEZz+vUanQP/ZC/iY1Qkf3bwPWzyY84wEks1g==",
+    "node_modules/sass-embedded-linux-x64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-linux-x64/-/sass-embedded-linux-x64-1.93.3.tgz",
+      "integrity": "sha512-k6uFxs+e5jSuk1Y0niCwuq42F9ZC5UEP7P+RIOurIm8w/5QFa0+YqeW+BPWEW5M1FqVOsNZH3qGn4ahqvAEjPA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "@types/estree": "1.0.8"
-      },
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=18.0.0",
-        "npm": ">=8.0.0"
-      },
-      "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.53.2",
-        "@rollup/rollup-android-arm64": "4.53.2",
-        "@rollup/rollup-darwin-arm64": "4.53.2",
-        "@rollup/rollup-darwin-x64": "4.53.2",
-        "@rollup/rollup-freebsd-arm64": "4.53.2",
-        "@rollup/rollup-freebsd-x64": "4.53.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.53.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.53.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.53.2",
-        "@rollup/rollup-linux-arm64-musl": "4.53.2",
-        "@rollup/rollup-linux-loong64-gnu": "4.53.2",
-        "@rollup/rollup-linux-ppc64-gnu": "4.53.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.53.2",
-        "@rollup/rollup-linux-riscv64-musl": "4.53.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.53.2",
-        "@rollup/rollup-linux-x64-gnu": "4.53.2",
-        "@rollup/rollup-linux-x64-musl": "4.53.2",
-        "@rollup/rollup-openharmony-arm64": "4.53.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.53.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.53.2",
-        "@rollup/rollup-win32-x64-gnu": "4.53.2",
-        "@rollup/rollup-win32-x64-msvc": "4.53.2",
-        "fsevents": "~2.3.2"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/rollup-plugin-visualizer": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-6.0.5.tgz",
-      "integrity": "sha512-9+HlNgKCVbJDs8tVtjQ43US12eqaiHyyiLMdBwQ7vSZPiHMysGNo2E88TAp1si5wx8NAoYriI2A5kuKfIakmJg==",
+    "node_modules/sass-embedded-unknown-all": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.93.3.tgz",
+      "integrity": "sha512-o5wj2rLpXH0C+GJKt/VpWp6AnMsCCbfFmnMAttcrsa+U3yrs/guhZ3x55KAqqUsE8F47e3frbsDL+1OuQM5DAA==",
       "dev": true,
       "license": "MIT",
+      "optional": true,
+      "os": [
+        "!android",
+        "!darwin",
+        "!linux",
+        "!win32"
+      ],
       "dependencies": {
-        "open": "^8.0.0",
-        "picomatch": "^4.0.2",
-        "source-map": "^0.7.4",
-        "yargs": "^17.5.1"
-      },
-      "bin": {
-        "rollup-plugin-visualizer": "dist/bin/cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "peerDependencies": {
-        "rolldown": "1.x || ^1.0.0-beta",
-        "rollup": "2.x || 3.x || 4.x"
-      },
-      "peerDependenciesMeta": {
-        "rolldown": {
-          "optional": true
-        },
-        "rollup": {
-          "optional": true
-        }
+        "sass": "1.93.3"
       }
     },
-    "node_modules/rw": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
-      "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
-      "license": "BSD-3-Clause"
-    },
-    "node_modules/safe-array-concat": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
-      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+    "node_modules/sass-embedded-win32-arm64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-arm64/-/sass-embedded-win32-arm64-1.93.3.tgz",
+      "integrity": "sha512-0dOfT9moy9YmBolodwYYXtLwNr4jL4HQC9rBfv6mVrD7ud8ue2kDbn+GVzj1hEJxvEexVSmDCf7MHUTLcGs9xQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "has-symbols": "^1.1.0",
-        "isarray": "^2.0.5"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/safe-push-apply": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
-      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+    "node_modules/sass-embedded-win32-x64": {
+      "version": "1.93.3",
+      "resolved": "https://registry.npmjs.org/sass-embedded-win32-x64/-/sass-embedded-win32-x64-1.93.3.tgz",
+      "integrity": "sha512-wHFVfxiS9hU/sNk7KReD+lJWRp3R0SLQEX4zfOnRP2zlvI2X4IQR5aZr9GNcuMP6TmNpX0nQPZTegS8+h9RrEg==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "isarray": "^2.0.5"
-      },
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/safe-regex-test": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+    "node_modules/sass-embedded/node_modules/immutable": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/sass-embedded/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "license": "MIT"
+    "node_modules/sass/node_modules/immutable": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/scheduler": {
       "version": "0.27.0",
@@ -5908,6 +7327,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/simple-swizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/simple-swizzle/-/simple-swizzle-0.2.4.tgz",
+      "integrity": "sha512-nAu1WFPQSMNr2Zn9PGSZK9AGn4t/y97lEm+MXTtUDwfP0ksAIX4nO+6ruD9Jwut4C49SB1Ws+fbXsm/yScWOHw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.3.1"
+      }
+    },
+    "node_modules/simple-swizzle/node_modules/is-arrayish": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.4.tgz",
+      "integrity": "sha512-m6UrgzFVUYawGBh1dUsWR5M2Clqic9RVXC/9f8ceNlv2IcO9j9J/z8UoCLPqtsPBFNzEpfR3xftohbfqDx8EQA==",
+      "license": "MIT"
+    },
     "node_modules/source-map": {
       "version": "0.7.6",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz",
@@ -5942,6 +7376,15 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -6122,6 +7565,41 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/svg-arc-to-cubic-bezier": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz",
+      "integrity": "sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g==",
+      "license": "ISC"
+    },
+    "node_modules/sync-child-process": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
+      "integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "sync-message-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/sync-message-port": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.1.3.tgz",
+      "integrity": "sha512-GTt8rSKje5FilG+wEdfCkOcLL7LWqpMlr2c3LRuKt/YXxcJ52aGSbGBAdI4L3aaqfrBt6y711El53ItyH1NWzg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -6139,6 +7617,20 @@
         "url": "https://github.com/sponsors/SuperchupuDev"
       }
     },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
     "node_modules/tsconfig-paths": {
       "version": "3.15.0",
       "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
@@ -6165,6 +7657,12 @@
         "json5": "lib/cli.js"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -6301,6 +7799,32 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unicode-trie/node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.4.tgz",
@@ -6342,6 +7866,28 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/varint": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
+      "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vite": {
       "version": "7.2.2",
       "resolved": "https://registry.npmjs.org/vite/-/vite-7.2.2.tgz",
@@ -6418,6 +7964,20 @@
         }
       }
     },
+    "node_modules/vite-compatible-readable-stream": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/vite-compatible-readable-stream/-/vite-compatible-readable-stream-3.6.1.tgz",
+      "integrity": "sha512-t20zYkrSf868+j/p31cRIGN28Phrjm3nRSLR2fyc2tiWi4cZGVdv68yNlwnIINTkMTmPoMiSlc0OadaO7DXZaQ==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/whatwg-fetch": {
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-0.9.0.tgz",
@@ -6615,6 +8175,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/yoga-layout": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
+      "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==",
+      "license": "MIT"
+    },
     "node_modules/zod": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.1.12.tgz",
diff --git a/custodia/package.json b/react/package.json
similarity index 79%
rename from custodia/package.json
rename to react/package.json
index b586aba2..9b84f9a9 100644
--- a/custodia/package.json
+++ b/react/package.json
@@ -1,23 +1,25 @@
 {
-  "name": "custodia",
+  "name": "react-demschooltools",
   "version": "14.0.0",
-  "description": "Classroom attendance management.",
-  "main": "index.js",
   "type": "module",
   "scripts": {
-    "compile": "vite build",
+    "build": "vite build",
     "watch": "vite"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
+    "@fontsource/roboto": "^5.2.9",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.5",
+    "@mui/x-date-pickers": "^8.19.0",
+    "@react-pdf/renderer": "^4.3.1",
     "cal-heatmap": "^4.2.4",
     "dayjs": "^1.11.11",
     "flux": "2.1.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "react-icons": "^5.5.0",
     "react-router": "^7.9.4",
     "react-router-dom": "^7.9.4"
   },
@@ -31,6 +33,7 @@
     "eslint-plugin-react-hooks": "^7.0.0",
     "prettier": "^3.2.5",
     "rollup-plugin-visualizer": "^6.0.5",
+    "sass-embedded": "^1.93.3",
     "vite": "^7.1.11"
   },
   "engines": {
diff --git a/react/pages/SignInSheetPage/SignInSheetPage.jsx b/react/pages/SignInSheetPage/SignInSheetPage.jsx
new file mode 100644
index 00000000..221bf021
--- /dev/null
+++ b/react/pages/SignInSheetPage/SignInSheetPage.jsx
@@ -0,0 +1,445 @@
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react';
+import dayjs from 'dayjs';
+import { pdf } from '@react-pdf/renderer';
+import {
+  Button,
+  DatePicker,
+  PageTitle,
+  PageWrapper,
+  Stack,
+  TextField,
+  SelectInput,
+  Typography,
+  Box,
+} from '../../components';
+import { SnackbarContext } from '../../contexts';
+import SignInSheetTable from './SignInSheetTable';
+import SignInSheetPdf from './SignInSheetPdf';
+import {
+  addBlankRowsToGuestStaff,
+  addBlankRowsToStudents,
+  assignDisplayIndices,
+  buildWeekDates,
+  formatGeneratedAt,
+  formatWeekLabel,
+  splitRosterByRole,
+  sortPeopleByName,
+  DAYS,
+} from './SignInUtils';
+import { safeParse, normalizeOption, buildOptionMap } from '../../utils';
+
+const SignInSheetPage = () => {
+  const { setSnackbar } = useContext(SnackbarContext);
+  
+  // All useState declarations grouped together
+  const [quote, setQuote] = useState('');
+  const [sheetTitle, setSheetTitle] = useState('Sign-In / Sign-Out Sheet');
+  const [weekStart, setWeekStart] = useState(() =>
+    dayjs().startOf('week').add(1, 'day')
+  );
+  const [isPrinting, setIsPrinting] = useState(false);
+  const [schoolDays, setSchoolDays] = useState(() => [...DAYS]);
+  const [selectedStudentTags, setSelectedStudentTags] = useState([]);
+  const [selectedStaffTags, setSelectedStaffTags] = useState([]);
+  const [selectedGuests, setSelectedGuests] = useState([]);
+
+  // Parse initial data
+  const initialPeople = useMemo(
+    () => safeParse(window.initialData?.people, []),
+    []
+  );
+  const allPeople = useMemo(
+    () => safeParse(window.initialData?.allPeople, []),
+    []
+  );
+  const initialTags = useMemo(
+    () => safeParse(window.initialData?.tags, []),
+    []
+  );
+
+  // Build options and maps
+  const peopleOptions = useMemo(
+    () =>
+      initialPeople
+        .map((person) => normalizeOption(person))
+        .filter(Boolean),
+    [initialPeople]
+  );
+  const peopleOptionMap = useMemo(
+    () => buildOptionMap(peopleOptions),
+    [peopleOptions]
+  );
+
+  const allPeopleOptions = useMemo(
+    () =>
+      allPeople
+        .map((person) => normalizeOption(person))
+        .filter(Boolean),
+    [allPeople]
+  );
+  const allPeopleOptionMap = useMemo(
+    () => buildOptionMap(allPeopleOptions),
+    [allPeopleOptions]
+  );
+
+  const tagOptions = useMemo(
+    () =>
+      initialTags
+        .map((tag) => normalizeOption(tag))
+        .filter(Boolean),
+    [initialTags]
+  );
+  const tagOptionMap = useMemo(
+    () => buildOptionMap(tagOptions),
+    [tagOptions]
+  );
+
+  // Initialize default tag selections on mount
+  useEffect(() => {
+    const currentStudentTag = tagOptions.find(
+      (tag) => tag.label === 'Current Student'
+    );
+    const staffTag = tagOptions.find((tag) => tag.label === 'Staff');
+
+    if (currentStudentTag) {
+      setSelectedStudentTags([currentStudentTag.id]);
+    }
+    if (staffTag) {
+      setSelectedStaffTags([staffTag.id]);
+    }
+  }, [tagOptions]);
+
+  // Build roster from selected tags and people
+  const roster = useMemo(() => {
+    const result = [];
+
+    // Add students based on selected tags
+    if (selectedStudentTags.length > 0) {
+      const studentTagSet = new Set(selectedStudentTags.map(String));
+      initialPeople.forEach((person) => {
+        const personTags = person.tags || [];
+        const hasStudentTag = personTags.some((tagId) =>
+          studentTagSet.has(String(tagId))
+        );
+        if (hasStudentTag) {
+          result.push({
+            id: person.id,
+            name: person.label || person.name || '',
+            role: 'student',
+          });
+        }
+      });
+    }
+
+    // Add staff based on selected tags
+    if (selectedStaffTags.length > 0) {
+      const staffTagSet = new Set(selectedStaffTags.map(String));
+      initialPeople.forEach((person) => {
+        const personTags = person.tags || [];
+        const hasStaffTag = personTags.some((tagId) =>
+          staffTagSet.has(String(tagId))
+        );
+        if (hasStaffTag) {
+          // Check if already added as student
+          if (!result.some((p) => p.id === person.id)) {
+            result.push({
+              id: person.id,
+              name: person.label || person.name || '',
+              role: 'staff',
+            });
+          }
+        }
+      });
+    }
+
+    // Add guests based on selected people
+    selectedGuests.forEach((guestId) => {
+      const person = allPeopleOptionMap.get(String(guestId));
+      if (person && !result.some((p) => p.id === person.id)) {
+        result.push({
+          id: person.id,
+          name: person.label,
+          role: 'guest',
+        });
+      }
+    });
+
+    return result;
+  }, [
+    selectedStudentTags,
+    selectedStaffTags,
+    selectedGuests,
+    initialPeople,
+    allPeopleOptionMap,
+  ]);
+
+  const { students, guests, staff } = useMemo(
+    () => splitRosterByRole(roster),
+    [roster]
+  );
+
+  const studentsSorted = useMemo(
+    () => [...students].sort(sortPeopleByName),
+    [students]
+  );
+  const guestsSorted = useMemo(
+    () => [...guests].sort(sortPeopleByName),
+    [guests]
+  );
+  const staffSorted = useMemo(
+    () => [...staff].sort(sortPeopleByName),
+    [staff]
+  );
+
+  const {
+    students: studentsWithIndex,
+    guests: guestsWithIndex,
+    staff: staffWithIndex,
+  } = useMemo(
+    () =>
+      assignDisplayIndices(studentsSorted, guestsSorted, staffSorted),
+    [studentsSorted, guestsSorted, staffSorted]
+  );
+
+  const studentRows = useMemo(
+    () => addBlankRowsToStudents(studentsWithIndex),
+    [studentsWithIndex]
+  );
+  
+  const guestStaffRows = useMemo(() => {
+    // Calculate starting index for guests/staff based on total student rows (including blanks)
+    const startingIndex = studentRows.length + 1;
+    return addBlankRowsToGuestStaff(guestsWithIndex, staffWithIndex, startingIndex);
+  }, [guestsWithIndex, staffWithIndex, studentRows]);
+
+  const weekDates = useMemo(
+    () => buildWeekDates(weekStart),
+    [weekStart]
+  );
+
+  const weekLabel = useMemo(
+    () => formatWeekLabel(weekDates),
+    [weekDates]
+  );
+
+  const schoolDayOptions = useMemo(
+    () => DAYS.map((day) => ({ value: day, label: day })),
+    []
+  );
+
+  const handleError = useCallback(
+    (message, error) => {
+      // eslint-disable-next-line no-console
+      console.error(message, error);
+      setSnackbar({ message, severity: 'error' });
+    },
+    [setSnackbar]
+  );
+
+  const handleWeekSelection = useCallback(
+    (newValue) => {
+      if (!newValue) {
+        return;
+      }
+      const monday = newValue.startOf('week').add(1, 'day');
+      setWeekStart(monday);
+    },
+    [setWeekStart]
+  );
+
+  const handlePrint = useCallback(async () => {
+    setIsPrinting(true);
+    try {
+      const generatedAt = formatGeneratedAt();
+      // PDF adds its own blank rows, so pass original arrays
+      const pdfGuestStaff = [...guestsWithIndex, ...staffWithIndex];
+      const doc = (
+        <SignInSheetPdf
+          weekLabel={weekLabel}
+          weekDates={weekDates}
+          quote={quote}
+          generatedAt={generatedAt}
+          students={studentsWithIndex}
+          guestStaff={pdfGuestStaff}
+          schoolDays={schoolDays}
+          sheetTitle={sheetTitle}
+        />
+      );
+      const blob = await pdf(doc).toBlob();
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = `SignInSheet_${weekDates[0].format('YYYY-MM-DD')}.pdf`;
+      link.click();
+      setSnackbar({
+        message: 'Sign-in sheet PDF downloaded',
+        severity: 'success',
+      });
+      setTimeout(() => URL.revokeObjectURL(url), 100);
+    } catch (error) {
+      handleError('Unable to generate sign-in sheet PDF', error);
+    } finally {
+      setIsPrinting(false);
+    }
+  }, [
+    guestsWithIndex,
+    staffWithIndex,
+    studentsWithIndex,
+    handleError,
+    quote,
+    schoolDays,
+    setSnackbar,
+    weekDates,
+    weekLabel,
+    sheetTitle,
+  ]);
+
+  return (
+    <PageWrapper surface>
+      <Stack spacing={3}>
+        <Stack
+          direction={{ xs: 'column', sm: 'row' }}
+          alignItems={{ xs: 'flex-start', sm: 'center' }}
+          justifyContent="space-between"
+          spacing={2}
+        >
+          <PageTitle>Print Sign In Sheet</PageTitle>
+          <Button
+            variant="contained"
+            onClick={handlePrint}
+            disabled={isPrinting}
+          >
+            {isPrinting ? 'Preparing PDF…' : 'Print Sign In Sheet'}
+          </Button>
+        </Stack>
+
+        <Stack spacing={2}>
+          <Stack
+            direction={{ xs: 'column', md: 'row' }}
+            spacing={2}
+            alignItems={{ md: 'center' }}
+          >
+            <DatePicker
+              label="Week of"
+              value={weekStart}
+              setValue={handleWeekSelection}
+            />
+            <SelectInput
+              size="medium"
+              showClearButton
+              label="School Days"
+              multiple
+              value={schoolDays}
+              setValue={setSchoolDays}
+              options={schoolDayOptions}
+              placeholder="Select days"
+              fullWidth
+            />
+          </Stack>
+
+          <Stack
+            direction={{ xs: 'column', md: 'row' }}
+            spacing={2}
+          >
+            <TextField
+              label="Sheet Title"
+              value={sheetTitle}
+              onChange={(event) => setSheetTitle(event.target.value)}
+              placeholder="Sign-In / Sign-Out Sheet"
+              fullWidth
+            />
+            <TextField
+              label="Quote"
+              value={quote}
+              onChange={(event) => setQuote(event.target.value)}
+              placeholder="Add an inspirational quote"
+              fullWidth
+            />
+          </Stack>
+
+          <Stack
+            direction={{ xs: 'column', md: 'row' }}
+            spacing={2}
+          >
+            <SelectInput
+              autocomplete
+              multiple
+              label="Students"
+              options={tagOptions.map((tag) => ({ ...tag, value: tag.id, label: tag.label }))}
+              value={selectedStudentTags}
+              onChange={(e, newIds) => {
+                setSelectedStudentTags(Array.isArray(newIds) ? newIds : []);
+              }}
+              placeholder="Select student tags"
+              size="medium"
+              fullWidth
+              showClearButton
+            />
+            <SelectInput
+              autocomplete
+              multiple
+              label="Staff"
+              options={tagOptions.map((tag) => ({ ...tag, value: tag.id, label: tag.label }))}
+              value={selectedStaffTags}
+              onChange={(e, newIds) => {
+                setSelectedStaffTags(Array.isArray(newIds) ? newIds : []);
+              }}
+              placeholder="Select staff tags"
+              size="medium"
+              fullWidth
+              showClearButton
+            />
+            <SelectInput
+              autocomplete
+              multiple
+              label="Guests"
+              options={allPeopleOptions.map((person) => ({ ...person, value: person.id, label: person.label }))}
+              value={selectedGuests}
+              onChange={(e, newIds) => {
+                setSelectedGuests(Array.isArray(newIds) ? newIds : []);
+              }}
+              placeholder="Select guests"
+              size="medium"
+              fullWidth
+              showClearButton
+            />
+          </Stack>
+        </Stack>
+
+        <Box sx={{ display: 'flex', flexDirection: 'column', gap: '24px' }}>
+          <SignInSheetTable
+            weekLabel={weekLabel}
+            weekDates={weekDates}
+            quote={quote}
+            rows={studentRows}
+            schoolDays={schoolDays}
+            sheetTitle={sheetTitle}
+          />
+          {guestStaffRows.length > 0 && (
+            <Stack spacing={1.5}>
+              <Typography variant="subtitle2" sx={{ fontWeight: 600 }}>
+                Guests & Staff
+              </Typography>
+              <SignInSheetTable
+                weekLabel={weekLabel}
+                weekDates={weekDates}
+                rows={guestStaffRows}
+                schoolDays={schoolDays}
+                showHeader={false}
+                sheetTitle={sheetTitle}
+              />
+            </Stack>
+          )}
+        </Box>
+      </Stack>
+    </PageWrapper>
+  );
+};
+
+export default SignInSheetPage;
diff --git a/react/pages/SignInSheetPage/SignInSheetPdf.jsx b/react/pages/SignInSheetPage/SignInSheetPdf.jsx
new file mode 100644
index 00000000..f31c92ab
--- /dev/null
+++ b/react/pages/SignInSheetPage/SignInSheetPdf.jsx
@@ -0,0 +1,579 @@
+import React from 'react';
+import {
+  Document,
+  Page,
+  StyleSheet,
+  View,
+  Text,
+} from '@react-pdf/renderer';
+import {
+  DAYS,
+} from './SignInUtils';
+
+const HEAVY_BORDER = 1.25;
+const LIGHT_BORDER = 0.6;
+const POINTS_PER_INCH = 72;
+const TABLE_WIDTH = POINTS_PER_INCH * 7.5; // 7.5 inches total
+const DAY_COLUMN_WIDTH = POINTS_PER_INCH * 1.05; // 1.05 inches per day column
+const INDEX_WIDTH = POINTS_PER_INCH * 0.25; // 0.25 inch for #
+const NAME_WIDTH = TABLE_WIDTH - (DAY_COLUMN_WIDTH * DAYS.length + INDEX_WIDTH);
+const IN_OUT_WIDTH = POINTS_PER_INCH * 0.35; // 0.35 inch for IN/OUT in name cell
+const DIVIDER_COLOR = '#c2c7cc';
+const SHADED_CELL = '#dadada';
+
+// Split name into max 2 lines, only splitting on spaces
+const splitNameIntoLines = (name, maxLineLength = 22) => {
+  if (!name || name.length <= maxLineLength) {
+    return [name || ''];
+  }
+
+  const words = name.split(' ');
+  if (words.length === 1) {
+    return [name];
+  }
+
+  let line1 = '';
+  let line2 = '';
+  
+  for (let i = 0; i < words.length; i++) {
+    const word = words[i];
+    const testLine1 = line1 ? `${line1} ${word}` : word;
+    
+    if (testLine1.length <= maxLineLength || !line1) {
+      line1 = testLine1;
+    } else {
+      line2 = words.slice(i).join(' ');
+      break;
+    }
+  }
+
+  return [line1, line2].filter(Boolean);
+};
+
+const getPdfFontSizeForTableName = (name) => {
+  if (!name) {
+    return 12;
+  }
+  const lines = splitNameIntoLines(name);
+  const maxLen = Math.max(...lines.map(line => line.length));
+  
+  if (maxLen <= 16) {
+    return 12;
+  }
+  if (maxLen <= 22) {
+    return 11;
+  }
+  if (maxLen <= 28) {
+    return 10;
+  }
+  return 9;
+};
+
+const pdfStyles = StyleSheet.create({
+  page: {
+    paddingTop: 20,
+    paddingHorizontal: 36,
+    paddingBottom: 24,
+    fontFamily: 'Helvetica',
+    color: '#111',
+  },
+  header: {
+    marginBottom: 6,
+    flexDirection: 'row',
+  },
+  headerLeft: {
+    width: INDEX_WIDTH + NAME_WIDTH,
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  headerWeekLabel: {
+    fontSize: 20,
+    fontWeight: 700,
+    fontFamily: 'Helvetica-Bold',
+  },
+  headerWeekRange: {
+    fontSize: 12,
+    fontWeight: 400,
+    marginTop: 1,
+  },
+  headerRight: {
+    flex: 1,
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+  },
+  headerSchoolName: {
+    fontSize: 11,
+    fontWeight: 400,
+    marginBottom: 2,
+  },
+  headerTitle: {
+    fontSize: 14,
+    fontWeight: 400,
+    marginBottom: 2,
+  },
+  headerQuote: {
+    fontSize: 13,
+    fontFamily: 'Helvetica-BoldOblique',
+    color: '#000',
+    textAlign: 'center',
+    marginTop: 2,
+  },
+  tableWrapper: {
+    borderWidth: HEAVY_BORDER,
+    borderColor: '#000',
+    borderStyle: 'solid',
+    overflow: 'hidden',
+    width: TABLE_WIDTH,
+    marginTop: 4,
+  },
+  tableHeaderRow: {
+    flexDirection: 'row',
+    backgroundColor: '#f2f2f2',
+    borderBottomWidth: HEAVY_BORDER,
+    borderColor: '#000',
+  },
+  headerCellIndex: {
+    width: INDEX_WIDTH,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: 3,
+    fontSize: 9,
+    fontWeight: 700,
+    borderRightWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+  },
+  headerCellName: {
+    width: NAME_WIDTH,
+    flexDirection: 'row',
+    borderRightWidth: HEAVY_BORDER,
+    borderColor: '#000',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    paddingVertical: 3,
+    paddingHorizontal: 8,
+  },
+  headerNameLabel: {
+    fontSize: 8,
+    fontWeight: 700,
+  },
+  headerDayCell: {
+    width: DAY_COLUMN_WIDTH,
+    paddingVertical: 3,
+    paddingHorizontal: 6,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRightWidth: HEAVY_BORDER,
+    borderColor: '#000',
+  },
+  headerDayTitle: {
+    fontSize: 8,
+    fontWeight: 700,
+    textTransform: 'uppercase',
+  },
+  headerDaySub: {
+    fontSize: 6,
+    color: '#666',
+    marginTop: 1,
+  },
+  tableRow: {
+    flexDirection: 'row',
+    borderBottomWidth: HEAVY_BORDER,
+    borderColor: '#000',
+    minHeight: 34,
+  },
+  tableRowAlt: {
+    backgroundColor: '#fff',
+  },
+  tableRowLast: {
+    borderBottomWidth: 0,
+  },
+  indexCell: {
+    width: INDEX_WIDTH,
+    justifyContent: 'center',
+    alignItems: 'center',
+    fontSize: 7,
+    fontWeight: 600,
+    borderRightWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+  },
+  nameCell: {
+    width: NAME_WIDTH,
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    borderRightWidth: HEAVY_BORDER,
+    borderColor: '#000',
+  },
+  nameCellValue: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'flex-start',
+    paddingHorizontal: 6,
+  },
+  nameCellText: {
+    fontWeight: 400,
+    lineHeight: 1.15,
+    textAlign: 'left',
+  },
+  nameInOutColumn: {
+    width: IN_OUT_WIDTH,
+    borderLeftWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+    backgroundColor: '#fff',
+    justifyContent: 'space-between',
+  },
+  nameInOutCell: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderBottomWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+    fontSize: 7,
+    fontWeight: 600,
+    textTransform: 'uppercase',
+  },
+  nameInOutCellBottom: {
+    borderBottomWidth: 0,
+  },
+  dayCell: {
+    width: DAY_COLUMN_WIDTH,
+    borderRightWidth: HEAVY_BORDER,
+    borderColor: '#000',
+    minHeight: 34,
+    flexDirection: 'row',
+  },
+  dayCellLast: {
+    borderRightWidth: 0,
+  },
+  noSchoolCell: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    fontSize: 8,
+    fontStyle: 'italic',
+    textTransform: 'uppercase',
+    backgroundColor: '#fff',
+    textAlign: 'center',
+  },
+  dayCellTimeColumn: {
+    flex: 2,
+    borderRightWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+    backgroundColor: '#fff',
+    justifyContent: 'space-between',
+  },
+  dayCellTimeTop: {
+    flex: 1,
+    borderBottomWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+  },
+  dayCellTimeBottom: {
+    flex: 1,
+  },
+  dayCellCheckColumn: {
+    flex: 1,
+    backgroundColor: SHADED_CELL,
+    justifyContent: 'space-between',
+  },
+  dayCellCheckTop: {
+    flex: 1,
+    borderBottomWidth: LIGHT_BORDER,
+    borderColor: DIVIDER_COLOR,
+    backgroundColor: SHADED_CELL,
+  },
+  dayCellCheckBottom: {
+    flex: 1,
+    backgroundColor: '#fff',
+  },
+  footer: {
+    position: 'absolute',
+    bottom: 24,
+    left: 36,
+    right: 36,
+    fontSize: 8,
+    color: '#666',
+    textAlign: 'right',
+  },
+});
+
+const PdfTableHeader = ({ weekDates }) => (
+  <View style={pdfStyles.tableHeaderRow} fixed>
+    <View style={pdfStyles.headerCellIndex}>
+      <Text>#</Text>
+    </View>
+    <View style={pdfStyles.headerCellName}>
+      <Text style={pdfStyles.headerNameLabel}>Name</Text>
+    </View>
+    {weekDates.map((date, index) => (
+      <View
+        key={`${date.format('ddd')}-${index}`}
+        style={[
+          pdfStyles.headerDayCell,
+          index === weekDates.length - 1 && { borderRightWidth: 0 },
+        ]}
+      >
+        <Text style={pdfStyles.headerDayTitle}>
+          {date.format('dddd').toUpperCase()}
+        </Text>
+        <Text style={pdfStyles.headerDaySub}>Time</Text>
+      </View>
+    ))}
+  </View>
+);
+
+const PdfDayCell = ({ isLast, isSchoolDay }) => {
+  if (!isSchoolDay) {
+    return (
+      <View style={[pdfStyles.dayCell, isLast && pdfStyles.dayCellLast]}>
+        <View style={pdfStyles.noSchoolCell}>
+          <Text>NO SCHOOL</Text>
+        </View>
+      </View>
+    );
+  }
+
+  return (
+    <View style={[pdfStyles.dayCell, isLast && pdfStyles.dayCellLast]}>
+      <View style={pdfStyles.dayCellTimeColumn}>
+        <View style={pdfStyles.dayCellTimeTop} />
+        <View style={pdfStyles.dayCellTimeBottom} />
+      </View>
+      <View style={pdfStyles.dayCellCheckColumn}>
+        <View style={pdfStyles.dayCellCheckTop} />
+        <View style={pdfStyles.dayCellCheckBottom} />
+      </View>
+    </View>
+  );
+};
+
+const PdfRow = ({ row, isLast, schoolDays, rowIndex }) => {
+  const isAlternate = rowIndex % 2 === 1;
+  const nameLines = splitNameIntoLines(row.name);
+  const fontSize = getPdfFontSizeForTableName(row.name);
+  
+  return (
+    <View
+      style={[
+        pdfStyles.tableRow,
+        isAlternate && pdfStyles.tableRowAlt,
+        isLast && pdfStyles.tableRowLast,
+      ]}
+    >
+      <View style={pdfStyles.indexCell}>
+        <Text>{row.displayIndex || ''}</Text>
+      </View>
+      <View style={pdfStyles.nameCell}>
+        <View style={pdfStyles.nameCellValue}>
+          {nameLines.map((line, idx) => (
+            <Text
+              key={idx}
+              style={[
+                pdfStyles.nameCellText,
+                { fontSize },
+              ]}
+            >
+              {line}
+            </Text>
+          ))}
+        </View>
+        <View style={pdfStyles.nameInOutColumn}>
+          <View style={pdfStyles.nameInOutCell}>
+            <Text>IN</Text>
+          </View>
+          <View style={[pdfStyles.nameInOutCell, pdfStyles.nameInOutCellBottom]}>
+            <Text>OUT</Text>
+          </View>
+        </View>
+      </View>
+      {DAYS.map((day, index) => (
+        <PdfDayCell
+          key={`${row.id}-${day}`}
+          isLast={index === DAYS.length - 1}
+          isSchoolDay={schoolDays.includes(day)}
+        />
+      ))}
+    </View>
+  );
+};
+
+const PdfTable = ({ rows, weekDates, schoolDays }) => (
+  <View style={pdfStyles.tableWrapper}>
+    <PdfTableHeader weekDates={weekDates} />
+    {rows.map((row, index) => (
+      <PdfRow
+        key={row.id ?? `${row.name}-${index}`}
+        row={row}
+        isLast={index === rows.length - 1}
+        schoolDays={schoolDays}
+        rowIndex={index}
+      />
+    ))}
+  </View>
+);
+
+const ROWS_PER_PAGE = 18;
+
+const createBlankRow = (key, displayIndex) => ({
+  id: `blank-${key}`,
+  name: '',
+  displayIndex,
+  role: 'blank',
+});
+
+const chunkRows = (rows) => {
+  const pages = [];
+  const total = rows.length;
+  const totalPages = Math.max(1, Math.ceil(total / ROWS_PER_PAGE));
+
+  for (let page = 0; page < totalPages; page += 1) {
+    const start = page * ROWS_PER_PAGE;
+    const slice = rows.slice(start, start + ROWS_PER_PAGE).map((row, offset) => ({
+      ...row,
+      displayIndex: row.displayIndex ?? start + offset + 1,
+    }));
+
+    let nextDisplayIndex = start + slice.length + 1;
+    while (slice.length < ROWS_PER_PAGE) {
+      slice.push(createBlankRow(`${page}-${slice.length}`, nextDisplayIndex));
+      nextDisplayIndex += 1;
+    }
+
+    pages.push(slice);
+  }
+
+  return pages;
+};
+
+const paginateRows = (rows) => {
+  const filtered = rows.filter((row) => row && row.type !== 'section');
+  const normalized = filtered.map((row, index) => ({
+    ...row,
+    displayIndex: row.displayIndex ?? index + 1,
+  }));
+  return chunkRows(normalized);
+};
+
+const buildGuestStaffPages = (rows, startingIndex) => {
+  const guests = rows.filter((row) => row.role === 'guest' || row.role === 'volunteer');
+  const staff = rows.filter((row) => row.role === 'staff');
+
+  const total = guests.length + staff.length;
+  const remainder = total % ROWS_PER_PAGE;
+  const blankCount = remainder === 0 ? 0 : ROWS_PER_PAGE - remainder;
+
+  // Assign displayIndex to guests
+  const numberedGuests = guests.map((row, idx) => ({
+    ...row,
+    displayIndex: startingIndex + idx,
+  }));
+
+  // Create blank rows with correct numbering
+  const blankRows = Array.from({ length: blankCount }, (_, idx) =>
+    createBlankRow(`guest-staff-separator-${idx}`, startingIndex + guests.length + idx)
+  );
+
+  // Assign displayIndex to staff
+  const numberedStaff = staff.map((row, idx) => ({
+    ...row,
+    displayIndex: startingIndex + guests.length + blankCount + idx,
+  }));
+
+  const combined = [...numberedGuests, ...blankRows, ...numberedStaff];
+
+  // Chunk without re-assigning displayIndex
+  const pages = [];
+  const totalPages = Math.max(1, Math.ceil(combined.length / ROWS_PER_PAGE));
+
+  for (let page = 0; page < totalPages; page += 1) {
+    const start = page * ROWS_PER_PAGE;
+    const slice = combined.slice(start, start + ROWS_PER_PAGE);
+    
+    // Fill remaining rows if needed
+    const filledSlice = [...slice];
+    let nextDisplayIndex = slice[slice.length - 1]?.displayIndex + 1 || startingIndex + combined.length;
+    while (filledSlice.length < ROWS_PER_PAGE) {
+      filledSlice.push(createBlankRow(`${page}-${filledSlice.length}`, nextDisplayIndex));
+      nextDisplayIndex += 1;
+    }
+
+    pages.push(filledSlice);
+  }
+
+  return pages;
+};
+
+const buildPageDescriptors = (students, guestStaff) => {
+  const descriptors = [];
+  const studentChunks = paginateRows(students);
+  
+  // Calculate the starting index for guest/staff based on student count
+  const studentCount = students.filter((row) => row && row.type !== 'section').length;
+  // Account for blank rows added to fill the last student page
+  const totalStudentRows = studentChunks.reduce((sum, chunk) => sum + chunk.length, 0);
+  const startingGuestStaffIndex = totalStudentRows + 1;
+  
+  const guestChunks = buildGuestStaffPages(guestStaff, startingGuestStaffIndex);
+
+  studentChunks.forEach((chunk, index) => {
+    descriptors.push({
+      key: `students-${index}`,
+      rows: chunk,
+    });
+  });
+
+  guestChunks.forEach((chunk, index) => {
+    descriptors.push({
+      key: `guests-${index}`,
+      rows: chunk,
+    });
+  });
+
+  if (descriptors.length === 0) {
+    descriptors.push({ key: 'empty', rows: [] });
+  }
+
+  return descriptors;
+};
+
+const SignInSheetPdf = ({
+  weekLabel,
+  weekDates,
+  quote,
+  generatedAt,
+  students,
+  guestStaff,
+  schoolDays,
+  schoolName = 'The Circle School',
+  sheetTitle = 'Sign-In / Sign-Out Sheet',
+}) => {
+  const pages = buildPageDescriptors(students, guestStaff);
+
+  return (
+    <Document>
+      {pages.map((page) => (
+        <Page key={page.key} size="LETTER" style={pdfStyles.page}>
+          <View style={pdfStyles.header} fixed>
+            <View style={pdfStyles.headerLeft}>
+              <Text style={pdfStyles.headerWeekLabel}>Week Of</Text>
+              <Text style={pdfStyles.headerWeekRange}>{weekLabel}</Text>
+            </View>
+            <View style={pdfStyles.headerRight}>
+              <Text style={pdfStyles.headerSchoolName}>{schoolName}</Text>
+              <Text style={pdfStyles.headerTitle}>{sheetTitle}</Text>
+              {quote && (
+                <Text style={pdfStyles.headerQuote}>{quote}</Text>
+              )}
+            </View>
+          </View>
+
+          <PdfTable rows={page.rows} weekDates={weekDates} schoolDays={schoolDays} />
+
+          <Text style={pdfStyles.footer}>Generated {generatedAt}</Text>
+        </Page>
+      ))}
+    </Document>
+  );
+};
+
+export default SignInSheetPdf;
diff --git a/react/pages/SignInSheetPage/SignInSheetTable.jsx b/react/pages/SignInSheetPage/SignInSheetTable.jsx
new file mode 100644
index 00000000..40558b5e
--- /dev/null
+++ b/react/pages/SignInSheetPage/SignInSheetTable.jsx
@@ -0,0 +1,166 @@
+import React from 'react';
+import {
+  Box,
+  Divider,
+  Paper,
+  Stack,
+  Typography,
+  FitText,
+} from '../../components';
+import {
+  DAYS,
+} from './SignInUtils';
+import {
+  styles,
+  getHeaderDayCellSx,
+  getNoSchoolCellSx,
+  getSchoolDayCellSx,
+} from './SignInSheetTableStyles';
+
+const SignInSheetTable = ({
+  weekLabel,
+  weekDates,
+  quote,
+  rows,
+  schoolDays = DAYS,
+  showHeader = true,
+  schoolName = 'The Circle School',
+  sheetTitle = 'Sign-In / Sign-Out Sheet',
+}) => (
+  <Paper elevation={0} sx={styles.paper}>
+    {showHeader && (
+      <Stack spacing={1.5}>
+        <Box sx={{ display: 'flex', flexDirection: 'row', alignItems: 'flex-start', gap: 2 }}>
+          <Box sx={{ flex: '0 0 auto', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
+            <Typography variant="h6" sx={{ fontWeight: 700 }}>
+              Week Of
+            </Typography>
+            <Typography variant="body1">
+              {weekLabel}
+            </Typography>
+          </Box>
+          <Box sx={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
+            <Typography variant="body2" color="text.secondary">
+              {schoolName}
+            </Typography>
+            <Typography variant="subtitle1" sx={{ fontWeight: 500 }}>
+              {sheetTitle}
+            </Typography>
+            {quote && (
+              <Typography variant="body1" sx={{ fontStyle: 'italic', fontWeight: 700, mt: 0.5 }}>
+                {quote}
+              </Typography>
+            )}
+          </Box>
+        </Box>
+        <Divider />
+      </Stack>
+    )}
+
+    <Box sx={styles.tableWrapper}>
+      <Box sx={styles.headerRow}>
+        <Box sx={{ ...styles.headerCell, ...styles.headerIndexCell }}>
+          #
+        </Box>
+        <Box sx={{ ...styles.headerCell, ...styles.headerNameCell }}>
+          <Box sx={styles.headerNameLabel}>
+            Name
+          </Box>
+        </Box>
+        {weekDates.map((date, dayIndex) => (
+          <Box
+            key={`${date.format('ddd')}-${dayIndex}`}
+            sx={getHeaderDayCellSx(dayIndex === weekDates.length - 1)}
+          >
+            <Typography variant="body2" sx={styles.headerDayTitle}>
+              {date.format('dddd')}
+            </Typography>
+            <Typography variant="caption" color="text.secondary">
+              Time
+            </Typography>
+          </Box>
+        ))}
+      </Box>
+
+      {rows.map((row, index) => {
+        const isSection = row.type === 'section';
+        const isBlank = row.role === 'blank';
+        const backgroundColor = isSection
+          ? 'grey.100'
+          : index % 2 === 0
+          ? 'background.paper'
+          : 'grey.50';
+
+        if (isSection) {
+          return (
+            <Box
+              key={`${row.label}-${index}`}
+              sx={{ ...styles.sectionRow, backgroundColor }}
+            >
+              <Box />
+              <Box sx={styles.sectionLabel}>
+                {row.label}
+              </Box>
+            </Box>
+          );
+        }
+
+        return (
+          <Box
+            key={row.id}
+            sx={{ ...styles.personRow, backgroundColor }}
+          >
+            <Box sx={styles.indexCell}>
+              {row.displayIndex}
+            </Box>
+            <Box sx={styles.nameCell}>
+              <Box sx={styles.nameCellName}>
+                {!isBlank && (
+                  <FitText maxSize={24} maxRows={2}>
+                    {row.name}
+                  </FitText>
+                )}
+              </Box>
+              <Box sx={styles.nameCellStatusColumn}>
+                <Box sx={styles.nameCellStatusTop}>
+                  In
+                </Box>
+                <Box sx={styles.nameCellStatusBottom}>
+                  Out
+                </Box>
+              </Box>
+            </Box>
+            {DAYS.map((day, dayIndex) => {
+              const isSchoolDay = schoolDays.includes(day);
+
+              if (!isSchoolDay) {
+                return (
+                  <Box
+                    key={`${row.id}-${day}`}
+                    sx={getNoSchoolCellSx(dayIndex === DAYS.length - 1)}
+                  >
+                    No School
+                  </Box>
+                );
+              }
+
+              return (
+                <Box
+                  key={`${row.id}-${day}`}
+                  sx={getSchoolDayCellSx(dayIndex === DAYS.length - 1)}
+                >
+                  <Box sx={styles.schoolDayLeftTop} />
+                  <Box sx={styles.schoolDayRightTop} />
+                  <Box sx={styles.schoolDayLeftBottom} />
+                  <Box sx={styles.schoolDayRightBottom} />
+                </Box>
+              );
+            })}
+          </Box>
+        );
+      })}
+    </Box>
+  </Paper>
+);
+
+export default SignInSheetTable;
diff --git a/react/pages/SignInSheetPage/SignInSheetTableStyles.js b/react/pages/SignInSheetPage/SignInSheetTableStyles.js
new file mode 100644
index 00000000..868c420e
--- /dev/null
+++ b/react/pages/SignInSheetPage/SignInSheetTableStyles.js
@@ -0,0 +1,207 @@
+export const TABLE_TEMPLATE =
+  '48px minmax(200px, 1.4fr) repeat(5, minmax(100px, 1fr))';
+export const NAME_CELL_TEMPLATE = 'minmax(0, 1fr) 60px';
+
+export const LIGHT_BORDER_COLOR = 'rgba(0, 0, 0, 0.25)';
+export const HEAVY_BORDER_COLOR = '#000';
+
+const HEAVY_BORDER = `2px solid ${HEAVY_BORDER_COLOR}`;
+const HEAVY_BORDER_THICK = `3px solid ${HEAVY_BORDER_COLOR}`;
+const HEAVY_BORDER_THIN = `1px solid ${HEAVY_BORDER_COLOR}`;
+const LIGHT_BORDER = `1px solid ${LIGHT_BORDER_COLOR}`;
+const LIGHT_BORDER_THICK = `2px solid ${LIGHT_BORDER_COLOR}`;
+
+const schoolDaySlotBase = {
+  px: 1,
+  py: 0.75,
+  fontSize: '0.7rem',
+  display: 'flex',
+  alignItems: 'center',
+};
+
+const nameStatusBase = {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  textTransform: 'uppercase',
+  borderColor: LIGHT_BORDER_COLOR,
+};
+
+export const styles = {
+  paper: { p: 3 },
+  weekLabel: { fontWeight: 600 },
+  tableWrapper: {
+    mt: 2,
+    border: HEAVY_BORDER_THICK,
+    borderRadius: 2,
+    overflow: 'hidden',
+  },
+  headerRow: {
+    display: 'grid',
+    gridTemplateColumns: TABLE_TEMPLATE,
+    backgroundColor: 'grey.100',
+    borderBottom: HEAVY_BORDER_THICK,
+  },
+  headerCell: {
+    px: 1.5,
+    py: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    borderRight: HEAVY_BORDER_THIN,
+  },
+  headerIndexCell: {
+    alignItems: 'center',
+    fontWeight: 700,
+  },
+  headerNameCell: {
+    display: 'grid',
+    gridTemplateColumns: NAME_CELL_TEMPLATE,
+    px: 0,
+    py: 0,
+  },
+  headerNameLabel: {
+    px: 1.5,
+    py: 1,
+    display: 'flex',
+    alignItems: 'center',
+    fontWeight: 700,
+  },
+  headerNameStatusColumn: {
+    borderLeft: LIGHT_BORDER,
+    display: 'grid',
+    gridTemplateRows: 'repeat(2, minmax(32px, 1fr))',
+  },
+  headerNameStatusTop: {
+    ...nameStatusBase,
+    fontSize: '0.65rem',
+    borderBottom: LIGHT_BORDER,
+  },
+  headerNameStatusBottom: {
+    ...nameStatusBase,
+    fontSize: '0.65rem',
+  },
+  headerDayTitle: {
+    fontWeight: 700,
+    textTransform: 'uppercase',
+  },
+  sectionRow: {
+    display: 'grid',
+    gridTemplateColumns: TABLE_TEMPLATE,
+    borderBottom: HEAVY_BORDER_THICK,
+  },
+  sectionLabel: {
+    gridColumn: '2 / span 6',
+    px: 2,
+    py: 1,
+    textTransform: 'uppercase',
+  },
+  personRow: {
+    display: 'grid',
+    gridTemplateColumns: TABLE_TEMPLATE,
+    borderBottom: HEAVY_BORDER_THICK,
+    '&:last-of-type': {
+      borderBottom: HEAVY_BORDER_THICK,
+    },
+  },
+  indexCell: {
+    px: 1.5,
+    py: 1,
+    borderRight: HEAVY_BORDER_THIN,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontWeight: 600,
+  },
+  nameCell: {
+    display: 'grid',
+    gridTemplateColumns: NAME_CELL_TEMPLATE,
+    borderRight: HEAVY_BORDER_THIN,
+    alignItems: 'stretch',
+  },
+  nameCellName: {
+    px: 1.5,
+    py: 1,
+    display: 'flex',
+    alignItems: 'center',
+  },
+  nameCellStatusColumn: {
+    borderLeft: LIGHT_BORDER,
+    display: 'grid',
+    gridTemplateRows: 'repeat(2, minmax(32px, 1fr))',
+  },
+  nameCellStatusTop: {
+    ...nameStatusBase,
+    borderBottom: LIGHT_BORDER,
+  },
+  nameCellStatusBottom: {
+    ...nameStatusBase,
+  },
+  dayCell: {
+    borderRight: HEAVY_BORDER_THIN,
+  },
+  noSchoolCell: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    fontStyle: 'italic',
+    textTransform: 'uppercase',
+    minHeight: 72,
+    px: 1,
+  },
+  schoolDayCell: {
+    display: 'grid',
+    gridTemplateColumns: '2fr 1fr',
+    gridTemplateRows: 'repeat(2, minmax(32px, 1fr))',
+    minHeight: 72,
+  },
+  schoolDayLeftTop: {
+    ...schoolDaySlotBase,
+    borderRight: LIGHT_BORDER,
+    borderBottom: LIGHT_BORDER,
+    justifyContent: 'flex-start',
+  },
+  schoolDayRightTop: {
+    ...schoolDaySlotBase,
+    borderBottom: LIGHT_BORDER,
+    justifyContent: 'center',
+    backgroundColor: 'grey.300',
+  },
+  schoolDayLeftBottom: {
+    ...schoolDaySlotBase,
+    borderRight: LIGHT_BORDER,
+    justifyContent: 'flex-start',
+  },
+  schoolDayRightBottom: {
+    ...schoolDaySlotBase,
+    justifyContent: 'center',
+  },
+};
+
+export const getHeaderDayCellSx = (isLast) => ({
+  ...styles.headerCell,
+  borderRight: isLast ? 'none' : HEAVY_BORDER_THIN,
+});
+
+export const getDayCellSx = (isLast) => ({
+  ...styles.dayCell,
+  borderRight: isLast ? 'none' : HEAVY_BORDER_THIN,
+});
+
+export const getNoSchoolCellSx = (isLast) => ({
+  ...getDayCellSx(isLast),
+  ...styles.noSchoolCell,
+});
+
+export const getSchoolDayCellSx = (isLast) => ({
+  ...getDayCellSx(isLast),
+  ...styles.schoolDayCell,
+});
+
+export const borders = {
+  heavy: HEAVY_BORDER,
+  heavyThick: HEAVY_BORDER_THICK,
+  heavyThin: HEAVY_BORDER_THIN,
+  lightThick: LIGHT_BORDER_THICK,
+  light: LIGHT_BORDER,
+};
diff --git a/react/pages/SignInSheetPage/SignInUtils.js b/react/pages/SignInSheetPage/SignInUtils.js
new file mode 100644
index 00000000..eeb4582f
--- /dev/null
+++ b/react/pages/SignInSheetPage/SignInUtils.js
@@ -0,0 +1,215 @@
+import dayjs from 'dayjs';
+
+export const DAYS = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'];
+
+export const parseRosterFromInitialData = () => {
+  if (typeof window === 'undefined') {
+    return [];
+  }
+  const raw = window.initialData?.people;
+  if (!raw) {
+    return [];
+  }
+  try {
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) {
+      return [];
+    }
+    return parsed
+      .map((item, index) => ({
+        id: item.id ?? `person-${index}`,
+        name: item.label ?? item.name ?? '',
+        role: item.role ?? item.type ?? 'student',
+      }))
+      .filter((entry) => entry.name);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error('Failed to parse roster data', error);
+    return [];
+  }
+};
+
+const getNameTokens = (name) => {
+  if (!name) {
+    return { first: '', last: '' };
+  }
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) {
+    return { first: '', last: parts[0].toLowerCase() };
+  }
+  return {
+    first: parts.slice(0, -1).join(' ').toLowerCase(),
+    last: parts[parts.length - 1].toLowerCase(),
+  };
+};
+
+export const sortPeopleByName = (a, b) => {
+  const aParts = getNameTokens(a.name);
+  const bParts = getNameTokens(b.name);
+  if (aParts.last !== bParts.last) {
+    return aParts.last.localeCompare(bParts.last);
+  }
+  return aParts.first.localeCompare(bParts.first);
+};
+
+
+export const getPdfFontSizeForName = (name) => {
+  if (name.length <= 18) {
+    return 10;
+  }
+  if (name.length <= 24) {
+    return 9;
+  }
+  if (name.length <= 32) {
+    return 8;
+  }
+  return 7;
+};
+
+export const buildWeekDates = (weekStart) =>
+  DAYS.map((_, index) => weekStart.add(index, 'day'));
+
+export const formatWeekLabel = (weekDates) =>
+  `${weekDates[0].format('MMM D')} - ${weekDates[4].format('MMM D, YYYY')}`;
+
+export const formatGeneratedAt = () =>
+  dayjs().format('MMMM D, YYYY h:mm A');
+
+export const splitRosterByRole = (roster) => {
+  const result = {
+    students: [],
+    guests: [],
+    staff: [],
+  };
+
+  roster.forEach((person) => {
+    switch (person.role) {
+      case 'guest':
+        result.guests.push(person);
+        break;
+      case 'staff':
+        result.staff.push(person);
+        break;
+      default:
+        result.students.push(person);
+        break;
+    }
+  });
+
+  return result;
+};
+
+export const assignDisplayIndices = (students, guests, staff) => {
+  let counter = 1;
+  const withStudents = students.map((person) => ({
+    ...person,
+    displayIndex: counter++,
+  }));
+  const withGuests = guests.map((person) => ({
+    ...person,
+    displayIndex: counter++,
+  }));
+  const withStaff = staff.map((person) => ({
+    ...person,
+    displayIndex: counter++,
+  }));
+
+  return {
+    students: withStudents,
+    guests: withGuests,
+    staff: withStaff,
+  };
+};
+
+export const buildTableRows = (students, guests, staff) => {
+  const rows = [];
+
+  students.forEach((person) => rows.push(person));
+
+  if (guests.length) {
+    rows.push({ type: 'section', label: 'Guests & Volunteers' });
+    guests.forEach((person) => rows.push(person));
+  }
+
+  if (staff.length) {
+    rows.push({ type: 'section', label: 'Staff' });
+    staff.forEach((person) => rows.push(person));
+  }
+
+  return rows;
+};
+
+export const buildGuestStaffRows = (guests, staff) => {
+  const rows = [];
+
+  if (guests.length) {
+    rows.push({ type: 'section', label: 'Guests & Volunteers' });
+    guests.forEach((person) => rows.push(person));
+  }
+
+  if (staff.length) {
+    rows.push({ type: 'section', label: 'Staff' });
+    staff.forEach((person) => rows.push(person));
+  }
+
+  return rows;
+};
+
+const ROWS_PER_PAGE = 18;
+
+const createBlankRow = (key, displayIndex) => ({
+  id: `blank-${key}`,
+  name: '',
+  displayIndex,
+  role: 'blank',
+});
+
+export const addBlankRowsToStudents = (students) => {
+  if (students.length === 0) {
+    return [];
+  }
+
+  const result = [...students];
+  const remainder = students.length % ROWS_PER_PAGE;
+  
+  if (remainder !== 0) {
+    const blankCount = ROWS_PER_PAGE - remainder;
+    const startIndex = students[students.length - 1].displayIndex + 1;
+    
+    for (let i = 0; i < blankCount; i += 1) {
+      result.push(createBlankRow(`student-${i}`, startIndex + i));
+    }
+  }
+
+  return result;
+};
+
+export const addBlankRowsToGuestStaff = (guests, staff, startingIndex) => {
+  if (guests.length === 0 && staff.length === 0) {
+    return [];
+  }
+
+  const total = guests.length + staff.length;
+  const remainder = total % ROWS_PER_PAGE;
+  const blankCount = remainder === 0 ? 0 : ROWS_PER_PAGE - remainder;
+
+  // Re-number guests to start from startingIndex
+  const numberedGuests = guests.map((row, idx) => ({
+    ...row,
+    displayIndex: startingIndex + idx,
+  }));
+  
+  // Create blank rows with correct numbering after guests
+  const blankRows = [];
+  for (let i = 0; i < blankCount; i += 1) {
+    blankRows.push(createBlankRow(`separator-${i}`, startingIndex + guests.length + i));
+  }
+  
+  // Re-number staff to start after guests + blank rows
+  const numberedStaff = staff.map((row, idx) => ({
+    ...row,
+    displayIndex: startingIndex + guests.length + blankCount + idx,
+  }));
+  
+  return [...numberedGuests, ...blankRows, ...numberedStaff];
+};
diff --git a/react/theme/theme.js b/react/theme/theme.js
new file mode 100644
index 00000000..9133e6d9
--- /dev/null
+++ b/react/theme/theme.js
@@ -0,0 +1,53 @@
+import { createTheme, responsiveFontSizes } from '@mui/material/styles';
+
+// TO-DO: Replace colors here to match the rest of the app
+export const darkTheme = createTheme({
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#0c62fb',
+    },
+    secondary: {
+      main: '#1be1f2',
+    },
+    info: {
+      main: '#c7b9ff',
+    },
+    error: {
+      main: '#ff4d5f',
+    },
+    warning: {
+      main: '#deff4d',
+    },
+  },
+  typography: {
+    fontSize: 20,
+  },
+});
+
+let lightTheme = createTheme({
+  palette: {
+    mode: 'light',
+    primary: {
+      main: '#0c62fb',
+    },
+    secondary: {
+      main: '#1be1f2',
+    },
+    info: {
+      main: '#7e8289',
+    },
+    error: {
+      main: '#ff4d5f',
+    },
+    warning: {
+      main: '#ffcc00',
+    },
+  },
+  typography: {
+    fontSize: 20,
+  },
+});
+lightTheme = responsiveFontSizes(lightTheme);
+export { lightTheme };
+
diff --git a/react/utils/dateUtils.js b/react/utils/dateUtils.js
new file mode 100644
index 00000000..c2cc4fda
--- /dev/null
+++ b/react/utils/dateUtils.js
@@ -0,0 +1,28 @@
+export const formatDate = (date) => {
+  // Format javascript date as string like "June 23, 2023"
+  const options = { year: 'numeric', month: 'long', day: 'numeric' };
+  if(!date) return '';
+  if(typeof date === 'string') date = new Date(date);
+  return date.toLocaleDateString('en-US', options);
+};
+
+export const formatShortDate = (date) => {
+  // Format javascript date as string like "June 23"
+  const options = { month: 'short', day: 'numeric' };
+  if(!date) return '';
+  if(typeof date === 'string') date = new Date(date);
+  return date.toLocaleDateString('en-US', options);
+};
+
+export const parseDateWithNoTime = (date) => {
+  // Parse javascript date from string like "2023-07-31" with no time
+  if(!date) return '';
+  const dateParts = date.split('-');
+
+  if(dateParts.length !== 3) {
+    return '';
+  }
+  const dayPart = dateParts[2].length > 2 ? dateParts[2].substring(0, 2) : dateParts[2]; // Some dates come through with timezone, some don't
+  return new Date(dateParts[0], dateParts[1] - 1, dayPart);
+  // return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
\ No newline at end of file
diff --git a/react/utils/index.js b/react/utils/index.js
new file mode 100644
index 00000000..2df8dc6a
--- /dev/null
+++ b/react/utils/index.js
@@ -0,0 +1,21 @@
+export { formatDate, formatShortDate, parseDateWithNoTime } from './dateUtils';
+export { oxfordComma, nth } from './stringUtils';
+export {
+  safeParse,
+  getDisplayName,
+  formatPeopleList,
+  formatMultilineText,
+  boolFromConfig,
+  getPeopleAtCase,
+  getPeopleByRole,
+  caseIsEmpty,
+  formatCaseDateTime,
+  formatLocation,
+  formatPlea,
+  getRuleTitle,
+  getResolutionPlanText,
+  formatAwaitingMessage,
+  normalizeOption,
+  buildOptionMap,
+} from './minutesUtils';
+export { combineSx } from './sxUtils';
diff --git a/react/utils/minutesUtils.js b/react/utils/minutesUtils.js
new file mode 100644
index 00000000..dd4d135e
--- /dev/null
+++ b/react/utils/minutesUtils.js
@@ -0,0 +1,189 @@
+export const safeParse = (value, fallback) => {
+  if (value === undefined || value === null) {
+    return fallback;
+  }
+  if (typeof value === 'string') {
+    try {
+      return JSON.parse(value);
+    } catch (error) {
+      console.error('Failed to parse JSON', error);
+      return fallback;
+    }
+  }
+  return value;
+};
+
+export const getDisplayName = (person) => {
+  if (!person) {
+    return '???';
+  }
+  return (
+    person.displayName ||
+    [person.firstName, person.lastName].filter(Boolean).join(' ') ||
+    person.name ||
+    person.label ||
+    '???'
+  );
+};
+
+export const formatPeopleList = (people) =>
+  people && people.length > 0 ? people.map(getDisplayName).join(', ') : 'None';
+
+export const formatMultilineText = (text) => (text ? text : '');
+
+export const boolFromConfig = (value) => value === true || value === 'true';
+
+export const getPeopleAtCase = (caseItem) =>
+  caseItem?.people_at_case || caseItem?.peopleAtCase || [];
+
+export const getPeopleByRole = (caseItem, roleId) =>
+  getPeopleAtCase(caseItem)
+    .filter((entry) => Number(entry.role) === Number(roleId))
+    .map((entry) => entry.person)
+    .filter(Boolean);
+
+export const caseIsEmpty = (caseItem) => {
+  if (!caseItem) {
+    return true;
+  }
+
+  const charges = Array.isArray(caseItem.charges) ? caseItem.charges : [];
+  const peopleAtCase = getPeopleAtCase(caseItem);
+
+  const hasFindings = Boolean(caseItem.findings && caseItem.findings.trim());
+  const hasLocation = Boolean(caseItem.location && caseItem.location.trim());
+  const hasDate = Boolean(caseItem.date);
+  const hasTime = Boolean(caseItem.time && caseItem.time.trim());
+
+  return (
+    !hasFindings &&
+    !hasLocation &&
+    !hasDate &&
+    !hasTime &&
+    peopleAtCase.length === 0 &&
+    charges.length === 0
+  );
+};
+
+export const formatCaseDateTime = (caseItem) => {
+  const segments = [];
+  if (caseItem?.date) {
+    segments.push(caseItem.date);
+  }
+  if (caseItem?.time) {
+    segments.push(caseItem.time);
+  }
+  return segments.join(', ');
+};
+
+export const formatLocation = (location) =>
+  location && location.trim().length > 0 ? location : 'unknown';
+
+export const formatPlea = (plea, config) => {
+  if (!plea || plea === '<no plea>' || plea === 'Guilty') {
+    return '';
+  }
+  if (plea === 'Not Guilty') {
+    return (config.str_not_guilty || 'Not Guilty') + '.';
+  }
+  if (plea === 'No Contest') {
+    return 'No Contest.';
+  }
+  if (plea === 'N/A') {
+    return (config.str_na || 'N/A') + '.';
+  }
+  return `${plea}.`;
+};
+
+export const getRuleTitle = (charge) => {
+  if (!charge) {
+    return '';
+  }
+  if (charge.ruleTitle) {
+    return charge.ruleTitle;
+  }
+  if (charge.rule) {
+    const parts = [];
+    if (charge.rule.number) {
+      parts.push(charge.rule.number);
+    }
+    if (charge.rule.title) {
+      parts.push(charge.rule.title);
+    }
+    if (parts.length) {
+      return parts.join(' ');
+    }
+  }
+  return '';
+};
+
+export const getResolutionPlanText = (charge) => {
+  if (!charge) {
+    return '';
+  }
+  if (charge.smDecision) {
+    return charge.smDecision;
+  }
+  if (charge.referredToSm && !charge.resolutionPlan) {
+    return '[Referred to School Meeting]';
+  }
+  return charge.resolutionPlan || '';
+};
+
+export const formatAwaitingMessage = (template, person, ruleTitle) => {
+  const destination = 'School Meeting';
+  let message =
+    template ||
+    `*** Awaiting ${destination} decision on charging ${person || '???'} with ${
+      ruleTitle || ''
+    }.`;
+
+  const replacements = {
+    destination,
+    person: person || '???',
+    rule: ruleTitle || '',
+  };
+
+  Object.entries(replacements).forEach(([key, value]) => {
+    message = message.replace(new RegExp(`\\\{${key}\\\}`, 'g'), value);
+  });
+
+  const ordered = [destination, replacements.person, replacements.rule];
+  ordered.forEach((value, index) => {
+    message = message.replace(new RegExp(`\\\{${index}\\\}`, 'g'), value);
+  });
+
+  return message;
+};
+
+export const normalizeOption = (item) => {
+  if (!item) {
+    return null;
+  }
+  const id = item.id ?? item.personId ?? item.person_id ?? item.case_id;
+  if (id === undefined || id === null) {
+    return null;
+  }
+  const label =
+    item.label ||
+    item.name ||
+    item.displayName ||
+    item.caseNumber ||
+    item.title ||
+    '';
+  return {
+    ...item,
+    id: String(id),
+    label,
+  };
+};
+
+export const buildOptionMap = (options = []) => {
+  const map = new Map();
+  options.forEach((option) => {
+    if (option?.id !== undefined && option?.id !== null) {
+      map.set(String(option.id), option);
+    }
+  });
+  return map;
+};
diff --git a/react/utils/stringUtils.js b/react/utils/stringUtils.js
new file mode 100644
index 00000000..536ec892
--- /dev/null
+++ b/react/utils/stringUtils.js
@@ -0,0 +1,14 @@
+export const nth = (num) => {
+  const n = num % 100;
+  return num + (n >= 11 && n <= 13 ? 'th' : ['th', 'st', 'nd', 'rd', 'th', 'th', 'th', 'th', 'th', 'th'][num % 10]);
+}
+
+export const oxfordComma = (arr, conjunction, ifempty) => {
+  const l = arr.length;
+  if (!l) return ifempty;
+  if (l < 2) return arr[0];
+  if (l < 3) return arr.join(` ${conjunction} `);
+  arr = arr.slice();
+  arr[l - 1] = `${conjunction} ${arr[l - 1]}`;
+  return arr.join(", ");
+}
\ No newline at end of file
diff --git a/react/utils/sxUtils.js b/react/utils/sxUtils.js
new file mode 100644
index 00000000..0b3d6274
--- /dev/null
+++ b/react/utils/sxUtils.js
@@ -0,0 +1,19 @@
+export const combineSx = (...values) => {
+  const entries = values.reduce((acc, value) => {
+    if (value === null || value === undefined) {
+      return acc;
+    }
+    if (Array.isArray(value)) {
+      acc.push(...value);
+    } else {
+      acc.push(value);
+    }
+    return acc;
+  }, []);
+
+  if (entries.length === 0) {
+    return undefined;
+  }
+
+  return entries.length === 1 ? entries[0] : entries;
+};
diff --git a/custodia/vite.config.js b/react/vite.config.js
similarity index 70%
rename from custodia/vite.config.js
rename to react/vite.config.js
index 28a9b006..ce564b4c 100644
--- a/custodia/vite.config.js
+++ b/react/vite.config.js
@@ -7,6 +7,8 @@ import { defineConfig } from "vite";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
+const DEV_PORT = 8082;
+
 export default ({ command, mode }) =>
   defineConfig({
     plugins: [react(), visualizer()],
@@ -17,16 +19,19 @@ export default ({ command, mode }) =>
       emptyOutDir: true,
       rollupOptions: {
         input: {
-          custodia: resolve(__dirname, "src", "js", "app.jsx"),
-          custodia_css: resolve(__dirname, "src", "js", "cssonly.js"),
+          custodia: resolve(__dirname, "custodia", "js", "app.jsx"),
+          custodia_css: resolve(__dirname, "custodia", "js", "cssonly.js"),
+          reactapp:  resolve(__dirname, "index.jsx"),
         },
       },
       manifest: "manifest.json", // django-vite requires this
       sourcemap: true,
     },
     server: {
-      port: 8082,
+      port: DEV_PORT,
       host: "0.0.0.0",
+      // This is needed for font-source files to serve properly
+      origin: `http://localhost:${DEV_PORT}`,
     },
     resolve: {
       dedupe: ["react", "react-dom"],