mirror of
https://github.com/discourse/discourse-ai.git
synced 2025-02-16 08:24:45 +00:00
52a7dd2a4b
This is a rather huge refactor with 1 new feature (tool details can be suppressed) Previously we use the name "Command" to describe "Tools", this unifies all the internal language and simplifies the code. We also amended the persona UI to use less DToggles which aligns with our design guidelines. Co-authored-by: Martin Brennan <martin@discourse.org>
156 lines
2.5 KiB
SCSS
156 lines
2.5 KiB
SCSS
.admin-contents .ai-persona-list-editor {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.ai-persona-list-editor {
|
|
&__header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin: 0 0 1em 0;
|
|
|
|
h3 {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
&__current {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
li.disabled {
|
|
opacity: 0.5;
|
|
}
|
|
}
|
|
|
|
.ai-persona-tool-option-editor {
|
|
&__instructions {
|
|
color: var(--primary-medium);
|
|
font-size: var(--font-down-1);
|
|
line-height: var(--line-height-large);
|
|
}
|
|
}
|
|
|
|
.ai-personas__container {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 10px;
|
|
width: 100%;
|
|
}
|
|
|
|
.ai-persona-editor {
|
|
padding-left: 0.5em;
|
|
|
|
.fk-d-tooltip__icon {
|
|
padding-left: 0.25em;
|
|
color: var(--primary-medium);
|
|
}
|
|
label {
|
|
display: block;
|
|
}
|
|
&__tool-options {
|
|
padding: 5px 10px 5px;
|
|
border: 1px solid var(--primary-low-mid);
|
|
width: 480px;
|
|
}
|
|
&__tool-options-name {
|
|
margin-bottom: 10px;
|
|
font-size: var(--font-down-1);
|
|
}
|
|
&__description {
|
|
width: 500px;
|
|
}
|
|
&__system_prompt {
|
|
width: 500px;
|
|
height: 400px;
|
|
}
|
|
|
|
&__tool-details,
|
|
&__vision_enabled,
|
|
&__allow_chat,
|
|
&__priority,
|
|
&__mentionable {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
&__indexing-options {
|
|
display: block;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.persona-rag-uploader {
|
|
width: 500px;
|
|
|
|
&__search-input {
|
|
display: flex;
|
|
align-items: center;
|
|
border: 1px solid var(--primary-400);
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
height: 35px;
|
|
padding: 0 0.5rem;
|
|
|
|
&:focus,
|
|
&:focus-within {
|
|
@include default-focus();
|
|
}
|
|
|
|
&-container {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
&__search-icon {
|
|
background: none !important;
|
|
color: var(--primary-medium);
|
|
}
|
|
|
|
&__input {
|
|
width: 100% !important;
|
|
}
|
|
|
|
&__input,
|
|
&__input:focus {
|
|
margin: 0 !important;
|
|
border: 0 !important;
|
|
appearance: none !important;
|
|
outline: none !important;
|
|
background: none !important;
|
|
}
|
|
}
|
|
|
|
&__uploads-list {
|
|
margin-bottom: 20px;
|
|
|
|
tbody {
|
|
border-top: none;
|
|
}
|
|
}
|
|
|
|
&__upload-status {
|
|
text-align: right;
|
|
padding-right: 0;
|
|
|
|
.indexed {
|
|
color: var(--success);
|
|
}
|
|
|
|
.uploaded,
|
|
.indexing {
|
|
color: var(--primary-low-mid);
|
|
}
|
|
}
|
|
|
|
&__remove-file {
|
|
text-align: right;
|
|
padding-left: 0;
|
|
}
|
|
|
|
&__rag-file-icon {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
}
|