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