refactor: update volume backup and environment description handling to use undefined instead of null for improved consistency; enhance error handling in AI component

apps/dokploy/components/dashboard/application/volume-backups/handle-volume-backups.tsx

@@ -207,7 +207,7 @@ export const HandleVolumeBackups = ({
 
 		await mutateAsync({
 			...values,
-			keepLatestCount: preparedKeepLatestCount,
+			keepLatestCount: preparedKeepLatestCount ?? undefined,
 			destinationId: values.destinationId,
 			volumeBackupId: volumeBackupId || "",
 			serviceType: volumeBackupType,

apps/dokploy/components/dashboard/project/advanced-environment-selector.tsx

@@ -93,7 +93,7 @@ export const AdvancedEnvironmentSelector = ({
 			await createEnvironment.mutateAsync({
 				projectId,
 				name: name.trim(),
-				description: description.trim() || null,
+				description: description.trim() || undefined,
 			});
 
 			toast.success("Environment created successfully");
@@ -115,7 +115,7 @@ export const AdvancedEnvironmentSelector = ({
 			await updateEnvironment.mutateAsync({
 				environmentId: selectedEnvironment.environmentId,
 				name: name.trim(),
-				description: description.trim() || null,
+				description: description.trim() || undefined,
 			});
 
 			toast.success("Environment updated successfully");
@@ -168,7 +168,7 @@ export const AdvancedEnvironmentSelector = ({
 			const result = await duplicateEnvironment.mutateAsync({
 				environmentId: environment.environmentId,
 				name: `${environment.name}-copy`,
-				description: environment.description,
+				description: environment.description || undefined,
 			});
 
 			toast.success("Environment duplicated successfully");

apps/dokploy/components/dashboard/settings/handle-ai.tsx

@@ -57,7 +57,6 @@ interface Props {
 
 export const HandleAi = ({ aiId }: Props) => {
 	const utils = api.useUtils();
-	const [error, setError] = useState<string | null>(null);
 	const [open, setOpen] = useState(false);
 	const [modelPopoverOpen, setModelPopoverOpen] = useState(false);
 	const [modelSearch, setModelSearch] = useState("");
@@ -102,19 +101,19 @@ export const HandleAi = ({ aiId }: Props) => {
 	const apiKey = form.watch("apiKey");
 
 	const isOllama = apiUrl.includes(":11434") || apiUrl.includes("ollama");
-	const { data: models, isPending: isLoadingServerModels } =
-		api.ai.getModels.useQuery(
-			{
-				apiUrl: apiUrl ?? "",
-				apiKey: apiKey ?? "",
-			},
-			{
-				enabled: !!apiUrl && (isOllama || !!apiKey),
-				onError: (error) => {
-					setError(`Failed to fetch models: ${error.message}`);
-				},
-			},
-		);
+	const {
+		data: models,
+		isPending: isLoadingServerModels,
+		error: modelsError,
+	} = api.ai.getModels.useQuery(
+		{
+			apiUrl: apiUrl ?? "",
+			apiKey: apiKey ?? "",
+		},
+		{
+			enabled: !!apiUrl && (isOllama || !!apiKey),
+		},
+	);
 
 	const onSubmit = async (data: Schema) => {
 		try {
@@ -169,7 +168,9 @@ export const HandleAi = ({ aiId }: Props) => {
 					</DialogDescription>
 				</DialogHeader>
 				<Form {...form}>
-					{error && <AlertBlock type="error">{error}</AlertBlock>}
+					{modelsError && (
+						<AlertBlock type="error">{modelsError.message}</AlertBlock>
+					)}
 					<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-2">
 						<FormField
 							control={form.control}