nav in new question

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

@@ -5,6 +5,43 @@
     <div class="message">
       {{ message }}
     </div>
+    @if (documents?.length) {
+      @for (document of documents; track document.id) {
+
+        <div class="document-container">
+          <header>
+
+            <div class="title">
+
+              <strong>
+
+                {{ document.id }}
+                <a href="{{ document.url }}">
+
+                  {{ document.title }}
+                </a>
+              </strong>
+            </div>
+            <div class="last-update">
+              <span class="label">
+
+            Last update:
+              </span>
+              <div class="value">
+
+                {{ document.lastUpdate }}
+              </div>
+            </div>
+
+          </header>
+          <div class="content">
+
+            {{ document.content }}
+          </div>
+
+        </div>
+      }
+    }
     @if (appState?.dicaReference) {
 
       <div class="dica-ref-container">
@@ -18,6 +55,7 @@
         </div>
       </div>
     }
+
   </div>
 
   <div class="avatar"></div>

my-workspace/projects/sae-lib/chatbot/bot-talks/bot-talks.scss

@@ -39,7 +39,11 @@
       }
 
     }
-    
+
+  }
+
+  .document-container {
+    margin-top: 16px;
   }
 
   .bubble {

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

@@ -12,5 +12,6 @@ import {Copy} from '../../buttons/copy/copy';
 export class BotTalks {
 
   @Input() public message: string = 'Hello!';
+  @Input() public documents: Array<any> = [];
   @Input() public appState: any = {};
 }