File size: 3,172 Bytes
9923f3d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 |
import { c as create_ssr_component, v as validate_component, h as each, e as escape, d as add_attribute } from './ssr-6MZFlfLu.js';
import { L as LlmSelector } from './LlmSelector-fG0hpxMx.js';
import './index2-f61NAEsz.js';
import './ProgressBar.svelte_svelte_type_style_lang-H22V2Yrx.js';
import './stores-0qksNY90.js';
const css = {
code: "pre.svelte-1m09ey3{font-size:0.875rem;line-height:1.25rem;overflow:auto;border:none;box-shadow:none;background:none;padding:0;font-family:system-ui;color:black;white-space:pre-wrap}",
map: null
};
const Page = create_ssr_component(($$result, $$props, $$bindings, slots) => {
const prompt = [
"Ты - бот, ассистент. Ты помогаешь пользователю с его запросами. Отвечай на русском языке, если пользователь не указал иное. Обращайся на Вы. Следуй инструкциям и указаниям пользователя.",
"Я отвечаю на русском языке!"
];
let messages = [];
new AbortController();
let usePrompt = false;
let selectedLlm;
function handlePromptChange(usePrompt2) {
if (usePrompt2) {
messages.unshift(prompt);
} else {
messages = messages.filter((e) => e !== prompt);
}
}
$$result.css.add(css);
let $$settled;
let $$rendered;
let previous_head = $$result.head;
do {
$$settled = true;
$$result.head = previous_head;
{
handlePromptChange(usePrompt);
}
$$rendered = ` <div class="h-screen flex flex-col py-8">${validate_component(LlmSelector, "LlmSelector").$$render(
$$result,
{ selectedLLM: selectedLlm },
{
selectedLLM: ($$value) => {
selectedLlm = $$value;
$$settled = false;
}
},
{}
)} <div class="flex-1 overflow-y-auto p-4 bg-gray-200">${each(messages, (message) => {
return `<div class="mb-2 flex flex-col"><div class="mb-2 flex flex-col"><p class="font-bold text-sm" data-svelte-h="svelte-rp9yxd">Вы:</p> <div class="self-start bg-blue-500 text-white p-2 rounded-lg"><p class="text-sm">${escape(message[0])}</p></div> <p class="font-bold text-sm" data-svelte-h="svelte-1l7fbwv">Бот:</p> <div class="self-start bg-slate-100 text-black p-2 rounded-lg"><pre class="text-sm svelte-1m09ey3">${escape(message[1])}</pre> </div></div> </div>`;
})}</div> <div class="p-4 bg-gray-300"><div class="flex"><div class="w-full"><textarea class="flex-1 py-2 px-3 rounded-md border-gray-300 w-full" placeholder="Введите ваше сообщение...">${escape("")}</textarea> <label class="flex items-center space-x-2"><input class="checkbox accent-white" type="checkbox"${add_attribute("checked", usePrompt, 1)}> <p data-svelte-h="svelte-15ltrgi">Использовать системный промпт</p></label></div> ${``} ${`<button class="ml-2 px-4 py-2 mb-8 bg-blue-500 text-white rounded-md" data-svelte-h="svelte-n2s9cz">Отправить</button>`}</div></div> </div>`;
} while (!$$settled);
return $$rendered;
});
export { Page as default };
//# sourceMappingURL=_page.svelte-OFIBiiMW.js.map
|