diff --git a/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue b/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue index 6e332da020c..1363374e3a6 100644 --- a/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue +++ b/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/AskAssistantChat.vue @@ -27,7 +27,6 @@ interface Props { disabled?: boolean; loadingMessage?: string; sessionId?: string; - title?: string; inputPlaceholder?: string; scrollOnNewMessage?: boolean; showStop?: boolean; @@ -50,7 +49,6 @@ const emit = defineEmits<{ const onClose = () => emit('close'); const props = withDefaults(defineProps(), { - title: () => useI18n().t('assistantChat.aiAssistantLabel'), user: () => ({ firstName: '', lastName: '', @@ -348,8 +346,11 @@ defineExpose({
- - +
+ + +
+ {{ t('assistantChat.aiAssistantBetaLabel') }}
@@ -513,6 +514,12 @@ defineExpose({ } } +.betaTag { + color: var(--color-text-base); + font-size: var(--font-size-2xs); + font-weight: var(--font-weight-bold); +} + .body { background-color: var(--color-background-light); border: var(--border-base); @@ -563,7 +570,11 @@ defineExpose({ } .headerText { - gap: var(--spacing-xs); + gap: var(--spacing-3xs); +} + +.assistantTitle { + gap: var(--spacing-2xs); } .greeting { diff --git a/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/__snapshots__/AskAssistantChat.test.ts.snap b/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/__snapshots__/AskAssistantChat.test.ts.snap index eb9714e04c2..5355322625f 100644 --- a/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/__snapshots__/AskAssistantChat.test.ts.snap +++ b/packages/frontend/@n8n/design-system/src/components/AskAssistantChat/__snapshots__/AskAssistantChat.test.ts.snap @@ -14,14 +14,23 @@ exports[`AskAssistantChat > limits maximum input length when maxCharacterLength
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
@@ -107,14 +116,23 @@ exports[`AskAssistantChat > renders chat with messages correctly 1`] = `
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
@@ -332,14 +350,23 @@ exports[`AskAssistantChat > renders default placeholder chat correctly 1`] = `
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
@@ -425,14 +452,23 @@ exports[`AskAssistantChat > renders end of session chat correctly 1`] = `
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
@@ -561,14 +597,23 @@ exports[`AskAssistantChat > renders error message correctly with retry button 1`
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
@@ -682,14 +727,23 @@ exports[`AskAssistantChat > renders message with code snippet 1`] = `
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
@@ -803,14 +857,23 @@ exports[`AskAssistantChat > renders streaming chat correctly 1`] = `
- - +
+ + +
+ + assistantChat.aiAssistantBetaLabel +
diff --git a/packages/frontend/@n8n/design-system/src/locale/lang/en.ts b/packages/frontend/@n8n/design-system/src/locale/lang/en.ts index 76efad6887e..ec75dc7d29e 100644 --- a/packages/frontend/@n8n/design-system/src/locale/lang/en.ts +++ b/packages/frontend/@n8n/design-system/src/locale/lang/en.ts @@ -52,7 +52,8 @@ export default { 'assistantChat.builder.toolRunning': 'Tool still running', 'assistantChat.builder.toolError': 'Some tool calls have failed. Agent will retry these.', 'assistantChat.errorParsingMarkdown': 'Error parsing markdown content', - 'assistantChat.aiAssistantLabel': 'AI Assistant', + 'assistantChat.aiAssistantLabel': 'n8n AI', + 'assistantChat.aiAssistantBetaLabel': 'Beta', 'assistantChat.aiAssistantName': 'Assistant', 'assistantChat.sessionEndMessage.1': 'This Assistant session has ended. To start a new session with the Assistant, click an', diff --git a/packages/frontend/@n8n/i18n/src/locales/en.json b/packages/frontend/@n8n/i18n/src/locales/en.json index 34b55558276..9097fb05559 100644 --- a/packages/frontend/@n8n/i18n/src/locales/en.json +++ b/packages/frontend/@n8n/i18n/src/locales/en.json @@ -197,7 +197,6 @@ "auth.signup.setupYourAccountError": "Problem setting up your account", "auth.signup.tokenValidationError": "Issue validating invite token", "aiAssistant.name": "Assistant", - "aiAssistant.n8nAi": "n8n AI", "aiAssistant.tabs.ask": "Ask", "aiAssistant.tabs.build": "Build", "aiAssistant.builder.mode": "AI Builder", diff --git a/packages/frontend/editor-ui/src/components/AskAssistant/Agent/AskAssistantBuild.vue b/packages/frontend/editor-ui/src/components/AskAssistant/Agent/AskAssistantBuild.vue index ccb112550a0..37f1d927b0e 100644 --- a/packages/frontend/editor-ui/src/components/AskAssistant/Agent/AskAssistantBuild.vue +++ b/packages/frontend/editor-ui/src/components/AskAssistant/Agent/AskAssistantBuild.vue @@ -264,7 +264,6 @@ watch(currentRoute, () => { :streaming="builderStore.streaming" :loading-message="loadingMessage" :mode="i18n.baseText('aiAssistant.builder.mode')" - :title="'n8n AI'" :show-stop="true" :scroll-on-new-message="true" :credits-quota="creditsQuota" diff --git a/packages/frontend/editor-ui/src/components/AskAssistant/Chat/AskAssistantChat.vue b/packages/frontend/editor-ui/src/components/AskAssistant/Chat/AskAssistantChat.vue index ef3267280b0..55b76c39681 100644 --- a/packages/frontend/editor-ui/src/components/AskAssistant/Chat/AskAssistantChat.vue +++ b/packages/frontend/editor-ui/src/components/AskAssistant/Chat/AskAssistantChat.vue @@ -4,8 +4,6 @@ import { useUsersStore } from '@/stores/users.store'; import { computed } from 'vue'; import { N8nAskAssistantChat } from '@n8n/design-system'; import { useTelemetry } from '@/composables/useTelemetry'; -import { useBuilderStore } from '@/stores/builder.store'; -import { useI18n } from '@n8n/i18n'; const emit = defineEmits<{ close: []; @@ -14,8 +12,6 @@ const emit = defineEmits<{ const assistantStore = useAssistantStore(); const usersStore = useUsersStore(); const telemetry = useTelemetry(); -const builderStore = useBuilderStore(); -const i18n = useI18n(); const user = computed(() => ({ firstName: usersStore.currentUser?.firstName ?? '', @@ -70,11 +66,6 @@ async function undoCodeDiff(index: number) { :streaming="assistantStore.streaming" :loading-message="loadingMessage" :session-id="assistantStore.currentSessionId" - :title=" - builderStore.isAIBuilderEnabled - ? i18n.baseText('aiAssistant.n8nAi') - : i18n.baseText('aiAssistant.assistant') - " @close="emit('close')" @message="onUserMessage" @code-replace="onCodeReplace"