add csc pages

my-workspace/projects/my-lib/chatbot/bot-talks/bot-talks.html

@@ -0,0 +1,20 @@
+<div class="bot-talks-container">
+<!--  avatar-->
+<div class="bubble">
+  {{message}}
+  <br>
+  @for (link of links; track link.title) {
+    <span class="link-title">
+
+    {{link.title}}
+    </span>
+    <span class="taget">
+      <a href="{{link.url}}">
+
+      {{link.label}}
+<!--      copy button-->
+      </a>
+    </span>
+  }
+</div>
+</div>

my-workspace/projects/my-lib/chatbot/bot-talks/bot-talks.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BotTalks } from './bot-talks';
+
+describe('BotTalks', () => {
+  let component: BotTalks;
+  let fixture: ComponentFixture<BotTalks>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [BotTalks]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(BotTalks);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

my-workspace/projects/my-lib/chatbot/bot-talks/bot-talks.ts

@@ -0,0 +1,17 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'lib-bot-talks',
+  imports: [],
+  templateUrl: './bot-talks.html',
+  styleUrl: './bot-talks.css'
+})
+export class BotTalks {
+  public message = 'I found useful document(s) which can help to answer to this question ! Check if these documents are applied to similar cases';
+  public links: any = [
+    {
+      title: 'Refusal notice :',
+      label: 'DMP-00051341: Avis de refus',
+      url: 'https://www.cipherbliss.com/fake-link',
+    }]
+}