whatsapp_web_groups/views/res_config_settings_views.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <record id="res_config_settings_view_form" model="ir.ui.view">
        <field name="name">res.config.settings.view.form.inherit.google.api</field>
        <field name="model">res.config.settings</field>
        <field name="inherit_id" ref="base_setup.res_config_settings_view_form"/>
        <field name="arch" type="xml">
            <xpath expr="//block[@name='integration']" position="inside">
                <setting string="Google API Integration" 
                         help="Integrate with Google Drive and Google Calendar"
                         id="google_api_integration_setting">
                    <field name="google_api_enabled"/>
                    <div class="content-group" invisible="not google_api_enabled" id="google_api_config">
                        <div class="mt16 row">
                            <label for="google_api_client_id" string="Google API Client ID" class="col-3 col-lg-3 o_light_label"/>
                            <field name="google_api_client_id" nolabel="1"/>
                        </div>
                        <div class="mt16 row">
                            <label for="google_api_client_secret" string="Google API Client Secret" class="col-3 col-lg-3 o_light_label"/>
                            <field name="google_api_client_secret" password="True" nolabel="1"/>
                        </div>
                        
                        <!-- Action Buttons -->
                        <div class="mt16 d-flex">
                            <button name="action_validate_credentials" 
                                    string="Validate Credentials" 
                                    type="object" 
                                    class="btn btn-secondary me-2"/>
                            <button name="action_test_google_api_connection" 
                                    string="Test Connection" 
                                    type="object" 
                                    class="btn btn-primary me-2"/>
                            <button name="action_connect_google_account" 
                                    string="Connect Google Account" 
                                    type="object" 
                                    class="btn btn-success me-2"/>
                            <button name="action_test_google_oauth_connection" 
                                    string="Test OAuth Connection" 
                                    type="object" 
                                    class="btn btn-info me-2"/>
                            <button name="action_show_oauth_redirect_uris" 
                                    string="Show Redirect URI" 
                                    type="object" 
                                    class="btn btn-warning"/>
                        </div>
                        
                        <!-- Help Info -->
                        <div class="mt16">
                            <div class="alert alert-info" role="alert">
                                <strong>Configuration Steps:</strong>
                                <ol class="mb-0 mt-2">
                                    <li><strong>Validate Credentials:</strong> Check if credentials are properly formatted</li>
                                    <li><strong>Test Connection:</strong> Verify connectivity to Google APIs</li>
                                    <li><strong>Show Redirect URI:</strong> Get the URL to configure in Google Cloud Console</li>
                                    <li><strong>Connect Google Account:</strong> Authorize access to Google Drive</li>
                                    <li><strong>Test OAuth Connection:</strong> Verify the OAuth connection is working</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </setting>
            </xpath>
        </field>
    </record>
</odoo>