diff --git a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/MethodType.js b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/MethodType.js
index e9da55110..f661ce4b8 100644
--- a/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/MethodType.js
+++ b/frontend/app/components/Dashboard/Widgets/PredefinedWidgets/CallWithErrors/MethodType.js
@@ -3,7 +3,7 @@ import { Tag } from 'antd';
 
 function MethodType({ data }) {
   return (
-    <Tag bordered={false} className="rounded-lg bg-indigo-50">
+    <Tag bordered={false} className="rounded-lg bg-indigo-lightest">
       {data.method}
     </Tag>
   );
diff --git a/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx b/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx
index 63b2521b2..b7829ee37 100644
--- a/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx
+++ b/frontend/app/components/Dashboard/components/AddCardSelectionModal.tsx
@@ -47,7 +47,7 @@ function AddCardSelectionModal(props: Props) {
         <Row gutter={16} justify="center" className="py-5">
           <Col span={12}>
             <div
-              className="flex flex-col items-center justify-center hover:bg-indigo-50 border rounded-lg shadow-sm cursor-pointer gap-3"
+              className="flex flex-col items-center justify-center hover:bg-indigo-lightest border rounded-lg shadow-sm cursor-pointer gap-3"
               style={{ height: '80px' }}
               onClick={() => onClick(true)}
             >
@@ -57,7 +57,7 @@ function AddCardSelectionModal(props: Props) {
           </Col>
           <Col span={12}>
             <div
-              className="flex flex-col items-center justify-center hover:bg-indigo-50 border rounded-lg shadow-sm cursor-pointer gap-3"
+              className="flex flex-col items-center justify-center hover:bg-indigo-lightest border rounded-lg shadow-sm cursor-pointer gap-3"
               style={{ height: '80px' }}
               onClick={() => onClick(false)}
             >
diff --git a/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx b/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
index f86870c31..a815c095f 100644
--- a/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
+++ b/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
@@ -123,7 +123,7 @@ function AlertListItem(props: Props) {
         <div className="col-span-2">
           <div className="flex items-center">
             <Tag
-              className="rounded-full bg-indigo-50 cap-first text-base"
+              className="rounded-full bg-indigo-lightest cap-first text-base"
               bordered={false}
             >
               {alert.detectionMethod}
diff --git a/frontend/app/components/Dashboard/components/CardIssues/CardIssueItem.tsx b/frontend/app/components/Dashboard/components/CardIssues/CardIssueItem.tsx
index 074ebf35c..1c1129daa 100644
--- a/frontend/app/components/Dashboard/components/CardIssues/CardIssueItem.tsx
+++ b/frontend/app/components/Dashboard/components/CardIssues/CardIssueItem.tsx
@@ -15,7 +15,7 @@ function CardIssueItem(props: Props) {
         title={issue.name}
         description={<div className="text-nowrap truncate">{issue.source}</div>}
         avatar={<Icon name={issue.icon} size="24" />}
-        className="cursor-pointer hover:bg-indigo-50"
+        className="cursor-pointer hover:bg-indigo-lightest"
       />
       <div>{issue.sessionCount}</div>
     </>
diff --git a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/CardsLibrary.tsx b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/CardsLibrary.tsx
index f4766acc2..e3854de28 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/CardsLibrary.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/CardsLibrary.tsx
@@ -60,7 +60,7 @@ function CardsLibrary(props: Props) {
                 onClick={(e) => onItemClick(e, metric.metricId)}
               />
               <Card
-                className="border border-transparent hover:border-indigo-50 hover:shadow-sm rounded-lg"
+                className="border border-transparent hover:border-indigo-lightest hover:shadow-sm rounded-lg"
                 style={{
                   border: selectedList.includes(metric.metricId)
                     ? '1px solid #1890ff'
diff --git a/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesSelectedFilters/FunnelIssuesSelectedFilters.tsx b/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesSelectedFilters/FunnelIssuesSelectedFilters.tsx
index f54c1a17d..03d9a1017 100644
--- a/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesSelectedFilters/FunnelIssuesSelectedFilters.tsx
+++ b/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesSelectedFilters/FunnelIssuesSelectedFilters.tsx
@@ -21,7 +21,7 @@ function FunnelIssuesSelectedFilters(props: Props) {
           key={index}
           closable
           onClose={() => removeSelectedValue(option.value)}
-          className="select-none rounded-lg text-base gap-1 bg-indigo-50 flex items-center"
+          className="select-none rounded-lg text-base gap-1 bg-indigo-lightest flex items-center"
         >
           {option.label}
         </Tag>
diff --git a/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx b/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx
index 5112752a7..3d9a8576e 100644
--- a/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx
+++ b/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx
@@ -199,6 +199,8 @@ function BottomBlock({ panelHeight, block }: { panelHeight: number; block: numbe
       return <BackendLogsPanel />;
     case LONG_TASK:
       return <LongTaskPanel />;
+    case OVERVIEW:
+      return <OverviewPanel />;
     default:
       return null;
   }
diff --git a/frontend/app/components/Session/Player/SharedComponents/BackendLogs/StatusMessages.tsx b/frontend/app/components/Session/Player/SharedComponents/BackendLogs/StatusMessages.tsx
index 73ec560b0..6d28638c5 100644
--- a/frontend/app/components/Session/Player/SharedComponents/BackendLogs/StatusMessages.tsx
+++ b/frontend/app/components/Session/Player/SharedComponents/BackendLogs/StatusMessages.tsx
@@ -13,6 +13,7 @@ export function LoadingFetch({ provider }: { provider: string }) {
       <LoadingOutlined size={32} />
       <div>
         {t('Fetching logs from')}
+        &nbsp;
         {provider}
         ...
       </div>
diff --git a/frontend/app/components/Session_/Highlight/HighlightPanel.tsx b/frontend/app/components/Session_/Highlight/HighlightPanel.tsx
index 8e524a689..b2277ffc5 100644
--- a/frontend/app/components/Session_/Highlight/HighlightPanel.tsx
+++ b/frontend/app/components/Session_/Highlight/HighlightPanel.tsx
@@ -206,7 +206,7 @@ function HighlightPanel({ onClose }: { onClose: () => void }) {
           <Tag
             onClick={() => addTag(tag)}
             key={tag}
-            className="cursor-pointer rounded-lg hover:bg-indigo-50 mr-0"
+            className="cursor-pointer rounded-lg hover:bg-indigo-lightest mr-0"
             color={tagProps[tag]}
             bordered={false}
           >
diff --git a/frontend/app/components/Session_/Subheader.tsx b/frontend/app/components/Session_/Subheader.tsx
index 3cf6cfe28..313b346ca 100644
--- a/frontend/app/components/Session_/Subheader.tsx
+++ b/frontend/app/components/Session_/Subheader.tsx
@@ -142,7 +142,7 @@ function SubHeader(props) {
         currentLocation={currentLocation}
         version={currentSession?.trackerVersion ?? ''}
         containerStyle={{ position: 'relative', left: 0, top: 0, transform: 'none', zIndex: 10 }}
-        trackerWarnStyle={{ backgroundColor: 'var(--color-yellow)' }}
+        trackerWarnStyle={{ backgroundColor: 'var(--color-yellow)', color: 'black' }}
         virtualElsFailed={showVModeBadge}
         onVMode={onVMode}
       />
diff --git a/frontend/app/components/Spots/SpotPlayer/components/AccessModal.tsx b/frontend/app/components/Spots/SpotPlayer/components/AccessModal.tsx
index a5c83ee34..695719529 100644
--- a/frontend/app/components/Spots/SpotPlayer/components/AccessModal.tsx
+++ b/frontend/app/components/Spots/SpotPlayer/components/AccessModal.tsx
@@ -121,7 +121,7 @@ function AccessModal() {
             <div className="text-black/50">
               {t('Link for internal team members')}
             </div>
-            <div className="px-2 py-1 rounded-lg bg-indigo-50 whitespace-nowrap overflow-ellipsis overflow-hidden">
+            <div className="px-2 py-1 rounded-lg bg-indigo-lightest whitespace-nowrap overflow-ellipsis overflow-hidden">
               {spotLink}
             </div>
           </div>
@@ -155,7 +155,7 @@ function AccessModal() {
             <div className="text-black/50">
               {t('Anyone with the following link can access this Spot')}
             </div>
-            <div className="px-2 py-1 rounded-lg bg-indigo-50 whitespace-nowrap overflow-ellipsis overflow-hidden">
+            <div className="px-2 py-1 rounded-lg bg-indigo-lightest whitespace-nowrap overflow-ellipsis overflow-hidden">
               {spotLink}
             </div>
           </div>
diff --git a/frontend/app/components/Spots/SpotPlayer/components/SpotVideoContainer.tsx b/frontend/app/components/Spots/SpotPlayer/components/SpotVideoContainer.tsx
index ab1a3c3be..d534d9a34 100644
--- a/frontend/app/components/Spots/SpotPlayer/components/SpotVideoContainer.tsx
+++ b/frontend/app/components/Spots/SpotPlayer/components/SpotVideoContainer.tsx
@@ -201,7 +201,7 @@ function SpotVideoContainer({
       >
         {processingState === ProcessingState.Processing ? (
           <Alert
-            className="trimIsProcessing rounded-lg shadow-sm border-indigo-500 bg-indigo-50"
+            className="trimIsProcessing rounded-lg shadow-sm border-indigo-500 bg-indigo-lightest"
             message="You’re viewing the original recording. Processed Spot will be available here shortly."
             showIcon
             type="info"
diff --git a/frontend/app/components/UsabilityTesting/TestOverview.tsx b/frontend/app/components/UsabilityTesting/TestOverview.tsx
index 0d2e822b8..0c47ad2da 100644
--- a/frontend/app/components/UsabilityTesting/TestOverview.tsx
+++ b/frontend/app/components/UsabilityTesting/TestOverview.tsx
@@ -408,7 +408,7 @@ const TaskSummary = observer(() => {
         <Typography.Title level={5}>{t('Task Summary')}</Typography.Title>
 
         {uxtestingStore.taskStats.length ? (
-          <div className="p-2 rounded-lg bg-indigo-50  flex items-center gap-1 px-4">
+          <div className="p-2 rounded-lg bg-indigo-lightest  flex items-center gap-1 px-4">
             <ClockCircleOutlined rev={undefined} />
             <Typography.Text>
               {t('Average completion time of all tasks:')}
diff --git a/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx b/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx
index 2b138537d..8fa99e940 100644
--- a/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx
+++ b/frontend/app/components/shared/FetchDetailsModal/components/FetchBasicDetails/FetchBasicDetails.tsx
@@ -23,7 +23,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
       <div className="flex items-start py-1">
         <div className="font-medium w-36">{t('Name')}</div>
         <Tag
-          className="text-base rounded-lg bg-indigo-50 whitespace-normal break-words"
+          className="text-base rounded-lg bg-indigo-lightest whitespace-normal break-words"
           bordered={false}
           style={{ maxWidth: '300px' }}
         >
@@ -35,7 +35,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
         <div className="flex items-center py-1">
           <div className="font-medium w-36">{t('Request Method')}</div>
           <Tag
-            className="text-base rounded-lg bg-indigo-50 whitespace-nowrap overflow-hidden text-ellipsis"
+            className="text-base rounded-lg bg-indigo-lightest whitespace-nowrap overflow-hidden text-ellipsis"
             bordered={false}
           >
             {resource.method}
@@ -49,7 +49,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
           <Tag
             bordered={false}
             className={cn(
-              'text-base rounded-lg bg-indigo-50 whitespace-nowrap overflow-hidden text-ellipsis flex items-center',
+              'text-base rounded-lg bg-indigo-lightest whitespace-nowrap overflow-hidden text-ellipsis flex items-center',
               { 'error color-red': !resource.success },
             )}
           >
@@ -61,7 +61,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
       <div className="flex items-center py-1">
         <div className="font-medium w-36">{t('Type')}</div>
         <Tag
-          className="text-base capitalize rounded-lg bg-indigo-50 whitespace-nowrap overflow-hidden text-ellipsis"
+          className="text-base capitalize rounded-lg bg-indigo-lightest whitespace-nowrap overflow-hidden text-ellipsis"
           bordered={false}
         >
           {resource.type}
@@ -72,7 +72,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
         <div className="flex items-center py-1">
           <div className="font-medium w-36">{t('Size')}</div>
           <Tag
-            className="text-base rounded-lg bg-indigo-50 whitespace-nowrap overflow-hidden text-ellipsis"
+            className="text-base rounded-lg bg-indigo-lightest whitespace-nowrap overflow-hidden text-ellipsis"
             bordered={false}
           >
             {formatBytes(resource.decodedBodySize)}
@@ -84,7 +84,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
         <div className="flex items-center py-1">
           <div className="font-medium w-36">{t('Duration')}</div>
           <Tag
-            className="text-base rounded-lg bg-indigo-50 whitespace-nowrap overflow-hidden text-ellipsis"
+            className="text-base rounded-lg bg-indigo-lightest whitespace-nowrap overflow-hidden text-ellipsis"
             bordered={false}
           >
             {_duration}&nbsp;{t('ms')}
@@ -96,7 +96,7 @@ function FetchBasicDetails({ resource, timestamp }: Props) {
         <div className="flex items-center py-1">
           <div className="font-medium w-36">{t('Time')}</div>
           <Tag
-            className="text-base rounded-lg bg-indigo-50 whitespace-nowrap overflow-hidden text-ellipsis"
+            className="text-base rounded-lg bg-indigo-lightest whitespace-nowrap overflow-hidden text-ellipsis"
             bordered={false}
           >
             {timestamp}
diff --git a/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTimings.tsx b/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTimings.tsx
index 55739c215..82cb4164c 100644
--- a/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTimings.tsx
+++ b/frontend/app/components/shared/FetchDetailsModal/components/FetchTabs/FetchTimings.tsx
@@ -128,7 +128,7 @@ function FetchTimings({ timings }: { timings: Record<string, number> }) {
                     key={index}
                     className="grid grid-cols-12 items-center gap-2 space-y-2"
                   >
-                    <div className="col-span-4 text-sm text-neutral-950 font-medium flex items-center gap-2">
+                    <div className="col-span-4 text-sm text-black font-medium flex items-center gap-2">
                       <Tooltip title={phase.description}>
                         <HelpCircle size={12} />
                       </Tooltip>
@@ -160,11 +160,11 @@ function FetchTimings({ timings }: { timings: Record<string, number> }) {
           ))}
 
           <div className="grid grid-cols-12 items-center gap-2 pt-2 border-t border-t-gray-light mt-2">
-            <div className="col-span-3 text-sm text-neutral-950 font-semibold">
+            <div className="col-span-3 text-sm text-black font-semibold">
               Total:
             </div>
             <div className="col-span-7"></div>
-            <div className="col-span-2 text-right font-mono text-sm text-neutral-950 font-semibold">
+            <div className="col-span-2 text-right font-mono text-sm text-black font-semibold">
               {formatTime(total)}{' '}
               {isAdjusted ? (
                 <span className="ml-1 text-xs text-yellow">
diff --git a/frontend/app/layout/SupportModal.tsx b/frontend/app/layout/SupportModal.tsx
index fffca5ea5..c6013e3dd 100644
--- a/frontend/app/layout/SupportModal.tsx
+++ b/frontend/app/layout/SupportModal.tsx
@@ -29,7 +29,7 @@ function SupportModal(props: Props) {
       className="!bg-stone-50"
     >
       <div className="flex flex-col items-center gap-2">
-        <div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-50">
+        <div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-lightest">
           <div className="shrink-0 w-10 mt-2">
             <Icon name="bookmark" size={18} />
           </div>
@@ -61,7 +61,7 @@ function SupportModal(props: Props) {
           </div>
         </div>
 
-        <div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-50">
+        <div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-lightest">
           <div className="shrink-0 w-10 mt-2">
             <Icon name="slack" size={18} />
           </div>
@@ -92,7 +92,7 @@ function SupportModal(props: Props) {
           </div>
         </div>
 
-        <div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-50">
+        <div className="p-3 bg-white flex rounded-lg shadow-sm hover:bg-indigo-lightest">
           <div className="shrink-0 w-10 mt-2">
             <Icon name="github" size={18} />
           </div>
diff --git a/frontend/app/player-ui/PlayButton.tsx b/frontend/app/player-ui/PlayButton.tsx
index 123793f47..3eec984a8 100644
--- a/frontend/app/player-ui/PlayButton.tsx
+++ b/frontend/app/player-ui/PlayButton.tsx
@@ -44,7 +44,7 @@ export function PlayButton({ togglePlay, iconSize, state }: IProps) {
     >
       <div
         onClick={togglePlay}
-        className="hover-main color-main cursor-pointer rounded-full hover:bg-indigo-50"
+        className="hover-main color-main cursor-pointer rounded-full hover:bg-indigo-lightest"
       >
         <Icon name={icon} size={iconSize} color="inherit" />
       </div>
diff --git a/frontend/app/styles/colors-autogen.css b/frontend/app/styles/colors-autogen.css
index 148df49f3..c8523449f 100644
--- a/frontend/app/styles/colors-autogen.css
+++ b/frontend/app/styles/colors-autogen.css
@@ -28,6 +28,7 @@
 .fill-green-dark { fill: var(--color-green-dark) }
 .fill-red { fill: var(--color-red) }
 .fill-red2 { fill: var(--color-red2) }
+.fill-red-light { fill: var(--color-red-light) }
 .fill-red-lightest { fill: var(--color-red-lightest) }
 .fill-blue { fill: var(--color-blue) }
 .fill-blue2 { fill: var(--color-blue2) }
@@ -47,12 +48,15 @@
 .fill-transparent { fill: var(--color-transparent) }
 .fill-cyan { fill: var(--color-cyan) }
 .fill-amber { fill: var(--color-amber) }
+.fill-amber-medium { fill: var(--color-amber-medium) }
 .fill-glassWhite { fill: var(--color-glassWhite) }
 .fill-glassMint { fill: var(--color-glassMint) }
 .fill-glassLavander { fill: var(--color-glassLavander) }
 .fill-blueLight { fill: var(--color-blueLight) }
 .fill-offWhite { fill: var(--color-offWhite) }
 .fill-disabled-text { fill: var(--color-disabled-text) }
+.fill-indigo-lightest { fill: var(--color-indigo-lightest) }
+.fill-indigo { fill: var(--color-indigo) }
 .fill-figmaColors-accent-secondary { fill: var(--color-figmaColors-accent-secondary) }
 .fill-figmaColors-main { fill: var(--color-figmaColors-main) }
 .fill-figmaColors-primary-outlined-hover-background { fill: var(--color-figmaColors-primary-outlined-hover-background) }
@@ -89,6 +93,7 @@
 .hover-fill-green-dark:hover svg { fill: var(--color-green-dark) }
 .hover-fill-red:hover svg { fill: var(--color-red) }
 .hover-fill-red2:hover svg { fill: var(--color-red2) }
+.hover-fill-red-light:hover svg { fill: var(--color-red-light) }
 .hover-fill-red-lightest:hover svg { fill: var(--color-red-lightest) }
 .hover-fill-blue:hover svg { fill: var(--color-blue) }
 .hover-fill-blue2:hover svg { fill: var(--color-blue2) }
@@ -108,12 +113,15 @@
 .hover-fill-transparent:hover svg { fill: var(--color-transparent) }
 .hover-fill-cyan:hover svg { fill: var(--color-cyan) }
 .hover-fill-amber:hover svg { fill: var(--color-amber) }
+.hover-fill-amber-medium:hover svg { fill: var(--color-amber-medium) }
 .hover-fill-glassWhite:hover svg { fill: var(--color-glassWhite) }
 .hover-fill-glassMint:hover svg { fill: var(--color-glassMint) }
 .hover-fill-glassLavander:hover svg { fill: var(--color-glassLavander) }
 .hover-fill-blueLight:hover svg { fill: var(--color-blueLight) }
 .hover-fill-offWhite:hover svg { fill: var(--color-offWhite) }
 .hover-fill-disabled-text:hover svg { fill: var(--color-disabled-text) }
+.hover-fill-indigo-lightest:hover svg { fill: var(--color-indigo-lightest) }
+.hover-fill-indigo:hover svg { fill: var(--color-indigo) }
 .hover-fill-figmaColors-accent-secondary:hover svg { fill: var(--color-figmaColors-accent-secondary) }
 .hover-fill-figmaColors-main:hover svg { fill: var(--color-figmaColors-main) }
 .hover-fill-figmaColors-primary-outlined-hover-background:hover svg { fill: var(--color-figmaColors-primary-outlined-hover-background) }
@@ -152,6 +160,7 @@
 .color-green-dark { color: var(--color-green-dark) }
 .color-red { color: var(--color-red) }
 .color-red2 { color: var(--color-red2) }
+.color-red-light { color: var(--color-red-light) }
 .color-red-lightest { color: var(--color-red-lightest) }
 .color-blue { color: var(--color-blue) }
 .color-blue2 { color: var(--color-blue2) }
@@ -171,12 +180,15 @@
 .color-transparent { color: var(--color-transparent) }
 .color-cyan { color: var(--color-cyan) }
 .color-amber { color: var(--color-amber) }
+.color-amber-medium { color: var(--color-amber-medium) }
 .color-glassWhite { color: var(--color-glassWhite) }
 .color-glassMint { color: var(--color-glassMint) }
 .color-glassLavander { color: var(--color-glassLavander) }
 .color-blueLight { color: var(--color-blueLight) }
 .color-offWhite { color: var(--color-offWhite) }
 .color-disabled-text { color: var(--color-disabled-text) }
+.color-indigo-lightest { color: var(--color-indigo-lightest) }
+.color-indigo { color: var(--color-indigo) }
 .color-figmaColors-accent-secondary { color: var(--color-figmaColors-accent-secondary) }
 .color-figmaColors-main { color: var(--color-figmaColors-main) }
 .color-figmaColors-primary-outlined-hover-background { color: var(--color-figmaColors-primary-outlined-hover-background) }
@@ -215,6 +227,7 @@
 .hover-green-dark:hover { color: var(--color-green-dark) }
 .hover-red:hover { color: var(--color-red) }
 .hover-red2:hover { color: var(--color-red2) }
+.hover-red-light:hover { color: var(--color-red-light) }
 .hover-red-lightest:hover { color: var(--color-red-lightest) }
 .hover-blue:hover { color: var(--color-blue) }
 .hover-blue2:hover { color: var(--color-blue2) }
@@ -234,12 +247,15 @@
 .hover-transparent:hover { color: var(--color-transparent) }
 .hover-cyan:hover { color: var(--color-cyan) }
 .hover-amber:hover { color: var(--color-amber) }
+.hover-amber-medium:hover { color: var(--color-amber-medium) }
 .hover-glassWhite:hover { color: var(--color-glassWhite) }
 .hover-glassMint:hover { color: var(--color-glassMint) }
 .hover-glassLavander:hover { color: var(--color-glassLavander) }
 .hover-blueLight:hover { color: var(--color-blueLight) }
 .hover-offWhite:hover { color: var(--color-offWhite) }
 .hover-disabled-text:hover { color: var(--color-disabled-text) }
+.hover-indigo-lightest:hover { color: var(--color-indigo-lightest) }
+.hover-indigo:hover { color: var(--color-indigo) }
 .hover-figmaColors-accent-secondary:hover { color: var(--color-figmaColors-accent-secondary) }
 .hover-figmaColors-main:hover { color: var(--color-figmaColors-main) }
 .hover-figmaColors-primary-outlined-hover-background:hover { color: var(--color-figmaColors-primary-outlined-hover-background) }
@@ -278,6 +294,7 @@
 .border-green-dark { border-color: var(--color-green-dark) }
 .border-red { border-color: var(--color-red) }
 .border-red2 { border-color: var(--color-red2) }
+.border-red-light { border-color: var(--color-red-light) }
 .border-red-lightest { border-color: var(--color-red-lightest) }
 .border-blue { border-color: var(--color-blue) }
 .border-blue2 { border-color: var(--color-blue2) }
@@ -297,12 +314,15 @@
 .border-transparent { border-color: var(--color-transparent) }
 .border-cyan { border-color: var(--color-cyan) }
 .border-amber { border-color: var(--color-amber) }
+.border-amber-medium { border-color: var(--color-amber-medium) }
 .border-glassWhite { border-color: var(--color-glassWhite) }
 .border-glassMint { border-color: var(--color-glassMint) }
 .border-glassLavander { border-color: var(--color-glassLavander) }
 .border-blueLight { border-color: var(--color-blueLight) }
 .border-offWhite { border-color: var(--color-offWhite) }
 .border-disabled-text { border-color: var(--color-disabled-text) }
+.border-indigo-lightest { border-color: var(--color-indigo-lightest) }
+.border-indigo { border-color: var(--color-indigo) }
 .border-figmaColors-accent-secondary { border-color: var(--color-figmaColors-accent-secondary) }
 .border-figmaColors-main { border-color: var(--color-figmaColors-main) }
 .border-figmaColors-primary-outlined-hover-background { border-color: var(--color-figmaColors-primary-outlined-hover-background) }
@@ -341,6 +361,7 @@
 .bg-green-dark { background-color: var(--color-green-dark) }
 .bg-red { background-color: var(--color-red) }
 .bg-red2 { background-color: var(--color-red2) }
+.bg-red-light { background-color: var(--color-red-light) }
 .bg-red-lightest { background-color: var(--color-red-lightest) }
 .bg-blue { background-color: var(--color-blue) }
 .bg-blue2 { background-color: var(--color-blue2) }
@@ -360,12 +381,15 @@
 .bg-transparent { background-color: var(--color-transparent) }
 .bg-cyan { background-color: var(--color-cyan) }
 .bg-amber { background-color: var(--color-amber) }
+.bg-amber-medium { background-color: var(--color-amber-medium) }
 .bg-glassWhite { background-color: var(--color-glassWhite) }
 .bg-glassMint { background-color: var(--color-glassMint) }
 .bg-glassLavander { background-color: var(--color-glassLavander) }
 .bg-blueLight { background-color: var(--color-blueLight) }
 .bg-offWhite { background-color: var(--color-offWhite) }
 .bg-disabled-text { background-color: var(--color-disabled-text) }
+.bg-indigo-lightest { background-color: var(--color-indigo-lightest) }
+.bg-indigo { background-color: var(--color-indigo) }
 .bg-figmaColors-accent-secondary { background-color: var(--color-figmaColors-accent-secondary) }
 .bg-figmaColors-main { background-color: var(--color-figmaColors-main) }
 .bg-figmaColors-primary-outlined-hover-background { background-color: var(--color-figmaColors-primary-outlined-hover-background) }
diff --git a/frontend/app/styles/general.css b/frontend/app/styles/general.css
index 0d1c41aa9..13c55cc59 100644
--- a/frontend/app/styles/general.css
+++ b/frontend/app/styles/general.css
@@ -29,23 +29,23 @@
 
 
 .info.info.info.info.info { /* BAD HACK >:) */
-  background-color: rgba(242, 248, 255, 0.6);
+  background-color: var(--color-glassMint);
   &:hover {
-    background-color: rgba(242, 248, 255, 1);
+    background-color: var(--color-indigo-lightest);
   }
 }
 
 .warn.warn.warn.warn {
-  background-color: rgba(253, 248, 240, 0.6);
+  background-color: var(--color-amber);
   &:hover {
-    background-color: rgba(253, 248, 240, 1);
+    background-color: var(--color-amber-medium);
   }
 }
 
 .error.error.error.error {
-  background-color:  rgba(252, 242, 242, 0.6);
+  background-color:  var(--color-red-light);
   &:hover {
-    background-color:  rgba(252, 242, 242, 1);
+    background-color:  var(--color-red-lightest);
   }
 }
 
diff --git a/frontend/app/theme/colors.js b/frontend/app/theme/colors.js
index 17d472398..30408d5d3 100644
--- a/frontend/app/theme/colors.js
+++ b/frontend/app/theme/colors.js
@@ -25,7 +25,8 @@ module.exports = {
   'green-dark': '#2C9848',
   red: '#cc0000',
   red2: '#F5A623',
-  'red-lightest': 'rgba(204, 0, 0, 0.1)',
+  'red-light': 'oklch(93.6% 0.032 17.717)',
+  'red-lightest': 'oklch(97.1% 0.013 17.38)',
   blue: '#366CD9',
   blue2: '#0076FF',
   'active-blue': '#F6F7FF',
@@ -46,12 +47,15 @@ module.exports = {
   transparent: 'transparent',
   cyan: '#EBF4F5',
   amber: 'oklch(98.7% 0.022 95.277)',
+  'amber-medium': 'oklch(96.2% 0.059 95.617)',
   glassWhite: 'rgba(255, 255, 255, 0.5)',
   glassMint: 'rgba(248, 255, 254, 0.5)',
   glassLavander: 'rgba(243, 241, 255, 0.5)',
   blueLight: 'rgba(235, 235, 255, 1)',
   offWhite: 'rgba(250, 250, 255, 1)',
   'disabled-text': 'rgba(0,0,0, 0.38)',
+  'indigo-lightest': 'oklch(96.2% 0.018 272.314)',
+  'indigo': 'oklch(58.5% 0.233 277.117)',
 
   figmaColors: {
     'accent-secondary': 'rgba(62, 170, 175, 1)',
@@ -79,6 +83,11 @@ module.exports = {
     'background': 'oklch(20.5% 0 0)',
     'surface': '#1E1E1E',
     amber: 'oklch(41.4% 0.112 45.904)',
+    'amber-medium': 'oklch(55.5% 0.163 48.998)',
+    'red-lightest': 'oklch(25.8% 0.092 26.042)',
+    'indigo-lightest': 'oklch(35.9% 0.144 278.697)',
+    'indigo': 'oklch(58.5% 0.233 277.117)',
+    'red-light': 'oklch(39.6% 0.141 25.723)',
 
     'gray-light-shade': 'oklch(37.1% 0 0)',
     'gray-lightest': 'oklch(26.9% 0 0)',
diff --git a/frontend/tests/mocks/sessionResponse.js b/frontend/tests/mocks/sessionResponse.js
index d7f269362..5e8d9141b 100644
--- a/frontend/tests/mocks/sessionResponse.js
+++ b/frontend/tests/mocks/sessionResponse.js
@@ -1292,7 +1292,7 @@ export const session = {
         sessionId: 8119081922378909,
         messageId: 37522,
         timestamp: 1673887715900,
-        label: 'hover-main color-main cursor-pointer rounded-full hover:bg-indigo-50',
+        label: 'hover-main color-main cursor-pointer rounded-full hover:bg-indigo-lightest',
         url: 'app.openreplay.com/5095/session/8118843021704432',
         selector:
           '#app > div.relative > div.flex > div.w-full > div.session-module__session--PKpp5.relative > div.playerBlock-module__playerBlock--c8_Ul.flex.flex-col.overflow-x-hidden > div.flex-1.player-module__playerBody--aoTX_.flex.flex-col.relative > div.controls-module__controls--fXp80 > div.controls-module__buttons--vje3y > div.flex.items-center > div.flex.items-center > div.relative > div > div.hover-main.color-main.cursor-pointer.rounded.hover:bg-gray-light-shade',
@@ -2780,7 +2780,7 @@ export const session = {
         sessionId: 8119081922378909,
         messageId: 67718,
         timestamp: 1673888012602,
-        label: 'hover-main color-main cursor-pointer rounded-full hover:bg-indigo-50',
+        label: 'hover-main color-main cursor-pointer rounded-full hover:bg-indigo-lightest',
         url: 'app.openreplay.com/5095/session/8118633985734291',
         selector:
           '#app > div.relative > div.flex > div.w-full > div.session-module__session--PKpp5.relative > div.playerBlock-module__playerBlock--c8_Ul.flex.flex-col.overflow-x-hidden > div.flex-1.player-module__playerBody--aoTX_.flex.flex-col.relative > div.controls-module__controls--fXp80 > div.controls-module__buttons--vje3y > div.flex.items-center > div.flex.items-center > div.relative > div > div.hover-main.color-main.cursor-pointer.rounded.hover:bg-gray-light-shade',
@@ -4046,7 +4046,7 @@ export const session = {
         sessionId: 8119081922378909,
         messageId: 90402,
         timestamp: 1673888133249,
-        label: 'hover-main color-main cursor-pointer rounded-full hover:bg-indigo-50',
+        label: 'hover-main color-main cursor-pointer rounded-full hover:bg-indigo-lightest',
         url: 'app.openreplay.com/5095/session/8118556979885624',
         selector:
           '#app > div.relative > div.flex > div.w-full > div.session-module__session--PKpp5.relative > div.playerBlock-module__playerBlock--c8_Ul.flex.flex-col.overflow-x-hidden > div.flex-1.player-module__playerBody--aoTX_.flex.flex-col.relative > div.controls-module__controls--fXp80 > div.controls-module__buttons--vje3y > div.flex.items-center > div.flex.items-center > div.relative > div > div.hover-main.color-main.cursor-pointer.rounded.hover:bg-gray-light-shade',
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index f8145198c..1f555d367 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1745,7 +1745,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/core@npm:^1.4.0":
+"@emnapi/core@npm:^1.4.3":
   version: 1.4.3
   resolution: "@emnapi/core@npm:1.4.3"
   dependencies:
@@ -1755,7 +1755,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@emnapi/runtime@npm:^1.4.0":
+"@emnapi/runtime@npm:^1.4.3":
   version: 1.4.3
   resolution: "@emnapi/runtime@npm:1.4.3"
   dependencies:
@@ -2115,12 +2115,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/core@npm:^0.13.0":
-  version: 0.13.0
-  resolution: "@eslint/core@npm:0.13.0"
+"@eslint/core@npm:^0.14.0":
+  version: 0.14.0
+  resolution: "@eslint/core@npm:0.14.0"
   dependencies:
     "@types/json-schema": "npm:^7.0.15"
-  checksum: 10c1/2b9a0aefab71f000dead614dc8c8d34f76778b19649824d252f08a6b9dc76763407cdece736d4ce2e2434521b8f82dbf30bded9b15d01cb377ddc0686fbdf5c4
+  checksum: 10c1/3ed950bd65e73d3599f5333afe0e7ea38938580d78205d58a07c201159e19cf23cdcd9ae961c8d1f15334e92d0c734e4e27a414e6883d424d226f86357ff8579
   languageName: node
   linkType: hard
 
@@ -2141,10 +2141,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/js@npm:9.26.0, @eslint/js@npm:^9.26.0":
-  version: 9.26.0
-  resolution: "@eslint/js@npm:9.26.0"
-  checksum: 10c1/c022348fe10ed6f008b2f0eb7f2ff84caca0715a20f37f4705294bad73493d3e8f81d6405ff1856873a42a0cd8d1519334a7f1a8e60d467fea06baa858ffdc9e
+"@eslint/js@npm:9.27.0, @eslint/js@npm:^9.26.0":
+  version: 9.27.0
+  resolution: "@eslint/js@npm:9.27.0"
+  checksum: 10c1/c1fad371a9925516fcbb992542c37c4829179dc9c75e0a5614ef72853c2098c858354adb16101ccfef5fdb4e88e1d5e1a614494bfd5a44089b7248ca6474ef5c
   languageName: node
   linkType: hard
 
@@ -2155,13 +2155,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint/plugin-kit@npm:^0.2.8":
-  version: 0.2.8
-  resolution: "@eslint/plugin-kit@npm:0.2.8"
+"@eslint/plugin-kit@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "@eslint/plugin-kit@npm:0.3.1"
   dependencies:
-    "@eslint/core": "npm:^0.13.0"
+    "@eslint/core": "npm:^0.14.0"
     levn: "npm:^0.4.1"
-  checksum: 10c1/59131b1e2be7a8af0abac04c72411c804b2aba45bab3c74d9334da606dd6aea43a7731c63f247f52313533fe639728ca9fed26ca376c10b55af9f212094b6cc7
+  checksum: 10c1/7c6d916aa609b63a3e7fdfd8ddd8c00c4bba9cc11e7f6ce493f74b32975fe7ed11d0f5e8f2e7b496733d3cf3dccfe199ce4a8a6ee3b072caa2f3c62a1c1c5013
   languageName: node
   linkType: hard
 
@@ -2617,32 +2617,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@modelcontextprotocol/sdk@npm:^1.8.0":
-  version: 1.11.3
-  resolution: "@modelcontextprotocol/sdk@npm:1.11.3"
-  dependencies:
-    content-type: "npm:^1.0.5"
-    cors: "npm:^2.8.5"
-    cross-spawn: "npm:^7.0.5"
-    eventsource: "npm:^3.0.2"
-    express: "npm:^5.0.1"
-    express-rate-limit: "npm:^7.5.0"
-    pkce-challenge: "npm:^5.0.0"
-    raw-body: "npm:^3.0.0"
-    zod: "npm:^3.23.8"
-    zod-to-json-schema: "npm:^3.24.1"
-  checksum: 10c1/054f51274162a462eb4d25d014eef44c18d83471a2cd562ab7ffa94746531098d800ea92bfd27c5610457b53bccf60a7c534bb0c903f73cd86bca9b925e953ee
-  languageName: node
-  linkType: hard
-
 "@napi-rs/wasm-runtime@npm:^0.2.9":
-  version: 0.2.9
-  resolution: "@napi-rs/wasm-runtime@npm:0.2.9"
+  version: 0.2.10
+  resolution: "@napi-rs/wasm-runtime@npm:0.2.10"
   dependencies:
-    "@emnapi/core": "npm:^1.4.0"
-    "@emnapi/runtime": "npm:^1.4.0"
+    "@emnapi/core": "npm:^1.4.3"
+    "@emnapi/runtime": "npm:^1.4.3"
     "@tybys/wasm-util": "npm:^0.9.0"
-  checksum: 10c1/9f5686a099d59146619a1e9e7ca37a4856a2e9809f6e9e5babe7c3f75ecad51cc3f8aa356f5e11fce84337b2f14a749982cf9543aaffe3242636908d325e6160
+  checksum: 10c1/908dfbd14a853aa0fb541de9394f6b8a014cf04bab4297963d5ced10ce9b060ec012f18ac01ed21f3919c86d91278babaeb7c2c8cffa7092c0c7185472c80853
   languageName: node
   linkType: hard
 
@@ -3056,61 +3038,61 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@sentry-internal/browser-utils@npm:9.19.0":
-  version: 9.19.0
-  resolution: "@sentry-internal/browser-utils@npm:9.19.0"
+"@sentry-internal/browser-utils@npm:9.20.0":
+  version: 9.20.0
+  resolution: "@sentry-internal/browser-utils@npm:9.20.0"
   dependencies:
-    "@sentry/core": "npm:9.19.0"
-  checksum: 10c1/0d299747fef8b8f3b5f42d428248a4d33c7f43176ad2d71f6c87d9a6ec279bb2104597a8b9ff30e41919491deff5b9050410e9c84201f648557585e6ec06c1f3
+    "@sentry/core": "npm:9.20.0"
+  checksum: 10c1/f0ee708dab12063b839aee9377cd18efda7c6c7e84accf07a7e80b182dc59b07dfeacf4d5e8f48d318498981d9b343edaaeca933dc84f06200794d36fe76275d
   languageName: node
   linkType: hard
 
-"@sentry-internal/feedback@npm:9.19.0":
-  version: 9.19.0
-  resolution: "@sentry-internal/feedback@npm:9.19.0"
+"@sentry-internal/feedback@npm:9.20.0":
+  version: 9.20.0
+  resolution: "@sentry-internal/feedback@npm:9.20.0"
   dependencies:
-    "@sentry/core": "npm:9.19.0"
-  checksum: 10c1/7bb55584edd3e54db946e9eb0f49cdc78716bf740287641dffba488af28f8472676d3c21e5e71e51fd97e36a77450f8f71505ebd3a3837471e1d216a88cfbde8
+    "@sentry/core": "npm:9.20.0"
+  checksum: 10c1/052726a5dece00c8359b56ac37dcf13a2b665440185d1dee2f443563f0c551b83e64cee22524feefd40fb5e50f5c7b7ca4a29955eb99a09a2da78836ece34fd2
   languageName: node
   linkType: hard
 
-"@sentry-internal/replay-canvas@npm:9.19.0":
-  version: 9.19.0
-  resolution: "@sentry-internal/replay-canvas@npm:9.19.0"
+"@sentry-internal/replay-canvas@npm:9.20.0":
+  version: 9.20.0
+  resolution: "@sentry-internal/replay-canvas@npm:9.20.0"
   dependencies:
-    "@sentry-internal/replay": "npm:9.19.0"
-    "@sentry/core": "npm:9.19.0"
-  checksum: 10c1/44e7f1caadd20f4b4fd75c6f771b56ffb1f41516d44b33ea9cefdf239119c223442f4c7c7f85d2db3ec226a35fbe740f2a6d382d7b24b08d9c46df3f0e9a360c
+    "@sentry-internal/replay": "npm:9.20.0"
+    "@sentry/core": "npm:9.20.0"
+  checksum: 10c1/5c47cfde47e391a88983509892c7e46abc9f56c2aaf81f8d31cf38454a6beadfa4ee5199cf535d8a86428c2560a43407fa11cb6b2d5e8bf4de9ea6a8ca7e536c
   languageName: node
   linkType: hard
 
-"@sentry-internal/replay@npm:9.19.0":
-  version: 9.19.0
-  resolution: "@sentry-internal/replay@npm:9.19.0"
+"@sentry-internal/replay@npm:9.20.0":
+  version: 9.20.0
+  resolution: "@sentry-internal/replay@npm:9.20.0"
   dependencies:
-    "@sentry-internal/browser-utils": "npm:9.19.0"
-    "@sentry/core": "npm:9.19.0"
-  checksum: 10c1/6607eeee91267cb9f2fa0726a53b61bde709761d69e979fa909fd60890a415fcf3482ec7c1a55ed62180792de17c6630b91c7e9a4514f9e456e588ded790c3e8
+    "@sentry-internal/browser-utils": "npm:9.20.0"
+    "@sentry/core": "npm:9.20.0"
+  checksum: 10c1/a8024de775a16c0667dfc0562a7365e2bf8685832c76b5067736da0662d1f6584ee7dd0ce6032b4a63d196001ba2771a7296ce709fa53e465a1453fe89b8b931
   languageName: node
   linkType: hard
 
 "@sentry/browser@npm:^9.18.0":
-  version: 9.19.0
-  resolution: "@sentry/browser@npm:9.19.0"
+  version: 9.20.0
+  resolution: "@sentry/browser@npm:9.20.0"
   dependencies:
-    "@sentry-internal/browser-utils": "npm:9.19.0"
-    "@sentry-internal/feedback": "npm:9.19.0"
-    "@sentry-internal/replay": "npm:9.19.0"
-    "@sentry-internal/replay-canvas": "npm:9.19.0"
-    "@sentry/core": "npm:9.19.0"
-  checksum: 10c1/f7a1dedc2ca3dd72ea3f7b2901c913abe5a45f34f3dba5d12456a1792847cc6ed97cdccfb51c3e1ed1f3f95f3100d90a3c881865be67d0059d1e616aac5a7523
+    "@sentry-internal/browser-utils": "npm:9.20.0"
+    "@sentry-internal/feedback": "npm:9.20.0"
+    "@sentry-internal/replay": "npm:9.20.0"
+    "@sentry-internal/replay-canvas": "npm:9.20.0"
+    "@sentry/core": "npm:9.20.0"
+  checksum: 10c1/590510de27ca795210942e3499e07ebb22e6d0b0d2271608d8866ae66e29b7e46353ea5db8ac2533698cdf83ac4c11730aac0f08caddb9e8da2cb1dc5784d651
   languageName: node
   linkType: hard
 
-"@sentry/core@npm:9.19.0":
-  version: 9.19.0
-  resolution: "@sentry/core@npm:9.19.0"
-  checksum: 10c1/c7e1e897be8543a08cfb49b9accc054fc4b0d258421ccc9a58edb29b3150370e0d8edc5350c701ff1ef34153737fffc975aed493e31872670dae16202ccae752
+"@sentry/core@npm:9.20.0":
+  version: 9.20.0
+  resolution: "@sentry/core@npm:9.20.0"
+  checksum: 10c1/ba72ef9d1d08253e6508f1008a2ae164b8d315faab88d1cb4c7bde42a7bdf6e55d4088b3dd3d8d8a912e02620109d8e5a0d79dd6ccf2cab56c151d640a0aa9e5
   languageName: node
   linkType: hard
 
@@ -3476,25 +3458,25 @@ __metadata:
   linkType: hard
 
 "@types/express@npm:*":
-  version: 5.0.1
-  resolution: "@types/express@npm:5.0.1"
+  version: 5.0.2
+  resolution: "@types/express@npm:5.0.2"
   dependencies:
     "@types/body-parser": "npm:*"
     "@types/express-serve-static-core": "npm:^5.0.0"
     "@types/serve-static": "npm:*"
-  checksum: 10c1/13845103cdaca4a61f610a51c0d3aecada5a8cde28a7a47c01f3cc01bcc38ff77a539cec2badff3dcfc0a81f6a0ddfba2c3009cc257a885de4a3c7d3d6599590
+  checksum: 10c1/c90906eacd7a50aaf9b3706f228da66d3655e6d18673b44e0653cb128a41e24a42627652426ff12b08ddb2c514eca3767e57093e01d8b2c279f914a47c46588a
   languageName: node
   linkType: hard
 
 "@types/express@npm:^4.17.21":
-  version: 4.17.21
-  resolution: "@types/express@npm:4.17.21"
+  version: 4.17.22
+  resolution: "@types/express@npm:4.17.22"
   dependencies:
     "@types/body-parser": "npm:*"
     "@types/express-serve-static-core": "npm:^4.17.33"
     "@types/qs": "npm:*"
     "@types/serve-static": "npm:*"
-  checksum: 10c1/c7e08a480043ea66c18832e84b1930dcb9803bd037d58406efafbe37d26c0bd682db61c65f576798278a1ca12fa79ec07bbf11b80f282ed58b7689cf77c1ffe6
+  checksum: 10c1/89c6569c6139a8030860435ff78e5dbbd8b2ccbe496f0125ab1427afc8271b603dd6be5c04ceb0fd9b3ed549495e08750103cc8eaba023ee5466cd0a8bf1bfe5
   languageName: node
   linkType: hard
 
@@ -3636,11 +3618,11 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:*, @types/node@npm:^22.7.8":
-  version: 22.15.18
-  resolution: "@types/node@npm:22.15.18"
+  version: 22.15.19
+  resolution: "@types/node@npm:22.15.19"
   dependencies:
     undici-types: "npm:~6.21.0"
-  checksum: 10c1/00433092cf1ce4cf961a6d29b693a67957a20eece2649c4e199973c013c363b3647608fe8969bc6c905af39983aefbc4c89af1ac50c6e5319be66940f6067f56
+  checksum: 10c1/b57519cdfa277e62bfe38397f764239c24767740a7bf9999efb3972e626e1c5d9c305c89d8455ca20e34ce719746d6e1316de883af1b7a913fccb7ee60741e1a
   languageName: node
   linkType: hard
 
@@ -3659,9 +3641,9 @@ __metadata:
   linkType: hard
 
 "@types/qs@npm:*":
-  version: 6.9.18
-  resolution: "@types/qs@npm:6.9.18"
-  checksum: 10c1/f3ceb2d647f2fbba7b28dff0606dea73557346a09345a1530aa05cc09444e43ac8c43e9a18716508081ff5ac5e3c9d802ee3cd56ab93cd4a0461405b1eb8d346
+  version: 6.14.0
+  resolution: "@types/qs@npm:6.14.0"
+  checksum: 10c1/36548b14899854c22cb8202d9382f47d9e1da88ba06bc0f50db591952de2111737e197910fe78d8b424bce445c463c66036aaa61cde4371157b98c4990fc2085
   languageName: node
   linkType: hard
 
@@ -4365,16 +4347,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"accepts@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "accepts@npm:2.0.0"
-  dependencies:
-    mime-types: "npm:^3.0.0"
-    negotiator: "npm:^1.0.0"
-  checksum: 10c1/22bbe1a016b383ff4a89048f9492c2d8cc38c95c20d596cdd61a2d6e772a1d64fdafef8aad5a005b283c8a55fd4c3a18484b37a90315aa0d4430563b67757621
-  languageName: node
-  linkType: hard
-
 "accepts@npm:~1.3.4, accepts@npm:~1.3.8":
   version: 1.3.8
   resolution: "accepts@npm:1.3.8"
@@ -4610,8 +4582,8 @@ __metadata:
   linkType: hard
 
 "antd@npm:^5.25.1":
-  version: 5.25.1
-  resolution: "antd@npm:5.25.1"
+  version: 5.25.2
+  resolution: "antd@npm:5.25.2"
   dependencies:
     "@ant-design/colors": "npm:^7.2.0"
     "@ant-design/cssinjs": "npm:^1.23.0"
@@ -4648,11 +4620,11 @@ __metadata:
     rc-rate: "npm:~2.13.1"
     rc-resize-observer: "npm:^1.4.3"
     rc-segmented: "npm:~2.7.0"
-    rc-select: "npm:~14.16.7"
+    rc-select: "npm:~14.16.8"
     rc-slider: "npm:~11.1.8"
     rc-steps: "npm:~6.0.1"
     rc-switch: "npm:~4.1.0"
-    rc-table: "npm:~7.50.4"
+    rc-table: "npm:~7.50.5"
     rc-tabs: "npm:~15.6.1"
     rc-textarea: "npm:~1.10.0"
     rc-tooltip: "npm:~6.4.0"
@@ -4665,7 +4637,7 @@ __metadata:
   peerDependencies:
     react: ">=16.9.0"
     react-dom: ">=16.9.0"
-  checksum: 10c1/819bf63d49bc5e2fd8c4abd2d61f5a3665725d59d49bc5513387b9784be11dbd31d7a2d2d97f47a6220a9091bac02237c763cd56d811892efe5f0e2223048be6
+  checksum: 10c1/9f9a2363eba424cdf634dab2629366808ce2239a28dfb0316a33ea306e3e6a5a6bcb5504c6b1835dc15700c10817e27a16e5829f828eeced4e1857b664e0db7f
   languageName: node
   linkType: hard
 
@@ -5290,23 +5262,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"body-parser@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "body-parser@npm:2.2.0"
-  dependencies:
-    bytes: "npm:^3.1.2"
-    content-type: "npm:^1.0.5"
-    debug: "npm:^4.4.0"
-    http-errors: "npm:^2.0.0"
-    iconv-lite: "npm:^0.6.3"
-    on-finished: "npm:^2.4.1"
-    qs: "npm:^6.14.0"
-    raw-body: "npm:^3.0.0"
-    type-is: "npm:^2.0.0"
-  checksum: 10c1/275502d25be9064b63a5bfd5abfcc98270870e807914a26748a9da982ccfbac49ee057708be8cba09e0fa426438c85877cc57b8b7c9c3a3bcb225aef9e917fa2
-  languageName: node
-  linkType: hard
-
 "bonjour-service@npm:^1.2.1":
   version: 1.3.0
   resolution: "bonjour-service@npm:1.3.0"
@@ -5433,7 +5388,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bytes@npm:3.1.2, bytes@npm:^3.1.2":
+"bytes@npm:3.1.2":
   version: 3.1.2
   resolution: "bytes@npm:3.1.2"
   checksum: 10c1/102066f8fe70d48c60d33e79f25b39689b858bd47b5c6332e16a07738aa72e11e8dab3b035d137a914d4bfb6edd95afd896bc20b3be3b0b6300d85aa55bf4ec7
@@ -6093,16 +6048,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"content-disposition@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "content-disposition@npm:1.0.0"
-  dependencies:
-    safe-buffer: "npm:5.2.1"
-  checksum: 10c1/aaa3feebb92998e2b8c405b85e309f3442d1b721001f0a92424854656ead13d9731cc77bc157e856a7e30ce58ca0992789f3a1b8a44176dc07e1ebec2320fb4b
-  languageName: node
-  linkType: hard
-
-"content-type@npm:^1.0.5, content-type@npm:~1.0.4, content-type@npm:~1.0.5":
+"content-type@npm:~1.0.4, content-type@npm:~1.0.5":
   version: 1.0.5
   resolution: "content-type@npm:1.0.5"
   checksum: 10c1/984f6dc8716c32916530ea74ad05f395a2696ba7a63d01b9cbc5b9bef41dcfcff6b368a55fd98ec7b3a0617329e094884bc3953dd3956e128161163d23dd5633
@@ -6130,13 +6076,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie-signature@npm:^1.2.1":
-  version: 1.2.2
-  resolution: "cookie-signature@npm:1.2.2"
-  checksum: 10c1/52acd2b690fa942f6a096e62a5e5b4e93724c7fd485f38de7b7a59e80ce7b7803738f57ad25cdb367ac99311903d04015717297bad708f541f774e00f9bca911
-  languageName: node
-  linkType: hard
-
 "cookie@npm:0.7.1":
   version: 0.7.1
   resolution: "cookie@npm:0.7.1"
@@ -6144,13 +6083,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie@npm:^0.7.1":
-  version: 0.7.2
-  resolution: "cookie@npm:0.7.2"
-  checksum: 10c1/6335a587d568ca025f51f42f5811886c3d4bd751c96396f33fca4154b37a732baf223c42b5921bf62d357b7c77f4a0179ed24c59689e92bf090461196bb7ad94
-  languageName: node
-  linkType: hard
-
 "copy-to-clipboard@npm:^3.3.3":
   version: 3.3.3
   resolution: "copy-to-clipboard@npm:3.3.3"
@@ -6213,16 +6145,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cors@npm:^2.8.5":
-  version: 2.8.5
-  resolution: "cors@npm:2.8.5"
-  dependencies:
-    object-assign: "npm:^4"
-    vary: "npm:^1"
-  checksum: 10c1/6cd6176012752a2b5a6dc423ec9d798811b45631b0bfb6b87481bf29103a1470dc70535a0913a751612527790cd5e652f2eaebc195b58f7b8610c1fa884208a3
-  languageName: node
-  linkType: hard
-
 "cosmiconfig@npm:^7.0.0":
   version: 7.1.0
   resolution: "cosmiconfig@npm:7.1.0"
@@ -6307,7 +6229,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.5, cross-spawn@npm:^7.0.6":
+"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.3, cross-spawn@npm:^7.0.6":
   version: 7.0.6
   resolution: "cross-spawn@npm:7.0.6"
   dependencies:
@@ -6805,7 +6727,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4, debug@npm:^4.3.5, debug@npm:^4.4.0":
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4, debug@npm:^4.4.0":
   version: 4.4.1
   resolution: "debug@npm:4.4.1"
   dependencies:
@@ -6954,7 +6876,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"depd@npm:2.0.0, depd@npm:^2.0.0":
+"depd@npm:2.0.0":
   version: 2.0.0
   resolution: "depd@npm:2.0.0"
   checksum: 10c1/2e8be449f7aa2dfcc5b58babf090f0ca5bfefb1dee51392296795a9aa6347f842516c7b18e01fd50067e6b4b22f0aee1b2005b6a489e6fbab05dcacb0ae2e0c9
@@ -7161,14 +7083,14 @@ __metadata:
   linkType: hard
 
 "dompurify@npm:^3.2.4":
-  version: 3.2.5
-  resolution: "dompurify@npm:3.2.5"
+  version: 3.2.6
+  resolution: "dompurify@npm:3.2.6"
   dependencies:
     "@types/trusted-types": "npm:^2.0.7"
   dependenciesMeta:
     "@types/trusted-types":
       optional: true
-  checksum: 10c1/bf25db12edc7a97b9600c06594c89cc85099f33a34464b70810348b196b51571fe1c2999d4bb4e9e8927d0b935b8865296e585fb37639f1ddbc6f10bbac91f41
+  checksum: 10c1/19f97c5a9024216e5d5ccd010d156d3d5b2651e207c7e43fd2b36f7e7551c6526ad00c93ea356c5e643dd5f75a049be63c1728b3879fcc7da7b75bd3ae78f886
   languageName: node
   linkType: hard
 
@@ -7302,13 +7224,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"encodeurl@npm:^2.0.0, encodeurl@npm:~2.0.0":
-  version: 2.0.0
-  resolution: "encodeurl@npm:2.0.0"
-  checksum: 10c1/26dbea2452b7001172f3db9af5aa33d3b7983a9dff16c5afabc127c3025f09a40cb99da9ece81caf788984dca025a282ee1d4b834eb149fd8fb63863fe9c8977
-  languageName: node
-  linkType: hard
-
 "encodeurl@npm:~1.0.2":
   version: 1.0.2
   resolution: "encodeurl@npm:1.0.2"
@@ -7316,6 +7231,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"encodeurl@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "encodeurl@npm:2.0.0"
+  checksum: 10c1/26dbea2452b7001172f3db9af5aa33d3b7983a9dff16c5afabc127c3025f09a40cb99da9ece81caf788984dca025a282ee1d4b834eb149fd8fb63863fe9c8977
+  languageName: node
+  linkType: hard
+
 "encoding@npm:^0.1.13":
   version: 0.1.13
   resolution: "encoding@npm:0.1.13"
@@ -7686,7 +7608,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"escape-html@npm:^1.0.3, escape-html@npm:~1.0.3":
+"escape-html@npm:~1.0.3":
   version: 1.0.3
   resolution: "escape-html@npm:1.0.3"
   checksum: 10c1/8c1e1b5b46985dfb4520bbfaeb636b57df376dff35f40030ccbc7155a0a2253d6f2074a547ea9680dac2e8f8c1bd18fcecac76c3f41c98221a23de5d0d27237a
@@ -8016,21 +7938,20 @@ __metadata:
   linkType: hard
 
 "eslint@npm:^9.21.0":
-  version: 9.26.0
-  resolution: "eslint@npm:9.26.0"
+  version: 9.27.0
+  resolution: "eslint@npm:9.27.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.2.0"
     "@eslint-community/regexpp": "npm:^4.12.1"
     "@eslint/config-array": "npm:^0.20.0"
     "@eslint/config-helpers": "npm:^0.2.1"
-    "@eslint/core": "npm:^0.13.0"
+    "@eslint/core": "npm:^0.14.0"
     "@eslint/eslintrc": "npm:^3.3.1"
-    "@eslint/js": "npm:9.26.0"
-    "@eslint/plugin-kit": "npm:^0.2.8"
+    "@eslint/js": "npm:9.27.0"
+    "@eslint/plugin-kit": "npm:^0.3.1"
     "@humanfs/node": "npm:^0.16.6"
     "@humanwhocodes/module-importer": "npm:^1.0.1"
     "@humanwhocodes/retry": "npm:^0.4.2"
-    "@modelcontextprotocol/sdk": "npm:^1.8.0"
     "@types/estree": "npm:^1.0.6"
     "@types/json-schema": "npm:^7.0.15"
     ajv: "npm:^6.12.4"
@@ -8055,7 +7976,6 @@ __metadata:
     minimatch: "npm:^3.1.2"
     natural-compare: "npm:^1.4.0"
     optionator: "npm:^0.9.3"
-    zod: "npm:^3.24.2"
   peerDependencies:
     jiti: "*"
   peerDependenciesMeta:
@@ -8063,7 +7983,7 @@ __metadata:
       optional: true
   bin:
     eslint: bin/eslint.js
-  checksum: 10c1/4774817af0581d4d387bcf55c0a3ce2eb47d9473178e6c33808853bfb7d6633ab42d5e4346a2c68f3cad0e9a99b67a3ae9fe132990663f293fc6042c3d1b1289
+  checksum: 10c1/91e469d8daa411529180d7238a2a83c223e542e6ee677a3a43fed7aeb6864aa6c7517ed3c74a14e647a0b5cd6985ff915387a1b97a4f2dd650b36254f642cd04
   languageName: node
   linkType: hard
 
@@ -8134,7 +8054,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"etag@npm:^1.8.1, etag@npm:~1.8.1":
+"etag@npm:~1.8.1":
   version: 1.8.1
   resolution: "etag@npm:1.8.1"
   checksum: 10c1/65bd37eebafe53c524d5a3e62cc29deb4b2fed397aabf9324edbe1702f754992bc7872f3379743d4056fd3ad69b3867784bef2187ff53267005042018bfb703b
@@ -8162,22 +8082,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eventsource-parser@npm:^3.0.1":
-  version: 3.0.2
-  resolution: "eventsource-parser@npm:3.0.2"
-  checksum: 10c1/dc96c5049b694a0f504b387e597a0a4a2b1875f198c91eeaf57218f5c5efa170112a6b6faffce02948216159ef739cbadfda12d0d3bb40a35d416cbc807733a9
-  languageName: node
-  linkType: hard
-
-"eventsource@npm:^3.0.2":
-  version: 3.0.7
-  resolution: "eventsource@npm:3.0.7"
-  dependencies:
-    eventsource-parser: "npm:^3.0.1"
-  checksum: 10c1/de566b3809fe88dbb1cf921d016ca9da493b9943cdad299cd5d1a93f599f805ebd3a45c3c77ea80384b31bdb1897cfa9b5587901f3de9a0d7b979b3766276621
-  languageName: node
-  linkType: hard
-
 "execa@npm:4.1.0":
   version: 4.1.0
   resolution: "execa@npm:4.1.0"
@@ -8263,15 +8167,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"express-rate-limit@npm:^7.5.0":
-  version: 7.5.0
-  resolution: "express-rate-limit@npm:7.5.0"
-  peerDependencies:
-    express: ^4.11 || 5 || ^5.0.0-beta.1
-  checksum: 10c1/05e32bb2627f2f341a5a6bf5340ce819490ad700ce1d740800b204a4fd7e6e2f86d017e39cdebf4b80cff7415c03875bb05e3ee4087068685f02831ddde4bfcc
-  languageName: node
-  linkType: hard
-
 "express@npm:^4.21.2":
   version: 4.21.2
   resolution: "express@npm:4.21.2"
@@ -8311,41 +8206,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"express@npm:^5.0.1":
-  version: 5.1.0
-  resolution: "express@npm:5.1.0"
-  dependencies:
-    accepts: "npm:^2.0.0"
-    body-parser: "npm:^2.2.0"
-    content-disposition: "npm:^1.0.0"
-    content-type: "npm:^1.0.5"
-    cookie: "npm:^0.7.1"
-    cookie-signature: "npm:^1.2.1"
-    debug: "npm:^4.4.0"
-    encodeurl: "npm:^2.0.0"
-    escape-html: "npm:^1.0.3"
-    etag: "npm:^1.8.1"
-    finalhandler: "npm:^2.1.0"
-    fresh: "npm:^2.0.0"
-    http-errors: "npm:^2.0.0"
-    merge-descriptors: "npm:^2.0.0"
-    mime-types: "npm:^3.0.0"
-    on-finished: "npm:^2.4.1"
-    once: "npm:^1.4.0"
-    parseurl: "npm:^1.3.3"
-    proxy-addr: "npm:^2.0.7"
-    qs: "npm:^6.14.0"
-    range-parser: "npm:^1.2.1"
-    router: "npm:^2.2.0"
-    send: "npm:^1.1.0"
-    serve-static: "npm:^2.2.0"
-    statuses: "npm:^2.0.1"
-    type-is: "npm:^2.0.1"
-    vary: "npm:^1.1.2"
-  checksum: 10c1/e7a1ce5b5322b5abb48b2de434e8e734df68fdb2502aa32b4b69b301041fd3f4556f0bc7d760cb4cc57b30db5448e2777fa2380a9c845209076c4433efd2db05
-  languageName: node
-  linkType: hard
-
 "extend@npm:^3.0.0, extend@npm:~3.0.2":
   version: 3.0.2
   resolution: "extend@npm:3.0.2"
@@ -8582,20 +8442,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"finalhandler@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "finalhandler@npm:2.1.0"
-  dependencies:
-    debug: "npm:^4.4.0"
-    encodeurl: "npm:^2.0.0"
-    escape-html: "npm:^1.0.3"
-    on-finished: "npm:^2.4.1"
-    parseurl: "npm:^1.3.3"
-    statuses: "npm:^2.0.1"
-  checksum: 10c1/4a7c653c37d454a034ea36c0c2408bfa6d18597f1752c49690545abc3537acea840a24cffb831e7aa6e6d9f1bfe95a44c92dcf792d5e89e8816c760c5f3aa385
-  languageName: node
-  linkType: hard
-
 "find-cache-dir@npm:^2.0.0":
   version: 2.1.0
   resolution: "find-cache-dir@npm:2.1.0"
@@ -8758,13 +8604,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fresh@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "fresh@npm:2.0.0"
-  checksum: 10c1/13be1f0577fc652a412a1ccb2343dd5bcf70dbb8912c4dd2beb75ff5fead552d763f33d5add437f020552864dec3cebbf1a6245a1f1be2562f89b90f28d22321
-  languageName: node
-  linkType: hard
-
 "fs-extra@npm:^7.0.1":
   version: 7.0.1
   resolution: "fs-extra@npm:7.0.1"
@@ -9469,7 +9308,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-errors@npm:2.0.0, http-errors@npm:^2.0.0":
+"http-errors@npm:2.0.0":
   version: 2.0.0
   resolution: "http-errors@npm:2.0.0"
   dependencies:
@@ -9644,7 +9483,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2, iconv-lite@npm:^0.6.3":
+"iconv-lite@npm:0.6.3, iconv-lite@npm:^0.6.2":
   version: 0.6.3
   resolution: "iconv-lite@npm:0.6.3"
   dependencies:
@@ -10129,13 +9968,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-promise@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "is-promise@npm:4.0.0"
-  checksum: 10c1/5dedc059652258cffc4509b6e7e060c94599a65fa7db9d50464b13eb6e0b7212bfe60629c907945de04ff3c53c0211ab05efcb74cf0a712a2c3c1be071e07c50
-  languageName: node
-  linkType: hard
-
 "is-regex@npm:^1.2.1":
   version: 1.2.1
   resolution: "is-regex@npm:1.2.1"
@@ -11880,13 +11712,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"media-typer@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "media-typer@npm:1.1.0"
-  checksum: 10c1/668b46f687eec72516db5ddc736013c6196137249da67e02c15136a066294ada219141f15ed0366478c5942eb8e5d2e36d6ebc1b290aaf2ebc16d49a419c4251
-  languageName: node
-  linkType: hard
-
 "mem@npm:^8.0.0":
   version: 8.1.1
   resolution: "mem@npm:8.1.1"
@@ -11923,13 +11748,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge-descriptors@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "merge-descriptors@npm:2.0.0"
-  checksum: 10c1/90b0ab10f3016e2aa0d6e2d5e095aafe45cbf503bf97e7a0b41ca837333647ec2f7244e370aa0ea0b0fd6a4f0eaf54c64e85169fb58f4d1ffb8b34c617cfd0b7
-  languageName: node
-  linkType: hard
-
 "merge-stream@npm:^2.0.0":
   version: 2.0.0
   resolution: "merge-stream@npm:2.0.0"
@@ -12304,7 +12122,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-db@npm:>= 1.43.0 < 2, mime-db@npm:^1.54.0":
+"mime-db@npm:>= 1.43.0 < 2":
   version: 1.54.0
   resolution: "mime-db@npm:1.54.0"
   checksum: 10c1/c8da99e264bc5db086f56f633c0640730da754f99a3a3858c8c5365779273e985e8c8f7e8da9e68deeec2ae99c923809cfc37fe3ef1b195333c2468a635d13b7
@@ -12320,15 +12138,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mime-types@npm:^3.0.0, mime-types@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "mime-types@npm:3.0.1"
-  dependencies:
-    mime-db: "npm:^1.54.0"
-  checksum: 10c1/f4267a18893fedf4afdb4d4f945ef489614d217ab572367eb257df72bbf4a2f3802d16b8bcef96abfc62b056bcef46678264a9ba4ed9192717f502705ef23051
-  languageName: node
-  linkType: hard
-
 "mime@npm:1.6.0":
   version: 1.6.0
   resolution: "mime@npm:1.6.0"
@@ -12883,7 +12692,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-assign@npm:4.x, object-assign@npm:^4, object-assign@npm:^4.0.1, object-assign@npm:^4.1.1":
+"object-assign@npm:4.x, object-assign@npm:^4.0.1, object-assign@npm:^4.1.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
   checksum: 10c1/e42b3d041acc8d82fca7bdd57b9d11c277c430fb7dccc33c479c1c10dbe4f34e33025c541f5bac77589ee2413a4d7ece62b1c0035b52119bdb193abf15c0a755
@@ -13396,7 +13205,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parseurl@npm:^1.3.3, parseurl@npm:~1.3.2, parseurl@npm:~1.3.3":
+"parseurl@npm:~1.3.2, parseurl@npm:~1.3.3":
   version: 1.3.3
   resolution: "parseurl@npm:1.3.3"
   checksum: 10c1/7256a6e3ff8a851297a0ae1373834443cbfeb082e655eb123274af8d2b8806618b3ded58a14cf3eb061f610a8f73245d5fdd611b608ece758e34575d0d2d214a
@@ -13488,13 +13297,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-to-regexp@npm:^8.0.0":
-  version: 8.2.0
-  resolution: "path-to-regexp@npm:8.2.0"
-  checksum: 10c1/3ea2a84a685c549c66d68cb9f4b81524359700df7af610da949294deeff0497b2c8f4309637621c1d9ed55074cf9ea681bb8ec49544f1089c8efc22fa8c080f0
-  languageName: node
-  linkType: hard
-
 "path-type@npm:^4.0.0":
   version: 4.0.0
   resolution: "path-type@npm:4.0.0"
@@ -13576,13 +13378,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkce-challenge@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "pkce-challenge@npm:5.0.0"
-  checksum: 10c1/824413edf08e71edc03402f7ac1191115c5e53bec0a3a1e8c9d643dd4fcac79e6aaaa7bc242afcd8a5695e7a22d84f6634ebe5efed406be1af4ced2ddb43ea2c
-  languageName: node
-  linkType: hard
-
 "pkg-dir@npm:^3.0.0":
   version: 3.0.0
   resolution: "pkg-dir@npm:3.0.0"
@@ -14288,7 +14083,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"proxy-addr@npm:^2.0.7, proxy-addr@npm:~2.0.7":
+"proxy-addr@npm:~2.0.7":
   version: 2.0.7
   resolution: "proxy-addr@npm:2.0.7"
   dependencies:
@@ -14347,7 +14142,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qs@npm:6.14.0, qs@npm:^6.14.0":
+"qs@npm:6.14.0":
   version: 6.14.0
   resolution: "qs@npm:6.14.0"
   dependencies:
@@ -14419,18 +14214,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"raw-body@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "raw-body@npm:3.0.0"
-  dependencies:
-    bytes: "npm:3.1.2"
-    http-errors: "npm:2.0.0"
-    iconv-lite: "npm:0.6.3"
-    unpipe: "npm:1.0.0"
-  checksum: 10c1/fb87972020036f51fe82b313124425697739057311ebe0d712c28ba80701b0c86b890989b088b8bdb0de796ed9e3e04e3fec0fc9d456887aa97f5d944d151413
-  languageName: node
-  linkType: hard
-
 "rc-align@npm:^2.4.0":
   version: 2.4.5
   resolution: "rc-align@npm:2.4.5"
@@ -14792,7 +14575,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-select@npm:~14.16.2, rc-select@npm:~14.16.7":
+"rc-select@npm:~14.16.2, rc-select@npm:~14.16.8":
   version: 14.16.8
   resolution: "rc-select@npm:14.16.8"
   dependencies:
@@ -14852,7 +14635,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rc-table@npm:~7.50.4":
+"rc-table@npm:~7.50.5":
   version: 7.50.5
   resolution: "rc-table@npm:7.50.5"
   dependencies:
@@ -15850,19 +15633,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"router@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "router@npm:2.2.0"
-  dependencies:
-    debug: "npm:^4.4.0"
-    depd: "npm:^2.0.0"
-    is-promise: "npm:^4.0.0"
-    parseurl: "npm:^1.3.3"
-    path-to-regexp: "npm:^8.0.0"
-  checksum: 10c1/3ac1c459224f12f80c06163075e0970130ecce554cab6f75c8995a863635a3c67b968ab93ad7877a44ee53f491ae38f4594a33ddc8cf83631b41327d754e46b5
-  languageName: node
-  linkType: hard
-
 "run-applescript@npm:^7.0.0":
   version: 7.0.0
   resolution: "run-applescript@npm:7.0.0"
@@ -16104,25 +15874,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"send@npm:^1.1.0, send@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "send@npm:1.2.0"
-  dependencies:
-    debug: "npm:^4.3.5"
-    encodeurl: "npm:^2.0.0"
-    escape-html: "npm:^1.0.3"
-    etag: "npm:^1.8.1"
-    fresh: "npm:^2.0.0"
-    http-errors: "npm:^2.0.0"
-    mime-types: "npm:^3.0.1"
-    ms: "npm:^2.1.3"
-    on-finished: "npm:^2.4.1"
-    range-parser: "npm:^1.2.1"
-    statuses: "npm:^2.0.1"
-  checksum: 10c1/5bf65110948e8834068b069ba7508ef55ac63b74f7e2233e42d39f52452f513c99795a8aaf834161686189193cb5938a2225bbc7cc0a491dd8f068638e31feaf
-  languageName: node
-  linkType: hard
-
 "serialize-javascript@npm:^6.0.0, serialize-javascript@npm:^6.0.2":
   version: 6.0.2
   resolution: "serialize-javascript@npm:6.0.2"
@@ -16159,18 +15910,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"serve-static@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "serve-static@npm:2.2.0"
-  dependencies:
-    encodeurl: "npm:^2.0.0"
-    escape-html: "npm:^1.0.3"
-    parseurl: "npm:^1.3.3"
-    send: "npm:^1.2.0"
-  checksum: 10c1/343e6baca7d8bf6a6c6176a18c0a57351fd54964a6ba825cd5577c09e6618414eb61067c02fc3e5206604e402c8b0ceaf5e8747e6bc8c89cb1194b10f5f97a93
-  languageName: node
-  linkType: hard
-
 "set-blocking@npm:^2.0.0":
   version: 2.0.0
   resolution: "set-blocking@npm:2.0.0"
@@ -16654,7 +16393,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"statuses@npm:2.0.1, statuses@npm:^2.0.1":
+"statuses@npm:2.0.1":
   version: 2.0.1
   resolution: "statuses@npm:2.0.1"
   checksum: 10c1/6230edd96de95e58310c9bdc24d9487ea633f17994daad44c1d86055e6cf667de5834c8acaa376dc7ebd44198792797ff2caf04b4bb549bc83e31865bc57fdfb
@@ -17072,12 +16811,11 @@ __metadata:
   linkType: hard
 
 "synckit@npm:^0.11.0":
-  version: 0.11.5
-  resolution: "synckit@npm:0.11.5"
+  version: 0.11.6
+  resolution: "synckit@npm:0.11.6"
   dependencies:
     "@pkgr/core": "npm:^0.2.4"
-    tslib: "npm:^2.8.1"
-  checksum: 10c1/a4fcf437959f0c4465c11b30e3910077375f875ced6f4b8e237c18f04a25e7a55a6b65b46e9b4909bece3367974d42556110701272d129f64afc6b25fd56fb9a
+  checksum: 10c1/f5d6fd3561e4b78fb2cc05c68428a3cff410104d4ce07b6d186a8f138d49586182201e2fdbbba18f6d08889c9824d70d6015b61df43681c407a66f8597ad76c9
   languageName: node
   linkType: hard
 
@@ -17122,9 +16860,9 @@ __metadata:
   linkType: hard
 
 "tapable@npm:^2.0.0, tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
-  version: 2.2.1
-  resolution: "tapable@npm:2.2.1"
-  checksum: 10c1/3835d697b2c9269546fd4971dbce9026a53d19207f90457085437f85c0abe809e83389e8a0e098bbba14af932d752905184bd87fad68818f275fcafc73ac4f2a
+  version: 2.2.2
+  resolution: "tapable@npm:2.2.2"
+  checksum: 10c1/87fee52177ff587369d76ff8a8ee94f90b8a7bf2b16ed9128130bd7ff7a6cb17a53b28c13833e3bc344533415ebbc40f368df8f65f04d4bc40e8832472ee1025
   languageName: node
   linkType: hard
 
@@ -17417,11 +17155,11 @@ __metadata:
   linkType: hard
 
 "tree-dump@npm:^1.0.1":
-  version: 1.0.2
-  resolution: "tree-dump@npm:1.0.2"
+  version: 1.0.3
+  resolution: "tree-dump@npm:1.0.3"
   peerDependencies:
     tslib: 2
-  checksum: 10c1/fbb190f064098b16541f8168b3ea31cc7bcab986c7dee03ae8631a7ec80ea6bb9ad4edd64ca8a0a057bceee5f4048dec8ae8bad8a116efda8060777363484990
+  checksum: 10c1/c49e7af32b097a316c029f3662ce967d361502259148f8b37417f9f4d98baac110c0639f0d3a501ad69c5223ddc614326f0f72987ace2b7337c7bccc2e6c215c
   languageName: node
   linkType: hard
 
@@ -17465,8 +17203,8 @@ __metadata:
   linkType: hard
 
 "ts-jest@npm:^29.0.5":
-  version: 29.3.3
-  resolution: "ts-jest@npm:29.3.3"
+  version: 29.3.4
+  resolution: "ts-jest@npm:29.3.4"
   dependencies:
     bs-logger: "npm:^0.2.6"
     ejs: "npm:^3.1.10"
@@ -17498,7 +17236,7 @@ __metadata:
       optional: true
   bin:
     ts-jest: cli.js
-  checksum: 10c1/ba465e96c89b28019f67a17e6843c6e9a9eefb3897b2fc096fba8b4706f92114e812a860032c8b180cdbb9d07573f33f96e4242c3faecb4edd135211358a20fa
+  checksum: 10c1/298e3d4b6dba4a6a1a07d59b03d72f076a307e4af28d2054e6b32e400b0869b77bb0560414cbb94f35a389c99040048d84b8207d3fd3353a5792c58763f4efb0
   languageName: node
   linkType: hard
 
@@ -17559,7 +17297,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.4.0, tslib@npm:^2.8.1":
+"tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.4.0":
   version: 2.8.1
   resolution: "tslib@npm:2.8.1"
   checksum: 10c1/22a6e86110cc6556a51eef13055c67961df40b8376ba34d5b3d608c671c9284e10d533cb077d6cd270bc3fffb30bd406644e33f83df6fae5de9c43d84fee54a6
@@ -17612,17 +17350,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-is@npm:^2.0.0, type-is@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "type-is@npm:2.0.1"
-  dependencies:
-    content-type: "npm:^1.0.5"
-    media-typer: "npm:^1.1.0"
-    mime-types: "npm:^3.0.0"
-  checksum: 10c1/2982ddcca2231d5e6b5e7b8a087744d82fb8a425487516102eca665e52d7a87053fa59ede6003a13c90d89d28d88cade80b36fedbbf7382302142fd659887ae0
-  languageName: node
-  linkType: hard
-
 "type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
@@ -18020,14 +17747,14 @@ __metadata:
   linkType: hard
 
 "use-isomorphic-layout-effect@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "use-isomorphic-layout-effect@npm:1.2.0"
+  version: 1.2.1
+  resolution: "use-isomorphic-layout-effect@npm:1.2.1"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
   peerDependenciesMeta:
     "@types/react":
       optional: true
-  checksum: 10c1/decd26ea500f6fa93319167b9b674532107c621ad7bf0e3ca79b5265289dc70e1979e49c4cb497595de1478706a0166bd43406378a0b1a6ce6143c02152ec311
+  checksum: 10c1/3bed041911b8aa1143e13e28331f6c8dcd1f9a8b8647a4a3a9d0b04dc882827e33b0bdb1e009f71b4b7dc0f7d1506b612f4cbbb5a66600d119b9a5e11070c77a
   languageName: node
   linkType: hard
 
@@ -18126,7 +17853,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vary@npm:^1, vary@npm:^1.1.2, vary@npm:~1.1.2":
+"vary@npm:~1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
   checksum: 10c1/9664fb39d625fdd82df935d5883ca6e1593203f47e49860e7d36e147908dec73753f5a0f59739f71df563c635e75a5d31a1330683373f0967df8a7dba1efd01a
@@ -18245,12 +17972,12 @@ __metadata:
   linkType: hard
 
 "watchpack@npm:^2.4.1":
-  version: 2.4.2
-  resolution: "watchpack@npm:2.4.2"
+  version: 2.4.3
+  resolution: "watchpack@npm:2.4.3"
   dependencies:
     glob-to-regexp: "npm:^0.4.1"
     graceful-fs: "npm:^4.1.2"
-  checksum: 10c1/badd7fb089b8f486055a8f17d783e54b96dcba6f3ad39bf481eab17d2d174b4a4cb68a659fe425d8c2c463589be41bf0cbd4686fc6fba6aafd6d03df17d9c8a1
+  checksum: 10c1/dadcdad5b7ef9aa7f94bde18560dd5fd1c81261ca07b444ae475c643931d2a838050a71e03705aa88cfb67097aa9ca61ac11b82c13085af66aeb5b1fa4340215
   languageName: node
   linkType: hard
 
@@ -18834,22 +18561,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"zod-to-json-schema@npm:^3.24.1":
-  version: 3.24.5
-  resolution: "zod-to-json-schema@npm:3.24.5"
-  peerDependencies:
-    zod: ^3.24.1
-  checksum: 10c1/f78198944e43dbf34cf9b588278a5f7c56617e4731a1ad7849558a5c22b8c9ce2e089b7434b0e6b5c410bb3eb7142e214df9ca47db357009442555a939c8d4ee
-  languageName: node
-  linkType: hard
-
-"zod@npm:^3.23.8, zod@npm:^3.24.2":
-  version: 3.24.4
-  resolution: "zod@npm:3.24.4"
-  checksum: 10c1/9573d5ca32ee8c8aaf5d44c4c40a118f5abe67abaa0786bcb0f71a89e9845536efeb0ad9dd5d81ef4c78727abd7d50af252ef527f12da9f71e57c768cee6b073
-  languageName: node
-  linkType: hard
-
 "zrender@npm:5.6.1":
   version: 5.6.1
   resolution: "zrender@npm:5.6.1"
diff --git a/spot/entrypoints/audio/index.html b/spot/entrypoints/audio/index.html
index 45000e227..5cdac81b9 100644
--- a/spot/entrypoints/audio/index.html
+++ b/spot/entrypoints/audio/index.html
@@ -8,10 +8,10 @@
     <link href="../../assets/main.css" rel="stylesheet" />
 </head>
 <body>
-    <div class="w-full h-screen flex flex-col justify-center items-center bg-indigo-50 p-10 gap-5">
-       
-            
-            
+    <div class="w-full h-screen flex flex-col justify-center items-center bg-indigo-lightest p-10 gap-5">
+
+
+
         <h1 class="font-bold text-4xl flex flex-col gap-2 items-start">
             <svg width="147" height="235" viewBox="0 0 147 235" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <g clip-path="url(#clip0_252_6)">
@@ -23,7 +23,7 @@
                 </clipPath>
                 </defs>
             </svg>
-                
+
             <span class="flex flex-col items-center">
                  <span class=" rounded-full w-12 h-12 shadow-sm mb-2 bg-white flex items-center p-2"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg></span>
             Allow microphone access
diff --git a/spot/entrypoints/content/SavingControls.tsx b/spot/entrypoints/content/SavingControls.tsx
index d79c84ed5..bbf1c2568 100644
--- a/spot/entrypoints/content/SavingControls.tsx
+++ b/spot/entrypoints/content/SavingControls.tsx
@@ -380,7 +380,7 @@ function SavingControls({
               ) : null}
               <div class={"flex items-center gap-2"}>
                 <div
-                  class={`${playing() ? "" : "bg-indigo-100"} cursor-pointer btn btn-ghost btn-circle btn-sm hover:bg-indigo-50 border border-slate-100`}
+                  class={`${playing() ? "" : "bg-indigo-100"} cursor-pointer btn btn-ghost btn-circle btn-sm hover:bg-indigo-lightest border border-slate-100`}
                 >
                   {playing() ? (
                     <div
diff --git a/spot/entrypoints/popup/Settings.tsx b/spot/entrypoints/popup/Settings.tsx
index 45b73e9af..72bd044ff 100644
--- a/spot/entrypoints/popup/Settings.tsx
+++ b/spot/entrypoints/popup/Settings.tsx
@@ -109,7 +109,7 @@ function Settings({ goBack }: { goBack: () => void }) {
     <div class={"flex flex-col"}>
       <div class={"flex gap-2 items-center justify-between p-4"}>
         <button
-          class="btn btn-xs btn-circle bg-white hover:bg-indigo-50"
+          class="btn btn-xs btn-circle bg-white hover:bg-indigo-lightest"
           onClick={goBack}
         >
           <img src={arrowLeft} alt={"Go back"} />
@@ -124,7 +124,7 @@ function Settings({ goBack }: { goBack: () => void }) {
       </div>
 
       <div class="flex flex-col">
-        <div class="p-4 border-b border-slate-300 hover:bg-indigo-50">
+        <div class="p-4 border-b border-slate-300 hover:bg-indigo-lightest">
           <div class="flex flex-row justify-between items-center">
             <p class="font-semibold mb-1 flex items-center">View Recording</p>
 
@@ -142,7 +142,7 @@ function Settings({ goBack }: { goBack: () => void }) {
           </p>
         </div>
 
-        <div class="flex flex-col border-b border-slate-300 cursor-default justify-between p-4 hover:bg-indigo-50">
+        <div class="flex flex-col border-b border-slate-300 cursor-default justify-between p-4 hover:bg-indigo-lightest">
           <div class="flex flex-row justify-between items-center">
             <p class="font-semibold mb-1 flex items-center">
               <span>Include DevTools</span>
@@ -164,7 +164,7 @@ function Settings({ goBack }: { goBack: () => void }) {
           </p>
         </div>
 
-        <div class="p-4 border-b border-slate-300 hover:bg-indigo-50 cursor-default">
+        <div class="p-4 border-b border-slate-300 hover:bg-indigo-lightest cursor-default">
           <div class="flex flex-row justify-between items-center">
             <p class="font-semibold mb-1 flex items-center">
               <span>Use Debugger</span>
@@ -185,7 +185,7 @@ function Settings({ goBack }: { goBack: () => void }) {
           </p>
         </div>
 
-        <div class="p-4 hover:bg-indigo-50 cursor-default">
+        <div class="p-4 hover:bg-indigo-lightest cursor-default">
           <div class="flex flex-row justify-between">
             <p class="font-semibold mb-1">Ingest Point</p>
             <div>
diff --git a/spot/entrypoints/popup/components/AudioPicker.tsx b/spot/entrypoints/popup/components/AudioPicker.tsx
index 627b5c840..9d24198eb 100644
--- a/spot/entrypoints/popup/components/AudioPicker.tsx
+++ b/spot/entrypoints/popup/components/AudioPicker.tsx
@@ -19,7 +19,7 @@ const AudioPicker: Component<AudioPickerProps> = (props) => {
   return (
     <div class="inline-flex items-center gap-1 text-xs">
       <div
-        class="p-1 cursor-pointer btn btn-xs bg-white hover:bg-indigo-50 pointer-events-auto tooltip tooltip-right text-sm font-normal"
+        class="p-1 cursor-pointer btn btn-xs bg-white hover:bg-indigo-lightest pointer-events-auto tooltip tooltip-right text-sm font-normal"
         data-tip={props.mic() ? "Switch Off Mic" : "Switch On Mic"}
         onClick={props.onMicToggle}
       >
diff --git a/spot/entrypoints/popup/components/Header.tsx b/spot/entrypoints/popup/components/Header.tsx
index ec6f9d5b8..4f194105b 100644
--- a/spot/entrypoints/popup/components/Header.tsx
+++ b/spot/entrypoints/popup/components/Header.tsx
@@ -35,7 +35,7 @@ const Header: Component<HeaderProps> = (props) => {
       <div class="ml-auto flex items-center gap-2">
         <div class="text-sm tooltip tooltip-bottom" data-tip="My Spots">
           <div onClick={openHomePage}>
-            <div class="cursor-pointer p-2 hover:bg-indigo-50 rounded-full">
+            <div class="cursor-pointer p-2 hover:bg-indigo-lightest rounded-full">
               <HomePageSvg />
             </div>
           </div>
@@ -50,7 +50,7 @@ const Header: Component<HeaderProps> = (props) => {
             target="_blank"
             rel="noopener noreferrer"
           >
-            <div class="cursor-pointer p-2 hover:bg-indigo-50 rounded-full">
+            <div class="cursor-pointer p-2 hover:bg-indigo-lightest rounded-full">
               <SlackSvg />
             </div>
           </a>
@@ -61,7 +61,7 @@ const Header: Component<HeaderProps> = (props) => {
           data-tip="Settings"
           onClick={props.openSettings}
         >
-          <div class="cursor-pointer p-2 hover:bg-indigo-50 rounded-full">
+          <div class="cursor-pointer p-2 hover:bg-indigo-lightest rounded-full">
             <SettingsSvg />
           </div>
         </div>