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

<div class="bot-talks-container">
  <!--  bot talks land-->
  <!--  avatar-->
  <div class="bubble">
    <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">

        <div class="label">
          Référence de DICA:
        </div>
        <div class="ref">
          {{ appState.dicaReference }}
          <app-copy [textToCopy]="appState.dicaReferenceURL"></app-copy>
        </div>
      </div>
    }

  </div>

  <div class="avatar"></div>
</div>