@acedatacloud/nexior 3.246.0 → 3.248.0

package/dist/assets/{Index-3CteNsV0.js → Index-DMXFEBbF.js}

@@ -1 +1 @@
-import{F as R}from"./index.es-BOp1mIpX.js";import{E as S}from"./index-B9VQ4AML.js";import{E as D}from"./index-U0ehRjih.js";import{d as v,H as r,E as i,z as C,C as t,y as c,D as o,q as s,F as a,O as I,N as U,x as $,I as h,J as m,M,Q as L}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as O,cs as B,b5 as j,S as G,ct as F}from"./index-BkYTg4CU.js";import{a as N,b as q}from"./wan-DKq-jYOo.js";import{E as A,a as P}from"./index-DCHfnZQR.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-BrqD44nl.js";import{I as Y}from"./ImagePreview-Dtp_mint.js";import{E as Z}from"./index--fj6vK-H.js";import{E as T}from"./index-CVlx1eM8.js";import{P as x,N as ee}from"./NoTasks-pFw5z2ks.js";import{C as te}from"./Consumption-BR58QDMb.js";import{a as oe}from"./price-BhkXfZ47.js";import{b as se}from"./errorCode-Cqj9Td_Z.js";import{C as ne}from"./CopyToClipboard-BV5FGTDL.js";import{V as ae}from"./VideoPlayer-ChJIW0wl.js";import{A as le}from"./ApiCodeButton-B371cGlS.js";import{E as re}from"./index-D4SNAooQ.js";import{E as ie}from"./index-BDXJTtbW.js";import{E as ce}from"./index-C8OL6j-4.js";import{B as de}from"./BotPlaceholder-VQ9INowL.js";import"./use-form-item-Cn-D_EyX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-0oMiVQg4.js";import"./typescript-B0OiVzCL.js";import"./index-fsE4MUxW.js";import"./strings-beZM2Y-f.js";import"./isEqual-Iwxodqbz.js";import"./_Uint8Array-DAIVRyTF.js";import"./castArray-LOj3KWC8.js";import"./index-zTq1js5B.js";import"./index-DOHqiABV.js";import"./debounce-D9r3U3cl.js";import"./_baseIteratee-BcmKw-xM.js";import"./index-v6nm2KQ5.js";import"./highlight-CInNOqMj.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BwEbps56.js";import"./_baseClone-CgLO05UN.js";import"./_initCloneObject-Dk_YIBZb.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DT0EA6J1.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:P,ElOption:A},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=N)}}),$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:P,ElOption:A},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:P,ElOption:A},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"},Ae={class:"title font-bold"},Pe={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",Ae,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",Pe,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"},Fe={class:"text-sm font-bold"};function Ne(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",Fe,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",Ne],["__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(At=>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=F("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-CLQR2iBw.js";import{E as S}from"./index-DpLV-Pq9.js";import{E as D}from"./index-DJjyFLlw.js";import{d as v,H as r,E as i,z as C,C as t,y as c,D as o,q as s,F as a,O as I,N as U,x as $,I as h,J as m,M,Q as L}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as O,cs as B,b5 as j,S as G,ct as F}from"./index-CVH6GWSn.js";import{a as N,b as q}from"./wan-DKq-jYOo.js";import{E as A,a as P}from"./index-Du5AFIP4.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-DiGyJEay.js";import{I as Y}from"./ImagePreview-DeNxw7C3.js";import{E as Z}from"./index-BOikF7Vg.js";import{E as T}from"./index-CisFWmyE.js";import{P as x,N as ee}from"./NoTasks-CBf4UVlo.js";import{C as te}from"./Consumption-BoW8Yj1Z.js";import{a as oe}from"./price-B1xKQHsz.js";import{b as se}from"./errorCode-Cqj9Td_Z.js";import{C as ne}from"./CopyToClipboard-Ih2qsYgN.js";import{V as ae}from"./VideoPlayer-2W03rLFF.js";import{A as le}from"./ApiCodeButton-CsgRae2o.js";import{E as re}from"./index-ByCbBTje.js";import{E as ie}from"./index-BizFhdaE.js";import{E as ce}from"./index-br52C4yM.js";import{B as de}from"./BotPlaceholder-B-UqCz8R.js";import"./use-form-item-BV_L9kB7.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BiSfH4hc.js";import"./typescript-BXdqla6u.js";import"./index-Dw6ZevFg.js";import"./strings-beZM2Y-f.js";import"./isEqual-CWBDsFs3.js";import"./_Uint8Array-Cj-LmGzx.js";import"./castArray-9ufFSW5u.js";import"./index-EBzcwoVz.js";import"./index-CLOxJQ_9.js";import"./debounce-zyhh1kFW.js";import"./_baseIteratee-BcXwWZMY.js";import"./index-Dbz6Whu6.js";import"./highlight-CYeIx3eC.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BsWkCEVF.js";import"./_baseClone-CD4xkhO5.js";import"./_initCloneObject-CIlwXpy7.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DAZIhRrh.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:P,ElOption:A},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=N)}}),$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:P,ElOption:A},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:P,ElOption:A},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"},Ae={class:"title font-bold"},Pe={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",Ae,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",Pe,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"},Fe={class:"text-sm font-bold"};function Ne(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",Fe,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",Ne],["__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(At=>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=F("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-DD8rqZqG.js → Index-Du4BEkbn.js}

@@ -1 +1 @@
-import{F as E}from"./index.es-BOp1mIpX.js";import{E as C}from"./index-B9VQ4AML.js";import{E as j}from"./index-U0ehRjih.js";import{d as v,H as c,E as l,z as L,C as t,y as f,D as s,q as n,F as a,O as T,N as S,x as w,I as _,J as $,Q as I}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as F,cs as M,aQ as D,S as A,ct as B}from"./index-BkYTg4CU.js";import{a as O,b as N,c as q}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-DCHfnZQR.js";import{I as R,S as z,l as H}from"./pagination-BrqD44nl.js";import{E as X}from"./index-Ds4AqnCT.js";import{E as Q}from"./index-CsUt_G5g.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{u as J,a as K,e as Y}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as Z}from"./ImagePreview-Dtp_mint.js";import{E as ee}from"./index--fj6vK-H.js";import{E as y}from"./index-CVlx1eM8.js";import{P as te,N as oe}from"./NoTasks-pFw5z2ks.js";import{C as se}from"./Consumption-BR58QDMb.js";import{a as ne}from"./price-BhkXfZ47.js";import{b as ae}from"./errorCode-Cqj9Td_Z.js";import{C as le}from"./CopyToClipboard-BV5FGTDL.js";import{I as re}from"./ImageWrapper-D1cgkPLm.js";import{A as ie}from"./ApiCodeButton-B371cGlS.js";import{E as ce}from"./index-BDXJTtbW.js";import{E as ue}from"./index-C8OL6j-4.js";import{B as de}from"./BotPlaceholder-VQ9INowL.js";import"./use-form-item-Cn-D_EyX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-D4SNAooQ.js";import"./index-fsE4MUxW.js";import"./typescript-B0OiVzCL.js";import"./index-0oMiVQg4.js";import"./strings-beZM2Y-f.js";import"./isEqual-Iwxodqbz.js";import"./_Uint8Array-DAIVRyTF.js";import"./castArray-LOj3KWC8.js";import"./index-zTq1js5B.js";import"./index-DOHqiABV.js";import"./debounce-D9r3U3cl.js";import"./_baseIteratee-BcmKw-xM.js";import"./index-v6nm2KQ5.js";import"./highlight-CInNOqMj.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-BwEbps56.js";import"./_baseClone-CgLO05UN.js";import"./_initCloneObject-Dk_YIBZb.js";import"./index-DT0EA6J1.js";const pe=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:E},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},fe={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},_e={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,o,u,m,x,k){const d=s("font-awesome-icon"),p=s("el-button"),r=s("el-drawer");return n(),c("div",me,[l("div",fe,[L(e.$slots,"config",{},void 0,!0)]),l("div",_e,[L(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:o[0]||(o[0]=i=>e.drawer=!0)},{default:f(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ge=b(pe,[["render",he],["__scopeId","data-v-d022364a"]]),$e=v({name:"ModelSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=O)}}),ve={class:"field"},be={class:"title font-bold"};function xe(e,o,u,m,x,k){const d=s("el-option"),p=s("el-select");return n(),c("div",ve,[l("h2",be,a(e.$t("flux.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(T,null,S(e.options,r=>(n(),w(d,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=b($e,[["render",xe],["__scopeId","data-v-8df4b8a7"]]),we=v({name:"CountSelector",components:{ElSlider:Q,InfoIcon:R,ElInputNumber:X},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=N)}}),ye={class:"flex justify-between"},Ve={class:"flex justify-start items-center"},Te={class:"text-sm font-bold"},Ee={class:"flex justify-end items-center"},Se={class:"w-full"};function Ie(e,o,u,m,x,k){const d=s("info-icon"),p=s("el-input-number"),r=s("el-slider");return n(),c("div",null,[l("div",ye,[l("div",Ve,[l("span",Te,a(e.$t("flux.name.numbers")),1),t(d,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",Ee,[t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Se,[t(r,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=i=>e.value=i),min:1,max:4,step:1},null,8,["modelValue"])])])}const Ue=b(we,[["render",Ie]]),Le=v({name:"ActionSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=q)}}),Ce={class:"field"},Ae={class:"title font-bold"};function Pe(e,o,u,m,x,k){const d=s("el-option"),p=s("el-select");return n(),c("div",Ce,[l("h2",Ae,a(e.$t("flux.name.task")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(T,null,S(e.options,r=>(n(),w(d,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=b(Le,[["render",Pe],["__scopeId","data-v-81fd05e5"]]),Re=v({name:"ImageUrlInput",components:{ElUpload:ee,ElButton:C,InfoIcon:R,FontAwesomeIcon:E,ImagePreview:Z},mixins:[W,J],emits:["change"],data(){return{fileList:[],uploadUrl:F()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),je={class:"relative"},Fe={class:"flex justify-between"},Me={class:"flex justify-start items-center"},De={class:"text-sm font-bold"};function Be(e,o,u,m,x,k){const d=s("info-icon"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),h=s("el-upload");return n(),c("div",je,[l("div",Fe,[l("div",Me,[l("span",De,a(e.$t("flux.name.imageUrl")),1),t(d,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=g=>e.fileList=g),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:g})=>[t(p,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+a(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Oe=b(Re,[["render",Be],["__scopeId","data-v-7482072d"]]),Ne="",qe=v({name:"PromptInput",components:{PromptTextarea:te},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Ne)}});function ze(e,o,u,m,x,k){const d=s("prompt-textarea");return n(),w(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=p=>e.prompt=p),title:e.$t("flux.name.prompt"),info:e.$t("flux.description.prompt"),placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const He=b(qe,[["render",ze]]),Xe=v({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:E,PromptInput:He,ModelSelector:ke,CountSelector:Ue,Consumption:se,ActionSelector:Ge,ImageUrlInput:Oe},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return ne(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},We={class:"flex-1 overflow-y-auto p-5"},Je={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ke(e,o,u,m,x,k){const d=s("action-selector"),p=s("prompt-input"),r=s("image-url-input"),i=s("model-selector"),h=s("count-selector"),g=s("consumption"),V=s("font-awesome-icon"),U=s("el-button");return n(),c("div",Qe,[l("div",We,[t(d,{class:"mb-4"}),t(p,{class:"mb-4"}),e.config?.action==="edits"?(n(),w(r,{key:0,class:"mb-4"})):$("",!0),t(i,{class:"mb-4"}),t(h,{class:"mb-4"})]),l("div",Je,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(U,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+a(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Ye=b(Xe,[["render",Ke]]),Ze=v({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:le,FontAwesomeIcon:E,ElAlert:ce,ImageWrapper:re,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(u=>{let m=u;o&&(m.action=o),e.push(m)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),et={class:"preview"},tt={class:"left"},ot={class:"main"},st={class:"bot"},nt={class:"datetime"},at={class:"info"},lt={key:0,class:"prompt mt-2"},rt={key:0},it={key:0,class:I({content:!0,failed:!0})},ct={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ut={class:I({operations:!0,"mt-2":!0,"mb-2":!0})},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ft={key:1,class:I({content:!0})},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},vt={key:2,class:I({content:!0})},bt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function xt(e,o,u,m,x,k){const d=s("el-image"),p=s("image-wrapper"),r=s("api-code-button"),i=s("font-awesome-icon"),h=s("copy-to-clipboard"),g=s("el-alert");return n(),c("div",et,[l("div",tt,[t(d,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",ot,[l("div",st,[_(a(e.$t("flux.name.fluxBot"))+" ",1),l("span",nt,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",at,[e.modelValue?.request?.prompt?(n(),c("p",lt,[_(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",rt," - ("+a(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",it,[l("div",ct,[(n(!0),c(T,null,S(e.images,(V,U)=>(n(),w(p,{key:U,src:V?.image_url,"raw-src":V?.image_url,"model-value":V},null,8,["src","raw-src","model-value"]))),128))]),l("div",ut,[t(r,{path:"/flux/images",body:e.modelValue?.request},null,8,["body"])]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",dt,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",pt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",mt,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",ft,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",_t,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",ht,[t(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+a(e.$t("flux.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(h,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",gt,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),l("p",$t,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(h,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(n(),c("div",vt,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",bt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const kt=b(Ze,[["render",xt],["__scopeId","data-v-6a2b3fc7"]]),wt=v({name:"RecentPanel",components:{TaskPreview:kt,BotPlaceholder:de,NoTasks:oe,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),yt={key:0},Vt={key:2,class:"w-full h-full flex items-center justify-center"};function Tt(e,o,u,m,x,k){const d=s("bot-placeholder"),p=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return n(),c(T,null,[e.tasks?.items===void 0?(n(),c("div",yt,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),w(r,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(n(!0),c(T,null,S(e.tasks?.items,h=>(n(),w(p,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",Vt,[t(i)])):$("",!0)],64)}const Et=b(wt,[["render",Tt]]),St=B("flux"),It=v({name:"FluxIndex",components:{ConfigPanel:Ye,Layout:ge,RecentPanel:Et},mixins:[K],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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 H({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("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/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:o=5,createdAtMin:u,createdAtMax:m}=e||{};console.debug("limit",o,"createdAtMin",u,"createdAtMax",m),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:u,createdAtMax:m})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!Y(this.uploadTracker,u=>this.$t(u),u=>y.warning(u)))return;const e={...this.config,callback_url:St},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),M("flux",D.generate(e,{token:o})).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(u=>{const m=u?.response?.data;m?.error?.code===ae?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+m?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ut(e,o,u,m,x,k){const d=s("config-panel"),p=s("recent-panel"),r=s("layout");return n(),w(r,null,{config:f(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Io=b(It,[["render",Ut]]);export{Io as default};
+import{F as E}from"./index.es-CLQR2iBw.js";import{E as C}from"./index-DpLV-Pq9.js";import{E as j}from"./index-DJjyFLlw.js";import{d as v,H as c,E as l,z as L,C as t,y as f,D as s,q as n,F as a,O as T,N as S,x as w,I as _,J as $,Q as I}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as F,cs as M,aQ as D,S as A,ct as B}from"./index-CVH6GWSn.js";import{a as O,b as N,c as q}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-Du5AFIP4.js";import{I as R,S as z,l as H}from"./pagination-DiGyJEay.js";import{E as X}from"./index-BVMK7LIJ.js";import{E as Q}from"./index-BILgzrZ9.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{u as J,a as K,e as Y}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as Z}from"./ImagePreview-DeNxw7C3.js";import{E as ee}from"./index-BOikF7Vg.js";import{E as y}from"./index-CisFWmyE.js";import{P as te,N as oe}from"./NoTasks-CBf4UVlo.js";import{C as se}from"./Consumption-BoW8Yj1Z.js";import{a as ne}from"./price-B1xKQHsz.js";import{b as ae}from"./errorCode-Cqj9Td_Z.js";import{C as le}from"./CopyToClipboard-Ih2qsYgN.js";import{I as re}from"./ImageWrapper-BvFBUaIt.js";import{A as ie}from"./ApiCodeButton-CsgRae2o.js";import{E as ce}from"./index-BizFhdaE.js";import{E as ue}from"./index-br52C4yM.js";import{B as de}from"./BotPlaceholder-B-UqCz8R.js";import"./use-form-item-BV_L9kB7.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-ByCbBTje.js";import"./index-Dw6ZevFg.js";import"./typescript-BXdqla6u.js";import"./index-BiSfH4hc.js";import"./strings-beZM2Y-f.js";import"./isEqual-CWBDsFs3.js";import"./_Uint8Array-Cj-LmGzx.js";import"./castArray-9ufFSW5u.js";import"./index-EBzcwoVz.js";import"./index-CLOxJQ_9.js";import"./debounce-zyhh1kFW.js";import"./_baseIteratee-BcXwWZMY.js";import"./index-Dbz6Whu6.js";import"./highlight-CYeIx3eC.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-BsWkCEVF.js";import"./_baseClone-CD4xkhO5.js";import"./_initCloneObject-CIlwXpy7.js";import"./index-DAZIhRrh.js";const pe=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:E},data(){return{drawer:!1}}}),me={class:"main flex flex-row flex-1"},fe={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},_e={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,o,u,m,x,k){const d=s("font-awesome-icon"),p=s("el-button"),r=s("el-drawer");return n(),c("div",me,[l("div",fe,[L(e.$slots,"config",{},void 0,!0)]),l("div",_e,[L(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:o[0]||(o[0]=i=>e.drawer=!0)},{default:f(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ge=b(pe,[["render",he],["__scopeId","data-v-d022364a"]]),$e=v({name:"ModelSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=O)}}),ve={class:"field"},be={class:"title font-bold"};function xe(e,o,u,m,x,k){const d=s("el-option"),p=s("el-select");return n(),c("div",ve,[l("h2",be,a(e.$t("flux.name.model")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(T,null,S(e.options,r=>(n(),w(d,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ke=b($e,[["render",xe],["__scopeId","data-v-8df4b8a7"]]),we=v({name:"CountSelector",components:{ElSlider:Q,InfoIcon:R,ElInputNumber:X},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=N)}}),ye={class:"flex justify-between"},Ve={class:"flex justify-start items-center"},Te={class:"text-sm font-bold"},Ee={class:"flex justify-end items-center"},Se={class:"w-full"};function Ie(e,o,u,m,x,k){const d=s("info-icon"),p=s("el-input-number"),r=s("el-slider");return n(),c("div",null,[l("div",ye,[l("div",Ve,[l("span",Te,a(e.$t("flux.name.numbers")),1),t(d,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",Ee,[t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Se,[t(r,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=i=>e.value=i),min:1,max:4,step:1},null,8,["modelValue"])])])}const Ue=b(we,[["render",Ie]]),Le=v({name:"ActionSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=q)}}),Ce={class:"field"},Ae={class:"title font-bold"};function Pe(e,o,u,m,x,k){const d=s("el-option"),p=s("el-select");return n(),c("div",Ce,[l("h2",Ae,a(e.$t("flux.name.task")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(T,null,S(e.options,r=>(n(),w(d,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=b(Le,[["render",Pe],["__scopeId","data-v-81fd05e5"]]),Re=v({name:"ImageUrlInput",components:{ElUpload:ee,ElButton:C,InfoIcon:R,FontAwesomeIcon:E,ImagePreview:Z},mixins:[W,J],emits:["change"],data(){return{fileList:[],uploadUrl:F()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),je={class:"relative"},Fe={class:"flex justify-between"},Me={class:"flex justify-start items-center"},De={class:"text-sm font-bold"};function Be(e,o,u,m,x,k){const d=s("info-icon"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),h=s("el-upload");return n(),c("div",je,[l("div",Fe,[l("div",Me,[l("span",De,a(e.$t("flux.name.imageUrl")),1),t(d,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=g=>e.fileList=g),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:g})=>[t(p,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:V=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+a(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Oe=b(Re,[["render",Be],["__scopeId","data-v-7482072d"]]),Ne="",qe=v({name:"PromptInput",components:{PromptTextarea:te},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Ne)}});function ze(e,o,u,m,x,k){const d=s("prompt-textarea");return n(),w(d,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=p=>e.prompt=p),title:e.$t("flux.name.prompt"),info:e.$t("flux.description.prompt"),placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const He=b(qe,[["render",ze]]),Xe=v({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:E,PromptInput:He,ModelSelector:ke,CountSelector:Ue,Consumption:se,ActionSelector:Ge,ImageUrlInput:Oe},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return ne(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},We={class:"flex-1 overflow-y-auto p-5"},Je={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ke(e,o,u,m,x,k){const d=s("action-selector"),p=s("prompt-input"),r=s("image-url-input"),i=s("model-selector"),h=s("count-selector"),g=s("consumption"),V=s("font-awesome-icon"),U=s("el-button");return n(),c("div",Qe,[l("div",We,[t(d,{class:"mb-4"}),t(p,{class:"mb-4"}),e.config?.action==="edits"?(n(),w(r,{key:0,class:"mb-4"})):$("",!0),t(i,{class:"mb-4"}),t(h,{class:"mb-4"})]),l("div",Je,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(U,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+a(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Ye=b(Xe,[["render",Ke]]),Ze=v({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:le,FontAwesomeIcon:E,ElAlert:ce,ImageWrapper:re,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(u=>{let m=u;o&&(m.action=o),e.push(m)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),et={class:"preview"},tt={class:"left"},ot={class:"main"},st={class:"bot"},nt={class:"datetime"},at={class:"info"},lt={key:0,class:"prompt mt-2"},rt={key:0},it={key:0,class:I({content:!0,failed:!0})},ct={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ut={class:I({operations:!0,"mt-2":!0,"mb-2":!0})},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ft={key:1,class:I({content:!0})},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},vt={key:2,class:I({content:!0})},bt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function xt(e,o,u,m,x,k){const d=s("el-image"),p=s("image-wrapper"),r=s("api-code-button"),i=s("font-awesome-icon"),h=s("copy-to-clipboard"),g=s("el-alert");return n(),c("div",et,[l("div",tt,[t(d,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",ot,[l("div",st,[_(a(e.$t("flux.name.fluxBot"))+" ",1),l("span",nt,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",at,[e.modelValue?.request?.prompt?(n(),c("p",lt,[_(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",rt," - ("+a(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",it,[l("div",ct,[(n(!0),c(T,null,S(e.images,(V,U)=>(n(),w(p,{key:U,src:V?.image_url,"raw-src":V?.image_url,"model-value":V},null,8,["src","raw-src","model-value"]))),128))]),l("div",ut,[t(r,{path:"/flux/images",body:e.modelValue?.request},null,8,["body"])]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",dt,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",pt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",mt,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",ft,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",_t,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",ht,[t(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+a(e.$t("flux.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(h,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",gt,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),l("p",$t,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(h,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(n(),c("div",vt,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",bt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const kt=b(Ze,[["render",xt],["__scopeId","data-v-6a2b3fc7"]]),wt=v({name:"RecentPanel",components:{TaskPreview:kt,BotPlaceholder:de,NoTasks:oe,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),yt={key:0},Vt={key:2,class:"w-full h-full flex items-center justify-center"};function Tt(e,o,u,m,x,k){const d=s("bot-placeholder"),p=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return n(),c(T,null,[e.tasks?.items===void 0?(n(),c("div",yt,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),w(r,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(n(!0),c(T,null,S(e.tasks?.items,h=>(n(),w(p,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",Vt,[t(i)])):$("",!0)],64)}const Et=b(wt,[["render",Tt]]),St=B("flux"),It=v({name:"FluxIndex",components:{ConfigPanel:Ye,Layout:ge,RecentPanel:Et},mixins:[K],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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 H({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("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/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:o=5,createdAtMin:u,createdAtMax:m}=e||{};console.debug("limit",o,"createdAtMin",u,"createdAtMax",m),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:u,createdAtMax:m})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!Y(this.uploadTracker,u=>this.$t(u),u=>y.warning(u)))return;const e={...this.config,callback_url:St},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),M("flux",D.generate(e,{token:o})).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(u=>{const m=u?.response?.data;m?.error?.code===ae?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+m?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ut(e,o,u,m,x,k){const d=s("config-panel"),p=s("recent-panel"),r=s("layout");return n(),w(r,null,{config:f(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Io=b(It,[["render",Ut]]);export{Io as default};

package/dist/assets/{Index-Cltc0Wkv.js → Index-Dw8I5m-D.js}

@@ -1 +1 @@
-import{F as L}from"./index.es-BOp1mIpX.js";import{E as D}from"./index-B9VQ4AML.js";import{E as N}from"./index-U0ehRjih.js";import{d as v,H as r,E as i,z as P,C as o,y as m,D as s,q as a,F as l,O as T,N as I,x as w,Q as A,R as j,I as _,J as h,G as q,L as H}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as K,cs as W,aM as Z,S as G,ct as J}from"./index-BkYTg4CU.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-DCHfnZQR.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-BrqD44nl.js";import{I as ie}from"./ImagePreview-Dtp_mint.js";import{E as ce}from"./index--fj6vK-H.js";import{E as V}from"./index-CVlx1eM8.js";import{C as de}from"./Consumption-BR58QDMb.js";import{P as ue,N as pe}from"./NoTasks-pFw5z2ks.js";import{a as me}from"./price-BhkXfZ47.js";import{b as fe}from"./errorCode-Cqj9Td_Z.js";import{C as _e}from"./CopyToClipboard-BV5FGTDL.js";import{V as he}from"./VideoPlayer-ChJIW0wl.js";import{A as $e}from"./ApiCodeButton-B371cGlS.js";import{E as ge}from"./index-D4SNAooQ.js";import{E as ve}from"./index-BDXJTtbW.js";import{E as be}from"./index-C8OL6j-4.js";import{B as ke}from"./BotPlaceholder-VQ9INowL.js";import"./use-form-item-Cn-D_EyX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-0oMiVQg4.js";import"./typescript-B0OiVzCL.js";import"./index-fsE4MUxW.js";import"./strings-beZM2Y-f.js";import"./isEqual-Iwxodqbz.js";import"./_Uint8Array-DAIVRyTF.js";import"./castArray-LOj3KWC8.js";import"./index-zTq1js5B.js";import"./index-DOHqiABV.js";import"./debounce-D9r3U3cl.js";import"./_baseIteratee-BcmKw-xM.js";import"./index-v6nm2KQ5.js";import"./highlight-CInNOqMj.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BwEbps56.js";import"./_baseClone-CgLO05UN.js";import"./_initCloneObject-Dk_YIBZb.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DT0EA6J1.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"]]),He=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)}}),Ke={class:"text-sm font-bold mb-2 block"},We={class:"items"},Ze=["onClick"],Je={class:"name"};function Qe(e,t,d,f,$,g){return a(),r("div",null,[i("span",Ke,l(e.$t("sora.name.orientation")),1),i("div",We,[(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",Je,l(e.$t(c.labelKey)),1)],10,Ze))),128))])])}const Ye=b(He,[["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:K()+"/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),[[H,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"},Ht={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Kt(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",Ht,[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 Wt=b(wt,[["render",Kt],["__scopeId","data-v-935f9471"]]),Zt=v({name:"RecentPanel",components:{TaskPreview:Wt,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?.()}}}),Jt={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",Jt,[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(Zt,[["render",Yt]]),xt=J("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")),W("sora",Z.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-CLQR2iBw.js";import{E as D}from"./index-DpLV-Pq9.js";import{E as N}from"./index-DJjyFLlw.js";import{d as v,H as r,E as i,z as P,C as o,y as m,D as s,q as a,F as l,O as T,N as I,x as w,Q as A,R as j,I as _,J as h,G as q,L as H}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as K,cs as W,aM as Z,S as G,ct as J}from"./index-CVH6GWSn.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-Du5AFIP4.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-DiGyJEay.js";import{I as ie}from"./ImagePreview-DeNxw7C3.js";import{E as ce}from"./index-BOikF7Vg.js";import{E as V}from"./index-CisFWmyE.js";import{C as de}from"./Consumption-BoW8Yj1Z.js";import{P as ue,N as pe}from"./NoTasks-CBf4UVlo.js";import{a as me}from"./price-B1xKQHsz.js";import{b as fe}from"./errorCode-Cqj9Td_Z.js";import{C as _e}from"./CopyToClipboard-Ih2qsYgN.js";import{V as he}from"./VideoPlayer-2W03rLFF.js";import{A as $e}from"./ApiCodeButton-CsgRae2o.js";import{E as ge}from"./index-ByCbBTje.js";import{E as ve}from"./index-BizFhdaE.js";import{E as be}from"./index-br52C4yM.js";import{B as ke}from"./BotPlaceholder-B-UqCz8R.js";import"./use-form-item-BV_L9kB7.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BiSfH4hc.js";import"./typescript-BXdqla6u.js";import"./index-Dw6ZevFg.js";import"./strings-beZM2Y-f.js";import"./isEqual-CWBDsFs3.js";import"./_Uint8Array-Cj-LmGzx.js";import"./castArray-9ufFSW5u.js";import"./index-EBzcwoVz.js";import"./index-CLOxJQ_9.js";import"./debounce-zyhh1kFW.js";import"./_baseIteratee-BcXwWZMY.js";import"./index-Dbz6Whu6.js";import"./highlight-CYeIx3eC.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BsWkCEVF.js";import"./_baseClone-CD4xkhO5.js";import"./_initCloneObject-CIlwXpy7.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DAZIhRrh.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"]]),He=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)}}),Ke={class:"text-sm font-bold mb-2 block"},We={class:"items"},Ze=["onClick"],Je={class:"name"};function Qe(e,t,d,f,$,g){return a(),r("div",null,[i("span",Ke,l(e.$t("sora.name.orientation")),1),i("div",We,[(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",Je,l(e.$t(c.labelKey)),1)],10,Ze))),128))])])}const Ye=b(He,[["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:K()+"/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),[[H,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"},Ht={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Kt(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",Ht,[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 Wt=b(wt,[["render",Kt],["__scopeId","data-v-935f9471"]]),Zt=v({name:"RecentPanel",components:{TaskPreview:Wt,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?.()}}}),Jt={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",Jt,[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(Zt,[["render",Yt]]),xt=J("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")),W("sora",Z.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-BIBv_vVH.js → Index-N31lJtmb.js}

@@ -1 +1 @@
-import{F as P}from"./index.es-BOp1mIpX.js";import{E as q}from"./index-B9VQ4AML.js";import{E as oe}from"./index-U0ehRjih.js";import{d as k,H as c,E as i,z as G,C as s,y as $,D as a,q as n,x as b,F as r,I as g,O as y,N as I,J as v,M as ae,Q as D}from"./vendor-vue-NSDaktjZ.js";import{H as S,da as B,db as R,dc as j,dd as L,de as F,df as K,dg as O,dh as J,di as Q,dj as Y,bp as ne,dk as re,dl as Z,dm as ie,dn as le,dp as de,dq as H,dr as ce,ds as me,dt as ee,cs as ue,S as X,ct as pe}from"./index-BkYTg4CU.js";import{P as fe,N as _e}from"./NoTasks-pFw5z2ks.js";import{p as ge}from"./pasteUploadMixin-BurWbGNQ.js";import{u as he,a as $e,e as ve}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as V,S as be,l as Ee}from"./pagination-BrqD44nl.js";import{I as te}from"./ImagePreview-Dtp_mint.js";import{E as ke}from"./index--fj6vK-H.js";import{E as A}from"./index-CVlx1eM8.js";import{C as Se}from"./Consumption-BR58QDMb.js";import{a as ye}from"./price-BhkXfZ47.js";import{E as x,a as N,b as we}from"./index-DCHfnZQR.js";import{E as Ae}from"./index-DoUa0T7C.js";import{E as W}from"./index-Ds4AqnCT.js";import{E as Ie}from"./index-DH5J_zLM.js";import{b as Ve}from"./errorCode-Cqj9Td_Z.js";import{s as ze}from"./seedream-CUso1PWZ.js";import{C as Te}from"./CopyToClipboard-BV5FGTDL.js";import{I as Me}from"./ImageWrapper-D1cgkPLm.js";import{A as Re}from"./ApiCodeButton-B371cGlS.js";import{E as Le}from"./index-D4SNAooQ.js";import{E as De}from"./index-BDXJTtbW.js";import{E as Ce}from"./index-C8OL6j-4.js";import{B as Pe}from"./BotPlaceholder-VQ9INowL.js";import"./use-form-item-Cn-D_EyX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-zTq1js5B.js";import"./typescript-B0OiVzCL.js";import"./index-fsE4MUxW.js";import"./index-DOHqiABV.js";import"./highlight-CInNOqMj.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BwEbps56.js";import"./_baseClone-CgLO05UN.js";import"./_Uint8Array-DAIVRyTF.js";import"./_initCloneObject-Dk_YIBZb.js";import"./isEqual-Iwxodqbz.js";import"./index-0oMiVQg4.js";import"./strings-beZM2Y-f.js";import"./castArray-LOj3KWC8.js";import"./debounce-D9r3U3cl.js";import"./_baseIteratee-BcmKw-xM.js";import"./index-v6nm2KQ5.js";import"./validator-Bmf-GPsh.js";import"./index-Cu41y2Fl.js";import"./index-DT0EA6J1.js";const qe=k({name:"LayoutSeedream",components:{ElDrawer:oe,ElButton:q,FontAwesomeIcon:P},data(){return{drawer:!1}}}),Ue={class:"main flex flex-row flex-1"},Ge={class:"config w-[320px] 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 bg-[var(--app-content-bg)]"};function Oe(e,t,m,o,d,p){const u=a("font-awesome-icon"),f=a("el-button"),l=a("el-drawer");return n(),c("div",Ue,[i("div",Ge,[G(e.$slots,"config",{},void 0,!0)]),i("div",Fe,[G(e.$slots,"result",{},void 0,!0)]),s(f,{circle:"",class:"menu",onClick:t[0]||(t[0]=_=>e.drawer=!0)},{default:$(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Be=S(qe,[["render",Oe],["__scopeId","data-v-f2a6eb9e"]]),je="",xe=k({name:"SeedreamPromptInput",components:{PromptTextarea:fe},computed:{prompt:{get(){return this.$store.state.seedream?.config?.prompt},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=je)}});function Ne(e,t,m,o,d,p){const u=a("prompt-textarea");return n(),b(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=f=>e.prompt=f),title:e.$t("seedream.name.prompt"),info:e.$t("seedream.description.prompt"),placeholder:e.$t("seedream.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const We=S(xe,[["render",Ne]]),Ke={image:!0,imageRequired:!1,sizeTiers:[B,R,j,L],sizeAdaptive:!0,sizePixel:!0,sizePixelDefault:void 0,groupGeneration:!1,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};function w(e){switch(e){case Y:return{image:!0,imageRequired:!1,sizeTiers:[R,j,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!0,tools:!0};case Q:return{image:!0,imageRequired:!1,sizeTiers:[R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case J:return{image:!0,imageRequired:!1,sizeTiers:[B,R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case O:return{image:!1,imageRequired:!1,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!0,guidanceScale:!0,guidanceScaleDefault:K[O],outputFormat:!1,tools:!1};case F:return{image:!0,imageRequired:!0,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!1,guidanceScale:!0,guidanceScaleDefault:K[F],outputFormat:!1,tools:!1};default:return Ke}}const Ze=[B,R,j,L];function He(e,t){if(!e)return[];const m=t.model??e.model;if(!m)return[];const o=w(m),d=[];Array.isArray(e.image)&&e.image.length>0&&!o.image&&d.push({field:"image",i18nLabel:"seedream.name.imageUrls"});const p=typeof e.size=="string"?e.size:void 0;if(p){const u=p.toUpperCase();Ze.includes(u)&&!o.sizeTiers.includes(u)?d.push({field:"size",i18nLabel:"seedream.name.size"}):p==="adaptive"&&!o.sizeAdaptive&&d.push({field:"size",i18nLabel:"seedream.name.size"})}return e.sequential_image_generation==="auto"&&!o.groupGeneration&&d.push({field:"sequential_image_generation",i18nLabel:"seedream.name.maxImages"}),e.seed!==void 0&&e.seed!==null&&!o.seed&&d.push({field:"seed",i18nLabel:"seedream.name.seed"}),e.guidance_scale!==void 0&&e.guidance_scale!==null&&!o.guidanceScale&&d.push({field:"guidance_scale",i18nLabel:"seedream.name.guidanceScale"}),e.output_format&&!o.outputFormat&&d.push({field:"output_format",i18nLabel:"seedream.name.outputFormat"}),Array.isArray(e.tools)&&e.tools.length>0&&!o.tools&&d.push({field:"tools",i18nLabel:"seedream.name.tools"}),d}function Xe(e,t,m){const o={...e},d=m.model??e.model,p=w(d);for(const u of t)switch(u.field){case"image":delete o.image;break;case"size":p.sizePixelDefault?o.size=p.sizePixelDefault:delete o.size;break;case"sequential_image_generation":o.sequential_image_generation="disabled",delete o.sequential_image_generation_options;break;case"seed":delete o.seed;break;case"guidance_scale":delete o.guidance_scale;break;case"output_format":delete o.output_format;break;case"tools":delete o.tools;break}return o}const Je=k({name:"SeedreamImageInput",components:{ElUpload:ke,ElButton:q,InfoIcon:V,ImagePreview:te,FontAwesomeIcon:P},mixins:[ge,he],data(){return{fileList:[],uploadUrl:ne()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.seedream?.config?.image},model(){return this.$store.state.seedream?.config?.model},supported(){return w(this.model).image}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const o=(this.fileList||[]).filter(d=>!d?.response?.file_url);this.fileList=o.length?o:[];return}const t=[];e.forEach(o=>{const d=this.fileList.find(p=>p?.response?.file_url===o||p?.url===o);d?t.push(d):t.push({name:o.split("/").pop()||o,url:o,status:"success",percentage:100,response:{file_url:o}})}),(this.fileList||[]).filter(o=>!o?.response?.file_url).forEach(o=>{t.some(p=>p===o||p?.url===o?.url||p?.response?.file_url===o?.response?.file_url)||t.push(o)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImages()},onExceed(){A.warning(this.$t("seedream.message.uploadImageExceed"))},onError(){A.error(this.$t("seedream.message.uploadImageError"))},onSetImages(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,image:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImages()}}}),Qe={key:0},Ye={class:"field"},et={class:"label"},tt={class:"box"},st={class:"title font-bold"},ot={class:"value"},at={class:"file-list mt-2 flex flex-wrap gap-[10px]"};function nt(e,t,m,o,d,p){const u=a("info-icon"),f=a("font-awesome-icon"),l=a("el-button"),_=a("el-upload"),h=a("image-preview");return e.supported?(n(),c("div",Qe,[i("div",Ye,[i("div",et,[i("div",tt,[i("h2",st,r(e.$t("seedream.name.imageUrls")),1),s(u,{content:e.$t("seedream.description.imageUrls"),class:"info"},null,8,["content"])])]),i("div",ot,[s(_,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=E=>e.fileList=E),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",limit:14,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[s(l,{size:"small",type:"primary",round:""},{default:$(()=>[s(f,{icon:"fa-solid fa-upload",class:"mr-1"}),g(" "+r(e.$t("seedream.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"])])]),i("div",at,[(n(!0),c(y,null,I(e.fileList,(E,T)=>(n(),b(h,{key:E.uid||E?.response?.file_url||E.url||T,url:E.url||E?.response?.file_url,name:E.name,percentage:E.percentage,onRemove:C=>e.onRemovePreview(T,E)},null,8,["url","name","percentage","onRemove"]))),128))])])):v("",!0)}const rt=S(Je,[["render",nt],["__scopeId","data-v-6ef4c2e4"]]),it=k({name:"SeedreamModelSelector",components:{ElSelect:N,ElOption:x,InfoIcon:V},data(){return{revertKey:0,options:[{value:Y,label:this.$t("seedream.model.seedream50")},{value:Q,label:this.$t("seedream.model.seedream45")},{value:J,label:this.$t("seedream.model.seedream40")},{value:O,label:this.$t("seedream.model.seedream30t2i")},{value:F,label:this.$t("seedream.model.seededit30i2i")}]}},computed:{value(){return this.$store.state.seedream?.config?.model}},mounted(){this.value||this.applyModel(re)},methods:{async onChange(e){const t=this.$store.state.seedream?.config||{},m=He(t,{model:e});if(m.length===0){this.applyModel(e);return}const o=m.map(d=>this.$t(d.i18nLabel)).join("、");try{await Ae.confirm(this.$t("seedream.message.featureNotSupportedBody",{fields:o}),this.$t("seedream.message.featureNotSupportedTitle"),{confirmButtonText:this.$t("seedream.button.confirmContinue"),cancelButtonText:this.$t("seedream.button.cancelSwitch"),type:"warning"});const d=Xe({...t,model:e},m,{model:e});this.$store.commit("seedream/setConfig",d),A.success(this.$t("seedream.message.featureRemovedNotice",{fields:o}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,model:e})}}}),lt={class:"field"},dt={class:"label"},ct={class:"box"},mt={class:"title font-bold"};function ut(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return n(),c("div",lt,[i("div",dt,[i("div",ct,[i("h2",mt,r(e.$t("seedream.name.model")),1),s(u,{content:e.$t("seedream.description.model"),class:"info"},null,8,["content"])])]),(n(),b(l,{key:e.revertKey,"model-value":e.value,class:"value",placeholder:e.$t("seedream.placeholder.select"),onChange:e.onChange},{default:$(()=>[(n(!0),c(y,null,I(e.options,_=>(n(),b(f,{key:_.value,label:_.label,value:_.value},null,8,["label","value"]))),128))]),_:1},8,["model-value","placeholder","onChange"]))])}const pt=S(it,[["render",ut],["__scopeId","data-v-8892a12c"]]),ft=k({name:"SeedreamSizeSelector",components:{ElSelect:N,ElOption:x,ElOptionGroup:we,InfoIcon:V},data(){return{SEEDREAM_SIZE_ADAPTIVE:le,pixelOptions:ie}},computed:{model(){return this.$store.state.seedream?.config?.model},capabilities(){return w(this.model)},value:{get(){return this.$store.state.seedream?.config?.size},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,size:e})}}},watch:{model:{immediate:!0,handler(){if(this.value)return;const e=this.capabilities;e.sizeTiers.length?this.value=e.sizeTiers.includes(Z)?Z:e.sizeTiers[0]:e.sizePixelDefault&&(this.value=e.sizePixelDefault)}}}}),_t={class:"field"},gt={class:"label"},ht={class:"box"},$t={class:"title font-bold"};function vt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-option"),l=a("el-option-group"),_=a("el-select");return n(),c("div",_t,[i("div",gt,[i("div",ht,[i("h2",$t,r(e.$t("seedream.name.size")),1),s(u,{content:e.$t("seedream.description.size"),class:"info"},null,8,["content"])])]),s(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=h=>e.value=h),class:"value",placeholder:e.$t("seedream.placeholder.size"),filterable:"","allow-create":"","default-first-option":""},{default:$(()=>[e.capabilities.sizeTiers.length?(n(),b(l,{key:0,label:e.$t("seedream.size.group.tier")},{default:$(()=>[(n(!0),c(y,null,I(e.capabilities.sizeTiers,h=>(n(),b(f,{key:h,label:h,value:h},null,8,["label","value"]))),128))]),_:1},8,["label"])):v("",!0),e.capabilities.sizeAdaptive?(n(),b(l,{key:1,label:e.$t("seedream.size.group.adaptive")},{default:$(()=>[(n(),b(f,{key:e.SEEDREAM_SIZE_ADAPTIVE,label:e.$t("seedream.size.adaptive"),value:e.SEEDREAM_SIZE_ADAPTIVE},null,8,["label","value"]))]),_:1},8,["label"])):v("",!0),s(l,{label:e.$t("seedream.size.group.pixel")},{default:$(()=>[(n(!0),c(y,null,I(e.pixelOptions,h=>(n(),b(f,{key:h.value,label:`${h.value} (${h.ratio})`,value:h.value},null,8,["label","value"]))),128))]),_:1},8,["label"])]),_:1},8,["modelValue","placeholder"])])}const bt=S(ft,[["render",vt],["__scopeId","data-v-dd7bd021"]]),Et=k({name:"SeedreamMaxImagesSelector",components:{ElInputNumber:W,InfoIcon:V},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).groupGeneration},referenceImageCount(){const e=this.config?.image;return Array.isArray(e)?e.length:0},effectiveMax(){const e=H-this.referenceImageCount;return Math.max(1,Math.min(H,e))},value:{get(){const e=this.config?.sequential_image_generation_options?.max_images;return typeof e=="number"&&e>=1?e:de},set(e){const t={...this.config||{}},m=Math.max(1,Math.min(this.effectiveMax,Math.floor(e||1)));m>1?(t.sequential_image_generation="auto",t.sequential_image_generation_options={...t.sequential_image_generation_options||{},max_images:m}):(t.sequential_image_generation="disabled",t.sequential_image_generation_options&&delete t.sequential_image_generation_options),this.$store.commit("seedream/setConfig",t)}}},watch:{effectiveMax(e){this.value>e&&(this.value=e)}}}),kt={key:0,class:"field"},St={class:"label"},yt={class:"box"},wt={class:"title font-bold"},At={class:"value"};function It(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",kt,[i("div",St,[i("div",yt,[i("h2",wt,r(e.$t("seedream.name.maxImages")),1),s(u,{content:e.$t("seedream.description.maxImages"),class:"info"},null,8,["content"])])]),i("div",At,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:e.effectiveMax,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue","max"])])])):v("",!0)}const Vt=S(Et,[["render",It],["__scopeId","data-v-f079fd20"]]),zt=k({name:"SeedreamOutputFormatSelector",components:{ElSelect:N,ElOption:x,InfoIcon:V},data(){return{options:[...ce]}},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).outputFormat},value:{get(){return this.config?.output_format},set(e){const t={...this.config||{}};t.output_format=e,this.$store.commit("seedream/setConfig",t)}}}}),Tt={key:0,class:"field"},Mt={class:"label"},Rt={class:"box"},Lt={class:"title font-bold"};function Dt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return e.supported?(n(),c("div",Tt,[i("div",Mt,[i("div",Rt,[i("h2",Lt,r(e.$t("seedream.name.outputFormat")),1),s(u,{content:e.$t("seedream.description.outputFormat"),class:"info"},null,8,["content"])])]),s(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=_=>e.value=_),class:"value",placeholder:e.$t("seedream.placeholder.select")},{default:$(()=>[(n(!0),c(y,null,I(e.options,_=>(n(),b(f,{key:_,label:_.toUpperCase(),value:_},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])):v("",!0)}const Ct=S(zt,[["render",Dt],["__scopeId","data-v-69ea4c07"]]),Pt=k({name:"SeedreamSeedInput",components:{ElInputNumber:W,InfoIcon:V},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).seed},value:{get(){const e=this.config?.seed;return typeof e=="number"?e:-1},set(e){const t={...this.config||{}},m=typeof e=="number"&&Number.isInteger(e)?e:-1;t.seed=m,this.$store.commit("seedream/setConfig",t)}}}}),qt={key:0,class:"field"},Ut={class:"label"},Gt={class:"box"},Ft={class:"title font-bold"},Ot={class:"value"};function Bt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",qt,[i("div",Ut,[i("div",Gt,[i("h2",Ft,r(e.$t("seedream.name.seed")),1),s(u,{content:e.$t("seedream.description.seed"),class:"info"},null,8,["content"])])]),i("div",Ot,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:-1,max:2147483647,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const jt=S(Pt,[["render",Bt],["__scopeId","data-v-10cdc1e0"]]),xt=k({name:"SeedreamGuidanceScaleInput",components:{ElInputNumber:W,InfoIcon:V},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).guidanceScale},defaultValue(){return w(this.config?.model).guidanceScaleDefault??2.5},value:{get(){const e=this.config?.guidance_scale;return typeof e=="number"?e:this.defaultValue},set(e){const t={...this.config||{}},m=typeof e=="number"&&e>=1&&e<=10?e:this.defaultValue;t.guidance_scale=m,this.$store.commit("seedream/setConfig",t)}}}}),Nt={key:0,class:"field"},Wt={class:"label"},Kt={class:"box"},Zt={class:"title font-bold"},Ht={class:"value"};function Xt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",Nt,[i("div",Wt,[i("div",Kt,[i("h2",Zt,r(e.$t("seedream.name.guidanceScale")),1),s(u,{content:e.$t("seedream.description.guidanceScale"),class:"info"},null,8,["content"])])]),i("div",Ht,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:10,step:.1,precision:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const Jt=S(xt,[["render",Xt],["__scopeId","data-v-7386f064"]]),Qt=k({name:"SeedreamWatermarkSwitch",components:{ElSwitch:Ie,InfoIcon:V},computed:{value:{get(){const e=this.$store.state.seedream?.config?.watermark;return e===void 0?me:!!e},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,watermark:e})}}}}),Yt={class:"field"},es={class:"label"},ts={class:"box"},ss={class:"title font-bold"},os={class:"value"};function as(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-switch");return n(),c("div",Yt,[i("div",es,[i("div",ts,[i("h2",ss,r(e.$t("seedream.name.watermark")),1),s(u,{content:e.$t("seedream.description.watermark"),class:"info"},null,8,["content"])])]),i("div",os,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"])])])}const ns=S(Qt,[["render",as],["__scopeId","data-v-9e2abf0f"]]),rs=k({name:"SeedreamConfigPanel",components:{ElButton:q,FontAwesomeIcon:P,PromptInput:We,Consumption:Se,ImageInput:rt,ModelSelector:pt,SizeSelector:bt,MaxImagesSelector:Vt,OutputFormatSelector:Ct,SeedInput:jt,GuidanceScaleInput:Jt,WatermarkSwitch:ns},emits:["generate"],computed:{config(){return this.$store.state.seedream?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image)&&e.image.length>0,m=e?.sequential_image_generation==="auto"?Math.max(1,Math.floor(e?.sequential_image_generation_options?.max_images||1)):1;return ye({...e,action:t?"edit":"generate",model:ee(e?.model),count:m},this.service?.cost)},service(){return this.$store.state.seedream?.service}},methods:{onGenerate(){this.$emit("generate")}}}),is={class:"flex flex-col h-full"},ls={class:"flex-1 overflow-y-auto p-5"},ds={class:"flex flex-col items-center justify-center px-5 pb-5"};function cs(e,t,m,o,d,p){const u=a("model-selector"),f=a("size-selector"),l=a("max-images-selector"),_=a("output-format-selector"),h=a("seed-input"),E=a("guidance-scale-input"),T=a("watermark-switch"),C=a("prompt-input"),U=a("image-input"),z=a("consumption"),M=a("font-awesome-icon"),se=a("el-button");return n(),c("div",is,[i("div",ls,[s(u,{class:"mb-4"}),s(f,{class:"mb-4"}),s(l,{class:"mb-4"}),s(_,{class:"mb-4"}),s(h,{class:"mb-4"}),s(E,{class:"mb-4"}),s(T,{class:"mb-4"}),s(C,{class:"mb-4"}),s(U,{class:"mb-4"})]),i("div",ds,[s(z,{value:e.consumption,service:e.service},null,8,["value","service"]),s(se,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[s(M,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+r(e.$t("seedream.button.generate")),1)]),_:1},8,["onClick"])])])}const ms=S(rs,[["render",cs]]),us=k({name:"SeedreamTaskPreview",components:{ElImage:Ce,CopyToClipboard:Te,FontAwesomeIcon:P,ElAlert:De,ImageWrapper:Me,ElButton:q,ElTooltip:Le,ImagePreview:te,ApiCodeButton:Re},props:{modelValue:{type:Object,required:!0}},computed:{isEdit(){return Array.isArray(this.modelValue?.request?.image)&&(this.modelValue?.request?.image?.length||0)>0},images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{shortModel(e){return ee(e)||e},onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.seedream?.config||{}};t.image=[e],this.$store.commit("seedream/setConfig",t)}}}),ps={class:"preview"},fs={class:"left"},_s={class:"main"},gs={class:"bot"},hs={class:"datetime"},$s={class:"info"},vs={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},bs={key:1,class:"prompt mt-2"},Es={key:0},ks={key:0,class:D({content:!0})},Ss={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ys={key:1,class:D({content:!0,failed:!0})},ws={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},As={class:D({operations:!0,"mt-2":!0,"mb-2":!0})},Is={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ts={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ms={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ls={key:2,class:D({content:!0})},Ds={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Cs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ps={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Us={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Fs={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Os={key:3,class:D({content:!0})},Bs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},js={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function xs(e,t,m,o,d,p){const u=a("el-image"),f=a("image-preview"),l=a("font-awesome-icon"),_=a("copy-to-clipboard"),h=a("el-alert"),E=a("image-wrapper"),T=a("el-button"),C=a("el-tooltip"),U=a("api-code-button");return n(),c("div",ps,[i("div",fs,[s(u,{src:"https://cdn.acedata.cloud/9egrbn.png",class:"avatar"})]),i("div",_s,[i("div",gs,[g(r(e.$t("seedream.name.seedreamBot"))+" ",1),i("span",hs,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",$s,[Array.isArray(e.modelValue?.request?.image)&&e.modelValue?.request?.image.length>0?(n(),c("div",vs,[(n(!0),c(y,null,I(e.modelValue?.request?.image,(z,M)=>(n(),b(f,{key:M,url:z,name:`image-${M+1}`,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(n(),c("p",bs,[g(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?v("",!0):(n(),c("span",Es," - ("+r(e.$t("seedream.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(n(),c("div",ys,[i("div",ws,[(n(!0),c(y,null,I(e.images,(z,M)=>(n(),b(E,{key:M,src:z?.image_url,"raw-src":z?.image_url},null,8,["src","raw-src"]))),128))]),i("div",As,[s(C,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[s(T,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=ae(z=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[g(r(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"]),s(U,{path:"/seedream/images",body:e.modelValue?.request},null,8,["body"])]),s(h,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Is,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",Vs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",zs,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",Ts,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",Ms,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",Rs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),c("div",Ls,[s(h,{closable:!1,class:"failure"},{template:$(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Ds,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",Cs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",Ps,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",qs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.error?.message?(n(),c("p",Us,[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),s(_,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])])):v("",!0),e.modelValue?.elapsed?(n(),c("p",Gs,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",Fs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",Os,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.status")),1)]),default:$(()=>[i("p",Bs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",js,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",ks,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-regular fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.status.pending")),1)]),default:$(()=>[i("p",Ss,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const Ns=S(us,[["render",xs],["__scopeId","data-v-1b4654bc"]]),Ws=k({name:"SeedreamRecentPanel",components:{TaskPreview:Ns,BotPlaceholder:Pe,NoTasks:_e,ScrollList:be},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedream?.tasks,items:this.$store.state.seedream?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ks={key:0},Zs={key:2,class:"w-full h-full flex items-center justify-center"};function Hs(e,t,m,o,d,p){const u=a("bot-placeholder"),f=a("task-preview"),l=a("scroll-list"),_=a("no-tasks");return n(),c(y,null,[e.tasks?.items===void 0?(n(),c("div",Ks,[s(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),b(l,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=h=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),c(y,null,I(e.tasks?.items,h=>(n(),b(f,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(n(),c("div",Zs,[s(_)])):v("",!0)],64)}const Xs=S(Ws,[["render",Hs]]),Js=pe("seedream"),Qs=k({name:"SeedreamIndex",components:{ConfigPanel:ms,Layout:Be,RecentPanel:Xs},mixins:[$e],inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.seedream?.status?.getApplications===X.Request},tasksLoading(){return this.$store.state.seedream?.status?.getTasks===X.Request},credential(){return this.$store.state.seedream?.credential},config(){return this.$store.state.seedream?.config},application(){return this.$store.state.seedream?.application},tasks(){return this.$store.state.seedream?.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.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("seedream/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("seedream/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.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:m,createdAtMax:o}=e||{};console.debug("limit",t,"createdAtMin",m,"createdAtMax",o),await this.$store.dispatch("seedream/getTasks",{limit:t,createdAtMin:m,createdAtMax:o})},async onGenerate(){if(!ve(this.uploadTracker,d=>this.$t(d),d=>A.warning(d)))return;const e={...this.config||{}};!(Array.isArray(e?.image)&&e.image.length>0)&&"image"in e&&delete e.image,e?.size||delete e.size;const m={...e,callback_url:Js},o=this.credential?.token;if(!o){console.error("no token specified");return}A.info(this.$t("seedream.message.startingTask")),ue("seedream",ze.generate(m,{token:o})).then(()=>{A.success(this.$t("seedream.message.startTaskSuccess"))}).catch(d=>{const p=d?.response?.data;p?.error?.code===Ve?A.error(this.$t("seedream.message.usedUp")):A.error(this.$t("seedream.message.startTaskFailed")+(p?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ys(e,t,m,o,d,p){const u=a("config-panel"),f=a("recent-panel"),l=a("layout");return n(),b(l,null,{config:$(()=>[s(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[s(f,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ea=S(Qs,[["render",Ys]]);export{ea as default};
+import{F as P}from"./index.es-CLQR2iBw.js";import{E as q}from"./index-DpLV-Pq9.js";import{E as oe}from"./index-DJjyFLlw.js";import{d as k,H as c,E as i,z as G,C as s,y as $,D as a,q as n,x as b,F as r,I as g,O as y,N as I,J as v,M as ae,Q as D}from"./vendor-vue-NSDaktjZ.js";import{H as S,da as B,db as R,dc as j,dd as L,de as F,df as K,dg as O,dh as J,di as Q,dj as Y,bp as ne,dk as re,dl as Z,dm as ie,dn as le,dp as de,dq as H,dr as ce,ds as me,dt as ee,cs as ue,S as X,ct as pe}from"./index-CVH6GWSn.js";import{P as fe,N as _e}from"./NoTasks-CBf4UVlo.js";import{p as ge}from"./pasteUploadMixin-BurWbGNQ.js";import{u as he,a as $e,e as ve}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as V,S as be,l as Ee}from"./pagination-DiGyJEay.js";import{I as te}from"./ImagePreview-DeNxw7C3.js";import{E as ke}from"./index-BOikF7Vg.js";import{E as A}from"./index-CisFWmyE.js";import{C as Se}from"./Consumption-BoW8Yj1Z.js";import{a as ye}from"./price-B1xKQHsz.js";import{E as x,a as N,b as we}from"./index-Du5AFIP4.js";import{E as Ae}from"./index-XXhfzQt9.js";import{E as W}from"./index-BVMK7LIJ.js";import{E as Ie}from"./index-B3XMfsr2.js";import{b as Ve}from"./errorCode-Cqj9Td_Z.js";import{s as ze}from"./seedream-gFX5-V03.js";import{C as Te}from"./CopyToClipboard-Ih2qsYgN.js";import{I as Me}from"./ImageWrapper-BvFBUaIt.js";import{A as Re}from"./ApiCodeButton-CsgRae2o.js";import{E as Le}from"./index-ByCbBTje.js";import{E as De}from"./index-BizFhdaE.js";import{E as Ce}from"./index-br52C4yM.js";import{B as Pe}from"./BotPlaceholder-B-UqCz8R.js";import"./use-form-item-BV_L9kB7.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-EBzcwoVz.js";import"./typescript-BXdqla6u.js";import"./index-Dw6ZevFg.js";import"./index-CLOxJQ_9.js";import"./highlight-CYeIx3eC.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BsWkCEVF.js";import"./_baseClone-CD4xkhO5.js";import"./_Uint8Array-Cj-LmGzx.js";import"./_initCloneObject-CIlwXpy7.js";import"./isEqual-CWBDsFs3.js";import"./index-BiSfH4hc.js";import"./strings-beZM2Y-f.js";import"./castArray-9ufFSW5u.js";import"./debounce-zyhh1kFW.js";import"./_baseIteratee-BcXwWZMY.js";import"./index-Dbz6Whu6.js";import"./validator-C6fRYUzr.js";import"./index-Cu41y2Fl.js";import"./index-DAZIhRrh.js";const qe=k({name:"LayoutSeedream",components:{ElDrawer:oe,ElButton:q,FontAwesomeIcon:P},data(){return{drawer:!1}}}),Ue={class:"main flex flex-row flex-1"},Ge={class:"config w-[320px] 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 bg-[var(--app-content-bg)]"};function Oe(e,t,m,o,d,p){const u=a("font-awesome-icon"),f=a("el-button"),l=a("el-drawer");return n(),c("div",Ue,[i("div",Ge,[G(e.$slots,"config",{},void 0,!0)]),i("div",Fe,[G(e.$slots,"result",{},void 0,!0)]),s(f,{circle:"",class:"menu",onClick:t[0]||(t[0]=_=>e.drawer=!0)},{default:$(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Be=S(qe,[["render",Oe],["__scopeId","data-v-f2a6eb9e"]]),je="",xe=k({name:"SeedreamPromptInput",components:{PromptTextarea:fe},computed:{prompt:{get(){return this.$store.state.seedream?.config?.prompt},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=je)}});function Ne(e,t,m,o,d,p){const u=a("prompt-textarea");return n(),b(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=f=>e.prompt=f),title:e.$t("seedream.name.prompt"),info:e.$t("seedream.description.prompt"),placeholder:e.$t("seedream.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const We=S(xe,[["render",Ne]]),Ke={image:!0,imageRequired:!1,sizeTiers:[B,R,j,L],sizeAdaptive:!0,sizePixel:!0,sizePixelDefault:void 0,groupGeneration:!1,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};function w(e){switch(e){case Y:return{image:!0,imageRequired:!1,sizeTiers:[R,j,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!0,tools:!0};case Q:return{image:!0,imageRequired:!1,sizeTiers:[R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case J:return{image:!0,imageRequired:!1,sizeTiers:[B,R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case O:return{image:!1,imageRequired:!1,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!0,guidanceScale:!0,guidanceScaleDefault:K[O],outputFormat:!1,tools:!1};case F:return{image:!0,imageRequired:!0,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!1,guidanceScale:!0,guidanceScaleDefault:K[F],outputFormat:!1,tools:!1};default:return Ke}}const Ze=[B,R,j,L];function He(e,t){if(!e)return[];const m=t.model??e.model;if(!m)return[];const o=w(m),d=[];Array.isArray(e.image)&&e.image.length>0&&!o.image&&d.push({field:"image",i18nLabel:"seedream.name.imageUrls"});const p=typeof e.size=="string"?e.size:void 0;if(p){const u=p.toUpperCase();Ze.includes(u)&&!o.sizeTiers.includes(u)?d.push({field:"size",i18nLabel:"seedream.name.size"}):p==="adaptive"&&!o.sizeAdaptive&&d.push({field:"size",i18nLabel:"seedream.name.size"})}return e.sequential_image_generation==="auto"&&!o.groupGeneration&&d.push({field:"sequential_image_generation",i18nLabel:"seedream.name.maxImages"}),e.seed!==void 0&&e.seed!==null&&!o.seed&&d.push({field:"seed",i18nLabel:"seedream.name.seed"}),e.guidance_scale!==void 0&&e.guidance_scale!==null&&!o.guidanceScale&&d.push({field:"guidance_scale",i18nLabel:"seedream.name.guidanceScale"}),e.output_format&&!o.outputFormat&&d.push({field:"output_format",i18nLabel:"seedream.name.outputFormat"}),Array.isArray(e.tools)&&e.tools.length>0&&!o.tools&&d.push({field:"tools",i18nLabel:"seedream.name.tools"}),d}function Xe(e,t,m){const o={...e},d=m.model??e.model,p=w(d);for(const u of t)switch(u.field){case"image":delete o.image;break;case"size":p.sizePixelDefault?o.size=p.sizePixelDefault:delete o.size;break;case"sequential_image_generation":o.sequential_image_generation="disabled",delete o.sequential_image_generation_options;break;case"seed":delete o.seed;break;case"guidance_scale":delete o.guidance_scale;break;case"output_format":delete o.output_format;break;case"tools":delete o.tools;break}return o}const Je=k({name:"SeedreamImageInput",components:{ElUpload:ke,ElButton:q,InfoIcon:V,ImagePreview:te,FontAwesomeIcon:P},mixins:[ge,he],data(){return{fileList:[],uploadUrl:ne()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.seedream?.config?.image},model(){return this.$store.state.seedream?.config?.model},supported(){return w(this.model).image}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const o=(this.fileList||[]).filter(d=>!d?.response?.file_url);this.fileList=o.length?o:[];return}const t=[];e.forEach(o=>{const d=this.fileList.find(p=>p?.response?.file_url===o||p?.url===o);d?t.push(d):t.push({name:o.split("/").pop()||o,url:o,status:"success",percentage:100,response:{file_url:o}})}),(this.fileList||[]).filter(o=>!o?.response?.file_url).forEach(o=>{t.some(p=>p===o||p?.url===o?.url||p?.response?.file_url===o?.response?.file_url)||t.push(o)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImages()},onExceed(){A.warning(this.$t("seedream.message.uploadImageExceed"))},onError(){A.error(this.$t("seedream.message.uploadImageError"))},onSetImages(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,image:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImages()}}}),Qe={key:0},Ye={class:"field"},et={class:"label"},tt={class:"box"},st={class:"title font-bold"},ot={class:"value"},at={class:"file-list mt-2 flex flex-wrap gap-[10px]"};function nt(e,t,m,o,d,p){const u=a("info-icon"),f=a("font-awesome-icon"),l=a("el-button"),_=a("el-upload"),h=a("image-preview");return e.supported?(n(),c("div",Qe,[i("div",Ye,[i("div",et,[i("div",tt,[i("h2",st,r(e.$t("seedream.name.imageUrls")),1),s(u,{content:e.$t("seedream.description.imageUrls"),class:"info"},null,8,["content"])])]),i("div",ot,[s(_,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=E=>e.fileList=E),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",limit:14,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[s(l,{size:"small",type:"primary",round:""},{default:$(()=>[s(f,{icon:"fa-solid fa-upload",class:"mr-1"}),g(" "+r(e.$t("seedream.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"])])]),i("div",at,[(n(!0),c(y,null,I(e.fileList,(E,T)=>(n(),b(h,{key:E.uid||E?.response?.file_url||E.url||T,url:E.url||E?.response?.file_url,name:E.name,percentage:E.percentage,onRemove:C=>e.onRemovePreview(T,E)},null,8,["url","name","percentage","onRemove"]))),128))])])):v("",!0)}const rt=S(Je,[["render",nt],["__scopeId","data-v-6ef4c2e4"]]),it=k({name:"SeedreamModelSelector",components:{ElSelect:N,ElOption:x,InfoIcon:V},data(){return{revertKey:0,options:[{value:Y,label:this.$t("seedream.model.seedream50")},{value:Q,label:this.$t("seedream.model.seedream45")},{value:J,label:this.$t("seedream.model.seedream40")},{value:O,label:this.$t("seedream.model.seedream30t2i")},{value:F,label:this.$t("seedream.model.seededit30i2i")}]}},computed:{value(){return this.$store.state.seedream?.config?.model}},mounted(){this.value||this.applyModel(re)},methods:{async onChange(e){const t=this.$store.state.seedream?.config||{},m=He(t,{model:e});if(m.length===0){this.applyModel(e);return}const o=m.map(d=>this.$t(d.i18nLabel)).join("、");try{await Ae.confirm(this.$t("seedream.message.featureNotSupportedBody",{fields:o}),this.$t("seedream.message.featureNotSupportedTitle"),{confirmButtonText:this.$t("seedream.button.confirmContinue"),cancelButtonText:this.$t("seedream.button.cancelSwitch"),type:"warning"});const d=Xe({...t,model:e},m,{model:e});this.$store.commit("seedream/setConfig",d),A.success(this.$t("seedream.message.featureRemovedNotice",{fields:o}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,model:e})}}}),lt={class:"field"},dt={class:"label"},ct={class:"box"},mt={class:"title font-bold"};function ut(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return n(),c("div",lt,[i("div",dt,[i("div",ct,[i("h2",mt,r(e.$t("seedream.name.model")),1),s(u,{content:e.$t("seedream.description.model"),class:"info"},null,8,["content"])])]),(n(),b(l,{key:e.revertKey,"model-value":e.value,class:"value",placeholder:e.$t("seedream.placeholder.select"),onChange:e.onChange},{default:$(()=>[(n(!0),c(y,null,I(e.options,_=>(n(),b(f,{key:_.value,label:_.label,value:_.value},null,8,["label","value"]))),128))]),_:1},8,["model-value","placeholder","onChange"]))])}const pt=S(it,[["render",ut],["__scopeId","data-v-8892a12c"]]),ft=k({name:"SeedreamSizeSelector",components:{ElSelect:N,ElOption:x,ElOptionGroup:we,InfoIcon:V},data(){return{SEEDREAM_SIZE_ADAPTIVE:le,pixelOptions:ie}},computed:{model(){return this.$store.state.seedream?.config?.model},capabilities(){return w(this.model)},value:{get(){return this.$store.state.seedream?.config?.size},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,size:e})}}},watch:{model:{immediate:!0,handler(){if(this.value)return;const e=this.capabilities;e.sizeTiers.length?this.value=e.sizeTiers.includes(Z)?Z:e.sizeTiers[0]:e.sizePixelDefault&&(this.value=e.sizePixelDefault)}}}}),_t={class:"field"},gt={class:"label"},ht={class:"box"},$t={class:"title font-bold"};function vt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-option"),l=a("el-option-group"),_=a("el-select");return n(),c("div",_t,[i("div",gt,[i("div",ht,[i("h2",$t,r(e.$t("seedream.name.size")),1),s(u,{content:e.$t("seedream.description.size"),class:"info"},null,8,["content"])])]),s(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=h=>e.value=h),class:"value",placeholder:e.$t("seedream.placeholder.size"),filterable:"","allow-create":"","default-first-option":""},{default:$(()=>[e.capabilities.sizeTiers.length?(n(),b(l,{key:0,label:e.$t("seedream.size.group.tier")},{default:$(()=>[(n(!0),c(y,null,I(e.capabilities.sizeTiers,h=>(n(),b(f,{key:h,label:h,value:h},null,8,["label","value"]))),128))]),_:1},8,["label"])):v("",!0),e.capabilities.sizeAdaptive?(n(),b(l,{key:1,label:e.$t("seedream.size.group.adaptive")},{default:$(()=>[(n(),b(f,{key:e.SEEDREAM_SIZE_ADAPTIVE,label:e.$t("seedream.size.adaptive"),value:e.SEEDREAM_SIZE_ADAPTIVE},null,8,["label","value"]))]),_:1},8,["label"])):v("",!0),s(l,{label:e.$t("seedream.size.group.pixel")},{default:$(()=>[(n(!0),c(y,null,I(e.pixelOptions,h=>(n(),b(f,{key:h.value,label:`${h.value} (${h.ratio})`,value:h.value},null,8,["label","value"]))),128))]),_:1},8,["label"])]),_:1},8,["modelValue","placeholder"])])}const bt=S(ft,[["render",vt],["__scopeId","data-v-dd7bd021"]]),Et=k({name:"SeedreamMaxImagesSelector",components:{ElInputNumber:W,InfoIcon:V},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).groupGeneration},referenceImageCount(){const e=this.config?.image;return Array.isArray(e)?e.length:0},effectiveMax(){const e=H-this.referenceImageCount;return Math.max(1,Math.min(H,e))},value:{get(){const e=this.config?.sequential_image_generation_options?.max_images;return typeof e=="number"&&e>=1?e:de},set(e){const t={...this.config||{}},m=Math.max(1,Math.min(this.effectiveMax,Math.floor(e||1)));m>1?(t.sequential_image_generation="auto",t.sequential_image_generation_options={...t.sequential_image_generation_options||{},max_images:m}):(t.sequential_image_generation="disabled",t.sequential_image_generation_options&&delete t.sequential_image_generation_options),this.$store.commit("seedream/setConfig",t)}}},watch:{effectiveMax(e){this.value>e&&(this.value=e)}}}),kt={key:0,class:"field"},St={class:"label"},yt={class:"box"},wt={class:"title font-bold"},At={class:"value"};function It(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",kt,[i("div",St,[i("div",yt,[i("h2",wt,r(e.$t("seedream.name.maxImages")),1),s(u,{content:e.$t("seedream.description.maxImages"),class:"info"},null,8,["content"])])]),i("div",At,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:e.effectiveMax,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue","max"])])])):v("",!0)}const Vt=S(Et,[["render",It],["__scopeId","data-v-f079fd20"]]),zt=k({name:"SeedreamOutputFormatSelector",components:{ElSelect:N,ElOption:x,InfoIcon:V},data(){return{options:[...ce]}},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).outputFormat},value:{get(){return this.config?.output_format},set(e){const t={...this.config||{}};t.output_format=e,this.$store.commit("seedream/setConfig",t)}}}}),Tt={key:0,class:"field"},Mt={class:"label"},Rt={class:"box"},Lt={class:"title font-bold"};function Dt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return e.supported?(n(),c("div",Tt,[i("div",Mt,[i("div",Rt,[i("h2",Lt,r(e.$t("seedream.name.outputFormat")),1),s(u,{content:e.$t("seedream.description.outputFormat"),class:"info"},null,8,["content"])])]),s(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=_=>e.value=_),class:"value",placeholder:e.$t("seedream.placeholder.select")},{default:$(()=>[(n(!0),c(y,null,I(e.options,_=>(n(),b(f,{key:_,label:_.toUpperCase(),value:_},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])):v("",!0)}const Ct=S(zt,[["render",Dt],["__scopeId","data-v-69ea4c07"]]),Pt=k({name:"SeedreamSeedInput",components:{ElInputNumber:W,InfoIcon:V},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).seed},value:{get(){const e=this.config?.seed;return typeof e=="number"?e:-1},set(e){const t={...this.config||{}},m=typeof e=="number"&&Number.isInteger(e)?e:-1;t.seed=m,this.$store.commit("seedream/setConfig",t)}}}}),qt={key:0,class:"field"},Ut={class:"label"},Gt={class:"box"},Ft={class:"title font-bold"},Ot={class:"value"};function Bt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",qt,[i("div",Ut,[i("div",Gt,[i("h2",Ft,r(e.$t("seedream.name.seed")),1),s(u,{content:e.$t("seedream.description.seed"),class:"info"},null,8,["content"])])]),i("div",Ot,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:-1,max:2147483647,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const jt=S(Pt,[["render",Bt],["__scopeId","data-v-10cdc1e0"]]),xt=k({name:"SeedreamGuidanceScaleInput",components:{ElInputNumber:W,InfoIcon:V},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).guidanceScale},defaultValue(){return w(this.config?.model).guidanceScaleDefault??2.5},value:{get(){const e=this.config?.guidance_scale;return typeof e=="number"?e:this.defaultValue},set(e){const t={...this.config||{}},m=typeof e=="number"&&e>=1&&e<=10?e:this.defaultValue;t.guidance_scale=m,this.$store.commit("seedream/setConfig",t)}}}}),Nt={key:0,class:"field"},Wt={class:"label"},Kt={class:"box"},Zt={class:"title font-bold"},Ht={class:"value"};function Xt(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",Nt,[i("div",Wt,[i("div",Kt,[i("h2",Zt,r(e.$t("seedream.name.guidanceScale")),1),s(u,{content:e.$t("seedream.description.guidanceScale"),class:"info"},null,8,["content"])])]),i("div",Ht,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:10,step:.1,precision:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const Jt=S(xt,[["render",Xt],["__scopeId","data-v-7386f064"]]),Qt=k({name:"SeedreamWatermarkSwitch",components:{ElSwitch:Ie,InfoIcon:V},computed:{value:{get(){const e=this.$store.state.seedream?.config?.watermark;return e===void 0?me:!!e},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,watermark:e})}}}}),Yt={class:"field"},es={class:"label"},ts={class:"box"},ss={class:"title font-bold"},os={class:"value"};function as(e,t,m,o,d,p){const u=a("info-icon"),f=a("el-switch");return n(),c("div",Yt,[i("div",es,[i("div",ts,[i("h2",ss,r(e.$t("seedream.name.watermark")),1),s(u,{content:e.$t("seedream.description.watermark"),class:"info"},null,8,["content"])])]),i("div",os,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"])])])}const ns=S(Qt,[["render",as],["__scopeId","data-v-9e2abf0f"]]),rs=k({name:"SeedreamConfigPanel",components:{ElButton:q,FontAwesomeIcon:P,PromptInput:We,Consumption:Se,ImageInput:rt,ModelSelector:pt,SizeSelector:bt,MaxImagesSelector:Vt,OutputFormatSelector:Ct,SeedInput:jt,GuidanceScaleInput:Jt,WatermarkSwitch:ns},emits:["generate"],computed:{config(){return this.$store.state.seedream?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image)&&e.image.length>0,m=e?.sequential_image_generation==="auto"?Math.max(1,Math.floor(e?.sequential_image_generation_options?.max_images||1)):1;return ye({...e,action:t?"edit":"generate",model:ee(e?.model),count:m},this.service?.cost)},service(){return this.$store.state.seedream?.service}},methods:{onGenerate(){this.$emit("generate")}}}),is={class:"flex flex-col h-full"},ls={class:"flex-1 overflow-y-auto p-5"},ds={class:"flex flex-col items-center justify-center px-5 pb-5"};function cs(e,t,m,o,d,p){const u=a("model-selector"),f=a("size-selector"),l=a("max-images-selector"),_=a("output-format-selector"),h=a("seed-input"),E=a("guidance-scale-input"),T=a("watermark-switch"),C=a("prompt-input"),U=a("image-input"),z=a("consumption"),M=a("font-awesome-icon"),se=a("el-button");return n(),c("div",is,[i("div",ls,[s(u,{class:"mb-4"}),s(f,{class:"mb-4"}),s(l,{class:"mb-4"}),s(_,{class:"mb-4"}),s(h,{class:"mb-4"}),s(E,{class:"mb-4"}),s(T,{class:"mb-4"}),s(C,{class:"mb-4"}),s(U,{class:"mb-4"})]),i("div",ds,[s(z,{value:e.consumption,service:e.service},null,8,["value","service"]),s(se,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[s(M,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+r(e.$t("seedream.button.generate")),1)]),_:1},8,["onClick"])])])}const ms=S(rs,[["render",cs]]),us=k({name:"SeedreamTaskPreview",components:{ElImage:Ce,CopyToClipboard:Te,FontAwesomeIcon:P,ElAlert:De,ImageWrapper:Me,ElButton:q,ElTooltip:Le,ImagePreview:te,ApiCodeButton:Re},props:{modelValue:{type:Object,required:!0}},computed:{isEdit(){return Array.isArray(this.modelValue?.request?.image)&&(this.modelValue?.request?.image?.length||0)>0},images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{shortModel(e){return ee(e)||e},onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.seedream?.config||{}};t.image=[e],this.$store.commit("seedream/setConfig",t)}}}),ps={class:"preview"},fs={class:"left"},_s={class:"main"},gs={class:"bot"},hs={class:"datetime"},$s={class:"info"},vs={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},bs={key:1,class:"prompt mt-2"},Es={key:0},ks={key:0,class:D({content:!0})},Ss={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ys={key:1,class:D({content:!0,failed:!0})},ws={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},As={class:D({operations:!0,"mt-2":!0,"mb-2":!0})},Is={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ts={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ms={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ls={key:2,class:D({content:!0})},Ds={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Cs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ps={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Us={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Fs={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Os={key:3,class:D({content:!0})},Bs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},js={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function xs(e,t,m,o,d,p){const u=a("el-image"),f=a("image-preview"),l=a("font-awesome-icon"),_=a("copy-to-clipboard"),h=a("el-alert"),E=a("image-wrapper"),T=a("el-button"),C=a("el-tooltip"),U=a("api-code-button");return n(),c("div",ps,[i("div",fs,[s(u,{src:"https://cdn.acedata.cloud/9egrbn.png",class:"avatar"})]),i("div",_s,[i("div",gs,[g(r(e.$t("seedream.name.seedreamBot"))+" ",1),i("span",hs,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",$s,[Array.isArray(e.modelValue?.request?.image)&&e.modelValue?.request?.image.length>0?(n(),c("div",vs,[(n(!0),c(y,null,I(e.modelValue?.request?.image,(z,M)=>(n(),b(f,{key:M,url:z,name:`image-${M+1}`,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(n(),c("p",bs,[g(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?v("",!0):(n(),c("span",Es," - ("+r(e.$t("seedream.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(n(),c("div",ys,[i("div",ws,[(n(!0),c(y,null,I(e.images,(z,M)=>(n(),b(E,{key:M,src:z?.image_url,"raw-src":z?.image_url},null,8,["src","raw-src"]))),128))]),i("div",As,[s(C,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[s(T,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=ae(z=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[g(r(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"]),s(U,{path:"/seedream/images",body:e.modelValue?.request},null,8,["body"])]),s(h,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Is,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",Vs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",zs,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",Ts,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",Ms,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",Rs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),c("div",Ls,[s(h,{closable:!1,class:"failure"},{template:$(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Ds,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",Cs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",Ps,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",qs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.error?.message?(n(),c("p",Us,[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),s(_,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])])):v("",!0),e.modelValue?.elapsed?(n(),c("p",Gs,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",Fs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",Os,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.status")),1)]),default:$(()=>[i("p",Bs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",js,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",ks,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-regular fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.status.pending")),1)]),default:$(()=>[i("p",Ss,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const Ns=S(us,[["render",xs],["__scopeId","data-v-1b4654bc"]]),Ws=k({name:"SeedreamRecentPanel",components:{TaskPreview:Ns,BotPlaceholder:Pe,NoTasks:_e,ScrollList:be},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedream?.tasks,items:this.$store.state.seedream?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ks={key:0},Zs={key:2,class:"w-full h-full flex items-center justify-center"};function Hs(e,t,m,o,d,p){const u=a("bot-placeholder"),f=a("task-preview"),l=a("scroll-list"),_=a("no-tasks");return n(),c(y,null,[e.tasks?.items===void 0?(n(),c("div",Ks,[s(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),b(l,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=h=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),c(y,null,I(e.tasks?.items,h=>(n(),b(f,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(n(),c("div",Zs,[s(_)])):v("",!0)],64)}const Xs=S(Ws,[["render",Hs]]),Js=pe("seedream"),Qs=k({name:"SeedreamIndex",components:{ConfigPanel:ms,Layout:Be,RecentPanel:Xs},mixins:[$e],inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.seedream?.status?.getApplications===X.Request},tasksLoading(){return this.$store.state.seedream?.status?.getTasks===X.Request},credential(){return this.$store.state.seedream?.credential},config(){return this.$store.state.seedream?.config},application(){return this.$store.state.seedream?.application},tasks(){return this.$store.state.seedream?.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.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("seedream/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("seedream/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.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:m,createdAtMax:o}=e||{};console.debug("limit",t,"createdAtMin",m,"createdAtMax",o),await this.$store.dispatch("seedream/getTasks",{limit:t,createdAtMin:m,createdAtMax:o})},async onGenerate(){if(!ve(this.uploadTracker,d=>this.$t(d),d=>A.warning(d)))return;const e={...this.config||{}};!(Array.isArray(e?.image)&&e.image.length>0)&&"image"in e&&delete e.image,e?.size||delete e.size;const m={...e,callback_url:Js},o=this.credential?.token;if(!o){console.error("no token specified");return}A.info(this.$t("seedream.message.startingTask")),ue("seedream",ze.generate(m,{token:o})).then(()=>{A.success(this.$t("seedream.message.startTaskSuccess"))}).catch(d=>{const p=d?.response?.data;p?.error?.code===Ve?A.error(this.$t("seedream.message.usedUp")):A.error(this.$t("seedream.message.startTaskFailed")+(p?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ys(e,t,m,o,d,p){const u=a("config-panel"),f=a("recent-panel"),l=a("layout");return n(),b(l,null,{config:$(()=>[s(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[s(f,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ea=S(Qs,[["render",Ys]]);export{ea as default};