From 7ae36411dbaa8d9a147ef03d6a37caef44a34471 Mon Sep 17 00:00:00 2001
From: Francisco Gaona <francisco.gaona@neogenia.com.mx>
Date: Thu, 8 Jan 2026 00:28:45 +0100
Subject: [PATCH] WIP - move AI suggestions

---
 frontend/components/BottomDrawer.vue | 72 ++++++++++++++--------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/frontend/components/BottomDrawer.vue b/frontend/components/BottomDrawer.vue
index 5c74e0c..93d156f 100644
--- a/frontend/components/BottomDrawer.vue
+++ b/frontend/components/BottomDrawer.vue
@@ -266,6 +266,42 @@ onBeforeUnmount(() => {
                 </div>
               </div>
 
+              <div v-if="softphone.aiSuggestions.value.length > 0" class="space-y-2">
+                <h3 class="text-sm font-semibold flex items-center gap-2">
+                  <span>AI Assistant</span>
+                  <span class="px-2 py-0.5 text-xs bg-blue-100 text-blue-700 rounded-full">
+                    {{ softphone.aiSuggestions.value.length }}
+                  </span>
+                </h3>
+                <div class="space-y-2 max-h-40 overflow-y-auto">
+                  <div
+                    v-for="(suggestion, index) in softphone.aiSuggestions.value.slice(0, 5)"
+                    :key="index"
+                    class="rounded-lg border p-3 text-sm transition-all"
+                    :class="{
+                      'bg-blue-50 border-blue-200': suggestion.type === 'response',
+                      'bg-emerald-50 border-emerald-200': suggestion.type === 'action',
+                      'bg-purple-50 border-purple-200': suggestion.type === 'insight',
+                    }"
+                  >
+                    <div class="flex items-center gap-2 mb-1">
+                      <span
+                        class="text-xs font-semibold uppercase"
+                        :class="{
+                          'text-blue-700': suggestion.type === 'response',
+                          'text-emerald-700': suggestion.type === 'action',
+                          'text-purple-700': suggestion.type === 'insight',
+                        }"
+                      >
+                        {{ suggestion.type }}
+                      </span>
+                      <span class="text-xs text-muted-foreground">just now</span>
+                    </div>
+                    <p class="leading-relaxed">{{ suggestion.text }}</p>
+                  </div>
+                </div>
+              </div>
+
               <div v-if="softphone.incomingCall.value" class="rounded-lg border border-blue-200 bg-blue-50/60 p-4">
                 <div class="text-center space-y-4">
                   <div>
@@ -329,42 +365,6 @@ onBeforeUnmount(() => {
                 </div>
               </div>
 
-              <div v-if="softphone.aiSuggestions.value.length > 0" class="space-y-2">
-                <h3 class="text-sm font-semibold flex items-center gap-2">
-                  <span>AI Assistant</span>
-                  <span class="px-2 py-0.5 text-xs bg-blue-100 text-blue-700 rounded-full">
-                    {{ softphone.aiSuggestions.value.length }}
-                  </span>
-                </h3>
-                <div class="space-y-2 max-h-40 overflow-y-auto">
-                  <div
-                    v-for="(suggestion, index) in softphone.aiSuggestions.value.slice(0, 5)"
-                    :key="index"
-                    class="rounded-lg border p-3 text-sm transition-all"
-                    :class="{
-                      'bg-blue-50 border-blue-200': suggestion.type === 'response',
-                      'bg-emerald-50 border-emerald-200': suggestion.type === 'action',
-                      'bg-purple-50 border-purple-200': suggestion.type === 'insight',
-                    }"
-                  >
-                    <div class="flex items-center gap-2 mb-1">
-                      <span
-                        class="text-xs font-semibold uppercase"
-                        :class="{
-                          'text-blue-700': suggestion.type === 'response',
-                          'text-emerald-700': suggestion.type === 'action',
-                          'text-purple-700': suggestion.type === 'insight',
-                        }"
-                      >
-                        {{ suggestion.type }}
-                      </span>
-                      <span class="text-xs text-muted-foreground">just now</span>
-                    </div>
-                    <p class="leading-relaxed">{{ suggestion.text }}</p>
-                  </div>
-                </div>
-              </div>
-
               <div v-if="!softphone.currentCall.value && !softphone.incomingCall.value" class="space-y-4">
                 <div>
                   <label class="text-sm font-medium">Phone Number</label>