graphdb-workbench 3.0.0-TR13 → 3.0.0-TR15

package/dist/js/angular/core/directives/dynamic-form/templates/form-field-template.html

@@ -0,0 +1,101 @@
+<div class="form-field">
+    <!-- STRING -->
+    <div class="form-inline string-field  input-field" ng-if="field.type === FIELD_TYPE.STRING">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <input type="text"
+               id="{{field.key}}"
+               name="{{field.key}}"
+               class="form-control"
+               ng-model="field.value"
+               ng-pattern="field.regex"
+               ng-required="field.required"/>
+    </div>
+
+    <!-- TEXT-->
+    <div class="form-inline string-field text-field" ng-if="field.type === FIELD_TYPE.TEXT">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <textarea type="text"
+                  id="{{field.key}}"
+                  name="{{field.key}}"
+                  class="form-control"
+                  ng-model="field.value"
+                  ng-required="field.required"></textarea>
+    </div>
+
+    <!-- BOOLEAN -->
+    <div class="form-inline boolean-field" ng-if="field.type === FIELD_TYPE.BOOLEAN">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <input type="checkbox"
+               id="{{field.key}}"
+               name="{{field.key}}"
+               ng-model="field.value"
+               ng-required="field.required"/>
+    </div>
+
+    <!-- SINGLE SELECT -->
+    <div class="form-inline select-field" ng-if="field.type === FIELD_TYPE.SELECT">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <select class="form-control"
+                id="{{field.key}}"
+                name="{{field.key}}"
+                ng-model="field.value"
+                ng-options="option as option.label for option in field.values track by option.value"
+                ng-required="field.required">
+        </select>
+    </div>
+
+    <!-- MULTI-SELECT -->
+    <div class="form-inline multiselect-field" ng-if="field.type === FIELD_TYPE.MULTI_SELECT">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <multiselect-dropdown
+            id="{{field.key}}"
+            name="{{field.key}}"
+            ng-model="field.value"
+            options="field.values"
+            ng-required="field.required"></multiselect-dropdown>
+    </div>
+
+    <!-- JSON -->
+    <div class="form-inline json-field" ng-if="field.type === FIELD_TYPE.JSON">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <textarea
+            id="{{field.key}}"
+            name="{{field.key}}"
+            class="form-control"
+            ng-model="field.value"
+            ng-required="field.required"></textarea>
+    </div>
+
+    <div class="alert alert-danger"
+         ng-if="field.required && form[field.key].$touched && form[field.key].$invalid">
+        {{'required.field' | translate}}
+    </div>
+    <div class="alert alert-danger"
+         ng-if="!field.required && form[field.key].$touched && form[field.key].$invalid">
+        {{'invalid.field.value' | translate: {pattern: field.regex.toString()} }}
+    </div>
+</div>

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=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/operations-statuses-monitor.css?v=3.0.0-TR15" 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=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div ng-cloak>
     <div id="search-box"

package/dist/js/angular/core/directives/shuttle-multiselect/templates/shuttle-multiselect.html

@@ -1,4 +1,4 @@
-<link href="css/shuttle-multiselect.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/shuttle-multiselect.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="shuttle-multiselect">
     <div class="shuttle-panel available-options">

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

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

@@ -1,4 +1,4 @@
-<link href="css/cookie-policy.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/cookie-policy.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="cookie-consent-modal" ng-show="showCookieConsent">
     <div class="cookie-consent-content">

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

@@ -1,4 +1,4 @@
-<link href="css/cookie-policy.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/cookie-policy.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="cookie-policy-modal">
     <div class="title">{{'cookie.policy.title' | translate}}</div>

package/dist/js/angular/graphql/templates/create-graphql-endpoint.html

@@ -1,5 +1,5 @@
-<link href="css/graphql/create-graphql-endpoint.css?v=3.0.0-TR13" rel="stylesheet"/>
-<link href="css/wizard.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/graphql/create-graphql-endpoint.css?v=3.0.0-TR15" rel="stylesheet"/>
+<link href="css/wizard.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="create-graphql-endpoint-view">
     <h1 id="title-container">

package/dist/js/angular/graphql/templates/graphql-endpoint-management.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/graphql-endpoint-management.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/graphql/graphql-endpoint-management.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="graphql-endpoint-management-view">
     <h1 id="title-container">

package/dist/js/angular/graphql/templates/graphql-playground.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/graphql-playground.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/graphql/graphql-playground.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="graphql-playground-view">
     <h1 id="title-container">

package/dist/js/angular/graphql/templates/modal/endpoint-configuration-modal.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/graphql-endpoint-configuration-modal.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/graphql/graphql-endpoint-configuration-modal.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="modal-header">
     <h3 class="modal-title">{{'graphql.endpoints_management.endpoint_configuration_modal.title' | translate}}</h3>
@@ -7,7 +7,7 @@
     <div class="graphql-endpoint-configuration-loader" onto-loader-new hide-message="true"
          size="100" ng-show="loadingEndpointConfigurationSettings"></div>
 
-    <dynamic-form ng-if="!loadingEndpointConfigurationSettings" fields="endpointConfigurationSettings.settings"
+    <dynamic-form ng-if="!loadingEndpointConfigurationSettings" form-model="endpointConfigurationSettings.settings"
                   on-validity-change="handleValidityChange(valid)"
                   translation-key-prefix="graphql.endpoints_management.endpoint_configuration_modal.settings."
                   form-ctrl="formCtrl">

package/dist/js/angular/graphql/templates/modal/endpoint-generation-failure-result-modal.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/endpoint-generation-failure-result-modal.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/graphql/endpoint-generation-failure-result-modal.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>

package/dist/js/angular/graphql/templates/modal/import-endpoint-definition-modal.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/import-endpoint-definition-modal.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/graphql/import-endpoint-definition-modal.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="modal-header px-2">
     <button type="button" class="close" ng-click="close()"></button>

package/dist/js/angular/graphql/templates/step-configure-endpoint.html

@@ -6,7 +6,8 @@
         {{'graphql.create_endpoint.wizard_steps.configure_endpoint.endpoint_parameters.title' | translate}}</h5>
 
     <div class="endpoint-configuration-container">
-        <dynamic-form ng-if="endpointConfiguration.settings.hasSettings" fields="endpointConfiguration.settings.settings"
+        <dynamic-form ng-if="endpointConfiguration.settings.hasSettings"
+                      form-model="endpointConfiguration.settings.settings"
                       on-validity-change="handleValidityChange(valid)"
                       translation-key-prefix="graphql.create_endpoint.wizard_steps.configure_endpoint.endpoint_parameters.settings."
                       form-ctrl="formCtrl" class="generation-settings-form">

package/dist/js/angular/import/templates/settingsModal.html

@@ -48,7 +48,7 @@
                              ng-if="settingsForm.context.$dirty && settingsForm.context.$error.validateUri">
                             {{'import.alert.not.valid.iri' | translate}}
                         </div>
-                        <div class="alert alert-danger" ng-if="settingsForm.context.$error.required">
+                        <div class="alert alert-danger" ng-if="settingsForm.context.$touched && settingsForm.context.$error.required">
                             {{'required.field' | translate}}
                         </div>
                     </div>

package/dist/js/angular/import/templates/urlImport.html

@@ -12,9 +12,12 @@
                    popover-placement="bottom"
                    popover-trigger="focus">
         </div>
-        <div class="text-danger" ng-show="urlForm.dataUrl.$error.validateUri">
+        <div class="text-danger" ng-if="urlForm.dataUrl.$dirty && urlForm.dataUrl.$error.validateUri">
             {{'import.invalid.url' | translate}}
         </div>
+        <div class="text-danger" ng-if="urlForm.dataUrl.$touched && urlForm.dataUrl.$error.required">
+            {{'required.field' | translate}}
+        </div>
     </form>
 </div>
 

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

@@ -31,8 +31,8 @@
 	</ul>
 </script>
 
-<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=3.0.0-TR13" rel="stylesheet"/>
-<link href='css/user.css?v=3.0.0-TR13' rel='stylesheet' type='text/css'/>
+<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=3.0.0-TR15" rel="stylesheet"/>
+<link href='css/user.css?v=3.0.0-TR15' rel='stylesheet' type='text/css'/>
 
 <h1>
     {{pageTitle}}

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-list.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-list.css?v=3.0.0-TR15" 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,11 +1,11 @@
-<link href="css/ttyg/agent-select-menu.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-select-menu.css?v=3.0.0-TR15" rel="stylesheet"/>
 
-<div class="btn-group agent-select-menu" uib-dropdown>
-    <button type="button" class="btn dropdown-toggle-btn" uib-dropdown-toggle
+<div class="btn-group agent-select-menu" uib-dropdown guide-selector="select-agent-dropdown">
+    <button type="button" class="btn dropdown-toggle-btn" uib-dropdown-toggle guide-selector="select-agent-dropdown-toggle"
             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>
         <div ng-if="selectedAgent && !selectedAgent.isDeleted" class="selected-agent-option">
-            <span class="agent-name">{{selectedAgent.name}}</span> &middot;
+            <span class="agent-name" guide-selector="selected-agent">{{selectedAgent.name}}</span> &middot;
             <i ng-if="!selectedAgent.isRepositoryDeleted" class="fa-kit fa-gdb-repo-graphdb"></i>
             <i ng-if="selectedAgent.isRepositoryDeleted"
                class="fa fa-triangle-exclamation text-warning agent-with-deleted-repository"
@@ -19,7 +19,7 @@
         </span>
         <span class="caret"></span>
     </button>
-    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
+    <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button" guide-selector="select-agent-panel">
         <li ng-repeat="agentOption in agentOptionsList" role="menuitem" class="agent-menu-item"
             ng-class="{'selected': agentOption.selected}"
             ng-attr-title="{{agentOption.label}}  &middot; {{agentOption.data.agent.repositoryId}}">

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-item-details.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/chat-item-details.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="chat-detail">
     <div class="user-message" ng-if="chatItemDetail.question">
@@ -24,7 +24,7 @@
                     </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-link-only-icons btn-sm explain-response-btn"
+                    <button class="btn btn-link btn-link-only-icons btn-sm explain-response-btn" guide-selector="explain-response-btn"
                             ng-click="explainResponse(answer.id)"
                             ng-disabled="disabled && !explainResponseModel[answer.id]"
                             gdb-tooltip="{{'ttyg.chat_panel.btn.explain_response.tooltip' | translate}}">
@@ -36,7 +36,7 @@
                 <div class="derived-answer-hint"
                      ng-if="showActions && $last && explainResponseModel[answer.id].expanded">
                     <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()">
+                    <button class="btn btn-secondary deliver-answer-btn" ng-click="onAskHowAnswerWasDerived()" guide-selector="how-derive-answer-btn">
                         {{ 'ttyg.chat_panel.btn.derive_answer.label' | translate }}
                     </button>
                 </div>
@@ -92,6 +92,6 @@
             </div>
         </div>
     </div>
-    <div ng-if="asking" onto-loader-new size="40"></div>
+    <div ng-if="asking" onto-loader-new size="40" guide-selector="question-loader"></div>
 </div>
 

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-list.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/chat-list.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="chat-list-component">
     <div class="chat-list">

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

@@ -1,11 +1,11 @@
-<link href="css/ttyg/chat-panel.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/chat-panel.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="chat-panel h-100" ng-class="chat.chatHistory.isEmpty() && !askingChatItem ? 'no-content' : ''">
 
     <div class="chat-loading" ng-if="loadingChat" onto-loader-new size="40"></div>
 
-    <div class="chat-details" ng-class="{'hidden': !chat}" ng-if="!loadingChat && !chat.chatHistory.isEmpty() || askingChatItem">
-        <div ng-repeat="chatItemDetail in chat.chatHistory.items">
+    <div class="chat-details" ng-class="{'hidden': !chat}" ng-if="!loadingChat && !chat.chatHistory.isEmpty() || askingChatItem" guide-selector="chat-details">
+        <div ng-repeat="chatItemDetail in chat.chatHistory.items" guide-selector="chat-item">
 
             <!-- 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"-->
@@ -37,11 +37,11 @@
         <chat-item-detail ng-if="askingChatItem" chat-item-detail="askingChatItem"
                           asking="!!askingChatItem"></chat-item-detail>
     </div>
-    <div class="new-question mt-3 d-flex" ng-if="!loadingChat">
-        <input class="form-control question-input" ng-model="chatItem.question.message" type="text"
+    <div class="new-question mt-3 d-flex" ng-if="!loadingChat" guide-selector="question-box">
+        <input class="form-control question-input" ng-model="chatItem.question.message" type="text" guide-selector="question-input"
                ng-disabled="loadingChat || !selectedAgent || selectedAgent.isDeleted"
                ng-keypress="onKeypressOnInput($event)">
-        <button class="btn btn-primary ask-button"
+        <button class="btn btn-primary ask-button" guide-selector="question-ask"
                 ng-disabled="!chatItem.question.message || !selectedAgent || selectedAgent.isDeleted || waitingForLastMessage || loadingChat"
                 ng-click="ask()">
             <i class="fa fa-arrow-turn-left-up"></i>

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-instructions-explain-modal.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-instructions-explain-modal.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>

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

@@ -1,5 +1,5 @@
-<link href="css/ttyg/agent-settings-modal.css?v=3.0.0-TR13" rel="stylesheet"/>
-<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/agent-settings-modal.css?v=3.0.0-TR15" rel="stylesheet"/>
+<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>
@@ -10,13 +10,13 @@
 </div>
 
 <div class="modal-body">
-    <form novalidate name="agentSettingsForm" id="agentSettingsForm" class="agent-settings-form">
+    <form novalidate name="agentSettingsForm" id="agentSettingsForm" class="agent-settings-form" guide-selector="agent-form">
         <div class="form-group agent-name-label">
             <label for="name" uib-popover="{{'ttyg.agent.create_agent_modal.form.agent_name.tooltip' | translate}}"
                    popover-trigger="mouseenter">{{'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"
+                   required autocomplete="off" guide-selector="agent-name"
                    placeholder="{{'ttyg.agent.create_agent_modal.form.agent_name.placeholder' | translate}}">
             <div class="alert alert-danger"
                  ng-if="agentSettingsForm.name.$touched && agentSettingsForm.name.$invalid">
@@ -29,7 +29,7 @@
                    popover-trigger="mouseenter">{{'ttyg.agent.create_agent_modal.form.repository.label' |
                 translate}}</label>
             <select class="form-control" id="repositoryId" name="repositoryId" ng-model="agentFormModel.repositoryId"
-                    required ng-change="onRepositoryChange()"
+                    required ng-change="onRepositoryChange()" guide-selector="repository-id"
                     ng-options="repository.value as repository.label for repository in activeRepositoryList">
             </select>
             <div class="alert alert-danger"
@@ -49,10 +49,10 @@
                 <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}" guide-selector="query-method-{{extractionMethod.method}}">
                         <div class="mr-0 extraction-method-toggle">
-                            <input type="checkbox" id="{{extractionMethod.method + '_checkbox'}}"
-                                   name="{{extractionMethod}}" class="switch"
+                            <input type="checkbox" id="{{extractionMethod.method + '_checkbox'}}" guide-selector="query-method-{{extractionMethod.method}}-input"
+                                   name="{{extractionMethod.method}}" class="switch"
                                    ng-click="toggleExtractionMethod(extractionMethod, $event)"
                                    ng-model="extractionMethod.selected"/>
                             <label for="{{extractionMethod.method + '_checkbox'}}"></label>
@@ -79,17 +79,17 @@
                         <div ng-if="extractionMethod.expanded && extractionMethod.method === extractionMethods.SPARQL"
                              class="extraction-method-options"
                              ng-class="{'has-error': extractionMethod.selected && !extractionMethod.sparqlOption}">
-                            <div class="sparql-option ontology-graph-option">
+                            <div class="sparql-option ontology-graph-option" guide-selector="sparql-ontology-graph-option">
                                 <label class="radio-inline"
                                        uib-popover="{{'ttyg.agent.create_agent_modal.form.ontology_graph.tooltip' | translate}}"
                                        popover-trigger="mouseenter">
-                                    <input type="radio" name="sparqlOption" ng-required="extractionMethod.selected"
+                                    <input type="radio" name="sparqlOption" ng-required="extractionMethod.selected" guide-selector="sparql-ontology-graph-option-input"
                                            ng-model="extractionMethod.sparqlOption" value="ontologyGraph">
                                     {{'ttyg.agent.create_agent_modal.form.ontology_graph.label' | translate}}
                                 </label>
                                 <div class="panel" ng-show="extractionMethod.sparqlOption === 'ontologyGraph'">
                                     <div class="form-group">
-                                        <input type="text" class="form-control" id="ontologyGraph"
+                                        <input type="text" class="form-control" id="ontologyGraph" guide-selector="sparql-ontology-graph-input"
                                                name="ontologyGraph"
                                                ng-required="extractionMethod.selected && extractionMethod.sparqlOption === 'ontologyGraph'"
                                                ng-model="extractionMethod.ontologyGraph">
@@ -120,8 +120,8 @@
                                  ng-if="extractionMethod.selected && !extractionMethod.sparqlOption">
                                 {{'ttyg.agent.create_agent_modal.form.sparql_search.required_option' | translate}}
                             </div>
-                            <div class="add-missing-namespaces-option mt-1">
-                                <input id="addMissingNamespaces" name="addMissingNamespaces" type="checkbox"
+                            <div class="add-missing-namespaces-option mt-1" guide-selector="add-missing-namespaces-option">
+                                <input id="addMissingNamespaces" name="addMissingNamespaces" type="checkbox" guide-selector="add-missing-namespaces"
                                        ng-model="extractionMethod.addMissingNamespaces">
                                 <label for="addMissingNamespaces"
                                        uib-popover="{{'ttyg.agent.create_agent_modal.form.add_missing_namespaces.tooltip' | translate}}"
@@ -195,7 +195,7 @@
                                         | translate}}</label>
                                     <span ng-if="extractionMethodLoaderFlags.similarity_search" onto-loader-fancy
                                           size="16"></span>
-                                    <select class="form-control" id="similarityIndex" name="similarityIndex"
+                                    <select class="form-control" id="similarityIndex" name="similarityIndex" guide-selector="similarity-index-select"
                                             ng-required="extractionMethod.selected"
                                             ng-if="!extractionMethodLoaderFlags.similarity_search"
                                             ng-model="extractionMethod.similarityIndex"
@@ -339,7 +339,7 @@
                 <label for="model" uib-popover="{{'ttyg.agent.create_agent_modal.form.model.tooltip' | translate}}"
                        popover-trigger="mouseenter">{{'ttyg.agent.create_agent_modal.form.model.label' |
                     translate}}</label>
-                <input type="text" class="form-control" id="model" name="model" ng-model="agentFormModel.model"
+                <input type="text" class="form-control" id="model" name="model" ng-model="agentFormModel.model" guide-selector="model"
                        required autocomplete="off">
                 <small id="modelHelp" class="form-text text-muted"
                        ng-bind-html="getModelHelpMessage()">
@@ -402,7 +402,7 @@
                     </button>
                 </div>
             </div>
-            <textarea type="text" class="form-control" id="userInstruction" name="userInstruction" rows="5"
+            <textarea type="text" class="form-control" id="userInstruction" name="userInstruction" rows="5" guide-selector="user-instructions"
                       ng-model="agentFormModel.instructions.userInstruction"
                       placeholder="{{'ttyg.agent.create_agent_modal.form.user_instruction.placeholder' | translate}}">
                 </textarea>
@@ -460,7 +460,7 @@
         <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"
+        <button type="button" ng-click="ok()" ng-disabled="agentSettingsForm.$invalid || savingAgent" guide-selector="save-agent-settings"
                 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'

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/no-agents-view.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/no-agents-view.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="no-agents-view-component">
     <div class="content">
@@ -9,7 +9,7 @@
             <button class="btn btn-outline-primary btn-lg text-xs-left create-agent-btn"
                     gdb-tooltip="{{!canModifyAgent ? ('ttyg.agent.fat_btn.create_agent.tooltip_disabled' | translate) : ''}}"
                     ng-disabled="!canModifyAgent"
-                    ng-click="onCreateAgent()">
+                    ng-click="onCreateAgent()" guide-selector="create-agent-btn">
                 <i class="fa fa-message-bot fa-xl"></i>
                 <span class="text">{{'ttyg.agent.fat_btn.create_agent.label' | translate}}</span>
             </button>

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

@@ -1,4 +1,4 @@
-<link href="css/ttyg/ttyg.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/ttyg/ttyg.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="ttyg-view" ng-class="{'help-visible': isHelpVisible}">
     <h1 id="ttyg-view-title">
@@ -33,7 +33,7 @@
                         gdb-tooltip="{{'ttyg.chat.btn.' + (showChats ? 'close_sidebar' : 'open_sidebar') + '.tooltip' | translate}}">
                     <i class="fa fa-sidebar"></i>
                 </button>
-                <button class="btn btn-link btn-sm create-chat-btn"
+                <button class="btn btn-link btn-sm create-chat-btn" guide-selector="create-chat-btn"
                         ng-if="chats && !chats.isEmpty()"
                         ng-click="startNewChat()"
                         ng-disabled="false"
@@ -64,7 +64,7 @@
             <div class="chat">
                 <div class="toolbar mb-2">
                     <agent-select-menu class="mr-1"></agent-select-menu>
-                    <button class="btn btn-link btn-sm edit-current-agent-btn mr-1"
+                    <button class="btn btn-link btn-sm edit-current-agent-btn mr-1" guide-selector="edit-current-agent"
                             ng-if="selectedAgent"
                             ng-click="onOpenAgentSettings()"
                             ng-disabled="!canModifyAgent"
@@ -97,7 +97,8 @@
                         ng-disabled="!canModifyAgent"
                         ng-click="onOpenNewAgentSettings()"
                         ng-disabled="false"
-                        gdb-tooltip="{{ (canModifyAgent ? 'ttyg.agent.btn.create_agent.tooltip' : 'ttyg.agent.btn.create_agent.tooltip_disabled') | translate}}">
+                        gdb-tooltip="{{ (canModifyAgent ? 'ttyg.agent.btn.create_agent.tooltip' : 'ttyg.agent.btn.create_agent.tooltip_disabled') | translate}}"
+                        guide-selector="create-agent-btn">
                     <i class="icon-plus"></i>
                 </button>
                 <button class="btn btn-link btn-sm toggle-agents-sidebar-btn"

package/dist/js/lib/d3-tip/d3-tip.css

@@ -5,7 +5,6 @@
   background: rgba(0, 0, 0, 0.8);
   color: #fff;
   pointer-events: none;
-  max-height: 30px;
 }
 
 /* Creates a small triangle extender for the tooltip */
@@ -52,4 +51,4 @@
   margin: -4px 0 0 -1px;
   top: 50%;
   left: 100%;
-}
+}

package/dist/license-checker.json

@@ -834,13 +834,13 @@
     "licenseText": "MIT License\n\nCopyright (c) 2016 Jimmy Karl Roland Wärting\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.",
     "copyright": "Copyright (c) 2016 Jimmy Karl Roland Wärting"
   },
-  "graphdb-workbench@3.0.0-TR13": {
+  "graphdb-workbench@3.0.0-TR15": {
     "licenses": "Apache-2.0",
     "repository": "https://github.com/Ontotext-AD/graphdb-workbench",
     "publisher": "Ontotext AD",
     "url": "https://www.ontotext.com/",
     "name": "graphdb-workbench",
-    "version": "3.0.0-TR13",
+    "version": "3.0.0-TR15",
     "description": "The web application for GraphDB APIs",
     "path": "/opt/jenkins_jobs/workspace/graphdb-workbench-release"
   },

package/dist/main.85305882dbea4d332323.bundle.js

@@ -0,0 +1 @@
+!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=501)}({501:function(e,n,t){"use strict";t.r(n);t(502),t(503),t(504),t(505),t(506),t(507)},502:function(e,n,t){},503:function(e,n,t){},504:function(e,n,t){},505:function(e,n,t){},506:function(e,n,t){},507:function(e,n,t){}});

package/dist/pages/aclmanagement.html

@@ -1,5 +1,5 @@
-<link href="css/aclmanagement.css?v=3.0.0-TR13" rel="stylesheet"/>
-<link href="css/autocomplete-select.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/aclmanagement.css?v=3.0.0-TR15" rel="stylesheet"/>
+<link href="css/autocomplete-select.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <div class="acl-management-view">
     <h1 id="acl-management-view-title">

package/dist/pages/autocomplete.html

@@ -1,4 +1,4 @@
-<link href="css/autocomplete.css?v=3.0.0-TR13" rel="stylesheet">
+<link href="css/autocomplete.css?v=3.0.0-TR15" rel="stylesheet">
 <div id="autocomplete" class="page">
 	<h1>
 		{{title}}

package/dist/pages/choose-repository-type.html

@@ -1,4 +1,4 @@
-<link href="css/repository.create.css?v=3.0.0-TR13" rel="stylesheet">
+<link href="css/repository.create.css?v=3.0.0-TR15" rel="stylesheet">
 
 <div>
     <h1 class="mb-3">{{pageTitle}}</h1>

package/dist/pages/cluster-management/clusterInfo.html

@@ -1,6 +1,6 @@
-<link href="css/clustermanagement.css?v=3.0.0-TR13" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=3.0.0-TR13" rel="stylesheet"/>
-<link href="js/lib/d3-tip/d3-tip.css?v=3.0.0-TR13" rel="stylesheet"/>
+<link href="css/clustermanagement.css?v=3.0.0-TR15" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=3.0.0-TR15" rel="stylesheet"/>
+<link href="js/lib/d3-tip/d3-tip.css?v=3.0.0-TR15" rel="stylesheet"/>
 
 <title>{{'view.clusterManagement.title' | translate}}</title>