| import{b as m,_ as g,l as _}from"./queues-DX8_B84M.js";import"./Stage.vue_vue_type_style_index_0_scoped_dc801a8a_lang-j0nM_wkh.js";import"./emotions-DklqG3pM.js";import{u as v}from"./queue-C_pdx0nC.js";import{d as b,g as t,c as l,o as u,a as e,b as x,u as k,t as c,F as h,E as z}from"./index-C9syKmat.js";const w={flex:"","flex-col":"","gap-2":"","p-2":""},S={flex:"","flex-row":"","gap-2":""},V={"rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-4":""},y={"w-full":"",flex:"","flex-row":"","gap-4":""},M={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},I=b({__name:"messages",setup(Q){const s=t(""),d=t([]),a=t(!1),p=v({handlers:[async i=>{d.value.push(i.data)}]}),r=m(p);async function f(){a.value=!0,r.add(s.value),r.add(_),s.value="",a.value=!1}return(i,n)=>(u(),l("div",w,[e("div",S,[x(k(g),{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:f},null,8,["modelValue"]),e("button",V,c(a.value?"Processing...":"Send"),1)]),e("div",y,[e("div",M,[n[1]||(n[1]=e("h3",{"font-semibold":""}," TTS Message ",-1)),(u(!0),l(h,null,z(d.value,o=>(u(),l("div",{key:o},[e("div",null,c(o),1)]))),128))])])]))}});export{I as default}; | |