mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 20:18:08 +00:00
1602b071db
This PR adds the components for new Copilot UI - Added a Header component - Added a thinking block. - Update the outline on copilot input --------- Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
33 lines
768 B
Vue
33 lines
768 B
Vue
<script setup>
|
|
import Button from '../button/Button.vue';
|
|
defineProps({
|
|
hasMessages: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
defineEmits(['reset', 'close']);
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="flex items-center justify-between px-5 py-2 border-b border-n-weak h-12"
|
|
>
|
|
<div class="flex items-center justify-between gap-2 flex-1">
|
|
<span class="font-medium text-sm text-n-slate-12">
|
|
{{ $t('CAPTAIN.COPILOT.TITLE') }}
|
|
</span>
|
|
<div class="flex items-center">
|
|
<Button
|
|
v-if="hasMessages"
|
|
icon="i-lucide-plus"
|
|
ghost
|
|
sm
|
|
@click="$emit('reset')"
|
|
/>
|
|
<Button icon="i-lucide-x" ghost sm @click="$emit('close')" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|