import{_ as p}from"./BasicTextarea.vue_vue_type_script_setup_true_lang-BsQkxH6e.js";import{u as g}from"./queue-Br3KBcIu.js";import{u as _,l as v}from"./queues-CQnjJaMZ.js";import{d as x,e as t,o as l,c as u,m as e,a as k,y as c,F as b,C as h}from"./index-DUs41D0m.js";const z={flex:"","flex-col":"","gap-2":"","p-2":""},w={flex:"","flex-row":"","gap-2":""},y={"rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-4":""},S={"w-full":"",flex:"","flex-row":"","gap-4":""},V={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},E=x({__name:"messages",setup(C){const s=t(""),d=t([]),a=t(!1),f=g({handlers:[async i=>{d.value.push(i.data)}]}),r=_(f);async function m(){a.value=!0,r.add(s.value),r.add(v),s.value="",a.value=!1}return(i,n)=>(l(),u("div",z,[e("div",w,[k(p,{modelValue:s.value,"onUpdate:modelValue":n[0]||(n[0]=o=>s.value=o),placeholder:"Message",p:"2",bg:"zinc-100 dark:zinc-700","w-full":"","rounded-lg":"","outline-none":"",onSubmit:m},null,8,["modelValue"]),e("button",y,c(a.value?"Processing...":"Send"),1)]),e("div",S,[e("div",V,[n[1]||(n[1]=e("h3",{"font-semibold":""}," TTS Message ",-1)),(l(!0),u(b,null,h(d.value,o=>(l(),u("div",{key:o},[e("div",null,c(o),1)]))),128))])])]))}});export{E as default};