| import{u as m,_ as g,q as _}from"./Stage.vue_vue_type_style_index_0_scoped_af8e2d0b_lang-BjHMXKfD.js";import{u as v}from"./queue-CUO21uzo.js";import{d as b,e as t,c as l,o as u,v as e,a as x,b as k,B as c,bH as h,bO as z}from"./index-BLLVP689.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":""},B={"w-full":"","rounded-lg":"",bg:"zinc-100 dark:zinc-700","p-2":""},E=b({__name:"messages",setup(M){const s=t(""),d=t([]),o=t(!1),f=v({handlers:[async i=>{d.value.push(i.data)}]}),r=m(f);async function p(){o.value=!0,r.add(s.value),r.add(_),s.value="",o.value=!1}return(i,n)=>(u(),l("div",w,[e("div",S,[x(k(g),{modelValue:s.value,"onUpdate:modelValue":n[0]||(n[0]=a=>s.value=a),placeholder:"Message",p:"2",bg:"zinc-100 dark:zinc-700","w-full":"","rounded-lg":"","outline-none":"",onSubmit:p},null,8,["modelValue"]),e("button",V,c(o.value?"Processing...":"Send"),1)]),e("div",y,[e("div",B,[n[1]||(n[1]=e("h3",{"font-semibold":""}," TTS Message ",-1)),(u(!0),l(h,null,z(d.value,a=>(u(),l("div",{key:a},[e("div",null,c(a),1)]))),128))])])]))}});export{E as default}; | |