<Controller

control={control}

name='support_image'

render={({ field }) => (

<FormControlLabel

control={

<Checkbox

checked={field.value}

onChange={(e) => field.onChange(e.target.checked)}

size='small'

/>

}

label={

<Box sx={{ fontSize: 12 }}>

图像支持

<Box component="span" sx={{ ml: 1, color: 'text.secondary', fontSize: 11 }}>

(此模型是否能够处理和理解图像？)

</Box>

</Box>

}

sx={{ margin: 0 }}

/>

)}

/>

<Controller

control={control}

name='support_compute'

render={({ field }) => (

<FormControlLabel

control={

<Checkbox

checked={field.value}

onChange={(e) => field.onChange(e.target.checked)}

size='small'

/>

}

label={

<Box sx={{ fontSize: 12 }}>

计算机功能调用

<Box component="span" sx={{ ml: 1, color: 'text.secondary', fontSize: 11 }}>

(此模型是否能够与浏览器交互？)

</Box>

</Box>

}

sx={{ margin: 0 }}

/>

)}

/>

<Controller

control={control}

name='support_prompt_caching'

render={({ field }) => (

<FormControlLabel

control={

<Checkbox

checked={field.value}

onChange={(e) => field.onChange(e.target.checked)}

size='small'

/>

}

label={

<Box sx={{ fontSize: 12 }}>

提示缓存

<Box component="span" sx={{ ml: 1, color: 'text.secondary', fontSize: 11 }}>

(此模型是否能够缓存提示？)

</Box>

</Box>

}

sx={{ margin: 0 }}

/>

)}

/>