whatsapp_web_groups/views/helpdesk_team_views.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>

    <record id="helpdesk_team_view_form_inherit_helpdesk_extras" model="ir.ui.view">
        <field name="name">helpdesk.team.form.inherit.helpdesk.extras</field>
        <field name="inherit_id" ref="helpdesk.helpdesk_team_view_form"/>
        <field name="model">helpdesk.team</field>
        <field name="arch" type="xml">
            <xpath expr="//button[@name='action_view_sla_policy']" position="after">
                <button name="action_open_share_team_wizard"
                        type="object"
                        class="oe_stat_button"
                        icon="fa-share-alt">
                    <field name="collaborator_ids" widget="statinfo" string="Collaborators"/>
                </button>
            </xpath>
            <xpath expr="//div[@id='channels']" position="before">
                <h2>Workflow Template</h2>
                <div class="row mt16 o_settings_container">
                    <setting string="Workflow Template" help="Select a workflow template to quickly set up stages and SLA policies">
                        <field name="workflow_template_id" options="{'no_create': True}"/>
                        <button name="%(helpdesk_extras.helpdesk_workflow_template_apply_wizard_action)d"
                                type="action"
                                string="Apply Template"
                                class="btn-primary mt-2"
                                context="{'active_id': id, 'default_team_id': id}"/>
                    </setting>
                </div>
                <h2>Template</h2>
                <div class="row mt16 o_settings_container">
                    <setting string="Ticket Template" help="Template to use for tickets in this team">
                        <field name="template_id" options="{'no_create': True}"/>
                    </setting>
                </div>
                <h2>Collaborators</h2>
                <div class="row mt16 o_settings_container">
                    <setting string="Team Collaborators" help="Partners with access to this helpdesk team">
                        <button name="action_open_share_team_wizard"
                                type="object"
                                string="Share Team"
                                class="btn-primary"/>
                        <field name="collaborator_ids" nolabel="1" class="mt16">
                            <list string="Collaborators" editable="bottom">
                                <field name="partner_id" options="{'no_create': True, 'no_open': True}"/>
                                <field name="partner_email"/>
                                <field name="access_mode"/>
                            </list>
                        </field>
                    </setting>
                </div>
            </xpath>
        </field>
    </record>

    <record id="helpdesk_team_view_kanban_inherit_helpdesk_extras_new" model="ir.ui.view">
        <field name="name">helpdesk.team.kanban.inherit.helpdesk.extras.new</field>
        <field name="inherit_id" ref="helpdesk.helpdesk_team_view_kanban"/>
        <field name="model">helpdesk.team</field>
        <field name="priority">100</field>
        <field name="arch" type="xml">
            <xpath expr="//templates" position="before">
                <field name="has_hours_stats"/>
                <field name="hours_percentage_used"/>
                <field name="hours_total_available"/>
                <field name="hours_total_used"/>
            </xpath>
            
            <xpath expr="//div[contains(@class, 'mt-auto')]" position="before">
                <div t-if="record.has_hours_stats.raw_value" class="mt-3 mb-2">
                    <div class="d-flex justify-content-between mb-1">
                        <span class="text-muted small fw-bold">Hours Consumption</span>
                        <span class="fw-bold small">
                            <t t-esc="Math.round(record.hours_percentage_used.raw_value)"/>%
                        </span>
                    </div>
                    <div class="progress" style="height: 6px;">
                        <div role="progressbar" 
                             t-attf-style="width: #{record.hours_percentage_used.raw_value}%;" 
                             t-att-aria-valuenow="record.hours_percentage_used.raw_value" 
                             aria-valuemin="0" 
                             aria-valuemax="100"
                             t-attf-class="progress-bar #{record.hours_percentage_used.raw_value > 100 ? 'bg-danger' : (record.hours_percentage_used.raw_value > 80 ? 'bg-warning' : 'bg-primary')}"/>
                    </div>
                    <div class="d-flex justify-content-between mt-1">
                        <span class="text-muted small" style="font-size: 0.75rem;">
                            Used: <field name="hours_total_used" widget="float_time"/>
                        </span>
                        <span class="text-muted small" style="font-size: 0.75rem;">
                            Avail: <field name="hours_total_available" widget="float_time"/>
                        </span>
                    </div>
                </div>
            </xpath>
        </field>
    </record>

</odoo>