prompt template from db

This commit is contained in:
Matteo Rosati
2026-02-18 16:09:31 +01:00
parent b64e97c9d0
commit 3c6c367600
6 changed files with 36 additions and 108 deletions

View File

@@ -53,21 +53,6 @@ body {
gap: 12px;
}
.chat__settings {
padding: 6px 12px;
border-radius: 999px;
border: 1px solid #d1d5db;
background: #ffffff;
color: #1f2937;
font-weight: 600;
font-size: 13px;
cursor: pointer;
}
.chat__settings:hover {
background: #f3f4f6;
}
.chat__messages {
flex: 1;
padding: 16px 20px;
@@ -204,18 +189,11 @@ body {
display: flex;
flex-direction: column;
gap: 16px;
transform: translateX(100%);
transition: transform 0.25s ease;
}
.drawer--open {
transform: translateX(0%);
}
.drawer__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
@@ -224,14 +202,6 @@ body {
font-size: 18px;
}
.drawer__close {
border: 1px solid #d1d5db;
background: #ffffff;
border-radius: 8px;
padding: 4px 8px;
cursor: pointer;
}
.drawer__form {
display: flex;
flex-direction: column;
@@ -261,12 +231,3 @@ body {
font-variant-numeric: tabular-nums;
}
@media (max-width: 900px) {
.drawer {
position: absolute;
right: 0;
top: 0;
height: 100vh;
box-shadow: -12px 0 24px rgba(15, 23, 42, 0.08);
}
}

View File

@@ -4,9 +4,7 @@ const formEl = document.getElementById("chat-form");
const inputEl = document.getElementById("chat-input");
const clearEl = document.getElementById("chat-clear");
const sendButtonEl = formEl?.querySelector("button[type='submit']");
const settingsToggle = document.getElementById("settings-toggle");
const settingsDrawer = document.getElementById("settings-drawer");
const settingsClose = document.getElementById("settings-close");
const rangeInputs = settingsDrawer
? Array.from(settingsDrawer.querySelectorAll("input[type='range']"))
: [];
@@ -16,6 +14,7 @@ const configInputs = {
temperature: document.getElementById("config-temperature"),
retrieverMaxDocs: document.getElementById("config-retriever-max-docs"),
rerankerMaxDocs: document.getElementById("config-reranker-max-docs"),
promptId: document.getElementById("config-prompt"),
};
const scheme = window.location.protocol === "https:" ? "wss" : "ws";
@@ -156,28 +155,6 @@ rangeInputs.forEach((input) => {
input.addEventListener("input", () => updateDrawerValue(input));
});
const closeDrawer = () => {
settingsDrawer?.classList.remove("drawer--open");
if (settingsDrawer) settingsDrawer.setAttribute("aria-hidden", "true");
if (settingsToggle) settingsToggle.setAttribute("aria-expanded", "false");
};
const openDrawer = () => {
settingsDrawer?.classList.add("drawer--open");
if (settingsDrawer) settingsDrawer.setAttribute("aria-hidden", "false");
if (settingsToggle) settingsToggle.setAttribute("aria-expanded", "true");
};
settingsToggle?.addEventListener("click", () => {
if (settingsDrawer?.classList.contains("drawer--open")) {
closeDrawer();
} else {
openDrawer();
}
});
settingsClose?.addEventListener("click", closeDrawer);
clearEl?.addEventListener("click", () => {
clearMessages();
inputEl?.focus();
@@ -201,6 +178,7 @@ formEl.addEventListener("submit", (event) => {
temperature: Number(configInputs.temperature?.value ?? 0),
retriever_max_docs: Number(configInputs.retrieverMaxDocs?.value ?? 0),
reranker_max_results: Number(configInputs.rerankerMaxDocs?.value ?? 0),
prompt_id: Number(configInputs.promptId?.value ?? 0),
};
addMessage(text, "out");
socket.send(JSON.stringify({ message: text, config }));