@acedatacloud/nexior 3.24.0 → 3.24.1

package/dist/assets/{Index-D-RFeTM-.js → Index-BHRAMR9K.js}

@@ -1 +1 @@
-import{F as D}from"./index.es-BLCm9UT-.js";import{E as C}from"./index-Czog4o5z.js";import{E as B}from"./index-Cs65NgP9.js";import{d as b,h as w,b as r,t as i,k as o,r as U,j as p,l as s,o as n,eO as G,eP as z,eQ as S,eR as P,eS as N,eT as q,x as l,F as V,v as T,i as y,eU as W,eV as H,n as I,f as Z,cf as J,D as h,y as $,eW as K,J as Q,K as X,eX as Y,dA as x,dw as ee}from"./index-CLwJbfYs.js";import{E as R,a as O}from"./index-CLOiWNZO.js";import{I as M}from"./InfoIcon-htaT17q9.js";import{I as te}from"./ImagePreview-VnpfW9Pj.js";import{E as oe}from"./index-Colfa9sv.js";import{E as A}from"./index-CQvuK-4v.js";import{C as se,N as ae}from"./NoTasks-DHdI1Frr.js";import{E as ne}from"./index-DHn59BRx.js";import{a as le}from"./price-CZSDhLnN.js";import{C as re}from"./CopyToClipboard-CzE5Qyes.js";import{V as ie}from"./VideoPlayer-DCap_X2q.js";import{E as ce}from"./index-DITqxnfk.js";import{E as de}from"./index-DNuWNnk-.js";import{E as ue}from"./index-O2tEst1s.js";import{B as pe}from"./BotPlaceholder-DKPNFbIr.js";import"./use-form-item-CRDWzFx1.js";import"./index-r5W6hzzQ.js";import"./index-DNzgGVij.js";import"./typescript-CoKqfRJS.js";import"./index-AT7DtKgl.js";import"./strings-WMZYwrQD.js";import"./castArray-CoJ3z4SB.js";import"./isEqual-DQdO_K1-.js";import"./_initCloneObject-iRvJrG7M.js";import"./debounce-CEE_CsrA.js";import"./_baseIteratee-Bk7QROEW.js";import"./index-Dc0-osYE.js";import"./index-D3gVuWw7.js";import"./_baseClone-B6o0klpv.js";import"./index-C1s2diPf.js";import"./vue-plyr-QZFBikSk.js";import"./index-MlWSSchD.js";const me=b({name:"LayoutSora",components:{ElDrawer:B,ElButton:C,FontAwesomeIcon:D},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},_e={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},he={class:"result h-full p-[15px] flex-1 flex flex-col"};function $e(e,t,u,m,v,g){const c=s("font-awesome-icon"),d=s("el-button"),a=s("el-drawer");return n(),r("div",fe,[i("div",_e,[U(e.$slots,"config",{},void 0,!0)]),i("div",he,[U(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:p(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ve=w(me,[["render",$e],["__scopeId","data-v-966c9b2c"]]),ge=b({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:N,label:"sora-2"},{value:q,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},u=z[e]||[S],m=t.duration,v=m&&u.includes(m)?m:u.includes(S)?S:u[0],g={...t,model:e,duration:v,size:t.size||P};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=G)}}),be={class:"field"},we={class:"title font-bold"};function ke(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",be,[i("h2",we,l(e.$t("sora.name.model")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(n(!0),r(V,null,T(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=w(ge,[["render",ke],["__scopeId","data-v-3a7abba8"]]),Se=b({name:"ActionSelector",components:{ElSelect:O,ElOption:R},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=W)}}),Ve={class:"field"},Ee={class:"title font-bold"},Ae={class:"float-left"};function Ie(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",Ve,[i("h2",Ee,l(e.$t("sora.name.action")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:p(()=>[(n(!0),r(V,null,T(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},{default:p(()=>[i("span",Ae,l(a.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=w(Se,[["render",Ie],["__scopeId","data-v-7b82fa7f"]]),De=b({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||G},allowedDurations(){return z[this.model]||[S]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(S)?S:e[0];this.value=t}}},mounted(){this.value||(this.value=S)}}),Ce={class:"field"},Re={class:"control"},Oe={class:"title font-bold"};function Le(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",Ce,[i("div",Re,[i("h2",Oe,l(e.$t("sora.name.duration")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(n(!0),r(V,null,T(e.optionsForModel,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const Ue=w(De,[["render",Le],["__scopeId","data-v-c2934598"]]),Ge=b({name:"OrientationSelector",data(){return{options:[{value:"portrait",label:"竖屏",width:13,height:25},{value:"landscape",label:"横屏",width:25,height:13}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=H)}}),ze={class:"text-sm font-bold mb-2 block"},Pe={class:"items"},Me=["onClick"],je={class:"name"};function Fe(e,t,u,m,v,g){return n(),r("div",null,[i("span",ze,l(e.$t("sora.name.orientation")),1),i("div",Pe,[(n(!0),r(V,null,T(e.options,(c,d)=>(n(),r("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[i("div",{class:I(["preview",c.value])},[i("div",{class:"rect",style:Z({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",je,l(c.label),1)],10,Me))),128))])])}const Be=w(Ge,[["render",Fe],["__scopeId","data-v-d6940af8"]]),Ne=b({name:"StartEndImage",components:{ElUpload:oe,ElButton:C,InfoIcon:M,FontAwesomeIcon:D,ImagePreview:te},emits:["change"],data(){return{fileList:[],uploadUrl:J()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){A.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){A.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),qe={class:"relative"},We={class:"flex justify-between"},He={class:"flex justify-start items-center"},Ze={class:"text-sm font-bold"};function Je(e,t,u,m,v,g){const c=s("info-icon"),d=s("image-preview"),a=s("font-awesome-icon"),k=s("el-button"),_=s("el-upload");return n(),r("div",qe,[i("div",We,[i("div",He,[i("span",Ze,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:f})=>[f.url&&f.percentage!==void 0?(n(),y(d,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ke=w(Ne,[["render",Je],["__scopeId","data-v-fd6e5c97"]]),Qe=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Xe=b({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:K.map(e=>({value:e,label:Qe(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=P)}}),Ye={class:"field"},xe={class:"control"},et={class:"title font-bold"};function tt(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",Ye,[i("div",xe,[i("h2",et,l(e.$t("sora.name.size")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(n(!0),r(V,null,T(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const ot=w(Xe,[["render",tt],["__scopeId","data-v-8c485f0f"]]),st="",at=b({name:"PromptInput",components:{ElInput:ne,InfoIcon:M},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=st)}}),nt={class:"field"},lt={class:"box"},rt={class:"title font-bold"};function it(e,t,u,m,v,g){const c=s("info-icon"),d=s("el-input");return n(),r("div",nt,[i("div",lt,[i("h2",rt,l(e.$t("sora.name.prompt")),1),o(c,{content:e.$t("sora.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("sora.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ct=w(at,[["render",it],["__scopeId","data-v-cf3a1497"]]),dt=b({name:"ConfigPanel",components:{ElButton:C,Consumption:se,FontAwesomeIcon:D,PromptInput:ct,ModelSelector:ye,StartEndImage:Ke,SizeSelector:ot,ActionSelector:Te,OrientationSelector:Be,DurationSelector:Ue},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return le(this.config,this.service?.metadata?.price)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ut={class:"flex flex-col h-full"},pt={class:"flex-1 overflow-y-auto p-[15px]"},mt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ft(e,t,u,m,v,g){const c=s("model-selector"),d=s("action-selector"),a=s("duration-selector"),k=s("size-selector"),_=s("orientation-selector"),f=s("prompt-input"),E=s("start-end-image"),L=s("consumption"),j=s("font-awesome-icon"),F=s("el-button");return n(),r("div",ut,[i("div",pt,[o(c,{class:"mb-4"}),o(d,{class:"mb-4"}),o(a,{class:"mb-4"}),o(k,{class:"mb-4"}),o(_,{class:"mb-4"}),o(f,{class:"mb-4"}),Q(o(E,{class:"mb-2"},null,512),[[X,e.config?.action==="image2video"]])]),i("div",mt,[o(L,{value:e.consumption,service:e.service},null,8,["value","service"]),o(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[o(j,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const _t=w(dt,[["render",ft]]),ht=b({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:re,FontAwesomeIcon:D,ElAlert:de,VideoPlayer:ie,ElTooltip:ce,ElButton:C},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),$t={class:"preview"},vt={class:"left"},gt={class:"main"},bt={class:"bot"},wt={class:"datetime"},kt={class:"info"},yt={key:0,class:"prompt mt-2"},St={key:0},Vt={key:1},Et={key:0,class:I({content:!0,failed:!0})},At={key:0,class:"mb-4"},It={key:1,class:I({operations:!0,"mt-2":!0})},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ct={key:1,class:I({content:!0})},Rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ut={key:2,class:I({content:!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Pt(e,t,u,m,v,g){const c=s("el-image"),d=s("video-player"),a=s("el-button"),k=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return n(),r("div",$t,[i("div",vt,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",gt,[i("div",bt,[h(l(e.$t("sora.name.soraBot"))+" ",1),i("span",wt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",kt,[e.modelValue?.request?.prompt?(n(),r("p",yt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),r("span",St," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(n(),r("span",Vt," - ("+l(e.$t("sora.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),r("div",Et,[e.modelValue?.response?.data[0]?.video_url?(n(),r("div",At,[o(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),r("div",It,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=L=>e.onDownload(L,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[h(l(e.$t("sora.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),o(E,{closable:!1,class:"mt-2 success"},{default:p(()=>[i("p",Tt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Dt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),r("div",Ct,[o(E,{closable:!1,class:"failure"},{template:p(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:p(()=>[i("p",Rt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ot,[o(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(f,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Lt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",Ut,[o(E,{closable:!1,class:"info"},{template:p(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:p(()=>[i("p",Gt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",zt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Mt=w(ht,[["render",Pt],["__scopeId","data-v-183a4d07"]]),jt=b({name:"RecentPanel",components:{TaskPreview:Mt,NoTasks:ae,BotPlaceholder:pe},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ft={key:0},Bt={key:1,class:"tasks h-full w-full overflow-y-auto"},Nt={key:2,class:"w-full h-full flex items-center justify-center"};function qt(e,t,u,m,v,g){const c=s("bot-placeholder"),d=s("task-preview"),a=s("no-tasks");return n(),r(V,null,[e.tasks?.items===void 0?(n(),r("div",Ft,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",Bt,[(n(!0),r(V,null,T(e.tasks?.items,(k,_)=>(n(),y(d,{key:_,"model-value":k},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(n(),r("div",Nt,[o(a)])):$("",!0)],64)}const Wt=w(jt,[["render",qt]]),Ht="https://webhook.acedata.cloud/sora",Zt=b({name:"SoraIndex",components:{ConfigPanel:_t,Layout:ve,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.sora?.status?.getApplications===ee.Request},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:u,createdAtMax:m}=e||{};console.debug("limit",t,"createdAtMin",u,"createdAtMax",m),await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:u,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Ht},t=this.credential?.token;if(!t){console.error("no token specified");return}A.info(this.$t("sora.message.startingTask")),Y.generate(e,{token:t}).then(()=>{A.success(this.$t("sora.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===x?A.error(this.$t("sora.message.usedUp")):A.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Jt(e,t,u,m,v,g){const c=s("config-panel"),d=s("recent-panel"),a=s("layout");return n(),y(a,null,{config:p(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[o(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Co=w(Zt,[["render",Jt]]);export{Co as default};
+import{F as D}from"./index.es-Bp770TJB.js";import{E as C}from"./index-CloSjXsD.js";import{E as B}from"./index-cgo1Pb2h.js";import{d as b,h as w,b as r,t as i,k as o,r as U,j as p,l as s,o as n,eO as G,eP as z,eQ as S,eR as P,eS as N,eT as q,x as l,F as V,v as T,i as y,eU as W,eV as H,n as I,f as Z,cf as J,D as h,y as $,eW as K,J as Q,K as X,eX as Y,dA as x,dw as ee}from"./index-CQrPjFP_.js";import{E as R,a as O}from"./index-BfrVKSM6.js";import{I as M}from"./InfoIcon-XOoV07qh.js";import{I as te}from"./ImagePreview-CigIbV96.js";import{E as oe}from"./index-CSysAZmU.js";import{E as A}from"./index-CNgsi8VO.js";import{C as se,N as ae}from"./NoTasks-Bp2ijoHi.js";import{E as ne}from"./index-JId3XsgM.js";import{a as le}from"./price-DqAh1UX4.js";import{C as re}from"./CopyToClipboard-HWj6DYZf.js";import{V as ie}from"./VideoPlayer-Dl77RqNS.js";import{E as ce}from"./index-B2fZZPBz.js";import{E as de}from"./index-7h29hOLy.js";import{E as ue}from"./index-CXgV7KQu.js";import{B as pe}from"./BotPlaceholder-BRqNXjza.js";import"./use-form-item-C-B0Mj_x.js";import"./index-r5W6hzzQ.js";import"./index-DwQ1Uy8r.js";import"./typescript-2uGAN6a6.js";import"./index-Dz48GK02.js";import"./strings-CvXj94LS.js";import"./castArray-DQV2cAXY.js";import"./isEqual-CzYHFkcF.js";import"./_initCloneObject-CsjYnf5f.js";import"./debounce-Dpng1Slf.js";import"./_baseIteratee-BT7cFN53.js";import"./index-BkEVr9W9.js";import"./index-DKQt0yVa.js";import"./_baseClone-ByiDqVMo.js";import"./index-DA01t0HA.js";import"./vue-plyr-QZFBikSk.js";import"./index-DdabCetB.js";const me=b({name:"LayoutSora",components:{ElDrawer:B,ElButton:C,FontAwesomeIcon:D},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},_e={class:"config w-[300px] h-full overflow-y-scroll border-r border-[var(--el-border-color)]"},he={class:"result h-full p-[15px] flex-1 flex flex-col"};function $e(e,t,u,m,v,g){const c=s("font-awesome-icon"),d=s("el-button"),a=s("el-drawer");return n(),r("div",fe,[i("div",_e,[U(e.$slots,"config",{},void 0,!0)]),i("div",he,[U(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:p(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ve=w(me,[["render",$e],["__scopeId","data-v-966c9b2c"]]),ge=b({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:N,label:"sora-2"},{value:q,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},u=z[e]||[S],m=t.duration,v=m&&u.includes(m)?m:u.includes(S)?S:u[0],g={...t,model:e,duration:v,size:t.size||P};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=G)}}),be={class:"field"},we={class:"title font-bold"};function ke(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",be,[i("h2",we,l(e.$t("sora.name.model")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(n(!0),r(V,null,T(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ye=w(ge,[["render",ke],["__scopeId","data-v-3a7abba8"]]),Se=b({name:"ActionSelector",components:{ElSelect:O,ElOption:R},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=W)}}),Ve={class:"field"},Ee={class:"title font-bold"},Ae={class:"float-left"};function Ie(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",Ve,[i("h2",Ee,l(e.$t("sora.name.action")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:p(()=>[(n(!0),r(V,null,T(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},{default:p(()=>[i("span",Ae,l(a.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=w(Se,[["render",Ie],["__scopeId","data-v-7b82fa7f"]]),De=b({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||G},allowedDurations(){return z[this.model]||[S]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(S)?S:e[0];this.value=t}}},mounted(){this.value||(this.value=S)}}),Ce={class:"field"},Re={class:"control"},Oe={class:"title font-bold"};function Le(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",Ce,[i("div",Re,[i("h2",Oe,l(e.$t("sora.name.duration")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(n(!0),r(V,null,T(e.optionsForModel,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const Ue=w(De,[["render",Le],["__scopeId","data-v-c2934598"]]),Ge=b({name:"OrientationSelector",data(){return{options:[{value:"portrait",label:"竖屏",width:13,height:25},{value:"landscape",label:"横屏",width:25,height:13}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=H)}}),ze={class:"text-sm font-bold mb-2 block"},Pe={class:"items"},Me=["onClick"],je={class:"name"};function Fe(e,t,u,m,v,g){return n(),r("div",null,[i("span",ze,l(e.$t("sora.name.orientation")),1),i("div",Pe,[(n(!0),r(V,null,T(e.options,(c,d)=>(n(),r("div",{key:d,class:I({active:e.active===d,item:!0}),onClick:a=>e.value=c.value},[i("div",{class:I(["preview",c.value])},[i("div",{class:"rect",style:Z({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",je,l(c.label),1)],10,Me))),128))])])}const Be=w(Ge,[["render",Fe],["__scopeId","data-v-d6940af8"]]),Ne=b({name:"StartEndImage",components:{ElUpload:oe,ElButton:C,InfoIcon:M,FontAwesomeIcon:D,ImagePreview:te},emits:["change"],data(){return{fileList:[],uploadUrl:J()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){A.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){A.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),qe={class:"relative"},We={class:"flex justify-between"},He={class:"flex justify-start items-center"},Ze={class:"text-sm font-bold"};function Je(e,t,u,m,v,g){const c=s("info-icon"),d=s("image-preview"),a=s("font-awesome-icon"),k=s("el-button"),_=s("el-upload");return n(),r("div",qe,[i("div",We,[i("div",He,[i("span",Ze,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=f=>e.fileList=f),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:f})=>[f.url&&f.percentage!==void 0?(n(),y(d,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):$("",!0)]),default:p(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const Ke=w(Ne,[["render",Je],["__scopeId","data-v-fd6e5c97"]]),Qe=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Xe=b({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:K.map(e=>({value:e,label:Qe(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=P)}}),Ye={class:"field"},xe={class:"control"},et={class:"title font-bold"};function tt(e,t,u,m,v,g){const c=s("el-option"),d=s("el-select");return n(),r("div",Ye,[i("div",xe,[i("h2",et,l(e.$t("sora.name.size")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(n(!0),r(V,null,T(e.options,a=>(n(),y(c,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const ot=w(Xe,[["render",tt],["__scopeId","data-v-8c485f0f"]]),st="",at=b({name:"PromptInput",components:{ElInput:ne,InfoIcon:M},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=st)}}),nt={class:"field"},lt={class:"box"},rt={class:"title font-bold"};function it(e,t,u,m,v,g){const c=s("info-icon"),d=s("el-input");return n(),r("div",nt,[i("div",lt,[i("h2",rt,l(e.$t("sora.name.prompt")),1),o(c,{content:e.$t("sora.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=a=>e.prompt=a),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("sora.placeholder.prompt"),maxlength:500,"show-word-limit":""},null,8,["modelValue","placeholder"])])}const ct=w(at,[["render",it],["__scopeId","data-v-cf3a1497"]]),dt=b({name:"ConfigPanel",components:{ElButton:C,Consumption:se,FontAwesomeIcon:D,PromptInput:ct,ModelSelector:ye,StartEndImage:Ke,SizeSelector:ot,ActionSelector:Te,OrientationSelector:Be,DurationSelector:Ue},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return le(this.config,this.service?.metadata?.price)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ut={class:"flex flex-col h-full"},pt={class:"flex-1 overflow-y-auto p-[15px]"},mt={class:"flex flex-col items-center justify-center px-[15px] pb-[15px]"};function ft(e,t,u,m,v,g){const c=s("model-selector"),d=s("action-selector"),a=s("duration-selector"),k=s("size-selector"),_=s("orientation-selector"),f=s("prompt-input"),E=s("start-end-image"),L=s("consumption"),j=s("font-awesome-icon"),F=s("el-button");return n(),r("div",ut,[i("div",pt,[o(c,{class:"mb-4"}),o(d,{class:"mb-4"}),o(a,{class:"mb-4"}),o(k,{class:"mb-4"}),o(_,{class:"mb-4"}),o(f,{class:"mb-4"}),Q(o(E,{class:"mb-2"},null,512),[[X,e.config?.action==="image2video"]])]),i("div",mt,[o(L,{value:e.consumption,service:e.service},null,8,["value","service"]),o(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[o(j,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const _t=w(dt,[["render",ft]]),ht=b({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:re,FontAwesomeIcon:D,ElAlert:de,VideoPlayer:ie,ElTooltip:ce,ElButton:C},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),$t={class:"preview"},vt={class:"left"},gt={class:"main"},bt={class:"bot"},wt={class:"datetime"},kt={class:"info"},yt={key:0,class:"prompt mt-2"},St={key:0},Vt={key:1},Et={key:0,class:I({content:!0,failed:!0})},At={key:0,class:"mb-4"},It={key:1,class:I({operations:!0,"mt-2":!0})},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ct={key:1,class:I({content:!0})},Rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ut={key:2,class:I({content:!0})},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Pt(e,t,u,m,v,g){const c=s("el-image"),d=s("video-player"),a=s("el-button"),k=s("el-tooltip"),_=s("font-awesome-icon"),f=s("copy-to-clipboard"),E=s("el-alert");return n(),r("div",$t,[i("div",vt,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",gt,[i("div",bt,[h(l(e.$t("sora.name.soraBot"))+" ",1),i("span",wt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",kt,[e.modelValue?.request?.prompt?(n(),r("p",yt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),r("span",St," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(n(),r("span",Vt," - ("+l(e.$t("sora.status.processing"))+") ",1)):$("",!0)])):$("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),r("div",Et,[e.modelValue?.response?.data[0]?.video_url?(n(),r("div",At,[o(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):$("",!0),e.modelValue?.response.success?(n(),r("div",It,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),y(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=L=>e.onDownload(L,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[h(l(e.$t("sora.button.download")),1)]),_:1})):$("",!0)]),_:1},8,["content"])])):$("",!0),o(E,{closable:!1,class:"mt-2 success"},{default:p(()=>[i("p",Tt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Dt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),r("div",Ct,[o(E,{closable:!1,class:"failure"},{template:p(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:p(()=>[i("p",Rt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ot,[o(_,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(f,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",Lt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===void 0?(n(),r("div",Ut,[o(E,{closable:!1,class:"info"},{template:p(()=>[o(_,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("sora.name.failure")),1)]),default:p(()=>[i("p",Gt,[o(_,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(f,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),r("p",zt,[o(_,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(f,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):$("",!0)]),_:1})])):$("",!0)])])}const Mt=w(ht,[["render",Pt],["__scopeId","data-v-183a4d07"]]),jt=b({name:"RecentPanel",components:{TaskPreview:Mt,NoTasks:ae,BotPlaceholder:pe},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{onHandleScroll(){const e=this.$refs.panel;console.log("reach-top reach-top reach-top"),e.scrollTop===0&&this.$emit("reach-top")}}}),Ft={key:0},Bt={key:1,class:"tasks h-full w-full overflow-y-auto"},Nt={key:2,class:"w-full h-full flex items-center justify-center"};function qt(e,t,u,m,v,g){const c=s("bot-placeholder"),d=s("task-preview"),a=s("no-tasks");return n(),r(V,null,[e.tasks?.items===void 0?(n(),r("div",Ft,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),r("div",Bt,[(n(!0),r(V,null,T(e.tasks?.items,(k,_)=>(n(),y(d,{key:_,"model-value":k},null,8,["model-value"]))),128))])):$("",!0),e.tasks?.items?.length===0?(n(),r("div",Nt,[o(a)])):$("",!0)],64)}const Wt=w(jt,[["render",qt]]),Ht="https://webhook.acedata.cloud/sora",Zt=b({name:"SoraIndex",components:{ConfigPanel:_t,Layout:ve,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0}},computed:{loading(){return this.$store.state.sora?.status?.getApplications===ee.Request},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){clearInterval(this.job)},methods:{async onReachTop(){console.debug("reached top"),await this.onGetTasks({createdAtMax:this.tasks?.items?.[0]?.created_at})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){setTimeout(()=>{const e=document.querySelector(".tasks");e&&(e.scrollTop=e.scrollHeight)},500)},async onGetTasks(e){if(this.loading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:u,createdAtMax:m}=e||{};console.debug("limit",t,"createdAtMin",u,"createdAtMax",m),await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:u,createdAtMax:m})},async onGenerate(){const e={...this.config,callback_url:Ht},t=this.credential?.token;if(!t){console.error("no token specified");return}A.info(this.$t("sora.message.startingTask")),Y.generate(e,{token:t}).then(()=>{A.success(this.$t("sora.message.startTaskSuccess"))}).catch(u=>{u?.response?.data?.error?.code===x?A.error(this.$t("sora.message.usedUp")):A.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}});function Jt(e,t,u,m,v,g){const c=s("config-panel"),d=s("recent-panel"),a=s("layout");return n(),y(a,null,{config:p(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[o(d,{onReachTop:e.onReachTop},null,8,["onReachTop"])]),_:1})}const Co=w(Zt,[["render",Jt]]);export{Co as default};