chore: ran backend and frontend linting

surfsense_web/components/chat-comments/comment-sheet/comment-sheet.tsx

@@ -1,7 +1,13 @@
 "use client";
 
 import { MessageSquare } from "lucide-react";
-import { Drawer, DrawerContent, DrawerHandle, DrawerHeader, DrawerTitle } from "@/components/ui/drawer";
+import {
+	Drawer,
+	DrawerContent,
+	DrawerHandle,
+	DrawerHeader,
+	DrawerTitle,
+} from "@/components/ui/drawer";
 import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
 import { cn } from "@/lib/utils";
 import { CommentPanelContainer } from "../comment-panel-container/comment-panel-container";

surfsense_web/components/layout/providers/LayoutDataProvider.tsx

@@ -87,20 +87,16 @@ export function LayoutDataProvider({
 
 	// Inbox hook
 	const userId = user?.id ? String(user.id) : null;
-	const { 
-		inboxItems, 
-		unreadCount, 
-		loading: inboxLoading, 
+	const {
+		inboxItems,
+		unreadCount,
+		loading: inboxLoading,
 		loadingMore: inboxLoadingMore,
 		hasMore: inboxHasMore,
 		loadMore: inboxLoadMore,
-		markAsRead, 
-		markAllAsRead 
-	} = useInbox(
-		userId,
-		Number(searchSpaceId) || null,
-		null
-	);
+		markAsRead,
+		markAllAsRead,
+	} = useInbox(userId, Number(searchSpaceId) || null, null);
 
 	// Delete dialogs state
 	const [showDeleteChatDialog, setShowDeleteChatDialog] = useState(false);

surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx

@@ -280,7 +280,9 @@ export function AllPrivateChatsSidebar({
 										<span className="w-full inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg hover:bg-muted transition-colors">
 											<MessageCircleMore className="h-4 w-4" />
 											<span>Active</span>
-											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">{activeCount}</span>
+											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">
+												{activeCount}
+											</span>
 										</span>
 									</TabsTrigger>
 									<TabsTrigger
@@ -290,7 +292,9 @@ export function AllPrivateChatsSidebar({
 										<span className="w-full inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg hover:bg-muted transition-colors">
 											<ArchiveIcon className="h-4 w-4" />
 											<span>Archived</span>
-											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">{archivedCount}</span>
+											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">
+												{archivedCount}
+											</span>
 										</span>
 									</TabsTrigger>
 								</TabsList>

surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx

@@ -280,7 +280,9 @@ export function AllSharedChatsSidebar({
 										<span className="w-full inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg hover:bg-muted transition-colors">
 											<MessageCircleMore className="h-4 w-4" />
 											<span>Active</span>
-											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">{activeCount}</span>
+											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">
+												{activeCount}
+											</span>
 										</span>
 									</TabsTrigger>
 									<TabsTrigger
@@ -290,7 +292,9 @@ export function AllSharedChatsSidebar({
 										<span className="w-full inline-flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg hover:bg-muted transition-colors">
 											<ArchiveIcon className="h-4 w-4" />
 											<span>Archived</span>
-											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">{archivedCount}</span>
+											<span className="inline-flex items-center justify-center min-w-5 h-5 px-1.5 rounded-full bg-primary/20 text-muted-foreground text-xs font-medium">
+												{archivedCount}
+											</span>
 										</span>
 									</TabsTrigger>
 								</TabsList>

surfsense_web/components/shared/llm-config-form.tsx

@@ -551,7 +551,9 @@ export function LLMConfigForm({
 							render={({ field }) => (
 								<FormItem className="flex items-center justify-between rounded-lg border p-3 bg-muted/30">
 									<div className="space-y-0.5">
-										<FormLabel className="text-xs sm:text-sm font-medium">Enable Citations</FormLabel>
+										<FormLabel className="text-xs sm:text-sm font-medium">
+											Enable Citations
+										</FormLabel>
 										<FormDescription className="text-[10px] sm:text-xs">
 											Include [citation:id] references to source documents
 										</FormDescription>

surfsense_web/components/ui/drawer.tsx

@@ -9,12 +9,7 @@ function Drawer({
 	shouldScaleBackground = true,
 	...props
 }: React.ComponentProps<typeof DrawerPrimitive.Root>) {
-	return (
-		<DrawerPrimitive.Root
-			shouldScaleBackground={shouldScaleBackground}
-			{...props}
-		/>
-	);
+	return <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />;
 }
 Drawer.displayName = "Drawer";
 
@@ -62,42 +57,20 @@ function DrawerContent({
 }
 DrawerContent.displayName = "DrawerContent";
 
-function DrawerHeader({
-	className,
-	...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-	return (
-		<div
-			className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
-			{...props}
-		/>
-	);
+function DrawerHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+	return <div className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)} {...props} />;
 }
 DrawerHeader.displayName = "DrawerHeader";
 
-function DrawerFooter({
-	className,
-	...props
-}: React.HTMLAttributes<HTMLDivElement>) {
-	return (
-		<div
-			className={cn("mt-auto flex flex-col gap-2 p-4", className)}
-			{...props}
-		/>
-	);
+function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+	return <div className={cn("mt-auto flex flex-col gap-2 p-4", className)} {...props} />;
 }
 DrawerFooter.displayName = "DrawerFooter";
 
-function DrawerTitle({
-	className,
-	...props
-}: React.ComponentProps<typeof DrawerPrimitive.Title>) {
+function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {
 	return (
 		<DrawerPrimitive.Title
-			className={cn(
-				"text-lg font-semibold leading-none tracking-tight",
-				className
-			)}
+			className={cn("text-lg font-semibold leading-none tracking-tight", className)}
 			{...props}
 		/>
 	);
@@ -119,7 +92,10 @@ DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 function DrawerHandle({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
 	return (
-		<div className={cn("mx-auto mt-4 h-1.5 w-12 rounded-full bg-muted-foreground/40", className)} {...props} />
+		<div
+			className={cn("mx-auto mt-4 h-1.5 w-12 rounded-full bg-muted-foreground/40", className)}
+			{...props}
+		/>
 	);
 }
 DrawerHandle.displayName = "DrawerHandle";
@@ -137,4 +113,3 @@ export {
 	DrawerDescription,
 	DrawerHandle,
 };
-

surfsense_web/components/ui/spinner.tsx

@@ -1,34 +1,33 @@
 import { cn } from "@/lib/utils";
 
 interface SpinnerProps {
-  /** Size of the spinner */
-  size?: "xs" | "sm" | "md" | "lg" | "xl";
-  /** Whether to hide the track behind the spinner arc */
-  hideTrack?: boolean;
-  /** Additional classes to apply */
-  className?: string;
+	/** Size of the spinner */
+	size?: "xs" | "sm" | "md" | "lg" | "xl";
+	/** Whether to hide the track behind the spinner arc */
+	hideTrack?: boolean;
+	/** Additional classes to apply */
+	className?: string;
 }
 
 const sizeClasses = {
-  xs: "h-3 w-3 border-[1.5px]",
-  sm: "h-4 w-4 border-2",
-  md: "h-6 w-6 border-2",
-  lg: "h-8 w-8 border-[3px]",
-  xl: "h-10 w-10 border-4",
+	xs: "h-3 w-3 border-[1.5px]",
+	sm: "h-4 w-4 border-2",
+	md: "h-6 w-6 border-2",
+	lg: "h-8 w-8 border-[3px]",
+	xl: "h-10 w-10 border-4",
 };
 
 export function Spinner({ size = "md", hideTrack = false, className }: SpinnerProps) {
-  return (
-    <output
-      aria-label="Loading"
-      className={cn(
-        "block animate-spin rounded-full",
-        hideTrack ? "border-transparent" : "border-current/20",
-        "border-t-current",
-        sizeClasses[size],
-        className
-      )}
-    />
-  );
+	return (
+		<output
+			aria-label="Loading"
+			className={cn(
+				"block animate-spin rounded-full",
+				hideTrack ? "border-transparent" : "border-current/20",
+				"border-t-current",
+				sizeClasses[size],
+				className
+			)}
+		/>
+	);
 }
-