fix: admin model edit UI and admin email validation

- chat-header: open global model configs in edit mode for admin (was
  incorrectly opening as view-only)
- model-selector: remove opacity-0/hover — edit buttons always visible
  for admin instead of requiring hover
- LayoutDataProvider: add Admin nav item (ShieldCheck) visible only to
  superusers, linking to /admin/subscription-requests
- 126_seed_admin_user: change default email from admin@surfsense.local
  to admin@surfsense.app — pydantic rejects .local as reserved TLD,
  causing /users/me to return 500 for the admin account

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: deptrai

surfsense_backend/alembic/versions/126_seed_admin_user.py

@@ -6,7 +6,7 @@
 
 Seeds one admin user on fresh installs (no-op if any user already exists).
 Credentials are overridable via env vars:
-  ADMIN_EMAIL    (default: admin@surfsense.local)
+  ADMIN_EMAIL    (default: admin@surfsense.app)
   ADMIN_PASSWORD (default: Admin@SurfSense1)
 
 Admin is created with:
@@ -48,7 +48,7 @@ def upgrade() -> None:
     if result.fetchone() is not None:
         return  # Users already exist — skip seed
 
-    admin_email = os.environ.get("ADMIN_EMAIL", "admin@surfsense.local")
+    admin_email = os.environ.get("ADMIN_EMAIL", "admin@surfsense.app")
     admin_password = os.environ.get("ADMIN_PASSWORD", "Admin@SurfSense1")
     if not os.environ.get("ADMIN_PASSWORD"):
         print(

surfsense_web/components/layout/providers/LayoutDataProvider.tsx

@@ -8,6 +8,7 @@ import {
 	Inbox,
 	LogOut,
 	Megaphone,
+	ShieldCheck,
 	SquareLibrary,
 	Trash2,
 } from "lucide-react";
@@ -387,6 +388,14 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
 						icon: Coins,
 						isActive: pathname?.includes("/crypto"),
 					},
+					user?.is_superuser
+						? {
+								title: "Admin",
+								url: "/admin/subscription-requests",
+								icon: ShieldCheck,
+								isActive: pathname?.startsWith("/admin"),
+							}
+						: null,
 				] as (NavItem | null)[]
 			).filter((item): item is NavItem => item !== null),
 		[
@@ -398,6 +407,7 @@ export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProvid
 			announcementUnreadCount,
 			searchSpaceId,
 			pathname,
+			user,
 		]
 	);
 

surfsense_web/components/new-chat/chat-header.tsx

@@ -63,7 +63,7 @@ export function ChatHeader({ searchSpaceId, className }: ChatHeaderProps) {
 		(config: NewLLMConfigPublic | GlobalNewLLMConfig, global: boolean) => {
 			setSelectedConfig(config);
 			setIsGlobal(global);
-			setDialogMode(global ? "view" : "edit");
+			setDialogMode("edit");
 			setDialogOpen(true);
 		},
 		[]
@@ -93,7 +93,7 @@ export function ChatHeader({ searchSpaceId, className }: ChatHeaderProps) {
 		(config: ImageGenerationConfig | GlobalImageGenConfig, global: boolean) => {
 			setSelectedImageConfig(config);
 			setIsImageGlobal(global);
-			setImageDialogMode(global ? "view" : "edit");
+			setImageDialogMode("edit");
 			setImageDialogOpen(true);
 		},
 		[]
@@ -116,7 +116,7 @@ export function ChatHeader({ searchSpaceId, className }: ChatHeaderProps) {
 		(config: VisionLLMConfig | GlobalVisionLLMConfig, global: boolean) => {
 			setSelectedVisionConfig(config);
 			setIsVisionGlobal(global);
-			setVisionDialogMode(global ? "view" : "edit");
+			setVisionDialogMode("edit");
 			setVisionDialogOpen(true);
 		},
 		[]

surfsense_web/components/new-chat/model-selector.tsx

@@ -548,7 +548,7 @@ export function ModelSelector({
 															<Button
 																variant="ghost"
 																size="icon"
-																className="size-7 shrink-0 rounded-md hover:bg-muted opacity-0 group-hover:opacity-100 transition-opacity"
+																className="size-7 shrink-0 rounded-md hover:bg-muted transition-opacity"
 																onClick={(e) => handleEditLLMConfig(e, config, true)}
 															>
 																<Edit3 className="size-3.5 text-muted-foreground" />
@@ -613,7 +613,7 @@ export function ModelSelector({
 															<Button
 																variant="ghost"
 																size="icon"
-																className="size-7 shrink-0 rounded-md hover:bg-muted opacity-0 group-hover:opacity-100 transition-opacity"
+																className="size-7 shrink-0 rounded-md hover:bg-muted transition-opacity"
 																onClick={(e) => handleEditLLMConfig(e, config, false)}
 															>
 																<Edit3 className="size-3.5 text-muted-foreground" />
@@ -724,7 +724,7 @@ export function ModelSelector({
 															<Button
 																variant="ghost"
 																size="icon"
-																className="size-7 shrink-0 rounded-md hover:bg-muted opacity-0 group-hover:opacity-100 transition-opacity"
+																className="size-7 shrink-0 rounded-md hover:bg-muted transition-opacity"
 																onClick={(e) => {
 																	e.stopPropagation();
 																	setOpen(false);
@@ -780,7 +780,7 @@ export function ModelSelector({
 																<Button
 																	variant="ghost"
 																	size="icon"
-																	className="h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
+																	className="h-7 w-7 shrink-0 transition-opacity"
 																	onClick={(e) => {
 																		e.stopPropagation();
 																		setOpen(false);
@@ -894,7 +894,7 @@ export function ModelSelector({
 															<Button
 																variant="ghost"
 																size="icon"
-																className="size-7 shrink-0 rounded-md hover:bg-muted opacity-0 group-hover:opacity-100 transition-opacity"
+																className="size-7 shrink-0 rounded-md hover:bg-muted transition-opacity"
 																onClick={(e) => {
 																	e.stopPropagation();
 																	setOpen(false);
@@ -949,7 +949,7 @@ export function ModelSelector({
 																<Button
 																	variant="ghost"
 																	size="icon"
-																	className="h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
+																	className="h-7 w-7 shrink-0 transition-opacity"
 																	onClick={(e) => {
 																		e.stopPropagation();
 																		setOpen(false);