neogenia/neo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP - move AI suggestions

Browse Source
This commit is contained in:
Francisco Gaona
2026-01-08 00:28:45 +01:00
parent c9a3e00a94
commit 7ae36411db
1 changed files with 36 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
frontend/components/BottomDrawer.vue
View File

@@ -266,6 +266,42 @@ onBeforeUnmount(() => {
</div> </div>
</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 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 class="text-center space-y-4">
<div> <div>
@@ -329,42 +365,6 @@ onBeforeUnmount(() => {
</div> </div>
</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 v-if="!softphone.currentCall.value && !softphone.incomingCall.value" class="space-y-4">
<div> <div>
<label class="text-sm font-medium">Phone Number</label> <label class="text-sm font-medium">Phone Number</label>