graphdb-workbench 2.7.5 → 2.8.0-TR10

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 {
@@ -1029,6 +1035,10 @@ main menu height*/
     text-underline-offset: var(--link-underline-offset);
 }
 
+.btn-link-only-icons {
+    text-decoration: none !important;
+}
+
 .btn-link.secondary {
     color: rgba(0, 0, 0, .66);
 }

package/dist/css/common.css

@@ -17,6 +17,7 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -26,6 +27,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 300;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -35,6 +37,7 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -44,6 +47,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -53,6 +57,7 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -62,6 +67,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 500;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -72,6 +78,7 @@
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -81,6 +88,7 @@
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 600;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -90,6 +98,7 @@
     font-family: 'JetBrains Mono';
     font-style: italic;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -99,6 +108,7 @@
     font-family: 'JetBrains Mono';
     font-style: italic;
     font-weight: 600;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

package/dist/css/repositories.css

@@ -408,7 +408,7 @@ span.label {
     border:0px !important;
 }
 
-.btns-all {
+.btns-all, .ontopic-instances, .location-type-title {
     padding: 0 13px;
 }
 .repository {

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

@@ -0,0 +1,118 @@
+.agent-list-component {
+    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;
+}
+
+.agent-list-component .agents-filter-dropdown {
+    width: 100%;
+}
+
+/* Reset the dropdown toggle button styles to make it look more like an input */
+.agent-list-component .agents-filter-dropdown .dropdown-toggle {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-weight: unset;
+    color: inherit;
+    border-color: var(--gray-color);
+}
+
+.agent-list-component .agents-filter-dropdown .dropdown-toggle .selected-filter {
+    flex-grow: 1;
+    text-align: left;
+}
+
+.agent-list-component .agents-filter-dropdown .dropdown-toggle:hover {
+    background-color: #fff;
+}
+
+.agent-list-component .agents-filter-dropdown .dropdown-toggle:after {
+    display: none;
+}
+
+.agent-list-component .agent-item {
+    padding: 6px 8px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.agent-list-component .agent-item.selected {
+    background-color: var(--base-background-selected-color);
+}
+
+.agent-list-component .agent-item .agent-info {
+    width: 92%;
+}
+
+.agent-list-component .agent-item:hover {
+    background-color: var(--base-background-hover-color);
+    cursor: pointer;
+}
+
+.agent-list-component .agent-item .related-repository {
+    color: var(--gray-color-dark);
+}
+
+.agent-list-component .agent-item .agent-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+}
+
+.agent-list-component .agent-item .agent-name a {
+    text-decoration: none;
+    color: unset;
+}
+
+.agent-list-component .agent-item .btn-group {
+    display: flex;
+    align-self: start;
+    margin-top: 4px;
+}
+
+.agent-list-component .agent-item .btn-group .dropdown-menu-right {
+    margin-top: 4px;
+}
+
+.agent-list-component .agent-item .btn-group .dropdown-item span {
+    margin-left: 8px;
+}
+
+.agent-list-component .agent-item .open-agent-actions-btn {
+    display: none;
+}
+
+.agent-list-component .agent-item:not(.edited):hover .open-agent-actions-btn {
+    display: block;
+}
+
+.agent-list-component .deleting-agent-loader {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 60px;
+    padding: 6px 8px;
+    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

@@ -0,0 +1,47 @@
+.agent-select-menu {
+    width: 100%;
+}
+
+.agent-select-menu .dropdown-toggle-btn {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    overflow-x: hidden;
+    background-color: #fff;
+    border-color: var(--gray-color);
+    color: inherit;
+    font-weight: unset;
+}
+
+.agent-select-menu .dropdown-menu {
+    max-height: 50vh;
+    overflow-y: auto;
+    width: auto;
+    background-color: #fff;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.agent-select-menu .dropdown-menu li {
+    white-space: nowrap;
+    padding: 4px 10px;
+}
+
+.agent-select-menu .dropdown-menu li.selected {
+    background-color: #f0f0f0;
+}
+
+.agent-select-menu .dropdown-menu li:hover {
+    background-color: #f0f0f0;
+    cursor: pointer;
+}
+
+.agent-select-menu .dropdown-menu li a {
+    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

@@ -0,0 +1,105 @@
+:root {
+    --field-label-weight: 500;
+}
+
+.agent-settings-modal .modal-footer .creating-agent-loader {
+    display: inline-block;
+    position: relative;
+    bottom: -3px;
+}
+
+.agent-settings-modal .agent-settings-form label {
+    font-weight: var(--field-label-weight);
+}
+
+.agent-settings-modal .agent-settings-form .extraction-methods {
+    display: flex;
+    flex-direction: column;
+}
+
+.agent-settings-modal .agent-settings-form .has-error {
+    outline: 1px solid #FA787E;
+}
+
+.agent-settings-modal .agent-settings-form .extraction-methods .extraction-method-heading {
+    display: flex;
+    align-items: center;
+}
+
+.agent-settings-modal .agent-settings-form .extraction-methods .extraction-method-heading .panel-toggle-link {
+    display: flex;
+    flex-grow: 1;
+    justify-content: space-between;
+}
+
+.agent-settings-form .extraction-methods .extraction-method-heading.selected .panel-toggle-link {
+    font-weight: var(--field-label-weight);
+}
+
+.agent-settings-modal .agent-settings-form .extraction-methods .extraction-method {
+    padding: 0 10px;
+    margin-bottom: 2px;
+}
+
+.agent-settings-modal .agent-settings-form .extraction-methods .extraction-method .extraction-method-options {
+    padding: 1rem 1rem 1rem 3.6rem;
+}
+
+.agent-settings-modal .agent-settings-form .extraction-methods .extraction-method .extraction-method-options .radio-inline {
+    cursor: pointer;
+}
+
+.agent-settings-modal .agent-settings-form .additional-extraction-methods .additional-extraction-method {
+    padding: 0 10px;
+}
+
+.agent-settings-modal .agent-settings-form #sparqlQuery,
+.agent-settings-modal .agent-settings-form #queryTemplate {
+    font-size: 1rem;
+    font-family: var(--mono-font) !important;
+}
+
+.agent-settings-modal .agent-settings-form #fts_search_maxNumberOfTriplesPerCall,
+.agent-settings-modal .agent-settings-form #similarity_search_maxNumberOfTriplesPerCall,
+.agent-settings-modal .agent-settings-form #retrieval_search_maxNumberOfTriplesPerCall {
+    width: 30%
+}
+
+.agent-settings-modal .agent-settings-form input[type="range"] {
+    width: 100%
+}
+
+.agent-settings-modal .agent-settings-form [type="range"] {
+    position: relative;
+    /* move the slider up next to the related input field to match the mockup */
+    top: -6px;
+    accent-color: var(--secondary-color);
+}
+
+.agent-settings-form .panel-toggle-link .toggle-icon {
+    transition: transform 0.3s ease; /* Smooth transition */
+}
+
+.agent-settings-form .advanced-settings .toolbar,
+.user-instructions .toolbar {
+    display: flex;
+    justify-content: space-between;
+}
+
+.agent-settings-form .advanced-settings .toolbar .copy-btn,
+.user-instructions .toolbar .copy-btn {
+    color: var(--primary-color);
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+    padding: 0;
+}
+
+.extraction-method .panel-toggle-link .toggle-icon.expanded {
+    transform: rotate(180deg);
+}
+
+/* when the panel is expanded */
+.agent-settings-form .extraction-methods .extraction-method:has(.expanded) {
+    background-color: var(--base-background-color);
+}

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

@@ -0,0 +1,168 @@
+:root {
+    --border: 1px solid #C2C1C2;
+}
+
+.chat-detail .assistant {
+    display: flex;
+    gap: 1rem;
+}
+
+.chat-detail .assistant-message {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+    flex-grow: 1;
+}
+
+.chat-detail .assistant-message .answer {
+    line-height: var(--line-height);
+}
+
+.chat-detail .assistant-icon {
+    width: 2.5rem;
+    height: 2.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0.625rem;
+}
+
+.chat-detail .assistant-message .hidden-actions {
+    opacity: 0;
+}
+
+.chat-detail .assistant-message:hover .actions {
+    opacity: 1;
+}
+
+.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 {
+}
+
+.chat-detail .assistant-message .derived-answer-hint {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+    margin-top: -0.5rem;
+}
+
+.chat-detail .assistant-message .deliver-answer-btn {
+    padding: 0.375rem 0.75rem;
+}
+
+.chat-detail .assistant-message .explain-response-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+.chat-detail .assistant-message .explain-responses {
+    display: flex;
+    flex-direction: column;
+    gap: 1.5rem;
+}
+
+/* Better handling of markdown-derived HTML inside the assistant message */
+.chat-detail .assistant-message li > p:has(+:not(p, div)),
+.chat-detail .assistant-message p:last-child {
+    margin-bottom: 0;
+}
+
+.chat-detail .assistant-message pre {
+    text-wrap: wrap;
+}
+
+.chat-detail .explain-response {
+    display: flex;
+    flex-direction: column;
+}
+
+.chat-detail .explain-response .raw-query {
+    display: flex;
+    gap: 0.625rem;
+    margin: 0 !important;
+    align-items: center;
+    white-space: nowrap;
+    padding: 0 1rem 1rem 1rem;
+}
+
+.chat-detail .explain-response .raw-query .label,
+.chat-detail .explain-response .raw-query .copy-to-clipboard-btn {
+    flex-shrink: 0;
+}
+
+.chat-detail .explain-response .raw-query .content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.chat-detail .explain-response .label {
+    color: #1E293B;
+    font-weight: 400;
+}
+
+.chat-detail .explain-response .explain-call .header {
+    display: flex;
+    justify-content: space-between;
+    background-color: #F3F3F3;
+    padding: 0.25rem 0.25rem;
+}
+
+.chat-detail .explain-response .explain-call {
+    border: var(--border);
+}
+
+.chat-detail .explain-response .explain-call .query {
+    padding: 1rem 1rem 0 1rem;
+}
+
+.chat-detail .explain-response .error-message {
+    margin: 0 1rem 1rem 1rem;
+}
+
+.chat-detail .explain-response .error-message .error-header {
+    display: flex;
+    gap: 0.625rem;
+    align-items: center;
+    white-space: nowrap;
+    justify-content: space-between;
+}
+
+.chat-detail .explain-response .error-content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    max-height: 4.5rem; /* fallback if line-clamp doesn't work */
+}
+
+.chat-detail .copy-btn,
+.chat-detail .open-in-sparql-editor-btn {
+    color: var(--primary-color);
+    border: none;
+    background-color: transparent;
+    cursor: pointer;
+    padding: 0;
+}
+
+.chat-detail .copy-btn:hover,
+.chat-detail .open-in-sparql-editor-btn {
+    transform: scale(1.1);
+    transition: all 0.1s ease-out;
+}
+
+.chat-detail .copy-btn:focus,
+.chat-detail .open-in-sparql-editor-btn {
+    outline: none;
+}

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

@@ -0,0 +1,99 @@
+.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 {
+    color: var(--gray-color-dark);
+}
+
+.chat-list-component .chat-group ul {
+    list-style: none;
+    padding-inline-start: 0;
+}
+
+.chat-list-component .chat-item .chat-detail {
+    padding: 6px 4px;
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.chat-list-component .chat-item .deleting-chat-loader {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 60px;
+    padding: 6px 8px;
+    background-color: #00000066;
+    color: #fff;
+}
+
+.chat-list-component .chat-item .form-control {
+    padding: 4px 8px;
+}
+
+.chat-list-component .chat-item.selected {
+    background-color: var(--base-background-selected-color);
+}
+
+.chat-list-component .chat-item:not(.edited):hover {
+    background-color: var(--base-background-hover-color);
+    cursor: pointer;
+}
+
+.chat-list-component .chat-item.edited {
+    padding: 0;
+}
+
+.chat-list-component .chat-item.edited .chat-name {
+    width: 100%;
+}
+
+.chat-list-component .chat-item:not(.edited) .chat-name {
+    width: 90%;
+}
+
+.chat-list-component .chat-item .chat-name .inline-editable-text {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+}
+
+.chat-list-component .chat-item .chat-name a {
+    text-decoration: none;
+    color: unset;
+}
+
+.chat-list-component .chat-item .btn-group {
+    display: flex;
+}
+
+.chat-list-component .chat-item .btn-group .dropdown-menu-right {
+    margin-top: 4px;
+}
+
+.chat-list-component .chat-item .btn-group .dropdown-item span {
+    margin-left: 8px;
+}
+
+.chat-list-component .chat-item .open-chat-actions-btn {
+    display: none;
+}
+
+.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;
+}