graphdb-workbench 2.8.0-TR7 → 2.8.0-TR9

package/dist/i18n/locale-fr.json

@@ -222,7 +222,7 @@
         "help": {
             "btn": {
                 "show_help": {
-                    "tooltip": "Show help"
+                    "tooltip": "Afficher l'aide"
                 }
             }
         },
@@ -238,16 +238,17 @@
         },
         "chat": {
             "loading_chats": "Chargement des chats...",
+            "deleting_chat": "Deleting chats...",
             "deleted_repository": "Dépôt supprimé",
             "btn": {
                 "open_sidebar": {
-                    "tooltip": "Ouvrir la barre latérale"
+                    "tooltip": "Afficher la liste de discussion"
                 },
                 "close_sidebar": {
-                    "tooltip": "Fermer la barre latérale"
+                    "tooltip": "Masquer la liste de discussion"
                 },
                 "create_chat": {
-                    "tooltip": "Créer un chat"
+                    "tooltip": "Démarrer une nouvelle discussion"
                 },
                 "export_chat": {
                     "label": "Exporter",
@@ -267,10 +268,17 @@
                 "rename_failure": "Échec du renommage de la conversation. Veuillez réessayer.",
                 "delete_failure": "Échec de la suppression de la conversation. Veuillez réessayer.",
                 "export_failure": "Échec de l'exportation de la conversation. Veuillez réessayer."
+            },
+            "dialog": {
+                "chat_is_missing": {
+                    "title": "Еrreur",
+                    "body": "La conversation sélectionnée est introuvable. Elle a probablement été supprimée."
+                }
             }
         },
         "chat_panel": {
             "hint": "Parlez à votre graphe – posez simplement une question !\nPour le moment, cela fonctionne mieux si vous demandez en anglais, désolé !",
+            "deleted_agent": "<span class=\"text-warning\"><i class=\"fa-regular fa-triangle-exclamation fa-xs\"></i> agent supprimé</span>",
             "btn": {
                 "ask": {
                     "label": "Demander"
@@ -278,8 +286,14 @@
                 "regenerate": {
                     "tooltip": "Régénérer"
                 },
-                "copy": {
-                    "tooltip": "Copier"
+                "copy_answer": {
+                    "tooltip": "Copier la réponse"
+                },
+                "copy_raw_query": {
+                    "tooltip": "Copier la requête brute"
+                },
+                "copy_sparql": {
+                    "tooltip": "Copier la requête SPARQL"
                 },
                 "explain_response": {
                     "tooltip": "Expliquer la réponse"
@@ -287,6 +301,9 @@
                 "derive_answer": {
                     "label": "Comment avez-vous obtenu cette réponse ?",
                     "hint": "Astuce : vous pouvez également demander au modèle, par exemple"
+                },
+                "open_in_sparql_editor": {
+                    "tooltip": "Ouvrir dans l'éditeur SPARQL"
                 }
             },
             "labels": {
@@ -294,13 +311,21 @@
                 "raw_query": "Requête brute",
                 "sparql_query": "Requête SPARQL"
             },
+            "query_name": {
+                "sparql_query":"SPARQL",
+                "fts_search": "Recherche en texte intégral",
+                "similarity_search": "Recherche de similarité",
+                "retrieval_search": "Connecteur de récupération ChatGPT",
+                "iri_discovery": "Recherche de texte intégral dans les étiquettes pour la découverte d'IRI"
+            },
             "dialog": {
                 "confirm_repository_change": {
                     "body": "Si vous continuez l'exécution de la requête SPARQL, GraphDB s'ouvrira dans un nouvel onglet et passera au dépôt <b>{{repositoryId}}</b>."
                 }
             },
             "messages":{
-                "explain_response_failure": "Échec de la récupération de l'explication pour la réponse."
+                "explain_response_failure": "Échec de la récupération de l'explication pour la réponse.",
+                "agent_changed_info": "L'agent a été changé en <b> {{agentName}} </b>"
             }
         },
         "agent": {
@@ -320,20 +345,25 @@
                 "form": {
                     "agent_name": {
                         "label": "Nom de l'Agent",
-                        "placeholder": "Entrez un nom convivial"
+                        "placeholder": "Entrez un nom convivial",
+                        "tooltip": "Un nom descriptif qui vous aide à identifier cet agent."
                     },
                     "repository": {
-                        "label": "Index du dépôt"
+                        "label": "Index du dépôt",
+                        "tooltip": "L'ID du référentiel qui sera utilisé pour récupérer les informations de GraphDB. Les référentiels Ontop et FedX ne sont pas pris en charge."
                     },
                     "model": {
                         "label": "Modèle",
+                        "tooltip": "Le modèle à utiliser pour cet agent. Des modèles plus puissants fourniront de meilleurs résultats.",
                         "hint": "Découvrez les modèles OpenAI disponibles <a href=\"https://platform.openai.com/docs/models\" target=\"_blank\">ici</a>."
                     },
                     "temperature": {
-                        "label": "Température"
+                        "label": "Température",
+                        "tooltip": "La température d'échantillonnage à utiliser, entre 0 et 2. Des valeurs plus élevées comme 0,8 rendront la sortie plus aléatoire, tandis que des valeurs plus faibles comme 0,2 la rendront plus ciblée et déterministe."
                     },
                     "top_p": {
-                        "label": "Top_P"
+                        "label": "Top_P",
+                        "tooltip": "Une alternative à l'échantillonnage avec température, appelée échantillonnage du noyau, où le modèle considère les résultats des jetons avec la masse de probabilité Top P. Ainsi, 0,1 signifie que seuls les jetons comprenant la masse de probabilité supérieure de 10 % sont pris en compte. OpenAI recommande de modifier cela ou la température, mais pas les deux."
                     },
                     "seed": {
                         "label": "Graine",
@@ -341,68 +371,117 @@
                     },
                     "extraction_method": {
                         "label": "Méthodes de requête",
-                        "required": "Au moins une méthode de requête doit être sélectionnée"
+                        "required": "Au moins une méthode de requête doit être sélectionnée",
+                        "tooltip": "Méthodes de requête à utiliser par le modèle pour récupérer des informations de GraphDB et répondre aux questions."
                     },
                     "fts_search": {
                         "label": "Recherche en texte intégral",
+                        "tooltip": "Répond aux questions en utilisant la recherche en texte intégral dans les littéraux et les IRI. Fonctionne bien sur les questions ouvertes, mais moins bien sur les agrégations.",
                         "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é"
                     },
+                    "fts_search_max_number_of_triples_per_call": {
+                        "label": "Nombre maximum de résultats (triples) par appel",
+                        "tooltip": "Limitez le nombre maximal de triplets renvoyés par la recherche en texte intégral. La valeur par défaut est automatique et déterminée au moment de l'exécution. En cas de doute, laissez la valeur par défaut.",
+                        "placeholder": "Valeur automatique"
+                    },
                     "sparql_search": {
                         "label": "SPARQL",
+                        "tooltip": "Répond aux questions en exécutant une requête SPARQL. Cela fonctionne bien pour les ensembles de données avec de bonnes ontologies et fonctionne bien sur les questions fermées, y compris les agrégations.",
                         "required_option": "Sélectionnez la manière dont une ontologie doit être récupérée"
                     },
                     "ontology_graph": {
-                        "label": "Récupérer l'ontologie à partir d'un graphe nommé"
+                        "label": "Récupérer l'ontologie à partir d'un graphe nommé",
+                        "tooltip": "Le graphe nommé qui contient l'ensemble de l'ontologie ou un sous-ensemble suffisant pour générer des requêtes SPARQL utiles."
                     },
                     "construct_query": {
-                        "label": "Fournir une requête SPARQL CONSTRUCT qui récupère l'ontologie"
+                        "label": "Fournir une requête SPARQL CONSTRUCT qui récupère l'ontologie",
+                        "tooltip": "A SPARQL CONSTRUCT query that returns the entire ontology or a subset sufficient to generate useful SPARQL queries."
                     },
                     "similarity_search": {
-                        "label": "Recherche de similarité"
+                        "label": "Recherche de similarité",
+                        "tooltip": "Répond aux questions en utilisant la recherche de similarité. Fonctionne bien sur les questions ouvertes, mais moins bien sur les agrégations."
                     },
                     "similarity_index": {
                         "label": "Nom de l'index de similarité",
+                        "tooltip": "L'index de similarité de texte à utiliser pour les requêtes de recherche de similarité.",
                         "loading_indexes": "Chargement des indices de similarité...",
                         "no_similarity_index": {
                             "message_1": "Vous devez",
                             "message_2": "créer un index de similarité",
                             "message_3": "pour utiliser cette méthode"
+                        },
+                        "btn": {
+                            "reload": {
+                                "tooltip": "Rafraîchir les index de similarité."
+                            }
                         }
                     },
                     "similarity_threshold": {
-                        "label": "Seuil de similarité"
+                        "label": "Seuil de similarité",
+                        "tooltip": "Utilisez uniquement les résultats de similarité dont le score est au moins égal à la valeur seuil, entre 0 et 1. La valeur par défaut est 0,6."
                     },
                     "retrieval_search": {
                         "label": "Connecteur de récupération ChatGPT",
+                        "tooltip": "Répond aux questions en utilisant la recherche vectorielle dans les blocs de texte créés à partir de RDF. Fonctionne bien sur les questions ouvertes, mais moins bien pour fournir des agrégations.",
                         "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"
+                        },
+                        "btn": {
+                            "reload": {
+                                "tooltip": "Rafraîchir les connecteurs de récupération ChatGPT."
+                            }
                         }
                     },
                     "connector_id": {
-                        "label": "Connecteur de récupération ChatGPT"
+                        "label": "Connecteur de récupération ChatGPT",
+                        "tooltip": "L'instance du connecteur de récupération ChatGPT à utiliser pour les requêtes de récupération CtatGPT."
                     },
                     "query_template": {
-                        "label": "Modèle de requête"
+                        "label": "Modèle de requête",
+                        "tooltip": "Ce modèle peut utiliser un filtre avec les champs de métadonnées disponibles dans votre instance de connecteur de récupération ChatGPT. La valeur par défaut contient uniquement la partie requête et n'utilise aucun champ de métadonnées. Veuillez consulter la documentation pour plus d'informations."
                     },
-                    "max_number_of_triples_per_call": {
+                    "retrieval_search_max_number_of_triples_per_call": {
                         "label": "Nombre maximum de résultats (triples) par appel",
+                        "tooltip": "Limitez le nombre maximal de fragments de texte renvoyés par le connecteur de récupération ChatGPT. La valeur par défaut est automatique et déterminée au moment de l'exécution. En cas de doute, laissez la valeur par défaut.",
                         "placeholder": "Valeur automatique"
                     },
                     "system_instruction": {
                         "label": "Instructions système",
-                        "placeholder": "Entrez les instructions du système"
+                        "placeholder": "Entrez les instructions du système",
+                        "tooltip": "Instructions de base pour l'agent. La valeur par défaut fournit de bons résultats dans la plupart des configurations, il n'est donc pas nécessaire de la modifier.",
+                        "btn": {
+                            "copy_instruction": {
+                                "tooltip": "Copier les instructions du système"
+                            },
+                            "restore_default": {
+                                "tooltip": "Réinitialiser par défaut"
+                            }
+                        }
                     },
                     "user_instruction": {
                         "label": "Mode d'emploi",
-                        "placeholder": "Entrez les instructions d'utilisation"
+                        "placeholder": "Entrez les instructions d'utilisation",
+                        "tooltip": "Des instructions supplémentaires peuvent être utilisées pour fournir des vérités fondamentales ou des instructions appropriées.",
+                        "btn": {
+                            "copy_instruction": {
+                                "tooltip": "Copier les instructions d'utilisation"
+                            },
+                            "restore_default": {
+                                "tooltip": "Réinitialiser par défaut"
+                            }
+                        }
                     },
                     "additional_query_methods": {
                         "label": "Méthodes de requête supplémentaires",
+                        "tooltip": "Des méthodes de requête supplémentaires complètent les méthodes de requête principales, mais ne peuvent pas être utilisées seules pour répondre à des questions générales.",
                         "method": {
-                            "iri_discovery_search": "Recherche de texte intégral dans les étiquettes pour la découverte d'IRI"
+                            "iri_discovery_search": {
+                                "label": "Recherche de texte intégral dans les étiquettes pour la découverte d'IRI",
+                                "tooltip": "Aide le modèle à découvrir les IRI pour une requête incomplète particulière, par exemple le nom Michael dans \"Quel est le numéro de téléphone de Michael?\""
+                            }
                         }
                     }
                 },
@@ -449,8 +528,8 @@
                     "all": "Tous les dépôts"
                 },
                 "edit_agent": {
-                    "label": "Paramètres",
-                    "tooltip": "Modifier l'agent"
+                    "label": "Paramètres de l'agent",
+                    "tooltip": "Paramètres de l'agent"
                 },
                 "clone_agent": {
                     "label": "Cloner",
@@ -462,10 +541,10 @@
                 },
                 "create_agent": {
                     "label": "Créer un agent",
-                    "tooltip": "Créer un agent"
+                    "tooltip": "Créer un nouvel agent"
                 },
                 "open_sidebar": {
-                    "tooltip": "Ouvrir la barre latérale"
+                    "tooltip": "Gérer les agents"
                 },
                 "close_sidebar": {
                     "tooltip": "Fermer la barre latérale"
@@ -475,6 +554,7 @@
                 "no_agents": "Aucun agent n'est configuré pour le moment.",
                 "help_1": "Parlez à vos données en langage naturel. Il vous suffit de créer et d'instruire votre propre agent IA pour vous aider.",
                 "help_2": "The Agent est un agent conversationnel basé sur l'IA, conçu pour vous aider dans une large gamme de tâches, de la réponse aux questions et la fourniture d'informations à l'assistance dans le cadre de projets créatifs et techniques. Il exploite un traitement avancé du langage naturel pour comprendre et répondre aux entrées des utilisateurs de manière humaine, rendant les interactions intuitives et efficaces.",
+                "warn1": "Pour utiliser cette fonctionnalité, la propriété de configuration graphdb.gpt.token doit être définie sur votre jeton GPT dans le fichier de configuration graphdb.properties.",
                 "error_retrieval_connectors_loading": "Erreur lors du chargement des connecteurs de récupération",
                 "error_similarity_indexes_loading": "Erreur lors du chargement des index de similarité",
                 "error_repository_config_loading": "Erreur lors du chargement de la configuration du dépôt",

package/dist/index.html

@@ -13,9 +13,9 @@
 
     <link rel="apple-touch-icon-precomposed" href="icon.png">
 
-    <script src="plugin-registry.js?v=2.8.0-TR7"></script>
-    <script src="plugins.js?v=2.8.0-TR7"></script>
-<link rel="shortcut icon" href="icon.png"><link href="vendor.0dbd09f6d69e78b19728.css" rel="stylesheet"><link href="main.023ec298a5160f9f8cb5.css" rel="stylesheet"></head>
+    <script src="plugin-registry.js?v=2.8.0-TR9"></script>
+    <script src="plugins.js?v=2.8.0-TR9"></script>
+<link rel="shortcut icon" href="icon.png"><link href="vendor.0dbd09f6d69e78b19728.css" rel="stylesheet"><link href="main.da1e35265d3539b9c0e3.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.d7f9f8332a094bec999e.bundle.js"></script><script type="text/javascript" src="main.2782caff706571370192.bundle.js"></script><script type="text/javascript" src="bundle.94aa42423c344044b857.bundle.js"></script></body>
+<script type="text/javascript" src="vendor.8ea54fa36da2ce4394ca.bundle.js"></script><script type="text/javascript" src="main.014ea04a26eb617c4024.bundle.js"></script><script type="text/javascript" src="bundle.a50b4410f74f90e68cca.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-TR7" rel="stylesheet"/>
+<link href="css/autocomplete-select.css?v=2.8.0-TR9" 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-TR7" rel="stylesheet"/>
+<link href="css/operations-statuses-monitor.css?v=2.8.0-TR9" 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-TR7" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=2.8.0-TR9" 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-TR7" rel="stylesheet">
+<link href="css/lib/ontotext-yasgui-web-component.css?v=2.8.0-TR9" rel="stylesheet">
 
 <ontotext-yasgui
     class="{{classToApply}}"

package/dist/js/angular/core/templates/modal/modal-simple.html

@@ -7,5 +7,5 @@
     </div>
 </div>
 <div class="modal-footer">
-    <button class="btn btn-primary btn-sm confirm-btn" ng-click="cancel()">{{'common.yes.btn' | translate}}</button>
+    <button class="btn btn-primary confirm-btn" ng-click="ok()">{{'common.ok.btn' | translate}}</button>
 </div>

package/dist/js/angular/import/templates/import-resource-status-info.html

@@ -96,7 +96,7 @@
                 </td>
                 <td class="break-word">
                     <div class="value">
-                        {{importedOn | date:'yyyy-MM-dd, HH:mm' }}
+                        {{importedOn ? (importedOn | date:'yyyy-MM-dd, HH:mm') : '' }}
                     </div>
                 </td>
             </tr>

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-TR7" rel="stylesheet"/>
+<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=2.8.0-TR9" rel="stylesheet"/>
 
 <h1>{{pageTitle}}</h1>
 

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

@@ -1,8 +1,9 @@
-<link href="css/ttyg/agent-list.css?v=2.8.0-TR7" rel="stylesheet"/>
+<link href="css/ttyg/agent-list.css?v=2.8.0-TR9" rel="stylesheet"/>
 
 <div class="agent-list-component">
     <div class="agents-filter-dropdown btn-group" uib-dropdown>
         <button type="button" uib-dropdown-toggle class="btn btn-outline-primary dropdown-toggle">
+            <i class="fa-kit fa-gdb-repo-graphdb mr-1"></i>
             <span class="selected-filter">{{selectedAgentsFilter.label}}</span>
             <i class="fa-regular fa-filter" gdb-tooltip="{{'ttyg.agent.btn.filter.tooltip' | translate}}"></i>
         </button>

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-select-menu.css?v=2.8.0-TR7" rel="stylesheet"/>
+<link href="css/ttyg/agent-select-menu.css?v=2.8.0-TR9" rel="stylesheet"/>
 
 <div class="btn-group agent-select-menu" uib-dropdown>
     <button type="button" class="btn dropdown-toggle-btn" uib-dropdown-toggle

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

@@ -1,68 +1,82 @@
-<link href="css/ttyg/chat-item-details.css?v=2.8.0-TR7" rel="stylesheet"/>
+<link href="css/ttyg/chat-item-details.css?v=2.8.0-TR9" rel="stylesheet"/>
 
 <div class="chat-detail">
-    <div class="user-message">
+    <div class="user-message" ng-if="chatItemDetail.question">
         <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 btn-sm regenerate-question-btn"
-                        ng-click="regenerateQuestion()"
-                        ng-disabled="disabled"
-                        gdb-tooltip="{{'ttyg.chat_panel.btn.regenerate.tooltip' | translate}}">
-                    <i class="fa-regular fa-arrows-rotate"></i>
-                </button>
-                <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy.tooltip" text-to-copy="chatItemDetail.answer.message"></copy-to-clipboard>
-                <button class="btn btn-link btn-sm explain-response-btn"
-                        ng-click="explainResponse()"
-                        ng-disabled="disabled && !explainResponseModel"
-                        gdb-tooltip="{{'ttyg.chat_panel.btn.explain_response.tooltip' | translate}}">
-                    <i class="fa-regular fa-wand-magic-sparkles"></i>
-                    <i class="fa-regular fa-chevron-up toggle-explain-response-icon" ng-class="{expanded: explainResponseModel && explainResponseModel.expanded}"></i>
-                </button>
+    <div class="answers" ng-repeat="answer in chatItemDetail.answers">
+        <div class="assistant">
+            <div class="assistant-icon alert-help">
+                <i class="fa-regular fa-message-bot"></i>
             </div>
-            <div class="derived-answer-hint" ng-if="loadingExplainResponse ||showActions && explainResponseModel.expanded">
-                <div>{{ 'ttyg.chat_panel.btn.derive_answer.hint' | translate }}</div>
-                <button class="btn deliver-answer-btn" ng-click="onAskHowAnswerWasDerived()">
-                    {{ 'ttyg.chat_panel.btn.derive_answer.label' | translate }}
-                </button>
-            </div>
-            <div ng-if="loadingExplainResponse" onto-loader-new size="40"></div>
-            <div ng-if="explainResponseModel && explainResponseModel.expanded" class="explain-response" ng-repeat="queryMethod in explainResponseModel.queryMethods">
-                <div class="explain-response-row">
-                    <span class="label">{{'ttyg.chat_panel.labels.query_method' | translate}}:</span>
-                    <span class="content">{{queryMethod.name}}</span>
+            <div class="assistant-message">
+                <div class="answer" ng-bind-html="MarkdownService.renderMarkdown(answer.message)"></div>
+                <div class="actions" ng-class="{'hidden-actions': !showActions || !$last}">
+                    <button class="btn btn-link btn-sm regenerate-question-btn"
+                            ng-click="regenerateQuestion()"
+                            ng-disabled="disabled"
+                            gdb-tooltip="{{'ttyg.chat_panel.btn.regenerate.tooltip' | translate}}">
+                        <i class="fa-regular fa-arrows-rotate"></i>
+                    </button>
+                    <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy_answer.tooltip"
+                                       text-to-copy="answer.message"></copy-to-clipboard>
+                    <button class="btn btn-link btn-sm explain-response-btn"
+                            ng-click="explainResponse(answer.id)"
+                            ng-disabled="disabled && !explainResponseModel[answer.id]"
+                            gdb-tooltip="{{'ttyg.chat_panel.btn.explain_response.tooltip' | translate}}">
+                        <i class="fa-regular fa-wand-magic-sparkles"></i>
+                        <i class="fa-regular fa-chevron-up toggle-explain-response-icon"
+                           ng-class="{expanded: explainResponseModel[answer.id] && explainResponseModel[answer.id].expanded}"></i>
+                    </button>
                 </div>
-                <div class="explain-response-row">
-                    <span class="label">{{'ttyg.chat_panel.labels.raw_query' | translate}}:</span>
-                    <span class="content">{{queryMethod.rawQuery}}</span>
-                    <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy.tooltip" text-to-copy="queryMethod.rawQuery"></copy-to-clipboard>
+                <div class="derived-answer-hint"
+                     ng-if="showActions && $last && explainResponseModel[answer.id].expanded">
+                    <div>{{ 'ttyg.chat_panel.btn.derive_answer.hint' | translate }}</div>
+                    <button class="btn deliver-answer-btn" ng-click="onAskHowAnswerWasDerived()">
+                        {{ 'ttyg.chat_panel.btn.derive_answer.label' | translate }}
+                    </button>
                 </div>
-                <div class="explain-query">
-                    <div class="header">
-                        <div class="label">{{'ttyg.chat_panel.labels.sparql_query' | translate}}</div>
-                        <div class="actions">
-                            <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy.tooltip" text-to-copy="queryMethod.query"></copy-to-clipboard>
-                            <button class="btn btn-link btn-sm"
-                                    ng-click="onOpenInSparqlEditor(queryMethod.query)">
-                                <i class="icon-sparql"></i>
-                            </button>
+                <div ng-if="loadingExplainResponse[answer.id]" onto-loader-new size="40"></div>
+                <div class="explain-responses">
+                    <div ng-if="explainResponseModel[answer.id] && explainResponseModel[answer.id].expanded"
+                         class="explain-response"
+                         ng-repeat="queryMethod in explainResponseModel[answer.id].queryMethods">
+                        <div class="explain-response-row">
+                            <span class="label">{{'ttyg.chat_panel.labels.query_method' | translate}}:</span>
+                            <span
+                                class="content">{{('ttyg.chat_panel.query_name.' + queryMethod.name) | translate}}</span>
+                        </div>
+                        <div ng-if="queryMethod.rawQuery" class="explain-response-row">
+                            <span class="label">{{'ttyg.chat_panel.labels.raw_query' | translate}}:</span>
+                            <span class="content">{{queryMethod.rawQuery}}</span>
+                            <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy_raw_query.tooltip"
+                                               text-to-copy="queryMethod.rawQuery"></copy-to-clipboard>
+                        </div>
+                        <!-- TODO: When the query method is "Retrieval connector" do not display the SPARQL option, and the open in SPARQL view button should be hidden. -->
+                        <div ng-if="queryMethod.query" class="explain-query">
+                            <div class="header">
+                                <div class="label">{{'ttyg.chat_panel.labels.sparql_query' | translate}}</div>
+                                <div class="actions">
+                                    <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy_sparql.tooltip"
+                                                       text-to-copy="queryMethod.query"></copy-to-clipboard>
+                                    <button class="btn btn-link btn-sm"
+                                            ng-click="onOpenInSparqlEditor(queryMethod.query)"
+                                            gdb-tooltip="{{'ttyg.chat_panel.btn.open_in_sparql_editor.tooltip' | translate}}">
+                                        <i class="icon-sparql"></i>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="query">
+                                <pre><code>{{queryMethod.query}}</code></pre>
+                            </div>
                         </div>
-                    </div>
-                    <div class="query">
-                        <pre><code>{{queryMethod.query}}</code></pre>
                     </div>
                 </div>
             </div>
         </div>
-        <div ng-if="asking" onto-loader-new size="40"></div>
     </div>
+    <div ng-if="asking" onto-loader-new size="40"></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-TR7" rel="stylesheet"/>
+<link href="css/ttyg/chat-list.css?v=2.8.0-TR9" rel="stylesheet"/>
 
 <div class="chat-list-component">
     <div class="chat-list">
@@ -7,41 +7,47 @@
             <ul>
                 <li ng-repeat="chat in chatGroup.chats track by chat.hash" class="chat-item"
                     ng-class="{'selected': chat.id === selectedChat.id, 'edited': renamedChat && chat.id === renamedChat.id}">
-                    <div class="chat-name">
-                        <inline-editable-text
-                            field-name="name"
-                            source="chat"
-                            is-editing="renamedChat && chat.id === renamedChat.id"
-                            on-save="onRenameChat(newText, source)"
-                            on-cancel="onCancelChatRenaming()"
-                            on-dblclick="onSelectChatForRenaming(chat)"
-                            on-click="onSelectChat(source)">
-                        </inline-editable-text>
-                    </div>
-                    <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"
-                                ng-click="openChatActionMenu()"
-                                ng-disabled="false">
-                            <i class="fa-regular fa-ellipsis"></i>
-                        </button>
-                        <div class="dropdown-menu dropdown-menu-right chat-actions-menu">
-                            <button class="dropdown-item export-chat-btn" type="button" ng-click="onExportChat(chat)">
-                                <i class="fa-regular fa-arrow-down-to-line"></i>
-                                <span>{{'ttyg.chat.btn.export_chat.label' | translate}}</span>
-                            </button>
-                            <button class="dropdown-item rename-chat-btn" type="button" ng-click="onSelectChatForRenaming(chat)">
-                                <i class="fa-regular fa-pen"></i>
-                                <span>{{'ttyg.chat.btn.rename_chat.label' | translate}}</span>
-                            </button>
-                            <div class="dropdown-divider"></div>
-                            <button class="dropdown-item delete-chat-btn" type="button" ng-click="onDeleteChat(chat)">
-                                <i class="fa-regular fa-trash-can"></i>
-                                <span>{{'ttyg.chat.btn.delete_chat.label' | translate}}</span>
+                    <div ng-if="!deletingChat || deletingChat.chatId !== chat.id" class="chat-detail">
+                        <div class="chat-name">
+                            <inline-editable-text
+                                field-name="name"
+                                source="chat"
+                                is-editing="renamedChat && chat.id === renamedChat.id"
+                                on-save="onRenameChat(newText, source)"
+                                on-cancel="onCancelChatRenaming()"
+                                on-dblclick="onSelectChatForRenaming(chat)"
+                                on-click="onSelectChat(source)">
+                            </inline-editable-text>
+                        </div>
+                        <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"
+                                    ng-click="openChatActionMenu()"
+                                    ng-disabled="false">
+                                <i class="fa-regular fa-ellipsis"></i>
                             </button>
+                            <div class="dropdown-menu dropdown-menu-right chat-actions-menu">
+                                <button class="dropdown-item export-chat-btn" type="button" ng-click="onExportChat(chat)">
+                                    <i class="fa-regular fa-arrow-down-to-line"></i>
+                                    <span>{{'ttyg.chat.btn.export_chat.label' | translate}}</span>
+                                </button>
+                                <button class="dropdown-item rename-chat-btn" type="button" ng-click="onSelectChatForRenaming(chat)">
+                                    <i class="fa-regular fa-pen"></i>
+                                    <span>{{'ttyg.chat.btn.rename_chat.label' | translate}}</span>
+                                </button>
+                                <div class="dropdown-divider"></div>
+                                <button class="dropdown-item delete-chat-btn" type="button" ng-click="onDeleteChat(chat)">
+                                    <i class="fa-regular fa-trash-can"></i>
+                                    <span>{{'ttyg.chat.btn.delete_chat.label' | translate}}</span>
+                                </button>
+                            </div>
                         </div>
                     </div>
+
+                    <div class="deleting-chat-loader" ng-if="deletingChat && deletingChat.chatId === chat.id && deletingChat.inProgress"
+                         onto-loader-fancy message="{{'ttyg.chat.deleting_chat' | translate}}"
+                         size="25"></div>
                 </li>
             </ul>
         </div>