From 03e38ab17898b6001ce902c9ad771ff684496e46 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Sun, 25 Jan 2026 16:16:09 +0530
Subject: [PATCH] chore: ran frontend linting

---
 .../[search_space_id]/client-layout.tsx       |  4 +-
 surfsense_web/atoms/ui/loading.atoms.ts       |  1 -
 .../components/bookstack-connect-form.tsx     |  1 -
 surfsense_web/components/homepage/navbar.tsx  |  8 ++-
 .../ui/dialogs/CreateSearchSpaceDialog.tsx    | 19 ++++++-
 .../layout/ui/sidebar/ChatListItem.tsx        |  9 ++-
 .../layout/ui/sidebar/SidebarUserProfile.tsx  | 56 ++++++++-----------
 .../new-chat/source-detail-panel.tsx          | 16 ++----
 .../providers/GlobalLoadingProvider.tsx       |  5 +-
 .../settings/general-settings-manager.tsx     |  9 +--
 .../components/settings/llm-role-manager.tsx  | 10 +---
 11 files changed, 68 insertions(+), 70 deletions(-)

diff --git a/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx b/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx
index b2af3a28a..e6730d8d1 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx
@@ -148,10 +148,10 @@ export function DashboardClientLayout({
 
 	// Determine if we should show loading
 	const shouldShowLoading =
-		((!hasCheckedOnboarding &&
+		(!hasCheckedOnboarding &&
 			(loading || accessLoading || globalConfigsLoading) &&
 			!isOnboardingPage) ||
-			isAutoConfiguring);
+		isAutoConfiguring;
 
 	// Use global loading screen - spinner animation won't reset
 	useGlobalLoadingEffect(
diff --git a/surfsense_web/atoms/ui/loading.atoms.ts b/surfsense_web/atoms/ui/loading.atoms.ts
index 6c6cac1a2..f10d9247b 100644
--- a/surfsense_web/atoms/ui/loading.atoms.ts
+++ b/surfsense_web/atoms/ui/loading.atoms.ts
@@ -28,4 +28,3 @@ export const showGlobalLoadingAtom = atom(
 export const hideGlobalLoadingAtom = atom(null, (get, set) => {
 	set(globalLoadingAtom, { isLoading: false, message: undefined, variant: "default" });
 });
-
diff --git a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/bookstack-connect-form.tsx b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/bookstack-connect-form.tsx
index 789e23787..65edb095c 100644
--- a/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/bookstack-connect-form.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/bookstack-connect-form.tsx
@@ -296,7 +296,6 @@ export const BookStackConnectForm: FC<ConnectFormProps> = ({ onSubmit, isSubmitt
 					</ul>
 				</div>
 			)}
-
 		</div>
 	);
 };
diff --git a/surfsense_web/components/homepage/navbar.tsx b/surfsense_web/components/homepage/navbar.tsx
index 2a8820bd6..c83d3556a 100644
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@@ -1,5 +1,11 @@
 "use client";
-import { IconBrandDiscord, IconBrandGithub, IconBrandReddit, IconMenu2, IconX } from "@tabler/icons-react";
+import {
+	IconBrandDiscord,
+	IconBrandGithub,
+	IconBrandReddit,
+	IconMenu2,
+	IconX,
+} from "@tabler/icons-react";
 import { AnimatePresence, motion } from "motion/react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
diff --git a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
index c0f92b440..63a430004 100644
--- a/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
+++ b/surfsense_web/components/layout/ui/dialogs/CreateSearchSpaceDialog.tsx
@@ -107,7 +107,12 @@ export function CreateSearchSpaceDialog({ open, onOpenChange }: CreateSearchSpac
 								<FormItem>
 									<FormLabel className="text-sm">{t("name_label")}</FormLabel>
 									<FormControl>
-										<Input placeholder={t("name_placeholder")} {...field} autoFocus className="text-sm h-9 sm:h-10" />
+										<Input
+											placeholder={t("name_placeholder")}
+											{...field}
+											autoFocus
+											className="text-sm h-9 sm:h-10"
+										/>
 									</FormControl>
 									<FormMessage />
 								</FormItem>
@@ -126,7 +131,11 @@ export function CreateSearchSpaceDialog({ open, onOpenChange }: CreateSearchSpac
 										</span>
 									</FormLabel>
 									<FormControl>
-										<Input placeholder={t("description_placeholder")} {...field} className="text-sm h-9 sm:h-10" />
+										<Input
+											placeholder={t("description_placeholder")}
+											{...field}
+											className="text-sm h-9 sm:h-10"
+										/>
 									</FormControl>
 									<FormMessage />
 								</FormItem>
@@ -143,7 +152,11 @@ export function CreateSearchSpaceDialog({ open, onOpenChange }: CreateSearchSpac
 							>
 								{tCommon("cancel")}
 							</Button>
-							<Button type="submit" disabled={isSubmitting} className="w-full sm:w-auto h-9 sm:h-10 text-sm">
+							<Button
+								type="submit"
+								disabled={isSubmitting}
+								className="w-full sm:w-auto h-9 sm:h-10 text-sm"
+							>
 								{isSubmitting ? (
 									<>
 										<Spinner size="sm" className="mr-1.5" />
diff --git a/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx b/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
index 12def741b..6db6782d0 100644
--- a/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
@@ -21,7 +21,14 @@ interface ChatListItemProps {
 	onDelete?: () => void;
 }
 
-export function ChatListItem({ name, isActive, archived, onClick, onArchive, onDelete }: ChatListItemProps) {
+export function ChatListItem({
+	name,
+	isActive,
+	archived,
+	onClick,
+	onArchive,
+	onDelete,
+}: ChatListItemProps) {
 	const t = useTranslations("sidebar");
 
 	return (
diff --git a/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx b/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx
index 66fe24565..7c96b1dcb 100644
--- a/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/SidebarUserProfile.tsx
@@ -202,9 +202,7 @@ export function SidebarUserProfile({
 												>
 													<Icon className="mr-2 h-4 w-4" />
 													<span className="flex-1">{t(themeOption.value)}</span>
-													{isSelected && (
-														<Check className="h-4 w-4 shrink-0" />
-													)}
+													{isSelected && <Check className="h-4 w-4 shrink-0" />}
 												</DropdownMenuItem>
 											);
 										})}
@@ -234,9 +232,7 @@ export function SidebarUserProfile({
 											>
 												<span className="mr-2">{language.flag}</span>
 												<span className="flex-1">{language.name}</span>
-												{isSelected && (
-													<Check className="h-4 w-4 shrink-0" />
-												)}
+												{isSelected && <Check className="h-4 w-4 shrink-0" />}
 											</DropdownMenuItem>
 										);
 									})}
@@ -308,29 +304,27 @@ export function SidebarUserProfile({
 								{t("theme")}
 							</DropdownMenuSubTrigger>
 							<DropdownMenuPortal>
-							<DropdownMenuSubContent className="gap-1">
-								{THEMES.map((themeOption) => {
-									const Icon = themeOption.icon;
-									const isSelected = theme === themeOption.value;
-									return (
-										<DropdownMenuItem
-											key={themeOption.value}
-											onClick={() => handleThemeChange(themeOption.value)}
-											className={cn(
-												"mb-1 last:mb-0 transition-all",
-												"hover:bg-accent/50",
-												isSelected && "text-primary"
-											)}
-										>
-											<Icon className="mr-2 h-4 w-4" />
-											<span className="flex-1">{t(themeOption.value)}</span>
-											{isSelected && (
-												<Check className="h-4 w-4 shrink-0" />
-											)}
-										</DropdownMenuItem>
-									);
-								})}
-							</DropdownMenuSubContent>
+								<DropdownMenuSubContent className="gap-1">
+									{THEMES.map((themeOption) => {
+										const Icon = themeOption.icon;
+										const isSelected = theme === themeOption.value;
+										return (
+											<DropdownMenuItem
+												key={themeOption.value}
+												onClick={() => handleThemeChange(themeOption.value)}
+												className={cn(
+													"mb-1 last:mb-0 transition-all",
+													"hover:bg-accent/50",
+													isSelected && "text-primary"
+												)}
+											>
+												<Icon className="mr-2 h-4 w-4" />
+												<span className="flex-1">{t(themeOption.value)}</span>
+												{isSelected && <Check className="h-4 w-4 shrink-0" />}
+											</DropdownMenuItem>
+										);
+									})}
+								</DropdownMenuSubContent>
 							</DropdownMenuPortal>
 						</DropdownMenuSub>
 					)}
@@ -356,9 +350,7 @@ export function SidebarUserProfile({
 										>
 											<span className="mr-2">{language.flag}</span>
 											<span className="flex-1">{language.name}</span>
-											{isSelected && (
-												<Check className="h-4 w-4 shrink-0" />
-											)}
+											{isSelected && <Check className="h-4 w-4 shrink-0" />}
 										</DropdownMenuItem>
 									);
 								})}
diff --git a/surfsense_web/components/new-chat/source-detail-panel.tsx b/surfsense_web/components/new-chat/source-detail-panel.tsx
index 1cac73a01..087d9b775 100644
--- a/surfsense_web/components/new-chat/source-detail-panel.tsx
+++ b/surfsense_web/components/new-chat/source-detail-panel.tsx
@@ -1,15 +1,7 @@
 "use client";
 
 import { useQuery } from "@tanstack/react-query";
-import {
-	BookOpen,
-	ChevronDown,
-	ExternalLink,
-	FileText,
-	Hash,
-	Sparkles,
-	X,
-} from "lucide-react";
+import { BookOpen, ChevronDown, ExternalLink, FileText, Hash, Sparkles, X } from "lucide-react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import { useTranslations } from "next-intl";
 import type React from "react";
@@ -384,8 +376,10 @@ export function SourceDetailPanel({
 									animate={{ opacity: 1, scale: 1 }}
 									className="flex flex-col items-center gap-4"
 								>
-									<Spinner size="lg"/>
-									<p className="text-sm text-muted-foreground font-medium">{t("loading_document")}</p>
+									<Spinner size="lg" />
+									<p className="text-sm text-muted-foreground font-medium">
+										{t("loading_document")}
+									</p>
 								</motion.div>
 							</div>
 						)}
diff --git a/surfsense_web/components/providers/GlobalLoadingProvider.tsx b/surfsense_web/components/providers/GlobalLoadingProvider.tsx
index fe816b316..e72f2b876 100644
--- a/surfsense_web/components/providers/GlobalLoadingProvider.tsx
+++ b/surfsense_web/components/providers/GlobalLoadingProvider.tsx
@@ -30,8 +30,8 @@ export function GlobalLoadingProvider({ children }: { children: React.ReactNode
 		<div
 			className={cn(
 				"fixed inset-0 z-[9999]",
-				isLoading 
-					? "opacity-100 pointer-events-auto" 
+				isLoading
+					? "opacity-100 pointer-events-auto"
 					: "opacity-0 pointer-events-none transition-opacity duration-150"
 			)}
 			aria-hidden={!isLoading}
@@ -77,4 +77,3 @@ export function GlobalLoadingProvider({ children }: { children: React.ReactNode
 		</>
 	);
 }
-
diff --git a/surfsense_web/components/settings/general-settings-manager.tsx b/surfsense_web/components/settings/general-settings-manager.tsx
index fb82a8fdf..b2f93402a 100644
--- a/surfsense_web/components/settings/general-settings-manager.tsx
+++ b/surfsense_web/components/settings/general-settings-manager.tsx
@@ -111,8 +111,8 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 			<Alert className="py-3 md:py-4">
 				<Info className="h-3 w-3 md:h-4 md:w-4 shrink-0" />
 				<AlertDescription className="text-xs md:text-sm">
-					Update your search space name and description. These details help identify and organize your
-					workspace.
+					Update your search space name and description. These details help identify and organize
+					your workspace.
 				</AlertDescription>
 			</Alert>
 
@@ -144,9 +144,7 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 					<div className="space-y-1.5 md:space-y-2">
 						<Label htmlFor="search-space-description" className="text-sm md:text-base font-medium">
 							{t("general_description_label")}{" "}
-							<span className="text-muted-foreground font-normal">
-								({tCommon("optional")})
-							</span>
+							<span className="text-muted-foreground font-normal">({tCommon("optional")})</span>
 						</Label>
 						<Input
 							id="search-space-description"
@@ -197,4 +195,3 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 		</div>
 	);
 }
-
diff --git a/surfsense_web/components/settings/llm-role-manager.tsx b/surfsense_web/components/settings/llm-role-manager.tsx
index 6e600defe..649507d77 100644
--- a/surfsense_web/components/settings/llm-role-manager.tsx
+++ b/surfsense_web/components/settings/llm-role-manager.tsx
@@ -1,15 +1,7 @@
 "use client";
 
 import { useAtomValue } from "jotai";
-import {
-	AlertCircle,
-	Bot,
-	CheckCircle,
-	FileText,
-	RefreshCw,
-	RotateCcw,
-	Save,
-} from "lucide-react";
+import { AlertCircle, Bot, CheckCircle, FileText, RefreshCw, RotateCcw, Save } from "lucide-react";
 import { motion } from "motion/react";
 import { useEffect, useState } from "react";
 import { toast } from "sonner";