From 9f68e65895c46b4b4250d979eab0e2a820ef2ca5 Mon Sep 17 00:00:00 2001
From: PedroMiolaSilva <pedro.silva@azion.com>
Date: Thu, 23 Jan 2025 16:32:16 -0300
Subject: [PATCH 1/2] fix: new chat button

---
 templates/vue/vue3-ai-chatbot-widget/src/App.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/templates/vue/vue3-ai-chatbot-widget/src/App.vue b/templates/vue/vue3-ai-chatbot-widget/src/App.vue
index f40964e1..29a836dd 100644
--- a/templates/vue/vue3-ai-chatbot-widget/src/App.vue
+++ b/templates/vue/vue3-ai-chatbot-widget/src/App.vue
@@ -20,6 +20,7 @@
             />
           </div>
         </template>
+        <template #end>
         <div class="flex gap-3">
           <PrimeButton
             icon="pi pi-eraser"
@@ -29,14 +30,6 @@
             v-tooltip.bottom="'New chat'"
             @click="clearChat"
           />
-          <PrimeButton
-            icon="pi pi-external-link"
-            outlined
-            class="surface-border h-8 w-8"
-            aria-label="Open a chat in new tab"
-            v-tooltip.bottom="'Open a chat in new tab'"
-            @click="openChatInNewTab"
-          />
           <PrimeButton
             icon="pi pi-times"
             outlined
@@ -46,6 +39,7 @@
             @click="closeSidebar"
           />
         </div>
+        </template>
       </Toolbar>
       <div
         class="flex flex-auto flex-col overflow-x-hidden p-6 pt-3 custom-scroll"

From d395421058faf8d79294ecc5989912f69bdf28bd Mon Sep 17 00:00:00 2001
From: PedroMiolaSilva <pedro.silva@azion.com>
Date: Fri, 24 Jan 2025 10:24:09 -0300
Subject: [PATCH 2/2] fix: close button

---
 templates/vue/vue3-ai-chatbot-widget/src/App.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/templates/vue/vue3-ai-chatbot-widget/src/App.vue b/templates/vue/vue3-ai-chatbot-widget/src/App.vue
index 29a836dd..59b16abb 100644
--- a/templates/vue/vue3-ai-chatbot-widget/src/App.vue
+++ b/templates/vue/vue3-ai-chatbot-widget/src/App.vue
@@ -154,6 +154,11 @@
   const toggleChat = () => {
     chatVisible.value = !chatVisible.value
   }
+
+  const closeSidebar = () => {
+    chatVisible.value = false
+  }
+  
 </script>
 
 <style>