From b084814aea30151baf644041c1e1c0418265e1d2 Mon Sep 17 00:00:00 2001
From: henrygd <hank@henrygd.me>
Date: Thu, 28 Aug 2025 21:17:44 -0400
Subject: [PATCH] auth form: fix border style and add theme toggle

---
 beszel/site/src/components/login/login.tsx |  6 +++++-
 beszel/site/src/components/ui/input.tsx    | 10 ++++------
 supplemental/CHANGELOG.md                  | 10 ++++++++++
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/beszel/site/src/components/login/login.tsx b/beszel/site/src/components/login/login.tsx
index 6103efd..38e4754 100644
--- a/beszel/site/src/components/login/login.tsx
+++ b/beszel/site/src/components/login/login.tsx
@@ -8,6 +8,7 @@ import { $router } from "../router"
 import { AuthMethodsList } from "pocketbase"
 import { useTheme } from "../theme-provider"
 import { pb } from "@/lib/api"
+import { ModeToggle } from "../mode-toggle"
 
 export default function () {
 	const page = useStore($router)
@@ -50,8 +51,11 @@ export default function () {
 			<div
 				className="grid gap-5 w-full px-4 mx-auto"
 				// @ts-ignore
-				style={{ maxWidth: "22em", "--border": theme == "light" ? "30 8% 80%" : "220 3% 20%" }}
+				style={{ maxWidth: "22em", "--border": theme == "light" ? "hsl(30, 8%, 70%)" : "hsl(220, 3%, 25%)" }}
 			>
+				<div className="absolute top-3 right-3">
+					<ModeToggle />
+				</div>
 				<div className="text-center">
 					<h1 className="mb-3">
 						<Logo className="h-7 fill-foreground mx-auto" />
diff --git a/beszel/site/src/components/ui/input.tsx b/beszel/site/src/components/ui/input.tsx
index 1b86ae3..5639850 100644
--- a/beszel/site/src/components/ui/input.tsx
+++ b/beszel/site/src/components/ui/input.tsx
@@ -2,21 +2,19 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
-
-const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
 	return (
 		<input
 			type={type}
+			data-slot="input"
 			className={cn(
 				"flex h-10 w-full rounded-md border 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",
+				"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 				className
 			)}
-			ref={ref}
 			{...props}
 		/>
 	)
-})
-Input.displayName = "Input"
+}
 
 export { Input }
diff --git a/supplemental/CHANGELOG.md b/supplemental/CHANGELOG.md
index 6b78e52..304611d 100644
--- a/supplemental/CHANGELOG.md
+++ b/supplemental/CHANGELOG.md
@@ -1,3 +1,13 @@
+## 0.12.6
+
+- Add maximum 1 minute memory usage.
+
+- Add status filters to All Systems table.
+
+- Fix Safari system link CSS bug.
+
+- Use older cuda image for increased compatibility (#1103)
+
 ## 0.12.5
 
 - Downgrade `gopsutil` to `v4.25.6` to fix panic on FreeBSD (#1083)