import { FormSection } from '@/components/forms/FormSection' import { getDefaultSettingsState, useSettings } from '@/services/settings' import { ComputeProvider } from '@aitube/clapper-services' import { FormSelect } from '../forms/FormSelect' import { availableComputeProvidersForSound, computeProviderShortNames, } from './constants' import { FormInput } from '../forms/FormInput' export function SettingsSectionSound() { const defaultSettings = getDefaultSettingsState() const soundProvider = useSettings((s) => s.soundProvider) const setSoundProvider = useSettings((s) => s.setSoundProvider) /* const huggingFaceModelForSound = useSettings(s => s.huggingFaceModelForSound) const setHuggingFaceModelForSound = useSettings(s => s.setHuggingFaceModelForSound) const replicateModelForSound = useSettings(s => s.replicateModelForSound) const setReplicateModelForSound = useSettings(s => s.setReplicateModelForSound) const falAiModelForSound = useSettings(s => s.falAiModelForSound) const setFalAiModelForSound = useSettings(s => s.setFalAiModelForSound) const modelsLabModelForSound = useSettings(s => s.modelsLabModelForSound) const setModelsLabModelForSound = useSettings(s => s.setModelsLabModelForSound) */ const comfyWorkflowForSound = useSettings((s) => s.comfyWorkflowForSound) const setComfyWorkflowForSound = useSettings( (s) => s.setComfyWorkflowForSound ) return (