From 9d6af5dd1649243eae5ac248549016ea49b00a3a Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Mon, 8 Jun 2026 16:19:46 -0600
Subject: [PATCH 1/2] added a help button at the bottom of the scrollbar

---
 src/navigation/SideNavigator.tsx | 79 +++++++++++++++++++-------------
 1 file changed, 47 insertions(+), 32 deletions(-)

diff --git a/src/navigation/SideNavigator.tsx b/src/navigation/SideNavigator.tsx
index 47742dd..146c71f 100644
--- a/src/navigation/SideNavigator.tsx
+++ b/src/navigation/SideNavigator.tsx
@@ -1,20 +1,21 @@
-import { ChevronRight, Code, Grain, Memory, People, Person, SyncAlt, TapAndPlay } from "@mui/icons-material";
+import { ChevronRight, Code, Grain, HelpOutline, Memory, People, Person, SyncAlt, TapAndPlay } from "@mui/icons-material";
 import ChevronLeft from "@mui/icons-material/ChevronLeft";
-import { 
-  darken, 
-  Divider, 
-  Grid2 as Grid, 
-  IconButton, 
-  lighten, 
-  List, 
-  ListItemButton, 
-  ListItemIcon, 
-  ListItemText, 
-  SwipeableDrawer, 
-  Theme, 
-  Toolbar, 
-  Tooltip, 
-  useTheme 
+import {
+  Box,
+  darken,
+  Divider,
+  Grid2 as Grid,
+  IconButton,
+  lighten,
+  List,
+  ListItemButton,
+  ListItemIcon,
+  ListItemText,
+  SwipeableDrawer,
+  Theme,
+  Toolbar,
+  Tooltip,
+  useTheme
 } from "@mui/material";
 import classNames from "classnames";
 import { useMobile, useWidth } from "../hooks/useWidth";
@@ -529,23 +530,37 @@ export default function SideNavigator(props: Props) {
       onClose={onClose}
       sx={{ pointerEvents: isMobile&&!open ? "none" : "auto"}}
     >
-      <Toolbar>
-        <Grid container direction="row" justifyContent={"flex-end"}>
-          <Grid>
-            <IconButton
-              onClick={open ? onClose : onOpen}
-              aria-label={open ? "Close side menu" : "Open side menu"}
-            >
-              {open
-                ? theme.direction === "rtl" ? <ChevronRight /> : <ChevronLeft />
-                : theme.direction === "rtl" ? <ChevronLeft /> : <ChevronRight />}
-            </IconButton>
+      <Box sx={{ display: "flex", flexDirection: "column", height: "100%", overflow: "hidden" }}>
+        <Toolbar disableGutters sx={{ px: 1 }}>
+          <Grid container direction="row" justifyContent={"flex-end"}>
+            <Grid>
+              <IconButton
+                onClick={open ? onClose : onOpen}
+                aria-label={open ? "Close side menu" : "Open side menu"}
+              >
+                {open
+                  ? theme.direction === "rtl" ? <ChevronRight /> : <ChevronLeft />
+                  : theme.direction === "rtl" ? <ChevronLeft /> : <ChevronRight />}
+              </IconButton>
+            </Grid>
           </Grid>
-        </Grid>
-      </Toolbar>
-      <Divider />
-      {/* {isAuthenticated || isOffline() ? authenticatedSideMenu() : unauthenticatedSideMenu()} */}
-      {isAuthenticated && authenticatedSideMenu()}
+        </Toolbar>
+        <Divider />
+        <Box sx={{ flex: 1, overflowY: "auto", scrollbarWidth: "none", "&::-webkit-scrollbar": { display: "none" } }}>
+          {isAuthenticated && authenticatedSideMenu()}
+        </Box>
+        <Divider />
+        <List>
+          <Tooltip title="Help" placement="right">
+            <ListItemButton classes={{ root: classes.listItem }}>
+              <ListItemIcon>
+                <HelpOutline style={{ color: getThemeType() === "light" ? "black" : undefined }} />
+              </ListItemIcon>
+              {open && <ListItemText primary="Help" />}
+            </ListItemButton>
+          </Tooltip>
+        </List>
+      </Box>
     </SwipeableDrawer>
   );
 }

From c35b6b1f150553179013f7f9db98b21422293860 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Tue, 9 Jun 2026 10:06:22 -0600
Subject: [PATCH 2/2] clicking help opens chat assistant

---
 src/navigation/SideNavigator.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/navigation/SideNavigator.tsx b/src/navigation/SideNavigator.tsx
index 146c71f..cf654fe 100644
--- a/src/navigation/SideNavigator.tsx
+++ b/src/navigation/SideNavigator.tsx
@@ -32,6 +32,7 @@ import PlaneIcon from "products/AviationIcons/PlaneIcon";
 import AirportMapIcon from "products/AviationIcons/AirportMapIcon";
 import JobsiteIcon from "products/Construction/JobSiteIcon";
 import { getThemeType } from "theme";
+import { openCrispChat } from "chat/CrispChat";
 import ObjectHeaterIcon from "products/Construction/ObjectHeaterIcon";
 import TasksIcon from "products/Construction/TasksIcon";
 import CableIcon from "products/Bindapt/CableIcon";
@@ -96,6 +97,7 @@ const useStyles = makeStyles((theme: Theme) => ({
   listItem: {
     paddingLeft: theme.spacing(2),
     paddingRight: theme.spacing(2),
+    maxHeight: 40,
     [theme.breakpoints.up("md")]: {
       paddingLeft: theme.spacing(3),
       paddingRight: theme.spacing(3)
@@ -549,10 +551,10 @@ export default function SideNavigator(props: Props) {
         <Box sx={{ flex: 1, overflowY: "auto", scrollbarWidth: "none", "&::-webkit-scrollbar": { display: "none" } }}>
           {isAuthenticated && authenticatedSideMenu()}
         </Box>
-        <Divider />
-        <List>
+        <Divider sx={{ my: 1 }} />
+        <List className={classes.list} component="nav">
           <Tooltip title="Help" placement="right">
-            <ListItemButton classes={{ root: classes.listItem }}>
+            <ListItemButton classes={{ root: classes.listItem }} onClick={() => openCrispChat()}>
               <ListItemIcon>
                 <HelpOutline style={{ color: getThemeType() === "light" ? "black" : undefined }} />
               </ListItemIcon>