@acedatacloud/nexior 3.255.0 → 3.255.1

package/dist/assets/{Index-D6rkIIKq.js → Index-C88gRaFR.js}

@@ -1 +1 @@
-import{F as L}from"./index.es-ChY1FlMW.js";import{E as U}from"./index-Cf_g4cNy.js";import{E as B}from"./index-Cvqp7__y.js";import{d as h,C as i,D as c,z as A,E as o,y as m,J as s,q as n,H as l,M as w,L as E,x as k,P as T,Q as F,N as y,I as _}from"./vendor-vue-BWIxYyW8.js";import{J as $,br as O,cx as N,aP as z,S as D,cy as X}from"./index-D8aPgnGc.js";import{a as Q,b as H,c as J,d as Y,e as W,f as K}from"./pixverse-g-p4CgDy.js";import{E as I,a as C}from"./index-qdj2_nOs.js";import{I as G,S as Z,l as ee}from"./pagination-C95fpX7B.js";import{E as te}from"./index-DwGWWSJ5.js";import{E as oe}from"./index-CZbSaGfF.js";import{p as se}from"./pasteUploadMixin-BurWbGNQ.js";import{u as ae,a as ne,e as le}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as ie}from"./ImagePreview-BX_sHHDN.js";import{E as re}from"./index-BTNb2CTo.js";import{E as S}from"./index-DZku_iGx.js";import{P as ce,N as pe}from"./NoTasks-tQdol0_2.js";import{C as de}from"./Consumption-CpH3KfFv.js";import{a as ue}from"./price-CMLeXGYL.js";import{b as me}from"./errorCode-Cqj9Td_Z.js";import{C as ve}from"./CopyToClipboard-CZv5BP7B.js";import{V as fe}from"./VideoPlayer-C5VQJMsC.js";import{A as _e}from"./ApiCodeButton-DqTuCryR.js";import{E as he}from"./index-DbIiryMD.js";import{E as $e}from"./index-CbnGYE9U.js";import{E as ge}from"./index-mLHeIJV7.js";import{B as be}from"./BotPlaceholder-xpsKXt0P.js";import"./use-form-item-Bb96LHMh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CcYwI3ai.js";import"./typescript-B00PCKaI.js";import"./index-Pbe8CChL.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CfWw3lpS.js";import"./_Uint8Array-DtfKpEZY.js";import"./castArray-CbnSaxKn.js";import"./index-DNCRlcDT.js";import"./index-BNHSnEGK.js";import"./debounce-Dl8en2o_.js";import"./_baseIteratee-CY2Cl0zu.js";import"./index-D_7iS0Ka.js";import"./highlight-CHE-J5E7.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BC6AqXIx.js";import"./index-DhOSddkE.js";import"./_baseClone-dGPbkYnN.js";import"./_initCloneObject-BzDf8hsu.js";import"./vue-plyr-BO2nlN4c.js";import"./index-TUT4Ls42.js";const ye=h({name:"LayoutPixverse",components:{ElDrawer:B,ElButton:U,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ke={class:"main flex flex-row flex-1"},Ve={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},we={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function xe(e,t,d,v,g,b){const r=s("font-awesome-icon"),p=s("el-button"),a=s("el-drawer");return n(),i("div",ke,[c("div",Ve,[A(e.$slots,"config",{},void 0,!0)]),c("div",we,[A(e.$slots,"result",{},void 0,!0)]),o(p,{circle:"",class:"menu",onClick:t[0]||(t[0]=f=>e.drawer=!0)},{default:m(()=>[o(r,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=f=>e.drawer=f),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Se=$(ye,[["render",xe],["__scopeId","data-v-ea5fe174"]]),Ee=h({name:"ModelSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=Q)}}),Te={class:"field"},Ie={class:"title font-bold"};function Ce(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Te,[c("h2",Ie,l(e.$t("pixverse.name.model")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=$(Ee,[["render",Ce],["__scopeId","data-v-e8f337ca"]]),Le=h({name:"QualitySelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=H)}}),Ue={class:"field"},Re={class:"title font-bold"};function Ae(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Ue,[c("h2",Re,l(e.$t("pixverse.name.quality")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=$(Le,[["render",Ae],["__scopeId","data-v-64aeaae9"]]),Ge=h({name:"MotionSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=J)}}),Me={class:"field"},je={class:"title font-bold"};function qe(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Me,[c("h2",je,l(e.$t("pixverse.name.motion")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=$(Ge,[["render",qe],["__scopeId","data-v-94237408"]]),Fe=h({name:"StyleSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=Y)}}),Oe={class:"field"},Ne={class:"title font-bold"};function ze(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Oe,[c("h2",Ne,l(e.$t("pixverse.name.style")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Xe=$(Fe,[["render",ze],["__scopeId","data-v-64e17b3c"]]),Qe=h({name:"SeedSelector",components:{ElSlider:oe,InfoIcon:G,ElInputNumber:te},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),He={class:"flex justify-between"},Je={class:"flex justify-start items-center"},Ye={class:"text-sm font-bold"},We={class:"flex justify-end items-center"},Ke={class:"w-full"};function Ze(e,t,d,v,g,b){const r=s("info-icon"),p=s("el-input-number"),a=s("el-slider");return n(),i("div",null,[c("div",He,[c("div",Je,[c("span",Ye,l(e.$t("pixverse.name.seed")),1),o(r,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),c("div",We,[o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=f=>e.value=f),"controls-position":"right"},null,8,["modelValue"])])]),c("div",Ke,[o(a,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=f=>e.value=f),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const et=$(Qe,[["render",Ze]]),tt=h({name:"DurationSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=W)}}),ot={class:"field"},st={class:"title font-bold"};function at(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",ot,[c("h2",st,l(e.$t("pixverse.name.duration")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const nt=$(tt,[["render",at],["__scopeId","data-v-065c77ef"]]),lt=h({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=K)}}),it={class:"text-sm font-bold mb-2 block"},rt={class:"items"},ct=["onClick"],pt={class:"name"};function dt(e,t,d,v,g,b){return n(),i("div",null,[c("span",it,l(e.$t("pixverse.name.aspectRatio")),1),c("div",rt,[(n(!0),i(w,null,E(e.options,(r,p)=>(n(),i("div",{key:p,class:T({active:e.active===p,item:!0}),onClick:a=>e.value=r.value},[c("div",{class:T(["preview",r.label])},[c("div",{class:"rect",style:F({width:r.width+"px",height:r.height+"px"})},null,4)],2),c("p",pt,l(r.label),1)],10,ct))),128))])])}const ut=$(lt,[["render",dt],["__scopeId","data-v-53038264"]]),mt=h({name:"StartImage",components:{ElUpload:re,ElButton:U,InfoIcon:G,FontAwesomeIcon:L,ImagePreview:ie},mixins:[se,ae],emits:["change"],data(){return{fileList:[],uploadUrl:O()+"/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?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),vt={class:"relative"},ft={class:"flex justify-between"},_t={class:"flex justify-start items-center"},ht={class:"text-sm font-bold"};function $t(e,t,d,v,g,b){const r=s("info-icon"),p=s("image-preview"),a=s("font-awesome-icon"),f=s("el-button"),V=s("el-upload");return n(),i("div",vt,[c("div",ft,[c("div",_t,[c("span",ht,l(e.$t("pixverse.name.startImage")),1),o(r,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),o(V,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=u=>e.fileList=u),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,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:m(({file:u})=>[u.url&&u.percentage!==void 0?(n(),k(p,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:x=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:m(()=>[o(f,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+l(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const gt=$(mt,[["render",$t],["__scopeId","data-v-0d570ad7"]]),bt="",yt=h({name:"PromptInput",components:{PromptTextarea:ce},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=bt)}});function kt(e,t,d,v,g,b){const r=s("prompt-textarea");return n(),k(r,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=p=>e.prompt=p),title:e.$t("pixverse.name.prompt"),info:e.$t("pixverse.description.prompt"),placeholder:e.$t("pixverse.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Vt=$(yt,[["render",kt]]),wt=h({name:"ConfigPanel",components:{ElButton:U,FontAwesomeIcon:L,PromptInput:Vt,ModelSelector:Pe,QualitySelector:De,MotionSelector:Be,StyleSelector:Xe,DurationSelector:nt,StartImage:gt,SeedSelector:et,RatioSelector:ut,Consumption:de},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ue(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),xt={class:"flex flex-col h-full"},St={class:"flex-1 overflow-y-auto p-5"},Et={class:"flex flex-col items-center justify-center px-5 pb-5"};function Tt(e,t,d,v,g,b){const r=s("prompt-input"),p=s("model-selector"),a=s("style-selector"),f=s("ratio-selector"),V=s("motion-selector"),u=s("quality-selector"),x=s("start-image"),P=s("seed-selector"),R=s("duration-selector"),M=s("consumption"),j=s("font-awesome-icon"),q=s("el-button");return n(),i("div",xt,[c("div",St,[o(r,{class:"mb-4"}),o(p,{class:"mb-4"}),o(a,{class:"mb-4"}),o(f,{class:"mb-4"}),o(V,{class:"mb-4"}),o(u,{class:"mb-4"}),o(x,{class:"mb-2"}),o(P,{class:"mb-4"}),o(R,{class:"mb-4"})]),c("div",Et,[o(M,{value:e.consumption,service:e.service},null,8,["value","service"]),o(q,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[o(j,{icon:"fa-solid fa-magic",class:"mr-2"}),y(" "+l(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const It=$(wt,[["render",Tt]]),Ct=h({name:"TaskPreview",components:{ElImage:ge,CopyToClipboard:ve,FontAwesomeIcon:L,ElAlert:$e,VideoPlayer:fe,ElTooltip:he,ElButton:U,ApiCodeButton:_e},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Pt={class:"preview"},Lt={class:"left"},Ut={class:"main"},Rt={class:"bot"},At={class:"datetime"},Dt={class:"info"},Gt={key:0,class:"prompt mt-2"},Mt={key:0},jt={key:1},qt={key:0,class:T({content:!0,failed:!0})},Bt={key:0,class:"mb-4"},Ft={key:1,class:T({operations:!0,"mt-2":!0})},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={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"},Xt={key:1,class:T({content:!0})},Qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Yt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Wt(e,t,d,v,g,b){const r=s("el-image"),p=s("video-player"),a=s("el-button"),f=s("el-tooltip"),V=s("api-code-button"),u=s("font-awesome-icon"),x=s("copy-to-clipboard"),P=s("el-alert");return n(),i("div",Pt,[c("div",Lt,[o(r,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),c("div",Ut,[c("div",Rt,[y(l(e.$t("pixverse.name.pixverseBot"))+" ",1),c("span",At,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Dt,[e.modelValue?.request?.prompt?(n(),i("p",Gt,[y(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?_("",!0):(n(),i("span",Mt," - ("+l(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(n(),i("span",jt," - ("+l(e.$t("pixverse.status.processing"))+") ",1)):_("",!0)])):_("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),i("div",qt,[e.modelValue?.response?.data[0]?.video_url?(n(),i("div",Bt,[o(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):_("",!0),e.modelValue?.response.success?(n(),i("div",Ft,[o(f,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),k(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=R=>e.onDownload(R,e.modelValue?.response?.data[0]?.video_url))},{default:m(()=>[y(l(e.$t("pixverse.button.download")),1)]),_:1})):_("",!0)]),_:1},8,["content"]),o(V,{path:"/pixverse/videos",body:e.modelValue?.request},null,8,["body"])])):_("",!0),o(P,{closable:!1,class:"mt-2 success"},{default:m(()=>[c("p",Ot,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.model"))+": "+l(e.modelValue?.request?.model),1)]),c("p",Nt,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(x,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(n(),i("p",zt,[o(u,{icon:"fa-solid fa-clock",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):_("",!0)]),_:1})])):_("",!0),e.modelValue?.response?.success===!1?(n(),i("div",Xt,[o(P,{closable:!1,class:"info"},{template:m(()=>[o(u,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.failure")),1)]),default:m(()=>[c("p",Qt,[o(u,{icon:"fa-solid fa-circle-info",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(x,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),c("p",Ht,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(x,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(n(),i("p",Jt,[o(u,{icon:"fa-solid fa-clock",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):_("",!0),e.modelValue?.response?.trace_id?(n(),i("p",Yt,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(x,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):_("",!0)]),_:1})])):_("",!0)])])}const Kt=$(Ct,[["render",Wt],["__scopeId","data-v-94961727"]]),Zt=h({name:"RecentPanel",components:{TaskPreview:Kt,NoTasks:pe,BotPlaceholder:be,ScrollList:Z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,t,d,v,g,b){const r=s("bot-placeholder"),p=s("task-preview"),a=s("scroll-list"),f=s("no-tasks");return n(),i(w,null,[e.tasks?.items===void 0?(n(),i("div",eo,[o(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(a,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:m(()=>[(n(!0),i(w,null,E(e.tasks?.items,(V,u)=>(n(),k(p,{key:u,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):_("",!0),e.tasks?.items?.length===0?(n(),i("div",to,[o(f)])):_("",!0)],64)}const so=$(Zt,[["render",oo]]),ao=X("pixverse"),no=h({name:"PixverseIndex",components:{ConfigPanel:It,Layout:Se,RecentPanel:so},mixins:[ne],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===D.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===D.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ee({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:d,createdAtMax:v}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",v),this.fetchingTasks=!0;try{await this.$store.dispatch("pixverse/getTasks",{limit:t,createdAtMin:d,createdAtMax:v})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!le(this.uploadTracker,d=>this.$t(d),d=>S.warning(d)))return;const e={...this.config,callback_url:ao},t=this.credential?.token;if(!t){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),N("pixverse",z.generate(e,{token:t})).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===me?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function lo(e,t,d,v,g,b){const r=s("config-panel"),p=s("recent-panel"),a=s("layout");return n(),k(a,null,{config:m(()=>[o(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[o(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ls=$(no,[["render",lo]]);export{ls as default};
+import{F as L}from"./index.es-DMDeBnDi.js";import{E as U}from"./index-BxvVaie9.js";import{E as B}from"./index-CuUKnN6i.js";import{d as h,C as i,D as c,z as A,E as o,y as m,J as s,q as n,H as l,M as w,L as E,x as k,P as T,Q as F,N as y,I as _}from"./vendor-vue-BWIxYyW8.js";import{J as $,br as O,cy as z,aP as N,S as D,cz as X}from"./index-DbTnCj6Y.js";import{a as Q,b as H,c as J,d as Y,e as W,f as K}from"./pixverse-g-p4CgDy.js";import{E as I,a as C}from"./index-B0SN8iJh.js";import{I as G,S as Z,l as ee}from"./pagination-Dn-q2urn.js";import{E as te}from"./index-1VuDQAwa.js";import{E as oe}from"./index-CaKYkkG7.js";import{p as se}from"./pasteUploadMixin-BurWbGNQ.js";import{u as ae,a as ne,e as le}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as ie}from"./ImagePreview-p_KcfXdL.js";import{E as re}from"./index-CGLvj5qX.js";import{E as S}from"./index-CrQhQx4A.js";import{P as ce,N as pe}from"./NoTasks-DT0mCAX4.js";import{C as de}from"./Consumption-BIoTkjic.js";import{a as ue}from"./price-DeYmurJ6.js";import{b as me}from"./errorCode-Cqj9Td_Z.js";import{C as ve}from"./CopyToClipboard-DtIK0kcZ.js";import{V as fe}from"./VideoPlayer-CKHzUjKf.js";import{A as _e}from"./ApiCodeButton-CUcTPTtZ.js";import{E as he}from"./index-DuvI3onY.js";import{E as $e}from"./index-Ds8WPxf_.js";import{E as ge}from"./index-B66z64hx.js";import{B as be}from"./BotPlaceholder-Cn18WSZp.js";import"./use-form-item-B1LdPsOA.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CXJwHbs-.js";import"./typescript-CY0oKMIT.js";import"./index-Do6ztq8u.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-ARjTA69Y.js";import"./_Uint8Array-CXUVTNFA.js";import"./castArray-Cv8DqDDB.js";import"./index-Dwi7KeFX.js";import"./index-BQHgP10P.js";import"./debounce-B-vwp3ga.js";import"./_baseIteratee-CCPLrKcd.js";import"./index-DFezti2N.js";import"./highlight-B061e0XK.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BC6AqXIx.js";import"./index-CM2xkTYW.js";import"./_baseClone-CbUe37lr.js";import"./_initCloneObject-B8-TXaLO.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DqtdF-UV.js";const ye=h({name:"LayoutPixverse",components:{ElDrawer:B,ElButton:U,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ke={class:"main flex flex-row flex-1"},Ve={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},we={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function xe(e,t,d,v,g,b){const r=s("font-awesome-icon"),p=s("el-button"),a=s("el-drawer");return n(),i("div",ke,[c("div",Ve,[A(e.$slots,"config",{},void 0,!0)]),c("div",we,[A(e.$slots,"result",{},void 0,!0)]),o(p,{circle:"",class:"menu",onClick:t[0]||(t[0]=f=>e.drawer=!0)},{default:m(()=>[o(r,{icon:"fa-solid fa-magic"})]),_:1}),o(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=f=>e.drawer=f),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Se=$(ye,[["render",xe],["__scopeId","data-v-ea5fe174"]]),Ee=h({name:"ModelSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=Q)}}),Te={class:"field"},Ie={class:"title font-bold"};function Ce(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Te,[c("h2",Ie,l(e.$t("pixverse.name.model")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=$(Ee,[["render",Ce],["__scopeId","data-v-e8f337ca"]]),Le=h({name:"QualitySelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=H)}}),Ue={class:"field"},Re={class:"title font-bold"};function Ae(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Ue,[c("h2",Re,l(e.$t("pixverse.name.quality")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=$(Le,[["render",Ae],["__scopeId","data-v-64aeaae9"]]),Ge=h({name:"MotionSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=J)}}),Me={class:"field"},je={class:"title font-bold"};function qe(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Me,[c("h2",je,l(e.$t("pixverse.name.motion")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=$(Ge,[["render",qe],["__scopeId","data-v-94237408"]]),Fe=h({name:"StyleSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=Y)}}),Oe={class:"field"},ze={class:"title font-bold"};function Ne(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",Oe,[c("h2",ze,l(e.$t("pixverse.name.style")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Xe=$(Fe,[["render",Ne],["__scopeId","data-v-64e17b3c"]]),Qe=h({name:"SeedSelector",components:{ElSlider:oe,InfoIcon:G,ElInputNumber:te},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),He={class:"flex justify-between"},Je={class:"flex justify-start items-center"},Ye={class:"text-sm font-bold"},We={class:"flex justify-end items-center"},Ke={class:"w-full"};function Ze(e,t,d,v,g,b){const r=s("info-icon"),p=s("el-input-number"),a=s("el-slider");return n(),i("div",null,[c("div",He,[c("div",Je,[c("span",Ye,l(e.$t("pixverse.name.seed")),1),o(r,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),c("div",We,[o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=f=>e.value=f),"controls-position":"right"},null,8,["modelValue"])])]),c("div",Ke,[o(a,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=f=>e.value=f),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const et=$(Qe,[["render",Ze]]),tt=h({name:"DurationSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=W)}}),ot={class:"field"},st={class:"title font-bold"};function at(e,t,d,v,g,b){const r=s("el-option"),p=s("el-select");return n(),i("div",ot,[c("h2",st,l(e.$t("pixverse.name.duration")),1),o(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:m(()=>[(n(!0),i(w,null,E(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const nt=$(tt,[["render",at],["__scopeId","data-v-065c77ef"]]),lt=h({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=K)}}),it={class:"text-sm font-bold mb-2 block"},rt={class:"items"},ct=["onClick"],pt={class:"name"};function dt(e,t,d,v,g,b){return n(),i("div",null,[c("span",it,l(e.$t("pixverse.name.aspectRatio")),1),c("div",rt,[(n(!0),i(w,null,E(e.options,(r,p)=>(n(),i("div",{key:p,class:T({active:e.active===p,item:!0}),onClick:a=>e.value=r.value},[c("div",{class:T(["preview",r.label])},[c("div",{class:"rect",style:F({width:r.width+"px",height:r.height+"px"})},null,4)],2),c("p",pt,l(r.label),1)],10,ct))),128))])])}const ut=$(lt,[["render",dt],["__scopeId","data-v-53038264"]]),mt=h({name:"StartImage",components:{ElUpload:re,ElButton:U,InfoIcon:G,FontAwesomeIcon:L,ImagePreview:ie},mixins:[se,ae],emits:["change"],data(){return{fileList:[],uploadUrl:O()+"/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?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){S.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),vt={class:"relative"},ft={class:"flex justify-between"},_t={class:"flex justify-start items-center"},ht={class:"text-sm font-bold"};function $t(e,t,d,v,g,b){const r=s("info-icon"),p=s("image-preview"),a=s("font-awesome-icon"),f=s("el-button"),V=s("el-upload");return n(),i("div",vt,[c("div",ft,[c("div",_t,[c("span",ht,l(e.$t("pixverse.name.startImage")),1),o(r,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),o(V,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=u=>e.fileList=u),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,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:m(({file:u})=>[u.url&&u.percentage!==void 0?(n(),k(p,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:x=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:m(()=>[o(f,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[o(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+l(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const gt=$(mt,[["render",$t],["__scopeId","data-v-0d570ad7"]]),bt="",yt=h({name:"PromptInput",components:{PromptTextarea:ce},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=bt)}});function kt(e,t,d,v,g,b){const r=s("prompt-textarea");return n(),k(r,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=p=>e.prompt=p),title:e.$t("pixverse.name.prompt"),info:e.$t("pixverse.description.prompt"),placeholder:e.$t("pixverse.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Vt=$(yt,[["render",kt]]),wt=h({name:"ConfigPanel",components:{ElButton:U,FontAwesomeIcon:L,PromptInput:Vt,ModelSelector:Pe,QualitySelector:De,MotionSelector:Be,StyleSelector:Xe,DurationSelector:nt,StartImage:gt,SeedSelector:et,RatioSelector:ut,Consumption:de},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ue(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),xt={class:"flex flex-col h-full"},St={class:"flex-1 overflow-y-auto p-5"},Et={class:"flex flex-col items-center justify-center px-5 pb-5"};function Tt(e,t,d,v,g,b){const r=s("prompt-input"),p=s("model-selector"),a=s("style-selector"),f=s("ratio-selector"),V=s("motion-selector"),u=s("quality-selector"),x=s("start-image"),P=s("seed-selector"),R=s("duration-selector"),M=s("consumption"),j=s("font-awesome-icon"),q=s("el-button");return n(),i("div",xt,[c("div",St,[o(r,{class:"mb-4"}),o(p,{class:"mb-4"}),o(a,{class:"mb-4"}),o(f,{class:"mb-4"}),o(V,{class:"mb-4"}),o(u,{class:"mb-4"}),o(x,{class:"mb-2"}),o(P,{class:"mb-4"}),o(R,{class:"mb-4"})]),c("div",Et,[o(M,{value:e.consumption,service:e.service},null,8,["value","service"]),o(q,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[o(j,{icon:"fa-solid fa-magic",class:"mr-2"}),y(" "+l(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const It=$(wt,[["render",Tt]]),Ct=h({name:"TaskPreview",components:{ElImage:ge,CopyToClipboard:ve,FontAwesomeIcon:L,ElAlert:$e,VideoPlayer:fe,ElTooltip:he,ElButton:U,ApiCodeButton:_e},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Pt={class:"preview"},Lt={class:"left"},Ut={class:"main"},Rt={class:"bot"},At={class:"datetime"},Dt={class:"info"},Gt={key:0,class:"prompt mt-2"},Mt={key:0},jt={key:1},qt={key:0,class:T({content:!0,failed:!0})},Bt={key:0,class:"mb-4"},Ft={key:1,class:T({operations:!0,"mt-2":!0})},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Xt={key:1,class:T({content:!0})},Qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Yt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Wt(e,t,d,v,g,b){const r=s("el-image"),p=s("video-player"),a=s("el-button"),f=s("el-tooltip"),V=s("api-code-button"),u=s("font-awesome-icon"),x=s("copy-to-clipboard"),P=s("el-alert");return n(),i("div",Pt,[c("div",Lt,[o(r,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),c("div",Ut,[c("div",Rt,[y(l(e.$t("pixverse.name.pixverseBot"))+" ",1),c("span",At,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Dt,[e.modelValue?.request?.prompt?(n(),i("p",Gt,[y(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?_("",!0):(n(),i("span",Mt," - ("+l(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(n(),i("span",jt," - ("+l(e.$t("pixverse.status.processing"))+") ",1)):_("",!0)])):_("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),i("div",qt,[e.modelValue?.response?.data[0]?.video_url?(n(),i("div",Bt,[o(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):_("",!0),e.modelValue?.response.success?(n(),i("div",Ft,[o(f,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),k(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=R=>e.onDownload(R,e.modelValue?.response?.data[0]?.video_url))},{default:m(()=>[y(l(e.$t("pixverse.button.download")),1)]),_:1})):_("",!0)]),_:1},8,["content"]),o(V,{path:"/pixverse/videos",body:e.modelValue?.request},null,8,["body"])])):_("",!0),o(P,{closable:!1,class:"mt-2 success"},{default:m(()=>[c("p",Ot,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.model"))+": "+l(e.modelValue?.request?.model),1)]),c("p",zt,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(x,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(n(),i("p",Nt,[o(u,{icon:"fa-solid fa-clock",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):_("",!0)]),_:1})])):_("",!0),e.modelValue?.response?.success===!1?(n(),i("div",Xt,[o(P,{closable:!1,class:"info"},{template:m(()=>[o(u,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.failure")),1)]),default:m(()=>[c("p",Qt,[o(u,{icon:"fa-solid fa-circle-info",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(x,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),c("p",Ht,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(x,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(n(),i("p",Jt,[o(u,{icon:"fa-solid fa-clock",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):_("",!0),e.modelValue?.response?.trace_id?(n(),i("p",Yt,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(x,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):_("",!0)]),_:1})])):_("",!0)])])}const Kt=$(Ct,[["render",Wt],["__scopeId","data-v-94961727"]]),Zt=h({name:"RecentPanel",components:{TaskPreview:Kt,NoTasks:pe,BotPlaceholder:be,ScrollList:Z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),eo={key:0},to={key:2,class:"w-full h-full flex items-center justify-center"};function oo(e,t,d,v,g,b){const r=s("bot-placeholder"),p=s("task-preview"),a=s("scroll-list"),f=s("no-tasks");return n(),i(w,null,[e.tasks?.items===void 0?(n(),i("div",eo,[o(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(a,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:m(()=>[(n(!0),i(w,null,E(e.tasks?.items,(V,u)=>(n(),k(p,{key:u,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):_("",!0),e.tasks?.items?.length===0?(n(),i("div",to,[o(f)])):_("",!0)],64)}const so=$(Zt,[["render",oo]]),ao=X("pixverse"),no=h({name:"PixverseIndex",components:{ConfigPanel:It,Layout:Se,RecentPanel:so},mixins:[ne],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===D.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===D.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ee({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:d,createdAtMax:v}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",v),this.fetchingTasks=!0;try{await this.$store.dispatch("pixverse/getTasks",{limit:t,createdAtMin:d,createdAtMax:v})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!le(this.uploadTracker,d=>this.$t(d),d=>S.warning(d)))return;const e={...this.config,callback_url:ao},t=this.credential?.token;if(!t){console.error("no token specified");return}S.info(this.$t("pixverse.message.startingTask")),z("pixverse",N.generate(e,{token:t})).then(()=>{S.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===me?S.error(this.$t("pixverse.message.usedUp")):S.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function lo(e,t,d,v,g,b){const r=s("config-panel"),p=s("recent-panel"),a=s("layout");return n(),k(a,null,{config:m(()=>[o(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[o(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ls=$(no,[["render",lo]]);export{ls as default};

package/dist/assets/{Index-Cw65p7je.js → Index-CPDKkQqv.js}

@@ -1 +1 @@
-import{F as L}from"./index.es-ChY1FlMW.js";import{E as D}from"./index-Cf_g4cNy.js";import{E as N}from"./index-Cvqp7__y.js";import{d as v,C as r,D as i,z as P,E as o,y as m,J as s,q as a,H as l,M as T,L as I,x as w,P as A,Q as j,N as _,I as h,F as q,G as K}from"./vendor-vue-BWIxYyW8.js";import{J as b,br as W,cx as H,aN as J,S as G,cy as Z}from"./index-D8aPgnGc.js";import{a as M,b as z,c as E,d as F,e as Q,f as Y,g as X,h as x,i as ee}from"./sora-Dyuoglk1.js";import{E as R,a as O}from"./index-qdj2_nOs.js";import{p as te}from"./pasteUploadMixin-BurWbGNQ.js";import{u as oe,a as se,e as ae}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as ne,S as le,l as re}from"./pagination-C95fpX7B.js";import{I as ie}from"./ImagePreview-BX_sHHDN.js";import{E as ce}from"./index-BTNb2CTo.js";import{E as V}from"./index-DZku_iGx.js";import{C as de}from"./Consumption-CpH3KfFv.js";import{P as ue,N as pe}from"./NoTasks-tQdol0_2.js";import{a as me}from"./price-CMLeXGYL.js";import{b as fe}from"./errorCode-Cqj9Td_Z.js";import{C as _e}from"./CopyToClipboard-CZv5BP7B.js";import{V as he}from"./VideoPlayer-C5VQJMsC.js";import{A as $e}from"./ApiCodeButton-DqTuCryR.js";import{E as ge}from"./index-DbIiryMD.js";import{E as ve}from"./index-CbnGYE9U.js";import{E as be}from"./index-mLHeIJV7.js";import{B as ke}from"./BotPlaceholder-xpsKXt0P.js";import"./use-form-item-Bb96LHMh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CcYwI3ai.js";import"./typescript-B00PCKaI.js";import"./index-Pbe8CChL.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CfWw3lpS.js";import"./_Uint8Array-DtfKpEZY.js";import"./castArray-CbnSaxKn.js";import"./index-DNCRlcDT.js";import"./index-BNHSnEGK.js";import"./debounce-Dl8en2o_.js";import"./_baseIteratee-CY2Cl0zu.js";import"./index-D_7iS0Ka.js";import"./highlight-CHE-J5E7.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-DhOSddkE.js";import"./_baseClone-dGPbkYnN.js";import"./_initCloneObject-BzDf8hsu.js";import"./vue-plyr-BO2nlN4c.js";import"./index-TUT4Ls42.js";const we=v({name:"LayoutSora",components:{ElDrawer:N,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ye={class:"main flex flex-row flex-1"},Se={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Ve={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ee(e,t,d,f,$,g){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),r("div",ye,[i("div",Se,[P(e.$slots,"config",{},void 0,!0)]),i("div",Ve,[P(e.$slots,"result",{},void 0,!0)]),o(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:m(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Te=b(we,[["render",Ee],["__scopeId","data-v-bbee238c"]]),Ae=v({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:Q,label:"sora-2"},{value:Y,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},d=z[e]||[E],f=t.duration,$=f&&d.includes(f)?f:d.includes(E)?E:d[0],g={...t,model:e,duration:$,size:t.size||F};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=M)}}),Ie={class:"field"},Ce={class:"title font-bold"};function Le(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Ie,[i("h2",Ce,l(e.$t("sora.name.model")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ae,[["render",Le],["__scopeId","data-v-0cb7913d"]]),Re=v({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=X)}}),Oe={class:"field"},Ue={class:"title font-bold"},Pe={class:"float-left"};function Ge(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Oe,[i("h2",Ue,l(e.$t("sora.name.action")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},{default:m(()=>[i("span",Pe,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Me=b(Re,[["render",Ge],["__scopeId","data-v-7b82fa7f"]]),ze=v({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||M},allowedDurations(){return z[this.model]||[E]},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(E)?E:e[0];this.value=t}}},mounted(){this.value||(this.value=E)}}),Fe={class:"field"},Be={class:"control"},Ne={class:"title font-bold"};function je(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Fe,[i("div",Be,[i("h2",Ne,l(e.$t("sora.name.duration")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.optionsForModel,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const qe=b(ze,[["render",je],["__scopeId","data-v-c2934598"]]),Ke=v({name:"OrientationSelector",data(){return{options:[{value:"portrait",labelKey:"sora.option.portrait",width:13,height:25},{value:"landscape",labelKey:"sora.option.landscape",width:25,height:13}]}},computed:{active(){const e=this.options.findIndex(t=>t.value===this.value);return e>=0?e: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=x)}}),We={class:"text-sm font-bold mb-2 block"},He={class:"items"},Je=["onClick"],Ze={class:"name"};function Qe(e,t,d,f,$,g){return a(),r("div",null,[i("span",We,l(e.$t("sora.name.orientation")),1),i("div",He,[(a(!0),r(T,null,I(e.options,(c,u)=>(a(),r("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:n=>e.value=c.value},[i("div",{class:A(["preview",c.value])},[i("div",{class:"rect",style:j({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ze,l(e.$t(c.labelKey)),1)],10,Je))),128))])])}const Ye=b(Ke,[["render",Qe],["__scopeId","data-v-a20be6d9"]]),Xe=v({name:"StartEndImage",components:{ElUpload:ce,ElButton:D,InfoIcon:ne,FontAwesomeIcon:L,ImagePreview:ie},mixins:[te,oe],emits:["change"],data(){return{fileList:[],uploadUrl:W()+"/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(){V.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){V.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()}}}),xe={class:"relative"},et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"};function st(e,t,d,f,$,g){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),k=s("el-button"),S=s("el-upload");return a(),r("div",xe,[i("div",et,[i("div",tt,[i("span",ot,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(S,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=p=>e.fileList=p),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:m(({file:p})=>[p.url&&p.percentage!==void 0?(a(),w(u,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:m(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[o(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const at=b(Xe,[["render",st],["__scopeId","data-v-4f7d9ba5"]]),nt=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),lt=v({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:ee.map(e=>({value:e,label:nt(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=F)}}),rt={class:"field"},it={class:"control"},ct={class:"title font-bold"};function dt(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",rt,[i("div",it,[i("h2",ct,l(e.$t("sora.name.size")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const ut=b(lt,[["render",dt],["__scopeId","data-v-8c485f0f"]]),pt="",mt=v({name:"PromptInput",components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=pt)}});function ft(e,t,d,f,$,g){const c=s("prompt-textarea");return a(),w(c,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=u=>e.prompt=u),title:e.$t("sora.name.prompt"),info:e.$t("sora.description.prompt"),placeholder:e.$t("sora.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const _t=b(mt,[["render",ft]]),ht=v({name:"ConfigPanel",components:{ElButton:D,Consumption:de,FontAwesomeIcon:L,PromptInput:_t,ModelSelector:De,StartEndImage:at,SizeSelector:ut,ActionSelector:Me,OrientationSelector:Ye,DurationSelector:qe},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return me(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-5"},vt={class:"flex flex-col items-center justify-center px-5 pb-5"};function bt(e,t,d,f,$,g){const c=s("model-selector"),u=s("action-selector"),n=s("duration-selector"),k=s("size-selector"),S=s("orientation-selector"),p=s("prompt-input"),y=s("start-end-image"),C=s("consumption"),U=s("font-awesome-icon"),B=s("el-button");return a(),r("div",$t,[i("div",gt,[o(c,{class:"mb-4"}),o(u,{class:"mb-4"}),o(n,{class:"mb-4"}),o(k,{class:"mb-4"}),o(S,{class:"mb-4"}),o(p,{class:"mb-4"}),q(o(y,{class:"mb-2"},null,512),[[K,e.config?.action==="image2video"]])]),i("div",vt,[o(C,{value:e.consumption,service:e.service},null,8,["value","service"]),o(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[o(U,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const kt=b(ht,[["render",bt]]),wt=v({name:"TaskPreview",components:{ElImage:be,CopyToClipboard:_e,FontAwesomeIcon:L,ElAlert:ve,VideoPlayer:he,ElTooltip:ge,ElButton:D,ApiCodeButton:$e},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")}}}),yt={class:"preview"},St={class:"left"},Vt={class:"main"},Et={class:"bot"},Tt={class:"datetime"},At={class:"info"},It={key:0,class:"prompt mt-2"},Ct={key:0},Lt={key:1},Dt={key:0,class:A({content:!0,failed:!0})},Rt={key:0,class:"mb-4"},Ot={key:1,class:A({operations:!0,"mt-2":!0})},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:1,class:A({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},jt={key:2,class:A({content:!0})},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Wt(e,t,d,f,$,g){const c=s("el-image"),u=s("video-player"),n=s("el-button"),k=s("el-tooltip"),S=s("api-code-button"),p=s("font-awesome-icon"),y=s("copy-to-clipboard"),C=s("el-alert");return a(),r("div",yt,[i("div",St,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",Vt,[i("div",Et,[_(l(e.$t("sora.name.soraBot"))+" ",1),i("span",Tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",At,[e.modelValue?.request?.prompt?(a(),r("p",It,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),r("span",Ct," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(a(),r("span",Lt," - ("+l(e.$t("sora.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Dt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Rt,[o(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):h("",!0),e.modelValue?.response.success?(a(),r("div",Ot,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=U=>e.onDownload(U,e.modelValue?.response?.data[0]?.video_url))},{default:m(()=>[_(l(e.$t("sora.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"]),o(S,{path:"/sora/videos",body:e.modelValue?.request},null,8,["body"])])):h("",!0),o(C,{closable:!1,class:"mt-2 success"},{default:m(()=>[i("p",Ut,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Pt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Gt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Mt,[o(C,{closable:!1,class:"failure"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",zt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ft,[o(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(y,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Bt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),r("p",Nt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),r("div",jt,[o(C,{closable:!1,class:"info"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",qt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",Kt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0)])])}const Ht=b(wt,[["render",Wt],["__scopeId","data-v-935f9471"]]),Jt=v({name:"RecentPanel",components:{TaskPreview:Ht,NoTasks:pe,BotPlaceholder:ke,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Zt={key:0},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,t,d,f,$,g){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),k=s("no-tasks");return a(),r(T,null,[e.tasks?.items===void 0?(a(),r("div",Zt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=S=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),r(T,null,I(e.tasks?.items,(S,p)=>(a(),w(u,{key:p,"model-value":S},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),r("div",Qt,[o(k)])):h("",!0)],64)}const Xt=b(Jt,[["render",Yt]]),xt=Z("sora"),eo=v({name:"SoraIndex",components:{ConfigPanel:kt,Layout:Te,RecentPanel:Xt},mixins:[se],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===G.Request||this.fetchingTasks},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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},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(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:d,createdAtMax:f}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:d,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ae(this.uploadTracker,d=>this.$t(d),d=>V.warning(d)))return;const e={...this.config,callback_url:xt},t=this.credential?.token;if(!t){console.error("no token specified");return}V.info(this.$t("sora.message.startingTask")),H("sora",J.generate(e,{token:t})).then(()=>{V.success(this.$t("sora.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===fe?V.error(this.$t("sora.message.usedUp")):V.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function to(e,t,d,f,$,g){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[o(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xo=b(eo,[["render",to]]);export{Xo as default};
+import{F as L}from"./index.es-DMDeBnDi.js";import{E as D}from"./index-BxvVaie9.js";import{E as N}from"./index-CuUKnN6i.js";import{d as v,C as r,D as i,z as P,E as o,y as m,J as s,q as a,H as l,M as T,L as I,x as w,P as A,Q as j,N as _,I as h,F as q,G as K}from"./vendor-vue-BWIxYyW8.js";import{J as b,br as W,cy as H,aN as J,S as G,cz as Z}from"./index-DbTnCj6Y.js";import{a as M,b as z,c as E,d as F,e as Q,f as Y,g as X,h as x,i as ee}from"./sora-Dyuoglk1.js";import{E as R,a as O}from"./index-B0SN8iJh.js";import{p as te}from"./pasteUploadMixin-BurWbGNQ.js";import{u as oe,a as se,e as ae}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as ne,S as le,l as re}from"./pagination-Dn-q2urn.js";import{I as ie}from"./ImagePreview-p_KcfXdL.js";import{E as ce}from"./index-CGLvj5qX.js";import{E as V}from"./index-CrQhQx4A.js";import{C as de}from"./Consumption-BIoTkjic.js";import{P as ue,N as pe}from"./NoTasks-DT0mCAX4.js";import{a as me}from"./price-DeYmurJ6.js";import{b as fe}from"./errorCode-Cqj9Td_Z.js";import{C as _e}from"./CopyToClipboard-DtIK0kcZ.js";import{V as he}from"./VideoPlayer-CKHzUjKf.js";import{A as $e}from"./ApiCodeButton-CUcTPTtZ.js";import{E as ge}from"./index-DuvI3onY.js";import{E as ve}from"./index-Ds8WPxf_.js";import{E as be}from"./index-B66z64hx.js";import{B as ke}from"./BotPlaceholder-Cn18WSZp.js";import"./use-form-item-B1LdPsOA.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CXJwHbs-.js";import"./typescript-CY0oKMIT.js";import"./index-Do6ztq8u.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-ARjTA69Y.js";import"./_Uint8Array-CXUVTNFA.js";import"./castArray-Cv8DqDDB.js";import"./index-Dwi7KeFX.js";import"./index-BQHgP10P.js";import"./debounce-B-vwp3ga.js";import"./_baseIteratee-CCPLrKcd.js";import"./index-DFezti2N.js";import"./highlight-B061e0XK.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-CM2xkTYW.js";import"./_baseClone-CbUe37lr.js";import"./_initCloneObject-B8-TXaLO.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DqtdF-UV.js";const we=v({name:"LayoutSora",components:{ElDrawer:N,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ye={class:"main flex flex-row flex-1"},Se={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Ve={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ee(e,t,d,f,$,g){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),r("div",ye,[i("div",Se,[P(e.$slots,"config",{},void 0,!0)]),i("div",Ve,[P(e.$slots,"result",{},void 0,!0)]),o(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:m(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Te=b(we,[["render",Ee],["__scopeId","data-v-bbee238c"]]),Ae=v({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:Q,label:"sora-2"},{value:Y,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},d=z[e]||[E],f=t.duration,$=f&&d.includes(f)?f:d.includes(E)?E:d[0],g={...t,model:e,duration:$,size:t.size||F};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=M)}}),Ie={class:"field"},Ce={class:"title font-bold"};function Le(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Ie,[i("h2",Ce,l(e.$t("sora.name.model")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ae,[["render",Le],["__scopeId","data-v-0cb7913d"]]),Re=v({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=X)}}),Oe={class:"field"},Ue={class:"title font-bold"},Pe={class:"float-left"};function Ge(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Oe,[i("h2",Ue,l(e.$t("sora.name.action")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},{default:m(()=>[i("span",Pe,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Me=b(Re,[["render",Ge],["__scopeId","data-v-7b82fa7f"]]),ze=v({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||M},allowedDurations(){return z[this.model]||[E]},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(E)?E:e[0];this.value=t}}},mounted(){this.value||(this.value=E)}}),Fe={class:"field"},Be={class:"control"},Ne={class:"title font-bold"};function je(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Fe,[i("div",Be,[i("h2",Ne,l(e.$t("sora.name.duration")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.optionsForModel,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const qe=b(ze,[["render",je],["__scopeId","data-v-c2934598"]]),Ke=v({name:"OrientationSelector",data(){return{options:[{value:"portrait",labelKey:"sora.option.portrait",width:13,height:25},{value:"landscape",labelKey:"sora.option.landscape",width:25,height:13}]}},computed:{active(){const e=this.options.findIndex(t=>t.value===this.value);return e>=0?e: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=x)}}),We={class:"text-sm font-bold mb-2 block"},He={class:"items"},Je=["onClick"],Ze={class:"name"};function Qe(e,t,d,f,$,g){return a(),r("div",null,[i("span",We,l(e.$t("sora.name.orientation")),1),i("div",He,[(a(!0),r(T,null,I(e.options,(c,u)=>(a(),r("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:n=>e.value=c.value},[i("div",{class:A(["preview",c.value])},[i("div",{class:"rect",style:j({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ze,l(e.$t(c.labelKey)),1)],10,Je))),128))])])}const Ye=b(Ke,[["render",Qe],["__scopeId","data-v-a20be6d9"]]),Xe=v({name:"StartEndImage",components:{ElUpload:ce,ElButton:D,InfoIcon:ne,FontAwesomeIcon:L,ImagePreview:ie},mixins:[te,oe],emits:["change"],data(){return{fileList:[],uploadUrl:W()+"/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(){V.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){V.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()}}}),xe={class:"relative"},et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"};function st(e,t,d,f,$,g){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),k=s("el-button"),S=s("el-upload");return a(),r("div",xe,[i("div",et,[i("div",tt,[i("span",ot,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(S,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=p=>e.fileList=p),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:m(({file:p})=>[p.url&&p.percentage!==void 0?(a(),w(u,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:m(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[o(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const at=b(Xe,[["render",st],["__scopeId","data-v-4f7d9ba5"]]),nt=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),lt=v({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:ee.map(e=>({value:e,label:nt(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=F)}}),rt={class:"field"},it={class:"control"},ct={class:"title font-bold"};function dt(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",rt,[i("div",it,[i("h2",ct,l(e.$t("sora.name.size")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const ut=b(lt,[["render",dt],["__scopeId","data-v-8c485f0f"]]),pt="",mt=v({name:"PromptInput",components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=pt)}});function ft(e,t,d,f,$,g){const c=s("prompt-textarea");return a(),w(c,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=u=>e.prompt=u),title:e.$t("sora.name.prompt"),info:e.$t("sora.description.prompt"),placeholder:e.$t("sora.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const _t=b(mt,[["render",ft]]),ht=v({name:"ConfigPanel",components:{ElButton:D,Consumption:de,FontAwesomeIcon:L,PromptInput:_t,ModelSelector:De,StartEndImage:at,SizeSelector:ut,ActionSelector:Me,OrientationSelector:Ye,DurationSelector:qe},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return me(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-5"},vt={class:"flex flex-col items-center justify-center px-5 pb-5"};function bt(e,t,d,f,$,g){const c=s("model-selector"),u=s("action-selector"),n=s("duration-selector"),k=s("size-selector"),S=s("orientation-selector"),p=s("prompt-input"),y=s("start-end-image"),C=s("consumption"),U=s("font-awesome-icon"),B=s("el-button");return a(),r("div",$t,[i("div",gt,[o(c,{class:"mb-4"}),o(u,{class:"mb-4"}),o(n,{class:"mb-4"}),o(k,{class:"mb-4"}),o(S,{class:"mb-4"}),o(p,{class:"mb-4"}),q(o(y,{class:"mb-2"},null,512),[[K,e.config?.action==="image2video"]])]),i("div",vt,[o(C,{value:e.consumption,service:e.service},null,8,["value","service"]),o(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[o(U,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const kt=b(ht,[["render",bt]]),wt=v({name:"TaskPreview",components:{ElImage:be,CopyToClipboard:_e,FontAwesomeIcon:L,ElAlert:ve,VideoPlayer:he,ElTooltip:ge,ElButton:D,ApiCodeButton:$e},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")}}}),yt={class:"preview"},St={class:"left"},Vt={class:"main"},Et={class:"bot"},Tt={class:"datetime"},At={class:"info"},It={key:0,class:"prompt mt-2"},Ct={key:0},Lt={key:1},Dt={key:0,class:A({content:!0,failed:!0})},Rt={key:0,class:"mb-4"},Ot={key:1,class:A({operations:!0,"mt-2":!0})},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:1,class:A({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},jt={key:2,class:A({content:!0})},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Wt(e,t,d,f,$,g){const c=s("el-image"),u=s("video-player"),n=s("el-button"),k=s("el-tooltip"),S=s("api-code-button"),p=s("font-awesome-icon"),y=s("copy-to-clipboard"),C=s("el-alert");return a(),r("div",yt,[i("div",St,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",Vt,[i("div",Et,[_(l(e.$t("sora.name.soraBot"))+" ",1),i("span",Tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",At,[e.modelValue?.request?.prompt?(a(),r("p",It,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),r("span",Ct," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(a(),r("span",Lt," - ("+l(e.$t("sora.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Dt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Rt,[o(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):h("",!0),e.modelValue?.response.success?(a(),r("div",Ot,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=U=>e.onDownload(U,e.modelValue?.response?.data[0]?.video_url))},{default:m(()=>[_(l(e.$t("sora.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"]),o(S,{path:"/sora/videos",body:e.modelValue?.request},null,8,["body"])])):h("",!0),o(C,{closable:!1,class:"mt-2 success"},{default:m(()=>[i("p",Ut,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Pt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Gt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Mt,[o(C,{closable:!1,class:"failure"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",zt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ft,[o(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(y,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Bt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),r("p",Nt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),r("div",jt,[o(C,{closable:!1,class:"info"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",qt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",Kt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0)])])}const Ht=b(wt,[["render",Wt],["__scopeId","data-v-935f9471"]]),Jt=v({name:"RecentPanel",components:{TaskPreview:Ht,NoTasks:pe,BotPlaceholder:ke,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Zt={key:0},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,t,d,f,$,g){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),k=s("no-tasks");return a(),r(T,null,[e.tasks?.items===void 0?(a(),r("div",Zt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=S=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),r(T,null,I(e.tasks?.items,(S,p)=>(a(),w(u,{key:p,"model-value":S},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),r("div",Qt,[o(k)])):h("",!0)],64)}const Xt=b(Jt,[["render",Yt]]),xt=Z("sora"),eo=v({name:"SoraIndex",components:{ConfigPanel:kt,Layout:Te,RecentPanel:Xt},mixins:[se],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===G.Request||this.fetchingTasks},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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await re({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},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(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:d,createdAtMax:f}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:d,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ae(this.uploadTracker,d=>this.$t(d),d=>V.warning(d)))return;const e={...this.config,callback_url:xt},t=this.credential?.token;if(!t){console.error("no token specified");return}V.info(this.$t("sora.message.startingTask")),H("sora",J.generate(e,{token:t})).then(()=>{V.success(this.$t("sora.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===fe?V.error(this.$t("sora.message.usedUp")):V.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function to(e,t,d,f,$,g){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[o(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xo=b(eo,[["render",to]]);export{Xo as default};

package/dist/assets/{Index-CrNuM-lN.js → Index-CQv8BfRo.js}

@@ -1 +1 @@
-import{F as R}from"./index.es-ChY1FlMW.js";import{E as S}from"./index-Cf_g4cNy.js";import{E as D}from"./index-Cvqp7__y.js";import{d as v,C as r,D as i,z as C,E as t,y as c,J as o,q as s,H as a,M as I,L as U,x as $,N as h,I as m,K as M,P as L}from"./vendor-vue-BWIxYyW8.js";import{J as b,br as O,cx as B,b6 as j,S as G,cy as N}from"./index-D8aPgnGc.js";import{a as F,b as q}from"./wan-DKq-jYOo.js";import{E as P,a as A}from"./index-qdj2_nOs.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{u as W,a as H,e as J}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as K,S as Q,l as X}from"./pagination-C95fpX7B.js";import{I as Y}from"./ImagePreview-BX_sHHDN.js";import{E as Z}from"./index-BTNb2CTo.js";import{E as T}from"./index-DZku_iGx.js";import{P as x,N as ee}from"./NoTasks-tQdol0_2.js";import{C as te}from"./Consumption-CpH3KfFv.js";import{a as oe}from"./price-CMLeXGYL.js";import{b as se}from"./errorCode-Cqj9Td_Z.js";import{C as ne}from"./CopyToClipboard-CZv5BP7B.js";import{V as ae}from"./VideoPlayer-C5VQJMsC.js";import{A as le}from"./ApiCodeButton-DqTuCryR.js";import{E as re}from"./index-DbIiryMD.js";import{E as ie}from"./index-CbnGYE9U.js";import{E as ce}from"./index-mLHeIJV7.js";import{B as de}from"./BotPlaceholder-xpsKXt0P.js";import"./use-form-item-Bb96LHMh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CcYwI3ai.js";import"./typescript-B00PCKaI.js";import"./index-Pbe8CChL.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CfWw3lpS.js";import"./_Uint8Array-DtfKpEZY.js";import"./castArray-CbnSaxKn.js";import"./index-DNCRlcDT.js";import"./index-BNHSnEGK.js";import"./debounce-Dl8en2o_.js";import"./_baseIteratee-CY2Cl0zu.js";import"./index-D_7iS0Ka.js";import"./highlight-CHE-J5E7.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-DhOSddkE.js";import"./_baseClone-dGPbkYnN.js";import"./_initCloneObject-BzDf8hsu.js";import"./vue-plyr-BO2nlN4c.js";import"./index-TUT4Ls42.js";const ue=v({name:"LayoutWan",components:{ElDrawer:D,ElButton:S,FontAwesomeIcon:R},data(){return{drawer:!1}}}),pe={class:"main flex flex-row flex-1"},me={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},fe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function he(e,n,p,_,k,y){const d=o("font-awesome-icon"),u=o("el-button"),l=o("el-drawer");return s(),r("div",pe,[i("div",me,[C(e.$slots,"config",{},void 0,!0)]),i("div",fe,[C(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:n[0]||(n[0]=w=>e.drawer=!0)},{default:c(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":n[1]||(n[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"340px"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=b(ue,[["render",he],["__scopeId","data-v-3b0702a7"]]),ge=v({name:"ModelSelector",components:{ElSelect:A,ElOption:P},data(){return{}},computed:{options(){return[{value:"wan2.6-t2v",label:this.$t("wan.button.modelT2v")},{value:"wan2.6-i2v",label:this.$t("wan.button.modelI2v")},{value:"wan2.6-i2v-flash",label:this.$t("wan.button.modelI2vFlash")},{value:"wan2.6-r2v",label:this.$t("wan.button.modelR2v")}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||(this.value=F)}}),$e={class:"field"},we={class:"title font-bold"},ve={class:"float-left"};function be(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",$e,[i("h2",we,a(e.$t("wan.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",ve,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=b(ge,[["render",be],["__scopeId","data-v-eb090beb"]]),ye="720p",Ve=v({name:"ResolutionSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:"480p",label:this.$t("wan.name.resolution480p")},{value:"720p",label:this.$t("wan.name.resolution720p")},{value:"1080p",label:this.$t("wan.name.resolution1080p")}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||(this.value=ye)}}),Te={class:"field"},Ee={class:"title font-bold"},Ie={class:"float-left"};function Se(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Te,[i("h2",Ee,a(e.$t("wan.name.resolution")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ie,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ue=b(Ve,[["render",Se],["__scopeId","data-v-3e39f44e"]]),Le=5,Ce=v({name:"DurationSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:5,label:this.$t("wan.name.duration5s")},{value:10,label:this.$t("wan.name.duration10s")},{value:15,label:this.$t("wan.name.duration15s")}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||(this.value=Le)}}),Re={class:"field"},Pe={class:"title font-bold"},Ae={class:"float-left"};function Ge(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Re,[i("h2",Pe,a(e.$t("wan.name.duration")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ae,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ce,[["render",Ge],["__scopeId","data-v-5f35a2cf"]]),Me=v({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:S,InfoIcon:K,ImagePreview:Y},mixins:[z,W],data(){return{fileList:[],uploadUrl:O()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrl()},methods:{onExceed(){T.warning(this.$t("wan.message.uploadImageExceed"))},onError(){T.error(this.$t("wan.message.uploadImageError"))},async onRemove(){T.error(this.$t("wan.message.uploadImageError"))},onSetImageUrl(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),Oe={class:"relative"},Be={class:"flex justify-between"},je={class:"flex justify-start items-center"},Ne={class:"text-sm font-bold"};function Fe(e,n,p,_,k,y){const d=o("info-icon"),u=o("image-preview"),l=o("el-button"),w=o("el-upload");return s(),r("div",Oe,[i("div",Be,[i("div",je,[i("span",Ne,a(e.$t("wan.name.imageUrl")),1),t(d,{content:e.$t("wan.description.imageUrl"),class:"info"},null,8,["content"])])]),t(w,{"file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:f})=>[f.url&&f.percentage!==void 0?(s(),$(u,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:g=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):m("",!0)]),default:c(()=>[t(l,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[h(a(e.$t("wan.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const qe=b(Me,[["render",Fe],["__scopeId","data-v-41a69004"]]),ze="",We=v({name:"PromptInput",components:{PromptTextarea:x},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ze)}});function He(e,n,p,_,k,y){const d=o("prompt-textarea");return s(),$(d,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=u=>e.prompt=u),title:e.$t("wan.name.prompt"),info:e.$t("wan.description.prompt"),placeholder:e.$t("wan.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Je=b(We,[["render",He]]),Ke=v({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:R,PromptInput:Je,ImageUrlInput:qe,ModelSelector:ke,ResolutionSelector:Ue,DurationSelector:De,Consumption:te},emits:["generate"],computed:{config(){return this.$store.state.wan?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){const e=this.config?.model;return e==="wan2.6-t2v"||e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"},supportsDuration(){return this.config?.model==="wan2.6-t2v"},supportsImageUrl(){const e=this.config?.model;return e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},Ye={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ze(e,n,p,_,k,y){const d=o("prompt-input"),u=o("model-selector"),l=o("resolution-selector"),w=o("duration-selector"),f=o("image-url-input"),g=o("consumption"),V=o("font-awesome-icon"),E=o("el-button");return s(),r("div",Qe,[i("div",Xe,[t(d,{class:"mb-4"}),t(u,{class:"mb-4"}),e.supportsResolution?(s(),$(l,{key:0,class:"mb-4"})):m("",!0),e.supportsDuration?(s(),$(w,{key:1,class:"mb-4"})):m("",!0),e.supportsImageUrl?(s(),$(f,{key:2,class:"mb-2"})):m("",!0)]),i("div",Ye,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+a(e.$t("wan.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=b(Ke,[["render",Ze]]),et=v({name:"TaskPreview",components:{ElImage:ce,CopyToClipboard:ne,FontAwesomeIcon:R,ElAlert:ie,VideoPlayer:ae,ElTooltip:re,ElButton:S,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:q}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug("on download wan video",e),window.open(e,"_blank")}}}),tt={class:"preview"},ot={class:"left"},st={class:"main"},nt={class:"bot"},at={class:"datetime"},lt={class:"info"},rt={key:0,class:"prompt mt-2"},it={key:0},ct={key:1},dt={key:0,class:L({content:!0,failed:!0})},ut={key:0,class:"mb-4"},pt={key:1,class:L({operations:!0,"mt-2":!0})},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},_t={key:1,class:L({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},bt={key:2,class:L({content:!0})},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function yt(e,n,p,_,k,y){const d=o("el-image"),u=o("video-player"),l=o("el-button"),w=o("el-tooltip"),f=o("api-code-button"),g=o("font-awesome-icon"),V=o("copy-to-clipboard"),E=o("el-alert");return s(),r("div",tt,[i("div",ot,[t(d,{src:e.WAN_LOGO,class:"avatar"},null,8,["src"])]),i("div",st,[i("div",nt,[h(a(e.$t("wan.name.wanBot"))+" ",1),i("span",at,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",lt,[e.modelValue?.request?.prompt?(s(),r("p",rt,[h(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?m("",!0):(s(),r("span",it," - ("+a(e.$t("wan.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="running"?(s(),r("span",ct," - ("+a(e.$t("wan.status.processing"))+") ",1)):m("",!0)])):m("",!0)]),e.modelValue?.response?.success===!0?(s(),r("div",dt,[e.modelValue?.response?.video_url?(s(),r("div",ut,[t(u,{src:e.modelValue?.response?.video_url},null,8,["src"])])):m("",!0),e.modelValue?.response?.video_url?(s(),r("div",pt,[t(w,{class:"box-item",effect:"dark",content:e.$t("wan.message.downloadVideo"),placement:"top-start"},{default:c(()=>[t(l,{type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=M(Pt=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[h(a(e.$t("wan.button.download")),1)]),_:1})]),_:1},8,["content"]),t(f,{path:"/wan/videos",body:e.modelValue?.request},null,8,["body"])])):m("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),r("p",mt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.model"))+": "+a(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):m("",!0),i("p",ft,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",ht,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0)]),_:1})])):m("",!0),e.modelValue?.response?.success===!1?(s(),r("div",_t,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",gt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),i("p",$t,[t(g,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+a(e.$t("wan.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",wt,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0),i("p",vt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):m("",!0),e.modelValue?.response?.success===void 0?(s(),r("div",bt,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",kt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):m("",!0)])])}const Vt=b(et,[["render",yt],["__scopeId","data-v-916b8970"]]),Tt=v({name:"RecentPanel",components:{TaskPreview:Vt,BotPlaceholder:de,NoTasks:ee,ScrollList:Q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Et={key:0},It={key:2,class:"w-full h-full flex items-center justify-center"};function St(e,n,p,_,k,y){const d=o("bot-placeholder"),u=o("task-preview"),l=o("scroll-list"),w=o("no-tasks");return s(),r(I,null,[e.tasks?.items===void 0?(s(),r("div",Et,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(l,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=f=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),r(I,null,U(e.tasks?.items,f=>(s(),$(u,{key:f.id,"model-value":f},null,8,["model-value"]))),128))]),_:1},8,["loading"])):m("",!0),e.tasks?.items?.length===0?(s(),r("div",It,[t(w)])):m("",!0)],64)}const Ut=b(Tt,[["render",St]]),Lt=N("wan"),Ct=v({name:"WanIndex",components:{ConfigPanel:xe,Layout:_e,RecentPanel:Ut},mixins:[H],inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("wan/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("wan/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:p,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",p,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("wan/getTasks",{limit:n,createdAtMin:p,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!J(this.uploadTracker,p=>this.$t(p),p=>T.warning(p)))return;const e={...this.config,callback_url:Lt},n=this.credential?.token;if(!n){console.error("no token specified");return}T.info(this.$t("wan.message.startingTask")),B("wan",j.generate(e,{token:n})).then(()=>{T.success(this.$t("wan.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===se?T.error(this.$t("wan.message.usedUp")):T.error(this.$t("wan.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Rt(e,n,p,_,k,y){const d=o("config-panel"),u=o("recent-panel"),l=o("layout");return s(),$(l,null,{config:c(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Lo=b(Ct,[["render",Rt]]);export{Lo as default};
+import{F as R}from"./index.es-DMDeBnDi.js";import{E as S}from"./index-BxvVaie9.js";import{E as D}from"./index-CuUKnN6i.js";import{d as v,C as r,D as i,z as C,E as t,y as c,J as o,q as s,H as a,M as I,L as U,x as $,N as h,I as m,K as M,P as L}from"./vendor-vue-BWIxYyW8.js";import{J as b,br as O,cy as B,b6 as j,S as G,cz as N}from"./index-DbTnCj6Y.js";import{a as F,b as q}from"./wan-DKq-jYOo.js";import{E as P,a as A}from"./index-B0SN8iJh.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{u as W,a as H,e as J}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as K,S as Q,l as X}from"./pagination-Dn-q2urn.js";import{I as Y}from"./ImagePreview-p_KcfXdL.js";import{E as Z}from"./index-CGLvj5qX.js";import{E as T}from"./index-CrQhQx4A.js";import{P as x,N as ee}from"./NoTasks-DT0mCAX4.js";import{C as te}from"./Consumption-BIoTkjic.js";import{a as oe}from"./price-DeYmurJ6.js";import{b as se}from"./errorCode-Cqj9Td_Z.js";import{C as ne}from"./CopyToClipboard-DtIK0kcZ.js";import{V as ae}from"./VideoPlayer-CKHzUjKf.js";import{A as le}from"./ApiCodeButton-CUcTPTtZ.js";import{E as re}from"./index-DuvI3onY.js";import{E as ie}from"./index-Ds8WPxf_.js";import{E as ce}from"./index-B66z64hx.js";import{B as de}from"./BotPlaceholder-Cn18WSZp.js";import"./use-form-item-B1LdPsOA.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CXJwHbs-.js";import"./typescript-CY0oKMIT.js";import"./index-Do6ztq8u.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-ARjTA69Y.js";import"./_Uint8Array-CXUVTNFA.js";import"./castArray-Cv8DqDDB.js";import"./index-Dwi7KeFX.js";import"./index-BQHgP10P.js";import"./debounce-B-vwp3ga.js";import"./_baseIteratee-CCPLrKcd.js";import"./index-DFezti2N.js";import"./highlight-B061e0XK.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-CM2xkTYW.js";import"./_baseClone-CbUe37lr.js";import"./_initCloneObject-B8-TXaLO.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DqtdF-UV.js";const ue=v({name:"LayoutWan",components:{ElDrawer:D,ElButton:S,FontAwesomeIcon:R},data(){return{drawer:!1}}}),pe={class:"main flex flex-row flex-1"},me={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},fe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function he(e,n,p,_,k,y){const d=o("font-awesome-icon"),u=o("el-button"),l=o("el-drawer");return s(),r("div",pe,[i("div",me,[C(e.$slots,"config",{},void 0,!0)]),i("div",fe,[C(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:n[0]||(n[0]=w=>e.drawer=!0)},{default:c(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":n[1]||(n[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"340px"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const _e=b(ue,[["render",he],["__scopeId","data-v-3b0702a7"]]),ge=v({name:"ModelSelector",components:{ElSelect:A,ElOption:P},data(){return{}},computed:{options(){return[{value:"wan2.6-t2v",label:this.$t("wan.button.modelT2v")},{value:"wan2.6-i2v",label:this.$t("wan.button.modelI2v")},{value:"wan2.6-i2v-flash",label:this.$t("wan.button.modelI2vFlash")},{value:"wan2.6-r2v",label:this.$t("wan.button.modelR2v")}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||(this.value=F)}}),$e={class:"field"},we={class:"title font-bold"},ve={class:"float-left"};function be(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",$e,[i("h2",we,a(e.$t("wan.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",ve,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=b(ge,[["render",be],["__scopeId","data-v-eb090beb"]]),ye="720p",Ve=v({name:"ResolutionSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:"480p",label:this.$t("wan.name.resolution480p")},{value:"720p",label:this.$t("wan.name.resolution720p")},{value:"1080p",label:this.$t("wan.name.resolution1080p")}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||(this.value=ye)}}),Te={class:"field"},Ee={class:"title font-bold"},Ie={class:"float-left"};function Se(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Te,[i("h2",Ee,a(e.$t("wan.name.resolution")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ie,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ue=b(Ve,[["render",Se],["__scopeId","data-v-3e39f44e"]]),Le=5,Ce=v({name:"DurationSelector",components:{ElSelect:A,ElOption:P},computed:{options(){return[{value:5,label:this.$t("wan.name.duration5s")},{value:10,label:this.$t("wan.name.duration10s")},{value:15,label:this.$t("wan.name.duration15s")}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||(this.value=Le)}}),Re={class:"field"},Pe={class:"title font-bold"},Ae={class:"float-left"};function Ge(e,n,p,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Re,[i("h2",Pe,a(e.$t("wan.name.duration")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ae,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ce,[["render",Ge],["__scopeId","data-v-5f35a2cf"]]),Me=v({name:"ImageUrlInput",components:{ElUpload:Z,ElButton:S,InfoIcon:K,ImagePreview:Y},mixins:[z,W],data(){return{fileList:[],uploadUrl:O()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrl()},methods:{onExceed(){T.warning(this.$t("wan.message.uploadImageExceed"))},onError(){T.error(this.$t("wan.message.uploadImageError"))},async onRemove(){T.error(this.$t("wan.message.uploadImageError"))},onSetImageUrl(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),Oe={class:"relative"},Be={class:"flex justify-between"},je={class:"flex justify-start items-center"},Ne={class:"text-sm font-bold"};function Fe(e,n,p,_,k,y){const d=o("info-icon"),u=o("image-preview"),l=o("el-button"),w=o("el-upload");return s(),r("div",Oe,[i("div",Be,[i("div",je,[i("span",Ne,a(e.$t("wan.name.imageUrl")),1),t(d,{content:e.$t("wan.description.imageUrl"),class:"info"},null,8,["content"])])]),t(w,{"file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=f=>e.fileList=f),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:f})=>[f.url&&f.percentage!==void 0?(s(),$(u,{key:0,url:f.url,name:f.name,percentage:f.percentage,onRemove:g=>e.fileList.splice(e.fileList.indexOf(f),1)},null,8,["url","name","percentage","onRemove"])):m("",!0)]),default:c(()=>[t(l,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[h(a(e.$t("wan.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const qe=b(Me,[["render",Fe],["__scopeId","data-v-41a69004"]]),ze="",We=v({name:"PromptInput",components:{PromptTextarea:x},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ze)}});function He(e,n,p,_,k,y){const d=o("prompt-textarea");return s(),$(d,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=u=>e.prompt=u),title:e.$t("wan.name.prompt"),info:e.$t("wan.description.prompt"),placeholder:e.$t("wan.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Je=b(We,[["render",He]]),Ke=v({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:R,PromptInput:Je,ImageUrlInput:qe,ModelSelector:ke,ResolutionSelector:Ue,DurationSelector:De,Consumption:te},emits:["generate"],computed:{config(){return this.$store.state.wan?.config},consumption(){return oe(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){const e=this.config?.model;return e==="wan2.6-t2v"||e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"},supportsDuration(){return this.config?.model==="wan2.6-t2v"},supportsImageUrl(){const e=this.config?.model;return e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},Ye={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ze(e,n,p,_,k,y){const d=o("prompt-input"),u=o("model-selector"),l=o("resolution-selector"),w=o("duration-selector"),f=o("image-url-input"),g=o("consumption"),V=o("font-awesome-icon"),E=o("el-button");return s(),r("div",Qe,[i("div",Xe,[t(d,{class:"mb-4"}),t(u,{class:"mb-4"}),e.supportsResolution?(s(),$(l,{key:0,class:"mb-4"})):m("",!0),e.supportsDuration?(s(),$(w,{key:1,class:"mb-4"})):m("",!0),e.supportsImageUrl?(s(),$(f,{key:2,class:"mb-2"})):m("",!0)]),i("div",Ye,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+a(e.$t("wan.button.generate")),1)]),_:1},8,["onClick"])])])}const xe=b(Ke,[["render",Ze]]),et=v({name:"TaskPreview",components:{ElImage:ce,CopyToClipboard:ne,FontAwesomeIcon:R,ElAlert:ie,VideoPlayer:ae,ElTooltip:re,ElButton:S,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:q}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug("on download wan video",e),window.open(e,"_blank")}}}),tt={class:"preview"},ot={class:"left"},st={class:"main"},nt={class:"bot"},at={class:"datetime"},lt={class:"info"},rt={key:0,class:"prompt mt-2"},it={key:0},ct={key:1},dt={key:0,class:L({content:!0,failed:!0})},ut={key:0,class:"mb-4"},pt={key:1,class:L({operations:!0,"mt-2":!0})},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},_t={key:1,class:L({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},bt={key:2,class:L({content:!0})},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function yt(e,n,p,_,k,y){const d=o("el-image"),u=o("video-player"),l=o("el-button"),w=o("el-tooltip"),f=o("api-code-button"),g=o("font-awesome-icon"),V=o("copy-to-clipboard"),E=o("el-alert");return s(),r("div",tt,[i("div",ot,[t(d,{src:e.WAN_LOGO,class:"avatar"},null,8,["src"])]),i("div",st,[i("div",nt,[h(a(e.$t("wan.name.wanBot"))+" ",1),i("span",at,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",lt,[e.modelValue?.request?.prompt?(s(),r("p",rt,[h(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?m("",!0):(s(),r("span",it," - ("+a(e.$t("wan.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="running"?(s(),r("span",ct," - ("+a(e.$t("wan.status.processing"))+") ",1)):m("",!0)])):m("",!0)]),e.modelValue?.response?.success===!0?(s(),r("div",dt,[e.modelValue?.response?.video_url?(s(),r("div",ut,[t(u,{src:e.modelValue?.response?.video_url},null,8,["src"])])):m("",!0),e.modelValue?.response?.video_url?(s(),r("div",pt,[t(w,{class:"box-item",effect:"dark",content:e.$t("wan.message.downloadVideo"),placement:"top-start"},{default:c(()=>[t(l,{type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=M(Pt=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[h(a(e.$t("wan.button.download")),1)]),_:1})]),_:1},8,["content"]),t(f,{path:"/wan/videos",body:e.modelValue?.request},null,8,["body"])])):m("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),r("p",mt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.model"))+": "+a(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):m("",!0),i("p",ft,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",ht,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0)]),_:1})])):m("",!0),e.modelValue?.response?.success===!1?(s(),r("div",_t,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",gt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),i("p",$t,[t(g,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+a(e.$t("wan.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",wt,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):m("",!0),i("p",vt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+a(e.$t("wan.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):m("",!0),e.modelValue?.response?.success===void 0?(s(),r("div",bt,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",kt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):m("",!0)])])}const Vt=b(et,[["render",yt],["__scopeId","data-v-916b8970"]]),Tt=v({name:"RecentPanel",components:{TaskPreview:Vt,BotPlaceholder:de,NoTasks:ee,ScrollList:Q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Et={key:0},It={key:2,class:"w-full h-full flex items-center justify-center"};function St(e,n,p,_,k,y){const d=o("bot-placeholder"),u=o("task-preview"),l=o("scroll-list"),w=o("no-tasks");return s(),r(I,null,[e.tasks?.items===void 0?(s(),r("div",Et,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(l,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=f=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),r(I,null,U(e.tasks?.items,f=>(s(),$(u,{key:f.id,"model-value":f},null,8,["model-value"]))),128))]),_:1},8,["loading"])):m("",!0),e.tasks?.items?.length===0?(s(),r("div",It,[t(w)])):m("",!0)],64)}const Ut=b(Tt,[["render",St]]),Lt=N("wan"),Ct=v({name:"WanIndex",components:{ConfigPanel:xe,Layout:_e,RecentPanel:Ut},mixins:[H],inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("wan/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("wan/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:p,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",p,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("wan/getTasks",{limit:n,createdAtMin:p,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!J(this.uploadTracker,p=>this.$t(p),p=>T.warning(p)))return;const e={...this.config,callback_url:Lt},n=this.credential?.token;if(!n){console.error("no token specified");return}T.info(this.$t("wan.message.startingTask")),B("wan",j.generate(e,{token:n})).then(()=>{T.success(this.$t("wan.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===se?T.error(this.$t("wan.message.usedUp")):T.error(this.$t("wan.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Rt(e,n,p,_,k,y){const d=o("config-panel"),u=o("recent-panel"),l=o("layout");return s(),$(l,null,{config:c(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Lo=b(Ct,[["render",Rt]]);export{Lo as default};

package/dist/assets/{Index-DfXsKJR4.js → Index-CSNW19W4.js}

@@ -1 +1 @@
-import{L as G}from"./Hailuo-Ca6pOxJe.js";import{F as P}from"./index.es-ChY1FlMW.js";import{J as b,br as A,cx as R,aT as M,S as L,cy as B}from"./index-D8aPgnGc.js";import{a as j}from"./hailuo-C8Dw-0xR.js";import{E as D,a as q}from"./index-qdj2_nOs.js";import{d as y,C as l,D as r,H as o,E as t,y as c,M as I,L as U,J as a,q as s,x as $,N as m,I as d,K as F,P as V}from"./vendor-vue-BWIxYyW8.js";import{p as O}from"./pasteUploadMixin-BurWbGNQ.js";import{u as N,a as z,e as H}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as J,S as K,l as W}from"./pagination-C95fpX7B.js";import{I as Q}from"./ImagePreview-BX_sHHDN.js";import{E as C}from"./index-Cf_g4cNy.js";import{E as X}from"./index-BTNb2CTo.js";import{E as v}from"./index-DZku_iGx.js";import{P as Y,N as Z}from"./NoTasks-tQdol0_2.js";import{C as x}from"./Consumption-CpH3KfFv.js";import{a as ee}from"./price-CMLeXGYL.js";import{b as te}from"./errorCode-Cqj9Td_Z.js";import{C as oe}from"./CopyToClipboard-CZv5BP7B.js";import{V as se}from"./VideoPlayer-C5VQJMsC.js";import{A as ae}from"./ApiCodeButton-DqTuCryR.js";import{E as ne}from"./index-DbIiryMD.js";import{E as le}from"./index-CbnGYE9U.js";import{E as ie}from"./index-mLHeIJV7.js";import{B as re}from"./BotPlaceholder-xpsKXt0P.js";import"./index-Cvqp7__y.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CcYwI3ai.js";import"./typescript-B00PCKaI.js";import"./index-Pbe8CChL.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-CfWw3lpS.js";import"./_Uint8Array-DtfKpEZY.js";import"./castArray-CbnSaxKn.js";import"./use-form-item-Bb96LHMh.js";import"./index-DNCRlcDT.js";import"./index-BNHSnEGK.js";import"./debounce-Dl8en2o_.js";import"./_baseIteratee-CY2Cl0zu.js";import"./index-D_7iS0Ka.js";import"./highlight-CHE-J5E7.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-DhOSddkE.js";import"./index-BuyEbX8F.js";import"./_baseClone-dGPbkYnN.js";import"./_initCloneObject-BzDf8hsu.js";import"./vue-plyr-BO2nlN4c.js";import"./index-TUT4Ls42.js";const ce=y({name:"ModelSelector",components:{ElSelect:q,ElOption:D},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")},{value:"minimax-i2v-director",label:this.$t("hailuo.button.model3")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=j)}}),ue={class:"field"},me={class:"title font-bold"},de={class:"float-left"};function pe(e,n,p,_,w,T){const f=a("el-option"),g=a("el-select");return s(),l("div",ue,[r("h2",me,o(e.$t("hailuo.name.model")),1),t(g,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=u=>e.value=u),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),l(I,null,U(e.options,u=>(s(),$(f,{key:u.value,label:u.label,value:u.value},{default:c(()=>[r("span",de,o(u.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const he=b(ce,[["render",pe],["__scopeId","data-v-a768fbd9"]]),fe=y({name:"StartImageUrlInput",components:{ElUpload:X,ElButton:C,InfoIcon:J,ImagePreview:Q},mixins:[O,N],data(){return{fileList:[],uploadUrl:A()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){v.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){v.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){v.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),ge={class:"relative"},_e={class:"flex justify-between"},$e={class:"flex justify-start items-center"},ve={class:"text-sm font-bold"};function ke(e,n,p,_,w,T){const f=a("info-icon"),g=a("image-preview"),u=a("el-button"),k=a("el-upload");return s(),l("div",ge,[r("div",_e,[r("div",$e,[r("span",ve,o(e.$t("hailuo.name.startImageUrl")),1),t(f,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(k,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:i})=>[i.url&&i.percentage!==void 0?(s(),$(g,{key:0,url:i.url,name:i.name,percentage:i.percentage,onRemove:h=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:c(()=>[t(u,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[m(o(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const be=b(fe,[["render",ke],["__scopeId","data-v-fbf49b06"]]),ye="",we=y({name:"PromptInput",components:{PromptTextarea:Y},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ye)}});function Te(e,n,p,_,w,T){const f=a("prompt-textarea");return s(),$(f,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=g=>e.prompt=g),title:e.$t("hailuo.name.prompt"),info:e.$t("hailuo.description.prompt"),placeholder:e.$t("hailuo.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Se=b(we,[["render",Te]]),Ve=y({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:P,PromptInput:Se,StartImageUrlInput:be,ModelSelector:he,Consumption:x},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ee={class:"flex flex-col h-full"},Ie={class:"flex-1 overflow-y-auto p-5"},Ce={class:"flex flex-col items-center justify-center px-5 pb-5"};function Le(e,n,p,_,w,T){const f=a("prompt-input"),g=a("model-selector"),u=a("start-image-url-input"),k=a("consumption"),i=a("font-awesome-icon"),h=a("el-button");return s(),l("div",Ee,[r("div",Ie,[t(f,{class:"mb-4"}),t(g,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(s(),$(u,{key:0,class:"mb-2"})):d("",!0)]),r("div",Ce,[t(k,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(s(),$(h,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(s(),$(h,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Pe=b(Ve,[["render",Le]]),Ue=y({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:oe,FontAwesomeIcon:P,ElAlert:le,VideoPlayer:se,ElTooltip:ne,ElButton:C,ApiCodeButton:ae},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Ge={class:"preview"},Ae={class:"left"},Re={class:"main"},Me={class:"bot"},Be={class:"datetime"},je={class:"info"},De={key:0,class:"prompt mt-2"},qe={key:0},Fe={key:1},Oe={key:0,class:V({content:!0,failed:!0})},Ne={key:0,class:"mb-4"},ze={key:1,class:V({operations:!0,"mt-2":!0})},He={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Je={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ke={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},We={key:1,class:V({content:!0})},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ye={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ze={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},xe={key:2,class:V({content:!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function tt(e,n,p,_,w,T){const f=a("el-image"),g=a("video-player"),u=a("el-button"),k=a("el-tooltip"),i=a("api-code-button"),h=a("font-awesome-icon"),S=a("copy-to-clipboard"),E=a("el-alert");return s(),l("div",Ge,[r("div",Ae,[t(f,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),r("div",Re,[r("div",Me,[m(o(e.$t("hailuo.name.hailuoBot"))+" ",1),r("span",Be,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",je,[e.modelValue?.request?.prompt?(s(),l("p",De,[m(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(s(),l("span",qe," - ("+o(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(s(),l("span",Fe," - ("+o(e.$t("hailuo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0?(s(),l("div",Oe,[e.video?.video_url?(s(),l("div",Ne,[t(g,{src:e.video?.video_url},null,8,["src"])])):d("",!0),e.video?(s(),l("div",ze,[t(k,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.video?.video_url?(s(),$(u,{key:0,type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=F(mt=>e.onDownload(e.video?.video_url),["stop"]))},{default:c(()=>[m(o(e.$t("hailuo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"]),t(i,{path:"/hailuo/videos",body:e.modelValue?.request},null,8,["body"])])):d("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),l("p",He,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.model"))+": "+o(e.modelValue?.request?.model)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])])):d("",!0),r("p",Je,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Ke,[t(h,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(s(),l("div",We,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",Qe,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])]),r("p",Xe,[t(h,{icon:"fa-solid fa-circle-info",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),t(S,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Ye,[t(h,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),r("p",Ze,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),t(S,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(s(),l("div",xe,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",et,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):d("",!0)])])}const ot=b(Ue,[["render",tt],["__scopeId","data-v-53d13da4"]]),st=y({name:"RecentPanel",components:{TaskPreview:ot,BotPlaceholder:re,NoTasks:Z,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),at={key:0},nt={key:2,class:"w-full h-full flex items-center justify-center"};function lt(e,n,p,_,w,T){const f=a("bot-placeholder"),g=a("task-preview"),u=a("scroll-list"),k=a("no-tasks");return s(),l(I,null,[e.tasks?.items===void 0?(s(),l("div",at,[t(f)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(u,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=i=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),l(I,null,U(e.tasks?.items,i=>(s(),$(g,{key:i.id,"model-value":i},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(s(),l("div",nt,[t(k)])):d("",!0)],64)}const it=b(st,[["render",lt]]),rt=B("hailuo"),ct=y({name:"HailuoIndex",components:{ConfigPanel:Pe,Layout:G,RecentPanel:it},mixins:[z],inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:p,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",p,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:n,createdAtMin:p,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,p=>this.$t(p),p=>v.warning(p)))return;const e={...this.config,callback_url:rt},n=this.credential?.token;if(!n){console.error("no token specified");return}v.info(this.$t("hailuo.message.startingTask")),R("hailuo",M.generate(e,{token:n})).then(()=>{v.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===te?v.error(this.$t("hailuo.message.usedUp")):v.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ut(e,n,p,_,w,T){const f=a("config-panel"),g=a("recent-panel"),u=a("layout");return s(),$(u,null,{config:c(()=>[t(f,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(g,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ro=b(ct,[["render",ut]]);export{ro as default};
+import{L as G}from"./Hailuo-BQXRaWty.js";import{F as P}from"./index.es-DMDeBnDi.js";import{J as b,br as A,cy as R,aT as M,S as L,cz as B}from"./index-DbTnCj6Y.js";import{a as j}from"./hailuo-C8Dw-0xR.js";import{E as D,a as q}from"./index-B0SN8iJh.js";import{d as y,C as l,D as r,H as o,E as t,y as c,M as I,L as U,J as a,q as s,x as $,N as m,I as d,K as F,P as V}from"./vendor-vue-BWIxYyW8.js";import{p as O}from"./pasteUploadMixin-BurWbGNQ.js";import{u as z,a as N,e as H}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as J,S as K,l as W}from"./pagination-Dn-q2urn.js";import{I as Q}from"./ImagePreview-p_KcfXdL.js";import{E as C}from"./index-BxvVaie9.js";import{E as X}from"./index-CGLvj5qX.js";import{E as v}from"./index-CrQhQx4A.js";import{P as Y,N as Z}from"./NoTasks-DT0mCAX4.js";import{C as x}from"./Consumption-BIoTkjic.js";import{a as ee}from"./price-DeYmurJ6.js";import{b as te}from"./errorCode-Cqj9Td_Z.js";import{C as oe}from"./CopyToClipboard-DtIK0kcZ.js";import{V as se}from"./VideoPlayer-CKHzUjKf.js";import{A as ae}from"./ApiCodeButton-CUcTPTtZ.js";import{E as ne}from"./index-DuvI3onY.js";import{E as le}from"./index-Ds8WPxf_.js";import{E as ie}from"./index-B66z64hx.js";import{B as re}from"./BotPlaceholder-Cn18WSZp.js";import"./index-CuUKnN6i.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-CXJwHbs-.js";import"./typescript-CY0oKMIT.js";import"./index-Do6ztq8u.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-ARjTA69Y.js";import"./_Uint8Array-CXUVTNFA.js";import"./castArray-Cv8DqDDB.js";import"./use-form-item-B1LdPsOA.js";import"./index-Dwi7KeFX.js";import"./index-BQHgP10P.js";import"./debounce-B-vwp3ga.js";import"./_baseIteratee-CCPLrKcd.js";import"./index-DFezti2N.js";import"./highlight-B061e0XK.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-CM2xkTYW.js";import"./index-BuyEbX8F.js";import"./_baseClone-CbUe37lr.js";import"./_initCloneObject-B8-TXaLO.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DqtdF-UV.js";const ce=y({name:"ModelSelector",components:{ElSelect:q,ElOption:D},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")},{value:"minimax-i2v-director",label:this.$t("hailuo.button.model3")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=j)}}),ue={class:"field"},me={class:"title font-bold"},de={class:"float-left"};function pe(e,n,p,_,w,T){const f=a("el-option"),g=a("el-select");return s(),l("div",ue,[r("h2",me,o(e.$t("hailuo.name.model")),1),t(g,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=u=>e.value=u),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),l(I,null,U(e.options,u=>(s(),$(f,{key:u.value,label:u.label,value:u.value},{default:c(()=>[r("span",de,o(u.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const he=b(ce,[["render",pe],["__scopeId","data-v-a768fbd9"]]),fe=y({name:"StartImageUrlInput",components:{ElUpload:X,ElButton:C,InfoIcon:J,ImagePreview:Q},mixins:[O,z],data(){return{fileList:[],uploadUrl:A()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){v.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){v.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){v.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),ge={class:"relative"},_e={class:"flex justify-between"},$e={class:"flex justify-start items-center"},ve={class:"text-sm font-bold"};function ke(e,n,p,_,w,T){const f=a("info-icon"),g=a("image-preview"),u=a("el-button"),k=a("el-upload");return s(),l("div",ge,[r("div",_e,[r("div",$e,[r("span",ve,o(e.$t("hailuo.name.startImageUrl")),1),t(f,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(k,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:i})=>[i.url&&i.percentage!==void 0?(s(),$(g,{key:0,url:i.url,name:i.name,percentage:i.percentage,onRemove:h=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:c(()=>[t(u,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[m(o(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const be=b(fe,[["render",ke],["__scopeId","data-v-fbf49b06"]]),ye="",we=y({name:"PromptInput",components:{PromptTextarea:Y},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ye)}});function Te(e,n,p,_,w,T){const f=a("prompt-textarea");return s(),$(f,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=g=>e.prompt=g),title:e.$t("hailuo.name.prompt"),info:e.$t("hailuo.description.prompt"),placeholder:e.$t("hailuo.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Se=b(we,[["render",Te]]),Ve=y({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:P,PromptInput:Se,StartImageUrlInput:be,ModelSelector:he,Consumption:x},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ee={class:"flex flex-col h-full"},Ie={class:"flex-1 overflow-y-auto p-5"},Ce={class:"flex flex-col items-center justify-center px-5 pb-5"};function Le(e,n,p,_,w,T){const f=a("prompt-input"),g=a("model-selector"),u=a("start-image-url-input"),k=a("consumption"),i=a("font-awesome-icon"),h=a("el-button");return s(),l("div",Ee,[r("div",Ie,[t(f,{class:"mb-4"}),t(g,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(s(),$(u,{key:0,class:"mb-2"})):d("",!0)]),r("div",Ce,[t(k,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(s(),$(h,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(s(),$(h,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Pe=b(Ve,[["render",Le]]),Ue=y({name:"TaskPreview",components:{ElImage:ie,CopyToClipboard:oe,FontAwesomeIcon:P,ElAlert:le,VideoPlayer:se,ElTooltip:ne,ElButton:C,ApiCodeButton:ae},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Ge={class:"preview"},Ae={class:"left"},Re={class:"main"},Me={class:"bot"},Be={class:"datetime"},je={class:"info"},De={key:0,class:"prompt mt-2"},qe={key:0},Fe={key:1},Oe={key:0,class:V({content:!0,failed:!0})},ze={key:0,class:"mb-4"},Ne={key:1,class:V({operations:!0,"mt-2":!0})},He={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Je={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ke={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},We={key:1,class:V({content:!0})},Qe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xe={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ye={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ze={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},xe={key:2,class:V({content:!0})},et={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function tt(e,n,p,_,w,T){const f=a("el-image"),g=a("video-player"),u=a("el-button"),k=a("el-tooltip"),i=a("api-code-button"),h=a("font-awesome-icon"),S=a("copy-to-clipboard"),E=a("el-alert");return s(),l("div",Ge,[r("div",Ae,[t(f,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),r("div",Re,[r("div",Me,[m(o(e.$t("hailuo.name.hailuoBot"))+" ",1),r("span",Be,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",je,[e.modelValue?.request?.prompt?(s(),l("p",De,[m(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(s(),l("span",qe," - ("+o(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(s(),l("span",Fe," - ("+o(e.$t("hailuo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0?(s(),l("div",Oe,[e.video?.video_url?(s(),l("div",ze,[t(g,{src:e.video?.video_url},null,8,["src"])])):d("",!0),e.video?(s(),l("div",Ne,[t(k,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.video?.video_url?(s(),$(u,{key:0,type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=F(mt=>e.onDownload(e.video?.video_url),["stop"]))},{default:c(()=>[m(o(e.$t("hailuo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"]),t(i,{path:"/hailuo/videos",body:e.modelValue?.request},null,8,["body"])])):d("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),l("p",He,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.model"))+": "+o(e.modelValue?.request?.model)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])])):d("",!0),r("p",Je,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Ke,[t(h,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(s(),l("div",We,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",Qe,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])]),r("p",Xe,[t(h,{icon:"fa-solid fa-circle-info",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),t(S,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Ye,[t(h,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),r("p",Ze,[t(h,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),t(S,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(s(),l("div",xe,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(h,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",et,[t(h,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(S,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):d("",!0)])])}const ot=b(Ue,[["render",tt],["__scopeId","data-v-53d13da4"]]),st=y({name:"RecentPanel",components:{TaskPreview:ot,BotPlaceholder:re,NoTasks:Z,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),at={key:0},nt={key:2,class:"w-full h-full flex items-center justify-center"};function lt(e,n,p,_,w,T){const f=a("bot-placeholder"),g=a("task-preview"),u=a("scroll-list"),k=a("no-tasks");return s(),l(I,null,[e.tasks?.items===void 0?(s(),l("div",at,[t(f)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(u,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=i=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),l(I,null,U(e.tasks?.items,i=>(s(),$(g,{key:i.id,"model-value":i},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(s(),l("div",nt,[t(k)])):d("",!0)],64)}const it=b(st,[["render",lt]]),rt=B("hailuo"),ct=y({name:"HailuoIndex",components:{ConfigPanel:Pe,Layout:G,RecentPanel:it},mixins:[N],inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:n=5,createdAtMin:p,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",p,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:n,createdAtMin:p,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,p=>this.$t(p),p=>v.warning(p)))return;const e={...this.config,callback_url:rt},n=this.credential?.token;if(!n){console.error("no token specified");return}v.info(this.$t("hailuo.message.startingTask")),R("hailuo",M.generate(e,{token:n})).then(()=>{v.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(p=>{p?.response?.data?.error?.code===te?v.error(this.$t("hailuo.message.usedUp")):v.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ut(e,n,p,_,w,T){const f=a("config-panel"),g=a("recent-panel"),u=a("layout");return s(),$(u,null,{config:c(()=>[t(f,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(g,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ro=b(ct,[["render",ut]]);export{ro as default};