feature/IO-3160 - RC-COLLAPSE-ISSUE:

feature/IO-3096-GlobalNotifications - Checkpoint - Clean up previous socket usages by funneling them all through useSocket vs useContext(SocketConext), package updates.
Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-GlobalNotifications
2025-02-27 13:01:23 -05:00 · 2025-02-27 11:56:31 -05:00 · 2025-02-26 16:46:00 -05:00 · 2025-02-26 16:44:25 -05:00 · 2025-02-26 16:30:16 -05:00 · 2025-02-26 15:52:21 -05:00
122 changed files with 25808 additions and 20018 deletions
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -9,13 +9,13 @@ orbs:
 jobs:
  imex-api-deploy:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    steps:
      - checkout
      - eb/setup
      - run:
          command: |
-            eb init imex-online-production-api -r ca-central-1 -p "Node.js 18 running on 64bit Amazon Linux 2"
+            eb init imex-online-production-api -r ca-central-1 -p "Node.js 22 running on 64bit Amazon Linux 2023"
            eb status --verbose
            eb deploy
            eb status
@@ -28,7 +28,7 @@ jobs:

  imex-hasura-migrate:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    parameters:
      secret:
        type: string
@@ -52,7 +52,7 @@ jobs:
          pipeline_number: << pipeline.number >>
  imex-app-build:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    resource_class: large
    working_directory: ~/repo/client
    steps:
@@ -77,7 +77,7 @@ jobs:

  imex-app-beta-build:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    resource_class: large
    working_directory: ~/repo/client

@@ -114,7 +114,7 @@ jobs:
      - eb/setup
      - run:
          command: |
-            eb init romeonline-productionapi -r us-east-2 -p "Node.js 18 running on 64bit Amazon Linux 2"
+            eb init romeonline-productionapi -r us-east-2 -p "Node.js 22 running on 64bit Amazon Linux 2023"
            eb status --verbose
            eb deploy
            eb status
@@ -126,7 +126,7 @@ jobs:
          pipeline_number: << pipeline.number >>
  rome-hasura-migrate:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    parameters:
      secret:
        type: string
@@ -150,7 +150,7 @@ jobs:
          pipeline_number: << pipeline.number >>
  rome-app-build:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1

    working_directory: ~/repo/client

@@ -181,7 +181,7 @@ jobs:

  test-rome-hasura-migrate:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    parameters:
      secret:
        type: string
@@ -208,7 +208,7 @@ jobs:

  test-rome-app-build:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1

    working_directory: ~/repo/client

@@ -239,7 +239,7 @@ jobs:

  test-hasura-migrate:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    parameters:
      secret:
        type: string
@@ -266,7 +266,7 @@ jobs:

  imex-test-app-build:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    resource_class: large
    working_directory: ~/repo/client

@@ -286,7 +286,7 @@ jobs:

  imex-test-app-beta-build:
    docker:
-      - image: cimg/node:18.18.2
+      - image: cimg/node:22.13.1
    resource_class: large
    working_directory: ~/repo/client

--- a/2
+++ b/2
@@ -3,7 +3,7 @@ FROM amazonlinux:2023

 # Install Git and Node.js (Amazon Linux 2023 uses the DNF package manager)
 RUN dnf install -y git \
-    && curl -sL https://rpm.nodesource.com/setup_20.x | bash - \
+    && curl -sL https://rpm.nodesource.com/setup_22.x | bash - \
    && dnf install -y nodejs \
    && dnf clean all

--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project version="1.2" be_version="2.7.1">
+<babeledit_project be_version="2.7.1" version="1.2">
    <!--

    BabelEdit project file
@@ -6453,6 +6453,27 @@
                                                    </translation>
                                                </translations>
                                            </concept_node>
+                                            <concept_node>
+                                                <name>mark_critical</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
                                            <concept_node>
                                                <name>operation</name>
                                                <definition_loaded>false</definition_loaded>
@@ -6474,6 +6495,48 @@
                                                    </translation>
                                                </translations>
                                            </concept_node>
+                                            <concept_node>
+                                                <name>update_field</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
+                                            <concept_node>
+                                                <name>update_value</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
                                            <concept_node>
                                                <name>value</name>
                                                <definition_loaded>false</definition_loaded>
@@ -11943,6 +12006,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>shop_enabled_features</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                    <concept_node>
                                        <name>shopinfo</name>
                                        <definition_loaded>false</definition_loaded>
@@ -12312,6 +12396,37 @@
                                    </concept_node>
                                </children>
                            </folder_node>
+                            <folder_node>
+                                <name>tooltips</name>
+                                <children>
+                                    <folder_node>
+                                        <name>md_parts_scan</name>
+                                        <children>
+                                            <concept_node>
+                                                <name>update_value_tooltip</name>
+                                                <definition_loaded>false</definition_loaded>
+                                                <description></description>
+                                                <comment></comment>
+                                                <default_text></default_text>
+                                                <translations>
+                                                    <translation>
+                                                        <language>en-US</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>es-MX</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                    <translation>
+                                                        <language>fr-CA</language>
+                                                        <approved>false</approved>
+                                                    </translation>
+                                                </translations>
+                                            </concept_node>
+                                        </children>
+                                    </folder_node>
+                                </children>
+                            </folder_node>
                            <folder_node>
                                <name>validation</name>
                                <children>
@@ -19091,6 +19206,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>ok</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                    <concept_node>
                                        <name>previous</name>
                                        <definition_loaded>false</definition_loaded>
@@ -19385,6 +19521,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>sharetoteams</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                    <concept_node>
                                        <name>submit</name>
                                        <definition_loaded>false</definition_loaded>
@@ -43090,6 +43247,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>parts_returns</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                    <concept_node>
                                        <name>print</name>
                                        <definition_loaded>false</definition_loaded>
@@ -48557,6 +48735,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>unassigned</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                    <concept_node>
                                        <name>vertical</name>
                                        <definition_loaded>false</definition_loaded>
@@ -52732,6 +52931,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>purchases_by_date_excel</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                    <concept_node>
                                        <name>purchases_by_date_range_detail</name>
                                        <definition_loaded>false</definition_loaded>
@@ -54483,6 +54703,27 @@
                                            </translation>
                                        </translations>
                                    </concept_node>
+                                    <concept_node>
+                                        <name>view</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                </children>
                            </folder_node>
                            <folder_node>
--- a/client/package-lock.json
+++ b/client/package-lock.json
--- a/client/package.json
+++ b/client/package.json
@@ -8,77 +8,77 @@
  "private": true,
  "proxy": "http://localhost:4000",
  "dependencies": {
-    "@ant-design/pro-layout": "^7.19.12",
-    "@apollo/client": "^3.11.8",
+    "@ant-design/pro-layout": "^7.22.3",
+    "@apollo/client": "^3.13.1",
    "@emotion/is-prop-valid": "^1.3.1",
-    "@fingerprintjs/fingerprintjs": "^4.5.0",
+    "@fingerprintjs/fingerprintjs": "^4.6.1",
    "@jsreport/browser-client": "^3.1.0",
-    "@reduxjs/toolkit": "^2.2.7",
-    "@sentry/cli": "^2.36.2",
+    "@reduxjs/toolkit": "^2.6.0",
+    "@sentry/cli": "^2.42.2",
    "@sentry/react": "^7.114.0",
    "@splitsoftware/splitio-react": "^1.13.0",
-    "@tanem/react-nprogress": "^5.0.51",
-    "@vitejs/plugin-react": "^4.3.1",
-    "antd": "^5.20.1",
+    "@tanem/react-nprogress": "^5.0.53",
+    "@vitejs/plugin-react": "^4.3.4",
+    "antd": "^5.24.2",
    "apollo-link-logger": "^2.0.1",
    "apollo-link-sentry": "^3.3.0",
    "autosize": "^6.0.1",
-    "axios": "^1.7.7",
+    "axios": "^1.8.1",
    "classnames": "^2.5.1",
    "css-box-model": "^1.2.1",
    "dayjs": "^1.11.13",
-    "dayjs-business-days2": "^1.2.2",
+    "dayjs-business-days2": "^1.3.0",
    "dinero.js": "^1.9.1",
-    "dotenv": "^16.4.5",
+    "dotenv": "^16.4.7",
    "env-cmd": "^10.1.0",
    "exifr": "^7.1.3",
    "firebase": "^10.13.2",
-    "graphql": "^16.9.0",
+    "graphql": "^16.10.0",
    "i18next": "^23.15.1",
-    "i18next-browser-languagedetector": "^8.0.0",
+    "i18next-browser-languagedetector": "^8.0.4",
    "immutability-helper": "^3.1.1",
-    "libphonenumber-js": "^1.11.9",
+    "libphonenumber-js": "^1.12.4",
    "logrocket": "^8.1.2",
-    "markerjs2": "^2.32.2",
+    "markerjs2": "^2.32.3",
    "memoize-one": "^6.0.0",
    "normalize-url": "^8.0.1",
    "object-hash": "^3.0.0",
    "prop-types": "^15.8.1",
-    "query-string": "^9.1.0",
+    "query-string": "^9.1.1",
    "raf-schd": "^4.0.3",
    "react": "^18.3.1",
-    "react-big-calendar": "^1.14.1",
+    "react-big-calendar": "^1.18.0",
    "react-color": "^2.19.3",
-    "react-cookie": "^7.2.0",
+    "react-cookie": "^7.2.2",
    "react-dom": "^18.3.1",
    "react-drag-listview": "^2.0.0",
    "react-grid-gallery": "^1.0.1",
    "react-grid-layout": "1.3.4",
    "react-i18next": "^14.1.3",
-    "react-icons": "^5.3.0",
+    "react-icons": "^5.5.0",
    "react-image-lightbox": "^5.1.4",
-    "react-markdown": "^9.0.1",
-    "react-number-format": "^5.4.2",
+    "react-markdown": "^9.0.3",
+    "react-number-format": "^5.4.3",
    "react-popopo": "^2.1.9",
    "react-product-fruits": "^2.2.61",
-    "react-redux": "^9.1.2",
+    "react-redux": "^9.2.0",
    "react-resizable": "^3.0.5",
-    "react-router-dom": "^6.26.2",
+    "react-router-dom": "^6.30.0",
    "react-sticky": "^6.0.3",
-    "react-virtuoso": "^4.10.4",
-    "recharts": "^2.12.7",
+    "react-virtuoso": "^4.12.5",
+    "recharts": "^2.15.0",
    "redux": "^5.0.1",
    "redux-actions": "^3.0.3",
    "redux-persist": "^6.0.0",
    "redux-saga": "^1.3.0",
    "redux-state-sync": "^3.1.4",
    "reselect": "^5.1.1",
-    "sass": "^1.79.3",
-    "socket.io-client": "^4.8.0",
-    "styled-components": "^6.1.13",
+    "sass": "^1.85.1",
+    "socket.io-client": "^4.8.1",
+    "styled-components": "^6.1.15",
    "subscriptions-transport-ws": "^0.11.0",
    "use-memo-one": "^1.1.3",
-    "userpilot": "^1.3.6",
+    "userpilot": "^1.3.8",
    "vite-plugin-ejs": "^1.7.0",
    "web-vitals": "^3.5.2"
  },
@@ -120,36 +120,36 @@
    "@rollup/rollup-linux-x64-gnu": "4.6.1"
  },
  "devDependencies": {
-    "@ant-design/icons": "^5.5.1",
+    "@ant-design/icons": "^5.6.1",
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/preset-react": "^7.24.7",
-    "@dotenvx/dotenvx": "^1.14.1",
-    "@emotion/babel-plugin": "^11.12.0",
-    "@emotion/react": "^11.13.3",
-    "@eslint/js": "^9.15.0",
+    "@babel/preset-react": "^7.26.3",
+    "@dotenvx/dotenvx": "^1.38.3",
+    "@emotion/babel-plugin": "^11.13.5",
+    "@emotion/react": "^11.14.0",
+    "@eslint/js": "^9.21.0",
    "@sentry/webpack-plugin": "^2.22.4",
    "@testing-library/cypress": "^10.0.2",
-    "browserslist": "^4.23.3",
+    "browserslist": "^4.24.4",
    "browserslist-to-esbuild": "^2.1.1",
-    "chalk": "^5.3.0",
+    "chalk": "^5.4.1",
    "cross-env": "^7.0.3",
-    "cypress": "^13.14.2",
+    "cypress": "^13.17.0",
    "eslint": "^8.57.1",
    "eslint-config-react-app": "^7.0.1",
    "eslint-plugin-cypress": "^2.15.1",
-    "eslint-plugin-react": "^7.37.2",
-    "globals": "^15.12.0",
-    "memfs": "^4.12.0",
+    "eslint-plugin-react": "^7.37.4",
+    "globals": "^15.15.0",
+    "memfs": "^4.17.0",
    "os-browserify": "^0.3.0",
-    "react-error-overlay": "6.0.11",
+    "react-error-overlay": "^6.1.0",
    "redux-logger": "^3.0.6",
    "source-map-explorer": "^2.5.3",
-    "vite": "^5.4.7",
-    "vite-plugin-babel": "^1.2.0",
+    "vite": "^6.2.0",
+    "vite-plugin-babel": "^1.3.0",
    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-node-polyfills": "^0.22.0",
-    "vite-plugin-pwa": "^0.20.5",
+    "vite-plugin-node-polyfills": "^0.23.0",
+    "vite-plugin-pwa": "^0.21.1",
    "vite-plugin-style-import": "^2.0.0",
-    "workbox-window": "^7.1.0"
+    "workbox-window": "^7.3.0"
  }
 }
--- a/client/src/App/App.jsx
+++ b/client/src/App/App.jsx
@@ -1,10 +1,10 @@
 import { useSplitClient } from "@splitsoftware/splitio-react";
 import { Button, Result } from "antd";
 import LogRocket from "logrocket";
-import React, { lazy, Suspense, useEffect, useState } from "react";
+import { lazy, Suspense, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { Route, Routes } from "react-router-dom";
+import { Route, Routes, useNavigate } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import DocumentEditorContainer from "../components/document-editor/document-editor.container";
 import ErrorBoundary from "../components/error-boundary/error-boundary.component"; // Component Imports
@@ -46,6 +46,7 @@ export function App({ bodyshop, checkUserSession, currentUser, online, setOnline
  const client = useSplitClient().client;
  const [listenersAdded, setListenersAdded] = useState(false);
  const { t } = useTranslation();
+  const navigate = useNavigate();

  useEffect(() => {
    if (!navigator.onLine) {
@@ -200,7 +201,7 @@ export function App({ bodyshop, checkUserSession, currentUser, online, setOnline
            path="/manage/*"
            element={
              <ErrorBoundary>
-                <SocketProvider bodyshop={bodyshop}>
+                <SocketProvider bodyshop={bodyshop} navigate={navigate}>
                  <PrivateRoute isAuthorized={currentUser.authorized} />
                </SocketProvider>
              </ErrorBoundary>
@@ -212,7 +213,7 @@ export function App({ bodyshop, checkUserSession, currentUser, online, setOnline
            path="/tech/*"
            element={
              <ErrorBoundary>
-                <SocketProvider bodyshop={bodyshop}>
+                <SocketProvider bodyshop={bodyshop} navigate={navigate}>
                  <PrivateRoute isAuthorized={currentUser.authorized} />
                </SocketProvider>
              </ErrorBoundary>
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -5,6 +5,13 @@
  border-bottom: 1px solid #74695c !important;
 }

+// TODO: This was added because the newest release of ant was making the text color and the background color the same on a selected header
+// Tried all available tokens (https://ant.design/components/menu?locale=en-US) and even reverted all our custom styles, to no avail
+// This should be kept an eye on, especially if implementing DARK MODE
+.ant-menu-submenu-title {
+  color: rgba(255, 255, 255, 0.65) !important;
+}
+
 .imex-table-header {
  display: flex;
  flex-wrap: wrap;
--- a/client/src/components/chat-affix/chat-affix.container.jsx
+++ b/client/src/components/chat-affix/chat-affix.container.jsx
@@ -1,9 +1,9 @@
 import { useApolloClient } from "@apollo/client";
 import { getToken } from "@firebase/messaging";
 import axios from "axios";
-import React, { useContext, useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import SocketContext from "../../contexts/SocketIO/socketContext";
+import { useSocket } from "../../contexts/SocketIO/socketContext";
 import { messaging, requestForToken } from "../../firebase/firebase.utils";
 import ChatPopupComponent from "../chat-popup/chat-popup.component";
 import "./chat-affix.styles.scss";
@@ -12,7 +12,7 @@ import { registerMessagingHandlers, unregisterMessagingHandlers } from "./regist
 export function ChatAffixContainer({ bodyshop, chatVisible }) {
  const { t } = useTranslation();
  const client = useApolloClient();
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();

  useEffect(() => {
    if (!bodyshop || !bodyshop.messagingservicesid) return;
--- a/client/src/components/chat-archive-button/chat-archive-button.component.jsx
+++ b/client/src/components/chat-archive-button/chat-archive-button.component.jsx
@@ -1,9 +1,9 @@
 import { useMutation } from "@apollo/client";
 import { Button } from "antd";
-import React, { useContext, useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { TOGGLE_CONVERSATION_ARCHIVE } from "../../graphql/conversations.queries";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors.js";
 import { connect } from "react-redux";
@@ -18,7 +18,7 @@ export function ChatArchiveButton({ conversation, bodyshop }) {
  const [loading, setLoading] = useState(false);
  const { t } = useTranslation();
  const [updateConversation] = useMutation(TOGGLE_CONVERSATION_ARCHIVE);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();

  const handleToggleArchive = async () => {
    setLoading(true);
--- a/client/src/components/chat-conversation-title-tags/chat-conversation-title-tags.component.jsx
+++ b/client/src/components/chat-conversation-title-tags/chat-conversation-title-tags.component.jsx
@@ -1,11 +1,10 @@
 import { useMutation } from "@apollo/client";
 import { Tag } from "antd";
-import React, { useContext } from "react";
 import { Link } from "react-router-dom";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import { REMOVE_CONVERSATION_TAG } from "../../graphql/job-conversations.queries";
 import OwnerNameDisplay from "../owner-name-display/owner-name-display.component";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors.js";
 import { connect } from "react-redux";
@@ -18,7 +17,7 @@ const mapDispatchToProps = () => ({});

 export function ChatConversationTitleTags({ jobConversations, bodyshop }) {
  const [removeJobConversation] = useMutation(REMOVE_CONVERSATION_TAG);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();

  const handleRemoveTag = async (jobId) => {
    const convId = jobConversations[0].conversationid;
--- a/client/src/components/chat-conversation/chat-conversation.container.jsx
+++ b/client/src/components/chat-conversation/chat-conversation.container.jsx
@@ -1,10 +1,10 @@
 import { gql, useApolloClient, useQuery, useSubscription } from "@apollo/client";
 import axios from "axios";
-import React, { useCallback, useContext, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import SocketContext from "../../contexts/SocketIO/socketContext";
-import { GET_CONVERSATION_DETAILS, CONVERSATION_SUBSCRIPTION_BY_PK } from "../../graphql/conversations.queries";
+import { useSocket } from "../../contexts/SocketIO/socketContext";
+import { CONVERSATION_SUBSCRIPTION_BY_PK, GET_CONVERSATION_DETAILS } from "../../graphql/conversations.queries";
 import { selectSelectedConversation } from "../../redux/messaging/messaging.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import ChatConversationComponent from "./chat-conversation.component";
@@ -16,7 +16,7 @@ const mapStateToProps = createStructuredSelector({

 function ChatConversationContainer({ bodyshop, selectedConversation }) {
  const client = useApolloClient();
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const [markingAsReadInProgress, setMarkingAsReadInProgress] = useState(false);

  // Fetch conversation details
--- a/client/src/components/chat-label/chat-label.component.jsx
+++ b/client/src/components/chat-label/chat-label.component.jsx
@@ -1,10 +1,10 @@
 import { PlusOutlined } from "@ant-design/icons";
 import { useMutation } from "@apollo/client";
 import { Input, Spin, Tag, Tooltip } from "antd";
-import React, { useContext, useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { UPDATE_CONVERSATION_LABEL } from "../../graphql/conversations.queries";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors.js";
 import { connect } from "react-redux";
@@ -20,7 +20,7 @@ export function ChatLabel({ conversation, bodyshop }) {
  const [loading, setLoading] = useState(false);
  const [editing, setEditing] = useState(false);
  const [value, setValue] = useState(conversation.label);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const notification = useNotification();

  const { t } = useTranslation();
--- a/client/src/components/chat-new-conversation/chat-new-conversation.component.jsx
+++ b/client/src/components/chat-new-conversation/chat-new-conversation.component.jsx
@@ -1,12 +1,11 @@
 import { PlusCircleFilled } from "@ant-design/icons";
 import { Button, Form, Popover } from "antd";
-import React, { useContext } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { openChatByPhone } from "../../redux/messaging/messaging.actions";
 import PhoneFormItem, { PhoneItemFormatterValidation } from "../form-items-formatted/phone-form-item.component";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";

 const mapStateToProps = createStructuredSelector({
  //currentUser: selectCurrentUser
@@ -18,7 +17,7 @@ const mapDispatchToProps = (dispatch) => ({
 export function ChatNewConversation({ openChatByPhone }) {
  const { t } = useTranslation();
  const [form] = Form.useForm();
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();

  const handleFinish = (values) => {
    openChatByPhone({ phone_num: values.phoneNumber, socket });
--- a/client/src/components/chat-open-button/chat-open-button.component.jsx
+++ b/client/src/components/chat-open-button/chat-open-button.component.jsx
@@ -1,5 +1,4 @@
 import parsePhoneNumber from "libphonenumber-js";
-import React, { useContext } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { openChatByPhone } from "../../redux/messaging/messaging.actions";
@@ -8,7 +7,7 @@ import PhoneNumberFormatter from "../../utils/PhoneFormatter";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { searchingForConversation } from "../../redux/messaging/messaging.selectors";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";

 const mapStateToProps = createStructuredSelector({
@@ -22,7 +21,7 @@ const mapDispatchToProps = (dispatch) => ({

 export function ChatOpenButton({ bodyshop, searchingForConversation, phone, jobid, openChatByPhone }) {
  const { t } = useTranslation();
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const notification = useNotification();

  if (!phone) return <></>;
--- a/client/src/components/chat-popup/chat-popup.component.jsx
+++ b/client/src/components/chat-popup/chat-popup.component.jsx
@@ -1,7 +1,7 @@
 import { InfoCircleOutlined, MessageOutlined, ShrinkOutlined, SyncOutlined } from "@ant-design/icons";
 import { useApolloClient, useLazyQuery, useQuery } from "@apollo/client";
 import { Badge, Card, Col, Row, Space, Tag, Tooltip, Typography } from "antd";
-import React, { useContext, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -12,8 +12,9 @@ import ChatConversationListComponent from "../chat-conversation-list/chat-conver
 import ChatConversationContainer from "../chat-conversation/chat-conversation.container";
 import ChatNewConversation from "../chat-new-conversation/chat-new-conversation.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
+
 import "./chat-popup.styles.scss";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";

 const mapStateToProps = createStructuredSelector({
  selectedConversation: selectSelectedConversation,
@@ -27,7 +28,7 @@ const mapDispatchToProps = (dispatch) => ({
 export function ChatPopupComponent({ chatVisible, selectedConversation, toggleChatVisible }) {
  const { t } = useTranslation();
  const [pollInterval, setPollInterval] = useState(0);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const client = useApolloClient(); // Apollo Client instance for cache operations

  // Lazy query for conversations
@@ -42,8 +43,7 @@ export function ChatPopupComponent({ chatVisible, selectedConversation, toggleCh
  const { data: unreadData } = useQuery(UNREAD_CONVERSATION_COUNT, {
    fetchPolicy: "network-only",
    nextFetchPolicy: "network-only",
-    skip: chatVisible, // Skip when chat is visible
-    ...(pollInterval > 0 ? { pollInterval } : {})
+    pollInterval: 60 * 1000 // TODO: This is a fix for now, should be coming from sockets
  });

  // Socket connection status
@@ -85,29 +85,25 @@ export function ChatPopupComponent({ chatVisible, selectedConversation, toggleCh

  // Get unread count from the cache
  const unreadCount = (() => {
-    if (chatVisible) {
-      try {
-        const cachedData = client.readQuery({
-          query: CONVERSATION_LIST_QUERY,
-          variables: { offset: 0 }
-        });
+    try {
+      const cachedData = client.readQuery({
+        query: CONVERSATION_LIST_QUERY,
+        variables: { offset: 0 }
+      });

-        if (!cachedData?.conversations) return 0;
-
-        // Aggregate unread message count
-        return cachedData.conversations.reduce((total, conversation) => {
-          const unread = conversation.messages_aggregate?.aggregate?.count || 0;
-          return total + unread;
-        }, 0);
-      } catch (error) {
-        console.warn("Unread count not found in cache:", error);
-        return 0; // Fallback if not in cache
+      if (!cachedData?.conversations) {
+        return unreadData?.messages_aggregate?.aggregate?.count;
      }
-    } else if (unreadData?.messages_aggregate?.aggregate?.count) {
-      // Use the unread count from the query result
-      return unreadData.messages_aggregate.aggregate.count;
+
+      // Aggregate unread message count
+      return cachedData.conversations.reduce((total, conversation) => {
+        const unread = conversation.messages_aggregate?.aggregate?.count || 0;
+        return total + unread;
+      }, 0);
+    } catch (error) {
+      console.warn("Unread count not found in cache:", error);
+      return 0; // Fallback if not in cache
    }
-    return 0;
  })();

  return (
--- a/client/src/components/chat-tag-ro/chat-tag-ro.container.jsx
+++ b/client/src/components/chat-tag-ro/chat-tag-ro.container.jsx
@@ -2,13 +2,13 @@ import { PlusOutlined } from "@ant-design/icons";
 import { useLazyQuery, useMutation } from "@apollo/client";
 import { Tag } from "antd";
 import _ from "lodash";
-import React, { useContext, useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import { INSERT_CONVERSATION_TAG } from "../../graphql/job-conversations.queries";
 import { SEARCH_FOR_JOBS } from "../../graphql/jobs.queries";
 import ChatTagRo from "./chat-tag-ro.component";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors.js";
 import { connect } from "react-redux";
@@ -22,7 +22,7 @@ const mapDispatchToProps = () => ({});
 export function ChatTagRoContainer({ conversation, bodyshop }) {
  const { t } = useTranslation();
  const [open, setOpen] = useState(false);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();

  const [loadRo, { loading, data }] = useLazyQuery(SEARCH_FOR_JOBS);

--- a/client/src/components/error-boundary/error-boundary.component.jsx
+++ b/client/src/components/error-boundary/error-boundary.component.jsx
@@ -75,6 +75,22 @@ class ErrorBoundary extends React.Component {
  render() {
    const { t } = this.props;
    const { error, info } = this.state;
+
+    const collapseItems = error
+      ? [
+          {
+            key: "errors",
+            label: t("general.labels.errors"),
+            children: (
+              <div>
+                <strong>{error.message || "Unknown error"}</strong>
+                <div>{error.stack || "No stack trace available"}</div>
+              </div>
+            )
+          }
+        ]
+      : [];
+
    if (this.state.hasErrored === true) {
      logImEXEvent("error_boundary_rendered", { error, info });

@@ -122,14 +138,7 @@ class ErrorBoundary extends React.Component {
          />
          <Row>
            <Col offset={6} span={12}>
-              <Collapse bordered={false}>
-                <Collapse.Panel header={t("general.labels.errors")}>
-                  <div>
-                    <strong>{this.state.error.message}</strong>
-                  </div>
-                  <div>{this.state.error.stack}</div>
-                </Collapse.Panel>
-              </Collapse>
+              <Collapse bordered={false} items={collapseItems} />
            </Col>
          </Row>
        </div>
--- a/client/src/components/header/header.component.jsx
+++ b/client/src/components/header/header.component.jsx
@@ -1,6 +1,7 @@
 import Icon, {
  BankFilled,
  BarChartOutlined,
+  BellFilled,
  CarFilled,
  CheckCircleOutlined,
  ClockCircleFilled,
@@ -26,7 +27,7 @@ import Icon, {
  UserOutlined
 } from "@ant-design/icons";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import { Layout, Menu, Space } from "antd";
+import { Badge, Layout, Menu, Space, Spin } from "antd";
 import { useTranslation } from "react-i18next";
 import { BsKanban } from "react-icons/bs";
 import { FaCalendarAlt, FaCarCrash, FaCreditCard, FaFileInvoiceDollar, FaTasks } from "react-icons/fa";
@@ -44,6 +45,15 @@ import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selecto
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import { HasFeatureAccess } from "../feature-wrapper/feature-wrapper.component";
 import LockWrapper from "../lock-wrapper/lock-wrapper.component";
+import { useState, useEffect } from "react";
+import { debounce } from "lodash";
+import { useQuery } from "@apollo/client";
+import { GET_UNREAD_COUNT } from "../../graphql/notifications.queries.js";
+import NotificationCenterContainer from "../notification-center/notification-center.container.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
+
+// Used to Determine if the Header is in Mobile Mode, and to toggle the multiple menus
+const HEADER_MOBILE_BREAKPOINT = 576;

 const mapStateToProps = createStructuredSelector({
  currentUser: selectCurrentUser,
@@ -116,18 +126,64 @@ function Header({

  const { t } = useTranslation();

-  // const deleteBetaCookie = () => {
-  //   const cookieExists = document.cookie.split("; ").some((row) => row.startsWith(`betaSwitchImex=`));
-  //   if (cookieExists) {
-  //     const domain = window.location.hostname.split(".").slice(-2).join(".");
-  //     document.cookie = `betaSwitchImex=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=.${domain}`;
-  //   }
-  // };
-  //
-  // deleteBetaCookie();
+  const { isConnected } = useSocket();
+  const [notificationVisible, setNotificationVisible] = useState(false);

+  const userAssociationId = bodyshop?.associations?.[0]?.id;
+
+  const {
+    data: unreadData,
+    refetch: refetchUnread,
+    loading: unreadLoading
+  } = useQuery(GET_UNREAD_COUNT, {
+    variables: { associationid: userAssociationId },
+    fetchPolicy: "network-only",
+    pollInterval: isConnected ? 0 : 30000, // Poll only if socket is down
+    skip: !userAssociationId // Skip query if no userAssociationId
+  });
+
+  const unreadCount = unreadData?.notifications_aggregate?.aggregate?.count ?? 0;
+
+  // Initial fetch and socket status handling
+  useEffect(() => {
+    if (userAssociationId) {
+      refetchUnread().catch((e) => console.error(`Something went wrong fetching unread notifications: ${e?.message}`));
+    }
+  }, [refetchUnread, userAssociationId]);
+
+  useEffect(() => {
+    if (!isConnected && !unreadLoading && userAssociationId) {
+      refetchUnread().catch((e) => console.error(`Something went wrong fetching unread notifications: ${e?.message}`));
+    }
+  }, [isConnected, unreadLoading, refetchUnread, userAssociationId]);
+
+  const handleNotificationClick = (e) => {
+    setNotificationVisible(!notificationVisible);
+    if (handleMenuClick) handleMenuClick(e);
+  };
+
+  const [isMobile, setIsMobile] = useState(() => {
+    const effectiveWidth = window.innerWidth / (window.devicePixelRatio || 1);
+    return effectiveWidth <= HEADER_MOBILE_BREAKPOINT;
+  });
+
+  const handleResize = debounce(() => {
+    const effectiveWidth = window.innerWidth / (window.devicePixelRatio || 1);
+    setIsMobile(effectiveWidth <= HEADER_MOBILE_BREAKPOINT);
+  }, 200);
+
+  useEffect(() => {
+    window.addEventListener("resize", handleResize);
+    window.addEventListener("orientationchange", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      window.removeEventListener("orientationchange", handleResize);
+      handleResize.cancel(); // Cancel any pending debounced calls on cleanup
+    };
+  }, [handleResize]);
+
+  // Accounting children setup (unchanged)
  const accountingChildren = [];
-
  accountingChildren.push(
    {
      key: "bills",
@@ -350,6 +406,7 @@ function Header({
    children: accountingExportChildren
  });

+  // Define all menu items
  const menuItems = [
    {
      key: "home",
@@ -419,7 +476,6 @@ function Header({
          icon: <ScheduleOutlined />,
          label: <Link to="/manage/production/list">{t("menus.header.productionlist")}</Link>
        },
-
        {
          key: "productionboard",
          id: "header-production-board",
@@ -432,7 +488,6 @@ function Header({
            </Link>
          )
        },
-
        {
          type: "divider",
          id: "header-jobs-divider3"
@@ -519,7 +574,6 @@ function Header({
        }
      ]
    },
-
    ...(accountingChildren.length > 0
      ? [
          {
@@ -537,7 +591,6 @@ function Header({
      icon: <PhoneOutlined />,
      label: <Link to="/manage/phonebook">{t("menus.header.phonebook")}</Link>
    },
-
    {
      key: "temporarydocs",
      id: "header-temporarydocs",
@@ -550,7 +603,6 @@ function Header({
        </Link>
      )
    },
-
    {
      key: "tasks",
      id: "tasks",
@@ -623,7 +675,6 @@ function Header({
          icon: <Icon component={IoBusinessOutline} />,
          label: <Link to="/manage/shop/vendors">{t("menus.header.shop_vendors")}</Link>
        },
-
        {
          key: "shop-csi",
          id: "header-shop-csi",
@@ -638,9 +689,33 @@ function Header({
        }
      ]
    },
+    // Right-aligned items on desktop, merged on mobile
+    {
+      key: "notifications",
+      icon: unreadLoading ? (
+        <Spin size="small" />
+      ) : (
+        <Badge count={unreadCount}>
+          <BellFilled />
+        </Badge>
+      ),
+      id: "header-notifications",
+      onClick: handleNotificationClick
+    },
+    {
+      key: "recent",
+      icon: <ClockCircleFilled />,
+      id: "header-recent",
+      children: recentItems.map((i, idx) => ({
+        key: idx,
+        id: `header-recent-${idx}`,
+        label: <Link to={i.url}>{i.label}</Link>
+      }))
+    },
    {
      key: "user",
-      label: currentUser.displayName || currentUser.email || t("general.labels.unknown"),
+      icon: <UserOutlined />,
+      // label: currentUser.displayName || currentUser.email || t("general.labels.unknown"),
      children: [
        {
          key: "signout",
@@ -675,7 +750,6 @@ function Header({
              }
            ]
          : []),
-
        {
          key: "shiftclock",
          id: "header-shiftclock",
@@ -688,64 +762,68 @@ function Header({
            </Link>
          )
        },
-
        {
          key: "profile",
          id: "header-profile",
          icon: <UserOutlined />,
          label: <Link to="/manage/profile">{t("menus.currentuser.profile")}</Link>
        }
-        // {
-        //   key: 'langselecter',
-        //   label: t("menus.currentuser.languageselector"),
-        //   children: [
-        //     {
-        //       key: 'en-US',
-        //       label: t("general.languages.english"),
-        //       onClick: () => {
-        //         window.location.href = "/?lang=en-US";
-        //       }
-        //     },
-        //     {
-        //       key: 'fr-CA',
-        //       label: t("general.languages.french"),
-        //       onClick: () => {
-        //         window.location.href = "/?lang=fr-CA";
-        //       }
-        //     },
-        //     {
-        //       key: 'es-MX',
-        //       label: t("general.languages.spanish"),
-        //       onClick: () => {
-        //         window.location.href = "/?lang=es-MX";
-        //       }
-        //     },
-        //   ]
-        // },
      ]
-    },
-    {
-      key: "recent",
-      icon: <ClockCircleFilled />,
-      id: "header-recent",
-      children: recentItems.map((i, idx) => ({
-        key: idx,
-        id: `header-recent-${idx}`,
-        label: <Link to={i.url}>{i.label}</Link>
-      }))
    }
  ];

  return (
-    <Layout.Header>
-      <Menu
-        mode="horizontal"
-        theme={"dark"}
-        selectedKeys={[selectedHeader]}
-        onClick={handleMenuClick}
-        subMenuCloseDelay={0.3}
-        items={menuItems}
-      />
+    <Layout.Header style={{ padding: 0 }}>
+      {isMobile ? (
+        <Menu
+          mode="horizontal"
+          theme="dark"
+          selectedKeys={[selectedHeader]}
+          onClick={handleMenuClick}
+          subMenuCloseDelay={0.3}
+          items={menuItems}
+          style={{ width: "100%" }}
+        />
+      ) : (
+        <div
+          style={{
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            width: "100%"
+          }}
+        >
+          <Menu
+            mode="horizontal"
+            theme="dark"
+            selectedKeys={[selectedHeader]}
+            onClick={handleMenuClick}
+            subMenuCloseDelay={0.3}
+            items={menuItems.slice(0, -3)}
+            style={{
+              flex: "0 1 auto",
+              justifyContent: "flex-start",
+              minWidth: 0,
+              overflow: "visible"
+            }}
+          />
+          <div style={{ flex: "1 0 0" }} />
+          <Menu
+            mode="horizontal"
+            theme="dark"
+            selectedKeys={[selectedHeader]}
+            onClick={handleMenuClick}
+            subMenuCloseDelay={0.3}
+            items={menuItems.slice(-3)}
+            style={{
+              flex: "0 0 auto",
+              justifyContent: "flex-end",
+              overflow: "visible"
+            }}
+          />
+          <NotificationCenterContainer visible={notificationVisible} onClose={() => setNotificationVisible(false)} />
+        </div>
+      )}
    </Layout.Header>
  );
 }
--- a/client/src/components/header/header.container.jsx
+++ b/client/src/components/header/header.container.jsx
@@ -1,31 +1,8 @@
-import i18next from "i18next";
-import React from "react";
 import { connect } from "react-redux";
-import { setUserLanguage } from "../../redux/user/user.actions";
 import HeaderComponent from "./header.component";
-import { logImEXEvent } from "../../firebase/firebase.utils";

-const mapDispatchToProps = (dispatch) => ({
-  setUserLanguage: (language) => dispatch(setUserLanguage(language))
-});
-
-export function HeaderContainer({ setUserLanguage }) {
-  const handleMenuClick = (e) => {
-    if (e.item.props.actiontype === "lang-select") {
-      i18next.changeLanguage(e.key, (err, t) => {
-        if (err) {
-          logImEXEvent("language_change_error", { error: err });
-
-          return console.log("Error encountered when changing languages.", err);
-        }
-        logImEXEvent("language_change", { language: e.key });
-
-        setUserLanguage(e.key);
-      });
-    }
-  };
-
-  return <HeaderComponent handleMenuClick={handleMenuClick} />;
+export function HeaderContainer() {
+  return <HeaderComponent />;
 }

-export default connect(null, mapDispatchToProps)(HeaderContainer);
+export default connect(null, null)(HeaderContainer);
--- a/client/src/components/job-at-change/schedule-event.component.jsx
+++ b/client/src/components/job-at-change/schedule-event.component.jsx
@@ -3,12 +3,12 @@ import { useMutation } from "@apollo/client";
 import { Button, Divider, Dropdown, Form, Input, Popover, Select, Space } from "antd";
 import parsePhoneNumber from "libphonenumber-js";
 import queryString from "query-string";
-import React, { useContext, useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { UPDATE_APPOINTMENT } from "../../graphql/appointments.queries";
 import { openChatByPhone, setMessage } from "../../redux/messaging/messaging.actions";
 import { setModalContext } from "../../redux/modals/modals.actions";
@@ -51,7 +51,7 @@ export function ScheduleEventComponent({
  const searchParams = queryString.parse(useLocation().search);
  const [updateAppointment] = useMutation(UPDATE_APPOINTMENT);
  const [title, setTitle] = useState(event.title);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const notification = useNotification();

  const blockContent = (
--- a/client/src/components/job-close-ro-guard/job-close-ro-guard.container.jsx
+++ b/client/src/components/job-close-ro-guard/job-close-ro-guard.container.jsx
@@ -16,7 +16,6 @@ import InstanceRenderManager from "../../utils/instanceRenderMgr";
 import JobCloseRoGuardTtLifecycle from "./job-close-ro-guard.tt-lifecycle";

 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
  bodyshop: selectBodyshop,
  jobRO: selectJobReadOnly
 });
@@ -40,34 +39,13 @@ export function JobCloseRoGuardContainer({ job, jobRO, bodyshop, form }) {

  if (!bodyshop?.md_ro_guard?.enabled) return null;

-  return (
-    <>
-      {warnings.length > 0 && (
-        <Card
-          title={
-            <Space size="small">
-              <Badge count={warnings.length} />
-              {t("jobs.labels.roguardwarnings")}
-            </Space>
-          }
-        >
-          <ul>
-            {warnings.map((w, index) => (
-              <li key={index}>
-                {bodyshop.md_ro_guard[`enforce_${w.key}`] && (
-                  <Tooltip title={t("jobs.labels.ro_guard.enforced")}>
-                    <LockOutlined style={{ color: "tomato", marginRight: "8px" }} />
-                  </Tooltip>
-                )}
-                {w.warning}
-              </li>
-            ))}
-          </ul>
-        </Card>
-      )}
-
-      <Collapse>
-        <Collapse.Panel forceRender key="roguard" header={t("jobs.labels.roguard")}>
+  // Define collapse items for both panels
+  const collapseItems = [
+    {
+      key: "roguard",
+      label: t("jobs.labels.roguard"),
+      children: (
+        <>
          <Row gutter={[32, 32]}>
            <Col span={24}>
              <JobCloseRoGuardBills job={job} form={form} warningCallback={warningCallback} />
@@ -85,7 +63,6 @@ export function JobCloseRoGuardContainer({ job, jobRO, bodyshop, form }) {
            {InstanceRenderManager({
              rome: (
                <Col md={24} lg={8}>
-                  {/* <JobCloseRoGuardSublet job={job} warningCallback={warningCallback} /> */}
                  <JobCloseRoGuardPpd job={job} warningCallback={warningCallback} />
                </Col>
              )
@@ -214,16 +191,50 @@ export function JobCloseRoGuardContainer({ job, jobRO, bodyshop, form }) {
          >
            <Input prefix={<LockOutlined />} type="password" placeholder="Password" disabled={jobRO} />
          </Form.Item>
-        </Collapse.Panel>
+        </>
+      ),
+      forceRender: true // Preserve the forceRender prop from the original
+    },
+    {
+      key: "performance",
+      label: t("jobs.labels.performance"),
+      children: (
+        <Row gutter={[32, 32]}>
+          <Col className="ro-guard-col" span={24}>
+            <JobCloseRoGuardTtLifecycle job={job} />
+          </Col>
+        </Row>
+      )
+    }
+  ];

-        <Collapse.Panel header={t("jobs.labels.performance")}>
-          <Row gutter={[32, 32]}>
-            <Col className="ro-guard-col" span={24}>
-              <JobCloseRoGuardTtLifecycle job={job} />
-            </Col>
-          </Row>
-        </Collapse.Panel>
-      </Collapse>
+  return (
+    <>
+      {warnings.length > 0 && (
+        <Card
+          title={
+            <Space size="small">
+              <Badge count={warnings.length} />
+              {t("jobs.labels.roguardwarnings")}
+            </Space>
+          }
+        >
+          <ul>
+            {warnings.map((w, index) => (
+              <li key={index}>
+                {bodyshop.md_ro_guard[`enforce_${w.key}`] && (
+                  <Tooltip title={t("jobs.labels.ro_guard.enforced")}>
+                    <LockOutlined style={{ color: "tomato", marginRight: "8px" }} />
+                  </Tooltip>
+                )}
+                {w.warning}
+              </li>
+            ))}
+          </ul>
+        </Card>
+      )}
+
+      <Collapse items={collapseItems} />
    </>
  );
 }
--- a/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.container.jsx
+++ b/client/src/components/job-lines-upsert-modal/job-lines-upsert-modal.container.jsx
@@ -62,6 +62,9 @@ function JobLinesUpsertModalContainer({ jobLineEditModal, toggleModalVisible, bo
        refetchQueries: ["GET_LINE_TICKET_BY_PK"]
      });
      if (!r.errors) {
+        if (CriticalPartsScanning.treatment === "on") {
+          await CriticalPartsScan(jobLineEditModal.context.jobid, notification);
+        }
        await Axios.post("/job/totalsssu", {
          id: jobLineEditModal.context.jobid
        });
@@ -107,7 +110,9 @@ function JobLinesUpsertModalContainer({ jobLineEditModal, toggleModalVisible, bo
          })
        });
      }
-
+      if (CriticalPartsScanning.treatment === "on") {
+        await CriticalPartsScan(jobLineEditModal.context.jobid, notification);
+      }
      if (jobLineEditModal.actions.submit) {
        jobLineEditModal.actions.submit();
      } else {
@@ -115,9 +120,7 @@ function JobLinesUpsertModalContainer({ jobLineEditModal, toggleModalVisible, bo
      }
      toggleModalVisible();
    }
-    if (CriticalPartsScanning.treatment === "on") {
-      CriticalPartsScan(jobLineEditModal.context.jobid, notification);
-    }
+
    setLoading(false);
  };

--- a/client/src/components/job-totals-table/job-totals-table.component.jsx
+++ b/client/src/components/job-totals-table/job-totals-table.component.jsx
@@ -27,7 +27,7 @@ const colSpan = {
 export function JobsTotalsTableComponent({ jobRO, currentUser, job }) {
  const { t } = useTranslation();

-  if (!!!job.job_totals) {
+  if (!job.job_totals) {
    return (
      <Card>
        <Result title={t("jobs.errors.nofinancial")} extra={<JobCalculateTotals job={job} disabled={jobRO} />} />
@@ -35,6 +35,29 @@ export function JobsTotalsTableComponent({ jobRO, currentUser, job }) {
    );
  }

+  // Define collapse items
+  const collapseItems = [
+    {
+      key: "json-tree-totals",
+      label: "JSON Tree Totals",
+      children: (
+        <div>
+          <pre>
+            {JSON.stringify(
+              {
+                CIECA: job.cieca_ttl && job.cieca_ttl.data,
+                CIECASTL: job.cieca_stl && job.cieca_stl.data,
+                ImEXCalc: job.job_totals
+              },
+              null,
+              2
+            )}
+          </pre>
+        </div>
+      )
+    }
+  ];
+
  return (
    <div>
      <Row gutter={[16, 16]}>
@@ -68,23 +91,7 @@ export function JobsTotalsTableComponent({ jobRO, currentUser, job }) {
              <Col span={24}>
                <Card title="DEVELOPMENT USE ONLY">
                  <JobCalculateTotals job={job} disabled={jobRO} />
-                  <Collapse>
-                    <Collapse.Panel header="JSON Tree Totals">
-                      <div>
-                        <pre>
-                          {JSON.stringify(
-                            {
-                              CIECA: job.cieca_ttl && job.cieca_ttl.data,
-                              CIECASTL: job.cieca_stl && job.cieca_stl.data,
-                              ImEXCalc: job.job_totals
-                            },
-                            null,
-                            2
-                          )}
-                        </pre>
-                      </div>
-                    </Collapse.Panel>
-                  </Collapse>
+                  <Collapse items={collapseItems} />
                </Card>
              </Col>
            )}
--- a/client/src/components/jobs-available-table/jobs-available-table.container.jsx
+++ b/client/src/components/jobs-available-table/jobs-available-table.container.jsx
@@ -172,13 +172,13 @@ export function JobsAvailableContainer({ bodyshop, currentUser, insertAuditTrail
          job: newJob
        }
      });
+      if (CriticalPartsScanning.treatment === "on") {
+        await CriticalPartsScan(r.data.insert_jobs.returning[0].id, notification);
+      }
      await Axios.post("/job/totalsssu", {
        id: r.data.insert_jobs.returning[0].id
      });

-      if (CriticalPartsScanning.treatment === "on") {
-        CriticalPartsScan(r.data.insert_jobs.returning[0].id, notification);
-      }
      notification["success"]({
        message: t("jobs.successes.created"),
        onClick: () => {
@@ -281,6 +281,7 @@ export function JobsAvailableContainer({ bodyshop, currentUser, insertAuditTrail
      if (CriticalPartsScanning.treatment === "on") {
        CriticalPartsScan(updateResult.data.update_jobs.returning[0].id, notification);
      }
+
      if (updateResult.errors) {
        //error while inserting
        notification["error"]({
--- a/client/src/components/jobs-create-jobs-info/jobs-create-jobs-info.component.jsx
+++ b/client/src/components/jobs-create-jobs-info/jobs-create-jobs-info.component.jsx
@@ -20,7 +20,6 @@ import JobsMarkPstExempt from "../jobs-mark-pst-exempt/jobs-mark-pst-exempt.comp
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";

 const mapStateToProps = createStructuredSelector({
-  //currentUser: selectCurrentUser
  bodyshop: selectBodyshop
 });
 const mapDispatchToProps = (dispatch) => ({
@@ -39,162 +38,175 @@ export function JobsCreateJobsInfo({ bodyshop, form, selected }) {
    }
  };

-  return (
-    <div>
-      <Collapse defaultActiveKey="insurance">
-        <Collapse.Panel key="insurance" header={t("menus.jobsdetail.insurance")} forceRender>
-          <LayoutFormRow>
-            <Form.Item label={t("jobs.fields.clm_no")} name="clm_no">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.policy_no")} name="policy_no">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.regie_number")} name="regie_number">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.ins_co_nm")} name="ins_co_nm">
-              <Select onChange={handleInsCoChange}>
-                {bodyshop.md_ins_cos.map((s) => (
-                  <Select.Option key={s.name} value={s.name}>
-                    {s.name}
-                  </Select.Option>
-                ))}
-              </Select>
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.ins_addr1")} name="ins_addr1">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.ins_city")} name="ins_city">
-              <Input />
-            </Form.Item>
-            <Form.Item
-              label={
-                <Space>
-                  {t("jobs.fields.ins_ct_ln")}
-                  <JobsDetailChangeFilehandler form={form} />
-                </Space>
+  // Define collapse items for all three panels
+  const collapseItems = [
+    {
+      key: "insurance",
+      label: t("menus.jobsdetail.insurance"),
+      children: (
+        <LayoutFormRow>
+          <Form.Item label={t("jobs.fields.clm_no")} name="clm_no">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.policy_no")} name="policy_no">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.regie_number")} name="regie_number">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.ins_co_nm")} name="ins_co_nm">
+            <Select onChange={handleInsCoChange}>
+              {bodyshop.md_ins_cos.map((s) => (
+                <Select.Option key={s.name} value={s.name}>
+                  {s.name}
+                </Select.Option>
+              ))}
+            </Select>
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.ins_addr1")} name="ins_addr1">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.ins_city")} name="ins_city">
+            <Input />
+          </Form.Item>
+          <Form.Item
+            label={
+              <Space>
+                {t("jobs.fields.ins_ct_ln")}
+                <JobsDetailChangeFilehandler form={form} />
+              </Space>
+            }
+            name="ins_ct_ln"
+          >
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.ins_ct_fn")} name="ins_ct_fn">
+            <Input />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.ins_ph1")}
+            name="ins_ph1"
+            rules={[({ getFieldValue }) => PhoneItemFormatterValidation(getFieldValue, "ins_ph1")]}
+          >
+            <FormItemPhone />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.ins_ea")}
+            name="ins_ea"
+            rules={[
+              {
+                type: "email",
+                message: "This is not a valid email address."
              }
-              name="ins_ct_ln"
-            >
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.ins_ct_fn")} name="ins_ct_fn">
-              <Input />
-            </Form.Item>
-            <Form.Item
-              label={t("jobs.fields.ins_ph1")}
-              name="ins_ph1"
-              rules={[({ getFieldValue }) => PhoneItemFormatterValidation(getFieldValue, "ins_ph1")]}
-            >
-              <FormItemPhone />
-            </Form.Item>
-            <Form.Item
-              label={t("jobs.fields.ins_ea")}
-              name="ins_ea"
-              rules={[
-                {
-                  type: "email",
-                  message: "This is not a valid email address."
-                }
-              ]}
-            >
-              <FormItemEmail email={getFieldValue("ins_ea")} />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.loss_date")} name="loss_date">
-              <DateTimePicker isDateOnly />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.kmin")} name="kmin">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.est_co_nm")} name="est_co_nm">
-              <Input />
-            </Form.Item>
-            <Form.Item
-              label={
-                <Space>
-                  {t("jobs.fields.est_ct_fn")}
-                  <JobsDetailChangeEstimator form={form} />
-                </Space>
+            ]}
+          >
+            <FormItemEmail email={getFieldValue("ins_ea")} />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.loss_date")} name="loss_date">
+            <DateTimePicker isDateOnly />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.kmin")} name="kmin">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.est_co_nm")} name="est_co_nm">
+            sausage <Input />
+          </Form.Item>
+          <Form.Item
+            label={
+              <Space>
+                {t("jobs.fields.est_ct_fn")}
+                <JobsDetailChangeEstimator form={form} />
+              </Space>
+            }
+            name="est_ct_fn"
+          >
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.est_ct_ln")} name="est_ct_ln">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.est_ph1")} name="est_ph1">
+            <Input />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.est_ea")}
+            name="est_ea"
+            rules={[
+              {
+                type: "email",
+                message: "This is not a valid email address."
              }
-              name="est_ct_fn"
-            >
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.est_ct_ln")} name="est_ct_ln">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.est_ph1")} name="est_ph1">
-              <Input />
-            </Form.Item>
-            <Form.Item
-              label={t("jobs.fields.est_ea")}
-              name="est_ea"
-              rules={[
-                {
-                  type: "email",
-                  message: "This is not a valid email address."
-                }
-              ]}
-            >
-              <FormItemEmail email={getFieldValue("est_ea")} />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.selling_dealer")} name="selling_dealer">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.servicing_dealer")} name="servicing_dealer">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.selling_dealer_contact")} name="selling_dealer_contact">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.servicing_dealer_contact")} name="servicing_dealer_contact">
-              <Input />
-            </Form.Item>
-          </LayoutFormRow>
-        </Collapse.Panel>
-        <Collapse.Panel forceRender key="claim" header={t("menus.jobsdetail.claimdetail")}>
-          <LayoutFormRow>
-            <Form.Item label={t("jobs.fields.loss_desc")} name="loss_desc">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.loss_of_use")} name="loss_of_use">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.ponumber")} name="po_number">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.unitnumber")} name="unit_number">
-              <Input />
-            </Form.Item>
-            <Form.Item
-              label={t("jobs.fields.specialcoveragepolicy")}
-              valuePropName="checked"
-              name="special_coverage_policy"
-            >
-              <Switch />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.kmin")} name="kmin">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.kmout")} name="kmout">
-              <Input />
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.referralsource")} name="referral_source">
-              <Select>
-                {bodyshop.md_referral_sources.map((s) => (
-                  <Select.Option key={s} value={s}>
-                    {s}
-                  </Select.Option>
-                ))}
-              </Select>
-            </Form.Item>
-            <Form.Item label={t("jobs.fields.referral_source_extra")} name="referral_source_extra">
-              <Input />
-            </Form.Item>
-          </LayoutFormRow>
-        </Collapse.Panel>
-        <Collapse.Panel forceRender key="financial" header={t("menus.jobsdetail.financials")}>
+            ]}
+          >
+            <FormItemEmail email={getFieldValue("est_ea")} />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.selling_dealer")} name="selling_dealer">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.servicing_dealer")} name="servicing_dealer">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.selling_dealer_contact")} name="selling_dealer_contact">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.servicing_dealer_contact")} name="servicing_dealer_contact">
+            <Input />
+          </Form.Item>
+        </LayoutFormRow>
+      ),
+      forceRender: true
+    },
+    {
+      key: "claim",
+      label: t("menus.jobsdetail.claimdetail"),
+      children: (
+        <LayoutFormRow>
+          <Form.Item label={t("jobs.fields.loss_desc")} name="loss_desc">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.loss_of_use")} name="loss_of_use">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.ponumber")} name="po_number">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.unitnumber")} name="unit_number">
+            <Input />
+          </Form.Item>
+          <Form.Item
+            label={t("jobs.fields.specialcoveragepolicy")}
+            valuePropName="checked"
+            name="special_coverage_policy"
+          >
+            <Switch />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.kmin")} name="kmin">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.kmout")} name="kmout">
+            <Input />
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.referralsource")} name="referral_source">
+            <Select>
+              {bodyshop.md_referral_sources.map((s) => (
+                <Select.Option key={s} value={s}>
+                  {s}
+                </Select.Option>
+              ))}
+            </Select>
+          </Form.Item>
+          <Form.Item label={t("jobs.fields.referral_source_extra")} name="referral_source_extra">
+            <Input />
+          </Form.Item>
+        </LayoutFormRow>
+      ),
+      forceRender: true
+    },
+    {
+      key: "financial",
+      label: t("menus.jobsdetail.financials"),
+      children: (
+        <>
          <JobsDetailRatesChangeButton form={form} />
          {InstanceRenderManager({
            imex: <JobsMarkPstExempt form={form} />
@@ -315,8 +327,15 @@ export function JobsCreateJobsInfo({ bodyshop, form, selected }) {
              <CurrencyInput />
            </Form.Item>
          </LayoutFormRow>
-        </Collapse.Panel>
-      </Collapse>
+        </>
+      ),
+      forceRender: true
+    }
+  ];
+
+  return (
+    <div>
+      <Collapse defaultActiveKey="insurance" items={collapseItems} />
      <JobsDetailRatesParts jobRO={false} expanded required={selected && true} form={form} />
      {InstanceRenderManager({
        rome: (
--- a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
+++ b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.component.jsx
@@ -4,12 +4,12 @@ import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Button, Card, Dropdown, Form, Input, Modal, Popconfirm, Popover, Select, Space } from "antd";
 import axios from "axios";
 import parsePhoneNumber from "libphonenumber-js";
-import { useContext, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, useNavigate } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { auth, logImEXEvent } from "../../firebase/firebase.utils";
 import { CANCEL_APPOINTMENTS_BY_JOB_ID, INSERT_MANUAL_APPT } from "../../graphql/appointments.queries";
 import { GET_CURRENT_QUESTIONSET_ID, INSERT_CSI } from "../../graphql/csi.queries";
@@ -130,14 +130,14 @@ export function JobsDetailHeaderActions({
  const [updateJob] = useMutation(UPDATE_JOB);
  const [voidJob] = useMutation(VOID_JOB);
  const [cancelAllAppointments] = useMutation(CANCEL_APPOINTMENTS_BY_JOB_ID);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const notification = useNotification();

  const {
-    treatments: { ImEXPay, Share_To_Teams }
+    treatments: { ImEXPay }
  } = useSplitTreatments({
    attributes: {},
-    names: ["ImEXPay", "Share_To_Teams"],
+    names: ["ImEXPay"],
    splitKey: bodyshop && bodyshop.imexshopid
  });

@@ -202,7 +202,10 @@ export function JobsDetailHeaderActions({
        message: t("appointments.successes.created")
      });
    } catch (error) {
-      notification.open({ type: "error", message: t("appointments.errors.saving", { error: error.message }) });
+      notification.open({
+        type: "error",
+        message: t("appointments.errors.saving", { error: error.message })
+      });
    } finally {
      setLoading(false);
      setVisibility(false);
@@ -839,7 +842,7 @@ export function JobsDetailHeaderActions({
          id: "job-actions-addtoproduction",
          disabled: !job.converted,
          label: t("jobs.actions.addtoproduction"),
-          onClick: () => AddToProduction(client, job.id, refetch, notification)
+          onClick: () => AddToProduction(client, job.id, refetch, false, notification)
        }
  );

@@ -972,7 +975,7 @@ export function JobsDetailHeaderActions({
    }
  );

-  if (Share_To_Teams?.treatment === "on") {
+  if (bodyshop?.md_functionality_toggles?.teams) {
    menuItems.push({
      key: "sharetoteams",
      id: "job-actions-sharetoteams",
--- a/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.toggle-production.jsx
+++ b/client/src/components/jobs-detail-header-actions/jobs-detail-header-actions.toggle-production.jsx
@@ -13,6 +13,7 @@ import AuditTrailMapping from "../../utils/AuditTrailMappings";
 import { DateTimeFormatterFunction } from "../../utils/DateFormatter";
 import FormDateTimePickerComponent from "../form-date-time-picker/form-date-time-picker.component";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component.jsx";

 const mapStateToProps = createStructuredSelector({
  //currentUser: selectCurrentUser,
@@ -39,7 +40,7 @@ export function JobsDetailHeaderActionsToggleProduction({
  const [form] = Form.useForm();
  const notification = useNotification();

-  const [getJobDetails] = useLazyQuery(GET_JOB_BY_PK_QUICK_INTAKE, {
+  const [getJobDetails, { loading: jobDetailsLoading }] = useLazyQuery(GET_JOB_BY_PK_QUICK_INTAKE, {
    variables: { id: job.id },
    onCompleted: (data) => {
      if (data?.jobs_by_pk) {
@@ -109,65 +110,69 @@ export function JobsDetailHeaderActionsToggleProduction({

  const popMenu = (
    <div onClick={(e) => e.stopPropagation()}>
-      <Form layout="vertical" form={form} onFinish={handleConvert}>
-        {scenario === "pre" && (
-          <>
-            <Form.Item
-              name={["actual_in"]}
-              label={t("jobs.fields.actual_in")}
-              rules={[
-                {
-                  required: true
-                  //message: t("general.validation.required"),
-                }
-              ]}
-            >
-              <FormDateTimePickerComponent disabled={jobRO} />
-            </Form.Item>
-            <Form.Item
-              name={["scheduled_completion"]}
-              label={t("jobs.fields.scheduled_completion")}
-              rules={[
-                {
-                  required: true
-                  //message: t("general.validation.required"),
-                }
-              ]}
-            >
-              <FormDateTimePickerComponent disabled={jobRO} />
-            </Form.Item>
-            <Form.Item name={["scheduled_delivery"]} label={t("jobs.fields.scheduled_delivery")}>
-              <FormDateTimePickerComponent disabled={jobRO} />
-            </Form.Item>
-          </>
-        )}
-        {scenario === "prod" && (
-          <>
-            <Form.Item
-              name={["actual_completion"]}
-              label={t("jobs.fields.actual_completion")}
-              rules={[
-                {
-                  required: true
-                  //message: t("general.validation.required"),
-                }
-              ]}
-            >
-              <FormDateTimePickerComponent disabled={jobRO} />
-            </Form.Item>
+      {jobDetailsLoading ? (
+        <LoadingSpinner />
+      ) : (
+        <Form layout="vertical" form={form} onFinish={handleConvert}>
+          {scenario === "pre" && (
+            <>
+              <Form.Item
+                name={["actual_in"]}
+                label={t("jobs.fields.actual_in")}
+                rules={[
+                  {
+                    required: true
+                    //message: t("general.validation.required"),
+                  }
+                ]}
+              >
+                <FormDateTimePickerComponent disabled={jobRO} />
+              </Form.Item>
+              <Form.Item
+                name={["scheduled_completion"]}
+                label={t("jobs.fields.scheduled_completion")}
+                rules={[
+                  {
+                    required: true
+                    //message: t("general.validation.required"),
+                  }
+                ]}
+              >
+                <FormDateTimePickerComponent disabled={jobRO} />
+              </Form.Item>
+              <Form.Item name={["scheduled_delivery"]} label={t("jobs.fields.scheduled_delivery")}>
+                <FormDateTimePickerComponent disabled={jobRO} />
+              </Form.Item>
+            </>
+          )}
+          {scenario === "prod" && (
+            <>
+              <Form.Item
+                name={["actual_completion"]}
+                label={t("jobs.fields.actual_completion")}
+                rules={[
+                  {
+                    required: true
+                    //message: t("general.validation.required"),
+                  }
+                ]}
+              >
+                <FormDateTimePickerComponent disabled={jobRO} />
+              </Form.Item>

-            <Form.Item name={["actual_delivery"]} label={t("jobs.fields.actual_delivery")}>
-              <FormDateTimePickerComponent disabled={jobRO} />
-            </Form.Item>
-          </>
-        )}
+              <Form.Item name={["actual_delivery"]} label={t("jobs.fields.actual_delivery")}>
+                <FormDateTimePickerComponent disabled={jobRO} />
+              </Form.Item>
+            </>
+          )}

-        <Space wrap>
-          <Button type="primary" onClick={() => form.submit()} loading={loading}>
-            {t("general.actions.save")}
-          </Button>
-        </Space>
-      </Form>
+          <Space wrap>
+            <Button type="primary" onClick={() => form.submit()} loading={loading}>
+              {t("general.actions.save")}
+            </Button>
+          </Space>
+        </Form>
+      )}
    </div>
  );

--- a/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
+++ b/client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
@@ -119,7 +119,7 @@ export function JobsDetailHeader({ job, bodyshop, disabled }) {
              <DataLabel label={t("jobs.labels.contracts")}>
                {job.cccontracts.map((c, index) => (
                  <Space key={c.id} wrap>
-                    <Link  to={`/manage/courtesycars/contracts/${c.id}`}>
+                    <Link to={`/manage/courtesycars/contracts/${c.id}`}>
                      {`${c.agreementnumber} - ${c.courtesycar.fleetnumber} ${c.courtesycar.year} ${c.courtesycar.make} ${c.courtesycar.model}`}
                      {index !== job.cccontracts.length - 1 ? "," : null}
                    </Link>
--- a/client/src/components/jobs-detail-rates/jobs-detail-rates.labor.component.jsx
+++ b/client/src/components/jobs-detail-rates/jobs-detail-rates.labor.component.jsx
--- a/client/src/components/jobs-detail-rates/jobs-detail-rates.materials.component.jsx
+++ b/client/src/components/jobs-detail-rates/jobs-detail-rates.materials.component.jsx
@@ -13,154 +13,162 @@ const mapStateToProps = createStructuredSelector({
 export function JobsDetailRatesMaterials({ jobRO, expanded, required = true, form }) {
  const { t } = useTranslation();

-  return (
-    <Collapse defaultActiveKey={expanded && "rates"}>
-      <Collapse.Panel forceRender header={t("jobs.fields.materials.materials")} key="materials">
-        <LayoutFormRow header={t("jobs.fields.materials.MAPA")}>
-          <Form.Item label={t("jobs.fields.materials.cal_maxdlr")} name={["materials", "MAPA", "cal_maxdlr"]}>
-            <InputNumber min={0} precision={2} disabled={jobRO} />
-          </Form.Item>
-          <Form.Item label={t("jobs.fields.materials.cal_opcode")} name={["materials", "MAPA", "cal_opcode"]}>
-            <Input disabled={jobRO} />
-          </Form.Item>
-          <Form.Item label={t("jobs.fields.materials.mat_adjp")} name={["materials", "MAPA", "mat_adjp"]}>
-            <InputNumber min={-100} max={100} precision={4} disabled={jobRO} />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.tax_ind")}
-            name={["materials", "MAPA", "tax_ind"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item shouldUpdate>
-            {() => {
-              return (
-                <Form.Item
-                  label={t("jobs.fields.materials.mat_taxp")}
-                  name={["materials", "MAPA", "mat_taxp"]}
-                  rules={[
-                    {
-                      required: form.getFieldValue(["materials", "MAPA", "tax_ind"])
-                      //message: t("general.validation.required"),
-                    }
-                  ]}
-                >
-                  <InputNumber min={0} max={100} precision={4} disabled={jobRO} />
-                </Form.Item>
-              );
-            }}
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in1")}
-            name={["materials", "MAPA", "mat_tx_in1"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in2")}
-            name={["materials", "MAPA", "mat_tx_in2"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in3")}
-            name={["materials", "MAPA", "mat_tx_in3"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in4")}
-            name={["materials", "MAPA", "mat_tx_in4"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in5")}
-            name={["materials", "MAPA", "mat_tx_in5"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-        </LayoutFormRow>
-        <LayoutFormRow header={t("jobs.fields.materials.MASH")}>
-          <Form.Item label={t("jobs.fields.materials.cal_maxdlr")} name={["materials", "MASH", "cal_maxdlr"]}>
-            <InputNumber min={0} precision={2} disabled={jobRO} />
-          </Form.Item>
-          <Form.Item label={t("jobs.fields.materials.cal_opcode")} name={["materials", "MASH", "cal_opcode"]}>
-            <Input disabled={jobRO} />
-          </Form.Item>
-          <Form.Item label={t("jobs.fields.materials.mat_adjp")} name={["materials", "MAPA", "mat_adjp"]}>
-            <InputNumber min={-100} max={100} precision={4} disabled={jobRO} />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.tax_ind")}
-            name={["materials", "MASH", "tax_ind"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item shouldUpdate>
-            {() => {
-              return (
-                <Form.Item
-                  label={t("jobs.fields.materials.mat_taxp")}
-                  name={["materials", "MASH", "mat_taxp"]}
-                  rules={[
-                    {
-                      required: form.getFieldValue(["materials", "MASH", "tax_ind"])
-                      //message: t("general.validation.required"),
-                    }
-                  ]}
-                >
-                  <InputNumber min={0} max={100} precision={4} disabled={jobRO} />
-                </Form.Item>
-              );
-            }}
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in1")}
-            name={["materials", "MASH", "mat_tx_in1"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in2")}
-            name={["materials", "MASH", "mat_tx_in2"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in3")}
-            name={["materials", "MASH", "mat_tx_in3"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in4")}
-            name={["materials", "MASH", "mat_tx_in4"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-          <Form.Item
-            label={t("jobs.fields.materials.mat_tx_in5")}
-            name={["materials", "MASH", "mat_tx_in5"]}
-            valuePropName="checked"
-          >
-            <Switch />
-          </Form.Item>
-        </LayoutFormRow>
-      </Collapse.Panel>
-    </Collapse>
-  );
+  // Define collapse items
+  const collapseItems = [
+    {
+      key: "materials",
+      label: t("jobs.fields.materials.materials"),
+      children: (
+        <>
+          <LayoutFormRow header={t("jobs.fields.materials.MAPA")}>
+            <Form.Item label={t("jobs.fields.materials.cal_maxdlr")} name={["materials", "MAPA", "cal_maxdlr"]}>
+              <InputNumber min={0} precision={2} disabled={jobRO} />
+            </Form.Item>
+            <Form.Item label={t("jobs.fields.materials.cal_opcode")} name={["materials", "MAPA", "cal_opcode"]}>
+              <Input disabled={jobRO} />
+            </Form.Item>
+            <Form.Item label={t("jobs.fields.materials.mat_adjp")} name={["materials", "MAPA", "mat_adjp"]}>
+              <InputNumber min={-100} max={100} precision={4} disabled={jobRO} />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.tax_ind")}
+              name={["materials", "MAPA", "tax_ind"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item shouldUpdate>
+              {() => {
+                return (
+                  <Form.Item
+                    label={t("jobs.fields.materials.mat_taxp")}
+                    name={["materials", "MAPA", "mat_taxp"]}
+                    rules={[
+                      {
+                        required: form.getFieldValue(["materials", "MAPA", "tax_ind"])
+                        //message: t("general.validation.required"),
+                      }
+                    ]}
+                  >
+                    <InputNumber min={0} max={100} precision={4} disabled={jobRO} />
+                  </Form.Item>
+                );
+              }}
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in1")}
+              name={["materials", "MAPA", "mat_tx_in1"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in2")}
+              name={["materials", "MAPA", "mat_tx_in2"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in3")}
+              name={["materials", "MAPA", "mat_tx_in3"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in4")}
+              name={["materials", "MAPA", "mat_tx_in4"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in5")}
+              name={["materials", "MAPA", "mat_tx_in5"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+          </LayoutFormRow>
+          <LayoutFormRow header={t("jobs.fields.materials.MASH")}>
+            <Form.Item label={t("jobs.fields.materials.cal_maxdlr")} name={["materials", "MASH", "cal_maxdlr"]}>
+              <InputNumber min={0} precision={2} disabled={jobRO} />
+            </Form.Item>
+            <Form.Item label={t("jobs.fields.materials.cal_opcode")} name={["materials", "MASH", "cal_opcode"]}>
+              <Input disabled={jobRO} />
+            </Form.Item>
+            <Form.Item label={t("jobs.fields.materials.mat_adjp")} name={["materials", "MAPA", "mat_adjp"]}>
+              <InputNumber min={-100} max={100} precision={4} disabled={jobRO} />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.tax_ind")}
+              name={["materials", "MASH", "tax_ind"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item shouldUpdate>
+              {() => {
+                return (
+                  <Form.Item
+                    label={t("jobs.fields.materials.mat_taxp")}
+                    name={["materials", "MASH", "mat_taxp"]}
+                    rules={[
+                      {
+                        required: form.getFieldValue(["materials", "MASH", "tax_ind"])
+                        //message: t("general.validation.required"),
+                      }
+                    ]}
+                  >
+                    <InputNumber min={0} max={100} precision={4} disabled={jobRO} />
+                  </Form.Item>
+                );
+              }}
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in1")}
+              name={["materials", "MASH", "mat_tx_in1"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in2")}
+              name={["materials", "MASH", "mat_tx_in2"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in3")}
+              name={["materials", "MASH", "mat_tx_in3"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in4")}
+              name={["materials", "MASH", "mat_tx_in4"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+            <Form.Item
+              label={t("jobs.fields.materials.mat_tx_in5")}
+              name={["materials", "MASH", "mat_tx_in5"]}
+              valuePropName="checked"
+            >
+              <Switch />
+            </Form.Item>
+          </LayoutFormRow>
+        </>
+      ),
+      forceRender: true
+    }
+  ];
+
+  return <Collapse defaultActiveKey={expanded && "rates"} items={collapseItems} />;
 }

 export default connect(mapStateToProps, null)(JobsDetailRatesMaterials);
--- a/client/src/components/jobs-detail-rates/jobs-detail-rates.other.component.jsx
+++ b/client/src/components/jobs-detail-rates/jobs-detail-rates.other.component.jsx
@@ -13,9 +13,12 @@ const mapStateToProps = createStructuredSelector({
 export function JobsDetailRatesOther({ jobRO, expanded, required = true, form }) {
  const { t } = useTranslation();

-  return (
-    <Collapse defaultActiveKey={expanded && "rates"}>
-      <Collapse.Panel forceRender header={t("jobs.labels.cieca_pfo")} key="cieca_pfo">
+  // Define collapse items
+  const collapseItems = [
+    {
+      key: "cieca_pfo",
+      label: t("jobs.labels.cieca_pfo"),
+      children: (
        <LayoutFormRow noDivider>
          <Form.Item
            label={t("jobs.fields.cieca_pfo.tow_t_in1")}
@@ -52,7 +55,6 @@ export function JobsDetailRatesOther({ jobRO, expanded, required = true, form })
          >
            <Switch />
          </Form.Item>
-
          <Form.Item
            label={t("jobs.fields.cieca_pfo.stor_t_in1")}
            name={["cieca_pfo", "stor_t_in1"]}
@@ -89,9 +91,12 @@ export function JobsDetailRatesOther({ jobRO, expanded, required = true, form })
            <Switch />
          </Form.Item>
        </LayoutFormRow>
-      </Collapse.Panel>
-    </Collapse>
-  );
+      ),
+      forceRender: true
+    }
+  ];
+
+  return <Collapse defaultActiveKey={expanded && "rates"} items={collapseItems} />;
 }

 export default connect(mapStateToProps, null)(JobsDetailRatesOther);
--- a/client/src/components/jobs-detail-rates/jobs-detail-rates.parts.component.jsx
+++ b/client/src/components/jobs-detail-rates/jobs-detail-rates.parts.component.jsx
--- a/client/src/components/jobs-detail-rates/jobs-detail-rates.taxes.component.jsx
+++ b/client/src/components/jobs-detail-rates/jobs-detail-rates.taxes.component.jsx
@@ -11,6 +11,9 @@ const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop
 });

+//If the panel doesn’t expand correctly due to the key mismatch, update the Collapse line to:
+// <Collapse defaultActiveKey={expanded && "cieca_pft"} items={collapseItems} />
+
 export function JobsDetailRatesTaxes({ jobRO, expanded, bodyshop, required = true, form }) {
  const { t } = useTranslation();
  const formItems = [];
@@ -47,13 +50,18 @@ export function JobsDetailRatesTaxes({ jobRO, expanded, bodyshop, required = tru
      </>
    );
  }
-  return (
-    <Collapse defaultActiveKey={expanded && "rates"}>
-      <Collapse.Panel forceRender header={t("jobs.labels.cieca_pft")} key="cieca_pft">
-        {formItems}
-      </Collapse.Panel>
-    </Collapse>
-  );
+
+  // Define collapse items
+  const collapseItems = [
+    {
+      key: "cieca_pft",
+      label: t("jobs.labels.cieca_pft"),
+      children: <>{formItems}</>,
+      forceRender: true
+    }
+  ];
+
+  return <Collapse defaultActiveKey={expanded && "rates"} items={collapseItems} />;
 }

 export default connect(mapStateToProps, null)(JobsDetailRatesTaxes);
--- a/client/src/components/notification-center/notification-center.component.jsx
+++ b/client/src/components/notification-center/notification-center.component.jsx
@@ -0,0 +1,94 @@
+// notification-center.component.jsx
+import React from "react";
+import { Virtuoso } from "react-virtuoso";
+import { Button, Checkbox, List, Badge, Typography, Alert } from "antd";
+import { useTranslation } from "react-i18next";
+import "./notification-center.styles.scss";
+import { Link } from "react-router-dom";
+
+const { Text, Title } = Typography;
+
+const NotificationCenterComponent = ({
+  visible,
+  onClose,
+  notifications,
+  loading,
+  error,
+  showUnreadOnly,
+  toggleUnreadOnly,
+  markAllRead,
+  loadMore,
+  onNotificationClick
+}) => {
+  const { t } = useTranslation();
+
+  const renderNotification = (index, notification) => {
+    return (
+      <List.Item
+        key={`${notification.id}-${index}`}
+        className={notification.read ? "notification-read" : "notification-unread"}
+        onClick={() => !notification.read && onNotificationClick(notification.id)}
+      >
+        <Badge dot={!notification.read}>
+          <div>
+            <Title
+              level={5}
+              style={{
+                margin: "0 0 8px 0",
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center"
+              }}
+            >
+              <Link
+                to={`/manage/jobs/${notification.jobid}`}
+                target="_blank"
+                onClick={(e) => {
+                  e.stopPropagation(); // Prevent List.Item click handler from firing
+                  !notification.read && onNotificationClick(notification.id); // Mark as read when link clicked
+                }}
+              >
+                RO #{notification.roNumber}
+              </Link>
+              <Text type="secondary">{new Date(notification.created_at).toLocaleString()}</Text>
+            </Title>
+            <Text strong={!notification.read}>
+              <ul>
+                {notification.scenarioText.map((text, idx) => (
+                  <li key={`${notification.id}-${idx}`}>{text}</li>
+                ))}
+              </ul>
+            </Text>
+          </div>
+        </Badge>
+      </List.Item>
+    );
+  };
+
+  return (
+    <div className={`notification-center ${visible ? "visible" : ""}`}>
+      <div className="notification-header">
+        <h3>{t("notifications.labels.notification-center")}</h3>
+        <div className="notification-controls">
+          <Checkbox checked={showUnreadOnly} onChange={(e) => toggleUnreadOnly(e.target.checked)}>
+            {t("notifications.labels.show-unread-only")}
+          </Checkbox>
+          <Button type="link" onClick={markAllRead} disabled={!notifications.some((n) => !n.read)}>
+            {t("notifications.labels.mark-all-read")}
+          </Button>
+        </div>
+      </div>
+      {error && <Alert message="Error" description={error} type="error" closable onClose={() => onClose()} />}
+      <Virtuoso
+        style={{ height: "400px", width: "100%" }}
+        data={notifications}
+        totalCount={notifications.length}
+        endReached={loadMore}
+        itemContent={renderNotification}
+      />
+      {loading && !error && <div>{t("notifications.labels.loading")}</div>}
+    </div>
+  );
+};
+
+export default NotificationCenterComponent;
--- a/client/src/components/notification-center/notification-center.container.jsx
+++ b/client/src/components/notification-center/notification-center.container.jsx
@@ -0,0 +1,176 @@
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useQuery } from "@apollo/client";
+import { connect } from "react-redux";
+import NotificationCenterComponent from "./notification-center.component";
+import { GET_NOTIFICATIONS } from "../../graphql/notifications.queries";
+import { INITIAL_NOTIFICATIONS, useSocket } from "../../contexts/SocketIO/socketContext.jsx";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors.js";
+
+export function NotificationCenterContainer({ visible, onClose, bodyshop }) {
+  const [showUnreadOnly, setShowUnreadOnly] = useState(false);
+  const [notifications, setNotifications] = useState([]);
+  const [error, setError] = useState(null);
+  const { isConnected, markNotificationRead, markAllNotificationsRead } = useSocket();
+
+  const userAssociationId = bodyshop?.associations?.[0]?.id;
+
+  const baseWhereClause = useMemo(() => {
+    return { associationid: { _eq: userAssociationId } };
+  }, [userAssociationId]);
+
+  const whereClause = useMemo(() => {
+    return showUnreadOnly ? { ...baseWhereClause, read: { _is_null: true } } : baseWhereClause;
+  }, [baseWhereClause, showUnreadOnly]);
+
+  const {
+    data,
+    fetchMore,
+    loading,
+    error: queryError,
+    refetch
+  } = useQuery(GET_NOTIFICATIONS, {
+    variables: {
+      limit: INITIAL_NOTIFICATIONS,
+      offset: 0,
+      where: whereClause
+    },
+    fetchPolicy: "cache-and-network",
+    notifyOnNetworkStatusChange: true,
+    pollInterval: isConnected ? 0 : 30000,
+    skip: !userAssociationId,
+    onError: (err) => {
+      setError(err.message);
+      console.error("GET_NOTIFICATIONS error:", err);
+      setTimeout(() => refetch(), 2000);
+    }
+  });
+
+  useEffect(() => {
+    if (data?.notifications) {
+      const processedNotifications = data.notifications
+        .map((notif) => {
+          let scenarioText;
+          let scenarioMeta;
+          try {
+            scenarioText = notif.scenario_text ? JSON.parse(notif.scenario_text) : [];
+            scenarioMeta = notif.scenario_meta ? JSON.parse(notif.scenario_meta) : {};
+          } catch (e) {
+            console.error("Error parsing JSON for notification:", notif.id, e);
+            scenarioText = [notif.fcm_text || "Invalid notification data"];
+            scenarioMeta = {};
+          }
+          if (!Array.isArray(scenarioText)) scenarioText = [scenarioText];
+          const roNumber = notif.job.ro_number;
+          if (!Array.isArray(scenarioMeta)) scenarioMeta = [scenarioMeta];
+          return {
+            id: notif.id,
+            jobid: notif.jobid,
+            associationid: notif.associationid,
+            scenarioText,
+            scenarioMeta,
+            roNumber,
+            created_at: notif.created_at,
+            read: notif.read,
+            __typename: notif.__typename
+          };
+        })
+        .sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
+      setNotifications(processedNotifications);
+      setError(null);
+    }
+  }, [data]);
+
+  useEffect(() => {
+    if (queryError) {
+      setError(queryError.message);
+    }
+  }, [queryError]);
+
+  const loadMore = useCallback(() => {
+    if (!loading && data?.notifications.length) {
+      fetchMore({
+        variables: { offset: data.notifications.length, where: whereClause },
+        updateQuery: (prev, { fetchMoreResult }) => {
+          if (!fetchMoreResult) return prev;
+          return {
+            notifications: [...prev.notifications, ...fetchMoreResult.notifications]
+          };
+        }
+      }).catch((err) => {
+        setError(err.message);
+        console.error("Fetch more error:", err);
+      });
+    }
+  }, [data?.notifications?.length, fetchMore, loading, whereClause]);
+
+  const handleToggleUnreadOnly = (value) => {
+    setShowUnreadOnly(value);
+  };
+
+  const handleMarkAllRead = useCallback(() => {
+    markAllNotificationsRead()
+      .then(() => {
+        const timestamp = new Date().toISOString();
+        setNotifications((prev) => {
+          const updatedNotifications = prev.map((notif) =>
+            notif.read === null && notif.associationid === userAssociationId
+              ? {
+                  ...notif,
+                  read: timestamp
+                }
+              : notif
+          );
+          return [...updatedNotifications];
+        });
+      })
+      .catch((e) => console.error(`Error marking all notifications read: ${e?.message || ""}`));
+  }, [markAllNotificationsRead, userAssociationId]);
+
+  const handleNotificationClick = useCallback(
+    (notificationId) => {
+      markNotificationRead({
+        variables: { id: notificationId }
+      })
+        .then(() => {
+          const timestamp = new Date().toISOString();
+          setNotifications((prev) => {
+            return prev.map((notif) =>
+              notif.id === notificationId && !notif.read ? { ...notif, read: timestamp } : notif
+            );
+          });
+        })
+        .catch((e) => console.error(`Error marking notification read: ${e?.message || ""}`));
+    },
+    [markNotificationRead]
+  );
+
+  useEffect(() => {
+    if (visible && !isConnected) {
+      refetch().catch(
+        (err) => `Something went wrong re-fetching notifications in the notification-center: ${err?.message || ""}`
+      );
+    }
+  }, [visible, isConnected, refetch]);
+
+  return (
+    <NotificationCenterComponent
+      visible={visible}
+      onClose={onClose}
+      notifications={notifications}
+      loading={loading}
+      error={error}
+      showUnreadOnly={showUnreadOnly}
+      toggleUnreadOnly={handleToggleUnreadOnly}
+      markAllRead={handleMarkAllRead}
+      loadMore={loadMore}
+      onNotificationClick={handleNotificationClick}
+    />
+  );
+}
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop
+});
+
+export default connect(mapStateToProps, null)(NotificationCenterContainer);
--- a/client/src/components/notification-center/notification-center.styles.scss
+++ b/client/src/components/notification-center/notification-center.styles.scss
@@ -0,0 +1,113 @@
+.notification-center {
+  position: absolute;
+  top: 64px;
+  right: 0;
+  //width: 600px;
+  background: #fff; /* White background, Ant’s default */
+  color: rgba(0, 0, 0, 0.85); /* Primary text color in Ant 5 */
+  border: 1px solid #d9d9d9; /* Neutral gray border */
+  border-radius: 6px; /* Slightly larger radius per Ant 5 */
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08), 0 3px 6px rgba(0, 0, 0, 0.06); /* Subtle Ant 5 shadow */
+  z-index: 1000;
+  display: none;
+
+  &.visible {
+    display: block;
+  }
+
+  .notification-header {
+    padding: 16px;
+    border-bottom: 1px solid #f0f0f0; /* Light gray border from Ant 5 */
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #fafafa; /* Light gray background for header */
+
+    h3 {
+      margin: 0;
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85); /* Primary text color */
+    }
+
+    .notification-controls {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+
+      .ant-checkbox-wrapper {
+        color: rgba(0, 0, 0, 0.85); /* Match Ant’s text color */
+      }
+
+      .ant-btn-link {
+        color: #1677ff; /* Ant 5 primary blue */
+        &:hover {
+          color: #69b1ff; /* Lighter blue on hover */
+        }
+        &:disabled {
+          color: rgba(0, 0, 0, 0.25); /* Disabled text color from Ant 5 */
+        }
+      }
+    }
+  }
+
+  .notification-read {
+    background: #fff; /* White background for read items */
+    color: rgba(0, 0, 0, 0.65); /* Secondary text color */
+  }
+
+  .notification-unread {
+    background: #f5f5f5; /* Very light gray for unread items */
+    color: rgba(0, 0, 0, 0.85); /* Primary text color */
+  }
+
+  .ant-list {
+    overflow: auto; /* Match Virtuoso’s default scrolling behavior */
+    max-height: 100%; /* Allow full height, let Virtuoso handle virtualization */
+  }
+
+  .ant-list-item {
+    padding: 2px 16px;
+    border-bottom: 1px solid #f0f0f0; /* Light gray border */
+    display: block; /* Ensure visibility */
+    overflow: visible; /* Prevent clipping within items */
+    min-height: 80px; /* Minimum height for multi-line content */
+
+    .ant-typography {
+      color: inherit; /* Inherit from parent (read/unread) */
+    }
+
+    .ant-typography-secondary {
+      font-size: 12px;
+      color: rgba(0, 0, 0, 0.45); /* Ant 5 secondary text color */
+    }
+
+    .ant-badge-dot {
+      background: #ff4d4f; /* Keep red dot for unread, consistent with Ant */
+    }
+
+    ul {
+      margin: 0;
+      padding-left: 20px; /* Standard list padding */
+      list-style-type: disc; /* Ensure bullet points */
+    }
+
+    li {
+      margin-bottom: 4px; /* Space between list items */
+    }
+  }
+
+  .ant-alert {
+    margin: 8px;
+    background: #fff1f0; /* Light red background for error per Ant 5 */
+    color: rgba(0, 0, 0, 0.85);
+    border: 1px solid #ffa39e; /* Light red border */
+
+    .ant-alert-message {
+      color: #ff4d4f; /* Red text for message */
+    }
+
+    .ant-alert-description {
+      color: rgba(0, 0, 0, 0.65); /* Slightly muted description */
+    }
+  }
+}
--- a/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
+++ b/client/src/components/parts-order-list-table/parts-order-list-table.component.jsx
@@ -67,7 +67,6 @@ export function PartsOrderListTableComponent({

  const parts_orders = billsQuery.data ? billsQuery.data.parts_orders : [];
  const { refetch } = billsQuery;
-  //       label: <ShareToTeamsButton noIcon={true} urlOverride={`${window.location.origin}${window.location.pathname}`} />
  const recordActions = (record, showView = false) => (
    <Space direction="horizontal" wrap>
      <ShareToTeamsButton
--- a/client/src/components/payments-generate-link/payments-generate-link.component.jsx
+++ b/client/src/components/payments-generate-link/payments-generate-link.component.jsx
@@ -2,15 +2,15 @@ import { CopyFilled } from "@ant-design/icons";
 import { Button, Form, message, Popover, Space } from "antd";
 import axios from "axios";
 import Dinero from "dinero.js";
-import { parsePhoneNumber } from "libphonenumber-js";
-import React, { useContext, useState } from "react";
+import { parsePhoneNumberWithError, ParseError } from "libphonenumber-js";
+import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { openChatByPhone, setMessage } from "../../redux/messaging/messaging.actions";
 import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import CurrencyFormItemComponent from "../form-items-formatted/currency-form-item.component";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";

 const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop,
@@ -29,22 +29,34 @@ export function PaymentsGenerateLink({ bodyshop, currentUser, callback, job, ope
  const [open, setOpen] = useState(false);
  const [loading, setLoading] = useState(false);
  const [paymentLink, setPaymentLink] = useState(null);
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();

  const handleFinish = async ({ amount }) => {
    setLoading(true);
    let p;
    try {
-      p = parsePhoneNumber(job.ownr_ph1 || "", "CA");
+      // Updated to use parsePhoneNumberWithError
+      p = parsePhoneNumberWithError(job.ownr_ph1 || "", "CA");
    } catch (error) {
-      console.log("Unable to parse phone number");
+      if (error instanceof ParseError) {
+        // Handle specific parsing errors
+        console.log(`Phone number parsing failed: ${error.message}`);
+      } else {
+        // Handle other unexpected errors
+        console.log("Unexpected error while parsing phone number:", error);
+      }
    }
    setLoading(true);
    const response = await axios.post("/intellipay/generate_payment_url", {
      bodyshop,
      amount: amount,
      account: job.ro_number,
-      comment: btoa(JSON.stringify({ payments: [{ jobid: job.id, amount }], userEmail: currentUser.email }))
+      comment: btoa(
+        JSON.stringify({
+          payments: [{ jobid: job.id, amount }],
+          userEmail: currentUser.email
+        })
+      )
    });
    setLoading(false);
    setPaymentLink(response.data.shorUrl);
@@ -106,7 +118,20 @@ export function PaymentsGenerateLink({ bodyshop, currentUser, callback, job, ope
            </Space>
            <Button
              onClick={() => {
-                const p = parsePhoneNumber(job.ownr_ph1, "CA");
+                let p;
+                try {
+                  // Updated second instance of phone parsing
+                  p = parsePhoneNumberWithError(job.ownr_ph1, "CA");
+                } catch (error) {
+                  if (error instanceof ParseError) {
+                    // Handle specific parsing errors
+                    console.log(`Phone number parsing failed: ${error.message}`);
+                  } else {
+                    // Handle other unexpected errors
+                    console.log("Unexpected error while parsing phone number:", error);
+                  }
+                  return;
+                }
                openChatByPhone({
                  phone_num: p.formatInternational(),
                  jobid: job.id,
--- a/client/src/components/production-board-filters/production-board-filters.component.jsx
+++ b/client/src/components/production-board-filters/production-board-filters.component.jsx
@@ -1,5 +1,4 @@
 import { Button, Input, Space, Spin } from "antd";
-import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -24,19 +23,13 @@ export default connect(mapStateToProps, mapDispatchToProps)(ProductionBoardFilte

 export function ProductionBoardFilters({ bodyshop, filter, setFilter, loading }) {
  const { t } = useTranslation();
-  const [alertFilter, setAlertFilter] = useState(false);
-  const [unassignedFilter, setUnassignedFilter] = useState(false);

  const toggleAlertFilter = () => {
-    const newAlertFilter = !alertFilter;
-    setAlertFilter(newAlertFilter);
-    setFilter({ ...filter, alert: newAlertFilter });
+    setFilter({ ...filter, alert: !filter.alert });
  };

  const toggleUnassignedFilter = () => {
-    const newUnassignedFilter = !unassignedFilter;
-    setUnassignedFilter(newUnassignedFilter);
-    setFilter({ ...filter, unassigned: newUnassignedFilter });
+    setFilter({ ...filter, unassigned: !filter.unassigned });
  };

  return (
@@ -58,16 +51,16 @@ export function ProductionBoardFilters({ bodyshop, filter, setFilter, loading })
        allowClear
      />
      <Button
-        type={alertFilter ? "primary" : "default"}
+        type={filter?.alert ? "primary" : "default"}
        onClick={toggleAlertFilter}
-        icon={alertFilter ? <ExclamationCircleFilled /> : <ExclamationCircleOutlined />}
+        icon={filter?.alert ? <ExclamationCircleFilled /> : <ExclamationCircleOutlined />}
      >
        {t("production.labels.alerts")}
      </Button>
      <Button
-        type={unassignedFilter ? "primary" : "default"}
+        type={filter?.unassigned ? "primary" : "default"}
        onClick={toggleUnassignedFilter}
-        icon={unassignedFilter ? <UserDeleteOutlined /> : <UsergroupDeleteOutlined />}
+        icon={filter?.unassigned ? <UserDeleteOutlined /> : <UsergroupDeleteOutlined />}
      >
        {t("production.labels.unassigned")}
      </Button>
--- a/client/src/components/production-board-kanban/production-board-kanban-card.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban-card.component.jsx
@@ -21,7 +21,7 @@ import dayjs from "../../utils/day";
 import JobPartsQueueCount from "../job-parts-queue-count/job-parts-queue-count.component";
 import OwnerNameDisplay from "../owner-name-display/owner-name-display.component";
 import ShareToTeamsButton from "../share-to-teams/share-to-teams.component.jsx";
-import { SiMicrosoftteams } from "react-icons/si";
+import { PiMicrosoftTeamsLogo } from "react-icons/pi";

 const cardColor = (ssbuckets, totalHrs) => {
  const bucket = ssbuckets.find((bucket) => bucket.gte <= totalHrs && (!bucket.lt || bucket.lt > totalHrs));
@@ -424,7 +424,7 @@ export default function ProductionBoardCard({ technician, card, bodyshop, cardSe
              noIcon={true}
              linkText={
                <div className="share-to-teams-badge">
-                  <SiMicrosoftteams />
+                  <PiMicrosoftTeamsLogo />
                </div>
              }
              urlOverride={`${window.location.origin}/manage/jobs/${card.id}`}
--- a/client/src/components/production-board-kanban/production-board-kanban.component.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.component.jsx
@@ -4,7 +4,7 @@ import { useApolloClient } from "@apollo/client";
 import { Button, Skeleton, Space } from "antd";
 import cloneDeep from "lodash/cloneDeep";
 import isEqual from "lodash/isEqual";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
--- a/client/src/components/production-board-kanban/production-board-kanban.container.jsx
+++ b/client/src/components/production-board-kanban/production-board-kanban.container.jsx
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo, useRef } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { useApolloClient, useQuery, useSubscription } from "@apollo/client";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -12,7 +12,7 @@ import { QUERY_KANBAN_SETTINGS } from "../../graphql/user.queries";
 import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
 import ProductionBoardKanbanComponent from "./production-board-kanban.component";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";

 const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop,
@@ -22,7 +22,7 @@ const mapStateToProps = createStructuredSelector({
 function ProductionBoardKanbanContainer({ bodyshop, currentUser, subscriptionType = "direct" }) {
  const fired = useRef(false);
  const client = useApolloClient();
-  const { socket } = useContext(SocketContext); // Get the socket from context
+  const { socket } = useSocket();
  const reconnectTimeout = useRef(null); // To store the reconnect timeout
  const disconnectTime = useRef(null); // To track disconnection time
  const acceptableReconnectTime = 2000; // 2 seconds threshold
--- a/client/src/components/production-list-table/production-list-table.container.jsx
+++ b/client/src/components/production-list-table/production-list-table.container.jsx
@@ -1,5 +1,5 @@
 import { useApolloClient, useQuery, useSubscription } from "@apollo/client";
-import React, { useContext, useEffect, useState, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
 import {
  QUERY_EXACT_JOB_IN_PRODUCTION,
  QUERY_EXACT_JOBS_IN_PRODUCTION,
@@ -10,11 +10,11 @@ import {
 import ProductionListTable from "./production-list-table.component";
 import _ from "lodash";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";

 export default function ProductionListTableContainer({ bodyshop, subscriptionType = "direct" }) {
  const client = useApolloClient();
-  const { socket } = useContext(SocketContext);
+  const { socket } = useSocket();
  const [joblist, setJoblist] = useState([]);
  const reconnectTimeout = useRef(null); // To store the reconnect timeout
  const disconnectTime = useRef(null); // To store the time of disconnection
--- a/client/src/components/profile-my/notification-settings.component.jsx
+++ b/client/src/components/profile-my/notification-settings.component.jsx
@@ -0,0 +1,194 @@
+import { useMutation, useQuery } from "@apollo/client";
+import { useEffect, useState } from "react";
+import { Button, Card, Checkbox, Form, Table } from "antd";
+import { useTranslation } from "react-i18next";
+
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectCurrentUser } from "../../redux/user/user.selectors";
+import AlertComponent from "../alert/alert.component";
+import { QUERY_NOTIFICATION_SETTINGS, UPDATE_NOTIFICATION_SETTINGS } from "../../graphql/user.queries.js";
+import { notificationScenarios } from "../../utils/jobNotificationScenarios.js";
+import LoadingSpinner from "../loading-spinner/loading-spinner.component.jsx";
+import PropTypes from "prop-types";
+
+const ColumnHeaderCheckbox = ({ channel, form, disabled = false, onHeaderChange }) => {
+  const { t } = useTranslation();
+  // Subscribe to all form values so that this component re-renders on changes.
+  const formValues = Form.useWatch([], form) || {};
+
+  // Determine if all scenarios for this channel are checked.
+  const allChecked =
+    notificationScenarios.length > 0 && notificationScenarios.every((scenario) => formValues[scenario]?.[channel]);
+
+  const onChange = (e) => {
+    const checked = e.target.checked;
+    // Get current form values.
+    const currentValues = form.getFieldsValue();
+    // Update each scenario for this channel.
+    const newValues = { ...currentValues };
+    notificationScenarios.forEach((scenario) => {
+      newValues[scenario] = { ...newValues[scenario], [channel]: checked };
+    });
+    // Update form values.
+    form.setFieldsValue(newValues);
+    // Manually mark the form as dirty.
+    if (onHeaderChange) {
+      onHeaderChange();
+    }
+  };
+
+  return (
+    <Checkbox onChange={onChange} checked={allChecked} disabled={disabled}>
+      {t(`notifications.channels.${channel}`)}
+    </Checkbox>
+  );
+};
+
+ColumnHeaderCheckbox.propTypes = {
+  channel: PropTypes.oneOf(["app", "email", "fcm"]).isRequired,
+  form: PropTypes.object.isRequired,
+  disabled: PropTypes.bool,
+  onHeaderChange: PropTypes.func
+};
+
+function NotificationSettingsForm({ currentUser }) {
+  const { t } = useTranslation();
+  const [form] = Form.useForm();
+  const [initialValues, setInitialValues] = useState({});
+  const [isDirty, setIsDirty] = useState(false);
+
+  // Fetch notification settings.
+  const { loading, error, data } = useQuery(QUERY_NOTIFICATION_SETTINGS, {
+    fetchPolicy: "network-only",
+    nextFetchPolicy: "network-only",
+    variables: { email: currentUser.email },
+    skip: !currentUser
+  });
+
+  const [updateNotificationSettings, { loading: saving }] = useMutation(UPDATE_NOTIFICATION_SETTINGS);
+
+  // Populate form with fetched data.
+  useEffect(() => {
+    if (data?.associations?.length > 0) {
+      const settings = data.associations[0].notification_settings || {};
+      // Ensure each scenario has an object with { app, email, fcm }.
+      const formattedValues = notificationScenarios.reduce((acc, scenario) => {
+        acc[scenario] = settings[scenario] ?? { app: false, email: false, fcm: false };
+        return acc;
+      }, {});
+
+      setInitialValues(formattedValues);
+      form.setFieldsValue(formattedValues);
+      setIsDirty(false); // Reset dirty state when new data loads.
+    }
+  }, [data, form]);
+
+  const handleSave = async (values) => {
+    if (data?.associations?.length > 0) {
+      const userId = data.associations[0].id;
+      // Save the updated notification settings.
+      await updateNotificationSettings({ variables: { id: userId, ns: values } });
+      setInitialValues(values);
+      setIsDirty(false);
+    }
+  };
+
+  // Mark the form as dirty on any manual change.
+  const handleFormChange = () => {
+    setIsDirty(true);
+  };
+
+  const handleReset = () => {
+    form.setFieldsValue(initialValues);
+    setIsDirty(false);
+  };
+
+  if (error) return <AlertComponent type="error" message={error.message} />;
+  if (loading) return <LoadingSpinner />;
+
+  const columns = [
+    {
+      title: t("notifications.labels.scenario"),
+      dataIndex: "scenarioLabel",
+      key: "scenario",
+      render: (_, record) => t(`notifications.scenarios.${record.key}`),
+      width: "90%"
+    },
+    {
+      title: <ColumnHeaderCheckbox channel="app" form={form} onHeaderChange={() => setIsDirty(true)} />,
+      dataIndex: "app",
+      key: "app",
+      align: "center",
+      render: (_, record) => (
+        <Form.Item name={[record.key, "app"]} valuePropName="checked" noStyle>
+          <Checkbox />
+        </Form.Item>
+      )
+    },
+    {
+      title: <ColumnHeaderCheckbox channel="email" form={form} onHeaderChange={() => setIsDirty(true)} />,
+      dataIndex: "email",
+      key: "email",
+      align: "center",
+      render: (_, record) => (
+        <Form.Item name={[record.key, "email"]} valuePropName="checked" noStyle>
+          <Checkbox />
+        </Form.Item>
+      )
+    }
+    // TODO: Disabled for now until FCM is implemented.
+    // {
+    //   title: <ColumnHeaderCheckbox channel="fcm" form={form} disabled onHeaderChange={() => setIsDirty(true)} />,
+    //   dataIndex: "fcm",
+    //   key: "fcm",
+    //   align: "center",
+    //   render: (_, record) => (
+    //     <Form.Item name={[record.key, "fcm"]} valuePropName="checked" noStyle>
+    //       <Checkbox disabled />
+    //     </Form.Item>
+    //   )
+    // }
+  ];
+
+  const dataSource = notificationScenarios.map((scenario) => ({ key: scenario }));
+
+  return (
+    <Form
+      form={form}
+      onFinish={handleSave}
+      onValuesChange={handleFormChange}
+      initialValues={initialValues}
+      autoComplete="off"
+      layout="vertical"
+    >
+      <Card
+        title={t("notifications.labels.notificationscenarios")}
+        extra={
+          <>
+            <Button type="default" onClick={handleReset} disabled={!isDirty} style={{ marginRight: 8 }}>
+              {t("general.actions.clear")}
+            </Button>
+            <Button type="primary" htmlType="submit" disabled={!isDirty} loading={saving}>
+              {t("notifications.labels.save")}
+            </Button>
+          </>
+        }
+      >
+        <Table dataSource={dataSource} columns={columns} pagination={false} bordered rowKey="key" />
+      </Card>
+    </Form>
+  );
+}
+
+NotificationSettingsForm.propTypes = {
+  currentUser: PropTypes.shape({
+    email: PropTypes.string.isRequired
+  }).isRequired
+};
+
+const mapStateToProps = createStructuredSelector({
+  currentUser: selectCurrentUser
+});
+
+export default connect(mapStateToProps)(NotificationSettingsForm);
--- a/client/src/components/profile-my/profile-my.component.jsx
+++ b/client/src/components/profile-my/profile-my.component.jsx
@@ -1,6 +1,5 @@
 import { Button, Card, Col, Form, Input } from "antd";
 import { LockOutlined } from "@ant-design/icons";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -9,6 +8,7 @@ import { selectCurrentUser } from "../../redux/user/user.selectors";
 import { logImEXEvent, updateCurrentPassword } from "../../firebase/firebase.utils";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
+import NotificationSettingsForm from "./notification-settings.component.jsx";

 const mapStateToProps = createStructuredSelector({
  currentUser: selectCurrentUser
@@ -117,6 +117,9 @@ export default connect(
          </Card>
        </Form>
      </Col>
+      <Col span={24}>
+        <NotificationSettingsForm />
+      </Col>
    </>
  );
 });
--- a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
+++ b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx
@@ -36,6 +36,7 @@ export function ScheduleCalendarWrapperComponent({
  const search = queryString.parse(useLocation().search);
  const history = useNavigate();
  const { t } = useTranslation();
+
  const handleEventPropStyles = (event, start, end, isSelected) => {
    return {
      ...(event.color && !((search.view || defaultView) === "agenda")
@@ -51,37 +52,41 @@ export function ScheduleCalendarWrapperComponent({

  const selectedDate = new Date(date || dayjs(search.date) || Date.now());

+  // Convert Collapse to use items prop
+  const collapseItems = [
+    {
+      key: "1",
+      label: <span style={{ color: "tomato" }}>{t("appointments.labels.severalerrorsfound")}</span>,
+      children: (
+        <Space direction="vertical" style={{ width: "100%" }}>
+          {problemJobs.map((problem) => (
+            <Alert
+              key={problem.id}
+              type="error"
+              message={
+                <Trans
+                  i18nKey="appointments.labels.dataconsistency"
+                  components={[<Link to={`/manage/jobs/${problem.id}`} target="_blank" />]}
+                  values={{
+                    ro_number: problem.ro_number,
+                    code: problem.code
+                  }}
+                />
+              }
+            />
+          ))}
+        </Space>
+      )
+    }
+  ];
+
  return (
    <>
      <JobDetailCards />
      {HasFeatureAccess({ featureName: "smartscheduling", bodyshop }) &&
        problemJobs &&
        (problemJobs.length > 2 ? (
-          <Collapse style={{ marginBottom: "5px" }}>
-            <Collapse.Panel
-              key="1"
-              header={<span style={{ color: "tomato" }}>{t("appointments.labels.severalerrorsfound")}</span>}
-            >
-              <Space direction="vertical" style={{ width: "100%" }}>
-                {problemJobs.map((problem) => (
-                  <Alert
-                    key={problem.id}
-                    type="error"
-                    message={
-                      <Trans
-                        i18nKey="appointments.labels.dataconsistency"
-                        components={[<Link to={`/manage/jobs/${problem.id}`} target="_blank" />]}
-                        values={{
-                          ro_number: problem.ro_number,
-                          code: problem.code
-                        }}
-                      />
-                    }
-                  />
-                ))}
-              </Space>
-            </Collapse.Panel>
-          </Collapse>
+          <Collapse items={collapseItems} style={{ marginBottom: "5px" }} />
        ) : (
          <Space direction="vertical" style={{ width: "100%", marginBottom: "5px" }}>
            {problemJobs.map((problem) => (
@@ -119,7 +124,6 @@ export function ScheduleCalendarWrapperComponent({
          history({ search: queryString.stringify(search) });
        }}
        step={15}
-        // timeslots={1}
        showMultiDayTimes
        localizer={localizer}
        min={bodyshop.schedule_start_time ? new Date(bodyshop.schedule_start_time) : new Date("2020-01-01T06:00:00")}
--- a/client/src/components/share-to-teams/share-to-teams.component.jsx
+++ b/client/src/components/share-to-teams/share-to-teams.component.jsx
@@ -1,9 +1,8 @@
 import PropTypes from "prop-types";
 import { Button } from "antd";
 import { useLocation } from "react-router-dom";
-import { SiMicrosoftteams } from "react-icons/si";
+import { PiMicrosoftTeamsLogo } from "react-icons/pi";
 import { useTranslation } from "react-i18next";
-import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors.js";
@@ -43,14 +42,6 @@ const ShareToTeamsComponent = ({
  const location = useLocation();
  const { t } = useTranslation();

-  const {
-    treatments: { Share_To_Teams }
-  } = useSplitTreatments({
-    attributes: {},
-    names: ["Share_To_Teams"],
-    splitKey: bodyshop && bodyshop.imexshopid
-  });
-
  const currentUrl =
    urlOverride ||
    encodeURIComponent(`${window.location.origin}${location.pathname}${location.search}${location.hash}`);
@@ -78,7 +69,8 @@ const ShareToTeamsComponent = ({
    window.open(teamsShareUrl, "_blank", windowFeatures);
  };

-  if (Share_To_Teams?.treatment !== "on") {
+  // Feature is disabled
+  if (!bodyshop?.md_functionality_toggles?.teams) {
    return null;
  }

@@ -98,7 +90,7 @@ const ShareToTeamsComponent = ({
        color: "#FFFFFF",
        ...buttonStyle
      }}
-      icon={<SiMicrosoftteams style={{ color: "#FFFFFF", ...buttonIconStyle }} />}
+      icon={<PiMicrosoftTeamsLogo style={{ color: "#FFFFFF", ...buttonIconStyle }} />}
      onClick={handleShare}
      title={linkText === null ? t("general.actions.sharetoteams") : linkText}
    />
--- a/client/src/components/shop-info/shop-info.general.component.jsx
+++ b/client/src/components/shop-info/shop-info.general.component.jsx
@@ -14,7 +14,7 @@ import FormItemEmail from "../form-items-formatted/email-form-item.component";
 import PhoneFormItem, { PhoneItemFormatterValidation } from "../form-items-formatted/phone-form-item.component";
 import FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
-// TODO: Client Update, this might break
+
 const timeZonesList = Intl.supportedValuesOf("timeZone");
 const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop
@@ -642,6 +642,15 @@ export function ShopInfoGeneral({ form, bodyshop }) {
          <Input />
        </Form.Item>
      </LayoutFormRow>
+      <LayoutFormRow header={t("bodyshop.labels.shop_enabled_features")} id="sharing">
+        <Form.Item
+          label={t("general.actions.sharetoteams")}
+          valuePropName="checked"
+          name={["md_functionality_toggles", "teams"]}
+        >
+          <Switch />
+        </Form.Item>
+      </LayoutFormRow>
      <LayoutFormRow grow header={t("bodyshop.labels.messagingpresets")} id="messagingpresets">
        <Form.List name={["md_messaging_presets"]}>
          {(fields, { add, remove, move }) => {
--- a/client/src/components/shop-info/shop-info.parts-scan.jsx
+++ b/client/src/components/shop-info/shop-info.parts-scan.jsx
@@ -1,16 +1,27 @@
-import {DeleteFilled} from "@ant-design/icons";
-import {Button, Col, Form, Input, Row, Select, Space, Switch} from "antd";
-import React, {useMemo} from "react";
-import {useTranslation} from "react-i18next";
+import { DeleteFilled } from "@ant-design/icons";
+import { Button, Col, Form, Input, Row, Select, Space, Switch } from "antd";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
 import FormListMoveArrows from "../form-list-move-arrows/form-list-move-arrows.component";
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
+import i18n from "i18next";

-const predefinedPartTypes = [
-  "PAN", "PAC", "PAR", "PAL", "PAA", "PAM", "PAP", "PAS", "PASL", "PAG"
-];
+const predefinedPartTypes = ["PAN", "PAC", "PAR", "PAL", "PAA", "PAM", "PAP", "PAS", "PASL", "PAG"];
 const predefinedModLbrTypes = [
-  "LAA", "LAB", "LAD", "LAE", "LAF", "LAG", "LAM", "LAR", "LAS", "LAU",
-  "LA1", "LA2", "LA3", "LA4"
+  "LAA",
+  "LAB",
+  "LAD",
+  "LAE",
+  "LAF",
+  "LAG",
+  "LAM",
+  "LAR",
+  "LAS",
+  "LAU",
+  "LA1",
+  "LA2",
+  "LA3",
+  "LA4"
 ];

 const getFieldType = (field) => {
@@ -20,30 +31,46 @@ const getFieldType = (field) => {
  return null;
 };

-export default function ShopInfoPartsScan({form}) {
-  const {t} = useTranslation();
+const fieldSelectOptions = [
+  { label: i18n.t("joblines.fields.line_desc"), value: "line_desc" },
+  { label: i18n.t("joblines.fields.part_type"), value: "part_type" },
+  { label: i18n.t("joblines.fields.act_price"), value: "act_price" },
+  { label: i18n.t("joblines.fields.part_qty"), value: "part_qty" },
+  { label: i18n.t("joblines.fields.mod_lbr_ty"), value: "mod_lbr_ty" },
+
+  {
+    label: `${i18n.t("joblines.fields.oem_partno")} / ${i18n.t("joblines.fields.alt_partno")}`,
+    value: "part_number"
+  },
+  { label: i18n.t("joblines.fields.op_code_desc"), value: "op_code_desc" }
+];
+export default function ShopInfoPartsScan({ form }) {
+  const { t } = useTranslation();

  const watchedFields = Form.useWatch("md_parts_scan", form);

-  const operationOptions = useMemo(() => ({
-    string: [
-      {label: t("bodyshop.operations.contains"), value: "contains"},
-      {label: t("bodyshop.operations.equals"), value: "equals"},
-      {label: t("bodyshop.operations.starts_with"), value: "startsWith"},
-      {label: t("bodyshop.operations.ends_with"), value: "endsWith"},
-    ],
-    number: [
-      {label: t("bodyshop.operations.equals"), value: "="},
-      {label: t("bodyshop.operations.greater_than"), value: ">"},
-      {label: t("bodyshop.operations.less_than"), value: "<"},
-    ],
-  }), [t]);
+  const operationOptions = useMemo(
+    () => ({
+      string: [
+        { label: t("bodyshop.operations.contains"), value: "contains" },
+        { label: t("bodyshop.operations.equals"), value: "equals" },
+        { label: t("bodyshop.operations.starts_with"), value: "startsWith" },
+        { label: t("bodyshop.operations.ends_with"), value: "endsWith" }
+      ],
+      number: [
+        { label: t("bodyshop.operations.equals"), value: "=" },
+        { label: t("bodyshop.operations.greater_than"), value: ">" },
+        { label: t("bodyshop.operations.less_than"), value: "<" }
+      ]
+    }),
+    [t]
+  );

  return (
    <div>
      <LayoutFormRow header={t("bodyshop.labels.md_parts_scan")}>
        <Form.List name={["md_parts_scan"]}>
-          {(fields, {add, remove, move}) => (
+          {(fields, { add, remove, move }) => (
            <div>
              {fields.map((field, index) => {
                const selectedField = watchedFields?.[index]?.field || "line_desc";
@@ -61,28 +88,17 @@ export default function ShopInfoPartsScan({form}) {
                            {
                              required: true,
                              message: t("general.validation.required", {
-                                label: t("bodyshop.fields.md_parts_scan.field"),
-                              }),
-                            },
+                                label: t("bodyshop.fields.md_parts_scan.field")
+                              })
+                            }
                          ]}
                        >
                          <Select
-                            options={[
-                              {label: t("joblines.fields.line_desc"), value: "line_desc"},
-                              {label: t("joblines.fields.part_type"), value: "part_type"},
-                              {label: t("joblines.fields.act_price"), value: "act_price"},
-                              {label: t("joblines.fields.part_qty"), value: "part_qty"},
-                              {label: t("joblines.fields.mod_lbr_ty"), value: "mod_lbr_ty"},
-                              {label: t("joblines.fields.mod_lb_hrs"), value: "mod_lb_hrs"},
-                              {
-                                label: `${t("joblines.fields.oem_partno")} / ${t("joblines.fields.alt_partno")}`,
-                                value: "part_number"
-                              },
-                            ]}
+                            options={fieldSelectOptions}
                            onChange={() => {
                              form.setFields([
-                                {name: ["md_parts_scan", index, "operation"], value: "contains"},
-                                {name: ["md_parts_scan", index, "value"], value: undefined},
+                                { name: ["md_parts_scan", index, "operation"], value: "contains" },
+                                { name: ["md_parts_scan", index, "value"], value: undefined }
                              ]);
                            }}
                          />
@@ -99,12 +115,12 @@ export default function ShopInfoPartsScan({form}) {
                              {
                                required: true,
                                message: t("general.validation.required", {
-                                  label: t("bodyshop.fields.md_parts_scan.operation"),
-                                }),
-                              },
+                                  label: t("bodyshop.fields.md_parts_scan.operation")
+                                })
+                              }
                            ]}
                          >
-                            <Select options={operationOptions[fieldType]}/>
+                            <Select options={operationOptions[fieldType]} />
                          </Form.Item>
                        </Col>
                      )}
@@ -119,9 +135,9 @@ export default function ShopInfoPartsScan({form}) {
                              {
                                required: true,
                                message: t("general.validation.required", {
-                                  label: t("bodyshop.fields.md_parts_scan.value"),
-                                }),
-                              },
+                                  label: t("bodyshop.fields.md_parts_scan.value")
+                                })
+                              }
                            ]}
                          >
                            {fieldType === "predefined" ? (
@@ -129,17 +145,17 @@ export default function ShopInfoPartsScan({form}) {
                                options={
                                  selectedField === "part_type"
                                    ? predefinedPartTypes.map((type) => ({
-                                      label: type,
-                                      value: type
-                                    }))
+                                        label: type,
+                                        value: type
+                                      }))
                                    : predefinedModLbrTypes.map((type) => ({
-                                      label: type,
-                                      value: type
-                                    }))
+                                        label: type,
+                                        value: type
+                                      }))
                                }
                              />
                            ) : (
-                              <Input/>
+                              <Input />
                            )}
                          </Form.Item>
                        </Col>
@@ -152,19 +168,70 @@ export default function ShopInfoPartsScan({form}) {
                            label={t("bodyshop.fields.md_parts_scan.caseInsensitive")}
                            name={[field.name, "caseInsensitive"]}
                            valuePropName="checked"
-                            labelCol={{span: 14}}
-                            wrapperCol={{span: 10}}
+                            initialValue={true}
+                            labelCol={{ span: 14 }}
+                            wrapperCol={{ span: 10 }}
                          >
-                            <Switch defaultChecked={true}/>
+                            <Switch />
                          </Form.Item>
                        </Col>
                      )}

+                      {/* Mark Line as Critical */}
+                      <Col span={4}>
+                        <Form.Item
+                          label={t("bodyshop.fields.md_parts_scan.mark_critical")}
+                          name={[field.name, "mark_critical"]}
+                          valuePropName="checked"
+                          initialValue={true}
+                          labelCol={{ span: 14 }}
+                          wrapperCol={{ span: 10 }}
+                        >
+                          <Switch />
+                        </Form.Item>
+                      </Col>
+
+                      {/* Update Field */}
+                      <Col span={4}>
+                        <Form.Item
+                          label={t("bodyshop.fields.md_parts_scan.update_field")}
+                          name={[field.name, "update_field"]}
+                        >
+                          <Select
+                            options={fieldSelectOptions}
+                            allowClear
+                            onClear={() =>
+                              form.setFields([{ name: ["md_parts_scan", index, "update_field"], value: null }])
+                            }
+                          />
+                        </Form.Item>
+                      </Col>
+
+                      {/* Update Field */}
+                      <Col span={4}>
+                        <Form.Item
+                          label={t("bodyshop.fields.md_parts_scan.update_value")}
+                          name={[field.name, "update_value"]}
+                          dependencies={[["md_parts_scan", index, "update_field"]]}
+                          tooltip={t("bodyshop.tooltips.md_parts_scan.update_value_tooltip")}
+                          rules={[
+                            {
+                              required: form.getFieldValue(["md_parts_scan", index, "update_field"]),
+                              message: t("general.validation.required", {
+                                label: t("bodyshop.fields.md_parts_scan.update_value")
+                              })
+                            }
+                          ]}
+                        >
+                          <Input />
+                        </Form.Item>
+                      </Col>
+
                      {/* Actions */}
                      <Col span={2}>
                        <Space>
-                          <DeleteFilled onClick={() => remove(field.name)}/>
-                          <FormListMoveArrows move={move} index={index} total={fields.length}/>
+                          <DeleteFilled onClick={() => remove(field.name)} />
+                          <FormListMoveArrows move={move} index={index} total={fields.length} />
                        </Space>
                      </Col>
                    </Row>
@@ -175,8 +242,8 @@ export default function ShopInfoPartsScan({form}) {
              <Form.Item>
                <Button
                  type="dashed"
-                  onClick={() => add({field: "line_desc", operation: "contains"})}
-                  style={{width: "100%"}}
+                  onClick={() => add({ field: "line_desc", operation: "contains" })}
+                  style={{ width: "100%" }}
                >
                  {t("bodyshop.actions.addpartsrule")}
                </Button>
--- a/client/src/components/task-list/task-list.component.jsx
+++ b/client/src/components/task-list/task-list.component.jsx
@@ -269,7 +269,7 @@ function TaskListComponent({
        <Space direction="horizontal">
          <ShareToTeamsButton
            linkText=""
-            urlOverride={`https://localhost:3000/manage/tasks/alltasks?taskid=${record.id}`}
+            urlOverride={`${window.location.origin}/manage/tasks/alltasks?taskid=${record.id}`}
          />
          <Button
            title={t("tasks.buttons.edit")}
--- a/client/src/contexts/SocketIO/socketContext.jsx
+++ b/client/src/contexts/SocketIO/socketContext.jsx
@@ -1,13 +1,384 @@
-import React, { createContext } from "react";
-import useSocket from "./useSocket"; // Import the custom hook
+import { createContext, useContext, useEffect, useRef, useState } from "react";
+import SocketIO from "socket.io-client";
+import { auth } from "../../firebase/firebase.utils";
+import { store } from "../../redux/store";
+import { addAlerts, setWssStatus } from "../../redux/application/application.actions";
+import client from "../../utils/GraphQLClient";
+import { useNotification } from "../Notifications/notificationContext.jsx";
+import {
+  GET_NOTIFICATIONS,
+  GET_UNREAD_COUNT,
+  MARK_ALL_NOTIFICATIONS_READ,
+  MARK_NOTIFICATION_READ
+} from "../../graphql/notifications.queries.js";
+import { useMutation } from "@apollo/client";

-// Create the SocketContext
 const SocketContext = createContext(null);

-export const SocketProvider = ({ children, bodyshop }) => {
-  const { socket, clientId } = useSocket(bodyshop);
+// This is how many notifications the database will populate on load, and the increment for load more
+export const INITIAL_NOTIFICATIONS = 10;

-  return <SocketContext.Provider value={{ socket, clientId }}> {children}</SocketContext.Provider>;
+export const SCENARIO_NOTIFICATION_LOCATION = "bottomRight";
+export const SCENARIO_NOTIFICATION_DURATION = 15; // Seconds
+
+export const SocketProvider = ({ children, bodyshop, navigate }) => {
+  const socketRef = useRef(null);
+  const [clientId, setClientId] = useState(null);
+  const [isConnected, setIsConnected] = useState(false);
+  const notification = useNotification();
+  const userAssociationId = bodyshop?.associations?.[0]?.id;
+
+  const [markNotificationRead] = useMutation(MARK_NOTIFICATION_READ, {
+    update: (cache, { data: { update_notifications } }) => {
+      const timestamp = new Date().toISOString();
+      const updatedNotification = update_notifications.returning[0];
+
+      // Update the notifications list
+      cache.modify({
+        fields: {
+          notifications(existing = [], { readField }) {
+            return existing.map((notif) => {
+              if (readField("id", notif) === updatedNotification.id) {
+                return { ...notif, read: timestamp };
+              }
+              return notif;
+            });
+          }
+        }
+      });
+
+      // Update the unread count in notifications_aggregate
+      const unreadCountQuery = cache.readQuery({
+        query: GET_UNREAD_COUNT,
+        variables: { associationid: userAssociationId }
+      });
+
+      if (unreadCountQuery?.notifications_aggregate?.aggregate?.count > 0) {
+        cache.writeQuery({
+          query: GET_UNREAD_COUNT,
+          variables: { associationid: userAssociationId },
+          data: {
+            notifications_aggregate: {
+              ...unreadCountQuery.notifications_aggregate,
+              aggregate: {
+                ...unreadCountQuery.notifications_aggregate.aggregate,
+                count: unreadCountQuery.notifications_aggregate.aggregate.count - 1
+              }
+            }
+          }
+        });
+      }
+    },
+    onError: (err) => {
+      console.error("MARK_NOTIFICATION_READ error in SocketProvider:", err);
+    }
+  });
+
+  const [markAllNotificationsRead] = useMutation(MARK_ALL_NOTIFICATIONS_READ, {
+    variables: { associationid: userAssociationId },
+    update: (cache) => {
+      const timestamp = new Date().toISOString();
+      cache.modify({
+        fields: {
+          notifications(existing = [], { readField }) {
+            return existing.map((notif) => {
+              if (readField("read", notif) === null && readField("associationid", notif) === userAssociationId) {
+                return { ...notif, read: timestamp };
+              }
+              return notif;
+            });
+          },
+          notifications_aggregate() {
+            return { aggregate: { count: 0, __typename: "notifications_aggregate_fields" } };
+          }
+        }
+      });
+
+      const baseWhereClause = { associationid: { _eq: userAssociationId } };
+      const cachedNotifications = cache.readQuery({
+        query: GET_NOTIFICATIONS,
+        variables: {
+          limit: INITIAL_NOTIFICATIONS,
+          offset: 0,
+          where: baseWhereClause
+        }
+      });
+
+      if (cachedNotifications?.notifications) {
+        cache.writeQuery({
+          query: GET_NOTIFICATIONS,
+          variables: {
+            limit: INITIAL_NOTIFICATIONS,
+            offset: 0,
+            where: baseWhereClause
+          },
+          data: {
+            notifications: cachedNotifications.notifications.map((notif) =>
+              notif.read === null ? { ...notif, read: timestamp } : notif
+            )
+          }
+        });
+      }
+    },
+    onError: (err) => {
+      console.error("MARK_ALL_NOTIFICATIONS_READ error in SocketProvider:", err);
+    }
+  });
+
+  useEffect(() => {
+    const initializeSocket = async (token) => {
+      if (!bodyshop || !bodyshop.id || socketRef.current) return;
+
+      const endpoint = import.meta.env.PROD ? import.meta.env.VITE_APP_AXIOS_BASE_API_URL : "";
+      const socketInstance = SocketIO(endpoint, {
+        path: "/wss",
+        withCredentials: true,
+        auth: { token, bodyshopId: bodyshop.id },
+        reconnectionAttempts: Infinity,
+        reconnectionDelay: 2000,
+        reconnectionDelayMax: 10000
+      });
+
+      socketRef.current = socketInstance;
+
+      const handleBodyshopMessage = (message) => {
+        if (!message || !message.type) return;
+        switch (message.type) {
+          case "alert-update":
+            store.dispatch(addAlerts(message.payload));
+            break;
+          default:
+            break;
+        }
+      };
+
+      const handleConnect = () => {
+        socketInstance.emit("join-bodyshop-room", bodyshop.id);
+        setClientId(socketInstance.id);
+        setIsConnected(true);
+        store.dispatch(setWssStatus("connected"));
+      };
+
+      const handleReconnect = () => {
+        setIsConnected(true);
+        store.dispatch(setWssStatus("connected"));
+      };
+
+      const handleConnectionError = (err) => {
+        console.error("Socket connection error:", err);
+        setIsConnected(false);
+        if (err.message.includes("auth/id-token-expired")) {
+          console.warn("Token expired, refreshing...");
+          auth.currentUser?.getIdToken(true).then((newToken) => {
+            socketInstance.auth = { token: newToken };
+            socketInstance.connect();
+          });
+        } else {
+          store.dispatch(setWssStatus("error"));
+        }
+      };
+
+      const handleDisconnect = (reason) => {
+        console.warn("Socket disconnected:", reason);
+        setIsConnected(false);
+        store.dispatch(setWssStatus("disconnected"));
+        if (!socketInstance.connected && reason !== "io server disconnect") {
+          setTimeout(() => {
+            if (socketInstance.disconnected) {
+              console.log("Manually triggering reconnection...");
+              socketInstance.connect();
+            }
+          }, 2000);
+        }
+      };
+
+      const handleNotification = (data) => {
+        const { jobId, jobRoNumber, notificationId, associationId, notifications } = data;
+
+        if (associationId !== userAssociationId) return;
+
+        const newNotification = {
+          __typename: "notifications",
+          id: notificationId,
+          jobid: jobId,
+          associationid: associationId,
+          scenario_text: JSON.stringify(notifications.map((notif) => notif.body)),
+          fcm_text: notifications.map((notif) => notif.body).join(". ") + ".",
+          scenario_meta: JSON.stringify(notifications.map((notif) => notif.variables || {})),
+          created_at: new Date(notifications[0].timestamp).toISOString(),
+          read: null,
+          job: {
+            ro_number: jobRoNumber
+          }
+        };
+
+        const baseVariables = {
+          limit: INITIAL_NOTIFICATIONS,
+          offset: 0,
+          where: { associationid: { _eq: userAssociationId } }
+        };
+
+        try {
+          const existingNotifications =
+            client.cache.readQuery({
+              query: GET_NOTIFICATIONS,
+              variables: baseVariables
+            })?.notifications || [];
+
+          if (existingNotifications.some((n) => n.id === newNotification.id)) {
+            return;
+          }
+
+          client.cache.writeQuery({
+            query: GET_NOTIFICATIONS,
+            variables: baseVariables,
+            data: {
+              notifications: [newNotification, ...existingNotifications].sort(
+                (a, b) => new Date(b.created_at) - new Date(a.created_at)
+              )
+            },
+            broadcast: true
+          });
+
+          const unreadVariables = {
+            ...baseVariables,
+            where: { ...baseVariables.where, read: { _is_null: true } }
+          };
+          const unreadNotifications =
+            client.cache.readQuery({
+              query: GET_NOTIFICATIONS,
+              variables: unreadVariables
+            })?.notifications || [];
+
+          if (newNotification.read === null && !unreadNotifications.some((n) => n.id === newNotification.id)) {
+            client.cache.writeQuery({
+              query: GET_NOTIFICATIONS,
+              variables: unreadVariables,
+              data: {
+                notifications: [newNotification, ...unreadNotifications].sort(
+                  (a, b) => new Date(b.created_at) - new Date(a.created_at)
+                )
+              },
+              broadcast: true
+            });
+          }
+
+          client.cache.modify({
+            id: "ROOT_QUERY",
+            fields: {
+              notifications_aggregate(existing = { aggregate: { count: 0 } }) {
+                const isUnread = newNotification.read === null;
+                const countChange = isUnread ? 1 : 0;
+                return {
+                  ...existing,
+                  aggregate: {
+                    ...existing.aggregate,
+                    count: existing.aggregate.count + countChange
+                  }
+                };
+              }
+            }
+          });
+
+          notification.info({
+            message: `Changes for ${jobRoNumber}:`,
+            description: (
+              <ul
+                className="notification-alert-unorderd-list"
+                onClick={() => {
+                  markNotificationRead({ variables: { id: notificationId } })
+                    .then(() => navigate(`/manage/jobs/${jobId}`))
+                    .catch((e) => console.error(`Error marking notification read from info: ${e?.message || ""}`));
+                }}
+                style={{ cursor: "pointer" }}
+              >
+                {notifications.map((notif, index) => (
+                  <li className="notification-alert-unorderd-list-item" key={index}>
+                    {notif.body}
+                  </li>
+                ))}
+              </ul>
+            ),
+            placement: SCENARIO_NOTIFICATION_LOCATION,
+            duration: SCENARIO_NOTIFICATION_DURATION
+          });
+        } catch (error) {
+          console.error(`Something went wrong handling a new notification: ${error?.message || ""}`);
+        }
+      };
+
+      socketInstance.on("connect", handleConnect);
+      socketInstance.on("reconnect", handleReconnect);
+      socketInstance.on("connect_error", handleConnectionError);
+      socketInstance.on("disconnect", handleDisconnect);
+      socketInstance.on("bodyshop-message", handleBodyshopMessage);
+      socketInstance.on("message", (message) => {
+        try {
+          if (typeof message === "string" && message.startsWith("42")) {
+            const parsedMessage = JSON.parse(message.slice(2));
+            const [event, data] = parsedMessage;
+            if (event === "notification") handleNotification(data);
+          } else if (Array.isArray(message)) {
+            const [event, data] = message;
+            if (event === "notification") handleNotification(data);
+          }
+        } catch (error) {
+          console.error("Error parsing socket message:", error);
+        }
+      });
+      socketInstance.on("notification", handleNotification);
+    };
+
+    const unsubscribe = auth.onIdTokenChanged(async (user) => {
+      if (user) {
+        const token = await user.getIdToken();
+        if (socketRef.current) {
+          socketRef.current.emit("update-token", { token, bodyshopId: bodyshop.id });
+        } else {
+          initializeSocket(token).catch((err) =>
+            console.error(`Something went wrong Initializing Sockets: ${err?.message || ""}`)
+          );
+        }
+      } else {
+        if (socketRef.current) {
+          socketRef.current.disconnect();
+          socketRef.current = null;
+          setIsConnected(false);
+        }
+      }
+    });
+
+    return () => {
+      unsubscribe();
+      if (socketRef.current) {
+        socketRef.current.disconnect();
+        socketRef.current = null;
+        setIsConnected(false);
+      }
+    };
+  }, [bodyshop, notification, userAssociationId, markNotificationRead, markAllNotificationsRead, navigate]);
+
+  return (
+    <SocketContext.Provider
+      value={{
+        socket: socketRef.current,
+        clientId,
+        isConnected,
+        markNotificationRead,
+        markAllNotificationsRead
+      }}
+    >
+      {children}
+    </SocketContext.Provider>
+  );
+};
+
+export const useSocket = () => {
+  const context = useContext(SocketContext);
+  if (!context) {
+    throw new Error("useSocket must be used within a SocketProvider");
+  }
+  return context;
 };

 export default SocketContext;
--- a/client/src/contexts/SocketIO/useSocket.js
+++ b/client/src/contexts/SocketIO/useSocket.js
@@ -1,125 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import SocketIO from "socket.io-client";
-import { auth } from "../../firebase/firebase.utils";
-import { store } from "../../redux/store";
-import { addAlerts, setWssStatus } from "../../redux/application/application.actions";
-
-const useSocket = (bodyshop) => {
-  const socketRef = useRef(null);
-  const [clientId, setClientId] = useState(null);
-
-  useEffect(() => {
-    const initializeSocket = async (token) => {
-      if (!bodyshop || !bodyshop.id) return;
-
-      const endpoint = import.meta.env.PROD ? import.meta.env.VITE_APP_AXIOS_BASE_API_URL : "";
-
-      const socketInstance = SocketIO(endpoint, {
-        path: "/wss",
-        withCredentials: true,
-        auth: { token },
-        reconnectionAttempts: Infinity,
-        reconnectionDelay: 2000,
-        reconnectionDelayMax: 10000
-      });
-
-      socketRef.current = socketInstance;
-
-      // Handle socket events
-      const handleBodyshopMessage = (message) => {
-        if (!message || !message.type) return;
-
-        switch (message.type) {
-          case "alert-update":
-            store.dispatch(addAlerts(message.payload));
-            break;
-          default:
-            break;
-        }
-
-        if (!import.meta.env.DEV) return;
-        console.log(`Received message for bodyshop ${bodyshop.id}:`, message);
-      };
-
-      const handleConnect = () => {
-        socketInstance.emit("join-bodyshop-room", bodyshop.id);
-        setClientId(socketInstance.id);
-        store.dispatch(setWssStatus("connected"));
-      };
-
-      const handleReconnect = () => {
-        store.dispatch(setWssStatus("connected"));
-      };
-
-      const handleConnectionError = (err) => {
-        console.error("Socket connection error:", err);
-
-        // Handle token expiration
-        if (err.message.includes("auth/id-token-expired")) {
-          console.warn("Token expired, refreshing...");
-          auth.currentUser?.getIdToken(true).then((newToken) => {
-            socketInstance.auth = { token: newToken }; // Update socket auth
-            socketInstance.connect(); // Retry connection
-          });
-        } else {
-          store.dispatch(setWssStatus("error"));
-        }
-      };
-
-      const handleDisconnect = (reason) => {
-        console.warn("Socket disconnected:", reason);
-        store.dispatch(setWssStatus("disconnected"));
-
-        // Manually trigger reconnection if necessary
-        if (!socketInstance.connected && reason !== "io server disconnect") {
-          setTimeout(() => {
-            if (socketInstance.disconnected) {
-              console.log("Manually triggering reconnection...");
-              socketInstance.connect();
-            }
-          }, 2000); // Retry after 2 seconds
-        }
-      };
-
-      // Register event handlers
-      socketInstance.on("connect", handleConnect);
-      socketInstance.on("reconnect", handleReconnect);
-      socketInstance.on("connect_error", handleConnectionError);
-      socketInstance.on("disconnect", handleDisconnect);
-      socketInstance.on("bodyshop-message", handleBodyshopMessage);
-    };
-
-    const unsubscribe = auth.onIdTokenChanged(async (user) => {
-      if (user) {
-        const token = await user.getIdToken();
-
-        if (socketRef.current) {
-          // Update token if socket exists
-          socketRef.current.emit("update-token", token);
-        } else {
-          // Initialize socket if not already connected
-          initializeSocket(token);
-        }
-      } else {
-        // User is not authenticated
-        if (socketRef.current) {
-          socketRef.current.disconnect();
-          socketRef.current = null;
-        }
-      }
-    });
-
-    // Clean up on unmount
-    return () => {
-      unsubscribe();
-      if (socketRef.current) {
-        socketRef.current.disconnect();
-        socketRef.current = null;
-      }
-    };
-  }, [bodyshop]);
-
-  return { socket: socketRef.current, clientId };
-};
-
-export default useSocket;
--- a/client/src/graphql/bodyshop.queries.js
+++ b/client/src/graphql/bodyshop.queries.js
@@ -349,3 +349,13 @@ export const QUERY_STRIPE_ID = gql`
    }
  }
 `;
+
+export const GET_ACTIVE_EMPLOYEES_IN_SHOP = gql`
+  query GetActiveEmployeesInShop($shopid: uuid!) {
+    associations(where: { shopid: { _eq: $shopid } }) {
+      id
+      useremail
+      shopid
+    }
+  }
+`;
--- a/client/src/graphql/jobs.queries.js
+++ b/client/src/graphql/jobs.queries.js
@@ -524,6 +524,9 @@ export const GET_JOB_BY_PK = gql`
      invoice_final_note
      iouparent
      job_totals
+      job_watchers {
+        user_email
+      }
      joblines(where: { removed: { _eq: false } }, order_by: { line_no: asc }) {
        act_price
        act_price_before_ppc
@@ -1890,6 +1893,7 @@ export const QUERY_JOB_CLOSE_DETAILS = gql`
      kmout
      qb_multiple_payers
      lbr_adjustments
+      ownr_ea
      payments {
        amount
        created_at
@@ -2566,3 +2570,30 @@ export const GET_JOB_BY_PK_QUICK_INTAKE = gql`
    }
  }
 `;
+
+export const GET_JOB_WATCHERS = gql`
+  query GET_JOB_WATCHERS($jobid: uuid!) {
+    job_watchers(where: { jobid: { _eq: $jobid } }) {
+      id
+      user_email
+    }
+  }
+`;
+
+export const ADD_JOB_WATCHER = gql`
+  mutation ADD_JOB_WATCHER($jobid: uuid!, $userEmail: String!) {
+    insert_job_watchers_one(object: { jobid: $jobid, user_email: $userEmail }) {
+      id
+      jobid
+      user_email
+    }
+  }
+`;
+
+export const REMOVE_JOB_WATCHER = gql`
+  mutation REMOVE_JOB_WATCHER($jobid: uuid!, $userEmail: String!) {
+    delete_job_watchers(where: { jobid: { _eq: $jobid }, user_email: { _eq: $userEmail } }) {
+      affected_rows
+    }
+  }
+`;
--- a/client/src/graphql/notifications.queries.js
+++ b/client/src/graphql/notifications.queries.js
@@ -0,0 +1,51 @@
+import { gql } from "@apollo/client";
+
+export const GET_NOTIFICATIONS = gql`
+  query GetNotifications($limit: Int!, $offset: Int!, $where: notifications_bool_exp) {
+    notifications(limit: $limit, offset: $offset, order_by: { created_at: desc }, where: $where) {
+      id
+      jobid
+      associationid
+      scenario_text
+      fcm_text
+      scenario_meta
+      created_at
+      read
+      job {
+        ro_number
+      }
+    }
+  }
+`;
+
+export const GET_UNREAD_COUNT = gql`
+  query GetUnreadCount($associationid: uuid!) {
+    notifications_aggregate(where: { read: { _is_null: true }, associationid: { _eq: $associationid } }) {
+      aggregate {
+        count
+      }
+    }
+  }
+`;
+
+export const MARK_ALL_NOTIFICATIONS_READ = gql`
+  mutation MarkAllNotificationsRead($associationid: uuid!) {
+    update_notifications(
+      where: { read: { _is_null: true }, associationid: { _eq: $associationid } }
+      _set: { read: "now()" }
+    ) {
+      affected_rows
+    }
+  }
+`;
+
+export const MARK_NOTIFICATION_READ = gql`
+  mutation MarkNotificationRead($id: uuid!) {
+    update_notifications(where: { id: { _eq: $id } }, _set: { read: "now()" }) {
+      returning {
+        id
+        read
+      }
+    }
+  }
+`;
--- a/client/src/graphql/user.queries.js
+++ b/client/src/graphql/user.queries.js
@@ -85,3 +85,21 @@ export const UPDATE_KANBAN_SETTINGS = gql`
    }
  }
 `;
+
+export const QUERY_NOTIFICATION_SETTINGS = gql`
+  query QUERY_NOTIFICATION_SETTINGS($email: String!) {
+    associations(where: { _and: { useremail: { _eq: $email }, active: { _eq: true } } }) {
+      id
+      notification_settings
+    }
+  }
+`;
+
+export const UPDATE_NOTIFICATION_SETTINGS = gql`
+  mutation UPDATE_NOTIFICATION_SETTINGS($id: uuid!, $ns: jsonb) {
+    update_associations_by_pk(pk_columns: { id: $id }, _set: { notification_settings: $ns }) {
+      id
+      notification_settings
+    }
+  }
+`;
--- a/client/src/pages/jobs-detail/job-watcher-toggle.component.jsx
+++ b/client/src/pages/jobs-detail/job-watcher-toggle.component.jsx
@@ -0,0 +1,196 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { useMutation, useQuery } from "@apollo/client";
+import { EyeFilled, EyeOutlined, UserOutlined } from "@ant-design/icons";
+import { ADD_JOB_WATCHER, GET_JOB_WATCHERS, REMOVE_JOB_WATCHER } from "../../graphql/jobs.queries.js";
+import { Avatar, Button, Divider, List, Popover, Select, Tooltip, Typography } from "antd";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors.js";
+import EmployeeSearchSelectComponent from "../../components/employee-search-select/employee-search-select.component.jsx";
+import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component.jsx";
+
+const { Text } = Typography;
+
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+  currentUser: selectCurrentUser
+});
+
+const JobWatcherToggle = ({ job, currentUser, bodyshop }) => {
+  const { t } = useTranslation();
+  const userEmail = currentUser.email;
+  const jobid = job.id;
+
+  const [open, setOpen] = useState(false);
+  const [selectedWatcher, setSelectedWatcher] = useState(null); // New state for selected value
+  const [selectedTeam, setSelectedTeam] = useState(null); // New state to track selected team
+
+  // Fetch current watchers
+  const { data: watcherData, loading: watcherLoading } = useQuery(GET_JOB_WATCHERS, { variables: { jobid } });
+
+  // Extract watchers list
+  const jobWatchers = useMemo(() => watcherData?.job_watchers || [], [watcherData]);
+  const isWatching = useMemo(() => jobWatchers.some((w) => w.user_email === userEmail), [jobWatchers, userEmail]);
+
+  // Add watcher mutation
+  const [addWatcher, { loading: adding }] = useMutation(ADD_JOB_WATCHER, {
+    refetchQueries: [{ query: GET_JOB_WATCHERS, variables: { jobid } }]
+  });
+
+  // Remove watcher mutation
+  const [removeWatcher, { loading: removing }] = useMutation(REMOVE_JOB_WATCHER, {
+    refetchQueries: [{ query: GET_JOB_WATCHERS, variables: { jobid } }]
+  });
+
+  // Toggle watcher for self
+  const handleToggleSelf = useCallback(() => {
+    (isWatching
+      ? removeWatcher({ variables: { jobid, userEmail } })
+      : addWatcher({ variables: { jobid, userEmail } })
+    ).catch((err) => console.error(`Error updating job watcher: ${err.message}`));
+  }, [isWatching, addWatcher, removeWatcher, jobid, userEmail]);
+
+  // Handle removing a watcher
+  const handleRemoveWatcher = (userEmail) => {
+    removeWatcher({ variables: { jobid, userEmail } }).catch((err) =>
+      console.error(`Error removing job watcher: ${err.message}`)
+    );
+  };
+
+  const handleWatcherSelect = (selectedUser) => {
+    const employee = bodyshop.employees.find((e) => e.id === selectedUser);
+    if (!employee) return;
+
+    const isAlreadyWatching = jobWatchers.some((w) => w.user_email === employee.user_email);
+
+    if (isAlreadyWatching) {
+      handleRemoveWatcher(employee.user_email);
+    } else {
+      addWatcher({ variables: { jobid, userEmail: employee.user_email } }).catch((err) =>
+        console.error(`Error adding job watcher: ${err.message}`)
+      );
+    }
+
+    // Clear selection
+    setSelectedWatcher(null);
+  };
+
+  const handleTeamSelect = (team) => {
+    const selectedTeamMembers = JSON.parse(team); // Parse the array of emails
+
+    const newWatchers = selectedTeamMembers.filter(
+      (email) => !jobWatchers.some((watcher) => watcher.user_email === email)
+    );
+
+    // Add each new watcher
+    newWatchers.forEach((email) => {
+      addWatcher({ variables: { jobid, userEmail: email } }).catch((err) =>
+        console.error(`Error adding job watcher: ${err.message}`)
+      );
+    });
+
+    // Clear selection
+    setSelectedTeam(null);
+  };
+
+  const handleRenderItem = (watcher) => {
+    const employee = bodyshop.employees.find((e) => e.user_email === watcher.user_email);
+    const displayName = employee ? `${employee.first_name} ${employee.last_name}` : watcher.user_email;
+
+    return (
+      <List.Item
+        actions={[
+          <Button type="link" danger size="small" onClick={() => handleRemoveWatcher(watcher.user_email)}>
+            {t("notifications.actions.remove")}
+          </Button>
+        ]}
+      >
+        <List.Item.Meta
+          avatar={<Avatar icon={<UserOutlined />} />}
+          title={<Text>{displayName}</Text>}
+          description={watcher.user_email} // Keep the email for reference
+        />
+      </List.Item>
+    );
+  };
+
+  // Popover content
+  const popoverContent = (
+    <div style={{ width: 600 }}>
+      {/* Self-toggle Button */}
+      <Button
+        block
+        type="text"
+        icon={isWatching ? <EyeOutlined /> : <EyeFilled />}
+        onClick={handleToggleSelf}
+        loading={adding || removing}
+      >
+        {isWatching ? t("notifications.tooltips.unwatch") : t("notifications.tooltips.watch")}
+      </Button>
+      {/* List of Watchers */}
+      <Text type="secondary" style={{ marginBottom: 8, display: "block" }}>
+        {t("notifications.labels.watching-issue")}
+      </Text>
+      {watcherLoading ? <LoadingSpinner /> : <List dataSource={jobWatchers} renderItem={handleRenderItem} />}
+      {/* Employee Search Select (for adding watchers) */}
+      <Divider />
+
+      <Text type="secondary">{t("notifications.labels.add-watchers")}</Text>
+      <EmployeeSearchSelectComponent
+        style={{ minWidth: "100%" }}
+        options={bodyshop.employees.filter((e) => jobWatchers.every((w) => w.user_email !== e.user_email))}
+        placeholder={t("notifications.labels.employee-search")}
+        value={selectedWatcher} // Controlled value
+        onChange={(value) => {
+          setSelectedWatcher(value); // Update selected state
+          handleWatcherSelect(value); // Add watcher logic
+        }}
+      />
+      {/* Divider for UI separation */}
+      {/* Only show team selection if there are available teams */}
+      {bodyshop?.employee_teams?.length > 0 && (
+        <>
+          <Divider />
+          <Text type="secondary">{t("notifications.labels.add-watchers-team")}</Text>
+
+          <Select
+            showSearch
+            style={{ minWidth: "100%" }}
+            placeholder={t("notifications.labels.teams-search")}
+            value={selectedTeam} // Controlled value
+            onChange={handleTeamSelect}
+            options={bodyshop.employee_teams.map((team) => {
+              const teamMembers = team.employee_team_members
+                .map((member) => {
+                  const employee = bodyshop.employees.find((e) => e.id === member.employeeid);
+                  return employee ? employee.user_email : null;
+                })
+                .filter(Boolean); // Remove nulls
+
+              return {
+                value: JSON.stringify(teamMembers), // Store array as string
+                label: team.name // Use team name as label
+              };
+            })}
+          />
+        </>
+      )}
+    </div>
+  );
+
+  return (
+    <Popover content={popoverContent} trigger="click" open={open} onOpenChange={setOpen}>
+      <Tooltip title={isWatching ? t("notifications.tooltips.unwatch") : t("notifications.tooltips.watch")}>
+        <Button
+          shape="circle"
+          type={isWatching ? "primary" : "default"}
+          icon={isWatching ? <EyeFilled /> : <EyeOutlined />}
+          loading={watcherLoading}
+        />
+      </Tooltip>
+    </Popover>
+  );
+};
+
+export default connect(mapStateToProps)(JobWatcherToggle);
--- a/client/src/pages/jobs-detail/jobs-detail.page.component.jsx
+++ b/client/src/pages/jobs-detail/jobs-detail.page.component.jsx
@@ -56,6 +56,7 @@ import { DateTimeFormat } from "../../utils/DateFormatter";
 import dayjs from "../../utils/day";
 import UndefinedToNull from "../../utils/undefinedtonull";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
+import JobWatcherToggle from "./job-watcher-toggle.component.jsx";

 const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop,
@@ -319,7 +320,13 @@ export function JobsDetailPage({
      >
        <PageHeader
          // onBack={() => window.history.back()}
-          title={job.ro_number || t("general.labels.na")}
+
+          title={
+            <Space>
+              <JobWatcherToggle job={job} />
+              {job.ro_number || t("general.labels.na")}
+            </Space>
+          }
          extra={menuExtra}
        />
        <JobsDetailHeader job={job} />
--- a/client/src/pages/manage/manage.page.component.jsx
+++ b/client/src/pages/manage/manage.page.component.jsx
@@ -1,7 +1,7 @@
 import { FloatButton, Layout, Spin } from "antd";

 // import preval from "preval.macro";
-import React, { lazy, Suspense, useContext, useEffect, useState } from "react";
+import React, { lazy, Suspense, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link, Route, Routes } from "react-router-dom";
@@ -20,7 +20,7 @@ import PartnerPingComponent from "../../components/partner-ping/partner-ping.com
 import PrintCenterModalContainer from "../../components/print-center-modal/print-center-modal.container";
 import ShopSubStatusComponent from "../../components/shop-sub-status/shop-sub-status.component";
 import { requestForToken } from "../../firebase/firebase.utils";
-import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
+import { useSocket } from "../../contexts/SocketIO/socketContext.jsx";
 import { selectBodyshop, selectInstanceConflict } from "../../redux/user/user.selectors";
 import UpdateAlert from "../../components/update-alert/update-alert.component";
 import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
@@ -29,6 +29,7 @@ import WssStatusDisplayComponent from "../../components/wss-status-display/wss-s
 import { selectAlerts } from "../../redux/application/application.selectors.js";
 import { addAlerts } from "../../redux/application/application.actions.js";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
+
 const JobsPage = lazy(() => import("../jobs/jobs.page"));

 const CardPaymentModalContainer = lazy(
@@ -122,7 +123,7 @@ const mapDispatchToProps = (dispatch) => ({
 export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
  const { t } = useTranslation();
  const [chatVisible] = useState(false);
-  const { socket, clientId } = useContext(SocketContext);
+  const { socket, clientId } = useSocket();
  const notification = useNotification();

  // State to track displayed alerts
@@ -146,7 +147,7 @@ export function Manage({ conflict, bodyshop, alerts, setAlerts }) {
      }
    };

-    fetchAlerts();
+    fetchAlerts().catch((err) => `Error fetching Bodyshop Alerts: ${err?.message || ""}`);
  }, [setAlerts]);

  // Use useEffect to watch for new alerts
--- a/client/src/redux/user/user.sagas.js
+++ b/client/src/redux/user/user.sagas.js
@@ -235,7 +235,12 @@ export function* signInSuccessSaga({ payload }) {

  try {
    window.$crisp.push(["set", "user:nickname", [payload.displayName || payload.email]]);
-    window.$crisp.push(["set", "session:segments", [["user"]]]);
+    const currentUserSegment = InstanceRenderManager({
+      imex: "imex-online-user",
+      rome: "rome-online-user"
+    });
+    window.$crisp.push(["set", "session:segments", [[currentUserSegment]]]);
+
    InstanceRenderManager({
      executeFunction: true,
      args: [],
@@ -342,6 +347,9 @@ export function* SetAuthLevelFromShopDetails({ payload }) {
          window.$zoho.salesiq.visitor.info({ "Shop Name": payload.shopname });
        }
      });
+      payload.features?.allAccess === true
+        ? window.$crisp.push(["set", "session:segments", [["allAccess"]]])
+        : window.$crisp.push(["set", "session:segments", [["basic"]]]);
    } catch (error) {
      console.error("Couldnt find $crisp.");
    }
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
--- a/client/src/utils/RenderTemplate.js
+++ b/client/src/utils/RenderTemplate.js
@@ -9,7 +9,6 @@ import client from "../utils/GraphQLClient";
 import cleanAxios from "./CleanAxios";
 import { TemplateList } from "./TemplateConstants";
 import { generateTemplate } from "./graphQLmodifier";
-import InstanceRenderManager from "./instanceRenderMgr";

 const server = import.meta.env.VITE_APP_REPORTS_SERVER_URL;

@@ -39,7 +38,7 @@ export default async function RenderTemplate(
  jsreport.headers["Authorization"] = jsrAuth;

  //Query assets that match the template name. Must be in format <<templateName>>.query
-  let { contextData, useShopSpecificTemplate } = await fetchContextData(templateObject, jsrAuth);
+  let { contextData, useShopSpecificTemplate, shopSpecificFolder } = await fetchContextData(templateObject, jsrAuth);

  const { ignoreCustomMargins } = Templates[templateObject.name];

@@ -74,14 +73,8 @@ export default async function RenderTemplate(
      ...contextData,
      ...templateObject.variables,
      ...templateObject.context,
-      headerpath: `/${InstanceRenderManager({
-        imex: bodyshop.imexshopid,
-        rome: bodyshop.imexshopid
-      })}/header.html`,
-      footerpath: `/${InstanceRenderManager({
-        imex: bodyshop.imexshopid,
-        rome: bodyshop.imexshopid
-      })}/footer.html`,
+      headerpath: shopSpecificFolder ? `/${bodyshop.imexshopid}/header.html` : `/GENERIC/header.html`,
+      footerpath: shopSpecificFolder ? `/${bodyshop.imexshopid}/footer.html` : `/GENERIC/footer.html`,
      bodyshop: bodyshop,
      filters: templateObject?.filters,
      sorters: templateObject?.sorters,
@@ -149,11 +142,12 @@ export async function RenderTemplates(templateObjects, bodyshop, renderAsHtml =
  templateObjects.forEach((template) => {
    proms.push(
      (async () => {
-        let { contextData, useShopSpecificTemplate } = await fetchContextData(template, jsrAuth);
+        let { contextData, useShopSpecificTemplate, shopSpecificFolder } = await fetchContextData(template, jsrAuth);
        unsortedTemplatesAndData.push({
          templateObject: template,
          contextData,
-          useShopSpecificTemplate
+          useShopSpecificTemplate,
+          shopSpecificFolder
        });
      })()
    );
@@ -248,8 +242,8 @@ export async function RenderTemplates(templateObjects, bodyshop, renderAsHtml =

      // ...rootTemplate.templateObject.variables,
      // ...rootTemplate.templateObject.context,
-      headerpath: `/${bodyshop.imexshopid}/header.html`,
-      footerpath: `/${bodyshop.imexshopid}/footer.html`,
+      headerpath: rootTemplate.shopSpecificFolder ? `/${bodyshop.imexshopid}/header.html` : `/GENERIC/header.html`,
+      footerpath: rootTemplate.shopSpecificFolder ? `/${bodyshop.imexshopid}/footer.html` : `/GENERIC/footer.html`,
      bodyshop: bodyshop,
      offset: bodyshop.timezone
    }
@@ -397,10 +391,10 @@ const fetchContextData = async (templateObject, jsrAuth) => {
      });
      contextData = data;
    }
-    return { contextData, useShopSpecificTemplate };
+    return { contextData, useShopSpecificTemplate, shopSpecificFolder };
  }

-  return await generateTemplate(templateQueryToExecute, templateObject, useShopSpecificTemplate);
+  return await generateTemplate(templateQueryToExecute, templateObject, useShopSpecificTemplate, shopSpecificFolder);
 };

 //export const displayTemplateInWindow = (html) => {
--- a/client/src/utils/graphQLmodifier.js
+++ b/client/src/utils/graphQLmodifier.js
@@ -1,6 +1,6 @@
+import { gql } from "@apollo/client";
 import { Kind, parse, print, visit } from "graphql";
 import client from "./GraphQLClient";
-import { gql } from "@apollo/client";

 /* eslint-disable no-loop-func */

@@ -114,9 +114,10 @@ export function printQuery(query) {
 * @param templateQueryToExecute
 * @param templateObject
 * @param useShopSpecificTemplate
- * @returns {Promise<{contextData: {}, useShopSpecificTemplate}>}
+ * @param shopSpecificTemplate
+ * @returns {Promise<{contextData: {}, useShopSpecificTemplate, shopSpecificTemplate}>}
 */
-export async function generateTemplate(templateQueryToExecute, templateObject, useShopSpecificTemplate) {
+export async function generateTemplate(templateQueryToExecute, templateObject, useShopSpecificTemplate, shopSpecificFolder) {
  // Advanced Filtering and Sorting modifications start here

  // Parse the query and apply the filters and sorters
@@ -147,7 +148,7 @@ export async function generateTemplate(templateQueryToExecute, templateObject, u
    contextData = data;
  }

-  return { contextData, useShopSpecificTemplate };
+  return { contextData, useShopSpecificTemplate, shopSpecificFolder };
 }

 /**
--- a/client/src/utils/jobNotificationScenarios.js
+++ b/client/src/utils/jobNotificationScenarios.js
@@ -0,0 +1,19 @@
+const notificationScenarios = [
+  "job-assigned-to-me",
+  "bill-posted",
+  "critical-parts-status-changed",
+  "part-marked-back-ordered",
+  "new-note-added",
+  "supplement-imported",
+  "schedule-dates-changed",
+  "tasks-updated-created",
+  "new-media-added-reassigned",
+  "new-time-ticket-posted",
+  "intake-delivery-checklist-completed",
+  "job-added-to-production",
+  "job-status-change",
+  "payment-collected-completed",
+  "alternate-transport-changed"
+];
+
+export { notificationScenarios };
--- a/client/vite.config.js
+++ b/client/vite.config.js
@@ -6,8 +6,8 @@ import eslint from "vite-plugin-eslint";
 import { VitePWA } from "vite-plugin-pwa";
 import InstanceRenderManager from "./src/utils/instanceRenderMgr";
 import chalk from "chalk";
-//import { visualizer } from "rollup-plugin-visualizer";

+// Ensure your environment variables are set correctly for Vite 6
 process.env.VITE_APP_GIT_SHA_DATE = new Date().toLocaleString("en-US", {
  timeZone: "America/Los_Angeles"
 });
@@ -22,7 +22,7 @@ export const logger = createLogger("info", {
 export default defineConfig({
  base: "/",
  plugins: [
-    //visualizer(),
+    // Ensure all plugins are Vite 6 compatible
    ViteEjsPlugin((viteConfig) => ({ env: viteConfig.env })),
    VitePWA({
      injectRegister: "auto",
@@ -31,14 +31,12 @@ export default defineConfig({
        short_name: InstanceRenderManager({
          instance: process.env.VITE_APP_INSTANCE,
          imex: "ImEX Online",
-          rome: "Rome Online",
-          
+          rome: "Rome Online"
        }),
        name: InstanceRenderManager({
          instance: process.env.VITE_APP_INSTANCE,
          imex: "ImEX Online",
-          rome: "Rome Online",
-          
+          rome: "Rome Online"
        }),
        description: "The ultimate bodyshop management system.",
        icons: [
@@ -46,7 +44,7 @@ export default defineConfig({
            src: InstanceRenderManager({
              instance: process.env.VITE_APP_INSTANCE,
              imex: "favicon.png",
-              rome: "ro-favicon.png",
+              rome: "ro-favicon.png"
            }),
            sizes: "64x64 32x32 24x24 16x16",
            type: "image/x-icon"
@@ -55,7 +53,7 @@ export default defineConfig({
            src: InstanceRenderManager({
              instance: process.env.VITE_APP_INSTANCE,
              imex: "logo192.png",
-              rome: "logo192.png",
+              rome: "logo192.png"
            }),
            type: "image/png",
            sizes: "192x192"
@@ -64,7 +62,7 @@ export default defineConfig({
            src: InstanceRenderManager({
              instance: process.env.VITE_APP_INSTANCE,
              imex: "logo512.png",
-              rome: "ro-favicon.png",
+              rome: "ro-favicon.png"
            }),
            type: "image/png",
            sizes: "512x512"
@@ -73,7 +71,7 @@ export default defineConfig({
        theme_color: InstanceRenderManager({
          instance: process.env.VITE_APP_INSTANCE,
          imex: "#1890ff",
-          rome: "#fff",
+          rome: "#fff"
        }),
        background_color: "#fff",
        gcm_sender_id: "103953800507"
@@ -204,8 +202,10 @@ export default defineConfig({
      "react-redux"
    ],
    esbuildOptions: {
+      // Update for Vite 6: Use proper file extensions
      loader: {
-        ".js": "jsx"
+        ".jsx": "jsx",
+        ".tsx": "tsx"
      }
    }
  },
--- a/hasura/metadata/cron_triggers.yaml
+++ b/hasura/metadata/cron_triggers.yaml
@@ -31,14 +31,6 @@
  headers:
    - name: x-imex-auth
      value_from_env: DATAPUMP_AUTH
- name: Task Reminders
-  webhook: '{{HASURA_API_URL}}/tasks-remind-handler'
-  schedule: '*/15 * * * *'
-  include_in_metadata: true
-  payload: {}
-  headers:
-    - name: event-secret
-      value_from_env: EVENT_SECRET
 - name: Rome Usage Report
  webhook: '{{HASURA_API_URL}}/data/usagereport'
  schedule: 0 12 * * 5
@@ -47,3 +39,11 @@
  headers:
    - name: x-imex-auth
      value_from_env: DATAPUMP_AUTH
+- name: Task Reminders
+  webhook: '{{HASURA_API_URL}}/tasks-remind-handler'
+  schedule: '*/15 * * * *'
+  include_in_metadata: true
+  payload: {}
+  headers:
+    - name: event-secret
+      value_from_env: EVENT_SECRET
--- a/hasura/metadata/tables.yaml
+++ b/hasura/metadata/tables.yaml
@@ -697,12 +697,6 @@
        - name: event-secret
          value_from_env: EVENT_SECRET
      request_transform:
-        body:
-          action: transform
-          template: |-
-            {
-              "success": true
-            }
        method: POST
        query_params: {}
        template_engine: Kriti
@@ -1958,6 +1952,27 @@
                          _eq: X-Hasura-User-Id
                    - active:
                        _eq: true
+  event_triggers:
+    - name: notifications_docuemtns
+      definition:
+        enable_manual: false
+        update:
+          columns:
+            - jobid
+      retry_conf:
+        interval_sec: 10
+        num_retries: 0
+        timeout_sec: 60
+      webhook_from_env: HASURA_API_URL
+      headers:
+        - name: event-secret
+          value_from_env: EVENT_SECRET
+      request_transform:
+        method: POST
+        query_params: {}
+        template_engine: Kriti
+        url: '{{$base_url}}/notifications/events/handleDocumentsChange'
+        version: 2
 - table:
    name: email_audit_trail
    schema: public
@@ -2846,13 +2861,12 @@
    - role: user
      permission:
        check:
-          user:
-            _and:
-              - associations:
-                  active:
-                    _eq: true
-              - authid:
-                  _eq: X-Hasura-User-Id
+          job:
+            bodyshop:
+              associations:
+                user:
+                  authid:
+                    _eq: X-Hasura-User-Id
        columns:
          - user_email
          - created_at
@@ -2868,13 +2882,12 @@
          - id
          - jobid
        filter:
-          user:
-            _and:
-              - associations:
-                  active:
-                    _eq: true
-              - authid:
-                  _eq: X-Hasura-User-Id
+          job:
+            bodyshop:
+              associations:
+                user:
+                  authid:
+                    _eq: X-Hasura-User-Id
      comment: ""
  update_permissions:
    - role: user
@@ -2885,26 +2898,24 @@
          - id
          - jobid
        filter:
-          user:
-            _and:
-              - associations:
-                  active:
-                    _eq: true
-              - authid:
-                  _eq: X-Hasura-User-Id
+          job:
+            bodyshop:
+              associations:
+                user:
+                  authid:
+                    _eq: X-Hasura-User-Id
        check: null
      comment: ""
  delete_permissions:
    - role: user
      permission:
        filter:
-          user:
-            _and:
-              - associations:
-                  active:
-                    _eq: true
-              - authid:
-                  _eq: X-Hasura-User-Id
+          job:
+            bodyshop:
+              associations:
+                user:
+                  authid:
+                    _eq: X-Hasura-User-Id
      comment: ""
 - table:
    name: joblines
@@ -3223,6 +3234,29 @@
                        _eq: X-Hasura-User-Id
                  - active:
                      _eq: true
+  event_triggers:
+    - name: notifications_joblines
+      definition:
+        enable_manual: false
+        insert:
+          columns: '*'
+        update:
+          columns:
+            - critical
+      retry_conf:
+        interval_sec: 10
+        num_retries: 0
+        timeout_sec: 60
+      webhook_from_env: HASURA_API_URL
+      headers:
+        - name: event-secret
+          value_from_env: EVENT_SECRET
+      request_transform:
+        method: POST
+        query_params: {}
+        template_engine: Kriti
+        url: '{{$base_url}}/notifications/events/handleJobLinesChange'
+        version: 1
 - table:
    name: joblines_status
    schema: public
@@ -3369,6 +3403,13 @@
          table:
            name: job_conversations
            schema: public
+    - name: job_watchers
+      using:
+        foreign_key_constraint_on:
+          column: jobid
+          table:
+            name: job_watchers
+            schema: public
    - name: joblines
      using:
        foreign_key_constraint_on:
@@ -4473,10 +4514,7 @@
      request_transform:
        body:
          action: transform
-          template: |-
-            {
-              "success": true
-            }
+          template: "{\r\n  \"event\": {\r\n  \"session_variables\": {\r\n    \"x-hasura-user-id\": {{$body.event.session_variables.x-hasura-user-id}}\r\n    }, \r\n    \"op\": \"UPDATE\",\r\n    \"data\": {\r\n      \"old\": {\r\n        \"id\": {{$body.event.data.old.id}},\r\n        \"ro_number\": {{$body.event.data.old.ro_number}},\r\n        \"queued_for_parts\": {{$body.event.data.old.queued_for_parts}},\r\n        \"employee_prep\": {{$body.event.data.old.employee_prep}},\r\n        \"clm_total\": {{$body.event.data.old.clm_total}},\r\n        \"towin\": {{$body.event.data.old.towin}},\r\n        \"employee_body\": {{$body.event.data.old.employee_body}},\r\n        \"converted\": {{$body.event.data.old.converted}},\r\n        \"scheduled_in\": {{$body.event.data.old.scheduled_in}},\r\n        \"scheduled_completion\": {{$body.event.data.old.scheduled_completion}},\r\n        \"scheduled_delivery\": {{$body.event.data.old.scheduled_delivery}},\r\n        \"actual_delivery\": {{$body.event.data.old.actual_delivery}},\r\n        \"actual_completion\": {{$body.event.data.old.actual_completion}},\r\n        \"alt_transport\": {{$body.event.data.old.alt_transport}},\r\n        \"date_exported\": {{$body.event.data.old.date_exported}},\r\n        \"status\": {{$body.event.data.old.status}},\r\n        \"employee_csr\": {{$body.event.data.old.employee_csr}},\r\n        \"actual_in\": {{$body.event.data.old.actual_in}},\r\n        \"deliverchecklist\": {{$body.event.data.old.deliverchecklist}},\r\n        \"comment\": {{$body.event.data.old.comment}},\r\n        \"employee_refinish\": {{$body.event.data.old.employee_refinish}},\r\n        \"inproduction\": {{$body.event.data.old.inproduction}},\r\n        \"production_vars\": {{$body.event.data.old.production_vars}},\r\n        \"intakechecklist\": {{$body.event.data.old.intakechecklist}},\r\n        \"cieca_ttl\": {{$body.event.data.old.cieca_ttl}},\r\n        \"date_invoiced\": {{$body.event.data.old.date_invoiced}}\r\n      },\r\n      \"new\": {\r\n        \"id\": {{$body.event.data.new.id}},\r\n        \"ro_number\": {{$body.event.data.old.ro_number}},\r\n        \"queued_for_parts\": {{$body.event.data.new.queued_for_parts}},\r\n        \"employee_prep\": {{$body.event.data.new.employee_prep}},\r\n        \"clm_total\": {{$body.event.data.new.clm_total}},\r\n        \"towin\": {{$body.event.data.new.towin}},\r\n        \"employee_body\": {{$body.event.data.new.employee_body}},\r\n        \"converted\": {{$body.event.data.new.converted}},\r\n        \"scheduled_in\": {{$body.event.data.new.scheduled_in}},\r\n        \"scheduled_completion\": {{$body.event.data.new.scheduled_completion}},\r\n        \"scheduled_delivery\": {{$body.event.data.new.scheduled_delivery}},\r\n        \"actual_delivery\": {{$body.event.data.new.actual_delivery}},\r\n        \"actual_completion\": {{$body.event.data.new.actual_completion}},\r\n        \"alt_transport\": {{$body.event.data.new.alt_transport}},\r\n        \"date_exported\": {{$body.event.data.new.date_exported}},\r\n        \"status\": {{$body.event.data.new.status}},\r\n        \"employee_csr\": {{$body.event.data.new.employee_csr}},\r\n        \"actual_in\": {{$body.event.data.new.actual_in}},\r\n        \"deliverchecklist\": {{$body.event.data.new.deliverchecklist}},\r\n        \"comment\": {{$body.event.data.new.comment}},\r\n        \"employee_refinish\": {{$body.event.data.new.employee_refinish}},\r\n        \"inproduction\": {{$body.event.data.new.inproduction}},\r\n        \"production_vars\": {{$body.event.data.new.production_vars}},\r\n        \"intakechecklist\": {{$body.event.data.new.intakechecklist}},\r\n        \"cieca_ttl\": {{$body.event.data.new.cieca_ttl}},\r\n        \"date_invoiced\": {{$body.event.data.new.date_invoiced}}\r\n      }\r\n    }\r\n  },\r\n  \"trigger\": {\r\n    \"name\": \"notifications_jobs\"\r\n  },\r\n  \"table\": {\r\n    \"schema\": \"public\",\r\n    \"name\": \"jobs\"\r\n  }\r\n}\r\n"
        method: POST
        query_params: {}
        template_engine: Kriti
@@ -4825,6 +4863,26 @@
                        _eq: X-Hasura-User-Id
                  - active:
                      _eq: true
+  event_triggers:
+    - name: notifications_notes
+      definition:
+        enable_manual: false
+        insert:
+          columns: '*'
+      retry_conf:
+        interval_sec: 10
+        num_retries: 0
+        timeout_sec: 60
+      webhook_from_env: HASURA_API_URL
+      headers:
+        - name: event-secret
+          value_from_env: EVENT_SECRET
+      request_transform:
+        method: POST
+        query_params: {}
+        template_engine: Kriti
+        url: '{{$base_url}}/notifications/events/handleNotesChange'
+        version: 2
 - table:
    name: notifications
    schema: public
@@ -4835,46 +4893,79 @@
    - name: job
      using:
        foreign_key_constraint_on: jobid
+  insert_permissions:
+    - role: user
+      permission:
+        check:
+          job:
+            bodyshop:
+              associations:
+                _and:
+                  - user:
+                      authid:
+                        _eq: X-Hasura-User-Id
+                  - active:
+                      _eq: true
+        columns:
+          - scenario_meta
+          - scenario_text
+          - fcm_text
+          - created_at
+          - read
+          - updated_at
+          - associationid
+          - id
+          - jobid
+      comment: ""
  select_permissions:
    - role: user
      permission:
        columns:
-          - associationid
+          - scenario_meta
+          - scenario_text
+          - fcm_text
          - created_at
-          - fcm_data
-          - fcm_message
-          - fcm_title
+          - read
+          - updated_at
+          - associationid
          - id
          - jobid
-          - meta
-          - read
-          - ui_translation_meta
-          - ui_translation_string
-          - updated_at
        filter:
-          association:
-            _and:
-              - active:
-                  _eq: true
-              - user:
-                  authid:
-                    _eq: X-Hasura-User-Id
+          job:
+            bodyshop:
+              associations:
+                _and:
+                  - user:
+                      authid:
+                        _eq: X-Hasura-User-Id
+                  - active:
+                      _eq: true
+        allow_aggregations: true
      comment: ""
  update_permissions:
    - role: user
      permission:
        columns:
-          - meta
+          - scenario_meta
+          - scenario_text
+          - fcm_text
+          - created_at
          - read
-        filter:
-          association:
-            _and:
-              - active:
-                  _eq: true
-              - user:
-                  authid:
-                    _eq: X-Hasura-User-Id
-        check: null
+          - updated_at
+          - associationid
+          - id
+          - jobid
+        filter: {}
+        check:
+          job:
+            bodyshop:
+              associations:
+                _and:
+                  - user:
+                      authid:
+                        _eq: X-Hasura-User-Id
+                  - active:
+                      _eq: true
      comment: ""
 - table:
    name: owners
@@ -5648,6 +5739,25 @@
                  - active:
                      _eq: true
  event_triggers:
+    - name: notifications_payments
+      definition:
+        enable_manual: false
+        insert:
+          columns: '*'
+      retry_conf:
+        interval_sec: 10
+        num_retries: 0
+        timeout_sec: 60
+      webhook_from_env: HASURA_API_URL
+      headers:
+        - name: event-secret
+          value_from_env: EVENT_SECRET
+      request_transform:
+        method: POST
+        query_params: {}
+        template_engine: Kriti
+        url: '{{$base_url}}/notifications/events/handlePaymentsChange'
+        version: 2
    - name: os_payments
      definition:
        delete:
@@ -6119,9 +6229,13 @@
          columns: '*'
        update:
          columns:
+            - joblineid
            - assigned_to
+            - partsorderid
            - completed
            - description
+            - billid
+            - priority
      retry_conf:
        interval_sec: 10
        num_retries: 0
@@ -6131,12 +6245,6 @@
        - name: event-secret
          value_from_env: EVENT_SECRET
      request_transform:
-        body:
-          action: transform
-          template: |-
-            {
-              "success": true
-            }
        method: POST
        query_params: {}
        template_engine: Kriti
@@ -6313,12 +6421,6 @@
        - name: event-secret
          value_from_env: EVENT_SECRET
      request_transform:
-        body:
-          action: transform
-          template: |-
-            {
-              "success": true
-            }
        method: POST
        query_params: {}
        template_engine: Kriti
--- a/hasura/migrations/1740162115648_alter_table_public_notifications_add_column_html_body/down.sql
+++ b/hasura/migrations/1740162115648_alter_table_public_notifications_add_column_html_body/down.sql
@@ -0,0 +1,4 @@
+-- Could not auto-generate a down migration.
+-- Please write an appropriate down migration for the SQL below:
+-- alter table "public"."notifications" add column "html_body" text
+--  not null;
--- a/hasura/migrations/1740162115648_alter_table_public_notifications_add_column_html_body/up.sql
+++ b/hasura/migrations/1740162115648_alter_table_public_notifications_add_column_html_body/up.sql
@@ -0,0 +1,2 @@
+alter table "public"."notifications" add column "html_body" text
+ not null;
--- a/hasura/migrations/1740162296457_alter_table_public_notifications_alter_column_fcm_title/down.sql
+++ b/hasura/migrations/1740162296457_alter_table_public_notifications_alter_column_fcm_title/down.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" alter column "fcm_title" set not null;
--- a/hasura/migrations/1740162296457_alter_table_public_notifications_alter_column_fcm_title/up.sql
+++ b/hasura/migrations/1740162296457_alter_table_public_notifications_alter_column_fcm_title/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" alter column "fcm_title" drop not null;
--- a/hasura/migrations/1740162315085_alter_table_public_notifications_alter_column_fcm_message/down.sql
+++ b/hasura/migrations/1740162315085_alter_table_public_notifications_alter_column_fcm_message/down.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" alter column "fcm_message" set not null;
--- a/hasura/migrations/1740162315085_alter_table_public_notifications_alter_column_fcm_message/up.sql
+++ b/hasura/migrations/1740162315085_alter_table_public_notifications_alter_column_fcm_message/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" alter column "fcm_message" drop not null;
--- a/hasura/migrations/1740417011431_alter_table_public_notifications_drop_column_html_body/down.sql
+++ b/hasura/migrations/1740417011431_alter_table_public_notifications_drop_column_html_body/down.sql
@@ -0,0 +1,3 @@
+comment on column "public"."notifications"."html_body" is E'Real Time Notifications System';
+alter table "public"."notifications" alter column "html_body" drop not null;
+alter table "public"."notifications" add column "html_body" text;
--- a/hasura/migrations/1740417011431_alter_table_public_notifications_drop_column_html_body/up.sql
+++ b/hasura/migrations/1740417011431_alter_table_public_notifications_drop_column_html_body/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" drop column "html_body" cascade;
--- a/hasura/migrations/1740417046609_alter_table_public_notifications_drop_column_fcm_data/down.sql
+++ b/hasura/migrations/1740417046609_alter_table_public_notifications_drop_column_fcm_data/down.sql
@@ -0,0 +1,4 @@
+comment on column "public"."notifications"."fcm_data" is E'Real Time Notifications System';
+alter table "public"."notifications" alter column "fcm_data" set default jsonb_build_object();
+alter table "public"."notifications" alter column "fcm_data" drop not null;
+alter table "public"."notifications" add column "fcm_data" jsonb;
--- a/hasura/migrations/1740417046609_alter_table_public_notifications_drop_column_fcm_data/up.sql
+++ b/hasura/migrations/1740417046609_alter_table_public_notifications_drop_column_fcm_data/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" drop column "fcm_data" cascade;
--- a/hasura/migrations/1740417076166_alter_table_public_notifications_drop_column_fcm_message/down.sql
+++ b/hasura/migrations/1740417076166_alter_table_public_notifications_drop_column_fcm_message/down.sql
@@ -0,0 +1,3 @@
+comment on column "public"."notifications"."fcm_message" is E'Real Time Notifications System';
+alter table "public"."notifications" alter column "fcm_message" drop not null;
+alter table "public"."notifications" add column "fcm_message" text;
--- a/hasura/migrations/1740417076166_alter_table_public_notifications_drop_column_fcm_message/up.sql
+++ b/hasura/migrations/1740417076166_alter_table_public_notifications_drop_column_fcm_message/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" drop column "fcm_message" cascade;
--- a/hasura/migrations/1740417110704_alter_table_public_notifications_drop_column_ui_translation_string/down.sql
+++ b/hasura/migrations/1740417110704_alter_table_public_notifications_drop_column_ui_translation_string/down.sql
@@ -0,0 +1,3 @@
+comment on column "public"."notifications"."ui_translation_string" is E'Real Time Notifications System';
+alter table "public"."notifications" alter column "ui_translation_string" drop not null;
+alter table "public"."notifications" add column "ui_translation_string" text;
--- a/hasura/migrations/1740417110704_alter_table_public_notifications_drop_column_ui_translation_string/up.sql
+++ b/hasura/migrations/1740417110704_alter_table_public_notifications_drop_column_ui_translation_string/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" drop column "ui_translation_string" cascade;
--- a/hasura/migrations/1740417137294_alter_table_public_notifications_alter_column_fcm_title/down.sql
+++ b/hasura/migrations/1740417137294_alter_table_public_notifications_alter_column_fcm_title/down.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" rename column "fcm_text" to "fcm_title";
--- a/hasura/migrations/1740417137294_alter_table_public_notifications_alter_column_fcm_title/up.sql
+++ b/hasura/migrations/1740417137294_alter_table_public_notifications_alter_column_fcm_title/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" rename column "fcm_title" to "fcm_text";
--- a/hasura/migrations/1740417505757_alter_table_public_notifications_alter_column_ui_translation_meta/down.sql
+++ b/hasura/migrations/1740417505757_alter_table_public_notifications_alter_column_ui_translation_meta/down.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" rename column "scenario_text" to "ui_translation_meta";
--- a/hasura/migrations/1740417505757_alter_table_public_notifications_alter_column_ui_translation_meta/up.sql
+++ b/hasura/migrations/1740417505757_alter_table_public_notifications_alter_column_ui_translation_meta/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" rename column "ui_translation_meta" to "scenario_text";
--- a/hasura/migrations/1740417594189_alter_table_public_notifications_alter_column_meta/down.sql
+++ b/hasura/migrations/1740417594189_alter_table_public_notifications_alter_column_meta/down.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" rename column "scenario_meta" to "meta";
--- a/hasura/migrations/1740417594189_alter_table_public_notifications_alter_column_meta/up.sql
+++ b/hasura/migrations/1740417594189_alter_table_public_notifications_alter_column_meta/up.sql
@@ -0,0 +1 @@
+alter table "public"."notifications" rename column "meta" to "scenario_meta";
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -19,53 +19,54 @@
    "makeitpretty": "prettier --write \"**/*.{css,js,json,jsx,scss}\""
  },
  "dependencies": {
-    "@aws-sdk/client-cloudwatch-logs": "^3.693.0",
-    "@aws-sdk/client-elasticache": "^3.693.0",
-    "@aws-sdk/client-s3": "^3.693.0",
-    "@aws-sdk/client-secrets-manager": "^3.693.0",
-    "@aws-sdk/client-ses": "^3.693.0",
-    "@aws-sdk/credential-provider-node": "^3.693.0",
+    "@aws-sdk/client-cloudwatch-logs": "^3.750.0",
+    "@aws-sdk/client-elasticache": "^3.755.0",
+    "@aws-sdk/client-s3": "^3.750.0",
+    "@aws-sdk/client-secrets-manager": "^3.750.0",
+    "@aws-sdk/client-ses": "^3.750.0",
+    "@aws-sdk/credential-provider-node": "^3.750.0",
    "@opensearch-project/opensearch": "^2.13.0",
    "@socket.io/admin-ui": "^0.5.1",
    "@socket.io/redis-adapter": "^8.3.0",
    "aws4": "^1.13.2",
-    "axios": "^1.7.7",
+    "axios": "^1.8.1",
+    "bee-queue": "^1.7.1",
    "better-queue": "^3.8.12",
    "bluebird": "^3.7.2",
    "body-parser": "^1.20.3",
-    "canvas": "^2.11.2",
-    "chart.js": "^4.4.6",
+    "bullmq": "^5.41.7",
+    "chart.js": "^4.4.8",
    "cloudinary": "^2.5.1",
-    "compression": "^1.7.5",
+    "compression": "^1.8.0",
    "cookie-parser": "^1.4.7",
    "cors": "2.8.5",
    "crisp-status-reporter": "^1.2.2",
    "csrf": "^3.1.0",
-    "dd-trace": "^5.28.0",
+    "dd-trace": "^5.39.0",
    "dinero.js": "^1.9.1",
    "dotenv": "^16.4.5",
    "express": "^4.21.1",
-    "firebase-admin": "^13.0.0",
-    "graphql": "^16.9.0",
+    "firebase-admin": "^13.1.0",
+    "graphql": "^16.10.0",
    "graphql-request": "^6.1.0",
-    "inline-css": "^4.0.2",
-    "intuit-oauth": "^4.1.3",
-    "ioredis": "^5.4.1",
-    "json-2-csv": "^5.5.6",
+    "inline-css": "^4.0.3",
+    "intuit-oauth": "^4.2.0",
+    "ioredis": "^5.5.0",
+    "json-2-csv": "^5.5.8",
    "juice": "^11.0.0",
    "lodash": "^4.17.21",
    "moment": "^2.30.1",
-    "moment-timezone": "^0.5.46",
+    "moment-timezone": "^0.5.47",
    "multer": "^1.4.5-lts.1",
    "node-mailjet": "^6.0.6",
-    "node-persist": "^4.0.3",
-    "nodemailer": "^6.9.16",
-    "phone": "^3.1.53",
+    "node-persist": "^4.0.4",
+    "nodemailer": "^6.10.0",
+    "phone": "^3.1.58",
    "recursive-diff": "^1.0.9",
    "redis": "^4.7.0",
    "rimraf": "^6.0.1",
-    "skia-canvas": "^2.0.0",
-    "soap": "^1.1.6",
+    "skia-canvas": "^2.0.2",
+    "soap": "^1.1.8",
    "socket.io": "^4.8.1",
    "socket.io-adapter": "^2.5.5",
    "ssh2-sftp-client": "^11.0.0",
@@ -77,14 +78,14 @@
    "xmlbuilder2": "^3.1.1"
  },
  "devDependencies": {
-    "@eslint/js": "^9.15.0",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
+    "@eslint/js": "^9.21.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
    "concurrently": "^8.2.2",
-    "eslint": "^9.15.0",
-    "eslint-plugin-react": "^7.37.2",
-    "globals": "^15.12.0",
+    "eslint": "^9.21.0",
+    "eslint-plugin-react": "^7.37.4",
+    "globals": "^15.15.0",
    "p-limit": "^3.1.0",
-    "prettier": "^3.3.3",
+    "prettier": "^3.5.2",
    "source-map-explorer": "^2.5.2"
  }
 }
--- a/redis/redis.conf
+++ b/redis/redis.conf
@@ -4,3 +4,4 @@ cluster-enabled yes
 cluster-config-file nodes.conf
 cluster-node-timeout 5000
 appendonly yes
+maxmemory-policy noeviction
--- a/server.js
+++ b/server.js
@@ -5,7 +5,7 @@ require("dotenv").config({
 });

 if (process.env.NODE_ENV) {
-  const tracer = require("dd-trace").init({
+  require("dd-trace").init({
    profiling: true,
    env: process.env.NODE_ENV,
    service: "bodyshop-api"
@@ -31,6 +31,8 @@ const { redisSocketEvents } = require("./server/web-sockets/redisSocketEvents");
 const { ElastiCacheClient, DescribeCacheClustersCommand } = require("@aws-sdk/client-elasticache");
 const { InstanceRegion } = require("./server/utils/instanceMgr");
 const StartStatusReporter = require("./server/utils/statusReporter");
+const { loadEmailQueue } = require("./server/notifications/queues/emailQueue");
+const { loadAppQueue } = require("./server/notifications/queues/appQueue");

 const cleanupTasks = [];
 let isShuttingDown = false;
@@ -58,7 +60,7 @@ const SOCKETIO_CORS_ORIGIN = [
  "https://beta.test.imex.online",
  "https://www.beta.test.imex.online",
  "https://beta.imex.online",
-  "https://www.beta.imex.online", 
+  "https://www.beta.imex.online",
  "https://www.test.promanager.web-est.com",
  "https://test.promanager.web-est.com",
  "https://www.promanager.web-est.com",
@@ -193,7 +195,15 @@ const connectToRedisCluster = async () => {
  return new Promise((resolve, reject) => {
    redisCluster.on("ready", () => {
      logger.log(`Redis cluster connection established.`, "INFO", "redis", "api");
-      resolve(redisCluster);
+      if (process.env.NODE_ENV === "development" && process.env?.CLEAR_REDIS_ON_START === "true") {
+        logger.log("[Development] Flushing Redis Cluster on Service start...", "INFO", "redis", "api");
+        const master = redisCluster.nodes("master");
+        Promise.all(master.map((node) => node.flushall())).then(() => {
+          resolve(redisCluster);
+        });
+      } else {
+        resolve(redisCluster);
+      }
    });

    redisCluster.on("error", (err) => {
@@ -222,14 +232,11 @@ const applySocketIO = async ({ server, app }) => {
  pubClient.on("error", (err) => logger.log(`Redis pubClient error: ${err}`, "ERROR", "redis"));
  subClient.on("error", (err) => logger.log(`Redis subClient error: ${err}`, "ERROR", "redis"));

-  process.on("SIGINT", async () => {
+  // Register Redis cleanup
+  registerCleanupTask(async () => {
    logger.log("Closing Redis connections...", "INFO", "redis", "api");
-    try {
-      await Promise.all([pubClient.disconnect(), subClient.disconnect()]);
-      logger.log("Redis connections closed. Process will exit.", "INFO", "redis", "api");
-    } catch (error) {
-      logger.log(`Error closing Redis connections: ${error.message}`, "ERROR", "redis", "api");
-    }
+    await Promise.all([pubClient.disconnect(), subClient.disconnect()]);
+    logger.log("Redis connections closed.", "INFO", "redis", "api");
  });

  const ioRedis = new Server(server, {
@@ -287,6 +294,34 @@ const applySocketIO = async ({ server, app }) => {
  return api;
 };

+/**
+ * Load Queues for Email and App
+ * @param {Object} options - Queue configuration options
+ * @param {Redis.Cluster} options.pubClient - Redis client for publishing
+ * @param {Object} options.logger - Logger instance
+ * @param {Object} options.redisHelpers - Redis helper functions
+ * @param {Server} options.ioRedis - Socket.IO server instance
+ * @returns {Promise<void>}
+ */
+const loadQueues = async ({ pubClient, logger, redisHelpers, ioRedis }) => {
+  const queueSettings = { pubClient, logger, redisHelpers, ioRedis };
+
+  // Assuming loadEmailQueue and loadAppQueue return Promises
+  const [notificationsEmailsQueue, notificationsAppQueue] = await Promise.all([
+    loadEmailQueue(queueSettings),
+    loadAppQueue(queueSettings)
+  ]);
+
+  // Add error listeners or other setup for queues if needed
+  notificationsEmailsQueue.on("error", (error) => {
+    logger.log(`Error in notificationsEmailsQueue: ${error}`, "ERROR", "queue", "api", null, { error: error?.message });
+  });
+
+  notificationsAppQueue.on("error", (error) => {
+    logger.log(`Error in notificationsAppQueue: ${error}`, "ERROR", "queue", "api", null, { error: error?.message });
+  });
+};
+
 /**
 * Main function to start the server
 * @returns {Promise<void>}
@@ -304,6 +339,9 @@ const main = async () => {
  // Legacy Socket Events
  require("./server/web-sockets/web-socket");

+  // Initialize Queues
+  await loadQueues({ pubClient: pubClient, logger, redisHelpers, ioRedis });
+
  applyMiddleware({ app });
  applyRoutes({ app });
  redisSocketEvents({ io: ioRedis, redisHelpers, ioHelpers, logger });
@@ -321,7 +359,7 @@ const main = async () => {
    await server.listen(port);
    logger.log(`Server started on port ${port}`, "INFO", "api");
  } catch (error) {
-    logger.log(`Server failed to start on port ${port}`, "ERROR", "api", error);
+    logger.log(`Server failed to start on port ${port}`, "ERROR", "api", null, { error: error.message });
  }
 };

--- a/server/accounting/qbo/qbo-callback.js
+++ b/server/accounting/qbo/qbo-callback.js
@@ -7,7 +7,7 @@ const OAuthClient = require("intuit-oauth");
 const client = require("../../graphql-client/graphql-client").client;
 const queries = require("../../graphql-client/queries");
 const { parse, stringify } = require("querystring");
-const InstanceManager = require("../../utils/instanceMgr").default;
+const { InstanceEndpoints } = require("../../utils/instanceMgr");

 const oauthClient = new OAuthClient({
  clientId: process.env.QBO_CLIENT_ID,
@@ -17,16 +17,8 @@ const oauthClient = new OAuthClient({
  logging: true
 });

-let url;
-
-if (process.env.NODE_ENV === "production") {
-  //TODO:AIO Add in QBO callbacks.
-  url = InstanceManager({ imex: `https://imex.online`, rome: `https://romeonline.io` });
-} else if (process.env.NODE_ENV === "test") {
-  url = InstanceManager({ imex: `https://test.imex.online`, rome: `https://test.romeonline.io` });
-} else {
-  url = `http://localhost:3000`;
-}
+//TODO:AIO Add in QBO callbacks.
+const url = InstanceEndpoints();

 exports.default = async (req, res) => {
  const queryString = req.url.split("?").reverse()[0];
--- a/server/data/usageReport.js
+++ b/server/data/usageReport.js
@@ -55,7 +55,7 @@ exports.default = async (req, res) => {
    const csv = converter.json2csv(shopList, { emptyFieldValue: "" });
    emailer
      .sendTaskEmail({
-        to: ["patrick.fic@convenient-brands.com", "bradley.rhoades@convenient-brands.com"],
+        to: ["patrick.fic@convenient-brands.com", "bradley.rhoades@convenient-brands.com", "jrome@rometech.com"],
        subject: `RO Usage Report - ${moment().format("MM/DD/YYYY")}`,
        text: `
 Usage Report for ${moment().format("MM/DD/YYYY")} for Rome Online Customers. 
--- a/server/email/sendemail.js
+++ b/server/email/sendemail.js
@@ -55,7 +55,7 @@ const sendServerEmail = async ({ subject, text }) => {
          imex: `ImEX Online API - ${process.env.NODE_ENV} <noreply@imex.online>`,
          rome: `Rome Online API - ${process.env.NODE_ENV} <noreply@romeonline.io>`
        }),
-        to: ["patrick@imexsystems.ca", "support@thinkimex.com"],
+        to: ["support@thinkimex.com"],
        subject: subject,
        text: text,
        ses: {
@@ -69,11 +69,11 @@ const sendServerEmail = async ({ subject, text }) => {
        }
      },
      (err, info) => {
-        logger.log("server-email-failure", err ? "error" : "debug", null, null, { message: err || info });
+        logger.log("server-email-failure", err ? "error" : "debug", null, null, { message: err?.message });
      }
    );
  } catch (error) {
-    logger.log("server-email-failure", "error", null, null, { error });
+    logger.log("server-email-failure", "error", null, null, { message: error?.message });
  }
 };

@@ -92,11 +92,11 @@ const sendTaskEmail = async ({ to, subject, type = "text", html, text, attachmen
      },
      (err, info) => {
        // (message, type, user, record, meta
-        logger.log("server-email", err ? "error" : "debug", null, null, { message: err || info });
+        logger.log("server-email", err ? "error" : "debug", null, null, { message: err?.message });
      }
    );
  } catch (error) {
-    logger.log("server-email-failure", "error", null, null, { error });
+    logger.log("server-email-failure", "error", null, null, { message: error?.message });
  }
 };

@@ -125,7 +125,7 @@ const sendEmail = async (req, res) => {
            cc: req.body.cc,
            subject: req.body.subject,
            templateStrings: req.body.templateStrings,
-            error
+            errorMessage: error?.message
          });
        }
      })
@@ -194,7 +194,7 @@ const sendEmail = async (req, res) => {
          cc: req.body.cc,
          subject: req.body.subject,
          templateStrings: req.body.templateStrings,
-          error: err
+          errorMessage: err?.message
        });
        logEmail(req, {
          to: req.body.to,
@@ -202,7 +202,7 @@ const sendEmail = async (req, res) => {
          subject: req.body.subject,
          bodyshopid: req.body.bodyshopid
        });
-        res.status(500).json({ success: false, error: err });
+        res.status(500).json({ success: false, errorMessage: err?.message });
      }
    }
  );
@@ -239,24 +239,24 @@ const emailBounce = async (req, res) => {
        return;
      }
      //If it's bounced, log it as bounced in audit log. Send an email to the user.
-      const result = await client.request(queries.UPDATE_EMAIL_AUDIT, {
+      await client.request(queries.UPDATE_EMAIL_AUDIT, {
        sesid: messageId,
        status: "Bounced",
        context: message.bounce?.bouncedRecipients
      });
      mailer.sendMail(
        {
-          from: InstanceMgr({
+          from: InstanceManager({
            imex: `ImEX Online <noreply@imex.online>`,
            rome: `Rome Online <noreply@romeonline.io>`
          }),
          to: replyTo,
          //bcc: "patrick@snapt.ca",
-          subject: `${InstanceMgr({
+          subject: `${InstanceManager({
            imex: "ImEX Online",
            rome: "Rome Online"
          })} Bounced Email - RE: ${subject}`,
-          text: `${InstanceMgr({
+          text: `${InstanceManager({
            imex: "ImEX Online",
            rome: "Rome Online"
          })} has tried to deliver an email with the subject: ${subject} to the intended recipients but encountered an error.
@@ -270,14 +270,14 @@ ${body.bounce?.bouncedRecipients.map(
        },
        (err, info) => {
          logger.log("sns-error", err ? "error" : "debug", "api", null, {
-            message: err ? JSON.stringify(error) : info
+            errorMessage: err?.message
          });
        }
      );
    }
  } catch (error) {
    logger.log("sns-error", "ERROR", "api", null, {
-      error: JSON.stringify(error)
+      errorMessage: error?.message
    });
  }
  res.sendStatus(200);
--- a/server/email/tasksEmails.js
+++ b/server/email/tasksEmails.js
@@ -10,6 +10,7 @@ const generateEmailTemplate = require("./generateTemplate");
 const moment = require("moment-timezone");
 const { taskEmailQueue } = require("./tasksEmailsQueue");
 const mailer = require("./mailer");
+const { InstanceEndpoints } = require("../utils/instanceMgr");

 // Initialize the Tasks Email Queue
 const tasksEmailQueue = taskEmailQueue();
@@ -83,15 +84,8 @@ const formatPriority = (priority) => {
 * @param taskId
 * @returns {{header, body: string, subHeader: string}}
 */
-
-const getEndpoints = (bodyshop) =>
-  InstanceManager({
-    imex: process.env?.NODE_ENV === "test" ? "https://test.imex.online" : "https://imex.online",
-    rome: process.env?.NODE_ENV === "test" ? "https//test.romeonline.io" : "https://romeonline.io"
-  });
-
 const generateTemplateArgs = (title, priority, description, dueDate, bodyshop, job, taskId, dateLine, createdBy) => {
-  const endPoints = getEndpoints(bodyshop);
+  const endPoints = InstanceEndpoints();
  return {
    header: title,
    subHeader: `Body Shop: ${bodyshop.shopname} | Priority: ${formatPriority(priority)} ${formatDate(dueDate)} | Created By: ${createdBy || "N/A"}`,
@@ -108,9 +102,8 @@ const generateTemplateArgs = (title, priority, description, dueDate, bodyshop, j
 * @param html
 * @param taskIds
 * @param successCallback
- * @param requestInstance
 */
-const sendMail = (type, to, subject, html, taskIds, successCallback, requestInstance) => {
+const sendMail = (type, to, subject, html, taskIds, successCallback) => {
  const fromEmails = InstanceManager({
    imex: "ImEX Online <noreply@imex.online>",
    rome: "Rome Online <noreply@romeonline.io>"
@@ -136,7 +129,7 @@ const sendMail = (type, to, subject, html, taskIds, successCallback, requestInst
 };

 /**
- * Send an email to the assigned user.
+ * Email the assigned user.
 * @param req
 * @param res
 * @returns {Promise<*>}
@@ -186,7 +179,7 @@ const taskAssignedEmail = async (req, res) => {
 };

 /**
- * Send an email to remind the user of their tasks.
+ * Email remind the user of their tasks.
 * @param req
 * @param res
 * @returns {Promise<*>}
@@ -264,11 +257,6 @@ const tasksRemindEmail = async (req, res) => {
      }
      // There are multiple emails to send to this author.
      else {
-        const endPoints = InstanceManager({
-          imex: process.env?.NODE_ENV === "test" ? "https://test.imex.online" : "https://imex.online",
-          rome: process.env?.NODE_ENV === "test" ? "https//test.romeonline.io" : "https://romeonline.io"
-        });
-
        const allTasks = groupedTasks[recipient.email];
        emailData.subject = `New Tasks Reminder - ${allTasks.length} Tasks require your attention`;
        emailData.html = generateEmailTemplate({
@@ -278,7 +266,7 @@ const tasksRemindEmail = async (req, res) => {
          body: `<ul>
              ${allTasks
                .map((task) =>
-                  `<li><a href="${endPoints}/manage/tasks/alltasks?taskid=${task.id}">${task.title} - Priority: ${formatPriority(task.priority)} ${task.due_date ? `${formatDate(task.due_date)}` : ""} | Bodyshop: ${task.bodyshop.shopname}</a></li>`.trim()
+                  `<li><a href="${InstanceEndpoints()}/manage/tasks/alltasks?taskid=${task.id}">${task.title} - Priority: ${formatPriority(task.priority)} ${task.due_date ? `${formatDate(task.due_date)}` : ""} | Bodyshop: ${task.bodyshop.shopname}</a></li>`.trim()
                )
                .join("")}
            </ul>`
@@ -338,6 +326,5 @@ const tasksRemindEmail = async (req, res) => {

 module.exports = {
  taskAssignedEmail,
-  tasksRemindEmail,
-  getEndpoints
+  tasksRemindEmail
 };
--- a/server/graphql-client/queries.js
+++ b/server/graphql-client/queries.js
@@ -2241,6 +2241,7 @@ exports.QUERY_PARTS_SCAN = `query QUERY_PARTS_SCAN ($id: uuid!) {
      mod_lb_hrs
      oem_partno
      alt_partno
+      op_code_desc
    }
  }
 }`;
@@ -2252,7 +2253,7 @@ exports.UPDATE_PARTS_CRITICAL = `mutation UPDATE_PARTS_CRITICAL ($IdsToMarkCriti
  notcritical: update_joblines(where: {id: {_nin: $IdsToMarkCritical}, jobid: {_eq: $jobid}}, _set: {critical: false}) {
    affected_rows
  }
-}`
+}`;

 exports.ACTIVE_SHOP_BY_USER = `query ACTIVE_SHOP_BY_USER($user: String) {
  associations(where: {active: {_eq: true}, useremail: {_eq: $user}}) {
@@ -2618,7 +2619,6 @@ exports.CREATE_CONVERSATION = `mutation CREATE_CONVERSATION($conversation: [conv
 }
 `;

-
 exports.STATUS_UPDATE = `query STATUS_UPDATE($period: timestamptz!, $today: timestamptz!) {
  bodyshops(where: { created_at: { _gte: $period } }) {
    shopname
@@ -2689,4 +2689,73 @@ exports.STATUS_UPDATE = `query STATUS_UPDATE($period: timestamptz!, $today: time
    }
  }
 }
-`
+`;
+
+exports.INSERT_AUDIT_TRAIL = `
+  mutation INSERT_AUDIT_TRAIL($auditObj: audit_trail_insert_input!) {
+    insert_audit_trail_one(object: $auditObj) {
+      id
+      jobid
+      billid
+      bodyshopid
+      created
+      operation
+      type
+      useremail
+    }
+  }
+`;
+
+exports.GET_JOB_WATCHERS = `
+query GET_JOB_WATCHERS($jobid: uuid!) {
+  job_watchers_aggregate(where: { jobid: { _eq: $jobid } }) {
+    nodes {
+      user_email
+      user { 
+        authid
+        employee {
+          id
+          first_name
+          last_name
+        }
+      }
+    }
+  }
+  job: jobs_by_pk(id: $jobid) {
+    id
+    ro_number
+    clm_no 
+    bodyshop {
+      id
+      shopname
+    }
+  }
+}
+`;
+
+exports.GET_NOTIFICATION_ASSOCIATIONS = `
+query GET_NOTIFICATION_ASSOCIATIONS($emails: [String!]!, $shopid: uuid!) {
+  associations(where: { 
+    useremail: { _in: $emails },
+    shopid: { _eq: $shopid }
+  }) {
+    id
+    useremail
+    notification_settings
+  }
+}
+`;
+
+exports.INSERT_NOTIFICATIONS_MUTATION = `  mutation INSERT_NOTIFICATIONS($objects: [notifications_insert_input!]!) {
+    insert_notifications(objects: $objects) {
+      affected_rows
+      returning {
+        id
+        jobid
+        associationid
+        scenario_text
+        fcm_text
+        scenario_meta
+      }
+    }
+  }`;
--- a/server/intellipay/intellipay.js
+++ b/server/intellipay/intellipay.js
@@ -10,12 +10,11 @@ const moment = require("moment");
 const logger = require("../utils/logger");
 const { sendTaskEmail } = require("../email/sendemail");
 const generateEmailTemplate = require("../email/generateTemplate");
-const { getEndpoints } = require("../email/tasksEmails");

 const domain = process.env.NODE_ENV ? "secure" : "test";

 const { SecretsManagerClient, GetSecretValueCommand } = require("@aws-sdk/client-secrets-manager");
-const { InstanceRegion } = require("../utils/instanceMgr");
+const { InstanceRegion, InstanceEndpoints } = require("../utils/instanceMgr");

 const client = new SecretsManagerClient({
  region: InstanceRegion()
@@ -443,31 +442,28 @@ exports.postback = async (req, res) => {
      });

      if (values.origin === "OneLink" && parsedComment.userEmail) {
-        try {
-          const endPoints = getEndpoints();
-          sendTaskEmail({
-            to: parsedComment.userEmail,
-            subject: `New Payment(s) Received - RO ${jobs.jobs.map((j) => j.ro_number).join(", ")}`,
-            type: "html",
-            html: generateEmailTemplate({
-              header: "New Payment(s) Received",
-              subHeader: "",
-              body: jobs.jobs
-                .map(
-                  (job) =>
-                    `Reference: <a href="${endPoints}/manage/jobs/${job.id}">${job.ro_number || "N/A"}</a> | ${job.ownr_co_nm ? job.ownr_co_nm : `${job.ownr_fn || ""} ${job.ownr_ln || ""}`.trim()} | ${`${job.v_model_yr || ""} ${job.v_make_desc || ""} ${job.v_model_desc || ""}`.trim()} | $${partialPayments.find((p) => p.jobid === job.id).amount}`
-                )
-                .join("<br/>")
-            })
-          });
-        } catch (error) {
+        sendTaskEmail({
+          to: parsedComment.userEmail,
+          subject: `New Payment(s) Received - RO ${jobs.jobs.map((j) => j.ro_number).join(", ")}`,
+          type: "html",
+          html: generateEmailTemplate({
+            header: "New Payment(s) Received",
+            subHeader: "",
+            body: jobs.jobs
+              .map(
+                (job) =>
+                  `Reference: <a href="${InstanceEndpoints()}/manage/jobs/${job.id}">${job.ro_number || "N/A"}</a> | ${job.ownr_co_nm ? job.ownr_co_nm : `${job.ownr_fn || ""} ${job.ownr_ln || ""}`.trim()} | ${`${job.v_model_yr || ""} ${job.v_make_desc || ""} ${job.v_model_desc || ""}`.trim()} | $${partialPayments.find((p) => p.jobid === job.id).amount}`
+              )
+              .join("<br/>")
+          })
+        }).catch((error) => {
          logger.log("intellipay-postback-email-error", "ERROR", req.user?.email, null, {
            message: error.message,
            jobs,
            paymentResult,
            ...logResponseMeta
          });
-        }
+        });
      }
      res.sendStatus(200);
    } else if (values.invoice) {
--- a/server/notifications/eventHandlers.js
+++ b/server/notifications/eventHandlers.js
@@ -0,0 +1,140 @@
+/**
+ * @fileoverview Notification event handlers.
+ * This module exports functions to handle various notification events.
+ * Each handler optionally calls the scenarioParser and logs errors if they occur,
+ * then returns a JSON response with a success message.
+ */
+
+const scenarioParser = require("./scenarioParser");
+
+/**
+ * Processes a notification event by invoking the scenario parser.
+ * The scenarioParser is intentionally not awaited so that the response is sent immediately.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @param {string} parserPath - The key path to be passed to scenarioParser.
+ * @param {string} successMessage - The message to return on success.
+ * @returns {Promise<Object>} A promise that resolves to an Express JSON response.
+ */
+async function processNotificationEvent(req, res, parserPath, successMessage) {
+  const { logger } = req;
+
+  // Call scenarioParser but don't await it; log any error that occurs.
+  scenarioParser(req, parserPath).catch((error) => {
+    logger.log("notifications-error", "error", "notifications", null, { error: error?.message });
+  });
+
+  return res.status(200).json({ message: successMessage });
+}
+
+/**
+ * Handle job change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleJobsChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.id", "Job Notifications Event Handled.");
+
+/**
+ * Handle bills change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleBillsChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "Bills Changed Notification Event Handled.");
+
+/**
+ * Handle documents change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleDocumentsChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "Documents Change Notifications Event Handled.");
+
+/**
+ * Handle job lines change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleJobLinesChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "JobLines Change Notifications Event Handled.");
+
+/**
+ * Handle notes change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleNotesChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "Notes Changed Notification Event Handled.");
+
+/**
+ * Handle parts dispatch change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Object} JSON response with a success message.
+ */
+const handlePartsDispatchChange = (req, res) => res.status(200).json({ message: "Parts Dispatch change handled." });
+
+/**
+ * Handle parts order change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Object} JSON response with a success message.
+ */
+const handlePartsOrderChange = (req, res) => res.status(200).json({ message: "Parts Order change handled." });
+
+/**
+ * Handle payments change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handlePaymentsChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "Payments Changed Notification Event Handled.");
+
+/**
+ * Handle tasks change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleTasksChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "Tasks Notifications Event Handled.");
+
+/**
+ * Handle time tickets change notifications.
+ *
+ * @param {Object} req - Express request object.
+ * @param {Object} res - Express response object.
+ * @returns {Promise<Object>} JSON response with a success message.
+ */
+const handleTimeTicketsChange = async (req, res) =>
+  processNotificationEvent(req, res, "req.body.event.new.jobid", "Time Tickets Changed Notification Event Handled.");
+
+module.exports = {
+  handleJobsChange,
+  handleBillsChange,
+  handleDocumentsChange,
+  handleJobLinesChange,
+  handleNotesChange,
+  handlePartsDispatchChange,
+  handlePartsOrderChange,
+  handlePaymentsChange,
+  handleTasksChange,
+  handleTimeTicketsChange
+};
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Dave Richer	3877462eed	feature/IO-3160 - RC-COLLAPSE-ISSUE:	2025-02-27 13:01:23 -05:00
Dave Richer	01b18a4a02	feature/IO-3096-GlobalNotifications - Checkpoint - Clean up previous socket usages by funneling them all through useSocket vs useContext(SocketConext), package updates.	2025-02-27 11:56:31 -05:00
Dave Richer	17c4e2fd0e	Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-GlobalNotifications	2025-02-26 16:46:00 -05:00
Dave Richer	eb51085055	feature/IO-3096-GlobalNotifications - Checkpoint - Clicking the alert notification will also navigate you to the job.	2025-02-26 16:44:25 -05:00
Dave Richer	abd530b8b2	feature/IO-3096-GlobalNotifications - Checkpoint - clicking an individual notification will mark it read	2025-02-26 16:30:16 -05:00
Dave Richer	e4d437018d	feature/IO-3096-GlobalNotifications - Checkpoint - clicking an individual notification will mark it read	2025-02-26 15:52:21 -05:00
Dave Richer	0767e290f4	feature/IO-3096-GlobalNotifications - Checkpoint - Fix user getting all bodyshop notifications (now by associationId), fix regression in 'Assigned To' scenario.	2025-02-26 13:11:49 -05:00
Dave Richer	b86309e74b	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-25 20:18:59 -05:00
Dave Richer	7e2bd128e8	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-25 20:08:55 -05:00
Dave Richer	7f547c90c2	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-25 20:02:27 -05:00
Dave Richer	fa39e2b97e	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-25 19:58:00 -05:00
Dave Richer	c5d00f7641	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-25 17:23:35 -05:00
Dave Richer	08b7f0e59c	feature/IO-3096-GlobalNotifications - Checkpoint - In production, a user can not trigger their own scenario notification.	2025-02-25 15:46:11 -05:00
Patrick Fic	f0af12bc2c	Merged in feature/IO-3152-opensearch-improvements (pull request #2129 ) feature/IO-3152-opensearch-improvements Approved-by: Patrick Fic	2025-02-25 19:28:03 +00:00
Patrick Fic	ace9ec792d	IO-3152 Restrict searched indexes and remove wildcard search. IO-3152 Resolve accidentally committed change.	2025-02-25 11:22:36 -08:00
Dave Richer	015f4cc5bd	feature/IO-3096-GlobalNotifications - Checkpoint - Notification Center	2025-02-25 14:01:57 -05:00
Dave Richer	4f1c0b9996	feature/IO-3096-GlobalNotifications - Checkpoint - Notification Center	2025-02-24 18:04:15 -05:00
Dave Richer	b395839b37	feature/IO-3096-GlobalNotifications - Checkpoint - Notification Center	2025-02-24 16:02:55 -05:00
Dave Richer	0f067fc503	feature/IO-3096-GlobalNotifications - Checkpoint, Ratify notifications tb table.	2025-02-24 12:52:10 -05:00
Dave Richer	a5cf81bd28	feature/IO-3096-GlobalNotifications - Checkpoint, merge master, ready DB	2025-02-24 12:05:40 -05:00
Dave Richer	e892e4cab1	Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-GlobalNotifications	2025-02-24 12:03:43 -05:00
Patrick Fic	ef4bb75ce7	Merged in release/2025-02-28 (pull request #2128 ) Add catch error handling. Approved-by: Patrick Fic	2025-02-21 00:44:05 +00:00
Patrick Fic	459af4f537	Add catch error handling.	2025-02-20 16:39:20 -08:00
Patrick Fic	f860931eab	Remove email from handler.	2025-02-20 16:35:47 -08:00
Patrick Fic	0bf9f932b7	Adjust handler logging.	2025-02-20 15:44:49 -08:00
Dave Richer	a077cf0820	feature/IO-3096-GlobalNotifications - Package updates, prepare scenario builder for app notifications, redo header to have right aligned items.	2025-02-20 17:41:52 -05:00
Patrick Fic	c1abe98b89	Merged in release/2025-02-28 (pull request #2123 ) release/2025-02-28 Approved-by: Patrick Fic	2025-02-20 22:37:55 +00:00
Patrick Fic	0f32e6ffc7	Add additional logging to OS Handler.	2025-02-20 14:37:25 -08:00
Dave Richer	eca7ff4a42	feature/IO-3096-GlobalNotifications - Clear stage, add notes	2025-02-20 15:25:34 -05:00
Dave Richer	7d6b95d344	feature/IO-3096-GlobalNotifications - Merge master	2025-02-20 14:10:01 -05:00
Dave Richer	9e44ee2a26	Merged in release/2025-02-28 (pull request #2122 ) hotfix/IO-3148-Error-In-Email-Bounce-Route: Hot Fix for Broken Import	2025-02-20 19:04:25 +00:00
Dave Richer	5d0500582e	Merged in hotfix/IO-3148-Error-In-Email-Bounce-Route (pull request #2121 ) hotfix/IO-3148-Error-In-Email-Bounce-Route: Hot Fix for Broken Import	2025-02-20 19:03:52 +00:00
Dave Richer	f53fcc345e	hotfix/IO-3148-Error-In-Email-Bounce-Route: Hot Fix for Broken Import	2025-02-20 14:01:11 -05:00
Dave Richer	1b7cb7c852	feature/IO-3096-GlobalNotifications - Checkpoint, fixed some email bugs in other files, consolidated the GetEndpoints on the backend, moved the consolidation delays for queues to ENV vars	2025-02-20 13:43:22 -05:00
Dave Richer	c82cfb3ec2	feature/IO-3096-GlobalNotifications - Checkpoint, fixed some email bugs in other files, consolidated the GetEndpoints on the backend, moved the consolidation delays for queues to ENV vars	2025-02-20 13:13:09 -05:00
Dave Richer	cc5fea9410	feature/IO-3096-GlobalNotifications - Checkpoint, finished testing queue, adjusted timeouts to be pegged to one variable.	2025-02-20 12:21:09 -05:00
Dave Richer	29f7144e72	feature/IO-3096-GlobalNotifications - Email Queue now batches per job per user	2025-02-19 16:10:53 -05:00
Dave Richer	1384616d66	feature/IO-3096-GlobalNotifications - Cleanup and Package bumps	2025-02-19 12:50:01 -05:00
Dave Richer	366f7b9c4a	Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-GlobalNotifications	2025-02-19 10:42:34 -05:00
Dave Richer	67e904e121	Merged in release/2025-02-28 (pull request #2120 ) feature/IO-3146-Hotfix-For-Email-Translations	2025-02-19 15:41:14 +00:00
Dave Richer	83ea51157d	Merged in feature/IO-3146-Hotfix-For-Email-Translation (pull request #2118 ) feature/IO-3146-Hotfix-For-Email-Translations	2025-02-19 15:40:05 +00:00
Dave Richer	9f207f0946	feature/IO-3146-Hotfix-For-Email-Translations	2025-02-19 10:38:32 -05:00
Dave Richer	2a81517104	feature/IO-3096-GlobalNotifications - Checkpoint, App Queue	2025-02-18 17:37:24 -05:00
Dave Richer	00005c881e	feature/IO-3096-GlobalNotifications - Checkpoint, App Queue	2025-02-18 14:29:07 -05:00
Dave Richer	c1ea8e8a3d	feature/IO-3096-GlobalNotifications - Checkpoint, App Queue	2025-02-18 13:38:57 -05:00
Dave Richer	adb15a4748	feature/IO-3096-GlobalNotifications - Checkpoint, Builders	2025-02-18 12:57:54 -05:00
Dave Richer	c214ed1dfb	feature/IO-3096-GlobalNotifications - Checkpoint, Builders	2025-02-18 12:05:35 -05:00
Dave Richer	c02c36c548	feature/IO-3096-GlobalNotifications - Checkpoint, socket to email to bodyshop mapping.	2025-02-18 11:02:46 -05:00
Dave Richer	a15f86cc4e	Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-GlobalNotifications	2025-02-18 09:52:35 -05:00
Dave Richer	8a88a241d6	Merged in release/2025-02-14 (pull request #2117 ) Release/2025-02-14 - IO-3127 IO-3128 IO-3077 IO-3131 IO-3139 IO-3140	2025-02-16 01:20:59 +00:00
Dave Richer	df13f257db	feature/IO-3096-GlobalNotifications - Checkpoint, BULLMQ!	2025-02-13 16:19:36 -05:00
Dave Richer	5cfadf7929	feature/IO-3096-GlobalNotifications - Merge release / Add PropTypes	2025-02-13 11:15:16 -05:00
Dave Richer	4a46870327	Merge remote-tracking branch 'origin/release/2025-02-14' into feature/IO-3096-GlobalNotifications	2025-02-13 11:14:20 -05:00
Allan Carr	4684bada1e	Merged in feature/IO-3140-Job-Close-Print-Center (pull request #2115 ) IO-3140 Job Close Print Center Approved-by: Dave Richer	2025-02-13 01:05:17 +00:00
Allan Carr	163354f4b4	IO-3140 Job Close Print Center Signed-off-by: Allan Carr <allan.carr@thinkimex.com>	2025-02-12 16:19:17 -08:00
Dave Richer	3d225c9f92	Merge remote-tracking branch 'origin/release/2025-02-14' into feature/IO-3096-GlobalNotifications	2025-02-12 15:21:29 -05:00
Dave Richer	f3b2edea1c	Merged in feature/IO-3139-Header-Deprecation-Bug (pull request #2114 ) feature/IO-3139-Header-Deprecation-Bug - Quick fix for header deprecation.	2025-02-12 20:21:12 +00:00
Dave Richer	01e103fd0e	feature/IO-3139-Header-Deprecation-Bug - Quick fix for header deprecation.	2025-02-12 15:20:17 -05:00
Dave Richer	1fc21e49a0	feature/IO-3096-GlobalNotifications - Merge 2025-02-14 branch and resolve conflicts	2025-02-12 14:46:58 -05:00
Dave Richer	19d608e2b0	feature/IO-3096-GlobalNotifications - Checkpoint/Refactor cleanup	2025-02-12 14:44:24 -05:00
Dave Richer	4b184d1d42	Merged in hotfix/IO-3128-Unread-Messages-Not-Updating (pull request #2112 ) hotfix/IO-3128-Unread-Messages-Not-Updating - Initial fix just to make sure clients see messages, will poll and update every 60 seconds if the chat window is closed and has never been opened.	2025-02-12 19:06:13 +00:00
Dave Richer	3f75041ad9	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-12 11:57:50 -05:00
Patrick Fic	8c541dad05	Merge branch 'release/2025-02-14' of bitbucket.org:snaptsoft/bodyshop into release/2025-02-14	2025-02-12 07:42:20 -08:00
Patrick Fic	921cca86c1	Remove patrick from support emails.	2025-02-12 07:41:52 -08:00
Allan Carr	841312ebcd	Merged in feature/IO-3131-Crisp-Segment-for-BASIC (pull request #2111 ) IO-3131 Crisp Segment for Basic Approved-by: Dave Richer	2025-02-12 14:55:08 +00:00
Allan Carr	5ed00eaffe	IO-3131 Crisp Segment for Basic Signed-off-by: Allan Carr <allan.carr@thinkimex.com>	2025-02-11 20:26:44 -08:00
Dave Richer	994ea8bb20	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-11 17:13:40 -05:00
Dave Richer	580641bae6	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-11 15:07:42 -05:00
Patrick Fic	024b4fe21b	Merged in feature/IO-3077-import-rules-engine (pull request #2110 ) Feature/IO-3077 import rules engine	2025-02-11 18:52:08 +00:00
Patrick Fic	40aca91c76	IO-3077 Move parts scan order to correctly update totals.	2025-02-11 10:51:26 -08:00
Dave Richer	72305f91d8	feature/IO-3096-GlobalNotifications - Checkpoint	2025-02-11 13:38:15 -05:00
Dave Richer	abe4f4fb3d	feature/IO-3077-import-rules-engine - Fix Translations	2025-02-11 12:34:28 -05:00
Dave Richer	142617bc3d	feature/IO-3096-GlobalNotifications - Check-point	2025-02-11 12:33:13 -05:00
Dave Richer	2ee582bfa2	feature/IO-3096-GlobalNotifications - Check-point	2025-02-11 10:40:57 -05:00
Patrick Fic	35a3726cf0	IO-3077 Implement import rules engine.	2025-02-10 14:24:50 -08:00
Dave Richer	54820fe3c8	feature/IO-3096-GlobalNotifications - Check-point	2025-02-10 17:15:53 -05:00
Dave Richer	b1ffbe0e12	feature/IO-3096-GlobalNotifications - Check-point	2025-02-10 15:19:41 -05:00
Dave Richer	ba2d03176f	feature/IO-3096-GlobalNotifications - Check-point	2025-02-10 11:24:20 -05:00
Patrick Fic	95a592fb9a	Merged in feature/IO-3127-Dashboard-Schedule-Translations (pull request #2106 ) IO-3127 Dashboard Schedule Translations Approved-by: Dave Richer	2025-02-10 14:44:02 +00:00
Dave Richer	6d343e9b7f	feature/IO-3096-GlobalNotifications - Watchers - Third version, final.	2025-02-06 17:35:12 -05:00
Dave Richer	c27b1d802f	feature/IO-3096-GlobalNotifications - Watchers - Second Version	2025-02-06 16:57:55 -05:00
Dave Richer	f11d9dd804	feature/IO-3096-GlobalNotifications - Watchers - First revision.	2025-02-06 15:03:07 -05:00
Dave Richer	996f5b3c71	feature/IO-3096-GlobalNotifications - Global Notification Settings on profile page	2025-02-06 13:38:15 -05:00
Dave Richer	9bb7f647a7	feature/IO-3096-GlobalNotifications - Global Notification Settings on profile page	2025-02-06 13:36:19 -05:00
Dave Richer	760f2ac7f9	hotfix/IO-3128-Unread-Messages-Not-Updating - Initial fix just to make sure clients see messages, will poll and update every 60 seconds if the chat window is closed and has never been opened.	2025-02-06 12:49:51 -05:00
Allan Carr	872e36a61a	Merged in hotfix/2025-02-06 (pull request #2108 ) IO-3121 Adjust Footer	2025-02-06 16:33:52 +00:00
Allan Carr	779f608506	Merged in feature/IO-3121-Generic-Report-Header (pull request #2107 ) IO-3121 Adjust Footer	2025-02-06 16:32:50 +00:00
Allan Carr	d9f562faa4	IO-3121 Adjust Footer Signed-off-by: Allan Carr <allan.carr@thinkimex.com>	2025-02-06 08:32:52 -08:00
Patrick Fic	14e362ec3f	Merged in release/2025-01-31 (pull request #2105 ) Release/2025 01 31 - IO-1582, IO-2676, IO-2681, IO-2825, IO-2952, IO-2970, IO-3074, IO-3075, IO-3076, IO-3096, IO-3101, IO-3103, IO-3114, IO-3115, IO-3116, IO-3121, IO-3123	2025-02-06 04:01:53 +00:00
Patrick Fic	c213e13624	Resolve CI issues.	2025-02-05 20:00:48 -08:00
Patrick Fic	dae7642a8c	Merged in release/2025-01-31 (pull request #2104 ) Release/2025 01 31 - IO-1582, IO-2676, IO-2681, IO-2825, IO-2952, IO-2970, IO-3074, IO-3075, IO-3076, IO-3096, IO-3101, IO-3103, IO-3114, IO-3115, IO-3116, IO-3121, IO-3123	2025-02-06 03:56:56 +00:00
Allan Carr	c751f0cba4	IO-3127 Dashboard Schedule Translations Signed-off-by: Allan Carr <allan.carr@thinkimex.com>	2025-02-05 15:10:18 -08:00
Allan Carr	e128c108f8	Merged in feature/IO-3121-Generic-Report-Header (pull request #2102 ) IO-3121 Generic Report Header Approved-by: Dave Richer	2025-02-05 15:18:45 +00:00
Allan Carr	b8b76cb96c	IO-3121 Generic Report Header Signed-off-by: Allan Carr <allan.carr@thinkimex.com>	2025-02-04 18:11:48 -08:00
Allan Carr	fa958cbbfe	IO-3121 Generic Report Header Signed-off-by: Allan Carr <allan.carr@thinkimex.com>	2025-02-04 17:42:40 -08:00
Dave Richer	2146672916	release/2025-01-31 - fix teams icon	2025-02-04 13:47:58 -05:00
Dave Richer	f96460f332	Merged in feature/IO-2825-Node-22-Update (pull request #2092 ) [DO NOT MERGE] Feature/IO-2825 Node 22 Update Approved-by: Patrick Fic	2025-02-04 17:54:06 +00:00
Dave Richer	04c70876d0	Merged release/2025-01-31 into feature/IO-2825-Node-22-Update	2025-02-04 17:53:52 +00:00
Dave Richer	bc6a94eede	Merged in feature/IO-3123-Code-Review-Adjustments (pull request #2099 ) feature/IO-3123-Code-Review-Adjustments: Make Code review adjustments	2025-02-04 17:53:36 +00:00
Dave Richer	f288b0ee22	feature/IO-3123-Code-Review-Adjustments: Make Code review adjustments	2025-02-04 12:28:22 -05:00
Patrick Fic	e54692928b	Merged in feature/IO-3076-report-trigger (pull request #2098 ) IO-3076 Add cron trigger for RO usage report. Approved-by: Patrick Fic	2025-02-04 16:28:55 +00:00
Dave Richer	07b18836f5	feature/IO-2825-Node-22-Update: Fix Header styling	2025-02-03 16:11:14 -05:00
Dave Richer	ff08d19d79	Merged release/2025-01-31 into feature/IO-2825-Node-22-Update	2025-02-03 16:46:01 +00:00
Dave Richer	68584243f4	Merge remote-tracking branch 'origin/release/2025-01-31' into feature/IO-2825-Node-22-Update	2025-01-30 15:37:37 -05:00
Dave Richer	994d7e17aa	feature/IO-2825-Node-22-Update - Package Updates	2025-01-30 15:36:05 -05:00
Dave Richer	fd1dd6dddd	Merge remote-tracking branch 'origin/release/2025-01-31' into feature/IO-2825-Node-22-Update	2025-01-30 15:32:31 -05:00
Dave Richer	1e9b82ba1e	feature/IO-2825-Node-22-Update - Merge release	2025-01-30 15:32:11 -05:00
Dave Richer	da41668b3f	feature/IO-3096-Notification-Preferences - Update Circle CI to Node 22	2025-01-22 10:56:53 -08:00
Dave Richer	df008abec9	Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-Global-Notification-Preferences	2025-01-22 10:53:42 -08:00
Dave Richer	29c99f2dd9	feature/IO-3096-Global-Notification-Preferences - Upgrade Node to 22 / Remove canvas and replace it 100% with canvas-skia	2025-01-20 09:02:55 -08:00
Dave Richer	3033e84f45	Merge remote-tracking branch 'origin/master-AIO' into feature/IO-3096-Global-Notification-Preferences	2025-01-20 08:33:31 -08:00
Dave Richer	18966476e4	feature/IO-3096-Global-Notifications-Preferences - Package Updates	2025-01-17 09:26:30 -08:00
				`@@ -0,0 +1 @@`
				`alter table "public"."notifications" alter column "fcm_title" set not null;`
				`@@ -0,0 +1 @@`
				`alter table "public"."notifications" drop column "html_body" cascade;`
				`@@ -0,0 +1 @@`
				`alter table "public"."notifications" rename column "fcm_text" to "fcm_title";`