change header columns elements in airwatch

old-sae-airwatch/src/app/chatbot/message-box/message-box.ts

@@ -0,0 +1,53 @@
+import {Component, Input, OnChanges, SimpleChanges} from '@angular/core';
+import {DomSanitizer, SafeHtml} from '@angular/platform-browser';
+
+import {Copy} from 'sae-lib/buttons/copy/copy';
+import {FeedbackButton} from '../feedback-button/feedback-button';
+import {ChatbotMessage} from '../../services/chatbot.message.type';
+
+
+type MessageKind = "user" | "llm";
+
+@Component({
+  selector: 'app-message-box',
+  imports: [
+    Copy,
+    FeedbackButton
+  ],
+  templateUrl: './message-box.html',
+  styleUrl: './message-box.scss'
+})
+export class MessageBox implements OnChanges {
+
+  @Input() kind: MessageKind = <"user" | "llm">""
+  @Input() conf: any = {}
+  @Input() content: any = ""
+  @Input() message: ChatbotMessage = {} as ChatbotMessage;
+  id: string = "00122121221312";
+  sanitizedContent: SafeHtml = "";
+
+  constructor(private sanitizer: DomSanitizer) {}
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['content']) {
+      this.sanitizeContent();
+    }
+  }
+
+  sanitizeContent(): void {
+    this.sanitizedContent = this.sanitizer.bypassSecurityTrustHtml(this.content);
+  }
+
+  bookmark() {
+    console.log("TODO bookmark")
+  }
+
+
+  generateResponse() {
+    console.log("TODO generateResponse")
+  }
+
+  editMessage() {
+    console.log("TODO editMessage")
+  }
+}