graphdb-workbench 2.8.0-TR13 → 2.8.0-TR15

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

@@ -1,7 +1,10 @@
-<link href="css/rdf-resource-search.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=2.8.0-TR15" 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()">
+<div ng-cloak>
+    <div id="search-box"
+         class="card search-rdf-input"
+         ng-class="{'show-rdf-search-box-visible': showRdfSearchInput, 'show-rdf-search-box-invisible': !showRdfSearchInput}"
+         ng-keydown="onKeyDown($event)">
         <div class="card-block">
             <search-resource-input namespacespromise="getNamespacesPromise"
                                    autocompletepromisestatus="getAutocompletePromise"
@@ -19,6 +22,7 @@
         </div>
     </div>
     <button class="btn btn-link search-rdf-btn"
+            ng-if="!showRdfSearchInput"
             gdb-tooltip="{{'search.resources.msg' | translate}}"
             tooltip-placement="bottom"
             ng-click="showInput()">

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-TR13" rel="stylesheet">
+<link href="css/lib/ontotext-yasgui-web-component.css?v=2.8.0-TR15" rel="stylesheet">
 
 <ontotext-yasgui
     class="{{classToApply}}"

package/dist/js/angular/core/templates/cookie-policy/cookie-consent.html

@@ -0,0 +1,8 @@
+<link href="css/cookie-policy.css?v=[AIV]{version}[/AIV]" rel="stylesheet"/>
+
+<div class="cookie-consent-modal" ng-show="showCookieConsent">
+    <div class="cookie-consent-content">
+        <span>{{'cookie.cookie_consent' | translate}} <a href="#" ng-click="showCookiePolicy()">{{'cookie.cookie_policy_url_label' | translate}}</a>.</span>
+        <button class="btn btn-primary" ng-click="acceptConsent()">{{'common.agree.btn' | translate}}</button>
+    </div>
+</div>

package/dist/js/angular/core/templates/cookie-policy/cookie-policy.html

@@ -0,0 +1,50 @@
+<link href="css/cookie-policy.css?v=[AIV]{version}[/AIV]" rel="stylesheet"/>
+
+<div class="cookie-policy-modal">
+    <div class="title">{{'cookie.policy.title' | translate}}</div>
+
+    <div class="heading">{{'cookie.policy.purpose_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.purpose_text' | translate}}</div>
+
+    <div class="heading">{{'cookie.policy.who_are_we_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.who_are_we_text' | translate}}</div>
+
+    <div class="heading">{{'cookie.policy.cookies_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.cookies_text' | translate}}</div>
+
+    <div class="heading">{{'cookie.policy.privacy_commitment_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.privacy_commitment_text' | translate}}</div>
+    <ul>
+        <li>{{'cookie.policy.privacy_commitment_1' | translate}}</li>
+        <li>{{'cookie.policy.privacy_commitment_2' | translate}}</li>
+    </ul>
+
+    <div class="heading">{{'cookie.policy.how_collect_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.how_collect_text' | translate}}</div>
+
+    <div class="heading">{{'cookie.policy.what_collect_heading' | translate}}</div>
+    <ul>
+        <li>{{'cookie.policy.what_collect_text_1' | translate}}</li>
+        <li>{{'cookie.policy.what_collect_text_2' | translate}}</li>
+    </ul>
+
+    <div class="heading">{{'cookie.policy.third_party_cookies_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.third_party_cookies_text' | translate}}</div>
+
+    <div class="subheading">{{'cookie.policy.google_analytics_heading' | translate}}</div>
+    <div class="text">
+        {{'cookie.policy.google_analytics_opt_out_text' | translate}}
+        <a href="https://tools.google.com/dlpage/gaoptout/" target="_blank">{{'cookie.policy.google_analytics_opt_out_link_text' | translate}}</a>
+        {{'cookie.policy.google_analytics_text' | translate}}
+    </div>
+
+    <div class="heading">{{'cookie.policy.changes_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.changes_text' | translate}}</div>
+
+    <div class="heading">{{'cookie.policy.contact_heading' | translate}}</div>
+    <div class="text">{{'cookie.policy.contact_text' | translate}}</div>
+
+    <div class="text-right">
+        <button class="btn btn-primary" ng-click="close()">{{'common.agree.btn' | translate}}</button>
+    </div>
+</div>

package/dist/js/angular/repositories/templates/manage-remote-location-dialog.template.html

@@ -5,7 +5,7 @@
 </div>
 <div class="modal-body">
     <form id="remoteLocationForm" novalidate name="remoteLocationForm">
-        <label>
+        <label class="remote-location-radio-list">
             <input type="radio"
                    class="graph-db-instance"
                    ng-model="remoteLocation.locationType"
@@ -15,7 +15,7 @@
             {{'manage.remote.location.dialog.graph_db.location.instance' | translate}}
 
         </label>
-        <label class="padding-label">
+        <label class="padding-label remote-location-radio-list">
             <input type="radio"
                    class="grap ontopic-instance"
                    ng-model="remoteLocation.locationType"
@@ -24,6 +24,15 @@
                    value="{{RemoteLocationType.ONTOPIC}}">
             {{'manage.remote.location.dialog.ontopic.location.instance' | translate}}
         </label>
+        <label class="padding-label remote-location-radio-list">
+            <input type="radio"
+                   class="graph-sparql-instance"
+                   ng-model="remoteLocation.locationType"
+                   ng-disabled="isEdit"
+                   ng-change="onLocationTypeChanged()"
+                   value="{{RemoteLocationType.SPARQL}}">
+            {{'manage.remote.location.dialog.sparql.endpoint.instance' | translate}}
+        </label>
 
         <div class="form-group row">
             <label for="location" class="col-md-4 col-form-label">{{'manage.remote.location.dialog.required.url' | translate}}</label>
@@ -31,7 +40,9 @@
                 <input id="location" ng-model="remoteLocation.uri" required name="location" class="form-control"
                        placeholder="http://my-hostname:7200" ng-disabled="isEdit" validate-url/>
                 <span ng-if="!isEdit" class="form-text text-muted">
-                    {{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.url.message' : 'manage.remote.location.dialog.ontopic.url.message') | translate}}
+                    {{ (remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.url.message' :
+                        remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.url.message' :
+                        'manage.remote.location.dialog.ontopic.url.message') | translate }}
                 </span>
             </div>
         </div>
@@ -41,7 +52,9 @@
                 {{'manage.remote.location.dialog.url.requred.message' | translate}}
             </div>
             <div ng-if="remoteLocationForm.location.$error.validUrl" class="alert alert-warning">
-                {{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.error.not_valid.url' : 'manage.remote.location.dialog.ontopic.error.not_valid.url') | translate}} http://server.example.com:7200/.
+                {{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.error.not_valid.url' :
+                remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.error.not_valid.url' :
+                'manage.remote.location.dialog.ontopic.error.not_valid.url') | translate}} http://server.example.com:7200/.
             </div>
         </div>
         <div class="form-group row" ng-if="remoteLocation.isGraphDBLocation()">
@@ -68,23 +81,37 @@
         </div>
         <div  ng-if="remoteLocation.isBasicAuthType()">
             <div class="form-group row">
-                <div class="col-md-12">{{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.basic.auth.type.description' : 'manage.remote.location.dialog.ontopic.basic.auth.type.description') | translate}}</div>
+                <div class="col-md-12">
+                    {{ (remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.basic.auth.type.description' :
+                    remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.basic.auth.type.description' :
+                    'manage.remote.location.dialog.ontopic.basic.auth.type.description') | translate }}
+                </div>
             </div>
             <div class="form-group row">
                 <label for="username" class="col-md-4 col-form-label">
-                    {{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.username.required.message' : 'manage.remote.location.dialog.ontopic.username.required.message') | translate}}
+                    {{ (remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.username.required.message' :
+                    remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.username.required.message' :
+                    'manage.remote.location.dialog.ontopic.username.required.message') | translate }}
                 </label>
                 <div class="col-md-8">
-                    <input id="username" ng-model="remoteLocation.username" name="locationUsername" placeholder="{{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.username.placeholder' : 'manage.remote.location.dialog.ontopic.username.placeholder') | translate}}"
+                    <input id="username" ng-model="remoteLocation.username" name="locationUsername"
+                           placeholder="{{ (remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.username.placeholder' :
+                                            remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.username.placeholder' :
+                                            'manage.remote.location.dialog.ontopic.username.placeholder') | translate }}"
                            class="form-control" ng-required="remoteLocation.isBasicAuthType()"/>
                 </div>
             </div>
             <div class="form-group row">
                 <label for="password" class="col-md-4 col-form-label">
-                    {{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.password.required.message' : 'manage.remote.location.dialog.ontopic.password.required.message') | translate}}
+                    {{ (remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.password.required.message' :
+                    remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.password.required.message' :
+                    'manage.remote.location.dialog.ontopic.password.required.message') | translate }}
                 </label>
                 <div class="col-md-8">
-                    <input id="password" ng-model="remoteLocation.password" name="locationPassword" placeholder="{{(remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.password.placeholder' : 'manage.remote.location.dialog.ontopic.password.placeholder') | translate}}"
+                    <input id="password" ng-model="remoteLocation.password" name="locationPassword"
+                           placeholder="{{ (remoteLocation.isGraphDBLocation() ? 'manage.remote.location.dialog.graph_db.password.placeholder' :
+                                            remoteLocation.isSparqlLocation() ? 'manage.remote.location.dialog.sparql.password.placeholder' :
+                                            'manage.remote.location.dialog.ontopic.password.placeholder') | translate }}"
                            type="password" class="form-control" ng-required="remoteLocation.isBasicAuthType()"/>
                 </div>
             </div>

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

@@ -31,9 +31,12 @@
 	</ul>
 </script>
 
-<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=2.8.0-TR15" rel="stylesheet"/>
 
-<h1>{{pageTitle}}</h1>
+<h1>
+    {{pageTitle}}
+    <page-info-tooltip></page-info-tooltip>
+</h1>
 
 <div id="wb-user" ng-hide="loader">
 	<form name="form" class="form newUserForm userForm editUserContainer" ng-submit="submit()" novalidate>
@@ -138,7 +141,11 @@
 							{{'security.ignore.shared.queries' | translate}}
 						</label>
 
-					</div>
+                        <label class="d-block cookie-policy-link" ng-if="showCookiePolicyLink">
+                            <a href="#" ng-click="showCookiePolicy()">{{'cookie.cookie_policy_url_label' | translate}}</a>
+                        </label>
+
+                    </div>
 				</div>
 
 				<div class="card" id="workbench-settings" ng-if="showWorkbenchSettings">

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

@@ -1,10 +1,6 @@
 <h1>
 	{{title}}
-	<span class="btn btn-link"
-	   uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
-	   popover-trigger="mouseenter"
-	   popover-placement="bottom-right"
-	   popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
+    <page-info-tooltip></page-info-tooltip>
 </h1>
 <div id="wb-users" ng-hide="loader">
 	<div class="mb-1">

package/dist/js/angular/templates/pageInfoTooltip.html

@@ -0,0 +1,6 @@
+<span class="btn btn-link page-info-icon"
+                  uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
+                  popover-trigger="none"
+                  popover-placement="bottom-right"
+                  popover-is-open="isPopoverOpen"
+                  popover-append-to-body="false"><span class="icon-info text-tertiary"></span></span>

package/dist/js/angular/templates/titlePopoverTemplate.html

@@ -1,6 +1,10 @@
 <div class="help-info">
     <h4>{{title}}</h4>
-    <p ng-bind-html="helpInfo">
-        <!--{{helpInfo}}-->
-    </p>
-</div>
+    <div ng-if="helpInfo">
+        <p ng-bind-html="helpInfo">
+        </p>
+    </div>
+    <div ng-if="documentationUrl">
+        <a ng-href="{{documentationUrl}}" target="_blank" rel="noopener">{{'common.learn_more_in_documentation' | translate}}</a> <i class="fa-regular fa-arrow-up-right-from-square"></i>
+    </div>
+</div>

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-list.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-list.css?v=2.8.0-TR15" rel="stylesheet"/>
 
 <div class="agent-list-component">
     <div class="agents-filter-dropdown btn-group" uib-dropdown>
@@ -25,20 +25,17 @@
         <div ng-repeat="agent in agentList.filterableAgents">
             <div ng-if="!deletingAgent || deletingAgent.agentId !== agent.id" class="agent-item"
                  ng-class="{'selected': agent.id === selectedAgent.id}">
-                <div class="agent-info" ng-if="agent.repositoryId">
+                <div class="agent-info">
                     <div class="agent-name">{{agent.name}}</div>
                     <div class="related-repository">
-                        <i class="fa-kit fa-gdb-repo-graphdb"></i>
+                        <i ng-if="!agent.isRepositoryDeleted" class="fa-kit fa-gdb-repo-graphdb"></i>
+                        <i ng-if="agent.isRepositoryDeleted"
+                           class="fa-regular fa-triangle-exclamation text-warning agent-with-deleted-repository"
+                           gdb-tooltip="{{'ttyg.agent.deleted_repository' | translate}}">
+                        </i>
                         {{agent.repositoryId}}
                     </div>
                 </div>
-                <div class="agent-info agent-no-repo" ng-if="!agent.repositoryId">
-                    <div class="agent-name">{{agent.name}}</div>
-                    <div class="related-repository">
-                        <i class="fa-regular fa-triangle-exclamation text-warning"></i>
-                        {{'ttyg.agent.deleted_repository' | translate}}
-                    </div>
-                </div>
                 <div class="btn-group">
                     <button class="btn btn-link secondary btn-sm open-agent-actions-btn"
                             data-toggle="dropdown" aria-expanded="false"

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

@@ -1,15 +1,16 @@
-<link href="css/ttyg/agent-select-menu.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-select-menu.css?v=2.8.0-TR15" 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}}">
+            ng-attr-title="{{selectedAgent && !selectedAgent.isDeleted ? (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">
-            <span class="agent-name">{{selectedAgent.name}}</span> &middot; {{selectedAgent.repositoryId}}
-        </span>
-        <span ng-if="selectedAgent && !selectedAgent.isDeleted && !selectedAgent.repositoryId">
-            <span class="agent-name">{{selectedAgent.name}}</span> &middot; <i class="fa-regular fa-triangle-exclamation text-warning"></i>
-                {{'ttyg.agent.deleted_repository' | translate}}
+        <span ng-if="selectedAgent && !selectedAgent.isDeleted">
+            <span class="agent-name">{{selectedAgent.name}}</span> &middot;
+            <i ng-if="selectedAgent.isRepositoryDeleted"
+               class="fa-regular fa-triangle-exclamation text-warning agent-with-deleted-repository"
+               gdb-tooltip="{{'ttyg.agent.deleted_repository' | translate}}">
+            </i>
+            {{selectedAgent.repositoryId}}
         </span>
         <span ng-if="selectedAgent && selectedAgent.isDeleted" class="text-warning">
             <i class="fa-regular fa-triangle-exclamation"></i>
@@ -20,17 +21,15 @@
     <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
         <li ng-repeat="agentOption in agentOptionsList" role="menuitem" class="agent-menu-item"
             ng-class="{'selected': agentOption.selected}">
-            <a href="#" ng-if="agentOption.data.agent.repositoryId" class="agent-with-repo-item"
+            <a href="#"
                ng-click="onAgentSelected(agentOption.data.agent)">
                 <span class="agent-name">{{agentOption.label}}</span> &middot;
+                <i ng-if="agentOption.data.agent.isRepositoryDeleted"
+                   class="fa-regular fa-triangle-exclamation text-warning agent-with-deleted-repository"
+                   gdb-tooltip="{{'ttyg.agent.deleted_repository' | translate}}">
+                </i>
                 <span class="repository-id">{{agentOption.data.agent.repositoryId}}</span>
             </a>
-            <a href="#" ng-if="!agentOption.data.agent.repositoryId" class="agent-without-repo-item"
-               ng-click="onAgentWithoutRepoSelected(agentOption)">
-                <span class="agent-name">{{agentOption.label}}</span> &middot;
-                <i class="fa-regular fa-triangle-exclamation text-warning"></i>
-                <span class="repository-id">{{'ttyg.agent.deleted_repository' | translate}}</span>
-            </a>
         </li>
     </ul>
 </div>

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

@@ -1,15 +1,16 @@
-<link href="css/ttyg/chat-item-details.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/chat-item-details.css?v=2.8.0-TR15" rel="stylesheet"/>
 
 <div class="chat-detail">
     <div class="user-message" ng-if="chatItemDetail.question">
-        <div class="question alert-help">
+        <div class="question alert-help"
+             gdb-tooltip="{{ 'ttyg.chat_panel.labels.question_asked' | translate : { date: getHumanReadableQuestionTimestamp(chatItemDetail.question.timestamp), time: (chatItemDetail.question.timestamp | date:'HH:mm') } }}">
             {{ chatItemDetail.question.message }}
         </div>
     </div>
     <div class="answers" ng-repeat="answer in chatItemDetail.answers">
         <div class="assistant">
             <div class="assistant-icon alert-help"
-                 gdb-tooltip="{{'ttyg.chat_panel.labels.agent_name' | translate : {agentName:  agentNameByIdMap[chatItemDetail.agentId]} }}">
+                 gdb-tooltip="{{'ttyg.chat_panel.labels.agent_name' | translate : { agentName: agentNameByIdMap[chatItemDetail.agentId], date: getHumanReadableQuestionTimestamp(chatItemDetail.question.timestamp), time: (chatItemDetail.question.timestamp | date:'HH:mm') } }}">
                 <i class="fa-regular fa-message-bot"></i>
             </div>
             <div class="assistant-message">
@@ -34,7 +35,7 @@
                 </div>
                 <div class="derived-answer-hint"
                      ng-if="showActions && $last && explainResponseModel[answer.id].expanded">
-                    <div ng-bind-html="'ttyg.chat_panel.btn.derive_answer.hint' | htmlTranslate"></div>
+                    <div ng-bind-html="'ttyg.chat_panel.btn.derive_answer.hint' | translate | trustAsHtml"></div>
                     <button class="btn btn-secondary deliver-answer-btn" ng-click="onAskHowAnswerWasDerived()">
                         {{ 'ttyg.chat_panel.btn.derive_answer.label' | translate }}
                     </button>
@@ -51,8 +52,8 @@
                         <div class="explain-call">
                             <div class="header" gdb-tooltip="">
                                 <div class="label">
-                                    <span class="query-method" ng-bind-html="'ttyg.chat_panel.labels.called' | htmlTranslate:{name: queryMethod.name}">
-                                    </span>:
+                                    <span class="query-method" ng-bind-html="'ttyg.chat_panel.labels.called' | translate:{name: queryMethod.name} | trustAsHtml">
+                                    </span>{{ 'ttyg.chat_panel.query_colon' | translate }}
                                     <span class="query-method-details" ng-bind="('ttyg.chat_panel.query_desc.' + queryMethod.name) | translate">
                                     </span>
                                 </div>

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

@@ -1,9 +1,9 @@
-<link href="css/ttyg/chat-list.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/chat-list.css?v=2.8.0-TR15" rel="stylesheet"/>
 
 <div class="chat-list-component">
     <div class="chat-list">
         <div ng-repeat="chatGroup in chatList.chatsByDay" class="chat-group">
-            <label>{{getHumanReadableTimestamp(chatGroup.timestamp)}}</label>
+            <label>{{ getHumanReadableChatGroupTimestamp(chatGroup.timestamp) }}</label>
             <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}">
@@ -12,7 +12,7 @@
                             <inline-editable-text
                                 field-name="name"
                                 source="chat"
-                                is-editing="renamedChat && chat.id === renamedChat.id"
+                                is-editing="chat.id && renamedChat && chat.id === renamedChat.id"
                                 on-save="onRenameChat(newText, source)"
                                 on-cancel="onCancelChatRenaming()"
                                 on-dblclick="onSelectChatForRenaming(chat)"

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-panel.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/chat-panel.css?v=2.8.0-TR15" rel="stylesheet"/>
 
 <div class="chat-panel h-100" ng-class="chat.chatHistory.isEmpty() && !askingChatItem ? 'no-content' : ''">
 
@@ -9,47 +9,48 @@
 
             <!-- Before the first chat item is displayed, show the agent change info if the agent of the first response is different from the selected agent. -->
             <!--            <div class="alert alert-info agent-changed-info" ng-if="$first && selectedAgent && chatItemDetail.agentId !== selectedAgent.id"-->
-            <!--                 ng-bind-html="'ttyg.chat_panel.messages.agent_changed_info' | htmlTranslate: {agentName: getAgentName(chatItemDetail.agentId)}">-->
+            <!--                 ng-bind-html="'ttyg.chat_panel.messages.agent_changed_info' | trnaslate: {agentName: getAgentName(chatItemDetail.agentId)} | trustAsHtml">-->
             <!--            </div>-->
 
             <!-- Before each chat item, except the first one, is displayed, show the agent change info if the currently used agent is different from the previous one. -->
             <div class="alert alert-info agent-changed-info"
                  ng-if="!$first && chatItemDetail.agentId !== chat.chatHistory.items[$index - 1].agentId"
-                 ng-bind-html="'ttyg.chat_panel.messages.agent_changed_info' | htmlTranslate: {agentName: getAgentName(chatItemDetail.agentId)}">
+                 ng-bind-html="'ttyg.chat_panel.messages.agent_changed_info' | translate: {agentName: getAgentName(chatItemDetail.agentId)} | trustAsHtml">
             </div>
 
             <chat-item-detail
                 chat-item-detail="chatItemDetail"
-                show-actions="!askingChatItem && $last"
+                show-actions="!waitingForLastMessage && $last"
                 on-regenerate-question="regenerateQuestion(chatItem)"
                 on-copy-answer-to-clipboard="copyAnswerToClipboard(chatItem)"
                 on-ask-how-delivered-answer="onAskHowDeliveredAnswer(chatItem)"
-                disabled="askingChatItem">
+                asking="!askingChatItem && waitingForLastMessage && $last"
+                disabled="waitingForLastMessage">
             </chat-item-detail>
         </div>
 
         <!-- After all chat items are displayed, show the agent change info if the selected agent is different from the one used in the last chat item. -->
         <div class="alert alert-info agent-changed-info"
              ng-if="askingChatItem && selectedAgent && chat.chatHistory.items.length && chat.chatHistory.items[chat.chatHistory.items.length -1].agentId !== selectedAgent.id"
-             ng-bind-html="'ttyg.chat_panel.messages.agent_changed_info' | htmlTranslate: {agentName: getAgentName(selectedAgent.id)}">
+             ng-bind-html="'ttyg.chat_panel.messages.agent_changed_info' | translate: {agentName: getAgentName(selectedAgent.id)} | trustAsHtml">
         </div>
         <chat-item-detail ng-if="askingChatItem" chat-item-detail="askingChatItem"
                           asking="!!askingChatItem"></chat-item-detail>
     </div>
-    <div class="new-question mb-2 mt-2 d-flex">
+    <div class="new-question mt-3 d-flex" ng-if="!loadingChat">
         <input class="form-control question-input" ng-model="chatItem.question.message" type="text"
-               ng-disabled="askingChatItem || loadingChat || !selectedAgent || selectedAgent.isDeleted"
+               ng-disabled="waitingForLastMessage || loadingChat || !selectedAgent || selectedAgent.isDeleted"
                ng-keypress="onKeypressOnInput($event)">
         <button class="btn btn-primary ask-button"
-                ng-disabled="!chatItem.question.message || !selectedAgent || selectedAgent.isDeleted || askingChatItem || loadingChat"
+                ng-disabled="!chatItem.question.message || !selectedAgent || selectedAgent.isDeleted || waitingForLastMessage || loadingChat"
                 ng-click="ask()">
             <i class="fa-regular fa-arrow-turn-left-up"></i>
             {{ 'ttyg.chat_panel.btn.ask.label ' | translate }}
         </button>
     </div>
 
-    <div class="messages-hint text-muted" ng-if="!loadingChat && chat.chatHistory.isEmpty() && !askingChatItem" ng-cloak>
+    <div class="messages-hint text-muted" ng-if="!loadingChat && chat.chatHistory.isEmpty() && !waitingForLastMessage" ng-cloak>
         <div class="hint2" ng-bind="'ttyg.chat_panel.hint2' | translate"></div>
-        <div class="hint1" ng-bind-html="'ttyg.chat_panel.hint1' | htmlTranslate"></div>
+        <div class="hint1" ng-bind-html="'ttyg.chat_panel.hint1' | translate | trustAsHtml"></div>
     </div>
 </div>

package/dist/js/angular/ttyg/templates/chatInfo.html

@@ -1,11 +1,11 @@
 <div class="ot-view-info">
     <h5>{{'ttyg.help.what.title' | translate}}</h5>
-    <p>
-        {{'ttyg.help.what.content' | translate}}
+    <p ng-bind-html="'ttyg.help.what.content' | translate | trustAsHtml">
     </p>
 
     <h5>{{'ttyg.help.how.title' | translate}}</h5>
-    <p>
-        {{'ttyg.help.how.content' | translate}}
+    <p ng-bind-html="'ttyg.help.how.content1' | translate | trustAsHtml">
+    </p>
+    <p ng-bind-html="'ttyg.help.how.content2' | translate | trustAsHtml">
     </p>
 </div>

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

@@ -0,0 +1,26 @@
+<link href="css/ttyg/agent-instructions-explain-modal.css?v=2.8.0-TR15" rel="stylesheet"/>
+
+<div class="modal-header">
+    <button type="button" class="close" ng-click="close()"></button>
+    <h4 class="modal-title">{{'ttyg.agent.instructions_explain_modal.title' | translate}}</h4>
+</div>
+
+<div class="modal-body">
+    <div class="instructions-explain">
+        <div ng-repeat="instruction in agentInstructionsExplain" class="instruction" ng-class="{'mb-2': !$last}">
+            <h5 class="instruction-title mb-0">
+                <span
+                    uib-popover="{{'ttyg.agent.instructions_explain_modal.instructions.' + instruction.type + '.description' | translate}}"
+                    popover-trigger="mouseenter">{{'ttyg.agent.instructions_explain_modal.instructions.' + instruction.type + '.label' | translate}}</span>
+            </h5>
+            <h7 class="text-muted d-block">({{instruction.size}} characters)</h7>
+            <pre class="instruction-content">{{instruction.content}}</pre>
+        </div>
+    </div>
+</div>
+
+<div class="modal-footer">
+    <button type="button" class="btn btn-secondary" ng-click="onCloseAgentInstructionsExplainModal()">
+        {{'ttyg.agent.instructions_explain_modal.btn.close.label' | translate}}
+    </button>
+</div>

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

@@ -1,5 +1,4 @@
-<link href="css/ttyg/agent-settings-modal.css?v=2.8.0-TR13" rel="stylesheet"/>
-<link href="js/lib/rzslider/rzslider.min.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-settings-modal.css?v=2.8.0-TR15" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>
@@ -455,14 +454,20 @@
 </div>
 
 <div class="modal-footer">
-    <button type="button" ng-click="cancel()" class="btn cancel-btn">
-        {{'ttyg.agent.create_agent_modal.btn.cancel.label' | translate}}
-    </button>
-    <button type="button" ng-click="ok()" ng-disabled="agentSettingsForm.$invalid || savingAgent"
-            class="btn btn-primary save-agent-settings-btn">
-        <span>{{(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}}</span>
-        <span class="saving-agent-loader" ng-if="savingAgent" onto-loader-fancy hide-message="true" size="15"></span>
+    <button type="button" ng-click="onExplainAgentSettings()" class="btn explain-agent-settings-btn">
+        {{'ttyg.agent.create_agent_modal.btn.explain_settings.label' | translate}}
     </button>
+    <div>
+        <button type="button" ng-click="cancel()" class="btn cancel-btn">
+            {{'ttyg.agent.create_agent_modal.btn.cancel.label' | translate}}
+        </button>
+        <button type="button" ng-click="ok()" ng-disabled="agentSettingsForm.$invalid || savingAgent"
+                class="btn btn-primary save-agent-settings-btn">
+            <span>{{(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}}</span>
+            <span class="saving-agent-loader" ng-if="savingAgent" onto-loader-fancy hide-message="true"
+                  size="15"></span>
+        </button>
+    </div>
 </div>

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

@@ -1,20 +1,9 @@
-<link href="css/ttyg/no-agents-view.css?v=2.8.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/no-agents-view.css?v=2.8.0-TR15" rel="stylesheet"/>
 
 <div class="no-agents-view-component">
     <div class="content">
-        <div class="alert alert-help mb-3">{{ 'ttyg.agent.messages.help_1' | translate }}</div>
-        <div class="alert alert-help mb-3">{{ 'ttyg.agent.messages.help_2' | translate }}</div>
-        <div class="alert alert-warning mb-3">
-            <div>
-                {{ 'ttyg.agent.messages.token_prop_warn1' | translate }}
-                <strong class="ttyg-token-prop copyable">graphdb.gpt.token</strong>
-                <copy-to-clipboard tooltip-text="ttyg.agent.btn.copy_gpt_token_prop.tooltip"></copy-to-clipboard>
-                {{ 'ttyg.agent.messages.token_prop_warn2' | translate }}
-                <strong>conf/graphdb.properties</strong>
-                {{ 'ttyg.agent.messages.token_prop_warn3' | translate }}
-            </div>
-            <a href="https://graphdb.ontotext.com/documentation/10.8/talk-to-graph.html">{{ 'ttyg.agent.messages.token_prop_warn4' | translate }}</a>
-        </div>
+        <div class="alert alert-help mb-3" ng-bind-html="'ttyg.agent.messages.help_1' | translate | trustAsHtml"></div>
+        <div class="alert alert-help mb-3" ng-bind-html="'ttyg.agent.messages.help_2' | translate | trustAsHtml"></div>
 
         <div class="actions">
             <button class="btn btn-outline-primary btn-lg text-xs-left create-agent-btn"
@@ -22,8 +11,12 @@
                     ng-disabled="!canModifyAgent"
                     ng-click="onCreateAgent()">
                 <i class="fa-regular fa-message-bot fa-xl"></i>
-                <span class="text ml-1">{{'ttyg.agent.fat_btn.create_agent.label' | translate}}</span>
+                <span class="text">{{'ttyg.agent.fat_btn.create_agent.label' | translate}}</span>
             </button>
         </div>
+
+        <div class="alert alert-warning mt-3">
+            <div ng-bind-html="'ttyg.agent.messages.help_config' | translate | trustAsHtml"></div>
+        </div>
     </div>
 </div>