import { c as create_ssr_component, k as each, e as escape, b as add_attribute } from './ssr-IdY0EU5r.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;
  function handlePromptChange(usePrompt2) {
    if (usePrompt2) {
      messages.unshift(prompt);
    } else {
      messages = messages.filter((e) => e !== prompt);
    }
  }
  $$result.css.add(css);
  {
    handlePromptChange(usePrompt);
  }
  return `   <div class="h-screen flex flex-col py-8"><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>`;
});

export { Page as default };
//# sourceMappingURL=_page.svelte--eF8pNuF.js.map