mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-06 14:08:10 +00:00
6096932f76
This PR introduces a review step for generated FAQs, allowing a human to validate and approve them before use in customer interactions. While hallucinations are minimal, this step ensures accurate and reliable FAQs for Captain to use during LLM calls when responding to customers. - Added a status field for the FAQ - Allow the filter on the UI. <img width="1072" alt="Screenshot 2025-01-15 at 6 39 26 PM" src="https://github.com/user-attachments/assets/81dfc038-31e9-40e6-8a09-586ebc4e8384" />
70 lines
1.9 KiB
Vue
70 lines
1.9 KiB
Vue
<script setup>
|
|
import { ref, computed, onMounted } from 'vue';
|
|
import { useStore, useMapGetter } from 'dashboard/composables/store';
|
|
import { useI18n } from 'vue-i18n';
|
|
import Spinner from 'dashboard/components-next/spinner/Spinner.vue';
|
|
import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
|
|
import ResponseCard from '../../assistant/ResponseCard.vue';
|
|
const props = defineProps({
|
|
captainDocument: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
});
|
|
const emit = defineEmits(['close']);
|
|
const { t } = useI18n();
|
|
const store = useStore();
|
|
const dialogRef = ref(null);
|
|
|
|
const uiFlags = useMapGetter('captainResponses/getUIFlags');
|
|
const responses = useMapGetter('captainResponses/getRecords');
|
|
const isFetching = computed(() => uiFlags.value.fetchingList);
|
|
|
|
const handleClose = () => {
|
|
emit('close');
|
|
};
|
|
|
|
onMounted(() => {
|
|
store.dispatch('captainResponses/get', {
|
|
assistantId: props.captainDocument.assistant.id,
|
|
documentId: props.captainDocument.id,
|
|
});
|
|
});
|
|
defineExpose({ dialogRef });
|
|
</script>
|
|
|
|
<template>
|
|
<Dialog
|
|
ref="dialogRef"
|
|
type="edit"
|
|
:title="t('CAPTAIN.DOCUMENTS.RELATED_RESPONSES.TITLE')"
|
|
:description="t('CAPTAIN.DOCUMENTS.RELATED_RESPONSES.DESCRIPTION')"
|
|
:show-cancel-button="false"
|
|
:show-confirm-button="false"
|
|
overflow-y-auto
|
|
width="3xl"
|
|
@close="handleClose"
|
|
>
|
|
<div
|
|
v-if="isFetching"
|
|
class="flex items-center justify-center py-10 text-n-slate-11"
|
|
>
|
|
<Spinner />
|
|
</div>
|
|
<div v-else class="flex flex-col gap-3 min-h-48">
|
|
<ResponseCard
|
|
v-for="response in responses"
|
|
:id="response.id"
|
|
:key="response.id"
|
|
:question="response.question"
|
|
:status="response.status"
|
|
:answer="response.answer"
|
|
:assistant="response.assistant"
|
|
:created-at="response.created_at"
|
|
:updated-at="response.updated_at"
|
|
compact
|
|
/>
|
|
</div>
|
|
</Dialog>
|
|
</template>
|