5bf39d20e5
# Pull Request Template ## Description This PR includes an update to the Captain navigation structure. ## Route Structure ```javascript 1. captain_assistants_responses_index → /captain/:assistantId/faqs 2. captain_assistants_documents_index → /captain/:assistantId/documents 3. captain_assistants_scenarios_index → /captain/:assistantId/scenarios 4. captain_assistants_playground_index → /captain/:assistantId/playground 5. captain_assistants_inboxes_index → /captain/:assistantId/inboxes 6. captain_tools_index → /captain/tools 7. captain_assistants_settings_index → /captain/:assistantId/settings 8. captain_assistants_guardrails_index → /captain/:assistantId/settings/guardrails 9. captain_assistants_guidelines_index → /captain/:assistantId/settings/guidelines 10. captain_assistants_index → /captain/:navigationPath ``` **How it works:** 1. User clicks sidebar item → Routes to `captain_assistants_index` with `navigationPath` 2. `AssistantsIndexPage` validates route and gets last active assistant, if not redirects to assistant create page. 3. Routes to actual page: `/captain/:assistantId/:page` 4. Page loads with correct assistant context Fixes https://linear.app/chatwoot/issue/CW-5832/updating-captain-navigation ## Type of change - [x] New feature (non-breaking change which adds functionality) ## How Has This Been Tested? ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [ ] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules --------- Co-authored-by: Pranav <pranav@chatwoot.com> Co-authored-by: Sojan Jose <sojan@pepalo.com>
98 lines
2.3 KiB
Vue
98 lines
2.3 KiB
Vue
<script setup>
|
|
import { ref, computed } from 'vue';
|
|
import { useStore } from 'dashboard/composables/store';
|
|
import { useAlert } from 'dashboard/composables';
|
|
import { useI18n } from 'vue-i18n';
|
|
|
|
import Dialog from 'dashboard/components-next/dialog/Dialog.vue';
|
|
import AssistantForm from './AssistantForm.vue';
|
|
|
|
const props = defineProps({
|
|
selectedAssistant: {
|
|
type: Object,
|
|
default: () => ({}),
|
|
},
|
|
type: {
|
|
type: String,
|
|
default: 'create',
|
|
validator: value => ['create', 'edit'].includes(value),
|
|
},
|
|
});
|
|
const emit = defineEmits(['close', 'created']);
|
|
const { t } = useI18n();
|
|
const store = useStore();
|
|
|
|
const dialogRef = ref(null);
|
|
const assistantForm = ref(null);
|
|
|
|
const updateAssistant = assistantDetails =>
|
|
store.dispatch('captainAssistants/update', {
|
|
id: props.selectedAssistant.id,
|
|
...assistantDetails,
|
|
});
|
|
|
|
const i18nKey = computed(
|
|
() => `CAPTAIN.ASSISTANTS.${props.type.toUpperCase()}`
|
|
);
|
|
|
|
const createAssistant = async assistantDetails => {
|
|
try {
|
|
const newAssistant = await store.dispatch(
|
|
'captainAssistants/create',
|
|
assistantDetails
|
|
);
|
|
emit('created', newAssistant);
|
|
} catch (error) {
|
|
const errorMessage = error?.message || t(`${i18nKey.value}.ERROR_MESSAGE`);
|
|
useAlert(errorMessage);
|
|
}
|
|
};
|
|
|
|
const handleSubmit = async updatedAssistant => {
|
|
try {
|
|
if (props.type === 'edit') {
|
|
await updateAssistant(updatedAssistant);
|
|
} else {
|
|
await createAssistant(updatedAssistant);
|
|
}
|
|
useAlert(t(`${i18nKey.value}.SUCCESS_MESSAGE`));
|
|
dialogRef.value.close();
|
|
} catch (error) {
|
|
const errorMessage = error?.message || t(`${i18nKey.value}.ERROR_MESSAGE`);
|
|
useAlert(errorMessage);
|
|
}
|
|
};
|
|
|
|
const handleClose = () => {
|
|
emit('close');
|
|
};
|
|
|
|
const handleCancel = () => {
|
|
dialogRef.value.close();
|
|
};
|
|
|
|
defineExpose({ dialogRef });
|
|
</script>
|
|
|
|
<template>
|
|
<Dialog
|
|
ref="dialogRef"
|
|
type="edit"
|
|
:title="t(`${i18nKey}.TITLE`)"
|
|
:description="t('CAPTAIN.ASSISTANTS.FORM_DESCRIPTION')"
|
|
:show-cancel-button="false"
|
|
:show-confirm-button="false"
|
|
overflow-y-auto
|
|
@close="handleClose"
|
|
>
|
|
<AssistantForm
|
|
ref="assistantForm"
|
|
:mode="type"
|
|
:assistant="selectedAssistant"
|
|
@submit="handleSubmit"
|
|
@cancel="handleCancel"
|
|
/>
|
|
<template #footer />
|
|
</Dialog>
|
|
</template>
|