diff --git a/apps/spa/src/app/components/chat/chat-message/chat-message.component.html b/apps/spa/src/app/components/chat/chat-message/chat-message.component.html index 925fcb0..595de41 100644 --- a/apps/spa/src/app/components/chat/chat-message/chat-message.component.html +++ b/apps/spa/src/app/components/chat/chat-message/chat-message.component.html @@ -4,5 +4,8 @@
diff --git a/apps/spa/src/app/components/chat/chat-message/chat-message.component.scss b/apps/spa/src/app/components/chat/chat-message/chat-message.component.scss index e0cec3c..14478b0 100644 --- a/apps/spa/src/app/components/chat/chat-message/chat-message.component.scss +++ b/apps/spa/src/app/components/chat/chat-message/chat-message.component.scss @@ -9,13 +9,25 @@ &.is-user { justify-content: flex-end; + + .chat-message { + border-bottom-left-radius: 0; + background: var(--color-primary-200); + border-bottom-right-radius: 0; + align-self: flex-end; + } } - &.is-user .chat-message { - border-bottom-left-radius: 0; - background: var(--color-primary-200); - border-bottom-right-radius: 0; - align-self: flex-end; + &.is-system { + justify-content: center; + font-size: 12px; + + .chat-message { + background-color: var(--color-transparent); + color: var(--color-grey-400); + align-self: center; + text-align: center; + } } &.is-assistant .chat-message { diff --git a/apps/spa/src/app/components/chat/chat-message/chat-message.component.ts b/apps/spa/src/app/components/chat/chat-message/chat-message.component.ts index f26e46e..91f9acc 100644 --- a/apps/spa/src/app/components/chat/chat-message/chat-message.component.ts +++ b/apps/spa/src/app/components/chat/chat-message/chat-message.component.ts @@ -1,5 +1,5 @@ import { Component, HostBinding, Input } from '@angular/core'; -import { Message } from '../../../modules/+chat/shared/chat.model'; +import { ChatRole, Message } from '../../../modules/+chat/shared/chat.model'; import { MarkdownComponent } from 'ngx-markdown'; import { ChatAudioComponent } from '../chat-audio/chat-audio.component'; import { NgClass } from '@angular/common'; @@ -20,6 +20,7 @@ import { ChatAvatarComponent } from '../chat-avatar/chat-avatar.component'; export class ChatMessageComponent { @Input() message!: Message; @Input() class = ''; + chatRole = ChatRole; @HostBinding('class') get getClasses(): string { return `${this.class} is-${this.message?.role || 'none'}`; diff --git a/apps/spa/src/app/modules/+chat/shared/chat-files.service.ts b/apps/spa/src/app/modules/+chat/shared/chat-files.service.ts index f8a76d4..a3650b4 100644 --- a/apps/spa/src/app/modules/+chat/shared/chat-files.service.ts +++ b/apps/spa/src/app/modules/+chat/shared/chat-files.service.ts @@ -1,6 +1,8 @@ import { Injectable } from '@angular/core'; import { FilesService } from '../../../components/controls'; import { ChatClientService } from './chat-client.service'; +import OpenAI from 'openai'; +import { OpenAiFile } from '@boldare/ai-assistant'; @Injectable({ providedIn: 'root' }) export class ChatFilesService { @@ -10,7 +12,7 @@ export class ChatFilesService { private readonly filesService: FilesService, ) {} - async sendFiles(): Promise