graphdb-workbench 2.8.0-TR5 → 2.8.0-TR7

package/dist/css/bootstrap-graphdb-theme.css

@@ -18,6 +18,12 @@
     /* Link decoration, see GDB-9013 before you touch these */
     --link-decoration-thickness: clamp(1px, 6%, 10px);
     --link-underline-offset: clamp(1px, 6%, 10px);
+    /* The base background color that is used for panels and other similar elements */
+    --base-background-color: #f7f7f7;
+    /* The base background color that is used for selected panels or elements */
+    --base-background-selected-color: #dcdcdc;
+    /* The base background color that is used for hover effects in panels and elements */
+    --base-background-hover-color: rgba(0, 0, 0, .1);
 }
 
 :root.menu-collapsed {
@@ -640,7 +646,7 @@ main menu height*/
 
 .main-menu li .menu-element-root:hover,
 .main-menu .sub-menu li:hover {
-    background-color: rgba(0, 0, 0, .1);
+    background-color: var(--base-background-hover-color);
 }
 
 .main-menu li .menu-element-root:hover .menu-item-icon,
@@ -654,7 +660,7 @@ main menu height*/
 
 .main-menu .menu-element {
     border-bottom: 1px solid #fff;
-    background-color: #f7f7f7;
+    background-color: var(--base-background-color);
     position: relative;
 }
 
@@ -742,7 +748,7 @@ main menu height*/
 
 .main-menu .menu-element.open,
 .main-menu.collapsed .menu-element:hover {
-    background-color: #dcdcdc;
+    background-color: var(--base-background-selected-color);
 }
 
 .main-menu .sub-menu {

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

@@ -2,12 +2,18 @@
     display: flex;
     flex-direction: column;
     height: 100%;
+    clip: rect(0, auto, auto, 0);
 }
 
 .agent-list-component .agent-list {
     margin-top: 1rem;
     height: 75vh;
     max-height: 75vh;
+    overflow-y: hidden;
+    scrollbar-gutter: stable;
+}
+
+.agent-list-component:hover .agent-list {
     overflow-y: auto;
 }
 
@@ -40,7 +46,7 @@
 }
 
 .agent-list-component .agent-item.selected {
-    background-color: #efefef;
+    background-color: var(--base-background-selected-color);
 }
 
 .agent-list-component .agent-item .agent-info {
@@ -48,7 +54,7 @@
 }
 
 .agent-list-component .agent-item:hover {
-    background-color: #ddd;
+    background-color: var(--base-background-hover-color);
     cursor: pointer;
 }
 
@@ -99,3 +105,8 @@
     background-color: #00000066;
     color: #fff;
 }
+
+.agent-list-component .selected-filter, .agent-list-component .agent-name {
+    color: var(--secondary-color);
+    font-weight: 400;
+}

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

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

package/dist/css/ttyg/agent-settings-modal.css

@@ -53,7 +53,7 @@
 
 /* when the panel is expanded */
 .agent-settings-form .extraction-methods .extraction-method:has(.extraction-method-content.in) {
-    background-color: #f9fafb;
+    background-color: var(--base-background-color);
 }
 
 .agent-settings-form .additional-extraction-methods .additional-extraction-method {
@@ -68,4 +68,5 @@
     position: relative;
     /* move the slider up next to the related input field to match the mockup */
     top: -6px;
+    accent-color: var(--secondary-color);
 }

package/dist/css/ttyg/chat-item-details.css

@@ -0,0 +1,128 @@
+:root {
+    --border: 1px solid #C2C1C2;
+}
+
+.chat-detail .assistant {
+    display: flex;
+    gap: 16px;
+}
+
+.chat-detail .assistant-message {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    width: 80%;
+}
+
+.chat-detail .assistant-message .answer {
+    padding: 4px 8px;
+    line-height: var(--line-height);
+}
+
+.chat-detail .assistant-icon {
+    width: 40px;
+    height: 40px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+}
+
+.chat-detail .assistant-message .hidden-actions {
+    opacity: 0
+}
+
+.chat-detail .assistant-message .toggle-explain-response-icon {
+    transform: rotate(180deg);
+    font-size: 0.6rem;
+}
+
+.chat-detail .assistant-message .toggle-explain-response-icon.expanded {
+    transform: rotate(0deg);
+}
+
+.chat-detail .assistant-message .actions:hover {
+    opacity: 1;
+}
+
+.chat-detail .assistant-message .actions {
+    padding-left: 6px;
+}
+
+.chat-detail .assistant-message .derived-answer-hint {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.chat-detail .assistant-message .deliver-answer-btn {
+    background: none;
+    border: var(--border);
+    color: #414041
+}
+
+.chat-detail .assistant-message .explain-response-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.chat-detail .assistant-message .explain-responses {
+    display: flex;
+    flex-direction: column;
+    gap: 32px;
+}
+
+/* Better handling of markdown-derived HTML inside the assistant message */
+.chat-detail .assistant-message li > p:has(+:not(p)) {
+    margin-bottom: 0;
+}
+
+.chat-detail .explain-response {
+    display: flex;
+    flex-direction: column;
+}
+
+.chat-detail .explain-response .explain-response-row {
+    display: flex;
+    gap: 10px;
+    margin: 0 !important;
+    align-items: center;
+}
+
+.chat-detail .explain-response .label {
+    color: #1E293B;
+    font-weight: 400;
+}
+
+.chat-detail .explain-response .explain-query .header {
+    display: flex;
+    justify-content: space-between;
+    background-color: #F3F3F3;
+    padding: 4px 8px;
+}
+
+.chat-detail .explain-response .explain-query {
+    border: var(--border);
+}
+
+.chat-detail .explain-response .explain-query .query {
+    padding: 16px;
+}
+
+.chat-detail .copy-btn {
+    color: var(--primary-color);
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+    padding: 0;
+}
+
+.chat-detail .copy-btn:hover {
+    transform: scale(1.1);
+    transition: all 0.1s ease-out;
+}
+
+.chat-detail .copy-btn:focus {
+    outline: none;
+}

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

@@ -1,5 +1,13 @@
 .chat-list-component {
     padding: 0 8px;
+    height: 100%;
+    clip: rect(0, auto, auto, 0);
+    overflow-y: hidden;
+    scrollbar-gutter: stable;
+}
+
+.chat-list-component:hover {
+    overflow-y: auto;
 }
 
 .chat-list-component .chat-group label {
@@ -23,11 +31,11 @@
 }
 
 .chat-list-component .chat-item.selected {
-    background-color: #ddd;
+    background-color: var(--base-background-selected-color);
 }
 
 .chat-list-component .chat-item:not(.edited):hover {
-    background-color: #ddd;
+    background-color: var(--base-background-hover-color);
     cursor: pointer;
 }
 
@@ -74,3 +82,8 @@
 .chat-list-component .chat-item:not(.edited):hover .open-chat-actions-btn {
     display: block;
 }
+
+.chat-list-component .chat-name {
+    color: var(--secondary-color);
+    font-weight: 400;
+}

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

@@ -1,14 +1,24 @@
+:root {
+    --text-color: #000000;
+    --line-height: 1.6;
+}
+
 .chat-panel {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    align-items: center;
+    color: var(--text-color);
+    clip: rect(0, auto, auto, 0);
 }
 
 .chat-panel .chat-details {
-    overflow-y: auto;
+    overflow-y: hidden;
+    scrollbar-gutter: stable;
     padding-right: 10px;
-    width: 90%;
+}
+
+.chat-panel:hover .chat-details {
+    overflow-y: auto;
 }
 
 .chat-panel .chat-detail {
@@ -22,11 +32,7 @@
     display: flex;
     justify-content: flex-end;
     flex-direction: row;
-}
-
-.chat-panel .assistant {
-    display: flex;
-    gap: 16px;
+    color: var(--text-color);
 }
 
 .chat-panel .actions {
@@ -34,29 +40,11 @@
     gap: 10px;
 }
 
-.chat-panel .assistant-message {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-}
-
-.chat-panel .assistant-message .answer {
-    padding: 4px 8px;
-}
-
 .chat-panel .user-message .question {
     max-width: 70%;
-    text-align: end;
     padding: 8px 16px;
-}
-
-.chat-panel .assistant-icon {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 10px;
+    color: var(--text-color);
+    line-height: var(--line-height);
 }
 
 .chat-panel .messages-hint {
@@ -65,22 +53,15 @@
     text-align: center;
 }
 
-.chat-panel .assistant-message .hidden-actions {
-    opacity: 0
-}
-
-.chat-panel .assistant-message .actions:hover {
-    opacity: 1;
-}
-
-.chat-panel .assistant-message .actions {
-    padding-left: 6px;
-}
-
-.chat-panel .mew-question {
+.chat-panel .new-question {
     width: 100%;
 }
 
-.chat-panel .mew-question .question-input {
+.chat-panel .new-question .question-input {
     background-color: #EFF3F8;
+    color: var(--text-color);
+}
+
+.chat-panel .chat-loading {
+    margin-top: 100px;
 }

package/dist/css/ttyg/ttyg.css

@@ -1,6 +1,5 @@
 :root {
-    --sidebar-width: max(220px, 10vw);
-    --sidebar-bgcolor: #f9fafb;
+    --sidebar-width: 13vw;
     --toolbar-height: 37px;
 }
 
@@ -57,9 +56,29 @@ common sidebar and slidepanel styles
 left sidebar
 */
 
+/* style font awesome icons to look more like our icons */
+.ttyg-view .left-sidebar .fa-regular {
+    font-size: 1.05em;
+}
+
+.ttyg-view .left-sidebar .btn:hover .fa-regular {
+    transform: scale(1.2);
+}
+
+.ttyg-view .left-sidebar .btn .fa-regular {
+    -moz-transition: transform 0.15s ease-out;
+    -o-transition: transform 0.15s ease-out;
+    -webkit-transition: transform 0.15s ease-out;
+    transition: transform 0.15s ease-out;
+}
+
+.ttyg-view .left-sidebar .fa-regular {
+    font-size: 1.2em;
+}
+
 .ttyg-view .left-sidebar .toolbar {
     justify-content: space-between;
-    background-color: var(--sidebar-bgcolor);
+    background-color: var(--base-background-color);
 }
 
 .ttyg-view .left-sidebar.collapsed .toolbar {
@@ -68,8 +87,7 @@ left sidebar
 }
 
 .ttyg-view .left-sidebar .chat-list-panel {
-    background-color: var(--sidebar-bgcolor);
-    overflow-y: auto;
+    background-color: var(--base-background-color);
 }
 
 /*
@@ -105,15 +123,14 @@ chat area
 }
 
 .ttyg-view .chat-content .toolbar {
-    width: 900px;
     margin: auto;
     padding: 0;
 }
 
 .ttyg-view .chat-content .chat {
-    width: 900px;
+    max-width: 800px;
     margin: auto;
-    height: calc(100vh - 10em);
+    height: calc(100vh - 13em);
     display: flex;
     flex-direction: column;
     justify-content: space-between;

package/dist/i18n/locale-en.json

@@ -232,6 +232,10 @@
                 "body": "Do you really want to delete <b>{{chatName}}</b>? All chat history will be lost."
             }
         },
+        "messages": {
+            "text_copy_successful": "Successfully copied to the clipboard.",
+            "text_copy_failed": "Failed copying to the clipboard."
+        },
         "chat": {
             "loading_chats": "Loading chats...",
             "btn": {
@@ -275,11 +279,28 @@
                 },
                 "copy": {
                     "tooltip": "Copy"
+                },
+                "explain_response": {
+                    "tooltip": "Explain response"
+                },
+                "derive_answer": {
+                    "label": "How did you derive this answer?",
+                    "hint": "Hint: you can also ask the model, for example"
+                }
+            },
+            "labels": {
+                "query_method": "Query method",
+                "raw_query": "Raw query",
+                "sparql_query": "SPARQL query"
+
+            },
+            "dialog": {
+                "confirm_repository_change": {
+                    "body": "If you proceed with executing of SPARQL query, GraphDB will open in a new tab and switch to the <b>{{repositoryId}}</b> repository."
                 }
             },
             "messages": {
-                "answer_copy_successful": "The answer was successfully copied to the clipboard.",
-                "answer_copy_failed": "Failed to copy the answer to the clipboard."
+                "explain_response_failure": "Failed to retrieve the explanation for the response."
             }
         },
         "agent": {
@@ -289,7 +310,8 @@
             "create_agent_modal": {
                 "title": {
                     "create": "Create Agent",
-                    "edit": "Edit Agent"
+                    "edit": "Edit Agent",
+                    "clone": "Clone Agent"
                 },
                 "advanced_settings": {
                     "show": "Show advanced settings",
@@ -297,7 +319,7 @@
                 },
                 "form": {
                     "agent_name": {
-                        "label": "GraphAgent name",
+                        "label": "Agent name",
                         "placeholder": "Enter user friendly name"
                     },
                     "repository": {
@@ -323,7 +345,7 @@
                     },
                     "fts_search": {
                         "label": "Full-text search",
-                        "fts_disabled_message": "To use this method, you must enable the full-text search (FTS) index on chosen repository and then restart it.<br/>Enable the index: <a href=\"{{repositoryEditPage}}\" target=\"_blank\">here</a>",
+                        "fts_disabled_message": "You must <a href=\"{{repositoryEditPage}}\" target=\"_blank\">enable the full-text search (FTS) index</a> to use this method.",
                         "missing_repository_id": "Repository ID must be selected"
                     },
                     "sparql_search": {
@@ -342,14 +364,22 @@
                     "similarity_index": {
                         "label": "Similarity index name",
                         "loading_indexes": "Loading similarity indexes...",
-                        "no_similarity_index_message": "To use this method, you must have a similarity index created.<br/>Create similarity text index <a href=\"{{similarityIndexPage}}\" target=\"_blank\">here</a>."
+                        "no_similarity_index": {
+                            "message_1": "You must",
+                            "message_2": "create a similarity index",
+                            "message_3": "to use this method"
+                        }
                     },
                     "similarity_threshold": {
                         "label": "Similarity threshold"
                     },
                     "retrieval_search": {
                         "label": "ChatGPT retrieval connector",
-                        "no_retrieval_connectors_message": "No connector instances.<br/>Create ChatGPT retrieval connector <a href=\"{{retrievalConnectorPage}}\" target=\"_blank\">here</a>."
+                        "no_retrieval_connectors": {
+                            "message_1": "You must",
+                            "message_2": "create ChatGPT retrieval connector",
+                            "message_3": "to use this method"
+                        }
                     },
                     "connector_id": {
                         "label": "ChatGPT retrieval connector"
@@ -386,6 +416,14 @@
                     "save": {
                         "label": "Save"
                     }
+                },
+                "dialog": {
+                    "confirm_repository_change_before_open_similarity": {
+                        "body": "If you proceed with creating the similarity index, GraphDB will open in a new tab and switch to the <b>{{repositoryId}}</b> repository."
+                    },
+                    "confirm_repository_change_before_open_connectors": {
+                        "body": "If you proceed with creating the ChatGPT retrieval connector, GraphDB will open in a new tab and switch to the <b>{{repositoryId}}</b> repository."
+                    }
                 }
             },
             "delete_agent_modal": {

package/dist/i18n/locale-fr.json

@@ -232,6 +232,10 @@
                 "body": "Voulez-vous vraiment supprimer <b>{{chatName}}</b>? Tout l'historique de la conversation sera perdu."
             }
         },
+        "messages": {
+            "text_copy_successful": "Copié avec succès dans le presse-papiers.",
+            "text_copy_failed": "Échec de la copie dans le presse-papiers."
+        },
         "chat": {
             "loading_chats": "Chargement des chats...",
             "deleted_repository": "Dépôt supprimé",
@@ -276,11 +280,27 @@
                 },
                 "copy": {
                     "tooltip": "Copier"
+                },
+                "explain_response": {
+                    "tooltip": "Expliquer la réponse"
+                },
+                "derive_answer": {
+                    "label": "Comment avez-vous obtenu cette réponse ?",
+                    "hint": "Astuce : vous pouvez également demander au modèle, par exemple"
                 }
             },
-            "messages": {
-                "answer_copy_successful": "La réponse a été copiée avec succès dans le presse-papiers.",
-                "answer_copy_failed": "Échec de la copie de la réponse dans le presse-papiers."
+            "labels": {
+                "query_method": "Méthode de requête",
+                "raw_query": "Requête brute",
+                "sparql_query": "Requête SPARQL"
+            },
+            "dialog": {
+                "confirm_repository_change": {
+                    "body": "Si vous continuez l'exécution de la requête SPARQL, GraphDB s'ouvrira dans un nouvel onglet et passera au dépôt <b>{{repositoryId}}</b>."
+                }
+            },
+            "messages":{
+                "explain_response_failure": "Échec de la récupération de l'explication pour la réponse."
             }
         },
         "agent": {
@@ -290,7 +310,8 @@
             "create_agent_modal": {
                 "title": {
                     "create": "Créer un agent",
-                    "edit": "Modifier un agent"
+                    "edit": "Modifier un agent",
+                    "clone": "Cloner un agent"
                 },
                 "advanced_settings": {
                     "show": "Afficher les paramètres avancés",
@@ -298,7 +319,7 @@
                 },
                 "form": {
                     "agent_name": {
-                        "label": "Nom de l'GraphAgent",
+                        "label": "Nom de l'Agent",
                         "placeholder": "Entrez un nom convivial"
                     },
                     "repository": {
@@ -324,7 +345,7 @@
                     },
                     "fts_search": {
                         "label": "Recherche en texte intégral",
-                        "fts_disabled_message": "Pour utiliser cette méthode, vous devez activer l'index de recherche en texte intégral (FTS) sur le référentiel choisi, puis le redémarrer.<br/> Activez l'index <a href=\"{{repositoryEditPage}}\" target=\"_blank\">ici</a>.",
+                        "fts_disabled_message": "Vous devez <a href=\"{{repositoryEditPage}}\" target=\"_blank\">activer l'index de recherche en texte intégral (FTS)</a> pour utiliser cette méthode.",
                         "missing_repository_id": "L'ID du référentiel doit être sélectionné"
                     },
                     "sparql_search": {
@@ -343,14 +364,22 @@
                     "similarity_index": {
                         "label": "Nom de l'index de similarité",
                         "loading_indexes": "Chargement des indices de similarité...",
-                        "no_similarity_index_message": "Pour utiliser cette méthode, vous devez avoir créé un index de similarité.<br/>Créez un index de texte de similarité <a href=\"{{similarityIndexPage}}\" target=\"_blank\">ici</a>."
+                        "no_similarity_index": {
+                            "message_1": "Vous devez",
+                            "message_2": "créer un index de similarité",
+                            "message_3": "pour utiliser cette méthode"
+                        }
                     },
                     "similarity_threshold": {
                         "label": "Seuil de similarité"
                     },
                     "retrieval_search": {
                         "label": "Connecteur de récupération ChatGPT",
-                        "no_retrieval_connectors_message": "Aucune instance de connecteur.<br/>Créez un connecteur de récupération ChatGPT <a href=\"{{retrievalConnectorPage}}\" target=\"_blank\">ici</a>."
+                        "no_retrieval_connectors": {
+                            "message_1": "Vous devez",
+                            "message_2": "créer un connecteur de récupération ChatGPT",
+                            "message_3": "pour utiliser cette méthode"
+                        }
                     },
                     "connector_id": {
                         "label": "Connecteur de récupération ChatGPT"
@@ -387,6 +416,14 @@
                     "save": {
                         "label": "Enregistrer"
                     }
+                },
+                "dialog": {
+                    "confirm_repository_change_before_open_similarity": {
+                        "body": "Si vous continuez à créer l'index de similarité, GraphDB s'ouvrira dans un nouvel onglet et passera au dépôt <b>{{repositoryId}}</b>."
+                    },
+                    "confirm_repository_change_before_open_connectors": {
+                        "body": "Si vous continuez à créer le connecteur de récupération ChatGPT, GraphDB s'ouvrira dans un nouvel onglet et passera au dépôt <b>{{repositoryId}}</b>."
+                    }
                 }
             },
             "delete_agent_modal": {

package/dist/index.html

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