graphdb-workbench 2.7.6-RC1 → 2.8.0-RC1

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

@@ -0,0 +1,70 @@
+<link href="css/ttyg/agent-list.css?v=2.8.0-RC1" 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>
+        <ul class="dropdown-menu" role="menu">
+            <li ng-repeat="filterModel in agentListFilterModel">
+                <button type="button" class="dropdown-item" ng-click="onAgentsFilterChange(filterModel)"
+                        data-value="{{filterModel.label}}">
+                    {{filterModel.label}}
+                </button>
+            </li>
+        </ul>
+    </div>
+
+    <div class="agent-list">
+        <div ng-if="!agentList.agents.length" class="alert alert-warning">
+            {{'ttyg.agent.messages.no_agents' | translate}}
+        </div>
+
+        <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">
+                    <div class="agent-name">{{agent.name}}</div>
+                    <div class="related-repository">
+                        <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="btn-group">
+                    <button class="btn btn-link secondary btn-sm open-agent-actions-btn"
+                            data-toggle="dropdown" aria-expanded="false"
+                            ng-if="true"
+                            ng-click="openAgentActionMenu()"
+                            ng-disabled="false">
+                        <i class="fa-regular fa-ellipsis"></i>
+                    </button>
+                    <div class="dropdown-menu dropdown-menu-right agent-actions-menu">
+                        <button class="dropdown-item edit-agent-btn" type="button" ng-click="onEditAgent(agent)">
+                            <i class="fa-regular fa-gear"></i>
+                            <span>{{'ttyg.agent.btn.edit_agent.label' | translate}}</span>
+                        </button>
+                        <button class="dropdown-item clone-agent-btn" type="button" ng-click="onCloneAgent(agent)">
+                            <i class="fa-regular fa-clone"></i>
+                            <span>{{'ttyg.agent.btn.clone_agent.label' | translate}}</span>
+                        </button>
+                        <div class="dropdown-divider"></div>
+                        <button class="dropdown-item delete-agent-btn" type="button" ng-click="onDeleteAgent(agent)">
+                            <i class="fa-regular fa-trash-can"></i>
+                            <span>{{'ttyg.agent.btn.delete_agent.label' | translate}}</span>
+                        </button>
+                    </div>
+                </div>
+            </div>
+
+            <div class="deleting-agent-loader" ng-if="deletingAgent.agentId === agent.id && deletingAgent.inProgress"
+                 onto-loader-fancy message="{{'ttyg.agent.deleting_agent' | translate}}"
+                 size="25"></div>
+        </div>
+    </div>
+</div>

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

@@ -0,0 +1,35 @@
+<link href="css/ttyg/agent-select-menu.css?v=2.8.0-RC1" 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.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">
+            <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>
+            {{'ttyg.agent.agent_select_menu.deleted_agent' | translate}}
+        </span>
+        <span class="caret"></span>
+    </button>
+    <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-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>
+        </li>
+    </ul>
+</div>

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

@@ -0,0 +1,96 @@
+<link href="css/ttyg/chat-item-details.css?v=2.8.0-RC1" rel="stylesheet"/>
+
+<div class="chat-detail">
+    <div class="user-message" ng-if="chatItemDetail.question">
+        <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], 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">
+                <markdown-content class="answer" content="{{answer.message}}" options="markdownContentOptions"></markdown-content>
+                <div class="actions" ng-class="{'hidden-actions': !explainResponseModel[answer.id].expanded && (!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 class="btn-sm" 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"
+                            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="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()">
+                        {{ 'ttyg.chat_panel.btn.derive_answer.label' | translate }}
+                    </button>
+                </div>
+                <div ng-if="loadingExplainResponse[answer.id]" onto-loader-new size="40"></div>
+                <div class="explain-responses" ng-if="explainResponseModel[answer.id] && explainResponseModel[answer.id].expanded">
+                    <div ng-if="!explainResponseModel[answer.id].queryMethods.items.length"
+                         class="explain-response">
+                        {{ 'ttyg.chat_panel.labels.explain_no_methods' | translate }}
+                    </div>
+                    <div ng-if="explainResponseModel[answer.id].queryMethods.items"
+                         class="explain-response"
+                         ng-repeat="queryMethod in explainResponseModel[answer.id].queryMethods.items">
+                        <div class="explain-call">
+                            <div class="header" gdb-tooltip="">
+                                <div class="label">
+                                    <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>
+                                <div class="actions">
+                                    <open-in-sparql-editor
+                                        ng-if="queryMethod.queryType === ExplainQueryType.SPARQL"
+                                        execute-query="{{!queryMethod.errorMessage}}"
+                                        repository-id="{{repositoryId}}"
+                                        query="{{queryMethod.query}}">
+                                    </open-in-sparql-editor>
+                                    <copy-to-clipboard tooltip-text="ttyg.chat_panel.btn.copy_{{ queryMethod.queryType }}.tooltip"
+                                                       text-to-copy="{{queryMethod.query}}"></copy-to-clipboard>
+                                </div>
+                            </div>
+                            <div class="query">
+                                <pre><code>{{queryMethod.query}}</code></pre>
+                            </div>
+                            <div ng-if="showRawQuery(queryMethod)" class="raw-query">
+                                <span class="label">{{'ttyg.chat_panel.labels.raw_query' | translate}}:</span>
+                                <span class="content">{{queryMethod.rawQuery}}</span>
+                                <copy-to-clipboard class="copy-to-clipboard-btn" tooltip-text="ttyg.chat_panel.btn.copy_raw_query.tooltip"
+                                                   text-to-copy="{{queryMethod.rawQuery}}"></copy-to-clipboard>
+                            </div>
+                            <div ng-if="queryMethod.errorMessage" class="alert no-icon alert-warning error-message">
+                                <div class="error-header">
+                                    <div class="label">{{'ttyg.chat_panel.labels.error_message' | translate}}:</div>
+                                    <copy-to-clipboard class="copy-to-clipboard-btn" tooltip-text="ttyg.chat_panel.btn.copy_error_message.tooltip"
+                                                       text-to-copy="{{queryMethod.errorMessage}}"></copy-to-clipboard>
+                                </div>
+                                <div class="error-content">{{queryMethod.errorMessage}}</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div ng-if="asking" onto-loader-new size="40"></div>
+</div>
+

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

@@ -0,0 +1,55 @@
+<link href="css/ttyg/chat-list.css?v=2.8.0-RC1" rel="stylesheet"/>
+
+<div class="chat-list-component">
+    <div class="chat-list">
+        <div ng-repeat="chatGroup in chatList.chatsByDay" class="chat-group">
+            <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}">
+                    <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="chat.id && 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>
+    </div>
+</div>

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

@@ -0,0 +1,56 @@
+<link href="css/ttyg/chat-panel.css?v=2.8.0-RC1" 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">
+
+            <!-- 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' | 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' | translate: {agentName: getAgentName(chatItemDetail.agentId)} | trustAsHtml">
+            </div>
+
+            <chat-item-detail
+                chat-item-detail="chatItemDetail"
+                show-actions="!waitingForLastMessage && $last"
+                on-regenerate-question="regenerateQuestion(chatItem)"
+                on-copy-answer-to-clipboard="copyAnswerToClipboard(chatItem)"
+                on-ask-how-delivered-answer="onAskHowDeliveredAnswer(chatItem)"
+                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' | 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 mt-3 d-flex" ng-if="!loadingChat">
+        <input class="form-control question-input" ng-model="chatItem.question.message" type="text"
+               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 || 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() && !waitingForLastMessage" ng-cloak>
+        <div class="hint2" ng-bind="'ttyg.chat_panel.hint2' | translate"></div>
+        <div class="hint1" ng-bind-html="'ttyg.chat_panel.hint1' | translate | trustAsHtml"></div>
+    </div>
+</div>

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

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