chore: ran linting

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

@@ -364,72 +364,72 @@ export function AllPrivateChatsSidebar({
 										isBusy && "opacity-50 pointer-events-none"
 									)}
 								>
-								{isMobile ? (
-									<button
-										type="button"
-										onClick={() => {
-											if (wasLongPress()) return;
-											handleThreadClick(thread.id);
-										}}
-										onTouchStart={() => {
-											pendingThreadIdRef.current = thread.id;
-											longPressHandlers.onTouchStart();
-										}}
-										onTouchEnd={longPressHandlers.onTouchEnd}
-										onTouchMove={longPressHandlers.onTouchMove}
-										disabled={isBusy}
-										className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-									>
-										<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-										<span className="truncate">{thread.title || "New Chat"}</span>
-									</button>
-								) : (
-									<Tooltip>
-										<TooltipTrigger asChild>
-											<button
-												type="button"
-												onClick={() => handleThreadClick(thread.id)}
-												disabled={isBusy}
-												className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-											>
-												<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-												<span className="truncate">{thread.title || "New Chat"}</span>
-											</button>
-										</TooltipTrigger>
-										<TooltipContent side="bottom" align="start">
-											<p>
-												{t("updated") || "Updated"}:{" "}
-												{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
-											</p>
-										</TooltipContent>
-									</Tooltip>
-								)}
-
-								<DropdownMenu
-									open={openDropdownId === thread.id}
-									onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
-								>
-									<DropdownMenuTrigger asChild>
-										<Button
-											variant="ghost"
-											size="icon"
-											className={cn(
-												"h-6 w-6 shrink-0",
-												isMobile
-													? "opacity-0 pointer-events-none absolute"
-													: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
-												"transition-opacity"
-											)}
+									{isMobile ? (
+										<button
+											type="button"
+											onClick={() => {
+												if (wasLongPress()) return;
+												handleThreadClick(thread.id);
+											}}
+											onTouchStart={() => {
+												pendingThreadIdRef.current = thread.id;
+												longPressHandlers.onTouchStart();
+											}}
+											onTouchEnd={longPressHandlers.onTouchEnd}
+											onTouchMove={longPressHandlers.onTouchMove}
 											disabled={isBusy}
+											className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
 										>
-											{isDeleting ? (
-												<Spinner size="xs" />
-											) : (
-												<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
-											)}
-											<span className="sr-only">{t("more_options") || "More options"}</span>
-										</Button>
-									</DropdownMenuTrigger>
+											<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+											<span className="truncate">{thread.title || "New Chat"}</span>
+										</button>
+									) : (
+										<Tooltip>
+											<TooltipTrigger asChild>
+												<button
+													type="button"
+													onClick={() => handleThreadClick(thread.id)}
+													disabled={isBusy}
+													className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
+												>
+													<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+													<span className="truncate">{thread.title || "New Chat"}</span>
+												</button>
+											</TooltipTrigger>
+											<TooltipContent side="bottom" align="start">
+												<p>
+													{t("updated") || "Updated"}:{" "}
+													{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
+												</p>
+											</TooltipContent>
+										</Tooltip>
+									)}
+
+									<DropdownMenu
+										open={openDropdownId === thread.id}
+										onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
+									>
+										<DropdownMenuTrigger asChild>
+											<Button
+												variant="ghost"
+												size="icon"
+												className={cn(
+													"h-6 w-6 shrink-0",
+													isMobile
+														? "opacity-0 pointer-events-none absolute"
+														: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
+													"transition-opacity"
+												)}
+												disabled={isBusy}
+											>
+												{isDeleting ? (
+													<Spinner size="xs" />
+												) : (
+													<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
+												)}
+												<span className="sr-only">{t("more_options") || "More options"}</span>
+											</Button>
+										</DropdownMenuTrigger>
 										<DropdownMenuContent align="end" className="w-40 z-80">
 											{!thread.archived && (
 												<DropdownMenuItem
@@ -456,9 +456,7 @@ export function AllPrivateChatsSidebar({
 												)}
 											</DropdownMenuItem>
 											<DropdownMenuSeparator />
-											<DropdownMenuItem
-												onClick={() => handleDeleteThread(thread.id)}
-												>
+											<DropdownMenuItem onClick={() => handleDeleteThread(thread.id)}>
 												<Trash2 className="mr-2 h-4 w-4" />
 												<span>{t("delete") || "Delete"}</span>
 											</DropdownMenuItem>

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

@@ -364,72 +364,72 @@ export function AllSharedChatsSidebar({
 										isBusy && "opacity-50 pointer-events-none"
 									)}
 								>
-								{isMobile ? (
-									<button
-										type="button"
-										onClick={() => {
-											if (wasLongPress()) return;
-											handleThreadClick(thread.id);
-										}}
-										onTouchStart={() => {
-											pendingThreadIdRef.current = thread.id;
-											longPressHandlers.onTouchStart();
-										}}
-										onTouchEnd={longPressHandlers.onTouchEnd}
-										onTouchMove={longPressHandlers.onTouchMove}
-										disabled={isBusy}
-										className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-									>
-										<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-										<span className="truncate">{thread.title || "New Chat"}</span>
-									</button>
-								) : (
-									<Tooltip>
-										<TooltipTrigger asChild>
-											<button
-												type="button"
-												onClick={() => handleThreadClick(thread.id)}
-												disabled={isBusy}
-												className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-											>
-												<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-												<span className="truncate">{thread.title || "New Chat"}</span>
-											</button>
-										</TooltipTrigger>
-										<TooltipContent side="bottom" align="start">
-											<p>
-												{t("updated") || "Updated"}:{" "}
-												{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
-											</p>
-										</TooltipContent>
-									</Tooltip>
-								)}
-
-								<DropdownMenu
-									open={openDropdownId === thread.id}
-									onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
-								>
-									<DropdownMenuTrigger asChild>
-										<Button
-											variant="ghost"
-											size="icon"
-											className={cn(
-												"h-6 w-6 shrink-0",
-												isMobile
-													? "opacity-0 pointer-events-none absolute"
-													: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
-												"transition-opacity"
-											)}
+									{isMobile ? (
+										<button
+											type="button"
+											onClick={() => {
+												if (wasLongPress()) return;
+												handleThreadClick(thread.id);
+											}}
+											onTouchStart={() => {
+												pendingThreadIdRef.current = thread.id;
+												longPressHandlers.onTouchStart();
+											}}
+											onTouchEnd={longPressHandlers.onTouchEnd}
+											onTouchMove={longPressHandlers.onTouchMove}
 											disabled={isBusy}
+											className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
 										>
-											{isDeleting ? (
-												<Spinner size="xs" />
-											) : (
-												<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
-											)}
-											<span className="sr-only">{t("more_options") || "More options"}</span>
-										</Button>
-									</DropdownMenuTrigger>
+											<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+											<span className="truncate">{thread.title || "New Chat"}</span>
+										</button>
+									) : (
+										<Tooltip>
+											<TooltipTrigger asChild>
+												<button
+													type="button"
+													onClick={() => handleThreadClick(thread.id)}
+													disabled={isBusy}
+													className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
+												>
+													<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+													<span className="truncate">{thread.title || "New Chat"}</span>
+												</button>
+											</TooltipTrigger>
+											<TooltipContent side="bottom" align="start">
+												<p>
+													{t("updated") || "Updated"}:{" "}
+													{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
+												</p>
+											</TooltipContent>
+										</Tooltip>
+									)}
+
+									<DropdownMenu
+										open={openDropdownId === thread.id}
+										onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
+									>
+										<DropdownMenuTrigger asChild>
+											<Button
+												variant="ghost"
+												size="icon"
+												className={cn(
+													"h-6 w-6 shrink-0",
+													isMobile
+														? "opacity-0 pointer-events-none absolute"
+														: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
+													"transition-opacity"
+												)}
+												disabled={isBusy}
+											>
+												{isDeleting ? (
+													<Spinner size="xs" />
+												) : (
+													<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
+												)}
+												<span className="sr-only">{t("more_options") || "More options"}</span>
+											</Button>
+										</DropdownMenuTrigger>
 										<DropdownMenuContent align="end" className="w-40 z-80">
 											{!thread.archived && (
 												<DropdownMenuItem
@@ -456,9 +456,7 @@ export function AllSharedChatsSidebar({
 												)}
 											</DropdownMenuItem>
 											<DropdownMenuSeparator />
-											<DropdownMenuItem
-												onClick={() => handleDeleteThread(thread.id)}
-												>
+											<DropdownMenuItem onClick={() => handleDeleteThread(thread.id)}>
 												<Trash2 className="mr-2 h-4 w-4" />
 												<span>{t("delete") || "Delete"}</span>
 											</DropdownMenuItem>

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

@@ -72,4 +72,3 @@ export function AnnouncementsSidebar({
 		</SidebarSlideOutPanel>
 	);
 }
-

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

@@ -73,12 +73,12 @@ export function ChatListItem({
 			</button>
 
 			{/* Actions dropdown - trigger hidden on mobile, long-press opens it instead */}
-			<div className={cn(
-				"absolute right-1 top-1/2 -translate-y-1/2 transition-opacity",
-				isMobile
-					? "opacity-0 pointer-events-none"
-					: "opacity-0 group-hover/item:opacity-100"
-			)}>
+			<div
+				className={cn(
+					"absolute right-1 top-1/2 -translate-y-1/2 transition-opacity",
+					isMobile ? "opacity-0 pointer-events-none" : "opacity-0 group-hover/item:opacity-100"
+				)}
+			>
 				<DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
 					<DropdownMenuTrigger asChild>
 						<Button variant="ghost" size="icon" className="h-6 w-6">
@@ -125,7 +125,7 @@ export function ChatListItem({
 									e.stopPropagation();
 									onDelete();
 								}}
-								>
+							>
 								<Trash2 className="mr-2 h-4 w-4" />
 								<span>{t("delete")}</span>
 							</DropdownMenuItem>

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

@@ -41,10 +41,7 @@ export function DocumentsSidebar({ open, onOpenChange }: DocumentsSidebarProps)
 	const { mutateAsync: deleteDocumentMutation } = useAtomValue(deleteDocumentMutationAtom);
 
 	const [sidebarDocs, setSidebarDocs] = useAtom(sidebarSelectedDocumentsAtom);
-	const mentionedDocIds = useMemo(
-		() => new Set(sidebarDocs.map((d) => d.id)),
-		[sidebarDocs]
-	);
+	const mentionedDocIds = useMemo(() => new Set(sidebarDocs.map((d) => d.id)), [sidebarDocs]);
 
 	const handleToggleChatMention = useCallback(
 		(doc: { id: number; title: string; document_type: string }, isMentioned: boolean) => {
@@ -53,7 +50,10 @@ export function DocumentsSidebar({ open, onOpenChange }: DocumentsSidebarProps)
 			} else {
 				setSidebarDocs((prev) => {
 					if (prev.some((d) => d.id === doc.id)) return prev;
-					return [...prev, { id: doc.id, title: doc.title, document_type: doc.document_type as DocumentTypeEnum }];
+					return [
+						...prev,
+						{ id: doc.id, title: doc.title, document_type: doc.document_type as DocumentTypeEnum },
+					];
 				});
 			}
 		},

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

@@ -638,58 +638,56 @@ export function InboxSidebar({
 													)}
 												</div>
 											</div>
-										{activeTab === "status" && statusSourceOptions.length > 0 && (
-											<div className="space-y-2">
-												<p className="text-xs text-muted-foreground/80 font-medium px-1">
-													{t("sources") || "Sources"}
-												</p>
-												<div className="space-y-1">
-													<button
-														type="button"
-														onClick={() => {
-															setSelectedSource(null);
-															setFilterDrawerOpen(false);
-														}}
-														className={cn(
-															"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
-															selectedSource === null
-																? "bg-primary/10 text-primary"
-																: "hover:bg-muted"
-														)}
-													>
-														<span className="flex items-center gap-2">
-															<LayoutGrid className="h-4 w-4" />
-															<span>{t("all_sources") || "All sources"}</span>
-														</span>
-														{selectedSource === null && <Check className="h-4 w-4" />}
-													</button>
-													{statusSourceOptions.map((source) => (
+											{activeTab === "status" && statusSourceOptions.length > 0 && (
+												<div className="space-y-2">
+													<p className="text-xs text-muted-foreground/80 font-medium px-1">
+														{t("sources") || "Sources"}
+													</p>
+													<div className="space-y-1">
 														<button
-															key={source.key}
 															type="button"
 															onClick={() => {
-																setSelectedSource(source.key);
+																setSelectedSource(null);
 																setFilterDrawerOpen(false);
 															}}
 															className={cn(
 																"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
-																selectedSource === source.key
+																selectedSource === null
 																	? "bg-primary/10 text-primary"
 																	: "hover:bg-muted"
 															)}
 														>
 															<span className="flex items-center gap-2">
-																{getConnectorIcon(source.type, "h-4 w-4")}
-																<span>{source.displayName}</span>
+																<LayoutGrid className="h-4 w-4" />
+																<span>{t("all_sources") || "All sources"}</span>
 															</span>
-															{selectedSource === source.key && (
-																<Check className="h-4 w-4" />
-															)}
+															{selectedSource === null && <Check className="h-4 w-4" />}
 														</button>
-													))}
+														{statusSourceOptions.map((source) => (
+															<button
+																key={source.key}
+																type="button"
+																onClick={() => {
+																	setSelectedSource(source.key);
+																	setFilterDrawerOpen(false);
+																}}
+																className={cn(
+																	"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
+																	selectedSource === source.key
+																		? "bg-primary/10 text-primary"
+																		: "hover:bg-muted"
+																)}
+															>
+																<span className="flex items-center gap-2">
+																	{getConnectorIcon(source.type, "h-4 w-4")}
+																	<span>{source.displayName}</span>
+																</span>
+																{selectedSource === source.key && <Check className="h-4 w-4" />}
+															</button>
+														))}
+													</div>
 												</div>
-											</div>
-										)}
+											)}
 										</div>
 									</DrawerContent>
 								</Drawer>
@@ -712,7 +710,10 @@ export function InboxSidebar({
 								</Tooltip>
 								<DropdownMenuContent
 									align="end"
-									className={cn("z-80 select-none max-h-[60vh] overflow-hidden flex flex-col", activeTab === "status" ? "w-52" : "w-44")}
+									className={cn(
+										"z-80 select-none max-h-[60vh] overflow-hidden flex flex-col",
+										activeTab === "status" ? "w-52" : "w-44"
+									)}
 								>
 									<DropdownMenuLabel className="text-xs text-muted-foreground/80 font-normal">
 										{t("filter") || "Filter"}
@@ -749,45 +750,45 @@ export function InboxSidebar({
 											{activeFilter === "errors" && <Check className="h-4 w-4" />}
 										</DropdownMenuItem>
 									)}
-								{activeTab === "status" && statusSourceOptions.length > 0 && (
-									<>
-										<DropdownMenuLabel className="text-xs text-muted-foreground/80 font-normal mt-2">
-											{t("sources") || "Sources"}
-										</DropdownMenuLabel>
-										<div
-											className="relative max-h-[30vh] overflow-y-auto overflow-x-hidden -mb-1"
-											onScroll={handleConnectorScroll}
-											style={{
-												maskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
-												WebkitMaskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
-											}}
-										>
-											<DropdownMenuItem
-												onClick={() => setSelectedSource(null)}
-												className="flex items-center justify-between"
+									{activeTab === "status" && statusSourceOptions.length > 0 && (
+										<>
+											<DropdownMenuLabel className="text-xs text-muted-foreground/80 font-normal mt-2">
+												{t("sources") || "Sources"}
+											</DropdownMenuLabel>
+											<div
+												className="relative max-h-[30vh] overflow-y-auto overflow-x-hidden -mb-1"
+												onScroll={handleConnectorScroll}
+												style={{
+													maskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
+													WebkitMaskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
+												}}
 											>
-												<span className="flex items-center gap-2">
-													<LayoutGrid className="h-4 w-4" />
-													<span>{t("all_sources") || "All sources"}</span>
-												</span>
-												{selectedSource === null && <Check className="h-4 w-4" />}
-											</DropdownMenuItem>
-											{statusSourceOptions.map((source) => (
 												<DropdownMenuItem
-													key={source.key}
-													onClick={() => setSelectedSource(source.key)}
+													onClick={() => setSelectedSource(null)}
 													className="flex items-center justify-between"
 												>
 													<span className="flex items-center gap-2">
-														{getConnectorIcon(source.type, "h-4 w-4")}
-														<span>{source.displayName}</span>
+														<LayoutGrid className="h-4 w-4" />
+														<span>{t("all_sources") || "All sources"}</span>
 													</span>
-													{selectedSource === source.key && <Check className="h-4 w-4" />}
+													{selectedSource === null && <Check className="h-4 w-4" />}
 												</DropdownMenuItem>
-											))}
-										</div>
-									</>
-								)}
+												{statusSourceOptions.map((source) => (
+													<DropdownMenuItem
+														key={source.key}
+														onClick={() => setSelectedSource(source.key)}
+														className="flex items-center justify-between"
+													>
+														<span className="flex items-center gap-2">
+															{getConnectorIcon(source.type, "h-4 w-4")}
+															<span>{source.displayName}</span>
+														</span>
+														{selectedSource === source.key && <Check className="h-4 w-4" />}
+													</DropdownMenuItem>
+												))}
+											</div>
+										</>
+									)}
 								</DropdownMenuContent>
 							</DropdownMenu>
 						)}