fb6409508b
- Ability to provide custom instructions to captain <img width="1107" alt="Screenshot 2025-04-28 at 6 11 43 PM" src="https://github.com/user-attachments/assets/f94cbccc-b4d8-48fd-b6b9-55524129bc50" />
72 lines
2.3 KiB
Vue
72 lines
2.3 KiB
Vue
<script setup>
|
|
import { computed, onMounted } from 'vue';
|
|
import { useRoute } from 'vue-router';
|
|
import { useStore } from 'dashboard/composables/store';
|
|
import { useMapGetter } from 'dashboard/composables/store';
|
|
import { useAlert } from 'dashboard/composables';
|
|
import { useI18n } from 'vue-i18n';
|
|
import PageLayout from 'dashboard/components-next/captain/PageLayout.vue';
|
|
import EditAssistantForm from '../../../../components-next/captain/pageComponents/assistant/EditAssistantForm.vue';
|
|
import AssistantPlayground from 'dashboard/components-next/captain/assistant/AssistantPlayground.vue';
|
|
|
|
const route = useRoute();
|
|
const store = useStore();
|
|
const { t } = useI18n();
|
|
const assistantId = route.params.assistantId;
|
|
const uiFlags = useMapGetter('captainAssistants/getUIFlags');
|
|
const isFetching = computed(() => uiFlags.value.fetchingItem);
|
|
const assistant = computed(() =>
|
|
store.getters['captainAssistants/getRecord'](Number(assistantId))
|
|
);
|
|
|
|
const isAssistantAvailable = computed(() => !!assistant.value?.id);
|
|
|
|
const handleSubmit = async updatedAssistant => {
|
|
try {
|
|
await store.dispatch('captainAssistants/update', {
|
|
id: assistantId,
|
|
...updatedAssistant,
|
|
});
|
|
useAlert(t('CAPTAIN.ASSISTANTS.EDIT.SUCCESS_MESSAGE'));
|
|
} catch (error) {
|
|
const errorMessage =
|
|
error?.message || t('CAPTAIN.ASSISTANTS.EDIT.ERROR_MESSAGE');
|
|
useAlert(errorMessage);
|
|
}
|
|
};
|
|
|
|
onMounted(() => {
|
|
if (!isAssistantAvailable.value) {
|
|
store.dispatch('captainAssistants/show', assistantId);
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<PageLayout
|
|
:header-title="assistant?.name"
|
|
:show-pagination-footer="false"
|
|
:is-fetching="isFetching"
|
|
:show-know-more="false"
|
|
:back-url="{ name: 'captain_assistants_index' }"
|
|
>
|
|
<template #body>
|
|
<div v-if="!isAssistantAvailable">
|
|
{{ t('CAPTAIN.ASSISTANTS.EDIT.NOT_FOUND') }}
|
|
</div>
|
|
<div v-else class="flex gap-4 h-full">
|
|
<div class="flex-1 lg:overflow-auto pr-4 h-full md:h-auto">
|
|
<EditAssistantForm
|
|
:assistant="assistant"
|
|
mode="edit"
|
|
@submit="handleSubmit"
|
|
/>
|
|
</div>
|
|
<div class="w-[400px] hidden lg:block h-full">
|
|
<AssistantPlayground :assistant-id="Number(assistantId)" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</PageLayout>
|
|
</template>
|