diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index c600a3c2..6f39dfd7 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -108,7 +108,17 @@ jobs:
         run: pnpm install
 
       - name: ⚡ Run vitest
-        run: pnpm exec vitest --coverage
+        run: pnpm run test:coverage
+
+      - name: 📊 Coverage summary
+        run: |
+          node -e "const summary=require('./coverage/coverage-summary.json').total; const pct=(value)=>typeof value==='number'?value.toFixed(1):value; const lines=pct(summary.lines.pct); const functions=pct(summary.functions.pct); const branches=pct(summary.branches.pct); const statements=pct(summary.statements.pct); const row='| Metric | Coverage |\n| --- | --- |\n| Lines | '+lines+'% |\n| Functions | '+functions+'% |\n| Branches | '+branches+'% |\n| Statements | '+statements+'% |\n'; console.log('## Coverage\n'); console.log(row);" >> "$GITHUB_STEP_SUMMARY"
+
+      - name: 📦 Upload coverage artifact
+        uses: actions/upload-artifact@v7
+        with:
+          name: vitest-coverage
+          path: coverage
 
   # cypress:
   #   name: ⚫️ Cypress
diff --git a/.gitignore b/.gitignore
index 1cab40f0..bd43c540 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,4 @@ node_modules
 /cypress/screenshots
 /cypress/videos
 /postgres-data
+/coverage
diff --git a/README.md b/README.md
index b880074a..009e6326 100644
--- a/README.md
+++ b/README.md
@@ -39,6 +39,12 @@ This repository uses commitizen. Commit code changes for pr's with `pnpm run com
 
 Use `pnpm` for the root project and commit `pnpm-lock.yaml`. Do not regenerate a root `package-lock.json`.
 
+## 🧪 Testing
+
+- Run the monitor-focused unit and integration layers with `pnpm run test:monitor`
+- Run full Vitest coverage with `pnpm run test:coverage`
+- Coverage reports are written to `coverage/` as HTML, LCOV, and JSON summary files, and CI uploads the same directory as an artifact
+
 ## 🏆 Credits
 
 Atlas System was originally created and made open source by the Riverside Healthcare Analytics team. See the [credits](https://www.atlas.bi/about/) for more details.
diff --git a/app/components/ui/alert.tsx b/app/components/ui/alert.tsx
index f10fc26b..980987f6 100644
--- a/app/components/ui/alert.tsx
+++ b/app/components/ui/alert.tsx
@@ -3,7 +3,7 @@ import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
 const alertVariants = cva(
-	"relative w-full rounded-lg border p-4 [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+	"relative w-full rounded-lg border p-4 has-[svg]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
 	{
 		variants: {
 			variant: {
diff --git a/app/components/ui/badge.tsx b/app/components/ui/badge.tsx
index 24cd1701..b15a86d2 100644
--- a/app/components/ui/badge.tsx
+++ b/app/components/ui/badge.tsx
@@ -3,7 +3,7 @@ import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
 const badgeVariants = cva(
-	"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+	"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
 	{
 		variants: {
 			variant: {
diff --git a/app/components/ui/button.tsx b/app/components/ui/button.tsx
index 71325cde..22a5a785 100644
--- a/app/components/ui/button.tsx
+++ b/app/components/ui/button.tsx
@@ -4,7 +4,7 @@ import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
 const buttonVariants = cva(
-	"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+	"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 	{
 		variants: {
 			variant: {
diff --git a/app/components/ui/checkbox.tsx b/app/components/ui/checkbox.tsx
index ce47b6f1..8c5f8658 100644
--- a/app/components/ui/checkbox.tsx
+++ b/app/components/ui/checkbox.tsx
@@ -12,7 +12,7 @@ const Checkbox = React.forwardRef<
 	<CheckboxPrimitive.Root
 		ref={ref}
 		className={cn(
-			"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+			"peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/command.tsx b/app/components/ui/command.tsx
index 34a2dd86..3ec189f3 100644
--- a/app/components/ui/command.tsx
+++ b/app/components/ui/command.tsx
@@ -28,7 +28,7 @@ const CommandDialog = ({ children, ...props }: CommandDialogProps) => {
 	return (
 		<Dialog {...props}>
 			<DialogContent className="overflow-hidden p-0 shadow-lg">
-				<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+				<Command className="**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
 					{children}
 				</Command>
 			</DialogContent>
@@ -41,7 +41,7 @@ const CommandDialogDynamic = ({ children, ...props }: CommandDialogProps) => {
 			<DialogContent className="overflow-hidden p-0 shadow-lg">
 				<Command
 					shouldFilter={false}
-					className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
+					className="**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 **:[[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 **:[[cmdk-input]]:h-12 **:[[cmdk-item]]:px-2 **:[[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
 				>
 					{children}
 				</Command>
@@ -58,7 +58,7 @@ const CommandInput = React.forwardRef<
 		<CommandPrimitive.Input
 			ref={ref}
 			className={cn(
-				"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+				"flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
 				className,
 			)}
 			{...props}
@@ -101,7 +101,7 @@ const CommandGroup = React.forwardRef<
 	<CommandPrimitive.Group
 		ref={ref}
 		className={cn(
-			"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+			"overflow-hidden p-1 text-foreground **:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:py-1.5 **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground",
 			className,
 		)}
 		{...props}
@@ -129,7 +129,7 @@ const CommandItem = React.forwardRef<
 	<CommandPrimitive.Item
 		ref={ref}
 		className={cn(
-			"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden aria-selected:bg-accent aria-selected:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/dialog.tsx b/app/components/ui/dialog.tsx
index 31df8465..2b36745b 100644
--- a/app/components/ui/dialog.tsx
+++ b/app/components/ui/dialog.tsx
@@ -27,7 +27,7 @@ const DialogOverlay = React.forwardRef<
 	<DialogPrimitive.Overlay
 		ref={ref}
 		className={cn(
-			"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			"fixed inset-0 z-50 bg-background/80 backdrop-blur-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 			className,
 		)}
 		{...props}
@@ -50,7 +50,7 @@ const DialogContent = React.forwardRef<
 			{...props}
 		>
 			{children}
-			<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+			<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
 				<X className="h-4 w-4" />
 				<span className="sr-only">Close</span>
 			</DialogPrimitive.Close>
diff --git a/app/components/ui/dropdown-menu.tsx b/app/components/ui/dropdown-menu.tsx
index c9cfac3a..01b039f5 100644
--- a/app/components/ui/dropdown-menu.tsx
+++ b/app/components/ui/dropdown-menu.tsx
@@ -26,7 +26,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
 	<DropdownMenuPrimitive.SubTrigger
 		ref={ref}
 		className={cn(
-			"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+			"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent",
 			inset && "pl-8",
 			className,
 		)}
@@ -46,7 +46,7 @@ const DropdownMenuSubContent = React.forwardRef<
 	<DropdownMenuPrimitive.SubContent
 		ref={ref}
 		className={cn(
-			"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+			"z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 			className,
 		)}
 		{...props}
@@ -64,7 +64,7 @@ const DropdownMenuContent = React.forwardRef<
 			ref={ref}
 			sideOffset={sideOffset}
 			className={cn(
-				"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+				"z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 				className,
 			)}
 			{...props}
@@ -82,7 +82,7 @@ const DropdownMenuItem = React.forwardRef<
 	<DropdownMenuPrimitive.Item
 		ref={ref}
 		className={cn(
-			"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
 			inset && "pl-8",
 			className,
 		)}
@@ -98,7 +98,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
 	<DropdownMenuPrimitive.CheckboxItem
 		ref={ref}
 		className={cn(
-			"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
 			className,
 		)}
 		checked={checked}
@@ -122,7 +122,7 @@ const DropdownMenuRadioItem = React.forwardRef<
 	<DropdownMenuPrimitive.RadioItem
 		ref={ref}
 		className={cn(
-			"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/input.tsx b/app/components/ui/input.tsx
index 0464fbbb..869ef3b1 100644
--- a/app/components/ui/input.tsx
+++ b/app/components/ui/input.tsx
@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
 			<input
 				type={type}
 				className={cn(
-					"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+					"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 					className,
 				)}
 				ref={ref}
diff --git a/app/components/ui/multiselect.tsx b/app/components/ui/multiselect.tsx
index 00d624dd..e33128a8 100644
--- a/app/components/ui/multiselect.tsx
+++ b/app/components/ui/multiselect.tsx
@@ -93,7 +93,7 @@ export function MultiSelect({
 									)}
 									{item.label}
 									<button
-										className="ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+										className="ml-1 ring-offset-background rounded-full outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2"
 										onKeyDown={(e) => {
 											if (e.key === "Enter") {
 												handleUnselect(item);
@@ -119,7 +119,7 @@ export function MultiSelect({
 							onBlur={() => setOpen(false)}
 							onFocus={() => setOpen(true)}
 							placeholder={placeholder}
-							className="ml-0 bg-transparent outline-none placeholder:text-muted-foreground flex-1"
+							className="ml-0 bg-transparent outline-hidden placeholder:text-muted-foreground flex-1"
 						/>
 					</div>
 				</div>
@@ -132,7 +132,7 @@ export function MultiSelect({
 					}}
 				>
 					{open && selectables.length > 0 ? (
-						<div className="absolute w-full top-0 rounded-md border bg-popover text-popover-foreground shadow-md outline-none animate-in">
+						<div className="absolute w-full top-0 rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden animate-in">
 							{/*<CommandEmpty>No results found.</CommandEmpty>*/}
 							<CommandGroup className="h-full overflow-auto max-h-[400px]">
 								{selectables.map((framework) => {
diff --git a/app/components/ui/navigation-menu.tsx b/app/components/ui/navigation-menu.tsx
index 5aae2f13..d62790db 100644
--- a/app/components/ui/navigation-menu.tsx
+++ b/app/components/ui/navigation-menu.tsx
@@ -40,7 +40,7 @@ NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
 const NavigationMenuItem = NavigationMenuPrimitive.Item;
 
 const navigationMenuTriggerStyle = cva(
-	"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50",
+	"group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-active:bg-accent/50 data-[state=open]:bg-accent/50",
 );
 
 const NavigationMenuTrigger = React.forwardRef<
@@ -54,7 +54,7 @@ const NavigationMenuTrigger = React.forwardRef<
 	>
 		{children}{" "}
 		<ChevronDown
-			className="relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
+			className="relative top-px ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180"
 			aria-hidden="true"
 		/>
 	</NavigationMenuPrimitive.Trigger>
@@ -85,7 +85,7 @@ const NavigationMenuViewport = React.forwardRef<
 	<div className={cn("absolute left-0 top-full flex justify-center")}>
 		<NavigationMenuPrimitive.Viewport
 			className={cn(
-				"origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+				"origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-(--radix-navigation-menu-viewport-width)",
 				className,
 			)}
 			ref={ref}
@@ -103,7 +103,7 @@ const NavigationMenuIndicator = React.forwardRef<
 	<NavigationMenuPrimitive.Indicator
 		ref={ref}
 		className={cn(
-			"top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+			"top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/popover.tsx b/app/components/ui/popover.tsx
index 7b81f6b0..95037012 100644
--- a/app/components/ui/popover.tsx
+++ b/app/components/ui/popover.tsx
@@ -18,7 +18,7 @@ const PopoverContent = React.forwardRef<
 			align={align}
 			sideOffset={sideOffset}
 			className={cn(
-				"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+				"z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 				className,
 			)}
 			{...props}
diff --git a/app/components/ui/scroll-area.tsx b/app/components/ui/scroll-area.tsx
index 4d30fa98..35288231 100644
--- a/app/components/ui/scroll-area.tsx
+++ b/app/components/ui/scroll-area.tsx
@@ -33,9 +33,9 @@ const ScrollBar = React.forwardRef<
 		className={cn(
 			"flex touch-none select-none transition-colors",
 			orientation === "vertical" &&
-				"h-full w-2.5 border-l border-l-transparent p-[1px]",
+				"h-full w-2.5 border-l border-l-transparent p-px",
 			orientation === "horizontal" &&
-				"h-2.5 border-t border-t-transparent p-[1px]",
+				"h-2.5 border-t border-t-transparent p-px",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/select.tsx b/app/components/ui/select.tsx
index 9d9c4a60..8dd24eb9 100644
--- a/app/components/ui/select.tsx
+++ b/app/components/ui/select.tsx
@@ -18,7 +18,7 @@ const SelectTrigger = React.forwardRef<
 	<SelectPrimitive.Trigger
 		ref={ref}
 		className={cn(
-			"flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+			"flex h-10 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 			className,
 		)}
 		{...props}
@@ -39,7 +39,7 @@ const SelectContent = React.forwardRef<
 		<SelectPrimitive.Content
 			ref={ref}
 			className={cn(
-				"relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+				"relative z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
 				position === "popper" &&
 					"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
 				className,
@@ -51,7 +51,7 @@ const SelectContent = React.forwardRef<
 				className={cn(
 					"p-1",
 					position === "popper" &&
-						"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
+						"h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)",
 				)}
 			>
 				{children}
@@ -80,7 +80,7 @@ const SelectItemNoIndicator = React.forwardRef<
 	<SelectPrimitive.Item
 		ref={ref}
 		className={cn(
-			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 px-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 px-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
 			className,
 		)}
 		{...props}
@@ -97,7 +97,7 @@ const SelectItem = React.forwardRef<
 	<SelectPrimitive.Item
 		ref={ref}
 		className={cn(
-			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+			"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/separator.tsx b/app/components/ui/separator.tsx
index 9815afcf..c73f2b5c 100644
--- a/app/components/ui/separator.tsx
+++ b/app/components/ui/separator.tsx
@@ -18,7 +18,7 @@ const Separator = React.forwardRef<
 			orientation={orientation}
 			className={cn(
 				"shrink-0 bg-border",
-				orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+				orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
 				className,
 			)}
 			{...props}
diff --git a/app/components/ui/sheet.tsx b/app/components/ui/sheet.tsx
index eb0bb576..a23a9fd7 100644
--- a/app/components/ui/sheet.tsx
+++ b/app/components/ui/sheet.tsx
@@ -29,7 +29,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<SheetPrimitive.Overlay
 		className={cn(
-			"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+			"fixed inset-0 z-50 bg-background/80 backdrop-blur-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 			className,
 		)}
 		{...props}
@@ -73,7 +73,7 @@ const SheetContent = React.forwardRef<
 			{...props}
 		>
 			{children}
-			<SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
+			<SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
 				<X className="h-4 w-4" />
 				<span className="sr-only">Close</span>
 			</SheetPrimitive.Close>
diff --git a/app/components/ui/switch.tsx b/app/components/ui/switch.tsx
index 6b1ece0f..a8ecf013 100644
--- a/app/components/ui/switch.tsx
+++ b/app/components/ui/switch.tsx
@@ -11,7 +11,7 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<SwitchPrimitives.Root
 		className={cn(
-			"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+			"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/table.tsx b/app/components/ui/table.tsx
index 199f0448..6f80ead4 100644
--- a/app/components/ui/table.tsx
+++ b/app/components/ui/table.tsx
@@ -69,7 +69,7 @@ const TableHead = React.forwardRef<
 	<th
 		ref={ref}
 		className={cn(
-			"h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+			"h-12 px-4 text-left align-middle font-medium text-muted-foreground has-[[role=checkbox]]:pr-0",
 			className,
 		)}
 		{...props}
@@ -83,7 +83,7 @@ const TableCell = React.forwardRef<
 >(({ className, ...props }, ref) => (
 	<td
 		ref={ref}
-		className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
+		className={cn("p-4 align-middle has-[[role=checkbox]]:pr-0", className)}
 		{...props}
 	/>
 ));
diff --git a/app/components/ui/tabs.tsx b/app/components/ui/tabs.tsx
index 20938087..37a54a42 100644
--- a/app/components/ui/tabs.tsx
+++ b/app/components/ui/tabs.tsx
@@ -29,7 +29,7 @@ const TabsTrigger = React.forwardRef<
 	<TabsPrimitive.Trigger
 		ref={ref}
 		className={cn(
-			"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+			"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-xs",
 			className,
 		)}
 		{...props}
@@ -44,7 +44,7 @@ const TabsContent = React.forwardRef<
 	<TabsPrimitive.Content
 		ref={ref}
 		className={cn(
-			"mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+			"mt-2 ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
 			className,
 		)}
 		{...props}
diff --git a/app/components/ui/textarea.tsx b/app/components/ui/textarea.tsx
index beb5b612..3be66400 100644
--- a/app/components/ui/textarea.tsx
+++ b/app/components/ui/textarea.tsx
@@ -9,7 +9,7 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
 		return (
 			<textarea
 				className={cn(
-					"flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+					"flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
 					className,
 				)}
 				ref={ref}
diff --git a/app/monitors/http.server.test.ts b/app/monitors/http.server.test.ts
new file mode 100644
index 00000000..e4ab9a93
--- /dev/null
+++ b/app/monitors/http.server.test.ts
@@ -0,0 +1,125 @@
+// @vitest-environment node
+
+import type { AxiosRequestConfig, AxiosResponse } from "axios";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+
+const requestMock =
+	vi.fn<(args: AxiosRequestConfig) => Promise<Partial<AxiosResponse>>>();
+const ntlmClientMock =
+	vi.fn<() => (args: AxiosRequestConfig) => Promise<Partial<AxiosResponse>>>();
+
+vi.mock("axios", () => ({
+	default: {
+		request: requestMock,
+	},
+	request: requestMock,
+}));
+
+vi.mock("axios-ntlm", () => ({
+	NtlmClient: ntlmClientMock,
+}));
+
+vi.mock("~/notifications/notifier", () => ({
+	default: vi.fn(),
+}));
+
+vi.mock("~/models/monitor.server", () => ({
+	monitorError: vi.fn(),
+	updateMonitor: vi.fn(),
+	setFeedError: vi.fn(),
+}));
+
+vi.mock("@/lib/utils", () => ({
+	decrypt: vi.fn((value: string) => `decrypted:${value}`),
+}));
+
+describe("HttpCheck", () => {
+	beforeEach(() => {
+		requestMock.mockReset();
+		ntlmClientMock.mockReset();
+	});
+
+	afterEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it("builds a basic-auth JSON request for axios", async () => {
+		requestMock.mockResolvedValue({
+			status: 200,
+			data: { ok: true },
+			request: { res: { socket: { getPeerCertificate: vi.fn() } } },
+		});
+
+		const { HttpCheck } = await import("./http.server");
+
+		await HttpCheck({
+			httpAuthentication: "basic",
+			httpUsername: "atlas",
+			httpPassword: "secret",
+			httpUrl: "https://atlas.test/health",
+			httpMethod: "POST",
+			httpBody: JSON.stringify({ alive: true }),
+			httpHeaders: JSON.stringify({ "X-Test": "1" }),
+			httpAcceptedStatusCodes: ["200s"],
+		});
+
+		expect(requestMock).toHaveBeenCalledTimes(1);
+		const options = requestMock.mock.calls[0][0];
+		expect(options.url).toBe("https://atlas.test/health");
+		expect(options.method).toBe("post");
+		expect(options.data).toEqual({ alive: true });
+		expect(options.headers).toMatchObject({
+			Authorization:
+				"Basic " + Buffer.from("atlas:decrypted:secret").toString("base64"),
+			"Content-Type": "application/json",
+			"X-Test": "1",
+		});
+		expect(options.validateStatus?.(204)).toBe(true);
+		expect(options.validateStatus?.(500)).toBe(false);
+	});
+
+	it("uses the NTLM client when configured", async () => {
+		const ntlmRequest = vi.fn().mockResolvedValue({
+			status: 200,
+			data: { ok: true },
+			request: { res: { socket: { getPeerCertificate: vi.fn() } } },
+		});
+		ntlmClientMock.mockReturnValue(ntlmRequest);
+
+		const { HttpCheck } = await import("./http.server");
+
+		await HttpCheck({
+			httpAuthentication: "ntlm",
+			httpUsername: "atlas",
+			httpPassword: "secret",
+			httpDomain: "ATLAS",
+			httpWorkstation: "monitor-box",
+			httpUrl: "https://atlas.test/ntlm",
+			httpMethod: "GET",
+		});
+
+		expect(ntlmClientMock).toHaveBeenCalledWith({
+			username: "atlas",
+			password: "decrypted:secret",
+			domain: "ATLAS",
+			workstation: "monitor-box",
+		});
+		expect(ntlmRequest).toHaveBeenCalledTimes(1);
+		expect(requestMock).not.toHaveBeenCalled();
+	});
+
+	it("fails for invalid JSON bodies before any request is sent", async () => {
+		const { HttpCheck } = await import("./http.server");
+
+		await expect(
+			HttpCheck({
+				httpUrl: "https://atlas.test/health",
+				httpBodyEncoding: "json",
+				httpBody: "{not-valid-json}",
+			}),
+		).rejects.toThrow("JSON body is invalid.");
+
+		expect(requestMock).not.toHaveBeenCalled();
+		expect(ntlmClientMock).not.toHaveBeenCalled();
+	});
+});
diff --git a/app/monitors/monitor.integration.test.ts b/app/monitors/monitor.integration.test.ts
new file mode 100644
index 00000000..3ce1c000
--- /dev/null
+++ b/app/monitors/monitor.integration.test.ts
@@ -0,0 +1,77 @@
+// @vitest-environment node
+
+import http from "node:http";
+import net from "node:net";
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+vi.mock("~/notifications/notifier", () => ({
+	default: vi.fn(),
+}));
+
+vi.mock("~/models/monitor.server", () => ({
+	monitorError: vi.fn(),
+	updateMonitor: vi.fn(),
+	setFeedError: vi.fn(),
+}));
+
+const serversToClose: Array<http.Server | net.Server> = [];
+
+afterEach(async () => {
+	await Promise.all(
+		serversToClose.splice(0).map(
+			(server) =>
+				new Promise<void>((resolve, reject) => {
+					server.close((error) => {
+						if (error) reject(error);
+						else resolve();
+					});
+				}),
+		),
+	);
+});
+
+function listen(server: http.Server | net.Server) {
+	serversToClose.push(server);
+	return new Promise<number>((resolve, reject) => {
+		server.listen(0, "127.0.0.1", () => {
+			const address = server.address();
+			if (!address || typeof address === "string") {
+				reject(new Error("Failed to resolve test server port."));
+				return;
+			}
+			resolve(address.port);
+		});
+		server.once("error", reject);
+	});
+}
+
+describe("monitor transport integrations", () => {
+	it("checks a live HTTP endpoint", async () => {
+		const server = http.createServer((_req, res) => {
+			res.writeHead(204);
+			res.end();
+		});
+		const port = await listen(server);
+		const { HttpCheck } = await import("./http.server");
+
+		const { res } = await HttpCheck({
+			httpUrl: `http://127.0.0.1:${port}/health`,
+			httpAcceptedStatusCodes: ["200s"],
+		});
+
+		expect(res.status).toBe(204);
+	});
+
+	it("checks an open TCP port", async () => {
+		const server = net.createServer((socket) => socket.end());
+		const port = await listen(server);
+		const { TcpCheck } = await import("./tcp.server");
+
+		const result = await TcpCheck({
+			address: "127.0.0.1",
+			port,
+		});
+
+		expect(result.avg).toBeGreaterThanOrEqual(0);
+	});
+});
diff --git a/app/monitors/tcp.server.test.ts b/app/monitors/tcp.server.test.ts
new file mode 100644
index 00000000..b7285c43
--- /dev/null
+++ b/app/monitors/tcp.server.test.ts
@@ -0,0 +1,45 @@
+// @vitest-environment node
+
+import { describe, expect, it, vi } from "vitest";
+
+const pingMock = vi.fn();
+
+vi.mock("tcp-ping", () => ({
+	default: {
+		ping: pingMock,
+	},
+}));
+
+vi.mock("~/notifications/notifier", () => ({
+	default: vi.fn(),
+}));
+
+vi.mock("~/models/monitor.server", () => ({
+	monitorError: vi.fn(),
+	updateMonitor: vi.fn(),
+}));
+
+describe("TcpCheck", () => {
+	it("delegates to tcp-ping with a single attempt", async () => {
+		pingMock.mockImplementation(
+			(
+				_options: { address: string; port: number; attempts: number },
+				callback: (error: null, data: { avg: number }) => void,
+			) => callback(null, { avg: 12 }),
+		);
+
+		const { TcpCheck } = await import("./tcp.server");
+
+		await expect(
+			TcpCheck({
+				address: "127.0.0.1",
+				port: 8080,
+			}),
+		).resolves.toEqual({ avg: 12 });
+
+		expect(pingMock).toHaveBeenCalledWith(
+			{ address: "127.0.0.1", port: 8080, attempts: 1 },
+			expect.any(Function),
+		);
+	});
+});
diff --git a/app/queues/monitor.server.test.ts b/app/queues/monitor.server.test.ts
new file mode 100644
index 00000000..6b9089d8
--- /dev/null
+++ b/app/queues/monitor.server.test.ts
@@ -0,0 +1,98 @@
+// @vitest-environment node
+
+import { beforeEach, describe, expect, it, vi } from "vitest";
+
+const queueMock = vi.fn(
+	(_name: string, handler: (job: string) => Promise<void>) => {
+		return handler;
+	},
+);
+const getMonitorMock = vi.fn();
+const windowsMonitorMock = vi.fn();
+const ubuntuMonitorMock = vi.fn();
+const httpMonitorMock = vi.fn();
+const sqlServerMonitorMock = vi.fn();
+const tcpMonitorMock = vi.fn();
+
+vi.mock("quirrel/remix", () => ({
+	Queue: queueMock,
+}));
+
+vi.mock("~/models/monitor.server", () => ({
+	getMonitor: getMonitorMock,
+}));
+
+vi.mock("~/monitors/windows.server", () => ({
+	default: windowsMonitorMock,
+}));
+
+vi.mock("~/monitors/ubuntu.server", () => ({
+	default: ubuntuMonitorMock,
+}));
+
+vi.mock("~/monitors/http.server", () => ({
+	default: httpMonitorMock,
+}));
+
+vi.mock("~/monitors/sqlServer.server", () => ({
+	default: sqlServerMonitorMock,
+}));
+
+vi.mock("~/monitors/tcp.server", () => ({
+	default: tcpMonitorMock,
+}));
+
+describe("monitor queue", () => {
+	beforeEach(() => {
+		queueMock.mockClear();
+		getMonitorMock.mockReset();
+		windowsMonitorMock.mockReset();
+		ubuntuMonitorMock.mockReset();
+		httpMonitorMock.mockReset();
+		sqlServerMonitorMock.mockReset();
+		tcpMonitorMock.mockReset();
+	});
+
+	it("dispatches http monitors to the HTTP runner", async () => {
+		getMonitorMock.mockResolvedValue({ id: "1", type: "http" });
+		const queueHandler = (await import("./monitor.server")).default;
+
+		await queueHandler("1");
+
+		expect(queueMock).toHaveBeenCalledWith(
+			"queues/monitor",
+			expect.any(Function),
+		);
+		expect(httpMonitorMock).toHaveBeenCalledWith({
+			monitor: { id: "1", type: "http" },
+		});
+		expect(sqlServerMonitorMock).not.toHaveBeenCalled();
+		expect(tcpMonitorMock).not.toHaveBeenCalled();
+	});
+
+	it("dispatches sqlServer monitors to the SQL runner", async () => {
+		getMonitorMock.mockResolvedValue({ id: "2", type: "sqlServer" });
+		const queueHandler = (await import("./monitor.server")).default;
+
+		await queueHandler("2");
+
+		expect(sqlServerMonitorMock).toHaveBeenCalledWith({
+			monitor: { id: "2", type: "sqlServer" },
+		});
+		expect(httpMonitorMock).not.toHaveBeenCalled();
+		expect(tcpMonitorMock).not.toHaveBeenCalled();
+	});
+
+	it("returns without dispatch when the monitor is missing", async () => {
+		getMonitorMock.mockResolvedValue(null);
+		const queueHandler = (await import("./monitor.server")).default;
+
+		await expect(queueHandler("missing")).resolves.toBeUndefined();
+
+		expect(windowsMonitorMock).not.toHaveBeenCalled();
+		expect(ubuntuMonitorMock).not.toHaveBeenCalled();
+		expect(httpMonitorMock).not.toHaveBeenCalled();
+		expect(sqlServerMonitorMock).not.toHaveBeenCalled();
+		expect(tcpMonitorMock).not.toHaveBeenCalled();
+	});
+});
diff --git a/app/routes/_auth.$monitorType/table_columns.tsx b/app/routes/_auth.$monitorType/table_columns.tsx
index ba6aa961..8254b089 100644
--- a/app/routes/_auth.$monitorType/table_columns.tsx
+++ b/app/routes/_auth.$monitorType/table_columns.tsx
@@ -255,7 +255,7 @@ export const columnsPing: ColumnDef<any>[] = [
 													x.hasError
 														? "bg-red-300 border-red-400"
 														: "bg-emerald-600 border-emerald-700"
-												} border-1 rounded h-3 w-3 my-auto`}
+												} border rounded h-3 w-3 my-auto`}
 											></div>
 
 											<strong>{x.ping}ms</strong>
diff --git a/app/routes/_auth.$monitorType_.$monitorId._index/drive.tsx b/app/routes/_auth.$monitorType_.$monitorId._index/drive.tsx
index 75a63147..45114c85 100644
--- a/app/routes/_auth.$monitorType_.$monitorId._index/drive.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId._index/drive.tsx
@@ -67,7 +67,7 @@ export const MiniDrive = ({
 			to={`/${monitor.type}/${monitor.id}/drive/${drive.id}`}
 			prefetch="intent"
 			key={drive.id}
-			className={`transition-colors flex space-x-4 border rounded-md py-2 px-4 cursor-pointer hover:shadow hover:shadow-sky-200 ${
+			className={`transition-colors flex space-x-4 border rounded-md py-2 px-4 cursor-pointer hover:shadow-sm hover:shadow-sky-200 ${
 				!drive.enabled || !drive.online ? "opacity-50 hover:opacity-100" : ""
 			}`}
 		>
@@ -117,8 +117,8 @@ export const MiniDrive = ({
 				)}
 			</div>
 
-			<div className="space-y-2 flex-grow min-w-[1px]">
-				<H3 className="space-x-2 flex-shrink-0">
+			<div className="space-y-2 grow min-w-px">
+				<H3 className="space-x-2 shrink-0">
 					{drive.title ? (
 						<>
 							<span>{drive.title}</span>
diff --git a/app/routes/_auth.$monitorType_.$monitorId._index/responseTime.tsx b/app/routes/_auth.$monitorType_.$monitorId._index/responseTime.tsx
index 6d2bdf50..4c161546 100644
--- a/app/routes/_auth.$monitorType_.$monitorId._index/responseTime.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId._index/responseTime.tsx
@@ -28,14 +28,14 @@ export function PingStat({ url }: { url: string }) {
 
 	return (
 		<div
-			className={`transition-colors flex flex-row-reverse space-x-1 space-x-reverse my-auto min-w-[1px]`}
+			className={`transition-colors flex flex-row-reverse space-x-1 space-x-reverse my-auto min-w-px`}
 		>
 			{pingFetcher.data?.feeds?.map((x: any) => (
 				<TooltipProvider key={x.id} delayDuration={20} skipDelayDuration={20}>
 					<Tooltip>
 						<TooltipTrigger asChild>
 							<div
-								className={`flex-shrink-0 transition-all w-2 h-4 hover:scale-125 rounded ${
+								className={`shrink-0 transition-all w-2 h-4 hover:scale-125 rounded ${
 									x.hasError ? "bg-red-300" : "bg-emerald-600"
 								}`}
 							></div>
@@ -48,7 +48,7 @@ export function PingStat({ url }: { url: string }) {
 											x.hasError
 												? "bg-red-300 border-red-400"
 												: "bg-emerald-600 border-emerald-700"
-										} border-1 rounded h-3 w-3 my-auto`}
+										} border rounded h-3 w-3 my-auto`}
 									></div>
 
 									{x.ping && <strong>{x.ping}ms</strong>}
diff --git a/app/routes/_auth.$monitorType_.$monitorId._index/route.tsx b/app/routes/_auth.$monitorType_.$monitorId._index/route.tsx
index 2d725b2e..d8ba69d6 100644
--- a/app/routes/_auth.$monitorType_.$monitorId._index/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId._index/route.tsx
@@ -101,7 +101,7 @@ export default function Index() {
 			<div className="flex flex-wrap justify-between">
 				<H1 className="space-x-2 flex">
 					{monitor.enabled === false ? (
-						<span className="!text-slate-400">(Disabled)</span>
+						<span className="text-slate-400!">(Disabled)</span>
 					) : monitor.hasError ? (
 						<AlertTriangle className="text-red-500 my-auto" size={18} />
 					) : (
diff --git a/app/routes/_auth.$monitorType_.$monitorId._index/sql.tsx b/app/routes/_auth.$monitorType_.$monitorId._index/sql.tsx
index bbfea3e3..3caf59f8 100644
--- a/app/routes/_auth.$monitorType_.$monitorId._index/sql.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId._index/sql.tsx
@@ -25,7 +25,7 @@ type MonitorLike = {
 
 export const SqlSystem = ({ monitor }: { monitor: MonitorLike }) => {
 	return (
-		<div className="space-y-2 flex-grow">
+		<div className="space-y-2 grow">
 			<Table>
 				<TableBody>
 					{monitor.name && (
diff --git a/app/routes/_auth.$monitorType_.$monitorId._index/ssh.tsx b/app/routes/_auth.$monitorType_.$monitorId._index/ssh.tsx
index 46978be7..db8bf4a6 100644
--- a/app/routes/_auth.$monitorType_.$monitorId._index/ssh.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId._index/ssh.tsx
@@ -39,7 +39,7 @@ export const SshSystem = ({ monitor }: { monitor: MonitorLike }) => {
 		}
 	}, [feedFetcher.state, feedFetcher.data, monitor.type, monitor.id]);
 	return (
-		<div className="space-y-2 flex-grow">
+		<div className="space-y-2 grow">
 			<Table>
 				<TableBody>
 					<TableRow>
diff --git a/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId/route.tsx b/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId/route.tsx
index 323935ab..4ea32c39 100644
--- a/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId/route.tsx
@@ -116,7 +116,7 @@ export default function Index() {
 
 			<H1 className="space-x-2">
 				{database.enabled === false && (
-					<span className="!text-slate-400">(Disabled)</span>
+					<span className="text-slate-400!">(Disabled)</span>
 				)}
 				{database.title ? (
 					<>
@@ -130,7 +130,7 @@ export default function Index() {
 
 			<div className="space-y-4 pb-4">
 				<div className="text-muted-foreground">{database.description}</div>
-				<div className="space-y-2 flex-grow">
+				<div className="space-y-2 grow">
 					<Table>
 						<TableBody>
 							<TableRow>
diff --git a/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId/route.tsx b/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId/route.tsx
index 56c08bc6..1babc246 100644
--- a/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId/route.tsx
@@ -113,13 +113,13 @@ export default function Index() {
 
 			<H1 className="space-x-2">
 				{file.enabled === false && (
-					<span className="!text-slate-400">(Disabled)</span>
+					<span className="text-slate-400!">(Disabled)</span>
 				)}
 				<span>{file.fileName}</span>
 			</H1>
 
 			<div className="space-y-4 pb-4">
-				<div className="space-y-2 flex-grow">
+				<div className="space-y-2 grow">
 					<Table>
 						<TableBody>
 							<TableRow>
diff --git a/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId_.notifications/route.tsx b/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId_.notifications/route.tsx
index 620b9c13..087c894c 100644
--- a/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId_.notifications/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId.database.$databaseId_.file.$fileId_.notifications/route.tsx
@@ -86,7 +86,7 @@ export default function Index() {
 				<div className=" rounded-lg border p-4 max-w-[500px]">
 					<div className="space-y-2">
 						<div className="space-y-2 flex justify-between">
-							<div className="flex-grow">
+							<div className="grow">
 								<H3 className="text-2xl">Free Space</H3>
 								<div className="text-muted-foreground pb-2">
 									Recieve notification when files free space meets certain
diff --git a/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId/route.tsx b/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId/route.tsx
index a1105ab0..40dbaea0 100644
--- a/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId/route.tsx
@@ -114,7 +114,7 @@ export default function Index() {
 			<div className="flex flex-wrap justify-between">
 				<H1 className="space-x-2 flex">
 					{drive.enabled === false ? (
-						<span className="!text-slate-400">(Disabled)</span>
+						<span className="text-slate-400!">(Disabled)</span>
 					) : drive.hasError || !drive.online ? (
 						<AlertTriangle className="text-red-500 my-auto" size={18} />
 					) : (
@@ -139,7 +139,7 @@ export default function Index() {
 			</div>
 			<div className="space-y-4 pb-4">
 				<div className="text-muted-foreground">{drive.description}</div>
-				<div className="space-y-2 flex-grow">
+				<div className="space-y-2 grow">
 					<Table>
 						<TableBody>
 							<TableRow>
diff --git a/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId_.notifications/route.tsx b/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId_.notifications/route.tsx
index b301f57f..8b0d89ce 100644
--- a/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId_.notifications/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId.drive.$driveId_.notifications/route.tsx
@@ -154,7 +154,7 @@ export default function Index() {
 									perc ? "" : "opacity-50 text-slate-600"
 								}`}
 							>
-								<div className="flex-grow">
+								<div className="grow">
 									<Label className="text-base">Percentage</Label>
 
 									<div className="text-muted-foreground pb-2">
@@ -210,7 +210,7 @@ export default function Index() {
 										}`}
 									>
 										<div className={`flex justify-between `}>
-											<div className='flex-grow"'>
+											<div className='grow"'>
 												<Label className="text-slate-700">
 													Resend Frequency (Minutes)
 												</Label>
diff --git a/app/routes/_auth.$monitorType_.$monitorId.notifications/route.tsx b/app/routes/_auth.$monitorType_.$monitorId.notifications/route.tsx
index b2e174df..c4eda8e1 100644
--- a/app/routes/_auth.$monitorType_.$monitorId.notifications/route.tsx
+++ b/app/routes/_auth.$monitorType_.$monitorId.notifications/route.tsx
@@ -169,7 +169,7 @@ export default function Index() {
 					<div className=" rounded-lg border p-4 max-w-[500px]">
 						<div className="space-y-2">
 							<div className="space-y-2 flex justify-between">
-								<div className="flex-grow">
+								<div className="grow">
 									<H3 className="text-2xl">Data Collection</H3>
 									<div className="text-muted-foreground pb-2">
 										Recieve notification when data collection fails.
@@ -232,7 +232,7 @@ export default function Index() {
 										}`}
 									>
 										<div className={`flex justify-between `}>
-											<div className='flex-grow"'>
+											<div className='grow"'>
 												<Label className="text-slate-700">
 													Resend Frequency (Minutes)
 												</Label>
@@ -262,7 +262,7 @@ export default function Index() {
 						<div className=" rounded-lg border p-4 max-w-[500px]">
 							<div className="space-y-2">
 								<div className="space-y-2 flex justify-between">
-									<div className="flex-grow">
+									<div className="grow">
 										<H3 className="text-2xl">Reboot</H3>
 										<div className="text-muted-foreground pb-2">
 											Recieve notification when server reboots.
@@ -317,7 +317,7 @@ export default function Index() {
 							<div className=" rounded-lg border p-4 max-w-[500px]">
 								<div className="space-y-2">
 									<div className="space-y-2 flex justify-between">
-										<div className="flex-grow">
+										<div className="grow">
 											<H3 className="text-2xl">Certificate</H3>
 											<div className="text-muted-foreground pb-2">
 												Recieve notification when certificate is invalid or near
@@ -370,7 +370,7 @@ export default function Index() {
 												}`}
 											>
 												<div className={`flex justify-between `}>
-													<div className='flex-grow"'>
+													<div className='grow"'>
 														<Label className="text-slate-700">
 															Resend Frequency (Minutes)
 														</Label>
@@ -415,7 +415,7 @@ export default function Index() {
 										perc ? "" : "opacity-50 text-slate-600"
 									}`}
 								>
-									<div className="flex-grow">
+									<div className="grow">
 										<Label className="text-base">Percentage</Label>
 
 										<div className="text-muted-foreground pb-2">
@@ -474,7 +474,7 @@ export default function Index() {
 											}`}
 										>
 											<div className={`flex justify-between `}>
-												<div className='flex-grow"'>
+												<div className='grow"'>
 													<Label className="text-slate-700">
 														Resend Frequency (Minutes)
 													</Label>
diff --git a/biome.json b/biome.json
index 46d216ab..361c0e75 100644
--- a/biome.json
+++ b/biome.json
@@ -1,5 +1,5 @@
 {
-	"$schema": "https://biomejs.dev/schemas/2.4.11/schema.json",
+	"$schema": "https://biomejs.dev/schemas/2.4.16/schema.json",
 	"files": {
 		"includes": [
 			"**",
diff --git a/package.json b/package.json
index cc05faab..2fb46c29 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "atlas-system",
-	"packageManager": "pnpm@11.2.2",
+	"packageManager": "pnpm@11.4.0",
 	"private": true,
 	"sideEffects": false,
 	"scripts": {
@@ -32,6 +32,10 @@
 		"start": "cross-env NODE_ENV=production node ./build/server.js",
 		"start:mocks": "cross-env NODE_ENV=test DISABLE_BACKGROUND_SERVICES=1 node --require ./mocks --require dotenv/config ./build/server.js",
 		"test": "vitest run",
+		"test:coverage": "vitest run --coverage",
+		"test:monitor": "run-s test:monitor:unit test:monitor:integration",
+		"test:monitor:unit": "vitest run app/monitors/http.server.test.ts app/monitors/tcp.server.test.ts app/queues/monitor.server.test.ts",
+		"test:monitor:integration": "vitest run app/monitors/monitor.integration.test.ts",
 		"test:e2e:dev": "start-server-and-test dev http://localhost:3000 \"pnpm exec cypress open\"",
 		"pretest:e2e:run": "pnpm run build",
 		"test:e2e:run": "cross-env PORT=8811 start-server-and-test start:mocks http://localhost:8811 \"pnpm exec cypress run\"",
@@ -81,10 +85,10 @@
 		"@remix-run/express": "^2.17.4",
 		"@remix-run/node": "^2.17.4",
 		"@remix-run/react": "^2.17.4",
+		"@tailwindcss/postcss": "^4.3.0",
 		"@tanstack/react-table": "^8.9.3",
 		"@tediousjs/connection-string": "^1.0.0",
 		"asynckit": "^0.5.0",
-		"autoprefixer": "^10.4.15",
 		"axios": "^1.5.0",
 		"axios-ntlm": "^1.4.1",
 		"bcryptjs": "^3.0.0",
@@ -119,8 +123,7 @@
 		"mssql": "^12.0.0",
 		"node-ssh": "^13.1.0",
 		"nodemailer": "^8.0.0",
-		"npm-run-all2": "^8.0.0",
-		"postcss-import": "^16.0.0",
+		"npm-run-all2": "^9.0.0",
 		"prisma": "^6.0.0",
 		"proxy-from-env": "^2.0.0",
 		"quirrel": "^1.13.4",
@@ -128,29 +131,29 @@
 		"react-chartjs-2": "^5.2.0",
 		"react-dom": "^19.0.0",
 		"react-hook-form": "^7.45.4",
-		"remix-auth": "^3.5.1",
-		"remix-auth-form": "^1.3.0",
+		"remix-auth": "^4.0.0",
+		"remix-auth-form": "^3.0.0",
 		"remix-auth-saml": "^1.2.0",
 		"remix-utils": "^9.0.0",
 		"secure-webhooks": "^0.3.0",
 		"sharp": "^0.34.0",
 		"slugify": "^1.6.6",
 		"tailwind-merge": "^3.0.0",
-		"tailwindcss": "^3.3.3",
+		"tailwindcss": "^4.3.0",
 		"tailwindcss-animate": "^1.0.6",
 		"tcp-ping": "^0.1.1",
 		"tiny-invariant": "^1.3.1",
 		"zod": "^4.0.0"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.0.0",
+		"@biomejs/biome": "2.4.16",
 		"@faker-js/faker": "^10.0.0",
 		"@semantic-release/changelog": "6.0.3",
-		"@semantic-release/commit-analyzer": "^12.0.0",
+		"@semantic-release/commit-analyzer": "^13.0.0",
 		"@semantic-release/exec": "7.1.0",
 		"@semantic-release/git": "10.0.1",
 		"@semantic-release/github": "^12.0.0",
-		"@semantic-release/npm": "^12.0.0",
+		"@semantic-release/npm": "^13.0.0",
 		"@semantic-release/release-notes-generator": "^14.0.0",
 		"@testing-library/cypress": "^10.0.0",
 		"@testing-library/jest-dom": "^6.1.2",
@@ -174,7 +177,7 @@
 		"msw": "^2.0.0",
 		"open-cli": "^9.0.0",
 		"postcss": "^8.4.28",
-		"react-email": "6.1.1",
+		"react-email": "6.5.0",
 		"semantic-release": "^25.0.0",
 		"start-server-and-test": "^3.0.0",
 		"ts-node": "^10.9.1",
@@ -195,5 +198,5 @@
 			"biome check --write"
 		]
 	},
-	"version": "1.44.10"
+	"version": "2.0.50"
 }
diff --git a/postcss.config.js b/postcss.config.js
index 76488423..769de0b0 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,7 +1,5 @@
 module.exports = {
 	plugins: {
-		"postcss-import": {},
-		tailwindcss: {},
-		autoprefixer: {},
+		"@tailwindcss/postcss": {},
 	},
 };
diff --git a/release.config.js b/release.config.js
index 3f7e0742..51f7c0d2 100644
--- a/release.config.js
+++ b/release.config.js
@@ -20,7 +20,7 @@ const config = {
 			"@semantic-release/exec",
 			{
 				prepareCmd:
-					"tar -czvf build.tar.gz pnpm-workspace.yaml package.json pnpm-lock.yaml build app lib prisma public styles .env.example CHANGELOG.md README.md remix.config.js remix.env.d.ts server.ts tailwind.config.ts tsconfig.json postcss.config.js",
+					"tar -czvf build.tar.gz pnpm-workspace.yaml package.json pnpm-lock.yaml build app lib prisma public styles .env.example CHANGELOG.md README.md remix.config.js remix.env.d.ts server.ts tsconfig.json postcss.config.js",
 			},
 		],
 		[
diff --git a/styles/globals.css b/styles/globals.css
index c3cacdc9..ac68155e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,6 +1,90 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@plugin "tailwindcss-animate";
+
+@custom-variant dark (&:is(.dark *));
+
+@utility container {
+	margin-inline: auto;
+	padding-inline: 2rem;
+	@media (width >= --theme(--breakpoint-sm)) {
+		max-width: none;
+	}
+	@media (width >= 1400px) {
+		max-width: 1400px;
+	}
+}
+
+@theme {
+	--color-border: hsl(var(--border));
+	--color-input: hsl(var(--input));
+	--color-ring: hsl(var(--ring));
+	--color-background: hsl(var(--background));
+	--color-foreground: hsl(var(--foreground));
+
+	--color-primary: hsl(var(--primary));
+	--color-primary-foreground: hsl(var(--primary-foreground));
+
+	--color-secondary: hsl(var(--secondary));
+	--color-secondary-foreground: hsl(var(--secondary-foreground));
+
+	--color-destructive: hsl(var(--destructive));
+	--color-destructive-foreground: hsl(var(--destructive-foreground));
+
+	--color-muted: hsl(var(--muted));
+	--color-muted-foreground: hsl(var(--muted-foreground));
+
+	--color-accent: hsl(var(--accent));
+	--color-accent-foreground: hsl(var(--accent-foreground));
+
+	--color-popover: hsl(var(--popover));
+	--color-popover-foreground: hsl(var(--popover-foreground));
+
+	--color-card: hsl(var(--card));
+	--color-card-foreground: hsl(var(--card-foreground));
+
+	--radius-lg: var(--radius);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-sm: calc(var(--radius) - 4px);
+
+	--animate-accordion-down: accordion-down 0.2s ease-out;
+	--animate-accordion-up: accordion-up 0.2s ease-out;
+
+	@keyframes accordion-down {
+		from {
+			height: 0;
+		}
+		to {
+			height: var(--radix-accordion-content-height);
+		}
+	}
+	@keyframes accordion-up {
+		from {
+			height: var(--radix-accordion-content-height);
+		}
+		to {
+			height: 0;
+		}
+	}
+}
+
+/*
+  The default border color has changed to `currentcolor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+	*,
+	::after,
+	::before,
+	::backdrop,
+	::file-selector-button {
+		border-color: var(--color-gray-200, currentcolor);
+	}
+}
 
 @layer base {
 	:root {
diff --git a/tailwind.config.ts b/tailwind.config.ts
deleted file mode 100644
index b0614121..00000000
--- a/tailwind.config.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-	darkMode: ["class"],
-	content: [
-		"./pages/**/*.{ts,tsx}",
-		"./components/**/*.{ts,tsx}",
-		"./app/**/*.{ts,tsx}",
-		"./src/**/*.{ts,tsx}",
-	],
-	theme: {
-		container: {
-			center: true,
-			padding: "2rem",
-			screens: {
-				"2xl": "1400px",
-			},
-		},
-		extend: {
-			colors: {
-				border: "hsl(var(--border))",
-				input: "hsl(var(--input))",
-				ring: "hsl(var(--ring))",
-				background: "hsl(var(--background))",
-				foreground: "hsl(var(--foreground))",
-				primary: {
-					DEFAULT: "hsl(var(--primary))",
-					foreground: "hsl(var(--primary-foreground))",
-				},
-				secondary: {
-					DEFAULT: "hsl(var(--secondary))",
-					foreground: "hsl(var(--secondary-foreground))",
-				},
-				destructive: {
-					DEFAULT: "hsl(var(--destructive))",
-					foreground: "hsl(var(--destructive-foreground))",
-				},
-				muted: {
-					DEFAULT: "hsl(var(--muted))",
-					foreground: "hsl(var(--muted-foreground))",
-				},
-				accent: {
-					DEFAULT: "hsl(var(--accent))",
-					foreground: "hsl(var(--accent-foreground))",
-				},
-				popover: {
-					DEFAULT: "hsl(var(--popover))",
-					foreground: "hsl(var(--popover-foreground))",
-				},
-				card: {
-					DEFAULT: "hsl(var(--card))",
-					foreground: "hsl(var(--card-foreground))",
-				},
-			},
-			borderRadius: {
-				lg: "var(--radius)",
-				md: "calc(var(--radius) - 2px)",
-				sm: "calc(var(--radius) - 4px)",
-			},
-			keyframes: {
-				"accordion-down": {
-					from: { height: 0 },
-					to: { height: "var(--radix-accordion-content-height)" },
-				},
-				"accordion-up": {
-					from: { height: "var(--radix-accordion-content-height)" },
-					to: { height: 0 },
-				},
-			},
-			animation: {
-				"accordion-down": "accordion-down 0.2s ease-out",
-				"accordion-up": "accordion-up 0.2s ease-out",
-			},
-		},
-	},
-	plugins: [require("tailwindcss-animate")],
-};
diff --git a/test/saml-idp b/test/saml-idp
index a0bc7035..5c726484 160000
--- a/test/saml-idp
+++ b/test/saml-idp
@@ -1 +1 @@
-Subproject commit a0bc70351fc7473996ffae85c7b40844831f0a9a
+Subproject commit 5c726484166c1dbf6bf044e5151894458d082bcf
diff --git a/vitest.config.ts b/vitest.config.ts
index b8b19b3f..fb9927d6 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -20,5 +20,10 @@ module.exports = {
 			".*\\/build\\/.*",
 			".*\\/postgres-data\\/.*",
 		],
+		coverage: {
+			provider: "v8",
+			reporter: ["text", "json-summary", "html", "lcov"],
+			reportsDirectory: "./coverage",
+		},
 	},
 };