chore: ran linting

surfsense_web/app/dashboard/[search_space_id]/settings/page.tsx

@@ -1,14 +1,6 @@
 "use client";
 
-import {
-	Bot,
-	Brain,
-	FileText,
-	Globe,
-	ImageIcon,
-	MessageSquare,
-	Shield,
-} from "lucide-react";
+import { Bot, Brain, FileText, Globe, ImageIcon, MessageSquare, Shield } from "lucide-react";
 import { useParams, useRouter, useSearchParams } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { useCallback, useEffect } from "react";
@@ -19,12 +11,7 @@ import { LLMRoleManager } from "@/components/settings/llm-role-manager";
 import { ModelConfigManager } from "@/components/settings/model-config-manager";
 import { PromptConfigManager } from "@/components/settings/prompt-config-manager";
 import { RolesManager } from "@/components/settings/roles-manager";
-import {
-	Tabs,
-	TabsContent,
-	TabsList,
-	TabsTrigger,
-} from "@/components/ui/animated-tabs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/animated-tabs";
 import { trackSettingsViewed } from "@/lib/posthog/events";
 
 const VALID_TABS = [

surfsense_web/app/dashboard/[search_space_id]/team/page.tsx

@@ -292,10 +292,7 @@ export default function TeamManagementPage() {
 								</TableHeader>
 								<TableBody>
 									{SKELETON_KEYS.map((id) => (
-										<TableRow
-											key={id}
-											className="border-b border-border/40 hover:bg-transparent"
-										>
+										<TableRow key={id} className="border-b border-border/40 hover:bg-transparent">
 											<TableCell className="w-[45%] py-2.5 px-4 md:px-6 border-r border-border/40">
 												<div className="flex items-center gap-3">
 													<Skeleton className="h-10 w-10 rounded-full shrink-0" />
@@ -546,9 +543,9 @@ function MemberRow({
 				</div>
 			</TableCell>
 
-		<TableCell className="hidden md:table-cell w-[25%] py-2.5 text-sm text-foreground border-r border-border/40">
-			{member.user_last_login ? formatRelativeDate(member.user_last_login) : "Never"}
-		</TableCell>
+			<TableCell className="hidden md:table-cell w-[25%] py-2.5 text-sm text-foreground border-r border-border/40">
+				{member.user_last_login ? formatRelativeDate(member.user_last_login) : "Never"}
+			</TableCell>
 
 			<TableCell className="w-[30%] text-right py-2.5 px-4 md:px-6">
 				{showActions ? (
@@ -608,12 +605,10 @@ function MemberRow({
 									</AlertDialogContent>
 								</AlertDialog>
 							)}
-						<DropdownMenuSeparator className="dark:bg-white/5" />
-						<DropdownMenuItem
-							onClick={() =>
-								router.push(`/dashboard/${searchSpaceId}/settings?tab=team-roles`)
-							}
-						>
+							<DropdownMenuSeparator className="dark:bg-white/5" />
+							<DropdownMenuItem
+								onClick={() => router.push(`/dashboard/${searchSpaceId}/settings?tab=team-roles`)}
+							>
 								Manage Roles
 							</DropdownMenuItem>
 						</DropdownMenuContent>
@@ -833,21 +828,21 @@ function CreateInviteDialog({
 								</div>
 							</div>
 						</div>
-					<DialogFooter className="gap-3 sm:gap-2">
-						<Button variant="secondary" onClick={handleClose}>
-							Cancel
-						</Button>
-						<Button onClick={handleCreate} disabled={creating}>
-							{creating ? (
-								<>
-									<Spinner size="sm" className="mr-2" />
-									Creating
-								</>
-							) : (
-								"Create Invite"
-							)}
-						</Button>
-					</DialogFooter>
+						<DialogFooter className="gap-3 sm:gap-2">
+							<Button variant="secondary" onClick={handleClose}>
+								Cancel
+							</Button>
+							<Button onClick={handleCreate} disabled={creating}>
+								{creating ? (
+									<>
+										<Spinner size="sm" className="mr-2" />
+										Creating
+									</>
+								) : (
+									"Create Invite"
+								)}
+							</Button>
+						</DialogFooter>
 					</>
 				)}
 			</DialogContent>
@@ -877,8 +872,8 @@ function AllInvitesDialog({
 	return (
 		<Dialog>
 			<DialogTrigger asChild>
-			<Button variant="secondary" className="gap-2">
-				<Link2 className="h-4 w-4 rotate-315" />
+				<Button variant="secondary" className="gap-2">
+					<Link2 className="h-4 w-4 rotate-315" />
 					Active invites
 					<span className="inline-flex items-center justify-center h-5 min-w-5 px-1 rounded-full bg-neutral-700 text-neutral-200 text-xs font-medium">
 						{invites.length}

surfsense_web/app/dashboard/[search_space_id]/user-settings/components/ApiKeyContent.tsx

@@ -2,8 +2,8 @@
 
 import { Check, Copy, Info } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
-import { useCallback, useRef, useState } from "react";
 import { useTranslations } from "next-intl";
+import { useCallback, useRef, useState } from "react";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
@@ -36,22 +36,58 @@ export function ApiKeyContent() {
 				transition={{ duration: 0.35, ease: [0.4, 0, 0.2, 1] }}
 				className="space-y-6"
 			>
-		<Alert className="border-border/60 bg-muted/30 text-muted-foreground">
-			<Info className="h-4 w-4 text-muted-foreground" />
-			<AlertTitle className="text-muted-foreground">{t("api_key_warning_title")}</AlertTitle>
-			<AlertDescription className="text-muted-foreground/60">{t("api_key_warning_description")}</AlertDescription>
-		</Alert>
+				<Alert className="border-border/60 bg-muted/30 text-muted-foreground">
+					<Info className="h-4 w-4 text-muted-foreground" />
+					<AlertTitle className="text-muted-foreground">{t("api_key_warning_title")}</AlertTitle>
+					<AlertDescription className="text-muted-foreground/60">
+						{t("api_key_warning_description")}
+					</AlertDescription>
+				</Alert>
 
-			<div className="rounded-lg border border-border/60 bg-card p-6">
-				<h3 className="mb-4 text-sm font-semibold tracking-tight">{t("your_api_key")}</h3>
-				{isLoading ? (
-					<div className="h-12 w-full animate-pulse rounded-md border border-border/60 bg-muted/30" />
-				) : apiKey ? (
+				<div className="rounded-lg border border-border/60 bg-card p-6">
+					<h3 className="mb-4 text-sm font-semibold tracking-tight">{t("your_api_key")}</h3>
+					{isLoading ? (
+						<div className="h-12 w-full animate-pulse rounded-md border border-border/60 bg-muted/30" />
+					) : apiKey ? (
+						<div className="flex items-center gap-2 rounded-md border border-border/60 bg-muted/30 px-2.5 py-1.5">
+							<div className="min-w-0 flex-1 overflow-x-auto scrollbar-hide">
+								<p className="font-mono text-[10px] text-muted-foreground whitespace-nowrap select-all cursor-text">
+									{apiKey}
+								</p>
+							</div>
+							<TooltipProvider>
+								<Tooltip>
+									<TooltipTrigger asChild>
+										<Button
+											variant="ghost"
+											size="icon"
+											onClick={copyToClipboard}
+											className="h-6 w-6 shrink-0 text-muted-foreground hover:text-foreground"
+										>
+											{copied ? (
+												<Check className="h-3 w-3 text-green-500" />
+											) : (
+												<Copy className="h-3 w-3" />
+											)}
+										</Button>
+									</TooltipTrigger>
+									<TooltipContent>{copied ? t("copied") : t("copy")}</TooltipContent>
+								</Tooltip>
+							</TooltipProvider>
+						</div>
+					) : (
+						<p className="text-center text-muted-foreground/60">{t("no_api_key")}</p>
+					)}
+				</div>
+
+				<div className="rounded-lg border border-border/60 bg-card p-6">
+					<h3 className="mb-2 text-sm font-semibold tracking-tight">{t("usage_title")}</h3>
+					<p className="mb-4 text-[11px] text-muted-foreground/60">{t("usage_description")}</p>
 					<div className="flex items-center gap-2 rounded-md border border-border/60 bg-muted/30 px-2.5 py-1.5">
 						<div className="min-w-0 flex-1 overflow-x-auto scrollbar-hide">
-							<p className="font-mono text-[10px] text-muted-foreground whitespace-nowrap select-all cursor-text">
-								{apiKey}
-							</p>
+							<pre className="font-mono text-[10px] text-muted-foreground whitespace-nowrap select-all cursor-text">
+								<code>Authorization: Bearer {apiKey || "YOUR_API_KEY"}</code>
+							</pre>
 						</div>
 						<TooltipProvider>
 							<Tooltip>
@@ -59,47 +95,21 @@ export function ApiKeyContent() {
 									<Button
 										variant="ghost"
 										size="icon"
-										onClick={copyToClipboard}
+										onClick={copyUsageToClipboard}
 										className="h-6 w-6 shrink-0 text-muted-foreground hover:text-foreground"
 									>
-										{copied ? <Check className="h-3 w-3 text-green-500" /> : <Copy className="h-3 w-3" />}
+										{copiedUsage ? (
+											<Check className="h-3 w-3 text-green-500" />
+										) : (
+											<Copy className="h-3 w-3" />
+										)}
 									</Button>
 								</TooltipTrigger>
-								<TooltipContent>{copied ? t("copied") : t("copy")}</TooltipContent>
+								<TooltipContent>{copiedUsage ? t("copied") : t("copy")}</TooltipContent>
 							</Tooltip>
 						</TooltipProvider>
 					</div>
-				) : (
-					<p className="text-center text-muted-foreground/60">{t("no_api_key")}</p>
-				)}
-			</div>
-
-			<div className="rounded-lg border border-border/60 bg-card p-6">
-				<h3 className="mb-2 text-sm font-semibold tracking-tight">{t("usage_title")}</h3>
-				<p className="mb-4 text-[11px] text-muted-foreground/60">{t("usage_description")}</p>
-			<div className="flex items-center gap-2 rounded-md border border-border/60 bg-muted/30 px-2.5 py-1.5">
-				<div className="min-w-0 flex-1 overflow-x-auto scrollbar-hide">
-					<pre className="font-mono text-[10px] text-muted-foreground whitespace-nowrap select-all cursor-text">
-						<code>Authorization: Bearer {apiKey || "YOUR_API_KEY"}</code>
-					</pre>
 				</div>
-				<TooltipProvider>
-					<Tooltip>
-						<TooltipTrigger asChild>
-							<Button
-								variant="ghost"
-								size="icon"
-								onClick={copyUsageToClipboard}
-								className="h-6 w-6 shrink-0 text-muted-foreground hover:text-foreground"
-							>
-								{copiedUsage ? <Check className="h-3 w-3 text-green-500" /> : <Copy className="h-3 w-3" />}
-							</Button>
-						</TooltipTrigger>
-						<TooltipContent>{copiedUsage ? t("copied") : t("copy")}</TooltipContent>
-					</Tooltip>
-				</TooltipProvider>
-			</div>
-			</div>
 			</motion.div>
 		</AnimatePresence>
 	);

surfsense_web/app/dashboard/[search_space_id]/user-settings/components/ProfileContent.tsx

@@ -105,9 +105,7 @@ export function ProfileContent() {
 										value={displayName}
 										onChange={(e) => setDisplayName(e.target.value)}
 									/>
-									<p className="text-xs text-muted-foreground">
-										{t("profile_display_name_hint")}
-									</p>
+									<p className="text-xs text-muted-foreground">{t("profile_display_name_hint")}</p>
 								</div>
 
 								<div className="space-y-2">

surfsense_web/app/dashboard/[search_space_id]/user-settings/page.tsx

@@ -1,15 +1,10 @@
 "use client";
 
-import { UserKey, User } from "lucide-react";
-import { useTranslations } from "next-intl";
+import { User, UserKey } from "lucide-react";
 import { useRouter, useSearchParams } from "next/navigation";
+import { useTranslations } from "next-intl";
 import { useCallback } from "react";
-import {
-	Tabs,
-	TabsContent,
-	TabsList,
-	TabsTrigger,
-} from "@/components/ui/animated-tabs";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/animated-tabs";
 import { ApiKeyContent } from "./components/ApiKeyContent";
 import { ProfileContent } from "./components/ProfileContent";
 

surfsense_web/components/homepage/github-stars-badge.tsx

@@ -1,17 +1,17 @@
 "use client";
 
-import * as React from "react";
+import { IconBrandGithub } from "@tabler/icons-react";
+import { StarIcon } from "lucide-react";
+import type { HTMLMotionProps, UseInViewOptions } from "motion/react";
 import {
-	motion,
 	AnimatePresence,
+	motion,
 	useInView,
 	useMotionValue,
 	useSpring,
 	useTransform,
 } from "motion/react";
-import type { HTMLMotionProps, UseInViewOptions } from "motion/react";
-import { StarIcon } from "lucide-react";
-import { IconBrandGithub } from "@tabler/icons-react";
+import * as React from "react";
 import { cn } from "@/lib/utils";
 
 // ---------------------------------------------------------------------------

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

@@ -1,6 +1,17 @@
 "use client";
 
-import { Check, ChevronUp, ExternalLink, Info, Languages, Laptop, LogOut, Moon, Settings, Sun } from "lucide-react";
+import {
+	Check,
+	ChevronUp,
+	ExternalLink,
+	Info,
+	Languages,
+	Laptop,
+	LogOut,
+	Moon,
+	Settings,
+	Sun,
+} from "lucide-react";
 import Image from "next/image";
 import { useTranslations } from "next-intl";
 import { useState } from "react";
@@ -165,21 +176,21 @@ export function SidebarUserProfile({
 	if (isCollapsed) {
 		return (
 			<div className="border-t p-2">
-			<DropdownMenu>
-				<DropdownMenuTrigger asChild>
-					<button
-						type="button"
-						className={cn(
-							"flex h-10 w-full items-center justify-center rounded-md",
-							"hover:bg-accent transition-colors",
-							"focus:outline-none focus-visible:outline-none",
-							"data-[state=open]:bg-transparent"
-						)}
-					>
-						<UserAvatar avatarUrl={user.avatarUrl} initials={initials} bgColor={bgColor} />
-						<span className="sr-only">{displayName}</span>
-					</button>
-				</DropdownMenuTrigger>
+				<DropdownMenu>
+					<DropdownMenuTrigger asChild>
+						<button
+							type="button"
+							className={cn(
+								"flex h-10 w-full items-center justify-center rounded-md",
+								"hover:bg-accent transition-colors",
+								"focus:outline-none focus-visible:outline-none",
+								"data-[state=open]:bg-transparent"
+							)}
+						>
+							<UserAvatar avatarUrl={user.avatarUrl} initials={initials} bgColor={bgColor} />
+							<span className="sr-only">{displayName}</span>
+						</button>
+					</DropdownMenuTrigger>
 
 					<DropdownMenuContent className="w-48" side="right" align="center" sideOffset={8}>
 						<DropdownMenuLabel className="font-normal">
@@ -276,7 +287,9 @@ export function SidebarUserProfile({
 										</DropdownMenuItem>
 									))}
 									<DropdownMenuSeparator className="dark:bg-neutral-700" />
-									<p className="select-none px-2 py-1.5 text-xs text-muted-foreground/50">v{APP_VERSION}</p>
+									<p className="select-none px-2 py-1.5 text-xs text-muted-foreground/50">
+										v{APP_VERSION}
+									</p>
 								</DropdownMenuSubContent>
 							</DropdownMenuPortal>
 						</DropdownMenuSub>
@@ -419,7 +432,9 @@ export function SidebarUserProfile({
 									</DropdownMenuItem>
 								))}
 								<DropdownMenuSeparator className="dark:bg-neutral-700" />
-								<p className="select-none px-2 py-1.5 text-xs text-muted-foreground/50">v{APP_VERSION}</p>
+								<p className="select-none px-2 py-1.5 text-xs text-muted-foreground/50">
+									v{APP_VERSION}
+								</p>
 							</DropdownMenuSubContent>
 						</DropdownMenuPortal>
 					</DropdownMenuSub>

surfsense_web/components/sources/DocumentUploadTab.tsx

@@ -223,7 +223,11 @@ export function DocumentUploadTab({
 
 		const rawFiles = files.map((entry) => entry.file);
 		uploadDocuments(
-			{ files: rawFiles, search_space_id: Number(searchSpaceId), should_summarize: shouldSummarize },
+			{
+				files: rawFiles,
+				search_space_id: Number(searchSpaceId),
+				should_summarize: shouldSummarize,
+			},
 			{
 				onSuccess: () => {
 					clearInterval(progressInterval);

surfsense_web/components/tool-ui/linear/update-linear-issue.tsx

@@ -1,14 +1,7 @@
 "use client";
 
 import { makeAssistantToolUI } from "@assistant-ui/react";
-import {
-	AlertTriangleIcon,
-	CheckIcon,
-	InfoIcon,
-	Loader2Icon,
-	Pen,
-	XIcon,
-} from "lucide-react";
+import { AlertTriangleIcon, CheckIcon, InfoIcon, Loader2Icon, Pen, XIcon } from "lucide-react";
 import { useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";