mirror of
https://github.com/discourse/discourse-ai.git
synced 2025-07-09 07:33:30 +00:00
2a5c60db10
* FEATURE: display more places where AI is used - Usage was not showing automation or image caption in llm list. - Also: FIX - reasoning models would time out incorrectly after 60 seconds (raised to 10 minutes) * correct enum not to enumerate non configured models * FEATURE: implement chat streamer This implements a basic chat streamer, it provides 2 things: 1. Gives feedback to the user when LLM is generating 2. Streams stuff much more efficiently to client (given it may take 100ms or so per call to update chat)
143 lines
2.4 KiB
SCSS
143 lines
2.4 KiB
SCSS
.ai-llms-list-editor {
|
|
&__header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 0 0 1em 0;
|
|
}
|
|
|
|
&__configured,
|
|
&__templates {
|
|
margin-top: 2em;
|
|
|
|
h2 {
|
|
font-size: var(--font-up-1);
|
|
}
|
|
}
|
|
}
|
|
|
|
.ai-llm-editor {
|
|
padding-left: 0.5em;
|
|
|
|
.ai-llm-editor-tests {
|
|
&__failure {
|
|
color: var(--danger);
|
|
}
|
|
|
|
&__success {
|
|
color: var(--success);
|
|
}
|
|
}
|
|
}
|
|
|
|
[class*="ai-llms-list-editor"] {
|
|
h3 {
|
|
font-weight: normal;
|
|
margin: 0;
|
|
line-height: var(--line-height-medium);
|
|
}
|
|
}
|
|
|
|
.ai-llms-list-editor__configured {
|
|
.d-toggle-switch {
|
|
justify-content: center;
|
|
}
|
|
}
|
|
|
|
.ai-tool-list-editor__current,
|
|
.ai-persona-list-editor__current,
|
|
.ai-llms-list-editor__configured {
|
|
.d-admin-table {
|
|
tr:hover {
|
|
background: inherit;
|
|
}
|
|
|
|
@include breakpoint("tablet", min-width) {
|
|
th,
|
|
td {
|
|
&:first-child {
|
|
padding-left: 0;
|
|
}
|
|
|
|
&:last-child {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.ai-llms-list-editor__templates {
|
|
&-list {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(16em, 1fr));
|
|
gap: 1em 2em;
|
|
margin-top: 1em;
|
|
padding-top: 1em;
|
|
border-top: 3px solid var(--primary-low);
|
|
}
|
|
|
|
&-list-item {
|
|
display: grid;
|
|
grid-template-rows: subgrid;
|
|
grid-row: span 4;
|
|
gap: 0;
|
|
margin-bottom: 2em;
|
|
|
|
@include breakpoint("mobile-extra-large", min-width) {
|
|
margin-bottom: 3em;
|
|
}
|
|
}
|
|
|
|
.admin-section-landing-item__description {
|
|
color: var(--primary-high);
|
|
margin: 0.25em 0 0.5em;
|
|
line-height: var(--line-height-large);
|
|
align-self: start;
|
|
|
|
@include breakpoint("mobile-extra-large", min-width) {
|
|
max-width: 17em;
|
|
}
|
|
}
|
|
|
|
button {
|
|
justify-self: start;
|
|
}
|
|
|
|
h4 {
|
|
font-size: var(--font-down-1);
|
|
font-weight: normal;
|
|
color: var(--primary-high);
|
|
margin: 0;
|
|
letter-spacing: 0.1px;
|
|
}
|
|
}
|
|
|
|
.ai-llm-list-editor__usages {
|
|
list-style: none;
|
|
margin: 0.5em 0 0 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
li {
|
|
font-size: var(--font-down-2);
|
|
border-radius: 0.25em;
|
|
background: var(--primary-very-low);
|
|
border: 1px solid var(--primary-low);
|
|
padding: 1px 3px;
|
|
margin-right: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
}
|
|
|
|
.ai-llm-list__seeded-model {
|
|
color: var(--primary-high);
|
|
font-size: var(--font-down-1);
|
|
}
|
|
|
|
@include breakpoint("tablet") {
|
|
.ai-llm-list__description {
|
|
max-width: 80%;
|
|
}
|
|
}
|