chore: ran all linting

surfsense_web/components/new-chat/chat-share-button.tsx

@@ -155,7 +155,7 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS
 					<TooltipContent>Share settings</TooltipContent>
 				</Tooltip>
 
-					<PopoverContent
+				<PopoverContent
 					className="w-[280px] md:w-[320px] p-0 rounded-lg shadow-lg border-border/60"
 					align="end"
 					sideOffset={8}
@@ -243,7 +243,7 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS
 				</PopoverContent>
 			</Popover>
 
-				{/* Globe indicator when public snapshots exist - clicks to settings */}
+			{/* Globe indicator when public snapshots exist - clicks to settings */}
 			{hasPublicSnapshots && (
 				<Tooltip>
 					<TooltipTrigger asChild>

surfsense_web/components/new-chat/image-config-sidebar.tsx

@@ -179,7 +179,17 @@ export function ImageConfigSidebar({
 		} finally {
 			setIsSubmitting(false);
 		}
-	}, [mode, isGlobal, config, formData, searchSpaceId, createConfig, updateConfig, updatePreferences, onOpenChange]);
+	}, [
+		mode,
+		isGlobal,
+		config,
+		formData,
+		searchSpaceId,
+		createConfig,
+		updateConfig,
+		updatePreferences,
+		onOpenChange,
+	]);
 
 	const handleUseGlobalConfig = useCallback(async () => {
 		if (!config || !isGlobal) return;
@@ -297,11 +307,16 @@ export function ImageConfigSidebar({
 										<Alert className="mb-6 border-violet-500/30 bg-violet-500/5">
 											<Shuffle className="size-4 text-violet-500" />
 											<AlertDescription className="text-sm text-violet-700 dark:text-violet-400">
-												Auto mode distributes image generation requests across all configured providers for optimal performance and rate limit protection.
+												Auto mode distributes image generation requests across all configured
+												providers for optimal performance and rate limit protection.
 											</AlertDescription>
 										</Alert>
 										<div className="flex gap-3 pt-4 border-t border-border/50">
-											<Button variant="outline" className="flex-1" onClick={() => onOpenChange(false)}>
+											<Button
+												variant="outline"
+												className="flex-1"
+												onClick={() => onOpenChange(false)}
+											>
 												Close
 											</Button>
 											<Button
@@ -327,12 +342,16 @@ export function ImageConfigSidebar({
 										<div className="space-y-4">
 											<div className="grid gap-4 sm:grid-cols-2">
 												<div className="space-y-1.5">
-													<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Name</div>
+													<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
+														Name
+													</div>
 													<p className="text-sm font-medium">{config.name}</p>
 												</div>
 												{config.description && (
 													<div className="space-y-1.5">
-														<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Description</div>
+														<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
+															Description
+														</div>
 														<p className="text-sm text-muted-foreground">{config.description}</p>
 													</div>
 												)}
@@ -340,20 +359,32 @@ export function ImageConfigSidebar({
 											<Separator />
 											<div className="grid gap-4 sm:grid-cols-2">
 												<div className="space-y-1.5">
-													<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Provider</div>
+													<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
+														Provider
+													</div>
 													<p className="text-sm font-medium">{config.provider}</p>
 												</div>
 												<div className="space-y-1.5">
-													<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">Model</div>
+													<div className="text-xs font-medium text-muted-foreground uppercase tracking-wider">
+														Model
+													</div>
 													<p className="text-sm font-medium font-mono">{config.model_name}</p>
 												</div>
 											</div>
 										</div>
 										<div className="flex gap-3 pt-6 border-t border-border/50 mt-6">
-											<Button variant="outline" className="flex-1" onClick={() => onOpenChange(false)}>
+											<Button
+												variant="outline"
+												className="flex-1"
+												onClick={() => onOpenChange(false)}
+											>
 												Close
 											</Button>
-											<Button className="flex-1 gap-2" onClick={handleUseGlobalConfig} disabled={isSubmitting}>
+											<Button
+												className="flex-1 gap-2"
+												onClick={handleUseGlobalConfig}
+												disabled={isSubmitting}
+											>
 												{isSubmitting ? "Loading..." : "Use This Model"}
 											</Button>
 										</div>
@@ -379,7 +410,9 @@ export function ImageConfigSidebar({
 											<Input
 												placeholder="Optional description"
 												value={formData.description}
-												onChange={(e) => setFormData((p) => ({ ...p, description: e.target.value }))}
+												onChange={(e) =>
+													setFormData((p) => ({ ...p, description: e.target.value }))
+												}
 											/>
 										</div>
 
@@ -390,7 +423,9 @@ export function ImageConfigSidebar({
 											<Label className="text-sm font-medium">Provider *</Label>
 											<Select
 												value={formData.provider}
-												onValueChange={(val) => setFormData((p) => ({ ...p, provider: val, model_name: "" }))}
+												onValueChange={(val) =>
+													setFormData((p) => ({ ...p, provider: val, model_name: "" }))
+												}
 											>
 												<SelectTrigger>
 													<SelectValue placeholder="Select a provider" />
@@ -414,7 +449,11 @@ export function ImageConfigSidebar({
 											{suggestedModels.length > 0 ? (
 												<Popover open={modelComboboxOpen} onOpenChange={setModelComboboxOpen}>
 													<PopoverTrigger asChild>
-														<Button variant="outline" role="combobox" className="w-full justify-between font-normal">
+														<Button
+															variant="outline"
+															role="combobox"
+															className="w-full justify-between font-normal"
+														>
 															{formData.model_name || "Select or type a model..."}
 															<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
 														</Button>
@@ -424,11 +463,15 @@ export function ImageConfigSidebar({
 															<CommandInput
 																placeholder="Search or type model..."
 																value={formData.model_name}
-																onValueChange={(val) => setFormData((p) => ({ ...p, model_name: val }))}
+																onValueChange={(val) =>
+																	setFormData((p) => ({ ...p, model_name: val }))
+																}
 															/>
 															<CommandList>
 																<CommandEmpty>
-																	<span className="text-xs text-muted-foreground">Type a custom model name</span>
+																	<span className="text-xs text-muted-foreground">
+																		Type a custom model name
+																	</span>
 																</CommandEmpty>
 																<CommandGroup>
 																	{suggestedModels.map((m) => (
@@ -440,9 +483,18 @@ export function ImageConfigSidebar({
 																				setModelComboboxOpen(false);
 																			}}
 																		>
-																			<Check className={cn("mr-2 h-4 w-4", formData.model_name === m.value ? "opacity-100" : "opacity-0")} />
+																			<Check
+																				className={cn(
+																					"mr-2 h-4 w-4",
+																					formData.model_name === m.value
+																						? "opacity-100"
+																						: "opacity-0"
+																				)}
+																			/>
 																			<span className="font-mono text-sm">{m.value}</span>
-																			<span className="ml-2 text-xs text-muted-foreground">{m.label}</span>
+																			<span className="ml-2 text-xs text-muted-foreground">
+																				{m.label}
+																			</span>
 																		</CommandItem>
 																	))}
 																</CommandGroup>
@@ -454,7 +506,9 @@ export function ImageConfigSidebar({
 												<Input
 													placeholder="e.g., dall-e-3"
 													value={formData.model_name}
-													onChange={(e) => setFormData((p) => ({ ...p, model_name: e.target.value }))}
+													onChange={(e) =>
+														setFormData((p) => ({ ...p, model_name: e.target.value }))
+													}
 												/>
 											)}
 										</div>
@@ -489,14 +543,20 @@ export function ImageConfigSidebar({
 												<Input
 													placeholder="2024-02-15-preview"
 													value={formData.api_version}
-													onChange={(e) => setFormData((p) => ({ ...p, api_version: e.target.value }))}
+													onChange={(e) =>
+														setFormData((p) => ({ ...p, api_version: e.target.value }))
+													}
 												/>
 											</div>
 										)}
 
 										{/* Actions */}
 										<div className="flex gap-3 pt-4 border-t">
-											<Button variant="outline" className="flex-1" onClick={() => onOpenChange(false)}>
+											<Button
+												variant="outline"
+												className="flex-1"
+												onClick={() => onOpenChange(false)}
+											>
 												Cancel
 											</Button>
 											<Button

surfsense_web/components/new-chat/image-model-selector.tsx

@@ -54,8 +54,7 @@ export function ImageModelSelector({ className, onAddNew, onEdit }: ImageModelSe
 	const [open, setOpen] = useState(false);
 	const [searchQuery, setSearchQuery] = useState("");
 
-	const { data: globalConfigs, isLoading: globalLoading } =
-		useAtomValue(globalImageGenConfigsAtom);
+	const { data: globalConfigs, isLoading: globalLoading } = useAtomValue(globalImageGenConfigsAtom);
 	const { data: userConfigs, isLoading: userLoading } = useAtomValue(imageGenConfigsAtom);
 	const { data: preferences, isLoading: prefsLoading } = useAtomValue(llmPreferencesAtom);
 	const searchSpaceId = useAtomValue(activeSearchSpaceIdAtom);
@@ -225,59 +224,59 @@ export function ImageModelSelector({ className, onAddNew, onEdit }: ImageModelSe
 									<Globe className="size-3.5" />
 									Global Image Models
 								</div>
-							{filteredGlobal.map((config) => {
-								const isSelected = currentConfig?.id === config.id;
-								const isAuto = "is_auto_mode" in config && config.is_auto_mode;
-								return (
-									<CommandItem
-										key={`g-${config.id}`}
-										value={`g-${config.id}`}
-										onSelect={() => handleSelect(config.id)}
-										className={cn(
-											"mx-2 rounded-lg mb-1 cursor-pointer group transition-all hover:bg-accent/50",
-											isSelected && "bg-accent/80",
-											isAuto && "border border-violet-200 dark:border-violet-800/50"
-										)}
-									>
-										<div className="flex items-center gap-3 min-w-0 flex-1">
-											<div className="shrink-0">
-												{isAuto ? (
-													<Shuffle className="size-4 text-violet-500" />
-												) : (
-													<ImageIcon className="size-4 text-teal-500" />
+								{filteredGlobal.map((config) => {
+									const isSelected = currentConfig?.id === config.id;
+									const isAuto = "is_auto_mode" in config && config.is_auto_mode;
+									return (
+										<CommandItem
+											key={`g-${config.id}`}
+											value={`g-${config.id}`}
+											onSelect={() => handleSelect(config.id)}
+											className={cn(
+												"mx-2 rounded-lg mb-1 cursor-pointer group transition-all hover:bg-accent/50",
+												isSelected && "bg-accent/80",
+												isAuto && "border border-violet-200 dark:border-violet-800/50"
+											)}
+										>
+											<div className="flex items-center gap-3 min-w-0 flex-1">
+												<div className="shrink-0">
+													{isAuto ? (
+														<Shuffle className="size-4 text-violet-500" />
+													) : (
+														<ImageIcon className="size-4 text-teal-500" />
+													)}
+												</div>
+												<div className="min-w-0 flex-1">
+													<div className="flex items-center gap-2">
+														<span className="font-medium truncate">{config.name}</span>
+														{isAuto && (
+															<Badge
+																variant="secondary"
+																className="text-[9px] px-1 py-0 h-3.5 bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300 border-0"
+															>
+																Recommended
+															</Badge>
+														)}
+														{isSelected && <Check className="size-3.5 text-primary shrink-0" />}
+													</div>
+													<span className="text-xs text-muted-foreground truncate block">
+														{isAuto ? "Auto load balancing" : config.model_name}
+													</span>
+												</div>
+												{onEdit && (
+													<ChevronRight
+														className="size-3.5 text-muted-foreground shrink-0 opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
+														onClick={(e) => {
+															e.stopPropagation();
+															setOpen(false);
+															onEdit(config, true);
+														}}
+													/>
 												)}
 											</div>
-											<div className="min-w-0 flex-1">
-												<div className="flex items-center gap-2">
-													<span className="font-medium truncate">{config.name}</span>
-													{isAuto && (
-														<Badge
-															variant="secondary"
-															className="text-[9px] px-1 py-0 h-3.5 bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-300 border-0"
-														>
-															Recommended
-														</Badge>
-													)}
-													{isSelected && <Check className="size-3.5 text-primary shrink-0" />}
-												</div>
-												<span className="text-xs text-muted-foreground truncate block">
-													{isAuto ? "Auto load balancing" : config.model_name}
-												</span>
-											</div>
-											{onEdit && (
-												<ChevronRight
-													className="size-3.5 text-muted-foreground shrink-0 opacity-0 group-hover:opacity-100 transition-opacity cursor-pointer"
-													onClick={(e) => {
-														e.stopPropagation();
-														setOpen(false);
-														onEdit(config, true);
-													}}
-												/>
-											)}
-										</div>
-									</CommandItem>
-								);
-							})}
+										</CommandItem>
+									);
+								})}
 							</CommandGroup>
 						)}
 
@@ -290,51 +289,49 @@ export function ImageModelSelector({ className, onAddNew, onEdit }: ImageModelSe
 										<User className="size-3.5" />
 										Your Image Models
 									</div>
-								{filteredUser.map((config) => {
-									const isSelected = currentConfig?.id === config.id;
-									return (
-										<CommandItem
-											key={`u-${config.id}`}
-											value={`u-${config.id}`}
-											onSelect={() => handleSelect(config.id)}
-											className={cn(
-												"mx-2 rounded-lg mb-1 cursor-pointer group transition-all hover:bg-accent/50",
-												isSelected && "bg-accent/80"
-											)}
-										>
-											<div className="flex items-center gap-3 min-w-0 flex-1">
-												<div className="shrink-0">
-													<ImageIcon className="size-4 text-teal-500" />
-												</div>
-												<div className="min-w-0 flex-1">
-													<div className="flex items-center gap-2">
-														<span className="font-medium truncate">{config.name}</span>
-														{isSelected && (
-															<Check className="size-3.5 text-primary shrink-0" />
-														)}
-													</div>
-													<span className="text-xs text-muted-foreground truncate block">
-														{config.model_name}
-													</span>
-												</div>
-												{onEdit && (
-													<Button
-														variant="ghost"
-														size="icon"
-														className="h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
-														onClick={(e) => {
-															e.stopPropagation();
-															setOpen(false);
-															onEdit(config, false);
-														}}
-													>
-														<Edit3 className="size-3.5 text-muted-foreground" />
-													</Button>
+									{filteredUser.map((config) => {
+										const isSelected = currentConfig?.id === config.id;
+										return (
+											<CommandItem
+												key={`u-${config.id}`}
+												value={`u-${config.id}`}
+												onSelect={() => handleSelect(config.id)}
+												className={cn(
+													"mx-2 rounded-lg mb-1 cursor-pointer group transition-all hover:bg-accent/50",
+													isSelected && "bg-accent/80"
 												)}
-											</div>
-										</CommandItem>
-									);
-								})}
+											>
+												<div className="flex items-center gap-3 min-w-0 flex-1">
+													<div className="shrink-0">
+														<ImageIcon className="size-4 text-teal-500" />
+													</div>
+													<div className="min-w-0 flex-1">
+														<div className="flex items-center gap-2">
+															<span className="font-medium truncate">{config.name}</span>
+															{isSelected && <Check className="size-3.5 text-primary shrink-0" />}
+														</div>
+														<span className="text-xs text-muted-foreground truncate block">
+															{config.model_name}
+														</span>
+													</div>
+													{onEdit && (
+														<Button
+															variant="ghost"
+															size="icon"
+															className="h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity"
+															onClick={(e) => {
+																e.stopPropagation();
+																setOpen(false);
+																onEdit(config, false);
+															}}
+														>
+															<Edit3 className="size-3.5 text-muted-foreground" />
+														</Button>
+													)}
+												</div>
+											</CommandItem>
+										);
+									})}
 								</CommandGroup>
 							</>
 						)}

surfsense_web/components/new-chat/model-selector.tsx

@@ -392,8 +392,8 @@ export function ModelSelector({ onEdit, onAddNew, className }: ModelSelectorProp
 							</CommandGroup>
 						)}
 
-					{/* Add New Config Button */}
-					<div className="p-2 bg-muted/20">
+						{/* Add New Config Button */}
+						<div className="p-2 bg-muted/20">
 							<Button
 								variant="ghost"
 								size="sm"