graphdb-workbench 2.8.0-TR5 → 2.8.0-Test

package/dist/css/ttyg/agent-list.css

@@ -99,3 +99,8 @@
     background-color: #00000066;
     color: #fff;
 }
+
+.agent-list-component .selected-filter, .agent-list-component .agent-name {
+    color: var(--secondary-color);
+    font-weight: 400;
+}

package/dist/css/ttyg/agent-select-menu.css

@@ -40,3 +40,8 @@
     text-decoration: none;
     display: block;
 }
+
+.agent-select-menu .agent-name {
+    color: var(--secondary-color);
+    font-weight: 400;
+}

package/dist/css/ttyg/chat-list.css

@@ -74,3 +74,8 @@
 .chat-list-component .chat-item:not(.edited):hover .open-chat-actions-btn {
     display: block;
 }
+
+.chat-list-component .chat-name {
+    color: var(--secondary-color);
+    font-weight: 400;
+}

package/dist/css/ttyg/chat-panel.css

@@ -1,14 +1,27 @@
+:root {
+    --text-color: #000000;
+    --line-height: 1.6;
+}
+
 .chat-panel {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    align-items: center;
+    color: var(--text-color);
+}
+
+.chat-panel .btn-link:focus {
+    color: var(--text-color);
+}
+
+.chat-panel .btn-link:not(:hover) {
+    color: var(--text-color);
 }
 
 .chat-panel .chat-details {
     overflow-y: auto;
-    padding-right: 10px;
-    width: 90%;
+    padding-right: 30px;
+    padding-left: 20px;
 }
 
 .chat-panel .chat-detail {
@@ -22,6 +35,7 @@
     display: flex;
     justify-content: flex-end;
     flex-direction: row;
+    color: var(--text-color);
 }
 
 .chat-panel .assistant {
@@ -42,12 +56,14 @@
 
 .chat-panel .assistant-message .answer {
     padding: 4px 8px;
+    line-height: var(--line-height);
 }
 
 .chat-panel .user-message .question {
     max-width: 70%;
-    text-align: end;
     padding: 8px 16px;
+    color: var(--text-color);
+    line-height: var(--line-height);
 }
 
 .chat-panel .assistant-icon {
@@ -69,6 +85,15 @@
     opacity: 0
 }
 
+.chat-panel .assistant-message .toggle-explain-response-icon {
+    transform: rotate(180deg);
+    font-size: 0.6rem;
+}
+
+.chat-panel .assistant-message .toggle-explain-response-icon.expanded {
+    transform: rotate(0deg);
+}
+
 .chat-panel .assistant-message .actions:hover {
     opacity: 1;
 }
@@ -77,10 +102,44 @@
     padding-left: 6px;
 }
 
-.chat-panel .mew-question {
+.chat-panel .new-question {
     width: 100%;
 }
 
-.chat-panel .mew-question .question-input {
+.chat-panel .new-question .question-input {
     background-color: #EFF3F8;
+    color: var(--text-color);
+}
+
+.chat-panel .assistant-message .derived-answer-hint {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.chat-panel .assistant-message .deliver-answer-btn {
+    background: none;
+    border-color: #C2C1C2;
+    color: #414041
+}
+
+.chat-panel .assistant-message .explain-response-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.chat-panel .assistant-message .explain-responses {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+}
+
+.chat-panel .chat-loading {
+    margin-top: 100px;
+}
+
+/* Better handling of markdown-derived HTML inside the assistant message */
+.chat-panel .assistant-message li > p:has(+:not(p)) {
+    margin-bottom: 0;
 }

package/dist/css/ttyg/ttyg.css

@@ -57,6 +57,26 @@ common sidebar and slidepanel styles
 left sidebar
 */
 
+/* style font awesome icons to look more like our icons */
+.ttyg-view .left-sidebar .fa-regular {
+    font-size: 1.05em;
+}
+
+.ttyg-view .left-sidebar .btn:hover .fa-regular {
+    transform: scale(1.2);
+}
+
+.ttyg-view .left-sidebar .btn .fa-regular {
+    -moz-transition: transform 0.15s ease-out;
+    -o-transition: transform 0.15s ease-out;
+    -webkit-transition: transform 0.15s ease-out;
+    transition: transform 0.15s ease-out;
+}
+
+.ttyg-view .left-sidebar .fa-regular {
+    font-size: 1.2em;
+}
+
 .ttyg-view .left-sidebar .toolbar {
     justify-content: space-between;
     background-color: var(--sidebar-bgcolor);
@@ -105,15 +125,14 @@ chat area
 }
 
 .ttyg-view .chat-content .toolbar {
-    width: 900px;
     margin: auto;
     padding: 0;
 }
 
 .ttyg-view .chat-content .chat {
-    width: 900px;
+    max-width: 800px;
     margin: auto;
-    height: calc(100vh - 10em);
+    height: calc(100vh - 13em);
     display: flex;
     flex-direction: column;
     justify-content: space-between;

package/dist/i18n/locale-en.json

@@ -280,6 +280,14 @@
             "messages": {
                 "answer_copy_successful": "The answer was successfully copied to the clipboard.",
                 "answer_copy_failed": "Failed to copy the answer to the clipboard."
+            },
+            "dialog": {
+                "confirm_repository_change_before_open_similarity": {
+                    "body": "If you proceed with creating the similarity index, GraphDB will open in a new tab and switch to the <b>{{repositoryId}}</b> repository."
+                },
+                "confirm_repository_change_before_open_connectors": {
+                    "body": "If you proceed with creating the ChatGPT retrieval connector, GraphDB will open in a new tab and switch to the <b>{{repositoryId}}</b> repository."
+                }
             }
         },
         "agent": {
@@ -289,7 +297,8 @@
             "create_agent_modal": {
                 "title": {
                     "create": "Create Agent",
-                    "edit": "Edit Agent"
+                    "edit": "Edit Agent",
+                    "clone": "Clone Agent"
                 },
                 "advanced_settings": {
                     "show": "Show advanced settings",
@@ -297,7 +306,7 @@
                 },
                 "form": {
                     "agent_name": {
-                        "label": "GraphAgent name",
+                        "label": "Agent name",
                         "placeholder": "Enter user friendly name"
                     },
                     "repository": {
@@ -323,7 +332,7 @@
                     },
                     "fts_search": {
                         "label": "Full-text search",
-                        "fts_disabled_message": "To use this method, you must enable the full-text search (FTS) index on chosen repository and then restart it.<br/>Enable the index: <a href=\"{{repositoryEditPage}}\" target=\"_blank\">here</a>",
+                        "fts_disabled_message": "You must <a href=\"{{repositoryEditPage}}\" target=\"_blank\">enable the full-text search (FTS) index</a> to use this method.",
                         "missing_repository_id": "Repository ID must be selected"
                     },
                     "sparql_search": {
@@ -342,14 +351,22 @@
                     "similarity_index": {
                         "label": "Similarity index name",
                         "loading_indexes": "Loading similarity indexes...",
-                        "no_similarity_index_message": "To use this method, you must have a similarity index created.<br/>Create similarity text index <a href=\"{{similarityIndexPage}}\" target=\"_blank\">here</a>."
+                        "no_similarity_index": {
+                            "message_1": "You must",
+                            "message_2": "create a similarity index",
+                            "message_3": "to use this method"
+                        }
                     },
                     "similarity_threshold": {
                         "label": "Similarity threshold"
                     },
                     "retrieval_search": {
                         "label": "ChatGPT retrieval connector",
-                        "no_retrieval_connectors_message": "No connector instances.<br/>Create ChatGPT retrieval connector <a href=\"{{retrievalConnectorPage}}\" target=\"_blank\">here</a>."
+                        "no_retrieval_connectors": {
+                            "message_1": "You must",
+                            "message_2": "create ChatGPT retrieval connector",
+                            "message_3": "to use this method"
+                        }
                     },
                     "connector_id": {
                         "label": "ChatGPT retrieval connector"

package/dist/i18n/locale-fr.json

@@ -281,6 +281,14 @@
             "messages": {
                 "answer_copy_successful": "La réponse a été copiée avec succès dans le presse-papiers.",
                 "answer_copy_failed": "Échec de la copie de la réponse dans le presse-papiers."
+            },
+            "dialog": {
+                "confirm_repository_change_before_open_similarity": {
+                    "body": "Si vous continuez à créer l'index de similarité, GraphDB s'ouvrira dans un nouvel onglet et passera au dépôt <b>{{repositoryId}}</b>."
+                },
+                "confirm_repository_change_before_open_connectors": {
+                    "body": "Si vous continuez à créer le connecteur de récupération ChatGPT, GraphDB s'ouvrira dans un nouvel onglet et passera au dépôt <b>{{repositoryId}}</b>."
+                }
             }
         },
         "agent": {
@@ -290,7 +298,8 @@
             "create_agent_modal": {
                 "title": {
                     "create": "Créer un agent",
-                    "edit": "Modifier un agent"
+                    "edit": "Modifier un agent",
+                    "clone": "Cloner un agent"
                 },
                 "advanced_settings": {
                     "show": "Afficher les paramètres avancés",
@@ -298,7 +307,7 @@
                 },
                 "form": {
                     "agent_name": {
-                        "label": "Nom de l'GraphAgent",
+                        "label": "Nom de l'Agent",
                         "placeholder": "Entrez un nom convivial"
                     },
                     "repository": {
@@ -324,7 +333,7 @@
                     },
                     "fts_search": {
                         "label": "Recherche en texte intégral",
-                        "fts_disabled_message": "Pour utiliser cette méthode, vous devez activer l'index de recherche en texte intégral (FTS) sur le référentiel choisi, puis le redémarrer.<br/> Activez l'index <a href=\"{{repositoryEditPage}}\" target=\"_blank\">ici</a>.",
+                        "fts_disabled_message": "Vous devez <a href=\"{{repositoryEditPage}}\" target=\"_blank\">activer l'index de recherche en texte intégral (FTS)</a> pour utiliser cette méthode.",
                         "missing_repository_id": "L'ID du référentiel doit être sélectionné"
                     },
                     "sparql_search": {
@@ -343,14 +352,22 @@
                     "similarity_index": {
                         "label": "Nom de l'index de similarité",
                         "loading_indexes": "Chargement des indices de similarité...",
-                        "no_similarity_index_message": "Pour utiliser cette méthode, vous devez avoir créé un index de similarité.<br/>Créez un index de texte de similarité <a href=\"{{similarityIndexPage}}\" target=\"_blank\">ici</a>."
+                        "no_similarity_index": {
+                            "message_1": "Vous devez",
+                            "message_2": "créer un index de similarité",
+                            "message_3": "pour utiliser cette méthode"
+                        }
                     },
                     "similarity_threshold": {
                         "label": "Seuil de similarité"
                     },
                     "retrieval_search": {
                         "label": "Connecteur de récupération ChatGPT",
-                        "no_retrieval_connectors_message": "Aucune instance de connecteur.<br/>Créez un connecteur de récupération ChatGPT <a href=\"{{retrievalConnectorPage}}\" target=\"_blank\">ici</a>."
+                        "no_retrieval_connectors": {
+                            "message_1": "Vous devez",
+                            "message_2": "créer un connecteur de récupération ChatGPT",
+                            "message_3": "pour utiliser cette méthode"
+                        }
                     },
                     "connector_id": {
                         "label": "Connecteur de récupération ChatGPT"

package/dist/index.html

@@ -13,8 +13,8 @@
 
     <link rel="apple-touch-icon-precomposed" href="icon.png">
 
-    <script src="plugin-registry.js?v=2.8.0-TR5"></script>
-    <script src="plugins.js?v=2.8.0-TR5"></script>
+    <script src="plugin-registry.js?v=2.8.0-Test"></script>
+    <script src="plugins.js?v=2.8.0-Test"></script>
 <link rel="shortcut icon" href="icon.png"><link href="vendor.0dbd09f6d69e78b19728.css" rel="stylesheet"><link href="main.98c547eac0aca6db48bb.css" rel="stylesheet"></head>
 
 <body>
@@ -164,6 +164,6 @@
     <object data="img/graphdb-splash.1ef2940889acddc03c7defb3f9f41f8d.svg"></object>
     <div>GraphDB Workbench is loading...</div>
 </div>
-<script type="text/javascript" src="vendor.70a25ea39bd7c73a002b.bundle.js"></script><script type="text/javascript" src="main.269962097c8301c719bd.bundle.js"></script><script type="text/javascript" src="bundle.ab46df6bc4d4c7e32a6b.bundle.js"></script></body>
+<script type="text/javascript" src="vendor.30a6591bfdc394bd3913.bundle.js"></script><script type="text/javascript" src="main.9383f2ad934cf3bacb79.bundle.js"></script><script type="text/javascript" src="bundle.6d55f24bf710dc734eaf.bundle.js"></script></body>
 
 </html>

package/dist/js/angular/core/directives/autocomplete/templates/autocomplete.html

@@ -1,4 +1,4 @@
-<link href="css/autocomplete-select.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/autocomplete-select.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="autocomplete-select-wrapper">
     <div class="autocomplete-select">

package/dist/js/angular/core/directives/operations-statuses-monitor/templates/operations-statuses-monitor.html

@@ -1,4 +1,4 @@
-<link href="css/operations-statuses-monitor.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/operations-statuses-monitor.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div ng-if="activeOperations && activeOperations.operations && activeOperations.operations.length > 0"
      class="operations-statuses btn-group">

package/dist/js/angular/core/directives/rdfresourcesearch/templates/rdfResourceSearchTemplate.html

@@ -1,4 +1,4 @@
-<link href="css/rdf-resource-search.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div ng-if="getActiveRepository() && hasActiveLocation() && isNotLoading()" ng-cloak>
     <div id="search-box" class="card search-rdf-input" ng-keydown="onKeyDown($event)" ng-if="!isHomePage()">

package/dist/js/angular/core/directives/yasgui-component/templates/yasgui-component.html

@@ -1,4 +1,4 @@
-<link href="css/lib/ontotext-yasgui-web-component.css?v=2.8.0-TR5" rel="stylesheet">
+<link href="css/lib/ontotext-yasgui-web-component.css?v=2.8.0-Test" rel="stylesheet">
 
 <ontotext-yasgui
     class="{{classToApply}}"

package/dist/js/angular/security/templates/user.html

@@ -31,7 +31,7 @@
 	</ul>
 </script>
 
-<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <h1>{{pageTitle}}</h1>
 

package/dist/js/angular/ttyg/templates/agent-list.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-list.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-list.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="agent-list-component">
     <div class="agents-filter-dropdown btn-group" uib-dropdown>

package/dist/js/angular/ttyg/templates/agent-select-menu.html

@@ -1,12 +1,14 @@
-<link href="css/ttyg/agent-select-menu.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-select-menu.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="btn-group agent-select-menu" uib-dropdown>
     <button type="button" class="btn dropdown-toggle-btn" uib-dropdown-toggle
             ng-attr-title="{{selectedAgent && !selectedAgent.isDeleted && selectedAgent.repositoryId ? (selectedAgent.name + ' &middot; ' + selectedAgent.repositoryId) : null}}">
         <span ng-if="!selectedAgent">{{'ttyg.agent.agent_select_menu.no_selection_label' | translate}}</span>
-        <span ng-if="selectedAgent && !selectedAgent.isDeleted && selectedAgent.repositoryId">{{selectedAgent.name}} &middot; {{selectedAgent.repositoryId}}</span>
+        <span ng-if="selectedAgent && !selectedAgent.isDeleted && selectedAgent.repositoryId">
+            <span class="agent-name">{{selectedAgent.name}}</span> &middot; {{selectedAgent.repositoryId}}
+        </span>
         <span ng-if="selectedAgent && !selectedAgent.isDeleted && !selectedAgent.repositoryId">
-            {{selectedAgent.name}} &middot; <i class="fa-regular fa-triangle-exclamation text-warning"></i>
+            <span class="agent-name">{{selectedAgent.name}}</span> &middot; <i class="fa-regular fa-triangle-exclamation text-warning"></i>
                 {{'ttyg.agent.deleted_repository' | translate}}
         </span>
         <span ng-if="selectedAgent && selectedAgent.isDeleted" class="text-warning">

package/dist/js/angular/ttyg/templates/chat-item-detail.html

@@ -0,0 +1,30 @@
+<div class="chat-detail">
+    <div class="user-message">
+        <div class="question alert-help">
+            {{ chatItemDetail.question.message }}
+        </div>
+    </div>
+    <div class="assistant">
+        <div class="assistant-icon alert-help">
+            <i class="fa-regular fa-message-bot"></i>
+        </div>
+        <div class="assistant-message" ng-if="chatItemDetail.answer">
+            <div class="answer" ng-bind-html="MarkdownService.renderMarkdown(chatItemDetail.answer.message)">
+            </div>
+            <div class="actions" ng-class="{'hidden-actions': !showActions}">
+                <button class="btn btn-link secondary btn-sm regenerate-question-btn"
+                        ng-click="regenerateQuestion()"
+                        gdb-tooltip="{{'ttyg.chat_panel.btn.regenerate.tooltip' | translate}}">
+                    <i class="fa-regular fa-arrows-rotate"></i>
+                </button>
+                <button class="btn btn-link secondary btn-sm copy-answer-btn"
+                        ng-click="copyAnswerToClipboard()"
+                        gdb-tooltip="{{'ttyg.chat_panel.btn.copy.tooltip' | translate}}">
+                    <i class="fa-regular fa-clone"></i>
+                </button>
+                <i class="fa-regular fa-wand-magic-sparkles"></i>
+            </div>
+        </div>
+        <div ng-if="asking" onto-loader-new size="40"></div>
+    </div>
+</div>

package/dist/js/angular/ttyg/templates/chat-list.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-list.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/chat-list.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="chat-list-component">
     <div ng-repeat="chatGroup in chatList.chatsByDay" class="chat-group">
@@ -17,7 +17,7 @@
                         on-click="onSelectChat(source)">
                     </inline-editable-text>
                 </div>
-                <div ng-if="!renamedChat || chat.id !== renamedChat.id" class="btn-group">
+                <div ng-if="chat.id && (!renamedChat || chat.id !== renamedChat.id)" class="btn-group">
                     <button class="btn btn-link secondary btn-sm open-chat-actions-btn"
                             data-toggle="dropdown" aria-expanded="false"
                             ng-if="true"

package/dist/js/angular/ttyg/templates/chat-panel.html

@@ -1,46 +1,26 @@
-<link href="css/ttyg/chat-panel.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/chat-panel.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="chat-panel h-100">
 
-    <div class="messages-hint text-muted" ng-if="chat.chatHistory.isEmpty()">
+    <div class="chat-loading" ng-if="loadingChat" onto-loader-new size="40"></div>
+
+    <div class="messages-hint text-muted" ng-if="!loadingChat && chat.chatHistory.isEmpty() && !askingChatItem">
         {{ 'ttyg.chat_panel.hint' | translate }}
     </div>
 
-    <div class="chat-details" ng-class="{'hidden': !chat}">
-        <div class="chat-detail" ng-repeat="chatItem in chat.chatHistory.items">
-            <div class="user-message">
-                <div class="question alert-help">
-                    {{ chatItem.question.message }}
-                </div>
-            </div>
-            <div class="assistant">
-                <div class="assistant-icon alert-help">
-                    <i class="fa-regular fa-message-bot"></i>
-                </div>
-                <div class="assistant-message">
-                    <div class="answer">
-                        {{ chatItem.answer.message }}
-                    </div>
-                    <div class="actions" ng-class="{'hidden-actions': !$last}">
-                        <button class="btn btn-link secondary btn-sm regenerate-question-btn"
-                                ng-click="regenerateQuestion(chatItem)"
-                                gdb-tooltip="{{'ttyg.chat_panel.btn.regenerate.tooltip' | translate}}">
-                            <i class="fa-regular fa-arrows-rotate"></i>
-                        </button>
-                        <button class="btn btn-link secondary btn-sm copy-answer-btn"
-                                ng-click="copyAnswerToClipboard(chatItem)"
-                                gdb-tooltip="{{'ttyg.chat_panel.btn.copy.tooltip' | translate}}">
-                            <i class="fa-regular fa-clone"></i>
-                        </button>
-                        <i class="fa-regular fa-wand-magic-sparkles"></i>
-                    </div>
-                </div>
-            </div>
-        </div>
+        <div class="chat-details" ng-class="{'hidden': !chat}" ng-if="!loadingChat">
+            <chat-item-detail
+                ng-repeat="chatItemDetail in chat.chatHistory.items"
+                chat-item-detail="chatItemDetail"
+                show-actions="!askingChatItem && $last"
+                on-regenerate-question="regenerateQuestion(chatItem)"
+                on-copy-answer-to-clipboard="copyAnswerToClipboard(chatItem)">
+            </chat-item-detail>
+            <chat-item-detail ng-if="askingChatItem" chat-item-detail="askingChatItem" asking="!!askingChatItem"></chat-item-detail>
     </div>
-    <div class="mew-question mb-3 mt-2 d-flex">
-        <input class="form-control question-input" ng-model="chatItem.question.message" type="text">
-        <button class="btn btn-primary ask-button" ng-disabled="!chatItem.question.message || !selectedAgent || selectedAgent.isDeleted" ng-click="ask()">
+    <div class="new-question mb-3 mt-2 d-flex">
+        <input class="form-control question-input" ng-model="chatItem.question.message" type="text" ng-disabled="askingChatItem || loadingChat" ng-keypress="onKeypressOnInput($event)">
+        <button class="btn btn-primary ask-button" ng-disabled="!chatItem.question.message || !selectedAgent || selectedAgent.isDeleted || askingChatItem || loadingChat" ng-click="ask()">
             <i class="fa-regular fa-arrow-turn-left-up"></i>
             {{ 'ttyg.chat_panel.btn.ask.label ' | translate }}
         </button>

package/dist/js/angular/ttyg/templates/modal/agent-settings-modal.html

@@ -1,14 +1,17 @@
-<link href="css/ttyg/agent-settings-modal.css?v=2.8.0-TR5" rel="stylesheet"/>
-<link href="js/lib/rzslider/rzslider.min.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-settings-modal.css?v=2.8.0-Test" rel="stylesheet"/>
+<link href="js/lib/rzslider/rzslider.min.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>
-    <h4 class="modal-title">{{(isEdit ? 'ttyg.agent.create_agent_modal.title.edit ' : 'ttyg.agent.create_agent_modal.title.create') | translate}}</h4>
+    <h4 class="modal-title">{{(
+        operation === AGENT_OPERATION.EDIT ? 'ttyg.agent.create_agent_modal.title.edit '
+        : operation === AGENT_OPERATION.CLONE ? 'ttyg.agent.create_agent_modal.title.clone'
+        : 'ttyg.agent.create_agent_modal.title.create') | translate}}</h4>
 </div>
 
 <div class="modal-body">
     <form novalidate name="agentSettingsForm" id="agentSettingsForm" class="agent-settings-form">
-        <div class="form-group agent-name">
+        <div class="form-group agent-name-label">
             <label for="name">{{'ttyg.agent.create_agent_modal.form.agent_name.label' | translate}}</label>
             <input type="text" class="form-control" id="name" name="name" ng-model="agentFormModel.name"
                    required autocomplete="off"
@@ -39,16 +42,17 @@
                 <div ng-repeat="extractionMethod in agentFormModel.assistantExtractionMethods.extractionMethods"
                      class="extraction-method">
                     <div id="{{extractionMethod.method + '_method_heading'}}" class="extraction-method-heading"
-                         ng-class="{'selected': extractionMethod.selected}">
+                         ng-class="{'selected': extractionMethod.selected}"
+                         data-toggle="collapse"
+                         data-target="#{{extractionMethod.method + '_method_content'}}">
                         <div class="mr-0 extraction-method-toggle">
                             <input type="checkbox" id="{{extractionMethod.method + '_checkbox'}}"
                                    name="{{extractionMethod}}" class="switch"
-                                   ng-change="toggleExtractionMethod()"
+                                   ng-change="toggleExtractionMethod(extractionMethod)"
                                    ng-model="extractionMethod.selected"/>
                             <label for="{{extractionMethod.method + '_checkbox'}}"></label>
                         </div>
-                        <a class="btn btn-link panel-toggle-link collapsed" data-toggle="collapse"
-                           data-target="#{{extractionMethod.method + '_method_content'}}"
+                        <a class="btn btn-link panel-toggle-link collapsed"
                            aria-expanded="false" aria-controls="{{extractionMethod.method + '_method_content'}}"
                            ng-click="onExtractionMethodPanelToggle(extractionMethod)">
                             <span class="mr-1">{{'ttyg.agent.create_agent_modal.form.' + extractionMethod.method + '.label' | translate}}</span>
@@ -133,8 +137,12 @@
 
                         <div ng-if="extractionMethod.method === extractionMethods.SIMILARITY"
                              class="extraction-method-options">
-                            <div ng-if="!similarityIndexes.length" class="no-similarity-index-message"
-                                 ng-bind-html="getNoSimilarityIndexHelpMessage()">
+                            <div ng-if="!similarityIndexes.length" class="no-similarity-index-message">
+                                {{'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_1' | translate}}
+                                <a href="#" ng-click="goToCreateSimilarityView()">
+                                    {{'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_2' | translate}}
+                                </a>
+                                {{'ttyg.agent.create_agent_modal.form.similarity_index.no_similarity_index.message_3' | translate}}.
                             </div>
                             <div ng-show="similarityIndexes.length">
                                 <div class="form-group similarity-index">
@@ -183,8 +191,12 @@
 
                         <div ng-if="extractionMethod.method === extractionMethods.RETRIEVAL"
                              class="extraction-method-options">
-                            <div ng-if="!retrievalConnectors.length" class="no-retrieval-connector-message"
-                                 ng-bind-html="getNoRetrievalConnectorHelpMessage()">
+                            <div ng-if="!retrievalConnectors.length" class="no-retrieval-connector-message">
+                                {{'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_1' | translate}}
+                                <a href="#" ng-click="goToConnectorsView()">
+                                    {{'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_2' | translate}}
+                                </a>
+                                {{'ttyg.agent.create_agent_modal.form.retrieval_search.no_retrieval_connectors.message_3' | translate}}.
                             </div>
                             <div ng-show="retrievalConnectors.length">
                                 <div class="form-group retrieval-connector">
@@ -330,6 +342,8 @@
     </button>
     <button type="button" ng-click="ok()" ng-disabled="agentSettingsForm.$invalid"
             class="btn btn-primary save-agent-settings-btn">
-        {{( isEdit ? 'ttyg.agent.create_agent_modal.btn.save.label' : 'ttyg.agent.create_agent_modal.btn.create.label') | translate}}
+        {{(operation === AGENT_OPERATION.EDIT ? 'ttyg.agent.create_agent_modal.btn.save.label'
+        : operation === AGENT_OPERATION.CLONE ? 'ttyg.agent.create_agent_modal.btn.save.label'
+        : 'ttyg.agent.create_agent_modal.btn.create.label') | translate}}
     </button>
 </div>

package/dist/js/angular/ttyg/templates/no-agents-view.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/no-agents-view.css?v=2.8.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/no-agents-view.css?v=2.8.0-Test" rel="stylesheet"/>
 
 <div class="no-agents-view-component">
     <div class="content">