Prezados, boa tarde

Estou desenvolvendo uma solução interna para empresa onde eu trabalho em AngularJs.

Preciso carregar dois chats na minha página web dessa forma:

estou usando o metodo .build() sempre que eu clico em um dos balões e o método .destroy() quando aperto em fechar, porém dessa forma o carregamento tem sido muito lento.

Gostaria de dar um “.build()” em ambos os chats assim que a página fosse carregada e os manter ocultos, e o os botões acima iriam servir apenas para alternar entre display “none” e “block”, porém quando tento fazer dessa forma apenas um dos chats é carregado, acredito que esteja dando algum conflito entre os dois snippets. Poderiam me ajudar com essa solução e me dar o caminho das pedras para que eu pudesse dar andamento no meu projeto?

Segue o meu código para análise: