graphdb-workbench
Version:
The web application for GraphDB APIs
1 lines • 3.26 kB
CSS
:root{--border:1px solid #c2c1c2;--assistan-icon-weight:2.5rem;--assistant-container-gap:1rem}.chat-detail .assistant{display:flex;gap:var(--assistant-container-gap)}.chat-detail .assistant-message{display:flex;flex-direction:column;flex-grow:1;gap:1rem;width:calc(100% - var(--assistan-icon-weight) - var(--assistant-container-gap))}.chat-panel .user-message .question-text .markdown-content *{overflow-wrap:anywhere;white-space:pre-line}.chat-detail .assistant-message .answer{line-height:var(--line-height)}.chat-detail .assistant-message .answer img{height:auto;max-width:100%;vertical-align:top}.chat-detail .assistant-icon{align-items:center;display:flex;height:var(--assistan-icon-weight);justify-content:center;padding:.625rem;width:var(--assistan-icon-weight)}.chat-detail .assistant-message .hidden-actions{opacity:0}.chat-detail .assistant-message:hover .actions{opacity:1}.chat-detail .assistant-message .toggle-explain-response-icon{font-size:.6rem;transform:rotate(180deg)}.chat-detail .assistant-message .toggle-explain-response-icon.expanded{transform:rotate(0deg)}.chat-detail .assistant-message markdown-content.italic .markdown-content p{font-style:italic}.chat-detail .assistant-message .derived-answer-hint{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:-.5rem}.chat-detail .assistant-message .deliver-answer-btn{padding:.375rem .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}.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{font-variant-ligatures:none;text-wrap:wrap}.chat-detail .explain-response{display:flex;flex-direction:column}.chat-detail .explain-response .raw-query{align-items:center;display:flex;gap:.625rem;margin:0;padding:0 1rem 1rem;white-space:nowrap}.chat-detail .explain-response .raw-query .copy-to-clipboard-btn,.chat-detail .explain-response .raw-query .label{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{background-color:#f3f3f3;display:flex;justify-content:space-between;padding:.25rem}.chat-detail .explain-response .explain-call{border:var(--border)}.chat-detail .explain-response .explain-call .query{padding:1rem 1rem 0}.chat-detail .explain-response .error-message{margin:0 1rem 1rem}.chat-detail .explain-response .error-message .error-header{align-items:center;display:flex;gap:.625rem;justify-content:space-between;white-space:nowrap}.chat-detail .explain-response .error-content{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5rem}.chat-detail .token-usage-info-btn{margin-top:2px}.token-usage-info{color:var(--text-color);font-size:1rem;line-height:1.7em;margin-left:.7em;margin-top:-1.4em;max-width:500px}.token-usage-info .description{font-weight:300;line-height:1.2em;margin-bottom:.3em}.token-info-number{color:var(--gw-primary-base)}