@hivegpt/hiveai-angular 0.0.381 → 0.0.382

package/src/lib/components/chat-drawer/chat-drawer.component.html

@@ -1,1586 +0,0 @@
-<button
-  *ngIf="isShowEditorButton && !checkForCop29BotId()"
-  (click)="openOuterEditor()"
-  class="fixed-btn"
->
-  <span style="font-size: 12px" class="material-icons notranslate">
-    create
-  </span>
-  Editor
-</button>
-
-<button
-  *ngIf="!isShowEditorButton"
-  (click)="onCloseEditor()"
-  class="fixed-btn-close"
->
-  <span style="font-size: 12px" class="material-icons notranslate">
-    close
-  </span>
-  {{ getTranslation("Close") }}
-</button>
-
-<mat-drawer-container
-  class="hivegpt-chat-wrapper"
-  [ngClass]="{ 'mat-drawer-container-has-open': isDrawerOpen }"
-  [class.ios-device]="isIOSDevice"
-  [hasBackdrop]="hasBackdropValue"
->
-  <mat-drawer
-    class="drawer"
-    #drawer
-    [position]="'start'"
-    [mode]="'over'"
-    opened="true"
-    [class.full-width-drawer]="fullView"
-    [style.background]="
-      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'
-    "
-  >
-    <mat-drawer-content>
-      <div class="chat-main">
-        <!-- <div class="chat-header">
-                    <h2> -->
-        <!-- {{eventName}} -->
-        <!-- </h2> -->
-        <!-- <button class="closeIcon" (click)="onClose()">
-                        <span class="material-symbols-outlined">
-                            close
-                        </span>
-                    </button> -->
-        <!-- </div> -->
-
-        <div class="innerChat" #chatMain>
-          <div (click)="startNewConversation()" class="new-conversationbutton">
-            {{ getTranslation("New Chat") }}
-            <span
-              ><svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="14.061"
-                height="14.261"
-                viewBox="0 0 14.061 14.261"
-              >
-                <path
-                  id="Path_164"
-                  data-name="Path 164"
-                  d="M10.146,5.075H4.531A1.544,1.544,0,0,0,3,6.631v7.262A1.544,1.544,0,0,0,4.531,15.45h7.146a1.544,1.544,0,0,0,1.531-1.556V8.187m-7.146,4.15L15.25,3m0,0H11.677M15.25,3V6.631"
-                  transform="translate(-2.25 -1.939)"
-                  fill="none"
-                  stroke="#06f"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="1.5"
-                />
-              </svg>
-            </span>
-          </div>
-          <div class="sticky-header-chat">
-            <div class="title_chat">
-              <h2>
-                <span>
-                  {{ getTranslation(botName) }}
-                  <svg
-                    *ngIf="!checkForCop29BotId()"
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="31.499"
-                    height="31.501"
-                    viewBox="0 0 31.499 31.501"
-                  >
-                    <path
-                      id="Icon_ion-shield-checkmark"
-                      data-name="Icon ion-shield-checkmark"
-                      d="M33.685,7.83a1.125,1.125,0,0,0-.925-1.036,49.227,49.227,0,0,1-14.3-4.444,1.125,1.125,0,0,0-.927,0A49.226,49.226,0,0,1,3.24,6.794,1.125,1.125,0,0,0,2.315,7.83a27.621,27.621,0,0,0,1.718,11.9A24.572,24.572,0,0,0,9.07,27.641a25.712,25.712,0,0,0,8.513,6.028,1.125,1.125,0,0,0,.844,0,25.712,25.712,0,0,0,8.513-6.028,24.572,24.572,0,0,0,5.027-7.911,27.621,27.621,0,0,0,1.718-11.9Zm-9.211,5.281-7.791,9a1.125,1.125,0,0,1-.8.389h-.046a1.125,1.125,0,0,1-.788-.322L11.587,18.79a1.125,1.125,0,1,1,1.575-1.607l2.6,2.552,7.01-8.1a1.125,1.125,0,0,1,1.7,1.472Z"
-                      transform="translate(-2.25 -2.25)"
-                      fill="#06f"
-                    />
-                  </svg>
-                </span>
-                <span *ngIf="!checkForCop29BotId()">
-                  <p class="small-title">
-                    {{ getTranslation("AI-powered")
-                    }}<span>{{ getTranslation("copilot") }}</span>
-                  </p>
-                </span>
-              </h2>
-            </div>
-            <div class="chatType" style="display: none">
-              <h4 class="labelChat">Choose a conversation style</h4>
-              <ul>
-                <li (click)="changeTemperature(0)">
-                  <button [ngClass]="{ active: temperature === 0 }">
-                    <span class="top-section-title"> More Creative </span>
-                  </button>
-                </li>
-                <li (click)="changeTemperature(1)" class="fdssfd">
-                  <button [ngClass]="{ active: temperature === 1 }">
-                    <span class="top-section-title"> More Balanced </span>
-                  </button>
-                </li>
-                <li (click)="changeTemperature(2)">
-                  <button [ngClass]="{ active: temperature === 2 }">
-                    <span class="top-section-title"> More Precise </span>
-                  </button>
-                </li>
-              </ul>
-            </div>
-          </div>
-          <!-- chattype -->
-          <div
-            id="allChats"
-            class="chat bot"
-            *ngFor="let chat of chatLog; let i = index"
-          >
-            <div class="chat-box">
-              <div class="message">
-                <div
-                  class="time-cta"
-                  [ngClass]="{
-                    'time-cta din': showFeedBackIconsIndex === i,
-                    'time-cta': showFeedBackIconsIndex != i
-                  }"
-                >
-                  <div class="Icon_TimeSTamp" *ngIf="chat?.type === 'ai'">
-                    <!-- <img [src]="botIcon" [alt]="botName || 'Assistant'" /> -->
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="44"
-                      height="44"
-                      viewBox="0 0 44 44"
-                    >
-                      <g
-                        id="Group_121"
-                        data-name="Group 121"
-                        transform="translate(4843 -371)"
-                      >
-                        <g
-                          id="Ellipse_18"
-                          data-name="Ellipse 18"
-                          transform="translate(-4843 371)"
-                          fill="#fcfcfc"
-                          stroke="#dfdfdf"
-                          stroke-width="1"
-                        >
-                          <circle cx="22" cy="22" r="22" stroke="none" />
-                          <circle cx="22" cy="22" r="21.5" fill="none" />
-                        </g>
-                        <g
-                          id="Group_120"
-                          data-name="Group 120"
-                          transform="translate(-4835.141 378.855)"
-                        >
-                          <g
-                            id="Group_1"
-                            data-name="Group 1"
-                            transform="translate(7.29 0)"
-                          >
-                            <path
-                              id="Path_1"
-                              data-name="Path 1"
-                              d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"
-                              transform="translate(-87.03 -39.29)"
-                              fill="gray"
-                            />
-                          </g>
-                          <g
-                            id="Group_2"
-                            data-name="Group 2"
-                            transform="translate(0 12.717)"
-                          >
-                            <path
-                              id="Path_2"
-                              data-name="Path 2"
-                              d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"
-                              transform="translate(-45.63 -111.51)"
-                              fill="gray"
-                            />
-                          </g>
-                          <g
-                            id="Group_3"
-                            data-name="Group 3"
-                            transform="translate(14.793 12.717)"
-                          >
-                            <path
-                              id="Path_3"
-                              data-name="Path 3"
-                              d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"
-                              transform="translate(-129.64 -111.51)"
-                              fill="gray"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                    </svg>
-
-                    <div
-                      class="dateTime"
-                      [style.color]="dateTimeColor ? '' : ''"
-                    >
-                      <span>{{ getTranslation("Assistant") }}</span>
-                      {{ chat?.time }}
-                    </div>
-                  </div>
-
-                  <div class="Icon_TimeSTamp" *ngIf="chat?.type === 'user'">
-                    <div class="user-Box">
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="44"
-                        height="44"
-                        viewBox="0 0 44 44"
-                      >
-                        <g
-                          id="Ellipse_17"
-                          data-name="Ellipse 17"
-                          fill="#fcfcfc"
-                          stroke="#dfdfdf"
-                          stroke-width="1"
-                        >
-                          <circle cx="22" cy="22" r="22" stroke="none" />
-                          <circle cx="22" cy="22" r="21.5" fill="none" />
-                        </g>
-                        <path
-                          id="Icon_grommet-user-expert"
-                          data-name="Icon grommet-user-expert"
-                          d="M14.24,20.443a9.472,9.472,0,1,0-9.472-9.472,9.472,9.472,0,0,0,9.472,9.472Zm10.329,5.225c-1.957-3.347-6.516-5.225-10.329-5.225-3.145,0-8.046.805-10.761,5.225"
-                          transform="translate(7.976 8.416)"
-                          fill="none"
-                          stroke="gray"
-                          stroke-width="1.5"
-                        />
-                      </svg>
-
-                      <div class="dateTime">
-                        <span>{{ getTranslation("You") }}</span>
-                        {{ chat?.time }}
-                      </div>
-                    </div>
-                    <div class="bards">
-                      <div
-                        class="bars"
-                        *ngIf="
-                          chat?.WorkflowExecutionId ||
-                          chat?.showWorkflowExecutionLoader
-                        "
-                      >
-                        <button
-                          class="icon-button"
-                          (click)="
-                            showWorkflowHistoryDetails(chat.WorkflowExecutionId)
-                          "
-                        >
-                          <i class="fas fa-bars"></i>
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-                <div class="researchingCard">
-                  <div
-                    *ngIf="
-                      (chat?.searchTerms && chat?.searchTerms.length > 0) ||
-                      (chat?.sourcesList && chat?.sourcesList.length > 0)
-                    "
-                    class="card-header d-flex align-items-center"
-                    (click)="toggleCollapse()"
-                  >
-                    <span class="icon"
-                      ><i class="bx bx-plus-circle bx-sm"></i
-                    ></span>
-                    <span class="ml-2"
-                      >Researching
-                      <i
-                        id="toggleIcon"
-                        class="toggle-icon ml-2 fa"
-                        [ngClass]="{
-                          'fa-chevron-down': isCollapsed,
-                          'fa-chevron-up': !isCollapsed
-                        }"
-                      ></i
-                    ></span>
-                  </div>
-                  <div
-                    *ngIf="chat?.searchTerms && chat?.searchTerms.length > 0"
-                    [ngClass]="{ collapse: isCollapsed }"
-                  >
-                    <ul class="list-group list-group-flush uptList">
-                      <li
-                        *ngFor="let term of chat?.searchTerms"
-                        class="list-group-item"
-                      >
-                        Searching for
-                        <strong>{{ term }}</strong>
-                      </li>
-                    </ul>
-
-                    <h5
-                      class="mt-2"
-                      *ngIf="chat?.sourcesList && chat?.sourcesList.length > 0"
-                    >
-                      <i class="bx bx-unite"></i> Sources
-                    </h5>
-                    <div
-                      class="sources-container"
-                      *ngIf="chat?.sourcesList && chat?.sourcesList.length > 0"
-                    >
-                      <div
-                        class="source-card"
-                        *ngFor="
-                          let source of chat?.displayedSources;
-                          let i = index
-                        "
-                      >
-                        <div>
-                          <div class="source-title">{{ source.title }}</div>
-                          <div class="source-url">
-                            <img
-                              class="relative block"
-                              [src]="getFaviconUrl(source.link)"
-                              [alt]="getDomainName(source.link) + ' favicon'"
-                            />
-                            {{ getDomainName(source.link) }}
-                          </div>
-                          <div class="popup">
-                            <div
-                              class="source-url"
-                              (click)="openLinkInNewTab(source.link)"
-                            >
-                              <img
-                                class="relative block"
-                                [src]="getFaviconUrl(source.link)"
-                                [alt]="getDomainName(source.link) + ' favicon'"
-                              />
-                              {{ getDomainName(source.link) }}
-                            </div>
-                            <h5 (click)="openLinkInNewTab(source.link)">
-                              {{ source.title }}
-                            </h5>
-                            <p (click)="openLinkInNewTab(source.link)">
-                              {{ source.desc }}
-                            </p>
-                          </div>
-                        </div>
-                      </div>
-                      <ng-container
-                        *ngIf="
-                          chat?.remainingSources &&
-                          chat?.remainingSources.length > 0
-                        "
-                      >
-                        <div
-                          class="source-card"
-                          (click)="onCardClick(chat?.sourcesList)"
-                        >
-                          <div>
-                            <div class="source-title">
-                              <img
-                                *ngFor="
-                                  let source of chat?.remainingSources;
-                                  let i = index
-                                "
-                                class="relative block"
-                                [src]="getFaviconUrl(source.link)"
-                                [alt]="getDomainName(source.link) + ' favicon'"
-                              />
-                            </div>
-                            <div class="source-url">
-                              View {{ chat?.remainingSources.length }} more
-                            </div>
-                          </div>
-                        </div>
-                      </ng-container>
-                    </div>
-                  </div>
-                </div>
-
-                <div
-                  *ngIf="chat?.type === 'ai' || chat?.type === 'user'"
-                  [ngStyle]="{
-                    background:
-                      chat?.type === 'ai' && bgBubbleAi
-                        ? ''
-                        : chat?.type === 'user' && bgBubbleUser
-                        ? ''
-                        : ''
-                  }"
-                >
-                  <div id="messageText_{{ i }}">
-                    <p
-                      *ngIf="chat?.type === 'ai' || chat?.type === 'user'"
-                      [ngClass]="{
-                        'SearchTitle ai': chat?.type === 'ai',
-                        'SearchTitle user': chat?.type === 'user'
-                      }"
-                      [ngStyle]="{
-                        background:
-                          chat?.type === 'ai' && messageTextColorAi
-                            ? messageTextColorAi
-                            : chat?.type === 'user' && messageTextColorUser
-                            ? messageTextColorUser
-                            : 'defaultBackground',
-                        color:
-                          chat?.type === 'ai' && messageTextColorAi
-                            ? messageTextColorAi
-                            : chat?.type === 'user' && messageTextColorUser
-                            ? messageTextColorUser
-                            : 'defaultColor'
-                      }"
-                      [innerHTML]="chat?.message"
-                    ></p>
-                  </div>
-                </div>
-
-                <div
-                  class="progress-container"
-                  *ngIf="chat?.showWorkflowExecutionLoader"
-                >
-                  <div class="circular-loader">
-                    <div
-                      class="loader-spinner"
-                      *ngIf="currentWorkflowActionProgress < 100"
-                      [ngStyle]="{
-                        transform: 'rotate(' + percentage * 3.6 + 'deg)'
-                      }"
-                    ></div>
-                    <div
-                      class="checkmark"
-                      *ngIf="currentWorkflowActionProgress == 100"
-                    >
-                      <svg viewBox="0 0 52 52">
-                        <circle
-                          class="checkmark-circle"
-                          cx="26"
-                          cy="26"
-                          r="25"
-                          fill="none"
-                        />
-                        <path
-                          class="checkmark-check"
-                          fill="none"
-                          d="M14 27l7 7 16-16"
-                        />
-                      </svg>
-                    </div>
-
-                    <div
-                      class="loader-text"
-                      *ngIf="currentWorkflowActionProgress < 100"
-                    >
-                      {{ currentWorkflowActionProgress }}%
-                    </div>
-                  </div>
-                  <div class="loader-label">{{ currentWorkflowAction }}...</div>
-                </div>
-
-                <div
-                  class="exicution mt-2"
-                  *ngIf="
-                    chat?.type === 'ai' &&
-                    chat?.graphs &&
-                    chat?.graphs.length > 0
-                  "
-                >
-                  <h5 *ngIf="chat?.type === 'ai'">
-                    <i class="bx bx-network-chart"></i> Graphs
-                    <i
-                      (click)="toggleCollapseFGraph()"
-                      class="toggle-icon ml-2 fa"
-                      [ngClass]="{
-                        'fas fa-chevron-down': isCollapsedForFGraph,
-                        'fas fa-chevron-up': !isCollapsedForFGraph
-                      }"
-                    ></i>
-                  </h5>
-                  <img
-                    *ngFor="let image of chat?.graphs"
-                    class="graph-img"
-                    [ngClass]="{ collapse: isCollapsedForFGraph }"
-                    [src]="image"
-                    alt=""
-                  />
-                </div>
-                <ng-container *ngIf="!checkForCop29BotId()">
-                  <div
-                    class="exicution mt-2"
-                    *ngIf="
-                      chat?.type === 'ai' &&
-                      chat?.executionGraphs &&
-                      chat?.executionGraphs?.length > 0
-                    "
-                  >
-                    <h5 *ngIf="chat?.type === 'ai'">
-                      <i class="bx bx-network-chart"></i> Execution Path Diagram
-                      For Data Visualization Workflow
-                      <i
-                        (click)="toggleCollapseGraph()"
-                        class="toggle-icon ml-2 fa"
-                        [ngClass]="{
-                          'fas fa-chevron-down': isCollapsedForGraph,
-                          'fas fa-chevron-up': !isCollapsedForGraph
-                        }"
-                      ></i>
-                    </h5>
-                    <img
-                      *ngFor="let image of chat?.executionGraphs"
-                      class="graph-img"
-                      [ngClass]="{ collapse: isCollapsedForGraph }"
-                      [src]="image"
-                      alt=""
-                    />
-                  </div>
-                </ng-container>
-                <div class="cta" *ngIf="chat?.type === 'ai' && i > 0">
-                  <div
-                    class="copyBox"
-                    title="Copy"
-                    [ngClass]="
-                      showFeedBackIconsIndex == i ? 'show-always' : 'show-hover'
-                    "
-                  >
-                    <button
-                      title="{{ chat?.copied ? 'Copied!' : 'Copy' }}"
-                      class="copy"
-                      [class.active]="chat?.copied"
-                      (click)="handleCopyClick(i)"
-                    >
-                      <i *ngIf="chat?.copied">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z"
-                            fill="#566563"
-                          />
-                        </svg>
-                      </i>
-
-                      <i *ngIf="!chat?.copied">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M19.24 2H8.84C8.14 2 7.58 2.56 7.58 3.26V16.84C7.58 17.54 8.14 18.1 8.84 18.1H19.24C19.94 18.1 20.5 17.54 20.5 16.84V3.26C20.5 2.56 19.94 2 19.24 2ZM19.24 16.84H8.84V3.26H19.24V16.84ZM4.74 6.52C4.04 6.52 3.48 7.08 3.48 7.78V20.36C3.48 21.06 4.04 21.62 4.74 21.62H15.14C15.84 21.62 16.4 21.06 16.4 20.36V18.88H14.96V20.36H4.74V7.78H6.18V6.52H4.74Z"
-                            fill="#566563"
-                          />
-                        </svg>
-                      </i>
-                    </button>
-
-                    <button
-                      *ngIf="!checkForCop29BotId()"
-                      class="up copy"
-                      title="{{ chat?.isEditor ? 'Added!' : 'Add to editor' }}"
-                      (click)="handleEditorClick(i)"
-                    >
-                      <svg
-                        *ngIf="!chat?.isEditor"
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="20.152"
-                        height="20.152"
-                        viewBox="0 0 20.152 20.152"
-                      >
-                        <g
-                          id="Icon_feather-edit"
-                          data-name="Icon feather-edit"
-                          transform="translate(-2.5 -2.166)"
-                        >
-                          <path
-                            id="Path_166"
-                            data-name="Path 166"
-                            d="M11.5,6H4.889A1.889,1.889,0,0,0,3,7.889v13.22A1.889,1.889,0,0,0,4.889,23h13.22A1.889,1.889,0,0,0,20,21.108V14.5"
-                            transform="translate(0 -1.179)"
-                            fill="none"
-                            stroke="#393939"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="1"
-                          />
-                          <path
-                            id="Path_167"
-                            data-name="Path 167"
-                            d="M21.915,3.4a2,2,0,0,1,2.833,2.833l-8.971,8.971L12,16.152l.944-3.777Z"
-                            transform="translate(-3.334 0)"
-                            fill="none"
-                            stroke="#393939"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            stroke-width="1"
-                          />
-                        </g>
-                      </svg>
-
-                      <i *ngIf="chat?.isEditor">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M9 16.17L4.83 12L3.41 13.41L9 19L21 7L19.59 5.59L9 16.17Z"
-                            fill="#566563"
-                          />
-                        </svg>
-                      </i>
-                    </button>
-
-                    <button
-                      class="up copy"
-                      title="Like"
-                      [class.active]="chat?.liked"
-                      (click)="handleUpClick(i)"
-                    >
-                      <i *ngIf="chat?.liked">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M8.38989 18.4902V8.33022C8.38989 7.93022 8.50989 7.54022 8.72989 7.21022L11.4599 3.15022C11.8899 2.50022 12.9599 2.04022 13.8699 2.38022C14.8499 2.71022 15.4999 3.81022 15.2899 4.79022L14.7699 8.06022C14.7299 8.36022 14.8099 8.63022 14.9799 8.84022C15.1499 9.03022 15.3999 9.15022 15.6699 9.15022H19.7799C20.5699 9.15022 21.2499 9.47022 21.6499 10.0302C22.0299 10.5702 22.0999 11.2702 21.8499 11.9802L19.3899 19.4702C19.0799 20.7102 17.7299 21.7202 16.3899 21.7202H12.4899C11.8199 21.7202 10.8799 21.4902 10.4499 21.0602L9.16989 20.0702C8.67989 19.7002 8.38989 19.1102 8.38989 18.4902Z"
-                            fill="#17235B"
-                          />
-                          <path
-                            d="M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z"
-                            fill="#17235B"
-                          />
-                        </svg>
-                      </i>
-                      <i *ngIf="!chat?.liked">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M10.4037 20.9264L10.381 20.9038L10.3557 20.8843L7.72165 18.85L8.02965 18.4516L10.7161 20.5315C10.9228 20.7195 11.2181 20.8517 11.4962 20.9377C11.7978 21.0309 12.1451 21.09 12.4801 21.09H16.2801C16.8572 21.09 17.4266 20.8625 17.8751 20.5306C18.3159 20.2044 18.6912 19.7385 18.8305 19.1997L21.2428 11.8732C21.4379 11.3309 21.4287 10.749 21.0965 10.2887C20.7583 9.81377 20.1844 9.58999 19.5801 9.58999H15.5801C15.2031 9.58999 14.8615 9.43143 14.6276 9.16215L14.627 9.16142C14.3873 8.88649 14.2756 8.51549 14.3345 8.11501L14.8322 4.9195C14.9978 4.1052 14.4664 3.24596 13.7053 2.98804C13.3277 2.85165 12.9297 2.89129 12.61 2.99839C12.2949 3.10396 11.9772 3.30172 11.7881 3.57673L11.7881 3.57671L11.7851 3.58107L7.96352 9.26689L7.55454 8.99314L11.3751 3.30891L11.3755 3.30836C11.8763 2.56103 13.0109 2.19028 13.8726 2.51744L13.8834 2.52151L13.8943 2.52509C14.9044 2.8564 15.556 3.98765 15.3317 5.01314L15.3284 5.02805L15.326 5.04314L14.836 8.19314L14.836 8.19313L14.8351 8.19928C14.8184 8.31642 14.7981 8.60268 15.0138 8.84924L15.0248 8.86177L15.0366 8.87354C15.1833 9.02026 15.3817 9.09999 15.5901 9.09999H19.5901C20.4308 9.09999 21.1176 9.44886 21.5113 10.0079L21.5124 10.0095C21.8964 10.5502 21.9908 11.2849 21.7202 12.0291L21.7175 12.0365L21.7151 12.044L19.3251 19.324L19.3198 19.34L19.3156 19.3564C19.0058 20.5707 17.6766 21.6 16.2801 21.6H12.4801C12.2411 21.6 11.8403 21.5625 11.4297 21.4512C11.0123 21.338 10.6406 21.1633 10.4037 20.9264Z"
-                            fill="#566563"
-                            stroke="#566563"
-                          />
-                          <path
-                            d="M5.37988 20.4999H4.37988C3.52442 20.4999 2.98559 20.2982 2.65822 19.9825C2.33437 19.6702 2.12988 19.1614 2.12988 18.3499V8.5499C2.12988 7.73843 2.33437 7.22962 2.65822 6.91731C2.98559 6.6016 3.52442 6.3999 4.37988 6.3999H5.37988C6.23534 6.3999 6.77418 6.6016 7.10155 6.91731C7.4254 7.22962 7.62988 7.73843 7.62988 8.5499V18.3499C7.62988 19.1614 7.4254 19.6702 7.10155 19.9825C6.77418 20.2982 6.23534 20.4999 5.37988 20.4999ZM4.37988 6.8999C4.0934 6.8999 3.83578 6.9164 3.61382 6.96689C3.38745 7.01838 3.16822 7.11196 2.99258 7.2876C2.81559 7.46459 2.72807 7.67966 2.68301 7.89002C2.63948 8.09318 2.62988 8.31967 2.62988 8.5499V18.3499C2.62988 18.5801 2.63948 18.8066 2.68301 19.0098C2.72807 19.2201 2.81559 19.4352 2.99258 19.6122C3.16822 19.7878 3.38745 19.8814 3.61382 19.9329C3.83578 19.9834 4.0934 19.9999 4.37988 19.9999H5.37988C5.66637 19.9999 5.92398 19.9834 6.14595 19.9329C6.37232 19.8814 6.59155 19.7878 6.76719 19.6122C6.94418 19.4352 7.0317 19.2201 7.07676 19.0098C7.12028 18.8066 7.12988 18.5801 7.12988 18.3499V8.5499C7.12988 8.31967 7.12028 8.09318 7.07676 7.89002C7.0317 7.67966 6.94418 7.46459 6.76719 7.2876C6.59155 7.11196 6.37232 7.01838 6.14595 6.96689C5.92398 6.9164 5.66637 6.8999 5.37988 6.8999H4.37988Z"
-                            fill="#566563"
-                            stroke="#566563"
-                          />
-                        </svg>
-                      </i>
-                    </button>
-                    <button
-                      class="down copy"
-                      title="Dislike"
-                      [class.active]="chat?.unliked"
-                      (click)="handleDownClick(i)"
-                    >
-                      <i *ngIf="chat?.unliked">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z"
-                            fill="#17235B"
-                          />
-
-                          <path
-                            d="M18.7901 17.6099H19.8201C21.3701 17.6099 22.0001 17.0099 22.0001 15.5299V5.4799C22.0001 3.9999 21.3701 3.3999 19.8201 3.3999H18.7901C17.2401 3.3999 16.6101 3.9999 16.6101 5.4799V15.5399C16.6101 17.0099 17.2401 17.6099 18.7901 17.6099Z"
-                            fill="#17235B"
-                          />
-                        </svg>
-                      </i>
-
-                      <i *ngIf="!chat?.unliked">
-                        <svg
-                          width="18"
-                          height="18"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <path
-                            d="M10.1237 21.481L10.1148 21.4778L10.1059 21.4748C9.09577 21.1435 8.44416 20.0122 8.66849 18.9867L8.67175 18.9718L8.6741 18.9568L9.1641 15.8068L9.16413 15.8068L9.16501 15.8006C9.18175 15.6835 9.20207 15.3972 8.98633 15.1507L8.97536 15.1381L8.96359 15.1263C8.81687 14.9796 8.61841 14.8999 8.41004 14.8999H4.41004C3.56937 14.8999 2.88252 14.551 2.48884 13.992L2.4877 13.9904C2.10371 13.4497 2.00931 12.715 2.27994 11.9708L2.28263 11.9634L2.28509 11.9559L4.67509 4.67586L4.68035 4.65985L4.68451 4.64353C4.99418 3.42996 6.33271 2.3999 7.72004 2.3999H11.52C11.7591 2.3999 12.1599 2.43736 12.5704 2.54872C12.9878 2.66194 13.3596 2.83655 13.5965 3.07346L13.6191 3.09608L13.6444 3.11563L16.2785 5.14986L15.9705 5.54825L13.2875 3.47111C13.0799 3.2763 12.7837 3.1413 12.5061 3.05412C12.2031 2.95897 11.8551 2.8999 11.52 2.8999H7.72004C7.1429 2.8999 6.57353 3.12735 6.12508 3.45926C5.68428 3.78551 5.30892 4.25142 5.16963 4.79019L2.75738 12.1167C2.56223 12.659 2.57147 13.2409 2.90366 13.7012C3.24183 14.1761 3.81578 14.3999 4.42004 14.3999H8.42004C8.79702 14.3999 9.13867 14.5585 9.37252 14.8277L9.37315 14.8285C9.61286 15.1034 9.72457 15.4745 9.66568 15.875C9.6656 15.8755 9.66552 15.8761 9.66544 15.8766L9.16795 19.0704C9.00242 19.8841 9.53299 20.7428 10.2933 21.0013C10.6685 21.1391 11.0675 21.0978 11.3857 20.9917C11.7001 20.8869 12.0218 20.6898 12.2121 20.4132L12.2121 20.4132L12.215 20.4088L16.0351 14.7253L16.4472 15.0045L12.6251 20.691L12.6249 20.6912C12.259 21.2361 11.5347 21.5999 10.8 21.5999C10.5668 21.5999 10.3358 21.5596 10.1237 21.481Z"
-                            fill="#566563"
-                            stroke="#566563"
-                          />
-                          <path
-                            d="M19.6201 17.6H18.6201C17.7647 17.6 17.2258 17.3983 16.8985 17.0826C16.5746 16.7703 16.3701 16.2615 16.3701 15.45V5.65C16.3701 4.83853 16.5746 4.32972 16.8985 4.0174C17.2258 3.7017 17.7647 3.5 18.6201 3.5H19.6201C20.4756 3.5 21.0144 3.7017 21.3418 4.0174C21.6656 4.32972 21.8701 4.83853 21.8701 5.65V15.45C21.8701 16.2615 21.6656 16.7703 21.3418 17.0826C21.0144 17.3983 20.4756 17.6 19.6201 17.6ZM18.6201 4C18.3336 4 18.076 4.01649 17.8541 4.06699C17.6277 4.11848 17.4085 4.21206 17.2328 4.3877C17.0558 4.56469 16.9683 4.77976 16.9232 4.99011C16.8797 5.19328 16.8701 5.41977 16.8701 5.65V15.45C16.8701 15.6802 16.8797 15.9067 16.9232 16.1099C16.9683 16.3202 17.0558 16.5353 17.2328 16.7123C17.4085 16.8879 17.6277 16.9815 17.8541 17.033C18.076 17.0835 18.3336 17.1 18.6201 17.1H19.6201C19.9066 17.1 20.1642 17.0835 20.3862 17.033C20.6126 16.9815 20.8318 16.8879 21.0074 16.7123C21.1844 16.5353 21.2719 16.3202 21.317 16.1099C21.3605 15.9067 21.3701 15.6802 21.3701 15.45V5.65C21.3701 5.41977 21.3605 5.19328 21.317 4.99011C21.2719 4.77976 21.1844 4.56469 21.0074 4.3877C20.8318 4.21206 20.6126 4.11848 20.3862 4.06699C20.1642 4.01649 19.9066 4 19.6201 4H18.6201Z"
-                            fill="#566563"
-                            stroke="#566563"
-                          />
-                        </svg>
-                      </i>
-                    </button>
-                  </div>
-                </div>
-                <div
-                  class="Related mt-2"
-                  *ngIf="
-                    showFeedBackIconsIndex === i &&
-                    !isChatingWithAi &&
-                    chat?.relatedListItems &&
-                    chat?.relatedListItems.length > 0
-                  "
-                >
-                  <h5 *ngIf="chat?.type === 'ai'">
-                    <i class="bx bx-list-check"></i> Related
-                  </h5>
-                  <div class="card-container" *ngIf="chat?.type === 'ai'">
-                    <ul class="list-container">
-                      <ng-container *ngFor="let item of chat?.relatedListItems">
-                        <li (click)="fetchDataFor(item, chat)">{{ item }}</li>
-                      </ng-container>
-                    </ul>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div
-              class="cta-faqs quick-prompts-extended"
-              *ngIf="i == 0 && quickPrompts?.length"
-            >
-              <!-- <div *ngFor="let tile of quickPrompts" class="cta"
-                                (click)="sendMessageWithTile(tile.prompt)">
-                                Q: {{ tile.text }}
-                            </div> -->
-              <div class="cta_suggestions">
-                <button
-                  *ngFor="let tile of quickPrompts"
-                  (click)="sendMessageWithTile(tile.prompt)"
-                >
-                  <ng-container *ngIf="tile">{{ tile.text }}</ng-container>
-                </button>
-              </div>
-            </div>
-            <div class="chat bot" *ngIf="i == 0 && botSkills">
-              <div class="chat-box">
-                <div class="message">
-                  <p [innerHTML]="processMessageForDisplay(botSkills)"></p>
-                  &nbsp;
-                </div>
-              </div>
-            </div>
-            <div *ngIf="chat?.suggestions?.length">
-              <h4 class="labelChat">
-                Here are some things EventsGPT Copilot can help you do:
-              </h4>
-              <div class="cta_suggestions">
-                <button
-                  *ngFor="let suggestion of chat?.suggestions"
-                  (click)="sendMessageWithTile(suggestion)"
-                >
-                  <ng-container *ngIf="suggestion">{{
-                    suggestion
-                  }}</ng-container>
-                </button>
-              </div>
-            </div>
-            <div
-              *ngIf="
-                chat?.action?.section_id == 'company_search' ||
-                chat?.action?.section_id == 'user_search' ||
-                chat?.action?.section_id == 'industry_company_search'
-              "
-            >
-              <div class="box">
-                <div class="tiktokwrapper">
-                  <div
-                    class="tiktokshell"
-                    *ngFor="let user of chat?.action.users"
-                  >
-                    <div class="videoPhotobox">
-                      <ng-conatiner
-                        *ngIf="user?.photoPath && !user.userVideosModel"
-                      >
-                        <img [src]="user?.photoPath" />
-                      </ng-conatiner>
-                      <ng-conatiner *ngIf="user.userVideosModel">
-                        <app-video-player
-                          *ngIf="user?.userVideosModel"
-                          [isDev]="isDev"
-                          [currentUserId]="userId"
-                          [videoObj]="user?.userVideosModel"
-                          [user]="user"
-                          [eventId]="eventId"
-                          type="1"
-                        >
-                        </app-video-player>
-                      </ng-conatiner>
-                    </div>
-
-                    <div
-                      class="noPhoto"
-                      *ngIf="!user?.photoPath && !user.userVideosModel"
-                    >
-                      <h3>
-                        {{ user.firstName | slice : 0 : 1
-                        }}{{ user.lastName | slice : 0 : 1 }}
-                      </h3>
-                    </div>
-                    <div class="overlymask" *ngIf="!user.userVideosModel"></div>
-                    <div class="onshell-content">
-                      <div class="title-shell">
-                        <h3>{{ user.firstName }} {{ user.lastName }}</h3>
-                        <h3 class="companyName">{{ user.company }}</h3>
-                      </div>
-                      <div class="button-shell">
-                        <button
-                          class="Connectbtn"
-                          (click)="connectToUser(user.userId)"
-                        >
-                          {{
-                            canConnect(user.userId)
-                              ? "Connect"
-                              : canDisconnect(user.userId)
-                              ? "Disconnect"
-                              : "Request
-                          Sent"
-                          }}
-                        </button>
-                        <button
-                          class="schedulebtn"
-                          (click)="scheduleMeetingWithUser(user)"
-                        >
-                          Schedule
-                        </button>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div *ngIf="chat?.action?.section_id == myUpcomingSessionAction">
-              <div class="agenda-items-wrapper" class="agenda-items-wrapper">
-                <div class="list-view">
-                  <div
-                    class="session-detail-wrapper card-background-session"
-                    *ngFor="let upcomingSession of chat?.action.content"
-                  >
-                    <div class="thumbnail">
-                      <img
-                        alt="Introduction to the Imaging Radar Academy"
-                        src="https://s27media.azureedge.net/8008/profile_pic/453cea2c-feba-11ed-8c0b-00155d025b0a.png"
-                        class=""
-                      />
-                      <!---->
-                      <!---->
-                      <!----><button
-                        class="play-btn color-primary"
-                        title="Play Session: Introduction to the Imaging Radar Academy"
-                      >
-                        <span class="material-icons notranslate">
-                          play_circle_outline
-                        </span>
-                        <!---->
-                      </button>
-                      <!---->
-                      <!---->
-                    </div>
-                    <!---->
-                    <!---->
-                    <div class="content p-3">
-                      <div
-                        class="d-flex justify-content-between align-items-center"
-                      >
-                        <div class="d-flex flex-column">
-                          <p class="fs-xs mb-0 body-text-color">
-                            {{
-                              upcomingSession.dateTimeRange.start
-                                | date
-                                  : "MM-dd-yyyy
-                            HH:mm"
-                                  : "UTC"
-                            }}
-                            -
-                            {{
-                              upcomingSession.dateTimeRange.end
-                                | date : "MM-dd-yyyy HH:mm" : "UTC"
-                            }}
-                            {{ upcomingSession.timeZone.id }}
-                          </p>
-                          <!---->
-                          <!---->
-                          <!-- <p class="fs-xs mb-2 color-secondary" title="Session Type: Generative AI">Generative AI </p> -->
-                          <!---->
-                        </div>
-                        <div class="d-flex align-items-center actions px-2">
-                          <!---->
-                          <button
-                            (click)="
-                              performSessionAction(
-                                upcomingSession.id,
-                                'view-session'
-                              )
-                            "
-                            class="s27-btn-icon body-text-color"
-                            title="View Session Information: Introduction to the Imaging Radar Academy"
-                          >
-                            <span class="material-icons notranslate">
-                              remove_red_eye
-                            </span>
-                          </button>
-
-                          <button
-                            (click)="
-                              performSessionAction(
-                                upcomingSession.id,
-                                'add-to-agenda'
-                              )
-                            "
-                            class="s27-btn-icon body-text-color"
-                          >
-                            <span
-                              class="material-icons notranslate"
-                              title="Add Session: Introduction to the Imaging Radar Academy to My agendaa"
-                            >
-                              event_available
-                            </span>
-                          </button>
-                          <!---->
-                          <!---->
-                          <!---->
-                          <!---->
-
-                          <button
-                            (click)="
-                              performSessionAction(upcomingSession.id, 'play')
-                            "
-                            class="s27-btn-icon body-text-color"
-                            title="Copy session link to share"
-                          >
-                            <span class="material-icons notranslate">
-                              play_circle_outline
-                            </span>
-                          </button>
-                          <!---->
-                        </div>
-                      </div>
-                      <h2 class="body-text-color">
-                        {{ upcomingSession.title }}
-                      </h2>
-                      <div
-                        class="session-description color-secondary"
-                        [innerHTML]="sanitizeHtml(upcomingSession.description)"
-                      ></div>
-                      <ul
-                        class="speakers grid-2-cols"
-                        *ngFor="let speakerId of upcomingSession.speakers"
-                      >
-                        <li class="">
-                          <div class="image" title="Blair Wunderlich">
-                            <img
-                              alt="Blair Wunderlich"
-                              [src]="speakers[speakerId]?.photoPath"
-                              class=""
-                            />
-                            <!---->
-                            <!---->
-                            <!---->
-                          </div>
-                          <!---->
-                          <div
-                            class="content pl-3"
-                            style="text-transform: none"
-                          >
-                            <div class="mb-0 body-text-color fs-xs fw-500">
-                              {{ speakers[speakerId]?.firstName }}
-                              {{ speakers[speakerId]?.lastName }}
-                            </div>
-                            <div class="color-secondary fs-xxs">
-                              {{ speakers[speakerId]?.jobTitle }}
-                            </div>
-                            <div class="color-secondary fs-xxs">
-                              {{ speakers[speakerId]?.company }}
-                            </div>
-                          </div>
-                          <!---->
-                        </li>
-                      </ul>
-                      <!---->
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-
-          <div class="chat bot" *ngIf="isChatingWithAi && !executingWorkflow">
-            <div class="chat-box">
-              <div class="message">
-                <div class="time-cta">
-                  <div class="Icon_TimeSTamp">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="44"
-                      height="44"
-                      viewBox="0 0 44 44"
-                    >
-                      <g
-                        id="Group_121"
-                        data-name="Group 121"
-                        transform="translate(4843 -371)"
-                      >
-                        <g
-                          id="Ellipse_18"
-                          data-name="Ellipse 18"
-                          transform="translate(-4843 371)"
-                          fill="#fcfcfc"
-                          stroke="#dfdfdf"
-                          stroke-width="1"
-                        >
-                          <circle cx="22" cy="22" r="22" stroke="none" />
-                          <circle cx="22" cy="22" r="21.5" fill="none" />
-                        </g>
-                        <g
-                          id="Group_120"
-                          data-name="Group 120"
-                          transform="translate(-4835.141 378.855)"
-                        >
-                          <g
-                            id="Group_1"
-                            data-name="Group 1"
-                            transform="translate(7.29 0)"
-                          >
-                            <path
-                              id="Path_1"
-                              data-name="Path 1"
-                              d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"
-                              transform="translate(-87.03 -39.29)"
-                              fill="gray"
-                            />
-                          </g>
-                          <g
-                            id="Group_2"
-                            data-name="Group 2"
-                            transform="translate(0 12.717)"
-                          >
-                            <path
-                              id="Path_2"
-                              data-name="Path 2"
-                              d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"
-                              transform="translate(-45.63 -111.51)"
-                              fill="gray"
-                            />
-                          </g>
-                          <g
-                            id="Group_3"
-                            data-name="Group 3"
-                            transform="translate(14.793 12.717)"
-                          >
-                            <path
-                              id="Path_3"
-                              data-name="Path 3"
-                              d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"
-                              transform="translate(-129.64 -111.51)"
-                              fill="gray"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                    </svg>
-                    <div
-                      class="dateTime"
-                      [style.color]="dateTimeColor ? '' : ''"
-                    >
-                      <span> {{ getTranslation("Assistant") }}</span>
-                      {{ this.getLatestTime(chat?.time) }}
-                    </div>
-                  </div>
-                </div>
-                <div class="loaderbox">
-                  <div class="loader-pkg">
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="chat bot" *ngIf="loading">
-            <div class="chat-box">
-              <div class="message">
-                <div class="time-cta">
-                  <div class="Icon_TimeSTamp">
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="44"
-                      height="44"
-                      viewBox="0 0 44 44"
-                    >
-                      <g
-                        id="Group_121"
-                        data-name="Group 121"
-                        transform="translate(4843 -371)"
-                      >
-                        <g
-                          id="Ellipse_18"
-                          data-name="Ellipse 18"
-                          transform="translate(-4843 371)"
-                          fill="#fcfcfc"
-                          stroke="#dfdfdf"
-                          stroke-width="1"
-                        >
-                          <circle cx="22" cy="22" r="22" stroke="none" />
-                          <circle cx="22" cy="22" r="21.5" fill="none" />
-                        </g>
-                        <g
-                          id="Group_120"
-                          data-name="Group 120"
-                          transform="translate(-4835.141 378.855)"
-                        >
-                          <g
-                            id="Group_1"
-                            data-name="Group 1"
-                            transform="translate(7.29 0)"
-                          >
-                            <path
-                              id="Path_1"
-                              data-name="Path 1"
-                              d="M93.774,41.324,98.757,44.2v5.753l-4.983,2.877-4.983-2.877V44.2l4.983-2.877m0-2.034L87.03,43.183V50.97l6.744,3.893,6.744-3.893V43.183L93.774,39.29Z"
-                              transform="translate(-87.03 -39.29)"
-                              fill="gray"
-                            />
-                          </g>
-                          <g
-                            id="Group_2"
-                            data-name="Group 2"
-                            transform="translate(0 12.717)"
-                          >
-                            <path
-                              id="Path_2"
-                              data-name="Path 2"
-                              d="M52.374,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L45.63,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"
-                              transform="translate(-45.63 -111.51)"
-                              fill="gray"
-                            />
-                          </g>
-                          <g
-                            id="Group_3"
-                            data-name="Group 3"
-                            transform="translate(14.793 12.717)"
-                          >
-                            <path
-                              id="Path_3"
-                              data-name="Path 3"
-                              d="M136.384,113.544l4.983,2.877v5.753l-4.983,2.877-4.983-2.877v-5.753l4.983-2.877m0-2.034L129.64,115.4v7.787l6.744,3.893,6.744-3.893V115.4l-6.744-3.893Z"
-                              transform="translate(-129.64 -111.51)"
-                              fill="gray"
-                            />
-                          </g>
-                        </g>
-                      </g>
-                    </svg>
-                    <div
-                      class="dateTime"
-                      [style.color]="dateTimeColor ? '' : ''"
-                    >
-                      <span>{{ "Loading ..." }}</span>
-                    </div>
-                  </div>
-                </div>
-                <div class="loaderbox">
-                  <div class="loader-pkg">
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                    <div class="loader--dot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <!-- <div #chatMain></div> -->
-      <div
-        *ngIf="openWorkflowInput && selectedWorkflow && !executingWorkflow"
-        class="chatFooterWrapper"
-      >
-        <!-- new UI for Chat Message Section by Amit -->
-        <div class="chat-footer-upt">
-          <div class="topinfo-containerbox">
-            <div class="agents_note_wrapper">
-              <div>
-                <h6>{{ selectedWorkflow?.Name }}</h6>
-                {{ selectedWorkflow?.Description }}
-              </div>
-            </div>
-
-            <div class="agents_note_wrapper">
-              <button
-                mat-icon-button
-                class="closeButtonSource"
-                (click)="toggleWorkflows(false)"
-              >
-                <mat-icon>close</mat-icon>
-              </button>
-            </div>
-          </div>
-          <div class="bottombox-wrapper">
-            <!-- here i need to loop through all the input fields selectedWorkflow.Trigger.InputSchema and render the input fields -->
-            <!-- Form for Workflow Inputs -->
-            <form
-              [formGroup]="workflowForm"
-              (ngSubmit)="onWorkflowSubmit()"
-              class="form-container"
-            >
-              <div
-                *ngFor="let input of selectedWorkflow?.Trigger?.InputSchema"
-                class="form-group"
-              >
-                <label>{{ input.Label }}</label>
-
-                <!-- Handle Text Input or Text Area based on requirement -->
-                <textarea
-                  *ngIf="input.Type === 'string'"
-                  formControlName="{{ input.InputId }}"
-                  [placeholder]="input.Placeholder"
-                  [rows]="2"
-                  [required]="input.Required"
-                  class="form-control"
-                ></textarea>
-
-                <!-- Dropdown for Select Options -->
-                <select
-                  *ngIf="input.Type === 'select'"
-                  formControlName="{{ input.InputId }}"
-                  class="form-control"
-                >
-                  <option
-                    *ngFor="let option of input.Options"
-                    [value]="option.Value"
-                  >
-                    {{ option.Label }}
-                  </option>
-                </select>
-              </div>
-
-              <!-- Submit button aligned to the right -->
-              <div class="form-group">
-                <button type="submit" class="btn btn-primary submit-button">
-                  Submit
-                </button>
-              </div>
-            </form>
-          </div>
-        </div>
-
-        <!-- new UI for Chat Message Section by Amit -->
-      </div>
-      <div *ngIf="!openWorkflowInput" class="chatFooterWrapper">
-        <!-- new UI for Chat Message Section by Amit -->
-        <div class="chat-footer-upt">
-          <div class="topinfo-containerbox" *ngIf="!checkForCop29BotId()">
-            <div class="agents_note_wrapper">
-              <div class="agents-dropdown-wrapper">
-                <div class="dropdown-wrapper" (click)="toggleDropdown()">
-                  <div class="dropdown-header">
-                    <span>{{ getDropdownHeaderText() }}</span>
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="24"
-                      height="24"
-                      fill="none"
-                      stroke="currentColor"
-                      stroke-width="2"
-                      viewBox="0 0 24 24"
-                    >
-                      <path d="M19 9l-7 7-7-7" />
-                    </svg>
-                  </div>
-                  <div class="dropdown-menu" *ngIf="isDropdownOpen">
-                    <label (click)="onSelectAll()">
-                      <input type="checkbox" [checked]="areAllSelected()" />
-                      All
-                    </label>
-                    <label
-                      *ngFor="let agent of agents"
-                      (click)="onAgentChange(agent)"
-                    >
-                      <input type="checkbox" [(ngModel)]="agent.selected" />
-                      {{ agent.agentName }}
-                    </label>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div class="agents_note_wrapper">
-              <div class="agents-dropdown-wrapper">
-                <div class="dropdown-wrapper" (click)="toggleWorkflows()">
-                  <div class="dropdown-header">
-                    <svg
-                      stroke="currentColor"
-                      fill="currentColor"
-                      stroke-width="0"
-                      viewBox="0 0 256 256"
-                      class="h-5 w-5"
-                      height="1.3em"
-                      width="1.3em"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M245.66,74.34l-32-32a8,8,0,0,0-11.32,11.32L220.69,72H192a74.49,74.49,0,0,0-28.35,6.73c-13.62,6.29-30.83,19.71-35.54,48-5.32,31.94-29.1,39.22-41,40.86a40,40,0,1,0,.18,16.06A71.65,71.65,0,0,0,108.13,178C121.75,172,139,158.6,143.89,129.31,150.65,88.77,190.34,88,192,88h28.69l-18.35,18.34a8,8,0,0,0,11.32,11.32l32-32A8,8,0,0,0,245.66,74.34ZM48,200a24,24,0,1,1,24-24A24,24,0,0,1,48,200Z"
-                      ></path></svg
-                    >&nbsp; Workflows
-                  </div>
-                  <div class="dropdown-menu" *ngIf="isWorkflowOpen">
-                    <label
-                      *ngFor="let orgWorkflow of orgWorkflows"
-                      (click)="onWorkflowSelected(orgWorkflow)"
-                    >
-                      {{ orgWorkflow.Name }}
-                    </label>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div class="bottombox-wrapper">
-            <!-- <input [disabled]="isChatingWithAi" type="text" class="form-control-1 s27-scroll"
-                                                          
-                                                          placeholder="Ask anything..." [style.background]="formFieldBgColor ? formFieldBgColor : ''"
-                                                          [style.color]="formFieldTextColor ? formFieldTextColor : ''" [(ngModel)]="input"
-                                                          (keyup.enter)="handleSubmit()" #myInput /> -->
-            <textarea
-              [disabled]="isChatingWithAi"
-              class="form-control-1 s27-scroll chat-textarea"
-              placeholder="{{ getTranslation('Ask anything') }}"
-              [(ngModel)]="input"
-              (keydown)="handleKeydown($event)"
-              (input)="adjustTextareaHeight($event)"
-              #myInput
-            ></textarea>
-
-            <button
-              (click)="toggleRecording()"
-              [disabled]="isChatingWithAi"
-              title="{{ isRecording ? 'Stop Recording' : 'Start Recording' }}"
-              class="btn cta-chat mr-1 vj-test"
-            >
-              <svg
-                *ngIf="!isRecording"
-                stroke="currentColor"
-                fill="currentColor"
-                stroke-width="0"
-                viewBox="0 0 512 512"
-                height="1em"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <!-- Mic Icon -->
-                <path
-                  d="M256 320c53 0 96-43 96-96V96c0-53-43-96-96-96s-96 43-96 96v128c0 53 43 96 96 96zm144-96h-16c0 66.27-52.73 120-120 120s-120-53.73-120-120h-16c-17.67 0-32 14.33-32 32v32c0 53.87 38.13 100.64 91.21 112.27C210.13 457.77 231.58 464 256 464s45.87-6.23 65.79-17.73C374.87 388.64 416 341.87 416 288v-32c0-17.67-14.33-32-32-32z"
-                ></path>
-              </svg>
-              <svg
-                *ngIf="isRecording"
-                stroke="currentColor"
-                fill="currentColor"
-                stroke-width="0"
-                viewBox="0 0 24 24"
-                height="1em"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <!-- Square Stop Icon -->
-                <path d="M5 5h14v14H5z"></path>
-              </svg>
-            </button>
-
-            <button
-              class="btn cta-chat rotate"
-              (click)="handleSubmit()"
-              [style.background]="sendButtonColor ? sendButtonColor : ''"
-              [style.color]="sendButtonTextColor ? sendButtonTextColor : ''"
-              title="{{ getTranslation('Send Message') }}"
-            >
-              <svg
-                stroke="currentColor"
-                fill="currentColor"
-                stroke-width="0"
-                viewBox="0 0 512 512"
-                height="1em"
-                width="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M476.59 227.05l-.16-.07L49.35 49.84A23.56 23.56 0 0027.14 52 24.65 24.65 0 0016 72.59v113.29a24 24 0 0019.52 23.57l232.93 43.07a4 4 0 010 7.86L35.53 303.45A24 24 0 0016 327v113.31A23.57 23.57 0 0026.59 460a23.94 23.94 0 0013.22 4 24.55 24.55 0 009.52-1.93L476.4 285.94l.19-.09a32 32 0 000-58.8z"
-                ></path>
-              </svg>
-              <!-- SEND -->
-            </button>
-          </div>
-        </div>
-
-        <!-- new UI for Chat Message Section by Amit -->
-      </div>
-
-      <div class="NoteTxt">
-        <div class="note">
-          <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="12.882"
-            height="12.883"
-            viewBox="0 0 12.882 12.883"
-          >
-            <path
-              id="Icon_ion-shield-checkmark"
-              data-name="Icon ion-shield-checkmark"
-              d="M15.106,4.532a.46.46,0,0,0-.378-.424A20.132,20.132,0,0,1,8.881,2.291a.46.46,0,0,0-.379,0A20.132,20.132,0,0,1,2.655,4.108a.46.46,0,0,0-.378.424A11.3,11.3,0,0,0,2.98,9.4a10.049,10.049,0,0,0,2.06,3.235A10.516,10.516,0,0,0,8.521,15.1a.46.46,0,0,0,.345,0,10.516,10.516,0,0,0,3.481-2.465A10.049,10.049,0,0,0,14.4,9.4,11.3,11.3,0,0,0,15.106,4.532Zm-3.767,2.16L8.153,10.373a.46.46,0,0,1-.328.159H7.806a.46.46,0,0,1-.322-.131L6.069,9.014a.46.46,0,1,1,.644-.657L7.777,9.4,10.644,6.09a.46.46,0,0,1,.7.6Z"
-              transform="translate(-2.25 -2.25)"
-              fill="#06f"
-            />
-          </svg>
-
-          <span class="text">{{
-            getTranslation(
-              "Your personal or company information is kept private and secure
-            within this chat."
-            )
-          }}</span>
-        </div>
-      </div>
-    </mat-drawer-content>
-  </mat-drawer>
-  <mat-drawer
-    class="drawer edit-boxDrawer"
-    style="width: 45%"
-    #sourcesDrawer
-    [position]="'end'"
-    [mode]="'over'"
-    [style.background]="
-      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'
-    "
-  >
-    <mat-drawer-content>
-      <div class="sourceDraweContainer">
-        <div class="container-fluid">
-          <button
-            mat-icon-button
-            class="closeButtonSource"
-            (click)="onCloseSource()"
-          >
-            <mat-icon>close</mat-icon>
-          </button>
-          <h1>{{ currentSourcesList?.length }} Sources</h1>
-          <!-- <p>Tell me about latest news from Mistral about AI agents announcement done this month</p> -->
-          <hr />
-          <ul class="sources-list">
-            <li *ngFor="let item of currentSourcesList; let si = index">
-              <!-- <input type="checkbox" id="source1"> -->
-              <div class="source-content" (click)="openLinkInNewTab(item.link)">
-                <label for="source1">
-                  <span class="source-title"
-                    ><span class="ml-1">{{ si + 1 }}.</span
-                    >{{ item.title }}</span
-                  >
-                  <span class="image-container">
-                    <img
-                      class="relative block"
-                      [src]="getFaviconUrl(item.link)"
-                      [alt]="getDomainName(item.link) + ' favicon'"
-                    />
-                    <span> {{ getDomainName(item.link) }}</span>
-                  </span>
-                  <span class="source-description">{{ item.desc }}</span>
-                </label>
-              </div>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </mat-drawer-content>
-  </mat-drawer>
-  <mat-drawer
-    class="drawer edit-boxDrawer"
-    style="width: 45%"
-    #editorsDrawer
-    [position]="'end'"
-    [mode]="'push'"
-    [style.background]="
-      'linear-gradient(' + (bgGradient ? bgGradient.join(', ') : '') + ')'
-    "
-  >
-    <mat-drawer-content>
-      <lib-bot-html-editor
-        *ngIf="isContentLoaded"
-        [editorContent]="currentMessageForEditor"
-        [isDocInEditMode]="isDocInEditMode"
-        [documentContent]="documentContent"
-        [conversationId]="conversationId"
-        [botId]="botId"
-      ></lib-bot-html-editor>
-    </mat-drawer-content>
-  </mat-drawer>
-</mat-drawer-container>
-
-<div *ngIf="showWorkflowExecutionDetails" class="modal">
-  <div class="modal-content">
-    <div class="close-wrapper">
-      <span class="close_pop" (click)="closeModal()">&times;</span>
-    </div>
-    <div class="titleSection">
-      <!-- Workflow Title -->
-      <h2>{{ workflowExecutionDetails.WorkflowName }}</h2>
-      <!-- Workflow Title -->
-    </div>
-    <!-- Inputs Section -->
-    <div class="inputs-section">
-      <h3>Inputs</h3>
-      <ul>
-        <li
-          *ngFor="let input of objectToArray(workflowExecutionDetails.Inputs)"
-        >
-          {{ input.key }}: {{ input.value }}
-        </li>
-      </ul>
-    </div>
-
-    <!-- Actions Section (Displayed as Timeline) -->
-    <div class="actions-section">
-      <h3>Agent Actions</h3>
-      <div class="timeline">
-        <div
-          *ngFor="let action of workflowExecutionDetails.Actions"
-          class="timeline-item"
-        >
-          <div class="timestamp-section">
-            <h4>{{ action.ActionName || action.Name }}</h4>
-            <p><strong></strong> {{ action.InsertTimeStamp }}</p>
-          </div>
-          <p [innerHTML]="processMessageForDisplay(action.Output)"></p>
-          <!-- <pre>{{ action.Output }}</pre> -->
-        </div>
-      </div>
-    </div>
-
-    <!-- Insert Timestamp -->
-    <div class="timestamp-section">
-      <p>
-        <strong>Inserted At:</strong>
-        {{ workflowExecutionDetails.InsertTimeStamp }}
-      </p>
-    </div>
-  </div>
-</div>