|
|
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 }; |
|
|
|
|
|
|
