chore: linting

surfsense_web/components/assistant-ui/assistant-message.tsx

@@ -204,7 +204,9 @@ export const AssistantMessage: FC = () => {
 					>
 						<MessageSquare className={cn("size-4", hasComments && "fill-current")} />
 						{hasComments ? (
-							<span>{commentCount} {commentCount === 1 ? "comment" : "comments"}</span>
+							<span>
+								{commentCount} {commentCount === 1 ? "comment" : "comments"}
+							</span>
 						) : (
 							<span>Add comment</span>
 						)}

surfsense_web/components/assistant-ui/connector-popup/components/periodic-sync-config.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import type { FC } from "react";
 import { AlertCircle } from "lucide-react";
+import type { FC } from "react";
 import { Label } from "@/components/ui/label";
 import {
 	Select,

surfsense_web/components/assistant-ui/connector-popup/connect-forms/components/mcp-connect-form.tsx

@@ -7,13 +7,13 @@ import { Button } from "@/components/ui/button";
 import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import { EnumConnectorName } from "@/contracts/enums/connector";
-import type { ConnectFormProps } from "..";
 import {
 	extractServerName,
+	type MCPConnectionTestResult,
 	parseMCPConfig,
 	testMCPConnection,
-	type MCPConnectionTestResult,
 } from "../../utils/mcp-config-validator";
+import type { ConnectFormProps } from "..";
 
 export const MCPConnectForm: FC<ConnectFormProps> = ({ onSubmit, isSubmitting }) => {
 	const isSubmittingRef = useRef(false);

surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/google-drive-config.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { File, FileText, FileSpreadsheet, FolderClosed, Image, Presentation } from "lucide-react";
+import { File, FileSpreadsheet, FileText, FolderClosed, Image, Presentation } from "lucide-react";
 import type { FC } from "react";
 import { useEffect, useState } from "react";
 import { GoogleDriveFolderTree } from "@/components/connectors/google-drive-folder-tree";

surfsense_web/components/assistant-ui/connector-popup/connector-configs/components/mcp-config.tsx

@@ -10,12 +10,12 @@ import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import { EnumConnectorName } from "@/contracts/enums/connector";
 import type { MCPServerConfig } from "@/contracts/types/mcp.types";
-import type { ConnectorConfigProps } from "../index";
 import {
+	type MCPConnectionTestResult,
 	parseMCPConfig,
 	testMCPConnection,
-	type MCPConnectionTestResult,
 } from "../../utils/mcp-config-validator";
+import type { ConnectorConfigProps } from "../index";
 
 interface MCPConfigProps extends ConnectorConfigProps {
 	onNameChange?: (name: string) => void;

surfsense_web/components/assistant-ui/inline-mention-editor.tsx

@@ -11,8 +11,8 @@ import {
 	useState,
 } from "react";
 import ReactDOMServer from "react-dom/server";
-import type { Document } from "@/contracts/types/document.types";
 import { getConnectorIcon } from "@/contracts/enums/connectorIcons";
+import type { Document } from "@/contracts/types/document.types";
 import { cn } from "@/lib/utils";
 
 export interface MentionedDocument {

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

@@ -36,10 +36,12 @@ export function CommentPanel({
 
 	if (isLoading) {
 		return (
-			<div className={cn(
-				"flex min-h-[120px] items-center justify-center p-4",
-				!isMobile && "w-96 rounded-lg border bg-card"
-			)}>
+			<div
+				className={cn(
+					"flex min-h-[120px] items-center justify-center p-4",
+					!isMobile && "w-96 rounded-lg border bg-card"
+				)}
+			>
 				<div className="flex items-center gap-2 text-sm text-muted-foreground">
 					<div className="size-4 animate-spin rounded-full border-2 border-current border-t-transparent" />
 					Loading comments...
@@ -57,10 +59,7 @@ export function CommentPanel({
 
 	return (
 		<div
-			className={cn(
-				"flex flex-col",
-				isMobile ? "w-full" : "w-85 rounded-lg border bg-card"
-			)}
+			className={cn("flex flex-col", isMobile ? "w-full" : "w-85 rounded-lg border bg-card")}
 			style={!isMobile && effectiveMaxHeight ? { maxHeight: effectiveMaxHeight } : undefined}
 		>
 			{hasThreads && (
@@ -92,11 +91,7 @@ export function CommentPanel({
 				</div>
 			)}
 
-			<div className={cn(
-			"p-3",
-			showEmptyState && !isMobile && "border-t",
-			isMobile && "border-t"
-		)}>
+			<div className={cn("p-3", showEmptyState && !isMobile && "border-t", isMobile && "border-t")}>
 				{isComposerOpen ? (
 					<CommentComposer
 						members={members}

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

@@ -1,12 +1,7 @@
 "use client";
 
 import { MessageSquare } from "lucide-react";
-import {
-	Sheet,
-	SheetContent,
-	SheetHeader,
-	SheetTitle,
-} from "@/components/ui/sheet";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "@/components/ui/sheet";
 import { cn } from "@/lib/utils";
 import { CommentPanelContainer } from "../comment-panel-container/comment-panel-container";
 import type { CommentSheetProps } from "./types";
@@ -26,9 +21,7 @@ export function CommentSheet({
 				side={side}
 				className={cn(
 					"flex flex-col p-0",
-					isBottomSheet
-						? "h-[85vh] max-h-[85vh] rounded-t-xl"
-						: "h-full w-full max-w-md"
+					isBottomSheet ? "h-[85vh] max-h-[85vh] rounded-t-xl" : "h-full w-full max-w-md"
 				)}
 			>
 				{/* Drag handle indicator - only for bottom sheet */}
@@ -37,10 +30,7 @@ export function CommentSheet({
 						<div className="h-1 w-10 rounded-full bg-muted-foreground/30" />
 					</div>
 				)}
-				<SheetHeader className={cn(
-					"flex-shrink-0 border-b px-4",
-					isBottomSheet ? "pb-3" : "py-4"
-				)}>
+				<SheetHeader className={cn("flex-shrink-0 border-b px-4", isBottomSheet ? "pb-3" : "py-4")}>
 					<SheetTitle className="flex items-center gap-2 text-base font-semibold">
 						<MessageSquare className="size-5" />
 						Comments
@@ -52,11 +42,7 @@ export function CommentSheet({
 					</SheetTitle>
 				</SheetHeader>
 				<div className="min-h-0 flex-1 overflow-y-auto">
-					<CommentPanelContainer
-						messageId={messageId}
-						isOpen={true}
-						variant="mobile"
-					/>
+					<CommentPanelContainer messageId={messageId} isOpen={true} variant="mobile" />
 				</div>
 			</SheetContent>
 		</Sheet>

surfsense_web/components/connectors/google-drive-folder-tree.tsx

@@ -4,6 +4,7 @@ import {
 	ChevronDown,
 	ChevronRight,
 	File,
+	FileSpreadsheet,
 	FileText,
 	FolderClosed,
 	FolderOpen,
@@ -11,7 +12,6 @@ import {
 	Image,
 	Loader2,
 	Presentation,
-	FileSpreadsheet,
 } from "lucide-react";
 import { useState } from "react";
 import { Checkbox } from "@/components/ui/checkbox";

surfsense_web/components/layout/ui/header/Header.tsx

@@ -1,9 +1,9 @@
 "use client";
 
 import { Moon, Sun } from "lucide-react";
+import { NotificationButton } from "@/components/notifications/NotificationButton";
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
-import { NotificationButton } from "@/components/notifications/NotificationButton";
 
 interface HeaderProps {
 	breadcrumb?: React.ReactNode;

surfsense_web/components/notifications/NotificationButton.tsx

@@ -1,16 +1,16 @@
 "use client";
 
-import { useState } from "react";
+import { useAtomValue } from "jotai";
 import { Bell } from "lucide-react";
+import { useParams } from "next/navigation";
+import { useState } from "react";
+import { currentUserAtom } from "@/atoms/user/user-query.atoms";
 import { Button } from "@/components/ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { useNotifications } from "@/hooks/use-notifications";
-import { useAtomValue } from "jotai";
-import { currentUserAtom } from "@/atoms/user/user-query.atoms";
-import { NotificationPopup } from "./NotificationPopup";
 import { cn } from "@/lib/utils";
-import { useParams } from "next/navigation";
+import { NotificationPopup } from "./NotificationPopup";
 
 export function NotificationButton() {
 	const [open, setOpen] = useState(false);

surfsense_web/components/notifications/NotificationPopup.tsx

@@ -1,14 +1,14 @@
 "use client";
 
-import { Bell, CheckCheck, Loader2, AlertCircle, CheckCircle2 } from "lucide-react";
+import { formatDistanceToNow } from "date-fns";
+import { AlertCircle, Bell, CheckCheck, CheckCircle2, Loader2 } from "lucide-react";
 import { useRouter } from "next/navigation";
+import { convertRenderedToDisplay } from "@/components/chat-comments/comment-item/comment-item";
 import { Button } from "@/components/ui/button";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { Separator } from "@/components/ui/separator";
 import type { Notification } from "@/hooks/use-notifications";
-import { formatDistanceToNow } from "date-fns";
 import { cn } from "@/lib/utils";
-import { convertRenderedToDisplay } from "@/components/chat-comments/comment-item/comment-item";
 
 interface NotificationPopupProps {
 	notifications: Notification[];

surfsense_web/components/providers/ElectricProvider.tsx

@@ -1,13 +1,13 @@
 "use client";
 
-import { useEffect, useState, useRef } from "react";
 import { useAtomValue } from "jotai";
+import { useEffect, useRef, useState } from "react";
 import { currentUserAtom } from "@/atoms/user/user-query.atoms";
 import {
-	initElectric,
 	cleanupElectric,
-	isElectricInitialized,
 	type ElectricClient,
+	initElectric,
+	isElectricInitialized,
 } from "@/lib/electric/client";
 import { ElectricContext } from "@/lib/electric/context";