mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-17 10:02:05 +00:00
99 lines
2.6 KiB
Vue
99 lines
2.6 KiB
Vue
<script lang="ts" setup>
|
|
import { NEW_ASSISTANT_SESSION_MODAL } from '@/constants';
|
|
import Modal from '../Modal.vue';
|
|
import AssistantIcon from 'n8n-design-system/components/AskAssistantIcon/AssistantIcon.vue';
|
|
import AssistantText from 'n8n-design-system/components/AskAssistantText/AssistantText.vue';
|
|
import { useI18n } from '@/composables/useI18n';
|
|
import { useUIStore } from '@/stores/ui.store';
|
|
import type { ChatRequest } from '@/types/assistant.types';
|
|
import { useAssistantStore } from '@/stores/assistant.store';
|
|
import type { ICredentialType } from 'n8n-workflow';
|
|
|
|
const i18n = useI18n();
|
|
const uiStore = useUIStore();
|
|
const assistantStore = useAssistantStore();
|
|
|
|
const props = defineProps<{
|
|
name: string;
|
|
data: {
|
|
context: { errorHelp: ChatRequest.ErrorContext } | { credHelp: { credType: ICredentialType } };
|
|
};
|
|
}>();
|
|
|
|
const close = () => {
|
|
uiStore.closeModal(NEW_ASSISTANT_SESSION_MODAL);
|
|
};
|
|
|
|
const startNewSession = async () => {
|
|
if ('errorHelp' in props.data.context) {
|
|
await assistantStore.initErrorHelper(props.data.context.errorHelp);
|
|
assistantStore.trackUserOpenedAssistant({
|
|
source: 'error',
|
|
task: 'error',
|
|
has_existing_session: true,
|
|
});
|
|
} else if ('credHelp' in props.data.context) {
|
|
await assistantStore.initCredHelp(props.data.context.credHelp.credType);
|
|
}
|
|
close();
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<Modal
|
|
width="460px"
|
|
height="250px"
|
|
data-test-id="new-assistant-session-modal"
|
|
:name="NEW_ASSISTANT_SESSION_MODAL"
|
|
:center="true"
|
|
:append-to-body="true"
|
|
>
|
|
<template #header>
|
|
{{ i18n.baseText('aiAssistant.newSessionModal.title.part1') }}
|
|
<span :class="$style.assistantIcon"><AssistantIcon size="medium" /></span>
|
|
<AssistantText size="xlarge" :text="i18n.baseText('aiAssistant.assistant')" />
|
|
{{ i18n.baseText('aiAssistant.newSessionModal.title.part2') }}
|
|
</template>
|
|
<template #content>
|
|
<div :class="$style.container">
|
|
<p>
|
|
<n8n-text>{{ i18n.baseText('aiAssistant.newSessionModal.message') }}</n8n-text>
|
|
</p>
|
|
<p>
|
|
<n8n-text>{{ i18n.baseText('aiAssistant.newSessionModal.question') }}</n8n-text>
|
|
</p>
|
|
</div>
|
|
</template>
|
|
<template #footer>
|
|
<div :class="$style.footer">
|
|
<n8n-button :label="i18n.baseText('generic.cancel')" type="secondary" @click="close" />
|
|
<n8n-button
|
|
:label="i18n.baseText('aiAssistant.newSessionModal.confirm')"
|
|
@click="startNewSession"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</Modal>
|
|
</template>
|
|
|
|
<style lang="scss" module>
|
|
.container {
|
|
p {
|
|
line-height: normal;
|
|
}
|
|
p + p {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
.assistantIcon {
|
|
margin-right: var(--spacing-4xs);
|
|
}
|
|
|
|
.footer {
|
|
display: flex;
|
|
gap: 10px;
|
|
justify-content: flex-end;
|
|
}
|
|
</style>
|