@acedatacloud/nexior 3.284.0 → 3.284.1

package/dist/assets/Index-Czbezx1I.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-BydTr5nV.js";import{r as y,t as b}from"./select-QhWFfx8o.js";import{t as x}from"./upload-BcceLzPb.js";import{t as S}from"./tooltip-BxeH2Vts.js";import{t as C}from"./image-BGUmbsiF.js";import{t as w}from"./alert-CuX4SjQB.js";import{t as T}from"./drawer-R6pcaap2.js";import{t as E}from"./input-number-CCDsqYIG.js";import{t as D}from"./slider-81ZUIYNs.js";import{Jn as O,Xn as k,Yn as A,qn as ee}from"./constants-GZR8mO5c.js";import{Ar as te,Dr as j,E as M,Ft as N,Hn as P,It as F,Lr as I,Nt as L,Pt as R,Rt as z,gn as B}from"./index-GCcBd82e.js";import{t as V}from"./index.es-BjlXijMY.js";import{t as H}from"./CopyToClipboard-DI8aVRDY.js";import{t as U}from"./ImagePreview-C36V5b3a.js";import{n as W}from"./taskDrawerMixin-DEgO_R5H.js";import{t as G}from"./BotPlaceholder-DR97jOHa.js";import{t as K}from"./InfoIcon-qwAmm1my.js";import{t as q}from"./PromptTextarea-DN38pSv9.js";import{t as J}from"./Consumption-Dis1iRqQ.js";import{n as Y,t as X}from"./pagination-CbSYnvsp.js";import{t as Z}from"./ApiCodeButton-hMXFMLN4.js";import{t as Q}from"./NoTasks-BaAtBGvw.js";import{t as ne}from"./VideoPlayer-D0DddZmE.js";var re=r({name:`LayoutPixverse`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:V},mixins:[W]}),ie={class:`main flex flex-row flex-1`},ae={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},oe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function se(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,ie,[n(`div`,ae,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,oe,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ce=M(re,[[`render`,se],[`__scopeId`,`data-v-e688a015`]]),le=r({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`v3.5`,label:`v3.5`},{value:`v4`,label:`v4`},{value:`v4.5`,label:`v4.5`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||=O}}),ue={class:`field`},de={class:`title font-bold`};function fe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ue,[n(`h2`,de,u(r.$t(`pixverse.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var pe=M(le,[[`render`,fe],[`__scopeId`,`data-v-e8f337ca`]]),me=r({name:`QualitySelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`360p`,label:`360p`},{value:`540p`,label:`540p`},{value:`720p`,label:`720p`},{value:`1080p`,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||=k}}),he={class:`field`},ge={class:`title font-bold`};function _e(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,he,[n(`h2`,ge,u(r.$t(`pixverse.name.quality`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=M(me,[[`render`,_e],[`__scopeId`,`data-v-64aeaae9`]]),ye=r({name:`MotionSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`normal`,label:this.$t(`pixverse.name.motion1`)},{value:`fast`,label:this.$t(`pixverse.name.motion2`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||=A}}),be={class:`field`},xe={class:`title font-bold`};function Se(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,be,[n(`h2`,xe,u(r.$t(`pixverse.name.motion`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=M(ye,[[`render`,Se],[`__scopeId`,`data-v-94237408`]]),we=r({name:`StyleSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`cyberpunk`,label:this.$t(`pixverse.name.style1`)},{value:`anime`,label:this.$t(`pixverse.name.style2`)},{value:`comic`,label:this.$t(`pixverse.name.style3`)},{value:`clay`,label:this.$t(`pixverse.name.style4`)},{value:`3d_animation`,label:this.$t(`pixverse.name.style5`)},{value:`realistic`,label:this.$t(`pixverse.name.style6`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||=``}}),Te={class:`field`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Te,[n(`h2`,Ee,u(r.$t(`pixverse.name.style`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=M(we,[[`render`,De],[`__scopeId`,`data-v-64e17b3c`]]),ke=r({name:`SeedSelector`,components:{ElSlider:D,InfoIcon:K,ElInputNumber:E},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||=void 0}}),Ae={class:`flex justify-between`},je={class:`flex justify-start items-center`},Me={class:`text-sm font-bold`},Ne={class:`flex justify-end items-center`},Pe={class:`w-full`};function Fe(e,r,i,a,s,c){let l=h(`info-icon`),f=h(`el-input-number`),p=h(`el-slider`);return d(),t(`div`,null,[n(`div`,Ae,[n(`div`,je,[n(`span`,Me,u(e.$t(`pixverse.name.seed`)),1),o(l,{content:e.$t(`pixverse.description.seed`)},null,8,[`content`])]),n(`div`,Ne,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,Pe,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Ie=M(ke,[[`render`,Fe]]),Le=r({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:5,label:`5s`},{value:8,label:`8s`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||=5}}),Re={class:`field`},ze={class:`title font-bold`};function Be(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Re,[n(`h2`,ze,u(r.$t(`pixverse.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ve=M(Le,[[`render`,Be],[`__scopeId`,`data-v-065c77ef`]]),He=r({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||=ee}}),Ue={class:`text-sm font-bold mb-2 block`},We={class:`items`},Ge=[`onClick`],Ke={class:`name`};function qe(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,Ue,u(r.$t(`pixverse.name.aspectRatio`)),1),n(`div`,We,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,Ke,u(e.label),1)],10,Ge))),128))])])}var Je=M(He,[[`render`,qe],[`__scopeId`,`data-v-53038264`]]),Ye=r({name:`StartImage`,components:{ElUpload:x,ElButton:v,InfoIcon:K,FontAwesomeIcon:V,ImagePreview:U},mixins:[F,R],emits:[`change`],data(){return{fileList:[],uploadUrl:te()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){I.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`pixverse.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Xe={class:`relative`},Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`};function et(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Xe,[n(`div`,Ze,[n(`div`,Qe,[n(`span`,$e,u(e.$t(`pixverse.name.startImage`)),1),o(p,{content:e.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var tt=M(Ye,[[`render`,et],[`__scopeId`,`data-v-0d570ad7`]]),nt=r({name:`PromptInput`,components:{PromptTextarea:q},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||=``}});function rt(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pixverse.name.prompt`),info:e.$t(`pixverse.description.prompt`),placeholder:e.$t(`pixverse.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var it=r({name:`ConfigPanel`,components:{ElButton:v,FontAwesomeIcon:V,PromptInput:M(nt,[[`render`,rt]]),ModelSelector:pe,QualitySelector:ve,MotionSelector:Ce,StyleSelector:Oe,DurationSelector:Ve,StartImage:tt,SeedSelector:Ie,RatioSelector:Je,Consumption:J},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return z(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),at={class:`flex flex-col h-full`},ot={class:`flex-1 overflow-y-auto p-5`},st={class:`flex flex-col items-center justify-center px-5 pb-5`};function ct(e,r,a,s,c,l){let f=h(`prompt-input`),p=h(`model-selector`),m=h(`style-selector`),_=h(`ratio-selector`),v=h(`motion-selector`),y=h(`quality-selector`),b=h(`start-image`),x=h(`seed-selector`),S=h(`duration-selector`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,at,[n(`div`,ot,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`})]),n(`div`,st,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var lt=M(it,[[`render`,ct]]),ut=r({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:H,FontAwesomeIcon:V,ElAlert:w,VideoPlayer:ne,ElTooltip:S,ElButton:v,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),dt={class:`preview`},ft={class:`left`},pt={class:`main`},mt={class:`bot`},ht={class:`datetime`},gt={class:`info`},_t={key:0,class:`prompt mt-2`},vt={key:0},yt={key:1},bt={key:0,class:l({content:!0,failed:!0})},xt={key:0,class:`mb-4`},St={key:1,class:l({operations:!0,"mt-2":!0})},Ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Et={key:1,class:l({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function At(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,dt,[n(`div`,ft,[o(p,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),n(`div`,pt,[n(`div`,mt,[i(u(e.$t(`pixverse.name.pixverseBot`))+` `,1),n(`span`,ht,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,gt,[e.modelValue?.request?.prompt?(d(),t(`p`,_t,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,vt,` - (`+u(e.$t(`pixverse.status.pending`))+`) `,1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state===`processing`||e.modelValue?.response?.data[0]?.state===`pending`)?(d(),t(`span`,yt,` - (`+u(e.$t(`pixverse.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,bt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,xt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,St,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`pixverse.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/pixverse/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,wt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Tt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,Et,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failure`)),1)]),default:g(()=>[n(`p`,$,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),n(`p`,Dt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ot,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,kt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var jt=r({name:`RecentPanel`,components:{TaskPreview:M(ut,[[`render`,At],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:Q,BotPlaceholder:G,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Mt={key:0},Nt={key:2,class:`w-full h-full flex items-center justify-center`};function Pt(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Mt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Nt,[o(v)])):m(``,!0)],64)}var Ft=r({name:`PixverseIndex`,components:{ConfigPanel:lt,Layout:ce,RecentPanel:M(jt,[[`render`,Pt]])},mixins:[N],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===j.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===j.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await 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(`pixverse/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pixverse/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let 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);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pixverse/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`pixverse.message.startingTask`)),P(`pixverse`,B.generate(e,{token:t})).then(()=>{I.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`pixverse.message.usedUp`)):I.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function It(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=M(Ft,[[`render`,It]]);export{Lt as default};

package/dist/assets/Index-DDKhUt2N.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,dt as d,et as f,k as p,tt as m,ut as h,v as g}from"./vendor-chart-BJCvKk8-.js";import{t as _}from"./button-BydTr5nV.js";import{r as v,t as y}from"./select-QhWFfx8o.js";import{t as b}from"./upload-BcceLzPb.js";import{t as x}from"./tooltip-BxeH2Vts.js";import{t as S}from"./image-BGUmbsiF.js";import{t as C}from"./alert-CuX4SjQB.js";import{n as w,r as T}from"./radio-3Hz7h3DR.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as ee}from"./switch-uimP4Iyh.js";import{Ir as D}from"./constants-GZR8mO5c.js";import{Ar as O,Dr as k,E as A,Ft as te,Hn as j,It as M,Ln as N,Lr as P,Nt as F,Pt as I,Rt as L,xn as R}from"./index-GCcBd82e.js";import{t as z}from"./index.es-BjlXijMY.js";import{t as B}from"./CopyToClipboard-DI8aVRDY.js";import{t as V}from"./ImagePreview-C36V5b3a.js";import{n as H}from"./taskDrawerMixin-DEgO_R5H.js";import{t as U}from"./BotPlaceholder-DR97jOHa.js";import{t as W}from"./InfoIcon-qwAmm1my.js";import{t as G}from"./PromptTextarea-DN38pSv9.js";import{t as K}from"./Consumption-Dis1iRqQ.js";import{n as q,t as J}from"./pagination-CbSYnvsp.js";import{t as Y}from"./ApiCodeButton-hMXFMLN4.js";import{t as X}from"./NoTasks-BaAtBGvw.js";import{t as Z}from"./vue-plyr-wiIKa-zl.js";var Q=r({name:`LayoutPika`,components:{ElDrawer:E,ElButton:_,FontAwesomeIcon:z},mixins:[H]}),ne={class:`main flex flex-row flex-1`},re={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ie={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ae(e,r,i,a,s,c){let l=m(`font-awesome-icon`),p=m(`el-button`),_=m(`el-drawer`);return u(),t(`div`,ne,[n(`div`,re,[f(e.$slots,`config`,{},void 0,!0)]),n(`div`,ie,[f(e.$slots,`result`,{},void 0,!0)]),d(o(p,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:h(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!e.tasksEmpty]]),o(_,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:h(()=>[f(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var oe=A(Q,[[`render`,ae],[`__scopeId`,`data-v-cbfdbeb3`]]),se=r({name:`IngredientsSelector`,components:{ElSwitch:ee,InfoIcon:W},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug(`set ingredients`,e),e||this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ce={class:`field`},le={class:`title font-bold`};function ue(e,r,i,a,s,c){let d=m(`el-switch`),f=m(`info-icon`);return u(),t(`div`,ce,[n(`h2`,le,l(e.$t(`pika.name.ingredients`)),1),o(d,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`]),o(f,{content:e.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])])}var de=A(se,[[`render`,ue],[`__scopeId`,`data-v-17c0af5c`]]),fe=r({name:`EffectSelector`,components:{ElSelect:v,ElOption:y},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),pe={class:`field`},me={class:`title font-bold`},he={class:`float-left`};function ge(r,i,c,d,f,p){let g=m(`el-option`),_=m(`el-select`);return u(),t(`div`,pe,[n(`h2`,me,l(r.$t(`pika.name.effect`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pika.placeholder.select`),clearable:``},{default:h(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(g,{key:e.value,label:e.label,value:e.value},{default:h(()=>[n(`span`,he,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var _e=A(fe,[[`render`,ge],[`__scopeId`,`data-v-d1c54475`]]),ve=r({name:`IngredientsModelSelector`,components:{ElRadioButton:w,ElRadioGroup:T},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=D}}),ye={class:`field`},be={class:`title font-bold`};function xe(r,c,d,f,p,g){let _=m(`el-radio-button`),v=m(`el-radio-group`);return u(),t(`div`,ye,[n(`h2`,be,l(r.$t(`pika.name.ingredientsModel`)),1),o(v,{modelValue:r.value,"onUpdate:modelValue":c[0]||=e=>r.value=e,class:`quality`},{default:h(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.value},{default:h(()=>[i(l(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var Se=A(ve,[[`render`,xe],[`__scopeId`,`data-v-b72865fa`]]),Ce=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),we={class:`field`},Te={class:`title font-bold`};function Ee(r,i,c,d,f,p){let g=m(`el-option`),_=m(`el-select`);return u(),t(`div`,we,[n(`h2`,Te,l(r.$t(`pika.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pika.placeholder.select`)},{default:h(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var De=A(Ce,[[`render`,Ee],[`__scopeId`,`data-v-7b2e870a`]]),Oe=r({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:W,ImagePreview:V,FontAwesomeIcon:z},mixins:[M,I],data(){return{fileList:[],uploadUrl:O()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){P.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){P.error(this.$t(`pika.message.uploadStartImageError`))},async onRemove(){P.error(this.$t(`pika.message.uploadStartImageError`))},onSetStartImageUrl(){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),ke={class:`field`},Ae={class:`title font-bold`},je={class:`upload-wrapper`};function Me(e,r,a,s,c,d){let f=m(`image-preview`),p=m(`font-awesome-icon`),g=m(`el-button`),_=m(`el-upload`),v=m(`info-icon`);return u(),t(`div`,ke,[n(`h2`,Ae,l(e.$t(`pika.name.imageUrl`)),1),n(`div`,je,[o(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:3,multiple:!0,"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:h(({file:t})=>[o(f,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:h(()=>[o(g,{size:`small`,type:`primary`,round:``},{default:h(()=>[o(p,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])]),o(v,{content:e.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])])}var Ne=A(Oe,[[`render`,Me],[`__scopeId`,`data-v-25cefe78`]]),Pe=r({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Fe(e,t,n,r,i,o){let s=m(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ie=r({name:`PresetPanel`,components:{ImageUrlInput:Ne,ElButton:_,FontAwesomeIcon:z,Consumption:K,PromptInput:A(Pe,[[`render`,Fe]]),IngredientsSelector:de,IngredientsModelSelector:Se,ModelSelector:De,EffectSelector:_e},emits:[`generate`],computed:{config(){return this.$store.state.pika?.config},consumption(){return L(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Le={class:`flex flex-col h-full`},Re={class:`flex-1 overflow-y-auto p-5`},ze={class:`flex flex-col items-center justify-center px-5 pb-5`};function Be(e,r,s,c,d,f){let g=m(`prompt-input`),_=m(`model-selector`),v=m(`ingredients-selector`),y=m(`effect-selector`),b=m(`image-url-input`),x=m(`ingredients-model-selector`),S=m(`consumption`),C=m(`font-awesome-icon`),w=m(`el-button`);return u(),t(`div`,Le,[n(`div`,Re,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),e.config?.ingredients?(u(),a(b,{key:0,class:`mb-4`})):p(``,!0),e.config?.ingredients?(u(),a(x,{key:1,class:`mb-4`})):p(``,!0)]),n(`div`,ze,[o(S,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(w,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[o(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`pika.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ve=A(Ie,[[`render`,Be]]),He=r({name:`VideoPlayer`,components:{VuePlyr:Z},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),Ue=[`data-poster`],We=[`src`];function Ge(e,r,i,a,s,c){let l=m(`vue-plyr`);return u(),t(`div`,null,[o(l,{options:e.options,class:`video`},{default:h(()=>[n(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":e.modelValue?.image_url},[n(`source`,{size:`1080`,src:e.modelValue?.video_url,type:`video/mp4`},null,8,We)],8,Ue)]),_:1},8,[`options`])])}var Ke=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:B,FontAwesomeIcon:z,ElAlert:C,VideoPlayer:A(He,[[`render`,Ge],[`__scopeId`,`data-v-897d9fe0`]]),ElTooltip:x,ElButton:_,ApiCodeButton:Y},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),qe={class:`left`},Je={class:`main`},Ye={class:`bot`},Xe={class:`datetime`},Ze={class:`info`},Qe={key:0,class:`prompt mt-2`},$e={key:0},et={key:1},tt={key:0,class:c({content:!0,failed:!0})},nt={class:`image-wrapper`},rt={key:0,class:c({operations:!0,"mt-2":!0})},it={key:0,class:`description`},at={class:`description`},ot={key:1,class:`description`},st={key:1,class:c({content:!0})},ct={class:`description`},lt={class:`description`},ut={key:0,class:`description`},dt={class:`description`},ft={key:2,class:c({content:!0})},$={class:`description`};function pt(r,c,d,f,g,_){let v=m(`el-image`),y=m(`VideoPlayer`),b=m(`el-button`),x=m(`el-tooltip`),S=m(`api-code-button`),C=m(`font-awesome-icon`),w=m(`copy-to-clipboard`),T=m(`el-alert`);return u(!0),t(s,null,e(r.videos,(e,s)=>(u(),t(`div`,{key:s,class:`preview`},[n(`div`,qe,[o(v,{src:`https://cdn.acedata.cloud/i80tgn.png`,class:`avatar`})]),n(`div`,Je,[n(`div`,Ye,[i(l(r.$t(`pika.name.pikaBot`))+` `,1),n(`span`,Xe,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ze,[r.modelValue?.request?.prompt?(u(),t(`p`,Qe,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?p(``,!0):(u(),t(`span`,$e,` - (`+l(r.$t(`pika.status.pending`))+`) `,1)),e?.state===`processing`||e?.state===`pending`?(u(),t(`span`,et,` - (`+l(r.$t(`pika.status.processing`))+`) `,1)):p(``,!0)])):p(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,tt,[n(`div`,nt,[o(y,{"model-value":e},null,8,[`model-value`])]),e?(u(),t(`div`,rt,[o(x,{class:`box-item`,effect:`dark`,content:r.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:h(()=>[e?.video_url?(u(),a(b,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t=>r.onDownload(e?.video_url)},{default:h(()=>[i(l(r.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):p(``,!0)]),_:2},1032,[`content`]),o(S,{path:`/pika/videos`,body:r.modelValue?.request},null,8,[`body`])])):p(``,!0),o(T,{closable:!1,class:`mt-2 success`},{default:h(()=>[r.modelValue?.request?.model?(u(),t(`p`,it,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):p(``,!0),n(`p`,at,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,ot,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0)]),_:1})])):p(``,!0),r.modelValue?.response?.success===!1?(u(),t(`div`,st,[o(T,{closable:!1,class:`failure`},{template:h(()=>[o(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.failure`)),1)]),default:h(()=>[n(`p`,ct,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,lt,[o(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(w,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,ut,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),n(`p`,dt,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(w,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0),!r.modelValue?.response||e?.state===`processing`||e?.state===`pending`?(u(),t(`div`,ft,[o(T,{closable:!1,class:`info`},{template:h(()=>[o(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.failure`)),1)]),default:h(()=>[n(`p`,$,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`pika.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0)])]))),128)}var mt=r({name:`RecentPanel`,components:{TaskPreview:A(Ke,[[`render`,pt],[`__scopeId`,`data-v-52856c99`]]),BotPlaceholder:U,NoTasks:X,ScrollList:q},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ht={key:0},gt={key:2,class:`w-full h-full flex items-center justify-center`};function _t(n,r,i,c,l,d){let f=m(`bot-placeholder`),g=m(`task-preview`),_=m(`scroll-list`),v=m(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,ht,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:h(()=>[(u(!0),t(s,null,e(n.tasks?.items,(e,t)=>(u(),a(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):p(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,gt,[o(v)])):p(``,!0)],64)}var vt=r({name:`PikaIndex`,components:{ConfigPanel:Ve,Layout:oe,RecentPanel:A(mt,[[`render`,_t]])},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===k.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===k.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===k.Request},needApply(){return this.$store.state.pika.status.getApplications===k.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.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 J({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(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){N.create({application:this.application}).then(({data:e})=>{this.application=e,P.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&P.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let 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);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!F(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}P.info(this.$t(`pika.message.startingTask`)),j(`pika`,R.generate(e,{token:t})).then(()=>{P.success(this.$t(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`pika.message.usedUp`)):P.error(this.$t(`pika.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function yt(e,t,n,r,i,s){let c=m(`config-panel`),l=m(`recent-panel`),d=m(`layout`);return u(),a(d,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var bt=A(vt,[[`render`,yt],[`__scopeId`,`data-v-acf06287`]]);export{bt as default};

package/dist/assets/Index-DGsvKoEE.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,D as t,F as n,N as r,O as i,P as a,Wt as o,Z as s,dt as c,k as l,nt as u,tt as d,ut as f}from"./vendor-chart-BJCvKk8-.js";import{t as p}from"./button-BydTr5nV.js";import{n as m,t as h}from"./row-B_20n5GI.js";import{i as g,n as _,r as v,t as y}from"./container-BgEH5azS.js";import{n as b,t as x}from"./dropdown-C2jhe_nC.js";import{a as S,i as C,n as w,r as T,t as E}from"./avatar-CzKRg9n6.js";import{D,E as O,Fr as k,Gt as A,J as j,O as M,V as N,at as P,kr as F}from"./index-GCcBd82e.js";import{t as I}from"./BottomFooter-DdTCPGLM.js";var L=n({name:`TopHeader`,components:{ElCol:m,Logo:w,ElRow:h,ElDropdown:x,ElMenu:T,ElMenuItem:C,ElDropdownItem:b,ElButton:p,ElSubMenu:S},data(){return{defaultAvatar:E,products:`chat`}},computed:{site(){return this.$store.state?.site},dark(){return this.$store.getters?.dark},active(){return this.$route.matched?.[0]?.path},user(){return this.$store.getters?.user},authenticated(){return this.$store.getters?.authenticated}},methods:{openTab(e){if(k()){D.open({url:e}).catch(t=>{console.warn(`Browser.open failed, falling back to window.open`,t),window.open(e,`_blank`)});return}window.open(e,`_blank`)},onSelect(e){e&&this.$router.push(e)},onHome(){this.$router.push({name:P})},onLogin(){this.$router.push({name:M})},onDownload(){this.$router.push({name:j})},onProfile(){let e=F();this.openTab(A(`${e}/user/profile`))},onVerify(){let e=F();this.openTab(A(`${e}/user/verify`))},onConsole(){this.$router.push({name:N})},async onLogout(){this.$store.dispatch(`logout`)}}}),R={key:0,class:`mt-4 pr-10`},z={key:1,class:`float-right`},B=[`src`];function V(n,p,m,h,g,_){let v=d(`logo`),y=d(`el-col`),b=d(`el-menu-item`),x=d(`el-sub-menu`),S=d(`el-menu`),C=d(`el-button`),w=d(`language-selector`),T=d(`dark-selector`),E=d(`el-dropdown-item`),D=d(`el-dropdown-menu`),O=d(`el-dropdown`),k=d(`el-row`),A=u(`t`);return s(),i(k,{class:`header`},{default:f(()=>[a(y,{md:4,xs:24,class:`brand-col`},{default:f(()=>[a(v,{onClick:n.onHome},null,8,[`onClick`])]),_:1}),a(y,{md:16,xs:13},{default:f(()=>[a(S,{"default-active":n.active,mode:`horizontal`,class:`menu`,ellipsis:!0,onSelect:n.onSelect},{default:f(()=>[a(x,{index:n.products},{title:f(()=>[r(o(n.$t(`common.nav.products`)),1)]),default:f(()=>[n.site?.features?.chatgpt?.enabled?c((s(),i(b,{key:0,index:`/chat`},null,512)),[[A,`index.title.chat`]]):l(``,!0),n.site?.features?.midjourney?.enabled?c((s(),i(b,{key:1,index:`/midjourney`},null,512)),[[A,`index.title.midjourney`]]):l(``,!0),n.site?.features?.qrart?.enabled?c((s(),i(b,{key:2,index:`/qrart`},null,512)),[[A,`index.title.qrart`]]):l(``,!0),n.site?.features?.suno?.enabled?c((s(),i(b,{key:3,index:`/suno`},null,512)),[[A,`index.title.suno`]]):l(``,!0),n.site?.features?.luma?.enabled?c((s(),i(b,{key:4,index:`/luma`},null,512)),[[A,`index.title.luma`]]):l(``,!0),n.site?.features?.headshots?.enabled?c((s(),i(b,{key:5,index:`/headshots`},null,512)),[[A,`index.title.headshots`]]):l(``,!0)]),_:1},8,[`index`]),c(a(b,{onRoute:e=>void 0,onClick:n.onDownload},null,8,[`onClick`]),[[A,`common.nav.mobileApp`]]),c(a(b,{onRoute:e=>void 0,onClick:p[0]||=e=>n.openTab(`https://platform.acedata.cloud`)},null,512),[[A,`common.nav.apiPlatform`]]),c(a(b,{onRoute:e=>void 0,onClick:p[1]||=e=>n.openTab(`https://platform.acedata.cloud/support`)},null,512),[[A,`common.nav.support`]]),c(a(b,{onRoute:e=>void 0,onClick:p[2]||=e=>n.openTab(`https://platform.acedata.cloud/earning`)},null,512),[[A,`common.nav.referral`]])]),_:1},8,[`default-active`,`onSelect`])]),_:1}),a(y,{md:4,xs:11},{default:f(()=>[n.authenticated?(s(),e(`div`,z,[t(`div`,{class:`console`,onClick:p[3]||=(...e)=>n.onConsole&&n.onConsole(...e)},o(n.$t(`common.button.console`)),1),a(O,{trigger:`click`},{dropdown:f(()=>[a(D,null,{default:f(()=>[a(E,{onClick:n.onProfile},{default:f(()=>[r(o(n.$t(`common.button.profile`)),1)]),_:1},8,[`onClick`]),a(E,{onClick:n.onLogout},{default:f(()=>[r(o(n.$t(`common.button.logout`)),1)]),_:1},8,[`onClick`])]),_:1})]),default:f(()=>[t(`img`,{src:n.user?.avatar||n.defaultAvatar,class:`avatar`},null,8,B)]),_:1})])):(s(),e(`div`,R,[a(C,{type:`primary`,class:`float-right`,size:`small`,round:``,onClick:n.onLogin},{default:f(()=>[r(o(n.$t(`common.button.login`)),1)]),_:1},8,[`onClick`]),a(w,{class:`locale float-right mr-4`}),a(T,{class:`float-right mr-4`})]))]),_:1})]),_:1})}var H=n({name:`LayoutIndex`,components:{TopHeader:O(L,[[`render`,V]]),BottomFooter:I,ElContainer:y,ElMain:g,ElFooter:_,ElHeader:v}});function U(e,t,n,r,o,c){let l=d(`top-header`),u=d(`el-header`),p=d(`router-view`),m=d(`el-main`),h=d(`bottom-footer`),g=d(`el-footer`),_=d(`el-container`);return s(),i(_,{class:`wrapper min-h-[100vh]`},{default:f(()=>[a(u,{class:`header p-0 h-auto`},{default:f(()=>[a(l)]),_:1}),a(m,{class:`main`},{default:f(()=>[a(p)]),_:1}),a(g,{class:`footer p-0 h-auto`},{default:f(()=>[a(h)]),_:1})]),_:1})}var W=O(H,[[`render`,U]]);export{W as default};

package/dist/assets/Index-DSt1U_eE.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,k as p,tt as m,ut as h}from"./vendor-chart-BJCvKk8-.js";import{t as g}from"./button-BydTr5nV.js";import{r as _,t as v}from"./select-QhWFfx8o.js";import{t as y}from"./upload-BcceLzPb.js";import{t as b}from"./tooltip-BxeH2Vts.js";import{t as x}from"./image-BGUmbsiF.js";import{t as S}from"./alert-CuX4SjQB.js";import{Ct as C,Dt as w,Et as T,St as E,Tt as D,bt as O,kt as k,vt as A,wt as j,xt as ee,yt as te}from"./constants-GZR8mO5c.js";import{Ar as M,Dr as N,E as P,Ft as F,Hn as I,It as L,Lr as R,Nt as z,Pt as B,Rt as V,rn as H}from"./index-GCcBd82e.js";import{t as U}from"./index.es-BjlXijMY.js";import{t as W}from"./CopyToClipboard-DI8aVRDY.js";import{t as G}from"./ImagePreview-C36V5b3a.js";import{t as K}from"./BotPlaceholder-DR97jOHa.js";import{t as q}from"./InfoIcon-qwAmm1my.js";import{t as J}from"./PromptTextarea-DN38pSv9.js";import{t as Y}from"./Consumption-Dis1iRqQ.js";import{n as X,t as Z}from"./pagination-CbSYnvsp.js";import{t as Q}from"./ApiCodeButton-hMXFMLN4.js";import{t as ne}from"./NoTasks-BaAtBGvw.js";import{t as re}from"./Seedance-0wfqAzNK.js";import{t as ie}from"./VideoPlayer-D0DddZmE.js";var ae=r({name:`GrokVideoPromptInput`,components:{PromptTextarea:J},computed:{prompt:{get(){return this.$store.state.grokvideo?.config?.prompt},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function oe(e,t,n,r,i,o){let s=m(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`grokvideo.name.prompt`),info:e.$t(`grokvideo.description.prompt`),placeholder:e.$t(`grokvideo.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var se=P(ae,[[`render`,oe]]),ce=r({name:`GrokVideoModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:q},data(){return{options:[{value:C,label:this.$t(`grokvideo.model.default`)},{value:E,label:this.$t(`grokvideo.model.preview15`)}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.model},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,model:e})}}},mounted(){this.value||=A}}),le={class:`field`},ue={class:`label`},de={class:`box`},fe={class:`title font-bold`};function pe(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,le,[n(`div`,ue,[n(`div`,de,[n(`h2`,fe,u(r.$t(`grokvideo.name.model`)),1),o(g,{content:r.$t(`grokvideo.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`grokvideo.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var me=P(ce,[[`render`,pe],[`__scopeId`,`data-v-291d93fb`]]),he=r({name:`GrokVideoDurationSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:q},data(){return{options:[{value:3,label:`3s`},{value:5,label:`5s`},{value:6,label:`6s`},{value:8,label:`8s`},{value:10,label:`10s`},{value:12,label:`12s`},{value:15,label:`15s`}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.duration},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,duration:e})}}},mounted(){this.value||=8}}),ge={class:`field`},_e={class:`label`},ve={class:`box`},ye={class:`title font-bold`};function be(r,i,c,l,f,p){let g=m(`info-icon`),_=m(`el-option`),v=m(`el-select`);return d(),t(`div`,ge,[n(`div`,_e,[n(`div`,ve,[n(`h2`,ye,u(r.$t(`grokvideo.name.duration`)),1),o(g,{content:r.$t(`grokvideo.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`grokvideo.placeholder.select`)},{default:h(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var xe=P(he,[[`render`,be],[`__scopeId`,`data-v-8b8ef5e7`]]),Se=r({name:`GrokVideoResolutionSelector`,components:{InfoIcon:q},data(){return{options:[{value:T,label:`480p`},{value:w,label:`720p`}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.resolution},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,resolution:e})}}},mounted(){this.value||=O}}),Ce={class:`resolution`},we={class:`header`},Te={class:`title font-bold`},Ee={class:`items`},De=[`onClick`];function Oe(r,i,a,c,f,p){let h=m(`info-icon`);return d(),t(`div`,Ce,[n(`div`,we,[n(`h2`,Te,u(r.$t(`grokvideo.name.resolution`)),1),o(h,{content:r.$t(`grokvideo.description.resolution`),class:`info`},null,8,[`content`])]),n(`div`,Ee,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},u(e.label),11,De))),128))])])}var ke=P(Se,[[`render`,Oe],[`__scopeId`,`data-v-f1ebb899`]]),Ae=r({name:`GrokVideoRatioSelector`,components:{InfoIcon:q},computed:{options(){return[{value:j,label:`16:9`,w:32,h:18},{value:D,label:`9:16`,w:18,h:32},{value:`1:1`,label:`1:1`,w:24,h:24},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`3:2`,label:`3:2`,w:30,h:20},{value:`2:3`,label:`2:3`,w:20,h:30}]},value:{get(){return this.$store.state.grokvideo?.config?.aspect_ratio},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,aspect_ratio:e})}}},mounted(){this.value||=te}}),je={class:`ratio`},Me={class:`header`},Ne={class:`title font-bold`},Pe={class:`items`},Fe=[`onClick`],Ie={class:`preview`},Le={class:`name`};function Re(r,i,a,f,p,h){let g=m(`info-icon`);return d(),t(`div`,je,[n(`div`,Me,[n(`h2`,Ne,u(r.$t(`grokvideo.name.ratio`)),1),o(g,{content:r.$t(`grokvideo.description.ratio`),class:`info`},null,8,[`content`])]),n(`div`,Pe,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},[n(`div`,Ie,[n(`div`,{class:`rect`,style:c({width:e.w+`px`,height:e.h+`px`})},null,4)]),n(`div`,Le,u(e.label),1)],10,Fe))),128))])])}var ze=P(Ae,[[`render`,Re],[`__scopeId`,`data-v-70115284`]]),Be=r({name:`GrokVideoImageInput`,components:{ElUpload:y,ElButton:g,InfoIcon:q,FontAwesomeIcon:U,ImagePreview:G},mixins:[L,B],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},required(){return k(this.$store.state.grokvideo?.config?.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){R.warning(this.$t(`grokvideo.message.uploadExceed`))},onError(){R.error(this.$t(`grokvideo.message.uploadError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,image_url:e||void 0})},async onSuccess(){this.onSetImageUrl()},async onRemove(){this.onSetImageUrl()}}}),Ve={class:`relative`},He={class:`flex justify-between`},Ue={class:`flex justify-start items-center`},We={class:`text-sm font-bold`},Ge={key:0,class:`required-badge`};function Ke(e,r,s,c,l,f){let g=m(`info-icon`),_=m(`image-preview`),v=m(`font-awesome-icon`),y=m(`el-button`),b=m(`el-upload`);return d(),t(`div`,Ve,[n(`div`,He,[n(`div`,Ue,[n(`span`,We,u(e.$t(`grokvideo.name.image`)),1),e.required?(d(),t(`span`,Ge,u(e.$t(`grokvideo.name.required`)),1)):p(``,!0),o(g,{content:e.$t(`grokvideo.description.image`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):p(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])}var qe=r({name:`GrokVideoConfigPanel`,components:{ElButton:g,FontAwesomeIcon:U,PromptInput:se,ModelSelector:me,DurationSelector:xe,ResolutionSelector:ke,RatioSelector:ze,ImageInput:P(Be,[[`render`,Ke],[`__scopeId`,`data-v-164e5a1d`]]),Consumption:Y},emits:[`generate`],computed:{config(){return this.$store.state.grokvideo?.config},consumption(){return V(this.config,this.service?.cost)},service(){return this.$store.state.grokvideo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Je={class:`flex flex-col h-full`},Ye={class:`flex-1 overflow-y-auto p-5`},Xe={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ze(e,r,a,s,c,l){let f=m(`prompt-input`),p=m(`model-selector`),g=m(`ratio-selector`),_=m(`resolution-selector`),v=m(`duration-selector`),y=m(`image-input`),b=m(`consumption`),x=m(`font-awesome-icon`),S=m(`el-button`);return d(),t(`div`,Je,[n(`div`,Ye,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-2`})]),n(`div`,Xe,[o(b,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(S,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[o(x,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`grokvideo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Qe=P(qe,[[`render`,Ze]]),$e=r({name:`GrokVideoTaskPreview`,components:{ElImage:x,CopyToClipboard:W,FontAwesomeIcon:U,ElAlert:S,VideoPlayer:ie,ElTooltip:b,ElButton:g,ImagePreview:G,ApiCodeButton:Q},props:{modelValue:{type:Object,required:!0}},data(){return{grokVideoLogo:ee}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_url}},methods:{onDownload(e){window.open(e,`_blank`)}}}),et={class:`preview`},tt={class:`left`},nt={class:`main`},rt={class:`bot`},it={class:`datetime`},at={class:`info`},ot={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},st={key:1,class:`prompt mt-2`},ct={key:0},lt={key:1},ut={key:0,class:l({content:!0})},dt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ft={key:1,class:l({content:!0})},pt={key:0,class:`mb-4`},mt={key:1,class:l({operations:!0,"mt-2":!0,"mb-2":!0})},ht={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:0},yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},xt={key:2,class:l({content:!0})},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Tt={key:3,class:l({content:!0})},Et={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Dt(e,r,a,s,c,l){let g=m(`el-image`),_=m(`image-preview`),v=m(`font-awesome-icon`),y=m(`copy-to-clipboard`),b=m(`el-alert`),x=m(`video-player`),S=m(`el-button`),C=m(`el-tooltip`),w=m(`api-code-button`);return d(),t(`div`,et,[n(`div`,tt,[o(g,{src:e.grokVideoLogo,class:`avatar`},null,8,[`src`])]),n(`div`,nt,[n(`div`,rt,[i(u(e.$t(`grokvideo.name.bot`))+` `,1),n(`span`,it,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,at,[e.inputImage?(d(),t(`div`,ot,[o(_,{url:e.inputImage,name:`image`,closable:!1},null,8,[`url`])])):p(``,!0),e.modelValue?.request?.prompt?(d(),t(`p`,st,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?e.video?.state===`processing`||e.video?.state===`pending`?(d(),t(`span`,lt,` - (`+u(e.$t(`grokvideo.status.processing`))+`) `,1)):p(``,!0):(d(),t(`span`,ct,` - (`+u(e.$t(`grokvideo.status.pending`))+`) `,1))])):p(``,!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(d(),t(`div`,ft,[e.video?.video_url?(d(),t(`div`,pt,[o(x,{src:e.video?.video_url},null,8,[`src`])])):p(``,!0),e.video?.video_url?(d(),t(`div`,mt,[o(C,{class:`box-item`,effect:`dark`,content:e.$t(`grokvideo.message.downloadVideo`),placement:`top-start`},{default:h(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=f(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:h(()=>[i(u(e.$t(`grokvideo.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:`/grok/videos`,body:e.modelValue?.request},null,8,[`body`])])):p(``,!0),o(b,{closable:!1,class:`mt-2 success`},{default:h(()=>[e.modelValue?.request?.model?(d(),t(`p`,ht,[o(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.model`))+`: `+u(e.modelValue?.request?.model),1)])):p(``,!0),e.video?.duration?(d(),t(`p`,gt,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.duration`))+`: `+u(e.video?.duration)+`s `,1)])):p(``,!0),e.modelValue?.request?.resolution?(d(),t(`p`,_t,[o(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.resolution`))+`: `+u(e.modelValue?.request?.resolution)+` `,1),e.modelValue?.request?.aspect_ratio?(d(),t(`span`,vt,` · `+u(e.modelValue?.request?.aspect_ratio),1)):p(``,!0)])):p(``,!0),n(`p`,yt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,$,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,bt,[o(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(d(),t(`div`,xt,[o(b,{closable:!1,class:`failure`},{template:h(()=>[o(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.failure`)),1)]),default:h(()=>[n(`p`,St,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.error?.message?(d(),t(`p`,Ct,[o(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,wt,[o(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):p(``,!0)]),_:1})])):(d(),t(`div`,Tt,[o(b,{closable:!1,class:`info`},{template:h(()=>[o(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.status`)),1)]),default:h(()=>[n(`p`,Et,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(d(),t(`div`,ut,[o(b,{closable:!1,class:`info`},{template:h(()=>[o(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.status.pending`)),1)]),default:h(()=>[n(`p`,dt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})]))])])}var Ot=r({name:`GrokVideoRecentPanel`,components:{TaskPreview:P($e,[[`render`,Dt],[`__scopeId`,`data-v-cb4cd43a`]]),BotPlaceholder:K,NoTasks:ne,ScrollList:X},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.grokvideo?.tasks,items:this.$store.state.grokvideo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kt={key:0},At={key:2,class:`w-full h-full flex items-center justify-center`};function jt(n,r,i,c,l,u){let f=m(`bot-placeholder`),g=m(`task-preview`),_=m(`scroll-list`),v=m(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,kt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:h(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):p(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,At,[o(v)])):p(``,!0)],64)}var Mt=r({name:`GrokVideoIndex`,components:{ConfigPanel:Qe,Layout:re,RecentPanel:P(Ot,[[`render`,jt]])},mixins:[F],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.grokvideo?.status?.getApplications===N.Request},tasksLoading(){return this.$store.state.grokvideo?.status?.getTasks===N.Request||this.fetchingTasks},credential(){return this.$store.state.grokvideo?.credential},config(){return this.$store.state.grokvideo?.config},tasks(){return this.$store.state.grokvideo?.tasks}},watch:{initialized:{async handler(e){e&&(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 Z({tasks: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(){await this.$store.dispatch(`grokvideo/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`grokvideo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!z(this.uploadTracker,e=>this.$t(e),e=>R.warning(e)))return;let e={...this.config||{}};typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),typeof e?.image_url==`string`&&!e.image_url.trim()&&delete e.image_url;let t=!!e?.image_url;if(k(e?.model)&&!t){R.warning(this.$t(`grokvideo.message.modelRequiresImage`));return}if(!t&&!e?.prompt){R.warning(this.$t(`grokvideo.message.promptOrImageRequired`));return}let n={...e,async:!0},r=this.credential?.token;if(!r){console.error(`no token specified`);return}R.info(this.$t(`grokvideo.message.startingTask`)),I(`grokvideo`,H.generate(n,{token:r})).then(()=>{R.success(this.$t(`grokvideo.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?R.error(this.$t(`grokvideo.message.usedUp`)):R.error(this.$t(`grokvideo.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nt(e,t,n,r,i,s){let c=m(`config-panel`),l=m(`recent-panel`),u=m(`layout`);return d(),a(u,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pt=P(Mt,[[`render`,Nt]]);export{Pt as default};

package/dist/assets/Index-DW1nynOi.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,b as u,dt as d,et as f,k as p,nt as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./button-BydTr5nV.js";import{B as y,I as b,X as x,Z as S,nt as C}from"./use-deprecated-B-NFNg3W.js";import{r as w,t as T}from"./select-QhWFfx8o.js";import{n as E,t as D}from"./tabs-47iAXIcH.js";import{t as O}from"./upload-BcceLzPb.js";import{t as k}from"./tooltip-BxeH2Vts.js";import{t as A}from"./image-BGUmbsiF.js";import{t as j}from"./avatar-Chg0rxNt.js";import{n as M,r as N}from"./radio-3Hz7h3DR.js";import{n as ee,t as P}from"./collapse-DKoLdGkY.js";import{t as F}from"./drawer-R6pcaap2.js";import{n as I,r as te,t as ne}from"./dropdown-C2jhe_nC.js";import{t as L}from"./input-number-CCDsqYIG.js";import{n as re,t as ie}from"./skeleton-BwNBivMN.js";import{t as ae}from"./slider-81ZUIYNs.js";import{t as oe}from"./switch-uimP4Iyh.js";import{Nn as R}from"./constants-GZR8mO5c.js";import{Ar as z,Dr as B,E as V,Ft as H,Hn as U,Ln as W,Lr as G,Nt as K,Pt as q,Rt as se,Wr as J,cn as Y}from"./index-GCcBd82e.js";import{t as X}from"./index.es-BjlXijMY.js";import{n as ce}from"./taskDrawerMixin-DEgO_R5H.js";import{t as Z}from"./InfoIcon-qwAmm1my.js";import{t as le}from"./PromptTextarea-DN38pSv9.js";import{t as ue}from"./Consumption-Dis1iRqQ.js";import{n as de,r as fe,t as pe}from"./pagination-CbSYnvsp.js";import{t as me}from"./NoTasks-BaAtBGvw.js";import{n as he,r as Q,t as ge}from"./Player-rmRvvuNA.js";var _e=r({name:`LayoutProducer`,components:{ElDrawer:F,ElButton:v,FontAwesomeIcon:X},mixins:[ce],data(){return{preview:!1}},computed:{}}),ve={class:`main flex flex-row flex-1`},ye={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},be={class:`result h-full flex flex-col flex-1 min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`},xe={class:`preview h-full w-[300px] flex flex-col`};function Se(e,r,i,a,s,c){let u=h(`font-awesome-icon`),p=h(`el-button`),m=h(`el-drawer`);return l(),t(`div`,ve,[n(`div`,ye,[f(e.$slots,`config`,{},void 0,!0)]),n(`div`,be,[f(e.$slots,`result`,{},void 0,!0)]),n(`div`,xe,[f(e.$slots,`preview`,{},void 0,!0)]),d(o(p,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(u,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:g(()=>[f(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Ce=V(_e,[[`render`,Se],[`__scopeId`,`data-v-cc984c6f`]]),we=r({name:`TypeSelector`,components:{ElSelect:w,ElOption:T,ElSwitch:oe,InfoIcon:Z},data(){return{options:[{label:`FUZZ-2.0 Pro`,value:`FUZZ-2.0 Pro`,desc:this.$t(`producer.model.fuzz20proDesc`)},{label:`FUZZ-2.0`,value:`FUZZ-2.0`,desc:this.$t(`producer.model.fuzz20desc`)},{label:`FUZZ-2.0 Raw`,value:`FUZZ-2.0 Raw`,desc:this.$t(`producer.model.fuzz20rawDesc`)},{label:`FUZZ-1.1 Pro`,value:`FUZZ-1.1 Pro`,desc:this.$t(`producer.model.fuzz11proDesc`)},{label:`FUZZ-1.1`,value:`FUZZ-1.1`,desc:this.$t(`producer.model.fuzz11desc`)},{label:`FUZZ-1.0 Pro`,value:`FUZZ-1.0 Pro`,desc:this.$t(`producer.model.fuzz10proDesc`)},{label:`FUZZ-1.0`,value:`FUZZ-1.0`,desc:this.$t(`producer.model.fuzz10desc`)},{label:`FUZZ-0.8`,value:`FUZZ-0.8`,desc:this.$t(`producer.model.fuzz08desc`)}]}},computed:{custom:{get(){return this.$store.state.producer?.config?.custom||!1},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,custom:e})}},instrumental:{get(){return this.$store.state.producer?.config?.instrumental||!1},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,instrumental:e})}},model:{get(){return this.$store.state.producer?.config?.model},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,model:e})}}},mounted(){this.model||=R}}),Te={class:`mb-3`},Ee={class:`flex items-center mb-1`},De={class:`text-sm font-bold`},Oe={class:`model-option`},ke={class:`model-option-name`},Ae={class:`model-option-desc`},je={key:0,class:`flex items-center justify-between mb-3`},Me={class:`flex items-center`},Ne={class:`text-sm font-bold`};function Pe(r,i,u,d,f,m){let _=h(`el-option`),v=h(`el-select`),y=h(`info-icon`),b=h(`el-switch`);return l(),t(`div`,null,[n(`div`,Te,[n(`div`,Ee,[n(`span`,De,c(r.$t(`producer.name.model`)),1)]),o(v,{modelValue:r.model,"onUpdate:modelValue":i[0]||=e=>r.model=e,class:`w-full model-select`,size:`default`,placeholder:r.$t(`producer.placeholder.select`)},{default:g(()=>[(l(!0),t(s,null,e(r.options,e=>(l(),a(_,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`div`,Oe,[n(`span`,ke,c(e.label),1),n(`span`,Ae,c(e.desc),1)])]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])]),r.custom?(l(),t(`div`,je,[n(`div`,Me,[n(`span`,Ne,c(r.$t(`producer.name.instrumental`)),1),o(y,{content:r.$t(`producer.description.instrumental`)},null,8,[`content`])]),o(b,{modelValue:r.instrumental,"onUpdate:modelValue":i[1]||=e=>r.instrumental=e},null,8,[`modelValue`])])):p(``,!0)])}var Fe=V(we,[[`render`,Pe],[`__scopeId`,`data-v-42496b9a`]]),Ie=r({name:`UploadAudio`,components:{ElUpload:O,ElButton:v,ElRadioGroup:N,ElRadioButton:M,InfoIcon:Z,FontAwesomeIcon:X},mixins:[q],emits:[`change`],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`,audioPreviewUrl:null,uploading:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},urls(){return this.fileList.map(e=>e?.response?.file_url)},hasUploadedAudio(){let e=this.$store.state.producer?.config?.action;return e===`upload_extend`||e===`upload_cover`},uploadAction:{get(){return this.$store.state.producer?.config?.action||`upload_extend`},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,action:e})}}},watch:{urls:{handler(e){this.$emit(`change`,e)}}},methods:{onExceed(){G.warning(this.$t(`producer.message.uploadReferencesExceed`))},onError(){this.uploading=!1,G.error(this.$t(`producer.message.uploadReferencesError`))},async onSuccess(){let e=this.urls?.[0];if(!e){this.uploading=!1;return}this.audioPreviewUrl=e,await this.onGenerateAudioId(e)},async onGenerateAudioId(e){let t={audio_url:e},n=this.credential?.token;if(!n){console.error(`no token specified`),this.uploading=!1;return}this.uploading=!0,G.info(this.$t(`producer.message.startingUploadAudio`));try{let e=(await Y.upload(t,{token:n})).data?.data.audio_id;this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,audio_id:e,action:`upload_extend`}),G.success(this.$t(`producer.message.startUploadAudioSuccess`))}catch(e){G.error(e?.response?.data?.error?.message||this.$t(`producer.message.startUploadAudioFailed`))}finally{this.uploading=!1}}}}),Le={class:`relative`},Re={class:`flex justify-between items-center mb-2`},ze={class:`flex justify-start items-center`},Be={class:`text-sm font-bold`},Ve={key:0,class:`mb-2`},He=[`src`],Ue={key:1,class:`mt-1`};function We(e,r,a,s,u,d){let f=h(`info-icon`),m=h(`font-awesome-icon`),_=h(`el-button`),v=h(`el-upload`),y=h(`el-radio-button`),b=h(`el-radio-group`);return l(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`span`,Be,c(e.$t(`producer.name.referenceAudios`)),1),o(f,{content:e.$t(`producer.description.uploadAudios`)},null,8,[`content`])]),o(v,{"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,limit:1,class:`upload-wrapper inline-upload`,action:e.uploadUrl,accept:`.mp3,.wav,.m4a,audio/*`,"show-file-list":!1,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{default:g(()=>[o(_,{round:``,type:`primary`,size:`small`,loading:e.uploading},{default:g(()=>[o(m,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+c(e.$t(`producer.button.uploadAudios`)),1)]),_:1},8,[`loading`])]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])]),e.audioPreviewUrl?(l(),t(`div`,Ve,[n(`audio`,{src:e.audioPreviewUrl,controls:``,class:`w-full`},null,8,He)])):p(``,!0),e.hasUploadedAudio?(l(),t(`div`,Ue,[o(b,{modelValue:e.uploadAction,"onUpdate:modelValue":r[1]||=t=>e.uploadAction=t,size:`small`},{default:g(()=>[o(y,{value:`upload_extend`},{default:g(()=>[i(c(e.$t(`producer.button.extend`)),1)]),_:1}),o(y,{value:`upload_cover`},{default:g(()=>[i(c(e.$t(`producer.button.cover_music`)),1)]),_:1})]),_:1},8,[`modelValue`])])):p(``,!0)])}var Ge=V(Ie,[[`render`,We],[`__scopeId`,`data-v-7fd0580a`]]),Ke=r({name:`PromptInput`,components:{PromptTextarea:le},computed:{prompt:{get(){return this.$store.state.producer?.config?.prompt},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,prompt:e})}}},mounted(){this.prompt||=``}});function qe(e,t,n,r,i,o){let s=h(`prompt-textarea`);return l(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`producer.name.songDescription`),info:e.$t(`producer.description.prompt`),placeholder:e.$t(`producer.placeholder.prompt`),"min-rows":5,"max-rows":14},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Je=V(Ke,[[`render`,qe]]),Ye=r({name:`LyricInput`,components:{ElInput:J,ElButton:v,FontAwesomeIcon:X,InfoIcon:Z},data(){return{generatingLyrics:!1}},computed:{lyric:{get(){return this.$store.state.producer?.config?.lyric},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,lyric:e})}},config(){return this.$store.state.producer?.config},credential(){return this.$store.state.producer?.credential}},mounted(){this.lyric||=``},methods:{async onGenerateLyrics(){let e=this.credential?.token;if(!e)return;let t=this.config?.style||this.config?.title||`a beautiful song`;this.generatingLyrics=!0,G.info(this.$t(`producer.message.generatingLyrics`));try{let n=(await Y.lyric({prompt:t},{token:e})).data?.data;n?.text&&(this.lyric=n.text,n?.title&&!this.config?.title&&this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,lyric:n.text,title:n.title}),G.success(this.$t(`producer.message.generateLyricsSuccess`)))}catch{G.error(this.$t(`producer.message.generateLyricsFailed`))}finally{this.generatingLyrics=!1}}}}),Xe={class:`field`},Ze={class:`flex items-center justify-between mb-1`},Qe={class:`flex items-center`},$e={class:`text-sm font-bold`};function et(e,r,s,u,d,f){let m=h(`info-icon`),_=h(`font-awesome-icon`),v=h(`el-button`),y=h(`el-input`);return l(),t(`div`,Xe,[n(`div`,Ze,[n(`div`,Qe,[n(`span`,$e,c(e.$t(`producer.name.lyrics`)),1),o(m,{content:e.$t(`producer.description.lyrics`)},null,8,[`content`])]),e.config?.action===`extend`?p(``,!0):(l(),a(v,{key:0,size:`small`,loading:e.generatingLyrics,round:``,onClick:e.onGenerateLyrics},{default:g(()=>[e.generatingLyrics?p(``,!0):(l(),a(_,{key:0,icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`})),i(` `+c(e.$t(`producer.button.generate_lyrics`)),1)]),_:1},8,[`loading`,`onClick`]))]),e.config?.action===`extend`?(l(),a(y,{key:1,modelValue:e.lyric,"onUpdate:modelValue":r[1]||=t=>e.lyric=t,rows:5,type:`textarea`,class:`lyrics`,placeholder:e.$t(`producer.placeholder.extend.lyrics`)},null,8,[`modelValue`,`placeholder`])):(l(),a(y,{key:0,modelValue:e.lyric,"onUpdate:modelValue":r[0]||=t=>e.lyric=t,rows:5,type:`textarea`,class:`lyrics`,placeholder:e.$t(`producer.placeholder.lyrics`)},null,8,[`modelValue`,`placeholder`]))])}var tt=V(Ye,[[`render`,et],[`__scopeId`,`data-v-88c6da2b`]]),nt=r({name:`StyleInput`,components:{ElInput:J,InfoIcon:Z},computed:{style:{get(){return this.$store.state.producer?.config?.style},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,style:e})}}}}),rt={class:`field`},it={class:`flex items-center justify-between mb-1`},at={class:`flex items-center`},ot={class:`text-sm font-bold`};function st(e,r,i,a,s,u){let d=h(`info-icon`),f=h(`el-input`);return l(),t(`div`,rt,[n(`div`,it,[n(`div`,at,[n(`span`,ot,c(e.$t(`producer.name.style`)),1),o(d,{content:e.$t(`producer.description.style`)},null,8,[`content`])])]),o(f,{modelValue:e.style,"onUpdate:modelValue":r[0]||=t=>e.style=t,rows:2,type:`textarea`,placeholder:e.$t(`producer.placeholder.style`)},null,8,[`modelValue`,`placeholder`])])}var ct=V(nt,[[`render`,st]]),lt=r({name:`TitleInput`,components:{ElInput:J,InfoIcon:Z},computed:{title:{get(){return this.$store.state.producer?.config?.title},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,title:e})}}}}),ut={class:`field`},dt={class:`flex items-center mb-1`},ft={class:`text-sm font-bold`};function pt(e,r,i,a,s,u){let d=h(`info-icon`),f=h(`el-input`);return l(),t(`div`,ut,[n(`div`,dt,[n(`span`,ft,c(e.$t(`producer.name.title`)),1),o(d,{content:e.$t(`producer.description.title`)},null,8,[`content`])]),o(f,{modelValue:e.title,"onUpdate:modelValue":r[0]||=t=>e.title=t,placeholder:e.$t(`producer.placeholder.title`)},null,8,[`modelValue`,`placeholder`])])}var mt=V(lt,[[`render`,pt]]),ht=r({name:`ExtendFromInput`,components:{ElImage:A,ElIcon:C,ElInputNumber:L,VideoPlay:S,VideoPause:x},data(){return{}},computed:{audio(){return this.$store.state.producer?.config?.audio},value:{get(){return this.$store.state.producer?.config?.continue_at},set(e){console.debug(`set continue_at`,e),this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0},methods:{handleChange(e){if(e===void 0){this.value=void 0;return}e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:Q,onPlay(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`playing`}),console.log(`on play`)},onPause(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`paused`}),console.log(`on pause`)},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),gt={class:`field`},_t={class:`box`},vt={class:`title font-bold`},yt={class:`input-wrapper`},bt={class:`task`},xt={class:`left`},St={key:2,class:`duration`},Ct={class:`info`},wt={class:`title`},Tt={class:`style`};function Et(e,r,i,a,s,u){let f=h(`el-input-number`),_=h(`el-image`),v=h(`video-pause`),y=h(`el-icon`),b=h(`video-play`),x=m(`loading`);return l(),t(`div`,gt,[n(`div`,_t,[n(`h2`,vt,c(e.$t(`producer.name.extend`)),1),n(`div`,yt,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t(`producer.placeholder.extend.continue_at`),onChange:e.handleChange},null,8,[`modelValue`,`max`,`placeholder`,`onChange`])])]),n(`div`,bt,[e.audio?(l(),t(`div`,{key:0,class:`audio`,onClick:r[3]||=t=>e.onClick(e.audio)},[d((l(),t(`div`,xt,[o(_,{src:e.audio?.image_url,class:`cover`,fit:`cover`},null,8,[`src`]),e.audio?.audio_url&&e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state===`playing`?(l(),t(`div`,{key:0,class:`overlay`,onClick:r[1]||=t=>e.onPause(e.audio)},[o(y,null,{default:g(()=>[o(v)]),_:1})])):p(``,!0),e.audio?.audio_url&&(e.$store.state?.producer?.audio?.id!==e.audio.id||e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state===`paused`)?(l(),t(`div`,{key:1,class:`overlay`,onClick:r[2]||=t=>e.onPlay(e.audio)},[o(y,null,{default:g(()=>[o(b)]),_:1})])):p(``,!0),e.audio?.duration?(l(),t(`div`,St,c(e.useFormatDuring(e.audio?.duration)),1)):p(``,!0)])),[[x,!e.audio?.audio_url]]),n(`div`,Ct,[n(`h2`,wt,c(e.audio?.title),1),n(`p`,Tt,c(e.audio?.style),1)])])):p(``,!0)])])}var Dt=V(ht,[[`render`,Et],[`__scopeId`,`data-v-26d43480`]]),Ot=r({name:`CoverFromInput`,components:{ElImage:A,ElIcon:C,VideoPlay:S,VideoPause:x},data(){return{}},computed:{audio(){return this.$store.state.producer?.config?.audio},value:{get(){return this.$store.state.producer?.config?.continue_at},set(e){console.debug(`set continue_at`,e),this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0},methods:{handleChange(e){e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:Q,onPlay(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`playing`}),console.log(`on play`)},onPause(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`paused`}),console.log(`on pause`)},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),kt={class:`field`},At={class:`box`},jt={class:`title font-bold`},Mt={class:`task`},Nt={class:`left`},Pt={key:2,class:`duration`},Ft={class:`info`},It={class:`title`},Lt={class:`style`};function Rt(e,r,i,a,s,u){let f=h(`el-image`),_=h(`video-pause`),v=h(`el-icon`),y=h(`video-play`),b=m(`loading`);return l(),t(`div`,kt,[n(`div`,At,[n(`h2`,jt,c(e.$t(`producer.name.cover`)),1)]),n(`div`,Mt,[e.audio?(l(),t(`div`,{key:0,class:`audio`,onClick:r[2]||=t=>e.onClick(e.audio)},[d((l(),t(`div`,Nt,[o(f,{src:e.audio?.image_url,class:`cover`,fit:`cover`},null,8,[`src`]),e.audio?.audio_url&&e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state===`playing`?(l(),t(`div`,{key:0,class:`overlay`,onClick:r[0]||=t=>e.onPause(e.audio)},[o(v,null,{default:g(()=>[o(_)]),_:1})])):p(``,!0),e.audio?.audio_url&&(e.$store.state?.producer?.audio?.id!==e.audio.id||e.$store.state?.producer?.audio?.id===e.audio.id&&e.$store.state?.producer?.audio?.state===`paused`)?(l(),t(`div`,{key:1,class:`overlay`,onClick:r[1]||=t=>e.onPlay(e.audio)},[o(v,null,{default:g(()=>[o(y)]),_:1})])):p(``,!0),e.audio?.duration?(l(),t(`div`,Pt,c(e.useFormatDuring(e.audio?.duration)),1)):p(``,!0)])),[[b,!e.audio?.audio_url]]),n(`div`,Ft,[n(`h2`,It,c(e.audio?.title),1),n(`p`,Lt,c(e.audio?.style),1)])])):p(``,!0)])])}var zt=V(Ot,[[`render`,Rt],[`__scopeId`,`data-v-d8a8e583`]]),Bt=r({name:`VocalGenderSelector`,components:{ElRadioGroup:N,ElRadioButton:M,InfoIcon:Z},computed:{vocalGender:{get(){return this.$store.state.producer?.config?.vocal_gender||``},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,vocal_gender:e||void 0})}}}}),Vt={class:`mb-2`},Ht={class:`flex items-center mb-1`},Ut={class:`text-sm font-bold`};function Wt(e,r,a,s,u,d){let f=h(`info-icon`),p=h(`el-radio-button`),m=h(`el-radio-group`);return l(),t(`div`,Vt,[n(`div`,Ht,[n(`span`,Ut,c(e.$t(`producer.name.vocalGender`)),1),o(f,{content:e.$t(`producer.description.vocalGender`)},null,8,[`content`])]),o(m,{modelValue:e.vocalGender,"onUpdate:modelValue":r[0]||=t=>e.vocalGender=t},{default:g(()=>[o(p,{value:``},{default:g(()=>[i(c(e.$t(`producer.gender.auto`)),1)]),_:1}),o(p,{value:`f`},{default:g(()=>[i(c(e.$t(`producer.gender.female`)),1)]),_:1}),o(p,{value:`m`},{default:g(()=>[i(c(e.$t(`producer.gender.male`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var Gt=V(Bt,[[`render`,Wt]]),Kt=r({name:`AdvancedParams`,components:{ElCollapse:P,ElCollapseItem:ee,ElInput:J,ElSlider:ae,ElInputNumber:L,InfoIcon:Z},data(){return{activeNames:[]}},computed:{config(){return this.$store.state.producer?.config},styleNegative:{get(){return this.$store.state.producer?.config?.style_negative||``},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,style_negative:e||void 0})}},lyricPrompt:{get(){return this.$store.state.producer?.config?.lyric_prompt||``},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,lyric_prompt:e||void 0})}},weirdness:{get(){return this.$store.state.producer?.config?.weirdness??.5},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,weirdness:e})}},soundStrength:{get(){return this.$store.state.producer?.config?.sound_strength??.7},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,sound_strength:e})}},lyricsStrength:{get(){return this.$store.state.producer?.config?.lyrics_strength??.7},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,lyrics_strength:e})}},seed:{get(){return this.$store.state.producer?.config?.seed},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,seed:e})}}},mounted(){let e=this.$store.state.producer?.config;if(!e)return;let t={};typeof e.weirdness==`number`&&e.weirdness>1&&(t.weirdness=e.weirdness/100),typeof e.sound_strength==`number`&&e.sound_strength>1&&(t.sound_strength=e.sound_strength/100),typeof e.lyrics_strength==`number`&&e.lyrics_strength>1&&(t.lyrics_strength=e.lyrics_strength/100),Object.keys(t).length>0&&this.$store.commit(`producer/setConfig`,{...e,...t})}}),qt={key:0,class:`mb-3`},Jt={class:`flex items-center mb-1`},Yt={class:`text-xs font-bold`},Xt={key:1,class:`mb-3`},Zt={class:`flex items-center mb-1`},Qt={class:`text-xs font-bold`},$t={class:`mb-3`},en={class:`flex items-center justify-between mb-1`},tn={class:`flex items-center`},nn={class:`text-xs font-bold`},rn={class:`text-xs text-[var(--el-text-color-secondary)]`},an={class:`mb-3`},on={class:`flex items-center justify-between mb-1`},sn={class:`flex items-center`},cn={class:`text-xs font-bold`},ln={class:`text-xs text-[var(--el-text-color-secondary)]`},un={key:2,class:`mb-3`},dn={class:`flex items-center justify-between mb-1`},fn={class:`flex items-center`},pn={class:`text-xs font-bold`},mn={class:`text-xs text-[var(--el-text-color-secondary)]`},hn={class:`mb-3`},gn={class:`flex items-center mb-1`},_n={class:`text-xs font-bold`};function vn(e,r,i,s,u,d){let f=h(`info-icon`),m=h(`el-input`),_=h(`el-slider`),v=h(`el-input-number`),y=h(`el-collapse-item`),b=h(`el-collapse`);return l(),a(b,{modelValue:e.activeNames,"onUpdate:modelValue":r[6]||=t=>e.activeNames=t,class:`advanced-collapse`},{default:g(()=>[o(y,{title:e.$t(`producer.name.advancedParams`),name:`advanced`},{default:g(()=>[e.config?.custom?(l(),t(`div`,qt,[n(`div`,Jt,[n(`span`,Yt,c(e.$t(`producer.name.styleNegative`)),1),o(f,{content:e.$t(`producer.description.styleNegative`)},null,8,[`content`])]),o(m,{modelValue:e.styleNegative,"onUpdate:modelValue":r[0]||=t=>e.styleNegative=t,size:`small`,placeholder:e.$t(`producer.placeholder.styleNegative`)},null,8,[`modelValue`,`placeholder`])])):p(``,!0),e.config?.custom&&!e.config?.instrumental?(l(),t(`div`,Xt,[n(`div`,Zt,[n(`span`,Qt,c(e.$t(`producer.name.lyricPrompt`)),1),o(f,{content:e.$t(`producer.description.lyricPrompt`)},null,8,[`content`])]),o(m,{modelValue:e.lyricPrompt,"onUpdate:modelValue":r[1]||=t=>e.lyricPrompt=t,size:`small`,placeholder:e.$t(`producer.placeholder.lyricPrompt`)},null,8,[`modelValue`,`placeholder`])])):p(``,!0),n(`div`,$t,[n(`div`,en,[n(`div`,tn,[n(`span`,nn,c(e.$t(`producer.name.weirdness`)),1),o(f,{content:e.$t(`producer.description.weirdness`)},null,8,[`content`])]),n(`span`,rn,c(e.weirdness??.5),1)]),o(_,{modelValue:e.weirdness,"onUpdate:modelValue":r[2]||=t=>e.weirdness=t,min:0,max:1,step:.01},null,8,[`modelValue`])]),n(`div`,an,[n(`div`,on,[n(`div`,sn,[n(`span`,cn,c(e.$t(`producer.name.soundStrength`)),1),o(f,{content:e.$t(`producer.description.soundStrength`)},null,8,[`content`])]),n(`span`,ln,c(e.soundStrength??.7),1)]),o(_,{modelValue:e.soundStrength,"onUpdate:modelValue":r[3]||=t=>e.soundStrength=t,min:.2,max:1,step:.01},null,8,[`modelValue`])]),e.config?.custom&&!e.config?.instrumental?(l(),t(`div`,un,[n(`div`,dn,[n(`div`,fn,[n(`span`,pn,c(e.$t(`producer.name.lyricsStrength`)),1),o(f,{content:e.$t(`producer.description.lyricsStrength`)},null,8,[`content`])]),n(`span`,mn,c(e.lyricsStrength??.7),1)]),o(_,{modelValue:e.lyricsStrength,"onUpdate:modelValue":r[4]||=t=>e.lyricsStrength=t,min:0,max:1,step:.01},null,8,[`modelValue`])])):p(``,!0),n(`div`,hn,[n(`div`,gn,[n(`span`,_n,c(e.$t(`producer.name.seed`)),1),o(f,{content:e.$t(`producer.description.seed`)},null,8,[`content`])]),o(v,{modelValue:e.seed,"onUpdate:modelValue":r[5]||=t=>e.seed=t,min:0,controls:!1,size:`small`,placeholder:e.$t(`producer.placeholder.seed`),class:`w-full`},null,8,[`modelValue`,`placeholder`])])]),_:1},8,[`title`])]),_:1},8,[`modelValue`])}var yn=V(Kt,[[`render`,vn],[`__scopeId`,`data-v-f9296888`]]),bn=r({name:`ReplaceSectionInput`,components:{ElInputNumber:L,ElImage:A,InfoIcon:Z},computed:{audio(){return this.$store.state.producer?.config?.audio},replaceSectionStart:{get(){return this.$store.state.producer?.config?.replace_section_start},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,replace_section_start:e})}},replaceSectionEnd:{get(){return this.$store.state.producer?.config?.replace_section_end},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,replace_section_end:e})}}},methods:{onClick(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`playing`})}}}),xn={class:`field`},Sn={class:`flex items-center mb-2`},Cn={class:`text-sm font-bold m-0`},wn={key:0,class:`task mb-2`},Tn={class:`left relative w-[50px] h-[50px] mr-3 flex-shrink-0`},En={class:`info flex-1 min-w-0`},Dn={class:`text-sm font-bold m-0 truncate`},On={class:`text-xs text-[var(--el-text-color-secondary)] m-0 truncate`},kn={class:`flex gap-2`};function An(e,r,i,a,s,u){let f=h(`info-icon`),g=h(`el-image`),_=h(`el-input-number`),v=m(`loading`);return l(),t(`div`,xn,[n(`div`,Sn,[n(`h2`,Cn,c(e.$t(`producer.name.replaceSection`)),1),o(f,{content:e.$t(`producer.description.replaceSection`)},null,8,[`content`])]),e.audio?(l(),t(`div`,wn,[n(`div`,{class:`audio flex items-center`,onClick:r[0]||=t=>e.onClick(e.audio)},[d((l(),t(`div`,Tn,[o(g,{src:e.audio?.image_url,class:`w-full h-full rounded`,fit:`cover`},null,8,[`src`])])),[[v,!e.audio?.audio_url]]),n(`div`,En,[n(`h2`,Dn,c(e.audio?.title),1),n(`p`,On,c(e.audio?.style),1)])])])):p(``,!0),n(`div`,kn,[o(_,{modelValue:e.replaceSectionStart,"onUpdate:modelValue":r[1]||=t=>e.replaceSectionStart=t,class:`flex-1`,min:0,max:e.audio?.duration,controls:!1,placeholder:e.$t(`producer.placeholder.replaceSectionStart`)},null,8,[`modelValue`,`max`,`placeholder`]),o(_,{modelValue:e.replaceSectionEnd,"onUpdate:modelValue":r[2]||=t=>e.replaceSectionEnd=t,class:`flex-1`,min:e.replaceSectionStart||0,max:e.audio?.duration,controls:!1,placeholder:e.$t(`producer.placeholder.replaceSectionEnd`)},null,8,[`modelValue`,`min`,`max`,`placeholder`])])])}var jn=r({name:`PresetPanel`,components:{TypeSelector:Fe,PromptInput:Je,LyricInput:tt,StyleInput:ct,TitleInput:mt,ExtendFromInput:Dt,CoverFromInput:zt,UploadAudio:Ge,VocalGenderSelector:Gt,AdvancedParams:yn,ReplaceSectionInput:V(bn,[[`render`,An]]),FontAwesomeIcon:X,ElButton:v,ElTabs:E,ElTabPane:D,Consumption:ue},emits:[`generate`],computed:{config(){return this.$store.state.producer?.config},mode:{get(){return this.$store.state.producer?.config?.custom?`custom`:`simple`},set(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,custom:e===`custom`})}},consumption(){return se(this.config,this.service?.cost)},service(){return this.$store.state.producer?.service},generateButtonText(){let e=this.config?.action;return e===`extend`||e===`upload_extend`?this.$t(`producer.button.extend`):e===`cover`||e===`upload_cover`?this.$t(`producer.button.cover_music`):e===`variation`?this.$t(`producer.button.variation`):e===`replace_section`?this.$t(`producer.button.replace_section`):e===`stems`?this.$t(`producer.button.get_stems`):e===`swap_vocals`?this.$t(`producer.button.swap_vocals`):e===`swap_instrumentals`?this.$t(`producer.button.swap_instrumentals`):this.$t(`producer.button.generate`)}},methods:{onGenerate(){this.$emit(`generate`)},onClearAll(){this.$store.commit(`producer/setConfig`,{custom:this.$store.state.producer?.config?.custom||!1,instrumental:!1,prompt:``,lyric:``,style:``,title:``,model:this.$store.state.producer?.config?.model})}}}),Mn={class:`flex flex-col h-full`},Nn={class:`flex-1 overflow-y-auto p-5`},Pn={class:`pt-2 px-1`},Fn={class:`pt-2 px-1`},In={class:`flex flex-col items-center justify-center px-5 pb-5 gap-2`},Ln={class:`flex gap-2 w-full`};function Rn(e,r,s,u,d,f){let m=h(`type-selector`),_=h(`upload-audio`),v=h(`prompt-input`),y=h(`extend-from-input`),b=h(`cover-from-input`),x=h(`replace-section-input`),S=h(`advanced-params`),C=h(`el-tab-pane`),w=h(`lyric-input`),T=h(`style-input`),E=h(`title-input`),D=h(`vocal-gender-selector`),O=h(`el-tabs`),k=h(`consumption`),A=h(`font-awesome-icon`),j=h(`el-button`);return l(),t(`div`,Mn,[n(`div`,Nn,[o(O,{modelValue:e.mode,"onUpdate:modelValue":r[0]||=t=>e.mode=t,class:`producer-mode-tabs`,stretch:``},{default:g(()=>[o(C,{label:e.$t(`producer.mode.simple`),name:`simple`},{default:g(()=>[n(`div`,Pn,[o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),e.config?.action===`extend`?(l(),a(y,{key:0,class:`mb-4`})):p(``,!0),e.config?.action===`cover`?(l(),a(b,{key:1,class:`mb-4`})):p(``,!0),e.config?.action===`replace_section`?(l(),a(x,{key:2,class:`mb-4`})):p(``,!0),o(S,{class:`mb-4`})])]),_:1},8,[`label`]),o(C,{label:e.$t(`producer.mode.custom`),name:`custom`},{default:g(()=>[n(`div`,Fn,[o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),e.config?.instrumental?p(``,!0):(l(),a(w,{key:0,class:`mb-4`})),o(T,{class:`mb-4`}),o(E,{class:`mb-4`}),e.config?.instrumental?p(``,!0):(l(),a(D,{key:1,class:`mb-4`})),e.config?.action===`extend`?(l(),a(y,{key:2,class:`mb-4`})):p(``,!0),e.config?.action===`cover`?(l(),a(b,{key:3,class:`mb-4`})):p(``,!0),e.config?.action===`replace_section`?(l(),a(x,{key:4,class:`mb-4`})):p(``,!0),o(S,{class:`mb-4`})])]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),n(`div`,In,[o(k,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),n(`div`,Ln,[o(j,{class:`flex-1`,onClick:e.onClearAll},{default:g(()=>[o(A,{icon:`fa-solid fa-broom`,class:`mr-1`}),i(` `+c(e.$t(`producer.button.clear_all`)),1)]),_:1},8,[`onClick`]),o(j,{type:`primary`,class:`flex-1`,round:``,onClick:e.onGenerate},{default:g(()=>[o(A,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+c(e.generateButtonText),1)]),_:1},8,[`onClick`])])])])}var zn=V(jn,[[`render`,Rn],[`__scopeId`,`data-v-4a4b209e`]]),Bn=he(),Vn=r({name:`TaskPreview`,components:{ElImage:A,ElIcon:C,ElTooltip:k,FontAwesomeIcon:X,VideoPlay:S,VideoPause:x,ElDropdown:ne,ElDropdownMenu:te,ElDropdownItem:I,Loading:b,ApiCodeDialog:fe},props:{modelValue:{type:Object,required:!0}},data(){return{isFetchingVideoUrl:!1,isFetchingWav:!1,apiCodeVisible:!1,apiCodePath:`/producer/audios`,apiCodeBody:{}}},computed:{loading(){return this.$store.state.producer?.status?.getApplications===B.Request},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},task(){return this.$store.state.producer?.tasks},audios(){let e=this.modelValue?.response?.data??[],t=this.modelValue?.request?.action;return t?e.map(e=>({...e,action:t})):e},application(){return this.$store.state.producer?.application},active(){return this.$store.state.producer?.tasks?.active}},methods:{useFormatDuring:Q,onViewCode(){let e=this.modelValue?.request||{},t={};Object.entries(e).forEach(([e,n])=>{e===`application_id`||e===`callback_url`||n!=null&&(typeof n==`string`&&n===``||Array.isArray(n)&&n.length===0||(t[e]=n))}),this.apiCodeBody=t,this.apiCodePath=`/producer/audios`,this.apiCodeVisible=!0},onPlay(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`playing`}),console.log(`on play`)},onPause(e){this.$store.dispatch(`producer/setAudio`,{...this.$store.state.producer.audio,...e,state:`paused`}),console.log(`on pause`)},onClick(e){this.$store.state?.producer?.audio?.id!==e.id&&this.onPlay({...e,progress:0})},onExtend(e,t){e?.stopPropagation(),console.debug(`set config`,t),this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,model:t.model,custom:!0,instrumental:!1,style:t.style,action:`extend`,audio:t,audio_id:t.id,continue_at:t.duration})},onDownload(e,t){e&&e?.stopPropagation();let n=new URL(t).pathname,r=n.substring(n.lastIndexOf(`/`)+1);fetch(t).then(e=>e.blob()).then(e=>{(0,Bn.saveAs)(e,r)})},async handleVideoDownload(e){if(e.video_url){this.onDownload(null,e.video_url);return}if(!this.isFetchingVideoUrl)try{this.isFetchingVideoUrl=!0;let t=await this.fetchVideoUrlFromApi(e?.id);console.log(`get videoUrl: ${t}`),e.video_url=t,this.onDownload(null,t)}catch(e){console.error(`get videoUrl failed:`,e),G.error(this.$t(`producer.message.getVideoUrlFailed`))}finally{this.isFetchingVideoUrl=!1}},async fetchVideoUrlFromApi(e){return new Promise((t,n)=>{let r={audio_id:e},i=this.credential?.token;if(!i){console.error(`no token specified`),n(Error(`No token specified`));return}Y.video(r,{token:i}).then(e=>{let r=e.data?.data?.video_url;r?t(r):n(Error(`Video URL not found in response`))}).catch(e=>{n(e)})})},onPreview(e,t){e?.stopPropagation(),window.open(t,`_blank`)},async onGetStems(e){await this.onGenerateAudioUrl(`stems`,e)},onCover(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:`cover`,audio:e,audio_id:e.id})},onVariation(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,model:e.model,custom:!0,style:e.style,action:`variation`,audio:e,audio_id:e.id})},async onSwapVocals(e){await this.onGenerateAudioUrl(`swap_vocals`,e)},async onSwapInstrumentals(e){await this.onGenerateAudioUrl(`swap_instrumentals`,e)},async onGetAllStems(e){await this.onGenerateAudioUrl(`all_stems`,e)},onReplaceSection(e){this.$store.commit(`producer/setConfig`,{...this.$store.state.producer?.config,model:e.model,custom:!0,instrumental:!1,style:e.style,action:`replace_section`,audio:e,audio_id:e.id,replace_section_start:0,replace_section_end:Math.min(30,e.duration||30)})},async handleWavDownload(e){if(!e?.id||this.isFetchingWav)return;let t=this.credential?.token;if(t)try{this.isFetchingWav=!0,G.info(this.$t(`producer.message.fetchingWav`));let n=(await Y.wav({audio_id:e.id},{token:t})).data?.data,r=Array.isArray(n)?n[0]?.file_url:n?.file_url||n?.audio_url;r?this.onDownload(null,r):G.error(this.$t(`producer.message.fetchWavFailed`))}catch{G.error(this.$t(`producer.message.fetchWavFailed`))}finally{this.isFetchingWav=!1}},async onGenerateAudioUrl(e,t){let n={action:e,audio_id:t,async:!0},r=this.credential?.token;if(!r){console.error(`no token specified`);return}G.info(this.$t(`producer.message.startingTask`)),Y.audio(n,{token:r}).then(()=>{G.success(this.$t(`producer.message.startTaskSuccess`))}).catch(e=>{G.error(e?.response?.data?.error?.message||this.$t(`producer.message.startTaskFailed`))}).finally(async()=>{await this.onGetTasks(),await this.onScrollDown()})},async onScrollDown(){setTimeout(()=>{let e=document.querySelector(`.tasks`);e&&(e.scrollTop=e.scrollHeight)},1e3)},async onGetTasks(){if(this.loading){console.debug(`loading`);return}await this.$store.dispatch(`producer/getTasks`,{limit:30,offset:0})}}}),Hn={class:`task`},Un=[`onClick`],Wn={class:`left`},Gn=[`onClick`],Kn=[`onClick`],qn={key:2,class:`duration`},Jn={class:`info`},Yn={class:`title`},Xn={class:`style`},Zn={class:`right`},Qn={class:`el-dropdown-link`},$n={class:`flex items-center min-w-[120px]`},er={class:`flex items-center min-w-[120px]`},tr={class:`el-dropdown-link`};function nr(r,f,_,v,y,b){let x=h(`el-image`),S=h(`video-pause`),C=h(`el-icon`),w=h(`video-play`),T=h(`font-awesome-icon`),E=h(`el-tooltip`),D=h(`Loading`),O=h(`el-dropdown-item`),k=h(`el-dropdown-menu`),A=h(`el-dropdown`),j=h(`api-code-dialog`),M=m(`loading`);return l(),t(`div`,Hn,[(l(!0),t(s,null,e(r.audios,e=>(l(),t(`div`,{key:e.id,class:`audio`,onClick:u(t=>r.onClick(e),[`stop`])},[d((l(),t(`div`,Wn,[o(x,{src:e?.image_url,class:`cover`,fit:`cover`,lazy:``},null,8,[`src`]),e?.audio_url&&r.$store.state?.producer?.audio?.id===e.id&&r.$store.state?.producer?.audio?.state===`playing`?(l(),t(`div`,{key:0,class:`overlay`,onClick:u(t=>r.onPause(e),[`stop`])},[o(C,null,{default:g(()=>[o(S)]),_:1})],8,Gn)):p(``,!0),e?.audio_url&&(r.$store.state?.producer?.audio?.id!==e.id||r.$store.state?.producer?.audio?.id===e.id&&r.$store.state?.producer?.audio?.state===`paused`)?(l(),t(`div`,{key:1,class:`overlay`,onClick:u(t=>r.onPlay(e),[`stop`])},[o(C,null,{default:g(()=>[o(w)]),_:1})],8,Kn)):p(``,!0),e?.duration?(l(),t(`div`,qn,c(r.useFormatDuring(e?.duration)),1)):p(``,!0)])),[[M,!e?.audio_url]]),n(`div`,Jn,[n(`h2`,Yn,c(e?.title),1),n(`p`,Xn,c(e?.style),1)]),n(`div`,Zn,[o(A,null,{dropdown:g(()=>[o(k,null,{default:g(()=>[o(O,{disabled:r.isFetchingVideoUrl,onClick:t=>r.handleVideoDownload(e)},{default:g(()=>[n(`div`,$n,[r.isFetchingVideoUrl?(l(),a(C,{key:0,class:`is-loading mr-2`},{default:g(()=>[o(D)]),_:1})):p(``,!0),n(`span`,null,c(r.$t(`producer.button.download_video`)),1)])]),_:1},8,[`disabled`,`onClick`]),e?.audio_url?(l(),a(O,{key:0,onClick:u(t=>r.onDownload(t,e?.audio_url),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.download_audio`)),1)]),_:1},8,[`onClick`])):p(``,!0),o(O,{disabled:r.isFetchingWav,onClick:t=>r.handleWavDownload(e)},{default:g(()=>[n(`div`,er,[r.isFetchingWav?(l(),a(C,{key:0,class:`is-loading mr-2`},{default:g(()=>[o(D)]),_:1})):p(``,!0),n(`span`,null,c(r.$t(`producer.button.download_wav`)),1)])]),_:1},8,[`disabled`,`onClick`])]),_:2},1024)]),default:g(()=>[n(`span`,Qn,[o(E,{effect:`dark`,content:r.$t(`producer.button.download`),placement:`top`},{default:g(()=>[e?.audio_url||e?.video_url?(l(),a(T,{key:0,icon:`fa-solid fa-download`,class:`icon icon-download`})):p(``,!0)]),_:2},1032,[`content`])])]),_:2},1024),o(A,null,{dropdown:g(()=>[o(k,null,{default:g(()=>[e?.audio_url?(l(),a(O,{key:0,onClick:u(t=>r.onExtend(t,e),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.extend`)),1)]),_:1},8,[`onClick`])):p(``,!0),e.id?(l(),a(O,{key:1,onClick:u(t=>r.onGetStems(e.id),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.get_stems`)),1)]),_:1},8,[`onClick`])):p(``,!0),e.id?(l(),a(O,{key:2,onClick:u(t=>r.onGetAllStems(e.id),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.all_stems`)),1)]),_:1},8,[`onClick`])):p(``,!0),o(O,{onClick:u(t=>r.onCover(e),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.cover_music`)),1)]),_:1},8,[`onClick`]),e?.id?(l(),a(O,{key:3,onClick:u(t=>r.onVariation(e),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.variation`)),1)]),_:1},8,[`onClick`])):p(``,!0),e?.id?(l(),a(O,{key:4,onClick:u(t=>r.onSwapVocals(e.id),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.swap_vocals`)),1)]),_:1},8,[`onClick`])):p(``,!0),e?.id?(l(),a(O,{key:5,onClick:u(t=>r.onSwapInstrumentals(e.id),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.swap_instrumentals`)),1)]),_:1},8,[`onClick`])):p(``,!0),e?.id?(l(),a(O,{key:6,onClick:u(t=>r.onReplaceSection(e),[`stop`])},{default:g(()=>[i(c(r.$t(`producer.button.replace_section`)),1)]),_:1},8,[`onClick`])):p(``,!0),o(O,{onClick:u(r.onViewCode,[`stop`])},{default:g(()=>[o(T,{icon:`fa-solid fa-code`,class:`mr-1`}),i(` `+c(r.$t(`common.button.viewCode`)),1)]),_:1},8,[`onClick`])]),_:2},1024)]),default:g(()=>[n(`span`,tr,[o(E,{effect:`dark`,content:r.$t(`producer.button.more`),placement:`top`},{default:g(()=>[e?.audio_url||e?.video_url?(l(),a(T,{key:0,icon:`fa-solid fa-ellipsis`,class:`icon icon-ellipsis`})):p(``,!0)]),_:2},1032,[`content`])])]),_:2},1024)])],8,Un))),128)),o(j,{visible:r.apiCodeVisible,"onUpdate:visible":f[0]||=e=>r.apiCodeVisible=e,method:`POST`,path:r.apiCodePath,body:r.apiCodeBody,token:r.$store.state.producer?.credential?.token||``},null,8,[`visible`,`path`,`body`,`token`])])}var rr=r({name:`RecentPanel`,components:{ElSkeletonItem:re,ElSkeleton:ie,TaskPreview:V(Vn,[[`render`,nr]]),Player:ge,NoTasks:me,ScrollList:de},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.producer?.tasks,items:this.$store.state.producer?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ir={key:0,class:`tasks`},ar={class:`left w-[70px] p-[10px] flex items-center`},or={class:`main w-[calc(100%-70px)] flex-1 p-[10px]`},sr={key:2,class:`w-full flex-1 flex items-center justify-center`},$={class:`h-20`};function cr(r,i,c,u,f,m){let v=h(`el-skeleton-item`),y=h(`el-skeleton`),b=h(`task-preview`),x=h(`scroll-list`),S=h(`no-tasks`),C=h(`player`);return l(),t(s,null,[r.tasks?.items===void 0?(l(),t(`div`,ir,[(l(),t(s,null,e(3,e=>n(`div`,{key:e,class:`flex`},[n(`div`,ar,[o(y,{animated:``},{template:g(()=>[o(v,{variant:`image`,class:`avatar w-[50px] h-[50px]`})]),_:1})]),n(`div`,or,[o(y,{animated:``},{template:g(()=>[o(v,{variant:`p`,class:`w-[200px] h-[15px] mb-[5px] mt-[10px]`}),o(v,{variant:`text`})]),_:1})])])),64))])):r.tasks?.items?.length&&r.tasks?.items?.length>0?(l(),a(x,{key:1,ref:`scrollList`,class:`flex-1 w-full overflow-y-auto tasks p-2`,loading:r.loading,onReachTop:i[0]||=e=>r.$emit(`reach-top`)},{default:g(()=>[(l(!0),t(s,null,e(r.tasks?.items,(e,t)=>(l(),a(b,{key:t,"model-value":e,class:`preview`},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):p(``,!0),r.tasks?.items?.length===0?(l(),t(`div`,sr,[o(S)])):p(``,!0),d(n(`div`,$,[o(C,{namespace:`producer`})],512),[[_,!!r.$store?.state?.producer?.audio?.object]])],64)}var lr=V(rr,[[`render`,cr]]),ur=r({name:`TaskPreview`,components:{IconPicture:y,ElImage:A,ElAvatar:j,ElIcon:C},computed:{audio(){return this.$store.state.producer?.audio}}}),dr={key:0,class:`size-full overflow-hidden`},fr={class:`relative h-[300px]`},pr={class:`flex items-center justify-center size-full bg-[var(--el-bg-color)]`},mr={class:`absolute bottom-0 left-0 right-0 m-0 p-4 text-white z-10 bg-gradient-to-t from-black/70 to-transparent`},hr={class:`p-4`},gr={class:`flex items-center font-bold mb-2`},_r={class:`text-[var(--el-text-color-regular)] mb-2`},vr={class:`text-xs text-[var(--el-text-color-regular)]`},yr={class:`mt-4 text-sm leading-[25px] whitespace-pre-wrap`},br={key:1,class:`w-full h-full`};function xr(e,r,i,a,s,u){let d=h(`icon-picture`),f=h(`el-icon`),p=h(`el-image`),m=h(`el-avatar`);return e.audio?.object?(l(),t(`div`,dr,[n(`div`,fr,[o(p,{src:e.audio.image_url,fit:`cover`,class:`size-full`},{error:g(()=>[n(`div`,pr,[o(f,{class:`text-3xl`},{default:g(()=>[o(d)]),_:1})])]),_:1},8,[`src`]),n(`h2`,mr,c(e.audio?.title),1)]),n(`div`,hr,[n(`div`,gr,[o(m,{size:30,src:e.audio?.image_url,class:`mr-2`},null,8,[`src`]),n(`span`,null,c(e.audio?.title),1)]),n(`p`,_r,c(e.audio?.style),1),n(`p`,vr,c(e.$dayjs.format(e.audio?.created_at)),1),n(`div`,yr,[n(`p`,null,c(e.audio?.lyric),1)])])])):(l(),t(`div`,br))}var Sr=r({name:`ProducerIndex`,components:{Layout:Ce,ConfigPanel:zn,RecentPanel:lr,PreviewPanel:V(ur,[[`render`,xr]])},mixins:[H],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.producer?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.producer?.status?.getTasks===B.Request||this.fetchingTasks},service(){return this.$store.state.producer.service},credential(){return this.$store.state.producer.credential},config(){return this.$store.state.producer.config},initializing(){return this.$store.state.producer.status.getApplications===B.Request},needApply(){return this.$store.state.producer.status.getApplications===B.Success&&!this.application},application(){return this.$store.state.producer.application},tasks(){return this.$store.state.producer.tasks},applications(){return this.$store.state.producer.applications}},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 pe({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(`producer/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`producer/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){W.create({application:this.application}).then(({data:e})=>{this.application=e,G.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&G.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let 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);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`producer/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerateAudio(){if(!K(this.uploadTracker,e=>this.$t(e),e=>G.warning(e)))return;let e={...this.config,async:!0},t=this.credential?.token;if(!t){console.error(`no token specified`);return}G.info(this.$t(`producer.message.startingTask`)),U(`producer`,Y.audio(e,{token:t})).then(()=>{G.success(this.$t(`producer.message.startTaskSuccess`))}).catch(e=>{G.error(e?.response?.data?.error?.message||this.$t(`producer.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Cr(e,t,n,r,i,s){let c=h(`config-panel`),u=h(`recent-panel`),d=h(`preview-panel`),f=h(`layout`);return l(),a(f,null,{config:g(()=>[o(c,{onGenerate:e.onGenerateAudio},null,8,[`onGenerate`])]),result:g(()=>[o(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),preview:g(()=>[o(d)]),_:1})}var wr=V(Sr,[[`render`,Cr],[`__scopeId`,`data-v-97266332`]]);export{wr as default};

package/dist/assets/Index-DhIgfdtL.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v}from"./vendor-chart-BJCvKk8-.js";import{t as y}from"./button-BydTr5nV.js";import{b,h as x,nt as S}from"./use-deprecated-B-NFNg3W.js";import{r as C,t as w}from"./select-QhWFfx8o.js";import{n as T,t as E}from"./tabs-47iAXIcH.js";import{t as D}from"./upload-BcceLzPb.js";import{t as O}from"./tooltip-BxeH2Vts.js";import{t as k}from"./image-BGUmbsiF.js";import{t as A}from"./alert-CuX4SjQB.js";import{n as j,r as M}from"./radio-3Hz7h3DR.js";import{t as N}from"./drawer-R6pcaap2.js";import{n as P,t as F}from"./dropdown-C2jhe_nC.js";import{t as I}from"./input-number-CCDsqYIG.js";import{t as L}from"./slider-81ZUIYNs.js";import{t as R}from"./switch-uimP4Iyh.js";import{Jr as z,qr as B}from"./constants-GZR8mO5c.js";import{Ar as V,Br as H,Dr as U,E as W,Ft as ee,Hn as G,Hr as te,It as K,Lr as q,Nt as ne,Pn as J,Pt as Y,Rt as re,Sr as ie,br as X,xr as ae}from"./index-GCcBd82e.js";import{t as Z}from"./index.es-BjlXijMY.js";import{t as oe}from"./CopyToClipboard-DI8aVRDY.js";import{t as Q}from"./ImagePreview-C36V5b3a.js";import{n as se}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ce}from"./BotPlaceholder-DR97jOHa.js";import{t as $}from"./InfoIcon-qwAmm1my.js";import{t as le}from"./PromptTextarea-DN38pSv9.js";import{t as ue}from"./Consumption-Dis1iRqQ.js";import{n as de,t as fe}from"./pagination-CbSYnvsp.js";import{t as pe}from"./ApiCodeButton-hMXFMLN4.js";import{t as me}from"./NoTasks-BaAtBGvw.js";import{t as he}from"./ImageWrapper-CNRVPTZI.js";import{t as ge}from"./VideoPlayer-D0DddZmE.js";var _e=r({name:`LayoutMidjourney`,components:{ElDrawer:N,ElButton:y,FontAwesomeIcon:Z},mixins:[se]}),ve={class:`main flex-1 h-full flex flex-row`},ye={class:`config w-[320px] flex-none h-full flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},be={class:`results flex-1 h-full flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function xe(e,r,i,a,s,c){let l=g(`font-awesome-icon`),u=g(`el-button`),f=g(`el-drawer`);return d(),t(`div`,ve,[n(`div`,ye,[m(e.$slots,`config`,{},void 0,!0)]),n(`div`,be,[m(e.$slots,`results`,{},void 0,!0)]),p(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:_(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[v,!e.tasksEmpty]]),o(f,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:_(()=>[m(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Se=W(_e,[[`render`,xe],[`__scopeId`,`data-v-689d2913`]]),Ce=r({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.midjourney.config.ratio},set(e){console.debug(`set ratio`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,ratio:e})}}},mounted(){this.value||=`1:1`}}),we={class:`text-sm font-bold mb-2 block`},Te={class:`items`},Ee=[`onClick`],De={class:`name`};function Oe(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,we,u(r.$t(`midjourney.name.ratio`)),1),n(`div`,Te,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,De,u(e.label),1)],10,Ee))),128))])])}var ke=W(Ce,[[`render`,Oe],[`__scopeId`,`data-v-b1114c34`]]),Ae=!1,je=r({name:`AdvancedSelector`,components:{ElSwitch:R},computed:{value:{get(){return this.$store.state.midjourney.config.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=Ae)}}),Me={class:`field`},Ne={class:`title`};function Pe(e,r,i,a,s,c){let l=g(`el-switch`);return d(),t(`div`,Me,[n(`h2`,Ne,u(e.$t(`midjourney.name.advanced`)),1),o(l,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var Fe=W(je,[[`render`,Pe],[`__scopeId`,`data-v-2d55fce2`]]),Ie=r({name:`LoopSelector`,components:{ElSwitch:R,InfoIcon:$},computed:{value:{get(){return this.$store.state.midjourney?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Le={class:`relative`},Re={class:`flex justify-between`},ze={class:`flex justify-start items-center`},Be={class:`text-sm font-bold`},Ve={class:`flex justify-end items-center`};function He(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-switch`);return d(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`span`,Be,u(e.$t(`midjourney.name.loop`)),1),o(l,{content:e.$t(`midjourney.description.loop`)},null,8,[`content`])]),n(`div`,Ve,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var Ue=W(Ie,[[`render`,He]]),We=`8.1`,Ge=r({name:`VersionSelector`,components:{ElSelect:C,ElOption:w},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`8.1`,label:`8.1`},{value:`8`,label:`8`},{value:`7`,label:`7`},{value:`6.1`,label:`6.1`},{value:`6.0`,label:`6.0`},{value:`5.2`,label:`5.2`},{value:`5.1`,label:`5.1`},{value:`5.0`,label:`5`},{value:`4`,label:`4`},{value:`3`,label:`3`},{value:`2`,label:`2`},{value:`1`,label:`1`}]}},computed:{value:{get(){return this.$store.state.midjourney.config.version},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,version:e})}}},mounted(){this.value||=We}}),Ke={class:`field`},qe={class:`text-sm font-bold`};function Je(r,i,c,l,f,p){let m=g(`el-option`),h=g(`el-select`);return d(),t(`div`,Ke,[n(`span`,qe,u(r.$t(`midjourney.name.version`)),1),o(h,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`midjourney.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ye=W(Ge,[[`render`,Je],[`__scopeId`,`data-v-8e00777d`]]),Xe=r({name:`HdSelector`,components:{ElSwitch:R,ElTooltip:O,FontAwesomeIcon:Z},computed:{value:{get(){return this.$store.state.midjourney.config.hd||!1},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,hd:e})}}}}),Ze={class:`field`},Qe={class:`text-sm font-bold`};function $e(e,r,a,s,c,l){let f=g(`font-awesome-icon`),p=g(`el-tooltip`),m=g(`el-switch`);return d(),t(`div`,Ze,[n(`span`,Qe,[i(u(e.$t(`midjourney.name.hd`))+` `,1),o(p,{content:e.$t(`midjourney.description.hd`),placement:`top`},{default:_(()=>[o(f,{icon:`fa-solid fa-circle-info`,class:`info-icon`})]),_:1},8,[`content`])]),o(m,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t},null,8,[`modelValue`])])}var et=W(Xe,[[`render`,$e],[`__scopeId`,`data-v-871c894e`]]),tt=r({name:`ReferenceImage`,components:{ElUpload:D,ElButton:y,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[K,Y],emits:[`change`],data(){return{fileList:[],uploadUrl:V()+`/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(`midjourney/setConfig`,{...this.$store.state.midjourney.config,image_url:e[0]})}}},methods:{onExceed(){q.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){q.error(this.$t(`midjourney.message.uploadStartImageError`))}}}),nt={class:`relative`},rt={class:`flex justify-between`},it={class:`flex justify-start items-center`},at={class:`text-sm font-bold`};function ot(e,r,a,s,c,l){let f=g(`info-icon`),p=g(`image-preview`),m=g(`font-awesome-icon`),h=g(`el-button`),v=g(`el-upload`);return d(),t(`div`,nt,[n(`div`,rt,[n(`div`,it,[n(`span`,at,[i(u(e.$t(`midjourney.name.imageUrl`))+` `,1),r[1]||=n(`span`,{class:`text-red-500`,"aria-hidden":`true`},`*`,-1)]),o(f,{content:e.$t(`midjourney.description.imageUrl`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,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:_(({file:t})=>[o(p,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:_(()=>[o(h,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(m,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`midjourney.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var st=W(tt,[[`render`,ot],[`__scopeId`,`data-v-0445850f`]]),ct=r({name:`EndImageUrlInput`,components:{ElUpload:D,ElButton:y,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[K,Y],emits:[`change`],data(){return{fileList:[],uploadUrl:V()+`/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(`midjourney/setConfig`,{...this.$store.state.midjourney.config,end_image_url:e[0]})}}},methods:{onExceed(){q.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){q.error(this.$t(`midjourney.message.uploadEndImageError`))}}}),lt={class:`relative`},ut={class:`flex justify-between`},dt={class:`flex justify-start items-center`},ft={class:`text-sm font-bold`};function pt(e,r,a,s,c,l){let f=g(`info-icon`),p=g(`image-preview`),m=g(`font-awesome-icon`),h=g(`el-button`),v=g(`el-upload`);return d(),t(`div`,lt,[n(`div`,ut,[n(`div`,dt,[n(`span`,ft,u(e.$t(`midjourney.name.endImageUrl`)),1),o(f,{content:e.$t(`midjourney.description.endImageUrl`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,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:_(({file:t})=>[o(p,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:_(()=>[o(h,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(m,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`midjourney.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var mt=W(ct,[[`render`,pt],[`__scopeId`,`data-v-375309d2`]]),ht=r({name:`ReferenceImage`,components:{ElUpload:D,ElButton:y,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[K,Y],emits:[`change`],data(){return{fileList:[],uploadUrl:V()+`/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(`midjourney/setConfig`,{...this.$store.state.midjourney.config,image_url:e[0]})}}},methods:{onExceed(){q.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){q.error(this.$t(`midjourney.message.uploadStartImageError`))}}}),gt={class:`relative`},_t={class:`flex justify-between`},vt={class:`flex justify-start items-center`},yt={class:`text-sm font-bold`};function bt(e,r,a,s,c,l){let f=g(`info-icon`),p=g(`image-preview`),m=g(`font-awesome-icon`),h=g(`el-button`),v=g(`el-upload`);return d(),t(`div`,gt,[n(`div`,_t,[n(`div`,vt,[n(`span`,yt,u(e.$t(`midjourney.name.imageUrl2`)),1),o(f,{content:e.$t(`midjourney.description.imageUrl2`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,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:_(({file:t})=>[o(p,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:_(()=>[o(h,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(m,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`midjourney.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var xt=W(ht,[[`render`,bt],[`__scopeId`,`data-v-6b4c9a65`]]),St=r({name:`StylizeSelector`,components:{ElSlider:L,InfoIcon:$,ElInputNumber:I},computed:{value:{get(){return this.$store.state.midjourney.config.stylize},set(e){console.debug(`set stylize`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,stylize:e})}}},mounted(){this.value||=100}}),Ct={class:`flex justify-between`},wt={class:`flex justify-start items-center`},Tt={class:`text-sm font-bold`},Et={class:`flex justify-end items-center`},Dt={class:`w-full px-2`};function Ot(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-input-number`),p=g(`el-slider`);return d(),t(`div`,null,[n(`div`,Ct,[n(`div`,wt,[n(`span`,Tt,u(e.$t(`midjourney.name.stylize`)),1),o(l,{content:e.$t(`midjourney.description.stylize`)},null,8,[`content`])]),n(`div`,Et,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,Dt,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:100,step:1},null,8,[`modelValue`])])])}var kt=W(St,[[`render`,Ot]]),At=0,jt=r({name:`ChaosSelector`,components:{ElSlider:L,InfoIcon:$,ElInputNumber:I},computed:{value:{get(){return this.$store.state.midjourney.config.chaos},set(e){console.debug(`set quality`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,chaos:e})}}},mounted(){this.value||=At}}),Mt={class:`flex justify-between`},Nt={class:`flex justify-start items-center`},Pt={class:`text-sm font-bold`},Ft={class:`flex justify-end items-center`},It={class:`w-full px-2`};function Lt(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-input-number`),p=g(`el-slider`);return d(),t(`div`,null,[n(`div`,Mt,[n(`div`,Nt,[n(`span`,Pt,u(e.$t(`midjourney.name.chaos`)),1),o(l,{content:e.$t(`midjourney.description.chaos`)},null,8,[`content`])]),n(`div`,Ft,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,It,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:100,step:1},null,8,[`modelValue`])])])}var Rt=W(jt,[[`render`,Lt],[`__scopeId`,`data-v-ed158765`]]),zt=r({name:`ModelSelector`,components:{ElImage:k,InfoIcon:$},data(){return{options:[{value:``,label:this.$t(`midjourney.model.general`),image:`https://cdn.acedata.cloud/ebvlwg.png`},{value:`niji 5`,label:this.$t(`midjourney.model.niji`),image:`https://cdn.acedata.cloud/j6v1m7.png`}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)},value:{get(){return this.$store.state.midjourney.config.model},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,model:e})}}},mounted(){this.value===void 0&&(this.value=``)}}),Bt={class:`flex justify-start items-center`},Vt={class:`text-sm font-bold`},Ht={class:`items`},Ut=[`onClick`],Wt={class:`name`};function Gt(r,i,a,c,f,p){let m=g(`info-icon`),h=g(`el-image`);return d(),t(`div`,null,[n(`div`,Bt,[n(`span`,Vt,u(r.$t(`midjourney.name.model`)),1),o(m,{content:r.$t(`midjourney.description.model`)},null,8,[`content`])]),n(`div`,Ht,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[o(h,{src:e.image,fit:`cover`,class:`image`},null,8,[`src`]),n(`p`,Wt,u(e.label),1)],10,Ut))),128))])])}var Kt=W(zt,[[`render`,Gt],[`__scopeId`,`data-v-ebc6758e`]]),qt=r({name:`QualitySelector`,components:{ElRadioButton:j,ElRadioGroup:M},computed:{version(){return this.$store.state.midjourney.config.version||``},isV8(){return this.version===`8`||this.version===`8.1`},options(){return this.isV8?[{label:this.$t(`midjourney.button.standard`),value:`1`},{label:this.$t(`midjourney.button.ultra`),value:`4`}]:[{label:this.$t(`midjourney.button.low`),value:`.25`},{label:this.$t(`midjourney.button.medium`),value:`.5`},{label:this.$t(`midjourney.button.high`),value:`1`}]},value:{get(){return this.$store.state.midjourney.config.quality},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,quality:e})}}},watch:{isV8(e){(e&&this.value!==`1`&&this.value!==`4`||!e&&this.value===`4`)&&(this.value=`1`)}},mounted(){this.value||=`1`}}),Jt={class:`field`},Yt={class:`text-sm font-bold`};function Xt(r,c,l,f,p,m){let h=g(`el-radio-button`),v=g(`el-radio-group`);return d(),t(`div`,Jt,[n(`span`,Yt,u(r.$t(`midjourney.name.quality`)),1),o(v,{modelValue:r.value,"onUpdate:modelValue":c[0]||=e=>r.value=e,class:`quality`},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.value},{default:_(()=>[i(u(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var Zt=W(qt,[[`render`,Xt],[`__scopeId`,`data-v-10b2574d`]]),Qt=r({name:`ResolutionSelector`,components:{ElSelect:C,ElOption:w},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`480p`,label:`480p`},{value:`720p`,label:`720p`}]}},computed:{value:{get(){return this.$store.state.midjourney?.config?.resolution},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,resolution:e})}}},mounted(){this.value||=B}}),$t={class:`field`},en={class:`title font-bold`};function tn(r,i,c,l,f,p){let m=g(`el-option`),h=g(`el-select`);return d(),t(`div`,$t,[n(`h2`,en,u(r.$t(`midjourney.name.resolution`)),1),o(h,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`midjourney.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var nn=W(Qt,[[`render`,tn],[`__scopeId`,`data-v-12537f29`]]),rn=r({name:`ImageWeightSelector`,components:{ElSlider:L,InfoIcon:$},computed:{value:{get(){return this.$store.state.midjourney.config.iw},set(e){console.debug(`set iw`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,iw:e})}}},mounted(){this.value||=1}}),an={class:`flex justify-between`},on={class:`flex justify-start items-center`},sn={class:`text-sm font-bold`},cn={class:`flex justify-end items-center`},ln={class:`w-full px-2`};function un(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-input-number`),p=g(`el-slider`);return d(),t(`div`,null,[n(`div`,an,[n(`div`,on,[n(`span`,sn,u(e.$t(`midjourney.name.imageWeight`)),1),o(l,{content:e.$t(`midjourney.description.imageWeight`)},null,8,[`content`])]),n(`div`,cn,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,ln,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:2,step:.1},null,8,[`modelValue`])])])}var dn=W(rn,[[`render`,un],[`__scopeId`,`data-v-b4bf1f1e`]]),fn=r({name:`WeirdSelector`,components:{ElSlider:L,ElInputNumber:I,InfoIcon:$},computed:{value:{get(){return this.$store.state.midjourney.config.weird},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,weird:e})}}},mounted(){this.value||=0}}),pn={class:`flex justify-between`},mn={class:`flex justify-start items-center`},hn={class:`text-sm font-bold`},gn={class:`flex justify-end items-center`},_n={class:`w-full px-2`};function vn(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-input-number`),p=g(`el-slider`);return d(),t(`div`,null,[n(`div`,pn,[n(`div`,mn,[n(`span`,hn,u(e.$t(`midjourney.name.weird`)),1),o(l,{content:e.$t(`midjourney.description.weird`)},null,8,[`content`])]),n(`div`,gn,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,_n,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var yn=W(fn,[[`render`,vn]]),bn=r({name:`VideoFromInput`,components:{VideoPlayer:ge},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{controls:[`play-large`,`play`,`progress`,`current-time`,`mute`,`captions`,`settings`,`fullscreen`]}}},computed:{config(){return this.$store.state.midjourney?.config}}}),xn={class:`relative`},Sn={class:`flex mb-2`},Cn={class:`text-sm font-bold`};function wn(e,r,i,o,s,c){let l=g(`video-player`);return d(),t(`div`,xn,[n(`div`,Sn,[n(`span`,Cn,u(e.$t(`midjourney.name.extend`)),1)]),n(`div`,null,[e.config?.video_url?(d(),a(l,{key:0,src:e.config?.video_url,options:e.options},null,8,[`src`,`options`])):h(``,!0)])])}var Tn=W(bn,[[`render`,wn]]),En=``,Dn=r({name:`StyleSelector`,components:{ElSelect:C,ElOption:w},data(){return{}},computed:{model(){return this.$store.state.midjourney.config.model},options(){return this.model?.includes(`niji`)?[{value:`cute`,label:this.$t(`midjourney.style.cute`)},{value:`expressive`,label:this.$t(`midjourney.style.expressive`)},{value:`scenic`,label:this.$t(`midjourney.style.scenic`)},{value:`original`,label:this.$t(`midjourney.style.original`)}]:[{value:`raw`,label:this.$t(`midjourney.style.raw`)}]},value:{get(){return this.$store.state.midjourney.config.style},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,style:e})}}},watch:{model(){this.value=``}},mounted(){this.value||=En}}),On={class:`field`},kn={class:`text-sm font-bold title`},An={class:`float-left`},jn={class:`float-right`};function Mn(r,i,c,l,f,p){let m=g(`el-option`),h=g(`el-select`);return d(),t(`div`,On,[n(`span`,kn,u(r.$t(`midjourney.name.style`)),1),o(h,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`midjourney.placeholder.select`),clearable:``},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},{default:_(()=>[n(`span`,An,u(e.label),1),n(`span`,jn,u(e.value),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Nn=W(Dn,[[`render`,Mn],[`__scopeId`,`data-v-00d50831`]]),Pn=r({name:`ElementsSelector`,components:{Check:b,ElTabs:T,ElTag:te,ElIcon:S,ElTabPane:E,ElImage:k,ElDialog:H,ElButton:y,InfoIcon:$},emits:[`update:modelValue`],data(){return{tab:`styles`,choosing:!1,elements:{styles:{displayName:this.$t(`midjourney.styleCategory.styles`),items:[{image:`https://cdn.acedata.cloud/94ab394d-2fa3-4fe8-b3b3-41be85720fdb.png`,label:this.$t(`midjourney.styleTag.watercolour`),value:`Watercolour`},{image:`https://cdn.acedata.cloud/c3904cc5-3184-4639-be76-46f4860c1277.png`,label:this.$t(`midjourney.styleTag.oilPainting`),value:`Oil painting`},{image:`https://cdn.acedata.cloud/a0b764bb-13b1-419b-a8e8-855ee7ffc28a.png`,label:this.$t(`midjourney.styleTag.oldPhotograph`),value:`Old Photograph`},{image:`https://cdn.acedata.cloud/04f17d89-d913-4700-a422-99fa97fa79c9.png`,label:this.$t(`midjourney.styleTag.oneLineDrawing`),value:`One-line drawing`},{image:`https://cdn.acedata.cloud/281cfaac-ec59-4f5c-ab2b-f15d7481d752.png`,label:this.$t(`midjourney.styleTag.sketchDrawing`),value:`Sketch Drawing`},{image:`https://cdn.acedata.cloud/091d68cf-533c-4b76-90be-d5983b9ba80b.png`,label:this.$t(`midjourney.styleTag.gouache`),value:`Gouache`},{image:`https://cdn.acedata.cloud/a652c6b2-f0f6-4ef4-bf1b-9053e1daf85b.png`,label:this.$t(`midjourney.styleTag.filmStyle`),value:`Film style`},{image:`https://cdn.acedata.cloud/0aaafc79-9094-4a97-a07d-a01f88d276b1.png`,label:this.$t(`midjourney.styleTag.photorealistic`),value:`Photorealistic`},{image:`https://cdn.acedata.cloud/aa6489ad-8b40-46ae-83a6-f636772084e9.png`,label:this.$t(`midjourney.styleTag.logo`),value:`Logo`},{image:`https://cdn.acedata.cloud/e3e96805-6bcd-4608-b012-a8931e75662a.png`,label:this.$t(`midjourney.styleTag.cartoon`),value:`Cartoon`},{image:`https://cdn.acedata.cloud/11d53af4-ec2d-4256-8ddc-18105df57047.png`,label:this.$t(`midjourney.styleTag.marbleStatue`),value:`Marble Statue`},{image:`https://cdn.acedata.cloud/d0109889-d2a6-49ee-9f5c-49f2033966d8.png`,label:this.$t(`midjourney.styleTag.1800S`),value:`1800s`},{image:`https://cdn.acedata.cloud/86a3fb48-1ef0-422a-809a-580892aa0b9d.png`,label:this.$t(`midjourney.styleTag.1980S`),value:`1980s`},{image:`https://cdn.acedata.cloud/8b07aae4-b6f6-45ad-a556-7206b2945025.png`,label:this.$t(`midjourney.styleTag.isometricAnime`),value:`Isometric anime`,advanced:!0},{image:`https://cdn.acedata.cloud/3be49d3c-e431-4bce-b2bb-fc53f763b348.png`,label:this.$t(`midjourney.styleTag.analyticDrawing`),value:`Analytic drawing`,advanced:!0},{image:`https://cdn.acedata.cloud/4d31c2dc-2a0b-4465-b3e8-bffd7c5fed25.png`,label:this.$t(`midjourney.styleTag.coloringBook`),value:`Coloring book`,advanced:!0},{image:`https://cdn.acedata.cloud/a19dde67-65b2-4923-8895-9e960cf050ee.png`,label:this.$t(`midjourney.styleTag.infographicDrawing`),value:`Infographic drawing`,advanced:!0},{image:`https://cdn.acedata.cloud/f57db729-8692-4524-a373-b495d14ec77e.png`,label:this.$t(`midjourney.styleTag.doubleExposure`),value:`Double exposure`,advanced:!0},{image:`https://cdn.acedata.cloud/f8ff8db0-62dc-4414-b309-7fdf2021e45c.png`,label:this.$t(`midjourney.styleTag.diagrammaticDrawing`),value:`Diagrammatic drawing`,advanced:!0},{image:`https://cdn.acedata.cloud/426447cf-dd10-4c91-b928-e7a3aa4c253a.png`,label:this.$t(`midjourney.styleTag.2DIllustration`),value:`2D illustration`,advanced:!0},{image:`https://cdn.acedata.cloud/25e0edfe-776f-4be0-9791-bb729cca81b3.png`,label:this.$t(`midjourney.styleTag.diagrammaticPortrait`),value:`Diagrammatic portrait`,advanced:!0},{image:`https://cdn.acedata.cloud/819c367c-ad03-4bf8-87a9-38ba53aa00f6.png`,label:this.$t(`midjourney.styleTag.pixelArt`),value:`Pixel art`,advanced:!0},{image:`https://cdn.acedata.cloud/2c4bbd7b-fc59-4f38-b844-762bf2366042.png`,label:this.$t(`midjourney.styleTag.darkFantasy`),value:`Dark fantasy`,advanced:!0},{image:`https://cdn.acedata.cloud/bd786eed-e3ee-4e3a-9473-acbd1ee4306c.png`,label:this.$t(`midjourney.styleTag.ukiyoEArt`),value:`Ukiyo-e art`,advanced:!0},{image:`https://cdn.acedata.cloud/1951d276-5502-428a-8694-1b311d8a5540.png`,label:this.$t(`midjourney.styleTag.paperQuilling`),value:`Paper quilling`,advanced:!0},{image:`https://cdn.acedata.cloud/4f9bcc9c-8b0e-47f4-87b9-4b4d78a8891a.png`,label:this.$t(`midjourney.styleTag.paperCutCraft`),value:`Paper cut craft`},{image:`https://cdn.acedata.cloud/4775f61f-446b-4312-b824-c91c6ecdb372.png`,label:this.$t(`midjourney.styleTag.iridescent`),value:`Iridescent`,advanced:!0},{image:`https://cdn.acedata.cloud/29fbc528-56f0-4eb0-a5a2-2312d53d55b4.png`,label:this.$t(`midjourney.styleTag.patchworkCollage`),value:`Patchwork collage`,advanced:!0},{image:`https://cdn.acedata.cloud/aa03b06a-fac8-45ec-830f-2a6e7ecab5c2.png`,label:this.$t(`midjourney.styleTag.opArt`),value:`Op art`,advanced:!0},{image:`https://cdn.acedata.cloud/29015f2a-3c9c-43c5-808a-23fbbb7bcf2f.png`,label:this.$t(`midjourney.styleTag.japaneseInk`),value:`Japanese ink`,advanced:!0},{image:`https://cdn.acedata.cloud/a65f8f7e-46a9-4ccf-8ee5-720d0c222471.png`,label:this.$t(`midjourney.styleTag.pastelDrawing`),value:`Pastel drawing`},{image:`https://cdn.acedata.cloud/a0cda2b1-b227-4230-8842-feab55edd6c7.png`,label:this.$t(`midjourney.styleTag.drippingArt`),value:`Dripping art`},{image:`https://cdn.acedata.cloud/c4aab372-ec55-4a7e-af94-4469f45c23c5.png`,label:this.$t(`midjourney.styleTag.tattooArt`),value:`Tattoo art`,advanced:!0},{image:`https://cdn.acedata.cloud/5040fbb2-6fa7-4e8f-86ac-f23c1c3e291c.png`,label:this.$t(`midjourney.styleTag.16Bit`),value:`16-Bit`,advanced:!0},{image:`https://cdn.acedata.cloud/b67249a1-36fa-443a-8b41-c167a5002e10.png`,label:this.$t(`midjourney.styleTag.8Bit`),value:`8-Bit`,advanced:!0},{image:`https://cdn.acedata.cloud/1c9600b4-6995-4dcb-b363-40ee38049151.png`,label:this.$t(`midjourney.styleTag.amber`),value:`Amber`,advanced:!0},{image:`https://cdn.acedata.cloud/e2d34946-3148-4f92-ad73-40f6f1208516.png`,label:this.$t(`midjourney.styleTag.anatomicalDrawing`),value:`Anatomical Drawing`,advanced:!0},{image:`https://cdn.acedata.cloud/19940f31-037e-4a8f-a71c-605e16ac9631.png`,label:this.$t(`midjourney.styleTag.ancient`),value:`Ancient`},{image:`https://cdn.acedata.cloud/b714b3d9-2f97-49fb-bf85-99a716bf0c78.png`,label:this.$t(`midjourney.styleTag.anime`),value:`Anime`,advanced:!0},{image:`https://cdn.acedata.cloud/d88c3080-cd54-4342-ac91-dac326ee1060.png`,label:this.$t(`midjourney.styleTag.arabic`),value:`Arabic`,advanced:!0},{image:`https://cdn.acedata.cloud/dc54b749-8e69-4252-9b90-fc1448fa9397.png`,label:this.$t(`midjourney.styleTag.blocky`),value:`Blocky`,advanced:!0},{image:`https://cdn.acedata.cloud/d8009295-2f4b-48d8-896e-46d0f5939923.png`,label:this.$t(`midjourney.styleTag.blueprint`),value:`Blueprint`,advanced:!0},{image:`https://cdn.acedata.cloud/5cc39277-16e0-46d6-9310-b0722479713b.png`,label:this.$t(`midjourney.styleTag.comicbook`),value:`Comicbook`,advanced:!0},{image:`https://cdn.acedata.cloud/b9900d01-20bc-408b-9637-779cc22c493c.png`,label:this.$t(`midjourney.styleTag.caribbean`),value:`Caribbean`,advanced:!0},{image:`https://cdn.acedata.cloud/fedabd4e-a9bb-4bb0-a4ec-8fc48bc74c78.png`,label:this.$t(`midjourney.styleTag.celestial`),value:`Celestial`,advanced:!0},{image:`https://cdn.acedata.cloud/00f1f097-1d72-435f-b47d-656f8e194dc2.png`,label:this.$t(`midjourney.styleTag.cellulose`),value:`Cellulose`,advanced:!0},{image:`https://cdn.acedata.cloud/a002bccf-6287-4b28-a5a7-c1cf5cb07734.png`,label:this.$t(`midjourney.styleTag.charcoalStyle`),value:`Charcoal Style`,advanced:!0},{image:`https://cdn.acedata.cloud/e218ab68-e430-4541-9501-02ee2d7aeda9.png`,label:this.$t(`midjourney.styleTag.chromatic`),value:`Chromatic`,advanced:!0},{image:`https://cdn.acedata.cloud/bd5a79d9-c73d-46c3-974f-932751ff8e46.png`,label:this.$t(`midjourney.styleTag.coral`),value:`Coral`,advanced:!0},{image:`https://cdn.acedata.cloud/58dd439c-cae7-434f-9a83-ac6aefd6e417.png`,label:this.$t(`midjourney.styleTag.conceptArt`),value:`Concept Art`,advanced:!0},{image:`https://cdn.acedata.cloud/767fe9f3-69d0-4e16-9060-41e6cf1b1fe1.png`,label:this.$t(`midjourney.styleTag.fibonacci`),value:`Fibonacci`,advanced:!0},{image:`https://cdn.acedata.cloud/4b78ebb1-5091-43d8-a020-88ffb3719edd.png`,label:this.$t(`midjourney.styleTag.cyberpunk`),value:`Cyberpunk`,advanced:!0},{image:`https://cdn.acedata.cloud/34d35d5c-a2e4-4e8e-aafd-3d3c08499389.png`,label:this.$t(`midjourney.styleTag.diabolic`),value:`Diabolic`,advanced:!0},{image:`https://cdn.acedata.cloud/8e29e2b4-4899-491d-a5dc-5ebbb1ff2758.png`,label:this.$t(`midjourney.styleTag.diffractionGrading`),value:`Diffraction Grading`,advanced:!0},{image:`https://cdn.acedata.cloud/996c6d93-94aa-438a-96d5-278e22e54f5f.png`,label:this.$t(`midjourney.styleTag.lightspeed`),value:`Lightspeed`,advanced:!0},{image:`https://cdn.acedata.cloud/57f3ad49-0940-44e2-a31a-a4872497bae7.png`,label:this.$t(`midjourney.styleTag.liquid`),value:`Liquid`,advanced:!0},{image:`https://cdn.acedata.cloud/a9ff43a9-dadf-4bbc-9a7a-72fd3908d39a.png`,label:this.$t(`midjourney.styleTag.dots`),value:`Dots`,advanced:!0},{image:`https://cdn.acedata.cloud/acff2bf9-1907-4a0f-be23-897c71caf60e.png`,label:this.$t(`midjourney.styleTag.dune`),value:`Dune`,advanced:!0},{image:`https://cdn.acedata.cloud/4a2abc45-ba65-4e2d-8399-8d44491c8a64.png`,label:this.$t(`midjourney.styleTag.drippingPaint`),value:`Dripping Paint`,advanced:!0},{image:`https://cdn.acedata.cloud/7dc4e93f-07a8-45ec-9e8a-89c3f619fd40.png`,label:this.$t(`midjourney.styleTag.electronicCircuitry`),value:`Electronic Circuitry`,advanced:!0},{image:`https://cdn.acedata.cloud/cf502cba-ee64-41fd-a388-93f6357fc7cc.png`,label:this.$t(`midjourney.styleTag.electrical`),value:`Electrical`,advanced:!0},{image:`https://cdn.acedata.cloud/fd6a696b-3102-4301-8fce-5a7fd401231a.png`,label:this.$t(`midjourney.styleTag.futuristic`),value:`Futuristic`,advanced:!0},{image:`https://cdn.acedata.cloud/0fe8fca5-b3d9-4fab-b390-fff7c0f4f594.png`,label:this.$t(`midjourney.styleTag.etching`),value:`Etching`,advanced:!0},{image:`https://cdn.acedata.cloud/46577726-f0ab-4750-81c6-0d4d865ba4bd.png`,label:this.$t(`midjourney.styleTag.extraterrestrial`),value:`Extraterrestrial`,advanced:!0},{image:`https://cdn.acedata.cloud/faa06af4-9988-4e39-9f13-ecdd29e1e20a.png`,label:this.$t(`midjourney.styleTag.glitchart`),value:`Glitchart`,advanced:!0},{image:`https://cdn.acedata.cloud/4380f6af-aaeb-41fd-bcaf-2efadcc3e08f.png`,label:this.$t(`midjourney.styleTag.floral`),value:`Floral`,advanced:!0},{image:`https://cdn.acedata.cloud/096683c4-8e91-4ef0-8211-8a6dcef5298d.png`,label:this.$t(`midjourney.styleTag.fractal`),value:`Fractal`,advanced:!0},{image:`https://cdn.acedata.cloud/10ce713b-a5bc-400b-a0c8-bcec4f7e6548.png`,label:this.$t(`midjourney.styleTag.preHistoric`),value:`Pre Historic`,advanced:!0},{image:`https://cdn.acedata.cloud/6382ad4e-1818-4ab1-b493-10afdb43c196.png`,label:this.$t(`midjourney.styleTag.prokaryotic`),value:`Prokaryotic`,advanced:!0},{image:`https://cdn.acedata.cloud/48205fb3-e48b-4219-ad53-d307e1e686a7.png`,label:this.$t(`midjourney.styleTag.horror`),value:`Horror`,advanced:!0},{image:`https://cdn.acedata.cloud/d0567b20-8f93-4b16-a775-8ca0708a7a50.png`,label:this.$t(`midjourney.styleTag.iceAge`),value:`Ice Age`,advanced:!0},{image:`https://cdn.acedata.cloud/cc1455a5-c139-400d-8a54-121176f196e1.png`,label:this.$t(`midjourney.styleTag.jurassic`),value:`Jurassic`,advanced:!0},{image:`https://cdn.acedata.cloud/84e2bfe2-60bb-4323-936b-18dbb1c8cfa1.png`,label:this.$t(`midjourney.styleTag.knitted`),value:`Knitted`,advanced:!0},{image:`https://cdn.acedata.cloud/2e1ffddf-daa1-4e57-bc92-d16484ef8e34.png`,label:this.$t(`midjourney.styleTag.polka`),value:`Polka`,advanced:!0},{image:`https://cdn.acedata.cloud/9c2670df-3e39-45a7-ad76-ae17502d018f.png`,label:this.$t(`midjourney.styleTag.latex`),value:`Latex`,advanced:!0},{image:`https://cdn.acedata.cloud/d4de1735-235d-461d-b93f-2bf3c280ccfe.png`,label:this.$t(`midjourney.styleTag.pastel`),value:`Pastel`,advanced:!0},{image:`https://cdn.acedata.cloud/37f26555-f634-4964-8bac-ec8a955273d4.png`,label:this.$t(`midjourney.styleTag.mandala`),value:`Mandala`,advanced:!0},{image:`https://cdn.acedata.cloud/f62aa376-1378-45a6-abd0-71bc7bbe49c7.png`,label:this.$t(`midjourney.styleTag.molecular`),value:`Molecular`,advanced:!0},{image:`https://cdn.acedata.cloud/fc135428-1835-453d-afef-aaf72a7cfcbc.png`,label:this.$t(`midjourney.styleTag.merkaba`),value:`Merkaba`,advanced:!0},{image:`https://cdn.acedata.cloud/5caf594b-0f0c-455f-b8a8-8c15a189d0dc.png`,label:this.$t(`midjourney.styleTag.mitochondria`),value:`Mitochondria`,advanced:!0},{image:`https://cdn.acedata.cloud/088e3067-0abe-4f3d-bcb8-f6937e860d1e.png`,label:this.$t(`midjourney.styleTag.graffiti`),value:`Graffiti`,advanced:!0},{image:`https://cdn.acedata.cloud/06230561-916a-4bc5-ad85-9386cf27bf1c.png`,label:this.$t(`midjourney.styleTag.graphicNovel`),value:`Graphic Novel`,advanced:!0},{image:`https://cdn.acedata.cloud/e47f7931-d588-4c4a-87c8-3f7137e7f727.png`,label:this.$t(`midjourney.styleTag.multidimensional`),value:`Multidimensional`,advanced:!0},{image:`https://cdn.acedata.cloud/d2443c93-3227-4216-afd1-b86287ac5140.png`,label:this.$t(`midjourney.styleTag.nasa`),value:`NASA`,advanced:!0},{image:`https://cdn.acedata.cloud/a86a2f67-273c-4edf-9be9-ceecc983c93d.png`,label:this.$t(`midjourney.styleTag.nebula`),value:`Nebula`,advanced:!0},{image:`https://cdn.acedata.cloud/ad1e588c-5892-48ee-a7c2-103c2b4868fc.png`,label:this.$t(`midjourney.styleTag.neon`),value:`Neon`},{image:`https://cdn.acedata.cloud/5a133976-208e-460f-8296-a4ad19809490.png`,label:this.$t(`midjourney.styleTag.nuclear`),value:`Nuclear`,advanced:!0},{image:`https://cdn.acedata.cloud/c99f5082-314b-49e9-8875-b40319ed3cfc.png`,label:this.$t(`midjourney.styleTag.orbital`),value:`Orbital`,advanced:!0},{image:`https://cdn.acedata.cloud/63809059-6ae6-49ff-ad96-ed4ae45a2464.png`,label:this.$t(`midjourney.styleTag.rayTracing`),value:`Ray Tracing`,advanced:!0},{image:`https://cdn.acedata.cloud/cdcf0c05-e7ad-421e-b513-640bcc3d04cc.png`,label:this.$t(`midjourney.styleTag.realistic`),value:`Realistic`},{image:`https://cdn.acedata.cloud/019dc7be-b0e2-4da2-94d4-191226d58dbf.png`,label:this.$t(`midjourney.styleTag.renaissance`),value:`Renaissance`,advanced:!0},{image:`https://cdn.acedata.cloud/d46d3c03-a924-4a0f-b032-e8dbca6ad37e.png`,label:this.$t(`midjourney.styleTag.retro`),value:`Retro`},{image:`https://cdn.acedata.cloud/bc13e200-6865-474b-8fe4-cf0725cf3caf.png`,label:this.$t(`midjourney.styleTag.risograph`),value:`Risograph`,advanced:!0},{image:`https://cdn.acedata.cloud/f8533acc-807b-4f03-8f39-338ee6ff5d53.png`,label:this.$t(`midjourney.styleTag.origami`),value:`Origami`,advanced:!0},{image:`https://cdn.acedata.cloud/b0ff3593-aef3-4dd2-a5f4-548c6febb2e2.png`,label:this.$t(`midjourney.styleTag.ornamental`),value:`Ornamental`,advanced:!0},{image:`https://cdn.acedata.cloud/002c6a5d-b251-43bb-b713-d133f828c0a4.png`,label:this.$t(`midjourney.styleTag.space`),value:`Space`,advanced:!0},{image:`https://cdn.acedata.cloud/641327df-93cc-4746-a55e-667dbb8c1563.png`,label:this.$t(`midjourney.styleTag.splatterPaint`),value:`Splatter Paint`,advanced:!0},{image:`https://cdn.acedata.cloud/42527f9e-6cf0-40a6-bc9b-361d2baf9bf9.png`,label:this.$t(`midjourney.styleTag.sprayPaint`),value:`Spray Paint`,advanced:!0},{image:`https://cdn.acedata.cloud/98bf8e01-9dd8-434b-81df-77cfd3627243.png`,label:this.$t(`midjourney.styleTag.squiggles`),value:`Squiggles`,advanced:!0},{image:`https://cdn.acedata.cloud/26868352-5d9a-4bcc-9926-166927a2be35.png`,label:this.$t(`midjourney.styleTag.stitching`),value:`Stitching`,advanced:!0},{image:`https://cdn.acedata.cloud/23819218-bdbc-4746-a507-7664836a4f59.png`,label:this.$t(`midjourney.styleTag.veins`),value:`Veins`,advanced:!0},{image:`https://cdn.acedata.cloud/2fd3de3d-7211-4cce-b63b-a857d7621c72.png`,label:this.$t(`midjourney.styleTag.streetArt`),value:`Street Art`,advanced:!0},{image:`https://cdn.acedata.cloud/80422ede-79fb-4149-bd0a-85bf0ac75a3d.png`,label:this.$t(`midjourney.styleTag.surreal`),value:`Surreal`},{image:`https://cdn.acedata.cloud/94956306-55de-470b-8a2a-28354d0e556f.png`,label:this.$t(`midjourney.styleTag.symmetric`),value:`Symmetric`,advanced:!0},{image:`https://cdn.acedata.cloud/0098f2a0-b089-4e64-8a86-ffa137605087.png`,label:this.$t(`midjourney.styleTag.synthWave`),value:`Synth-wave`,advanced:!0},{image:`https://cdn.acedata.cloud/f50d33b2-9c91-4939-8f2d-7b5ce185d138.png`,label:this.$t(`midjourney.styleTag.technological`),value:`Technological`,advanced:!0},{image:`https://cdn.acedata.cloud/a446a6eb-444c-4073-8a8e-6f43e65491c2.png`,label:this.$t(`midjourney.styleTag.tron`),value:`Tron`,advanced:!0},{image:`https://cdn.acedata.cloud/8026ccad-aa11-4b0d-ad81-eb870a695a81.png`,label:this.$t(`midjourney.styleTag.tropical`),value:`Tropical`,advanced:!0},{image:`https://cdn.acedata.cloud/22c16c64-068c-470e-9b80-2849297aad9a.png`,label:this.$t(`midjourney.styleTag.ultraModern`),value:`Ultra Modern`},{image:`https://cdn.acedata.cloud/f67bd4b6-3f43-4da8-bdcb-67cd39cb38f9.png`,label:this.$t(`midjourney.styleTag.wormhole`),value:`Wormhole`,advanced:!0},{image:`https://cdn.acedata.cloud/2e2a1ca9-8791-41c6-9ff0-0ac21a13d1c5.png`,label:this.$t(`midjourney.styleTag.wrinkled`),value:`Wrinkled`,advanced:!0},{image:`https://cdn.acedata.cloud/3507c78d-a065-462c-a17c-fd5ed4677644.png`,label:this.$t(`midjourney.styleTag.volcanic`),value:`Volcanic`,advanced:!0},{image:`https://cdn.acedata.cloud/69263783-0610-45b0-9ec4-acac961da092.png`,label:this.$t(`midjourney.styleTag.wetPaint`),value:`Wet Paint`,advanced:!0},{image:`https://cdn.acedata.cloud/9022fc82-d6f7-47e2-90b1-ad96fbba5257.png`,label:this.$t(`midjourney.styleTag.wildWest`),value:`Wild West`,advanced:!0},{image:`https://cdn.acedata.cloud/23de882d-4e5d-40b5-9f00-d0573c443212.png`,label:this.$t(`midjourney.styleTag.wind`),value:`Wind`,advanced:!0},{image:`https://cdn.acedata.cloud/e3a58af1-79bc-48f3-871c-36472da2584b.png`,label:this.$t(`midjourney.styleTag.miniatureFaking`),value:`Miniature Faking`,advanced:!0}]},lighting:{displayName:this.$t(`midjourney.styleCategory.lighting`),items:[{image:`https://cdn.acedata.cloud/a4b9110f-e838-4c52-8ab8-f2637ea753df.png`,label:this.$t(`midjourney.styleTag.accentLighting`),value:`Accent Lighting`},{image:`https://cdn.acedata.cloud/c4c16a69-28d7-4b38-8ea2-3ce49d5c6b07.png`,label:this.$t(`midjourney.styleTag.backlight`),value:`Backlight`},{image:`https://cdn.acedata.cloud/7fd2cd5c-7671-4b40-85a0-230de9c37234.png`,label:this.$t(`midjourney.styleTag.blacklight`),value:`Blacklight`,advanced:!0},{image:`https://cdn.acedata.cloud/a08bff6e-8a0f-4d56-aa91-576f0a9921f2.png`,label:this.$t(`midjourney.styleTag.goldenHourLight`),value:`Golden hour light`,advanced:!0},{image:`https://cdn.acedata.cloud/3cd28696-493f-4b3e-9187-9d1a4c17e95b.png`,label:this.$t(`midjourney.styleTag.candlelight`),value:`Candlelight`},{image:`https://cdn.acedata.cloud/58c9a17e-f7d5-4481-abc8-9e9b66609a4d.png`,label:this.$t(`midjourney.styleTag.concertLighting`),value:`Concert Lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/efb8893c-8bd6-4c7d-8e45-6e0626f69479.png`,label:this.$t(`midjourney.styleTag.crepuscularRays`),value:`Crepuscular Rays`,advanced:!0},{image:`https://cdn.acedata.cloud/27b90e83-09b0-4339-9b2c-48fe6fe45bdd.png`,label:this.$t(`midjourney.styleTag.directSunlight`),value:`Direct Sunlight`},{image:`https://cdn.acedata.cloud/d33cb17d-e2a5-4ca3-b68a-93904d2618d7.png`,label:this.$t(`midjourney.styleTag.dust`),value:`Dust`,advanced:!0},{image:`https://cdn.acedata.cloud/3af133d0-5a86-45a9-a16e-f23e6cc68b24.png`,label:this.$t(`midjourney.styleTag.studioLighting`),value:`Studio lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/6bc889b1-a563-4890-9117-7d3ded276caa.png`,label:this.$t(`midjourney.styleTag.rimLight`),value:`Rim light`,advanced:!0},{image:`https://cdn.acedata.cloud/d770265a-066b-413f-a405-a52d68e2f1c7.png`,label:this.$t(`midjourney.styleTag.volumetricLighting`),value:`Volumetric Lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/7c83560a-6837-43b2-b296-f74db549accf.png`,label:this.$t(`midjourney.styleTag.fluorescent`),value:`Fluorescent`},{image:`https://cdn.acedata.cloud/6ffc8688-dfd0-4ede-a6bc-91bf8679adc9.png`,label:this.$t(`midjourney.styleTag.glowing`),value:`Glowing`,advanced:!0},{image:`https://cdn.acedata.cloud/63bc0645-ab94-4327-84b8-e226020c6c0f.png`,label:this.$t(`midjourney.styleTag.glowStick`),value:`Glow-stick`,advanced:!0},{image:`https://cdn.acedata.cloud/824111e9-7ebf-47ec-80ef-a6ad0a1d949b.png`,label:this.$t(`midjourney.styleTag.glowRadioactive`),value:`Glow Radioactive`,advanced:!0},{image:`https://cdn.acedata.cloud/9d23de16-57b3-42be-89d2-478de2666483.png`,label:this.$t(`midjourney.styleTag.lavaGlow`),value:`Lava Glow`,advanced:!0},{image:`https://cdn.acedata.cloud/d801ee47-02a0-455d-b333-76ad73a4fdcd.png`,label:this.$t(`midjourney.styleTag.moonlight`),value:`Moonlight`},{image:`https://cdn.acedata.cloud/6d1400a8-e168-46c9-89e8-5e701f8824b2.png`,label:this.$t(`midjourney.styleTag.naturalLighting`),value:`Natural Lighting`},{image:`https://cdn.acedata.cloud/9bb6c4ce-9076-41eb-8ace-43a4fa7e0c03.png`,label:this.$t(`midjourney.styleTag.neonLamp`),value:`Neon Lamp`},{image:`https://cdn.acedata.cloud/ac3fe310-3639-4fc0-b56e-4d69278bc2ca.png`,label:this.$t(`midjourney.styleTag.nightclubLighting`),value:`Nightclub Lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/c9331a92-87d2-43b5-9319-24c8629bffd1.png`,label:this.$t(`midjourney.styleTag.nuclearWasteGlo`),value:`Nuclear Waste Glo`,advanced:!0},{image:`https://cdn.acedata.cloud/40ccdbfb-84a7-49f7-9999-92db58802c65.png`,label:this.$t(`midjourney.styleTag.quantumDot`),value:`Quantum Dot`,advanced:!0},{image:`https://cdn.acedata.cloud/d5411604-4e66-4187-9b37-48eb683be65e.png`,label:this.$t(`midjourney.styleTag.spotlight`),value:`Spotlight`},{image:`https://cdn.acedata.cloud/b1f16a4b-fb3d-4783-9c66-c3567e79baeb.png`,label:this.$t(`midjourney.styleTag.edgeLight`),value:`Edge light`,advanced:!0},{image:`https://cdn.acedata.cloud/97fecbc1-a164-48e2-bdf0-c69975c16d63.png`,label:this.$t(`midjourney.styleTag.coldLight`),value:`Cold light`},{image:`https://cdn.acedata.cloud/7087f2fe-f48c-4b72-95bc-c697b56e8b0e.png`,label:this.$t(`midjourney.styleTag.keyLighting`),value:`Key lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/5ab92c7e-bca1-4fbc-8975-6d9fb3f15626.png`,label:this.$t(`midjourney.styleTag.ambientLight`),value:`Ambient Light`,advanced:!0},{image:`https://cdn.acedata.cloud/ac80d283-5532-4664-bbe5-42fbb9582a63.png`,label:this.$t(`midjourney.styleTag.highKeyLighting`),value:`High key lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/add3524d-fc90-45a8-9edc-348bb1f79075.png`,label:this.$t(`midjourney.styleTag.lowKeyLighting`),value:`Low key lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/42174ff8-3080-4004-9ae2-c2ff919e1145.png`,label:this.$t(`midjourney.styleTag.motivatedLighting`),value:`Motivated lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/09f3d509-a366-44dc-be3b-b39712d0fac1.png`,label:this.$t(`midjourney.styleTag.3PointLighting`),value:`3 point lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/794a114e-cd4d-4e83-a187-5e979296d125.png`,label:this.$t(`midjourney.styleTag.strobeLight`),value:`Strobe light`,advanced:!0},{image:`https://cdn.acedata.cloud/9e6ec476-3ac8-4246-964f-a1d89a6d19e9.png`,label:this.$t(`midjourney.styleTag.sunLight`),value:`Sun light`},{image:`https://cdn.acedata.cloud/4360a40b-2126-43c2-be8e-e482978e1ea6.png`,label:this.$t(`midjourney.styleTag.ultraviolet`),value:`Ultraviolet`,advanced:!0},{image:`https://cdn.acedata.cloud/8b6bea86-9ed1-4fc8-9040-8fc2b64abbff.png`,label:this.$t(`midjourney.styleTag.beautifulLighting`),value:`Beautiful Lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/a8d1f754-fb35-433d-8a36-e073b0fe6fa2.png`,label:this.$t(`midjourney.styleTag.moodyLighting`),value:`Moody Lighting`,advanced:!0},{image:`https://cdn.acedata.cloud/77270807-ca3b-4d02-a9b4-badf8aa48c36.png`,label:this.$t(`midjourney.styleTag.softLighting`),value:`Soft Lighting`}]},artists:{displayName:this.$t(`midjourney.styleCategory.artists`),items:[{image:`https://cdn.acedata.cloud/160cfc29-f258-4795-b663-f687adba19bf.png`,label:this.$t(`midjourney.styleTag.michelangelo`),value:`Michelangelo`},{image:`https://cdn.acedata.cloud/ed0bf2ad-138d-4c8d-bce9-a98299b1ee83.png`,label:this.$t(`midjourney.styleTag.monet`),value:`Monet`},{image:`https://cdn.acedata.cloud/58d9b130-e7b2-4eb8-a71e-7108b3bd4c26.png`,label:this.$t(`midjourney.styleTag.paulCezanne`),value:`Paul Cezanne`,advanced:!0},{image:`https://cdn.acedata.cloud/1247615a-6e75-49e6-842a-b0fb84016d3d.png`,label:this.$t(`midjourney.styleTag.markRothko`),value:`Mark Rothko`,advanced:!0},{image:`https://cdn.acedata.cloud/a7d9d9dd-8add-43d3-942e-8d1199fe277f.png`,label:this.$t(`midjourney.styleTag.paulKlee`),value:`Paul Klee`,advanced:!0},{image:`https://cdn.acedata.cloud/caf5701a-b652-4fab-8467-0c00303d01f3.png`,label:this.$t(`midjourney.styleTag.picasso`),value:`Picasso`},{image:`https://cdn.acedata.cloud/fbb63634-659a-4d2d-bc7b-0fb3399f7061.png`,label:this.$t(`midjourney.styleTag.pietMondrian`),value:`Piet Mondrian`,advanced:!0},{image:`https://cdn.acedata.cloud/29fb173b-17b4-4b05-a63c-e31ce161fe8c.png`,label:this.$t(`midjourney.styleTag.pierreAugusteRer`),value:`Pierre Auguste Rer`,advanced:!0},{image:`https://cdn.acedata.cloud/556f8a48-0b12-49a7-b150-aed40278d3f6.png`,label:this.$t(`midjourney.styleTag.rembrandt`),value:`Rembrandt`},{image:`https://cdn.acedata.cloud/b44d947e-2a14-4db2-880d-332c1aeeb303.png`,label:this.$t(`midjourney.styleTag.reneMagritte`),value:`Rene Magritte`,advanced:!0},{image:`https://cdn.acedata.cloud/0cfcda4a-7e7f-4ec4-ad4f-b4877a900a50.png`,label:this.$t(`midjourney.styleTag.royLichtenstein`),value:`Roy Lichtenstein`,advanced:!0},{image:`https://cdn.acedata.cloud/e592bf88-d9b8-4787-88dd-9ff8e7e9268c.png`,label:this.$t(`midjourney.styleTag.salvadorDali`),value:`Salvador Dali`,advanced:!0},{image:`https://cdn.acedata.cloud/3bbde342-565b-4ea0-8a4c-42b3c109c205.png`,label:this.$t(`midjourney.styleTag.sandroBotticelli`),value:`Sandro Botticelli`,advanced:!0},{image:`https://cdn.acedata.cloud/bfdf6d50-24ab-4b5c-a3de-c8d77d858b04.png`,label:this.$t(`midjourney.styleTag.takashiMurakami`),value:`Takashi Murakami`,advanced:!0},{image:`https://cdn.acedata.cloud/bc67c0ba-614f-46f0-a6ec-047fa561fc01.png`,label:this.$t(`midjourney.styleTag.vanGogh`),value:`Van Gogh`},{image:`https://cdn.acedata.cloud/984a18fa-8050-4084-95d5-732b7ede8e37.png`,label:this.$t(`midjourney.styleTag.wassilyKandinsky`),value:`Wassily Kandinsky`,advanced:!0},{image:`https://cdn.acedata.cloud/48bce45c-6b25-4678-9be8-40707c8e5f43.png`,label:this.$t(`midjourney.styleTag.matCollishaw`),value:`Mat Collishaw`,advanced:!0},{image:`https://cdn.acedata.cloud/6b2851d0-ec8d-4c07-86ed-1eafdd70e1fe.png`,label:this.$t(`midjourney.styleTag.yayoiKusama`),value:`Yayoi Kusama`,advanced:!0},{image:`https://cdn.acedata.cloud/9d691d5c-5560-409b-b998-c979b29902e6.png`,label:this.$t(`midjourney.styleTag.igorMorski`),value:`Igor Morski`,advanced:!0},{image:`https://cdn.acedata.cloud/950cb143-ab40-4bee-80f7-092d0c2a7bc4.png`,label:this.$t(`midjourney.styleTag.shinkaiMakoto`),value:`Shinkai Makoto`},{image:`https://cdn.acedata.cloud/94adf414-a1cc-4b84-b52d-18cd2586df17.png`,label:this.$t(`midjourney.styleTag.pixar`),value:`Pixar`},{image:`https://cdn.acedata.cloud/ccd4d148-e332-4d7e-bbe6-9f1dd68082a8.png`,label:this.$t(`midjourney.styleTag.kyotoAnime`),value:`Kyoto Anime`},{image:`https://cdn.acedata.cloud/b5f5f99a-be40-4fa7-a86a-fd51578a4052.png`,label:this.$t(`midjourney.styleTag.jerryPinkney`),value:`Jerry Pinkney`,advanced:!0},{image:`https://cdn.acedata.cloud/7a4dba74-21ad-4088-89da-6a48104d811d.png`,label:this.$t(`midjourney.styleTag.hayaoMiyazaki`),value:`Hayao Miyazaki`},{image:`https://cdn.acedata.cloud/28477b7e-85d4-4803-b525-938aa2ce3383.png`,label:this.$t(`midjourney.styleTag.beatrixPotter`),value:`Beatrix Potter`,advanced:!0},{image:`https://cdn.acedata.cloud/13854cb8-c478-43c9-9f51-8ac1933b1498.png`,label:this.$t(`midjourney.styleTag.jonKlassen`),value:`Jon Klassen`,advanced:!0},{image:`https://cdn.acedata.cloud/6685c7e0-ea11-488b-a8a0-610032020dfb.png`,label:this.$t(`midjourney.styleTag.kaySage`),value:`Kay Sage`,advanced:!0},{image:`https://cdn.acedata.cloud/cb0c3490-dcd4-488f-96e0-45b9ee671182.png`,label:this.$t(`midjourney.styleTag.jeffreyCatherineJones`),value:`Jeffrey Catherine Jones`,advanced:!0},{image:`https://cdn.acedata.cloud/72f000c5-d8d6-4015-acd4-79961e53ac50.png`,label:this.$t(`midjourney.styleTag.yaacovAgam`),value:`Yaacov Agam`,advanced:!0},{image:`https://cdn.acedata.cloud/f1bd0c4d-af96-4785-99bb-3a70b7f80834.png`,label:this.$t(`midjourney.styleTag.davidHockney`),value:`David Hockney`,advanced:!0},{image:`https://cdn.acedata.cloud/ad0e89d9-214a-4599-90f1-ee5dc0b5592d.png`,label:this.$t(`midjourney.styleTag.victorMoscoso`),value:`Victor Moscoso`,advanced:!0},{image:`https://cdn.acedata.cloud/c3b004e0-f583-4a75-b6cf-0cc60c89b2cf.png`,label:this.$t(`midjourney.styleTag.raphaelite`),value:`Raphaelite`},{image:`https://cdn.acedata.cloud/9c59d174-1e1f-4ef9-b657-1beb57f58088.png`,label:this.$t(`midjourney.styleTag.stefanKoidl`),value:`Stefan Koidl`,advanced:!0},{image:`https://cdn.acedata.cloud/09485865-35a8-4456-a34c-65a8a1c8d2c2.png`,label:this.$t(`midjourney.styleTag.suiIshida`),value:`Sui Ishida`,advanced:!0},{image:`https://cdn.acedata.cloud/31442dfd-d6a8-4674-aade-8543190251b4.png`,label:this.$t(`midjourney.styleTag.swoon`),value:`Swoon`,advanced:!0},{image:`https://cdn.acedata.cloud/842beff4-d333-4388-9880-eec6fd4baa6c.png`,label:this.$t(`midjourney.styleTag.tashaTudor`),value:`Tasha Tudor`,advanced:!0},{image:`https://cdn.acedata.cloud/68c419f3-6f2c-4fbd-a251-ce289d4a9890.png`,label:this.$t(`midjourney.styleTag.tintoretto`),value:`Tintoretto`,advanced:!0},{image:`https://cdn.acedata.cloud/9a3d95da-5019-4fdd-83b9-ec334e609c9d.png`,label:this.$t(`midjourney.styleTag.theodoreRobinsor`),value:`Theodore Robinsor`,advanced:!0},{image:`https://cdn.acedata.cloud/e11cb0a6-2f0e-4d8d-aa0e-8b7378423790.png`,label:this.$t(`midjourney.styleTag.titian`),value:`Titian`,advanced:!0},{image:`https://cdn.acedata.cloud/d3e59ba8-10e6-4d58-a732-e35d579cd3fc.png`,label:this.$t(`midjourney.styleTag.wlop`),value:`WLOP`,advanced:!0},{image:`https://cdn.acedata.cloud/70f22f51-9328-4070-b9aa-578db7d4c502.png`,label:this.$t(`midjourney.styleTag.yanjunCheng`),value:`Yanjun Cheng`,advanced:!0},{image:`https://cdn.acedata.cloud/e1203ff8-cb64-409e-8ba6-06f89645a843.png`,label:this.$t(`midjourney.styleTag.yojiShinkawa`),value:`Yoji Shinkawa`,advanced:!0},{image:`https://cdn.acedata.cloud/6b6d7746-e38b-44db-98d8-51d59ed7531f.png`,label:this.$t(`midjourney.styleTag.zhelongXu`),value:`Zhelong Xu`,advanced:!0},{image:`https://cdn.acedata.cloud/13b9621b-ff7e-4377-9550-0ca82d0f1afb.png`,label:this.$t(`midjourney.styleTag.alenaAenami`),value:`Alena Aenami`,advanced:!0},{image:`https://cdn.acedata.cloud/26d30765-3201-49e9-a4a9-c7c3b8c071ef.png`,label:this.$t(`midjourney.styleTag.anntonFadeevi`),value:`Annton Fadeevi`,advanced:!0},{image:`https://cdn.acedata.cloud/9b4c2bc7-16a8-4807-ad0e-ee9bdc80f1a0.png`,label:this.$t(`midjourney.styleTag.charlieBowater`),value:`Charlie Bowater`,advanced:!0},{image:`https://cdn.acedata.cloud/2f50d67e-3d7e-4e06-a198-5926ce7f357d.png`,label:this.$t(`midjourney.styleTag.coryLoftis`),value:`Cory Loftis`,advanced:!0},{image:`https://cdn.acedata.cloud/47823270-16a6-49cc-a11d-99122a037c68.png`,label:this.$t(`midjourney.styleTag.fenghuaZhong`),value:`Fenghua Zhong`,advanced:!0},{image:`https://cdn.acedata.cloud/1a66b5fd-cbf9-4e09-b817-6effed77b5c2.png`,label:this.$t(`midjourney.styleTag.gregRutkowski`),value:`Greg Rutkowski`,advanced:!0},{image:`https://cdn.acedata.cloud/d05a459a-132b-45a8-b2f3-a978eeeb44af.png`,label:this.$t(`midjourney.styleTag.hongSoonsang`),value:`Hong SoonSang`,advanced:!0},{image:`https://cdn.acedata.cloud/020dbf7f-f026-47bd-90f1-4049407409a1.png`,label:this.$t(`midjourney.styleTag.dennisStock`),value:`Dennis Stock`,advanced:!0},{image:`https://cdn.acedata.cloud/9c1ccc1d-121e-4182-aea0-04eac840869d.png`,label:this.$t(`midjourney.styleTag.michalLisowski`),value:`Michal Lisowski`,advanced:!0},{image:`https://cdn.acedata.cloud/3292404b-e654-4c06-bcd6-5e47a2adf329.png`,label:this.$t(`midjourney.styleTag.paulLehr`),value:`Paul Lehr`,advanced:!0},{image:`https://cdn.acedata.cloud/079c6053-23ad-4dc9-8166-64c5fe2f1e1a.png`,label:this.$t(`midjourney.styleTag.rossTran`),value:`Ross Tran`,advanced:!0},{image:`https://cdn.acedata.cloud/0f267ba1-c031-4008-9ead-630a4bec886a.png`,label:this.$t(`midjourney.styleTag.antonPieck`),value:`Anton Pieck`,advanced:!0},{image:`https://cdn.acedata.cloud/574dd25f-2116-4718-aed6-7d9be3636e22.png`,label:this.$t(`midjourney.styleTag.carlBarks`),value:`Carl Barks`,advanced:!0},{image:`https://cdn.acedata.cloud/38dcdfb5-0003-46f4-8c9d-5857c95f9e59.png`,label:this.$t(`midjourney.styleTag.alphonseMucha`),value:`Alphonse Mucha`,advanced:!0},{image:`https://cdn.acedata.cloud/65f2af96-e875-41f8-9797-3d34dbdf0ea4.png`,label:this.$t(`midjourney.styleTag.andyWarhol`),value:`Andy Warhol`,advanced:!0},{image:`https://cdn.acedata.cloud/801224a0-da77-4095-8799-d288d1ec3c3d.png`,label:this.$t(`midjourney.styleTag.banksy`),value:`Banksy`,advanced:!0},{image:`https://cdn.acedata.cloud/925c6c86-9b69-45ce-a10d-a2c64d4e0db2.png`,label:this.$t(`midjourney.styleTag.franciscoDeGoya`),value:`Francisco De Goya`,advanced:!0},{image:`https://cdn.acedata.cloud/fbb81b10-c579-4dcc-a76a-c099dc0b6c20.png`,label:this.$t(`midjourney.styleTag.caravaggio`),value:`Caravaggio`,advanced:!0},{image:`https://cdn.acedata.cloud/116efedd-42ea-404e-959e-607a9766001a.png`,label:this.$t(`midjourney.styleTag.diegoRivera`),value:`Diego Rivera`,advanced:!0},{image:`https://cdn.acedata.cloud/6f2c1d37-f8ae-4d72-8db1-d9fb04df7114.png`,label:this.$t(`midjourney.styleTag.davidHockney`),value:`David Hockney`,advanced:!0},{image:`https://cdn.acedata.cloud/b74b6b97-f6d7-4a34-840c-a81c69b9d941.png`,label:this.$t(`midjourney.styleTag.marcChagall`),value:`Marc Chagall`},{image:`https://cdn.acedata.cloud/f18ac9a3-a986-4670-813b-6fb81060ed48.png`,label:this.$t(`midjourney.styleTag.edgarDegas`),value:`Edgar Degas`,advanced:!0},{image:`https://cdn.acedata.cloud/275b32e5-9995-46cc-babc-43a0d1aa5d19.png`,label:this.$t(`midjourney.styleTag.eugeneDelacroix`),value:`Eugene Delacroix`,advanced:!0},{image:`https://cdn.acedata.cloud/500edde5-973c-4ba4-aae1-1a3d53a9b27f.png`,label:this.$t(`midjourney.styleTag.francisBacon`),value:`Francis Bacon`,advanced:!0},{image:`https://cdn.acedata.cloud/f7b5cc34-a796-4f45-823c-07122ec46ef6.png`,label:this.$t(`midjourney.styleTag.fridaKahlo`),value:`Frida Kahlo`,advanced:!0},{image:`https://cdn.acedata.cloud/7e41ead3-f54f-4d5f-8353-b2770d75c41b.png`,label:this.$t(`midjourney.styleTag.garaldBrom`),value:`Garald Brom`,advanced:!0},{image:`https://cdn.acedata.cloud/4a46247a-cd9b-48fd-b247-8268d9a891bf.png`,label:this.$t(`midjourney.styleTag.gustavKlimt`),value:`Gustav Klimt`,advanced:!0},{image:`https://cdn.acedata.cloud/3793eae9-61e9-4f16-9c0c-a77c194c45bc.png`,label:this.$t(`midjourney.styleTag.henriMatisse`),value:`Henri Matisse`,advanced:!0},{image:`https://cdn.acedata.cloud/dffa261d-755b-483d-88b7-058c09efd6af.png`,label:this.$t(`midjourney.styleTag.jackKirby`),value:`Jack Kirby`,advanced:!0},{image:`https://cdn.acedata.cloud/4cda1423-455b-463f-981d-b2af8ae1dd95.png`,label:this.$t(`midjourney.styleTag.jacksonPollock`),value:`Jackson Pollock`,advanced:!0},{image:`https://cdn.acedata.cloud/d318e4bc-d69f-4e7a-b6ae-49557e3cd569.png`,label:this.$t(`midjourney.styleTag.johannesVermeer`),value:`Johannes Vermeer`,advanced:!0},{image:`https://cdn.acedata.cloud/4ee7f9d2-01c0-4043-90f3-0174878a2ce7.png`,label:this.$t(`midjourney.styleTag.jeanMichelBasquiat`),value:`Jean Michel Basquiat`,advanced:!0},{image:`https://cdn.acedata.cloud/f60eb307-78b3-4f5e-bfd9-07603bc383c9.png`,label:this.$t(`midjourney.styleTag.marcelDuchamp`),value:`Marcel Duchamp`,advanced:!0}]},material:{displayName:this.$t(`midjourney.styleCategory.material`),items:[{image:`https://cdn.acedata.cloud/f2ce056d-6a89-4b40-b026-5a60cbb1efda.png`,label:this.$t(`midjourney.styleTag.aluminum`),value:`Aluminum`},{image:`https://cdn.acedata.cloud/069c6b1f-0666-4df6-bde6-a1729b33ade1.png`,label:this.$t(`midjourney.styleTag.brick`),value:`Brick`},{image:`https://cdn.acedata.cloud/39f2cbb9-be6a-4669-a7c3-b01dfbb2b563.png`,label:this.$t(`midjourney.styleTag.bronze`),value:`Bronze`},{image:`https://cdn.acedata.cloud/42b30429-2733-41a5-aa4c-e3e0cd50528a.png`,label:this.$t(`midjourney.styleTag.carbonFiber`),value:`Carbon Fiber`},{image:`https://cdn.acedata.cloud/90eeef27-6bdb-4f36-8e17-f1bb49881258.png`,label:this.$t(`midjourney.styleTag.cardboard`),value:`Cardboard`},{image:`https://cdn.acedata.cloud/470235fb-19a8-4ba8-ac9b-236abecf0985.png`,label:this.$t(`midjourney.styleTag.cellulose`),value:`Cellulose`},{image:`https://cdn.acedata.cloud/a8621e16-b046-4300-ab24-09602f734cb9.png`,label:this.$t(`midjourney.styleTag.ceramic`),value:`Ceramic`},{image:`https://cdn.acedata.cloud/af14acf6-92ff-42f8-ae14-ce4b63237bd5.png`,label:this.$t(`midjourney.styleTag.cotton`),value:`Cotton`},{image:`https://cdn.acedata.cloud/d93e6f18-3729-46cc-aa96-9662f2abae3d.png`,label:this.$t(`midjourney.styleTag.fabric`),value:`Fabric`},{image:`https://cdn.acedata.cloud/660533aa-dac7-4968-b27e-0f085b9a67a5.png`,label:this.$t(`midjourney.styleTag.fiberOptic`),value:`Fiber Optic`},{image:`https://cdn.acedata.cloud/94be6d51-5cb3-4362-8274-7d833a88bb79.png`,label:this.$t(`midjourney.styleTag.foil`),value:`Foil`},{image:`https://cdn.acedata.cloud/b89e102d-2fef-4619-8427-94c6bfbeb832.png`,label:this.$t(`midjourney.styleTag.yarn`),value:`Yarn`,advanced:!0},{image:`https://cdn.acedata.cloud/b72ef152-11a7-4c51-b6b4-dc4308995f9e.png`,label:this.$t(`midjourney.styleTag.glass`),value:`Glass`},{image:`https://cdn.acedata.cloud/bca80e91-46ba-4793-b29c-1b5c47b201d7.png`,label:this.$t(`midjourney.styleTag.gold`),value:`Gold`,advanced:!0},{image:`https://cdn.acedata.cloud/3d1e4da5-404b-4f89-8e06-988de47208bd.png`,label:this.$t(`midjourney.styleTag.gummies`),value:`Gummies`,advanced:!0},{image:`https://cdn.acedata.cloud/8afba6b0-a8a5-49c9-bfc5-ebd7b0e12443.png`,label:this.$t(`midjourney.styleTag.latex`),value:`Latex`},{image:`https://cdn.acedata.cloud/d5c39f1c-1be0-4065-80af-e1cb4e627cf2.png`,label:this.$t(`midjourney.styleTag.leather`),value:`Leather`},{image:`https://cdn.acedata.cloud/6e41e8bd-cb0b-4504-8655-a3b1b32ac11c.png`,label:this.$t(`midjourney.styleTag.magma`),value:`Magma`},{image:`https://cdn.acedata.cloud/f816fffa-4a7f-4d60-afcb-e19b0c36d176.png`,label:this.$t(`midjourney.styleTag.metallic`),value:`Metallic`},{image:`https://cdn.acedata.cloud/74c9fe01-37e6-4d05-831a-5778eb34c521.png`,label:this.$t(`midjourney.styleTag.nickel`),value:`Nickel`,advanced:!0},{image:`https://cdn.acedata.cloud/85186eac-1806-4739-9289-8d76aac359b3.png`,label:this.$t(`midjourney.styleTag.nylon`),value:`Nylon`},{image:`https://cdn.acedata.cloud/355d9507-62fa-4c69-986f-def2f2f930c5.png`,label:this.$t(`midjourney.styleTag.paper`),value:`Paper`},{image:`https://cdn.acedata.cloud/6c2626b2-191e-4b85-a97d-e561a2b5c79b.png`,label:this.$t(`midjourney.styleTag.plastic`),value:`Plastic`,advanced:!0},{image:`https://cdn.acedata.cloud/ff0d301d-8181-463c-a276-9b4805321afd.png`,label:this.$t(`midjourney.styleTag.quartz`),value:`Quartz`},{image:`https://cdn.acedata.cloud/7b90754d-2fa5-490e-a73b-d2887525d2e6.png`,label:this.$t(`midjourney.styleTag.wrap`),value:`Wrap`,advanced:!0},{image:`https://cdn.acedata.cloud/7411e62a-546e-4cd2-8446-73c4fb8f103b.png`,label:this.$t(`midjourney.styleTag.wooden`),value:`Wooden`},{image:`https://cdn.acedata.cloud/44e8830f-4be2-471d-a9d4-aaf4913e7451.png`,label:this.$t(`midjourney.styleTag.slime`),value:`Slime`,advanced:!0},{image:`https://cdn.acedata.cloud/16b10e75-a7e7-4b87-804a-2bfc9c18096f.png`,label:this.$t(`midjourney.styleTag.engraving`),value:`Engraving`},{image:`https://cdn.acedata.cloud/b66ec7e2-fd82-4edd-a523-34b87872f544.png`,label:this.$t(`midjourney.styleTag.ivory`),value:`Ivory`},{image:`https://cdn.acedata.cloud/098b954d-1197-414e-b4bd-68e3928b9eb3.png`,label:this.$t(`midjourney.styleTag.basalt`),value:`Basalt`,advanced:!0},{image:`https://cdn.acedata.cloud/b948dd7d-939b-48b5-b37c-09e0ebd6ede6.png`,label:this.$t(`midjourney.styleTag.pine`),value:`Pine`,advanced:!0},{image:`https://cdn.acedata.cloud/4c56fc7d-94c8-4055-9d6e-3bc6662c92d7.png`,label:this.$t(`midjourney.styleTag.diamond`),value:`Diamond`},{image:`https://cdn.acedata.cloud/70de6b75-bb29-4b2a-ae8a-016db33c8184.png`,label:this.$t(`midjourney.styleTag.amethyst`),value:`Amethyst`,advanced:!0},{image:`https://cdn.acedata.cloud/8d2b60e1-c98c-4de2-8a67-4b10c0d2482a.png`,label:this.$t(`midjourney.styleTag.ruby`),value:`Ruby`,advanced:!0},{image:`https://cdn.acedata.cloud/c0f01b99-32a6-4c34-a2d8-448fab08f126.png`,label:this.$t(`midjourney.styleTag.highPolished`),value:`High polished`,advanced:!0},{image:`https://cdn.acedata.cloud/5091142a-3959-40f3-9ea5-f41a29584735.png`,label:this.$t(`midjourney.styleTag.brushed`),value:`Brushed`,advanced:!0},{image:`https://cdn.acedata.cloud/3f84ddc5-5afe-41d1-85cc-2ded7a44d859.png`,label:this.$t(`midjourney.styleTag.matte`),value:`Matte`,advanced:!0},{image:`https://cdn.acedata.cloud/655f5114-b3dd-4b9a-a3cb-94a1a814fb11.png`,label:this.$t(`midjourney.styleTag.satin`),value:`Satin`,advanced:!0},{image:`https://cdn.acedata.cloud/6ec4178e-86e6-4026-aa86-e14eb4e92097.png`,label:this.$t(`midjourney.styleTag.sandblasted`),value:`Sandblasted`,advanced:!0},{image:`https://cdn.acedata.cloud/1c9a4277-5550-4cd4-852a-c785d8505a0f.png`,label:this.$t(`midjourney.styleTag.ebony`),value:`Ebony`,advanced:!0}]},camera:{displayName:this.$t(`midjourney.styleCategory.camera`),items:[{image:`https://cdn.acedata.cloud/9bcf851a-7b94-4554-864b-edcbe0f67017.png`,label:this.$t(`midjourney.styleTag.bokeh`),value:`Bokeh`},{image:`https://cdn.acedata.cloud/f4599568-5889-4da9-8852-8b5361c54412.png`,label:this.$t(`midjourney.styleTag.aerialView`),value:`Aerial view`},{image:`https://cdn.acedata.cloud/bea180e2-9078-42bd-9392-b0ee2b372430.png`,label:this.$t(`midjourney.styleTag.shotByDslr`),value:`Shot by DSLR`,advanced:!0},{image:`https://cdn.acedata.cloud/42444cbd-5442-4093-8911-645272c08863.png`,label:this.$t(`midjourney.styleTag.360Panorama`),value:`360Panorama`},{image:`https://cdn.acedata.cloud/99875464-0be7-44da-adf5-958d2c73eb31.png`,label:this.$t(`midjourney.styleTag.panorama`),value:`Panorama`},{image:`https://cdn.acedata.cloud/e3c3a204-9210-44da-b6fc-5f9a1fea52e0.png`,label:this.$t(`midjourney.styleTag.telephotoLens`),value:`Telephoto Lens`},{image:`https://cdn.acedata.cloud/7bd1f91d-cd6d-48d1-9f07-68382a54a552.png`,label:this.$t(`midjourney.styleTag.macroShot`),value:`Macro shot`},{image:`https://cdn.acedata.cloud/09aca457-2d96-4f60-b5ec-9fedf7a3fcb9.png`,label:this.$t(`midjourney.styleTag.microscopy`),value:`Microscopy`},{image:`https://cdn.acedata.cloud/fb39b4ab-d728-456b-8905-b4c0302f4094.png`,label:this.$t(`midjourney.styleTag.magnification`),value:`Magnification`},{image:`https://cdn.acedata.cloud/b9956b79-70b1-44af-bca3-5eddd412615a.png`,label:this.$t(`midjourney.styleTag.closeUp`),value:`Close up`},{image:`https://cdn.acedata.cloud/2c6b2c92-f790-44e1-bc65-b3182aa484bd.png`,label:this.$t(`midjourney.styleTag.fullBody`),value:`Full body`},{image:`https://cdn.acedata.cloud/05c7f5a8-4a79-4a1c-a4a9-792862ad118c.png`,label:this.$t(`midjourney.styleTag.portrait`),value:`Portrait`},{image:`https://cdn.acedata.cloud/aeb48a08-f0b6-47db-8c5d-ae6f0f92b93d.png`,label:this.$t(`midjourney.styleTag.profile`),value:`Profile`},{image:`https://cdn.acedata.cloud/dd655235-8f80-43b2-823f-bdb44864bee1.png`,label:this.$t(`midjourney.styleTag.pinholeLens`),value:`Pinhole Lens`,advanced:!0},{image:`https://cdn.acedata.cloud/7ad3f221-96f6-4014-953e-853c429d5d57.png`,label:this.$t(`midjourney.styleTag.wideView`),value:`Wide view`},{image:`https://cdn.acedata.cloud/698fbcc7-5ad1-40cb-a926-95189dc9e59b.png`,label:this.$t(`midjourney.styleTag.telescopeLens`),value:`Telescope Lens`,advanced:!0},{image:`https://cdn.acedata.cloud/2e41309b-f006-483f-9843-e15f4ced6be7.png`,label:this.$t(`midjourney.styleTag.satelliteImagery`),value:`Satellite Imagery`},{image:`https://cdn.acedata.cloud/79ad137d-3015-4335-a4e3-2ed29f9b850b.png`,label:this.$t(`midjourney.styleTag.headshot`),value:`Headshot`},{image:`https://cdn.acedata.cloud/d06164a9-ba01-457f-b8cc-f0b38a87b4d5.png`,label:this.$t(`midjourney.styleTag.extremeCloseup`),value:`Extreme closeup`,advanced:!0},{image:`https://cdn.acedata.cloud/b8e10ef3-b37c-45f0-b930-be729c8d17a1.png`,label:this.$t(`midjourney.styleTag.ultrawideShot`),value:`Ultrawide shot`},{image:`https://cdn.acedata.cloud/21eaa8a4-a8f1-448d-9f00-ff8fb0213046.png`,label:this.$t(`midjourney.styleTag.birdView`),value:`Bird view`,advanced:!0},{image:`https://cdn.acedata.cloud/43fadf68-dad1-45d2-bc22-54b1b2792a00.png`,label:this.$t(`midjourney.styleTag.topView`),value:`Top view`,advanced:!0},{image:`https://cdn.acedata.cloud/f8953e9e-6daf-4a70-a691-6f89e91f0b97.png`,label:this.$t(`midjourney.styleTag.frontView`),value:`Front view`,advanced:!0},{image:`https://cdn.acedata.cloud/f2228145-dc8f-4e06-be21-5d18bf50f7cf.png`,label:this.$t(`midjourney.styleTag.sideView`),value:`Side view`,advanced:!0},{image:`https://cdn.acedata.cloud/b218d1cc-60a7-4f62-a719-b852cd6ebf03.png`,label:this.$t(`midjourney.styleTag.backView`),value:`Back view`,advanced:!0},{image:`https://cdn.acedata.cloud/186522ef-7b09-40d8-a712-43dde1266bbf.png`,label:this.$t(`midjourney.styleTag.faceShot`),value:`Face shot`},{image:`https://cdn.acedata.cloud/6a0c1136-2817-42bb-b1e3-c65a130e70cf.png`,label:this.$t(`midjourney.styleTag.chestShot`),value:`Chest shot`},{image:`https://cdn.acedata.cloud/8ac3bf91-2066-420d-8da1-5d6214ad2668.png`,label:this.$t(`midjourney.styleTag.waistShot`),value:`Waist shot`},{image:`https://cdn.acedata.cloud/2558b92f-cb3b-410e-85cd-791eb7d29c60.png`,label:this.$t(`midjourney.styleTag.extraLongShot`),value:`Extra long shot`},{image:`https://cdn.acedata.cloud/0f5c9250-55a4-4eed-8ddf-af18cb52e243.png`,label:this.$t(`midjourney.styleTag.lookUp`),value:`look up`},{image:`https://cdn.acedata.cloud/5e0df52d-e986-4851-b6ae-dc0be744713d.png`,label:this.$t(`midjourney.styleTag.isometricview`),value:`isometricview`,advanced:!0},{image:`https://cdn.acedata.cloud/0d6491dd-1f64-423c-b63b-0f2e96a258e5.png`,label:this.$t(`midjourney.styleTag.highAngleView`),value:`High angle view`,advanced:!0},{image:`https://cdn.acedata.cloud/5b68beee-c079-4a8e-84c5-cb3cc0f6c77b.png`,label:this.$t(`midjourney.styleTag.lowAngleView`),value:`Low angle view`,advanced:!0}]},emotion:{displayName:this.$t(`midjourney.styleCategory.emotion`),items:[{image:`https://cdn.acedata.cloud/033c9cd1-f5cc-448f-8d0a-e6559bbd57e3.png`,label:this.$t(`midjourney.styleTag.happy`),value:`Happy`},{image:`https://cdn.acedata.cloud/d07fbadd-78e4-4a98-bcf8-45b4805c9239.png`,label:this.$t(`midjourney.styleTag.excited`),value:`Excited`},{image:`https://cdn.acedata.cloud/aa94049d-e8fc-4e0e-97b1-afa174d99b88.png`,label:this.$t(`midjourney.styleTag.angry`),value:`Angry`},{image:`https://cdn.acedata.cloud/ede7f1d3-5ce2-4b8f-9cb9-c4bd47b80cae.png`,label:this.$t(`midjourney.styleTag.ped`),value:`ped`},{image:`https://cdn.acedata.cloud/88f9e6ba-2961-497e-ae00-9af36fa2c2d4.png`,label:this.$t(`midjourney.styleTag.disgusted`),value:`Disgusted`},{image:`https://cdn.acedata.cloud/fe91b67b-2430-424a-bf72-1a299e61f049.png`,label:this.$t(`midjourney.styleTag.supnned`),value:`supnned`},{image:`https://cdn.acedata.cloud/24dcfb80-d987-48b0-9595-82276b2a1f94.png`,label:this.$t(`midjourney.styleTag.hopeful`),value:`Hopeful`},{image:`https://cdn.acedata.cloud/f2628539-bdf5-471d-9ceb-f0731c46b593.png`,label:this.$t(`midjourney.styleTag.anxious`),value:`Anxious`},{image:`https://cdn.acedata.cloud/f280d69a-eb1b-4259-b56d-66510f38ec82.png`,label:this.$t(`midjourney.styleTag.elated`),value:`Elated`},{image:`https://cdn.acedata.cloud/94b78236-ba14-4aab-8985-3921b2146fc9.png`,label:this.$t(`midjourney.styleTag.fearful`),value:`Fearful`},{image:`https://cdn.acedata.cloud/68576d87-224f-463f-85c9-5fbeb386a035.png`,label:this.$t(`midjourney.styleTag.hateful`),value:`Hateful`},{image:`https://cdn.acedata.cloud/e0413400-096f-4072-8faf-5ef82f8cc265.png`,label:this.$t(`midjourney.styleTag.apoow`),value:`Apoow`,advanced:!0},{image:`https://cdn.acedata.cloud/c0f4b0f4-1399-468f-873a-a04f4b7929f8.png`,label:this.$t(`midjourney.styleTag.dark`),value:`Dark`,advanced:!0},{image:`https://cdn.acedata.cloud/297d5f3f-ebc9-4c9f-b656-07359b313871.png`,label:this.$t(`midjourney.styleTag.brutal`),value:`Brutal`,advanced:!0}]},chinese:{displayName:this.$t(`midjourney.styleCategory.chinese`),items:[{image:`https://cdn.acedata.cloud/b29020e5-532d-4b30-94b0-cf5405242fc6.png`,label:this.$t(`midjourney.styleTag.hanfu`),value:`Hanfu`},{image:`https://cdn.acedata.cloud/e00eb48c-8240-4468-ac15-1a9d3349b636.png`,label:this.$t(`midjourney.styleTag.cheongsam`),value:`Cheongsam`},{image:`https://cdn.acedata.cloud/87d89bc5-cb61-4780-8894-c1564bdebd66.png`,label:this.$t(`midjourney.styleTag.chineseCostume`),value:`Chinese costume`},{image:`https://cdn.acedata.cloud/811453d2-2715-44fe-8609-b0d184486b19.png`,label:this.$t(`midjourney.styleTag.chineseDress`),value:`Chinese dress`},{image:`https://cdn.acedata.cloud/2463a720-b803-4d0d-9cac-6a7d5b61001d.png`,label:this.$t(`midjourney.styleTag.wuxia`),value:`Wuxia`},{image:`https://cdn.acedata.cloud/2fbee5a1-8a5c-4bfb-a52c-895ff3f53c3c.png`,label:this.$t(`midjourney.styleTag.chinesePhoenix`),value:`Chinese phoenix`},{image:`https://cdn.acedata.cloud/53fd3a51-7739-493f-aff0-daaea74b942c.png`,label:this.$t(`midjourney.styleTag.kungfu`),value:`Kungfu`},{image:`https://cdn.acedata.cloud/bc4c6bb0-82a5-4bbb-b4e3-96a14c52aed3.png`,label:this.$t(`midjourney.styleTag.kunquOpera`),value:`Kunqu opera`,advanced:!0},{image:`https://cdn.acedata.cloud/291ca1c1-069e-4067-8b9d-1c5c11c2ff14.png`,label:this.$t(`midjourney.styleTag.cloisonne`),value:`Cloisonne`,advanced:!0},{image:`https://cdn.acedata.cloud/17e87115-06ec-4f7b-9b8e-daf782cd4d59.png`,label:this.$t(`midjourney.styleTag.porcelain`),value:`Porcelain`},{image:`https://cdn.acedata.cloud/c9cc4712-24b9-4ff8-926b-02bd626df9a9.png`,label:this.$t(`midjourney.styleTag.embroidered`),value:`Embroidered`},{image:`https://cdn.acedata.cloud/7da286ae-d1e6-4a21-8ba5-10ff7bf9d379.png`,label:this.$t(`midjourney.styleTag.jade`),value:`Jade`},{image:`https://cdn.acedata.cloud/11a2d9f8-3c29-4b0b-ae10-525928f71bce.png`,label:this.$t(`midjourney.styleTag.chinesePavilion`),value:`Chinese pavilion`,advanced:!0},{image:`https://cdn.acedata.cloud/639b5e99-8210-4525-b63f-8b89019d07f3.png`,label:this.$t(`midjourney.styleTag.plumFlower`),value:`Plum flower`},{image:`https://cdn.acedata.cloud/cc87764c-2754-4cb7-8bc3-1070b31ec62b.png`,label:this.$t(`midjourney.styleTag.forbiddenCity`),value:`Forbidden city`,advanced:!0},{image:`https://cdn.acedata.cloud/26d2f2aa-ca26-4c0e-a8c7-86a81aafc475.png`,label:this.$t(`midjourney.styleTag.peony`),value:`Peony`,advanced:!0}]},special:{displayName:this.$t(`midjourney.styleCategory.special`),items:[{image:`https://cdn.acedata.cloud/0ca0fd15-cc8d-420e-acf5-6c489e03c7ff.png`,label:this.$t(`midjourney.styleTag.unrealEngine`),value:`Unreal engine`},{image:`https://cdn.acedata.cloud/ead8ba11-6634-409e-8fea-7b31ca3974bc.png`,label:this.$t(`midjourney.styleTag.octaneRender`),value:`Octane render`},{image:`https://cdn.acedata.cloud/209f1bd9-5d44-4699-97ad-fdde73304efb.png`,label:this.$t(`midjourney.styleTag.maxonCinema4D`),value:`Maxon cinema 4D`},{image:`https://cdn.acedata.cloud/93c31b69-7af4-4d1f-99d6-114a34133613.png`,label:this.$t(`midjourney.styleTag.quixelMegascansRender`),value:`Quixel megascans render`},{image:`https://cdn.acedata.cloud/9883f161-5069-414b-9d23-bd63806c5205.png`,label:this.$t(`midjourney.styleTag.coronaRender`),value:`Corona render`},{image:`https://cdn.acedata.cloud/9c28e4af-28b2-4b97-abd4-e4f42d014f3a.png`,label:this.$t(`midjourney.styleTag.vRay`),value:`V-ray`},{image:`https://cdn.acedata.cloud/01d71ceb-7d17-4318-9914-a6a5fe0abc11.png`,label:this.$t(`midjourney.styleTag.architecturalVisualisation`),value:`Architectural visualisation`},{image:`https://cdn.acedata.cloud/e7f2cd21-2efc-4e18-b38d-3c2cbd95c5ec.png`,label:this.$t(`midjourney.styleTag.dramaticContrast`),value:`Dramatic contrast`},{image:`https://cdn.acedata.cloud/8f113377-ba6e-4fb0-bd56-df8635ab6345.png`,label:this.$t(`midjourney.styleTag.goldAndBlackTone`),value:`Gold and black tone`},{image:`https://cdn.acedata.cloud/6da8b72d-5a67-4c06-b915-8c0b5314d9c8.png`,label:this.$t(`midjourney.styleTag.whiteAndPinkTone`),value:`White and pink tone`},{image:`https://cdn.acedata.cloud/09abd535-8ab6-451f-8bce-29859429244b.png`,label:this.$t(`midjourney.styleTag.redAndBlackTone`),value:`Red and black tone`},{image:`https://cdn.acedata.cloud/81115846-7676-4edb-b7cf-df816c90de7f.png`,label:this.$t(`midjourney.styleTag.neonShades`),value:`Neon shades`},{image:`https://cdn.acedata.cloud/dfcc7a8a-e145-4824-b12b-bd29292daa5f.png`,label:this.$t(`midjourney.styleTag.richColor`),value:`Rich color`},{image:`https://cdn.acedata.cloud/38b05148-73c6-4db3-bddd-b972f27f4671.png`,label:this.$t(`midjourney.styleTag.monotone`),value:`Monotone`},{image:`https://cdn.acedata.cloud/6f6704da-1854-43d7-811f-3145fea96909.png`,label:this.$t(`midjourney.styleTag.theLowPurityTone`),value:`The low-purity tone`},{image:`https://cdn.acedata.cloud/3724b5ef-e7dd-4234-b2a2-f71c6b69b4ac.png`,label:this.$t(`midjourney.styleTag.theHighPurityTone`),value:`The high-purity tone`}]}}}},computed:{value:{get(){return this.$store.state.midjourney.config.elements||[]},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,elements:e})}}},methods:{onToggle(e){this.value.includes(e)?this.value=this.value.filter(t=>t!==e):(this.value.push(e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,elements:this.value}))}}}),Fn={class:`flex justify-between`},In={class:`flex justify-start items-center`},Ln={class:`text-sm font-bold`},Rn={class:`flex justify-end items-center`},zn=[`onClick`],Bn={class:`name`};function Vn(r,c,f,p,m,h){let v=g(`info-icon`),y=g(`el-button`),b=g(`el-tag`),x=g(`check`),S=g(`el-icon`),C=g(`el-image`),w=g(`el-tab-pane`),T=g(`el-tabs`),E=g(`el-dialog`);return d(),t(`div`,null,[n(`div`,Fn,[n(`div`,In,[n(`span`,Ln,u(r.$t(`midjourney.field.elements`)),1),o(v,{content:r.$t(`midjourney.description.elements`)},null,8,[`content`])]),n(`div`,Rn,[o(y,{round:``,type:`primary`,size:`small`,onClick:c[0]||=e=>r.choosing=!0},{default:_(()=>[i(u(r.$t(`midjourney.button.select`)),1)]),_:1})])]),n(`div`,null,[(d(!0),t(s,null,e(r.value,(e,t)=>(d(),a(b,{key:t,closable:``,effect:`dark`,round:``,class:`mr-1 mb-1`,onClose:t=>r.onToggle(e)},{default:_(()=>[i(u(e.label),1)]),_:2},1032,[`onClose`]))),128))]),o(E,{modelValue:r.choosing,"onUpdate:modelValue":c[2]||=e=>r.choosing=e,width:`70%`},{default:_(()=>[o(T,{modelValue:r.tab,"onUpdate:modelValue":c[1]||=e=>r.tab=e},{default:_(()=>[(d(!0),t(s,null,e(r.elements,(i,c)=>(d(),a(w,{key:c,label:i.displayName,name:c,class:`pane`},{default:_(()=>[(d(!0),t(s,null,e(i.items,(e,i)=>(d(),t(`div`,{key:i,class:l({hidden:e?.advanced,item:!0,active:r.value.includes(e)}),onClick:t=>r.onToggle(e)},[o(S,{class:`icon`},{default:_(()=>[o(x)]),_:1}),o(C,{src:e.image,fit:`fill`,class:`preview`},null,8,[`src`]),n(`span`,Bn,u(e.label),1)],10,zn))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`])])}var Hn=W(Pn,[[`render`,Vn],[`__scopeId`,`data-v-48a019ff`]]),Un=`fast`,Wn=r({name:`ModeSelector`,components:{ElButton:y,ElDropdown:F,ArrowDown:x,ElIcon:S,FontAwesomeIcon:Z,ElDropdownItem:P},data(){return{options:[{label:this.$t(`midjourney.button.fast`),value:`fast`,icon:`fa-solid fa-wind`,color:`#2dc49c`},{label:this.$t(`midjourney.button.relax`),value:`relax`,icon:`fa-solid fa-mug-saucer`,color:`#ce65e6`},{label:this.$t(`midjourney.button.turbo`),value:`turbo`,icon:`fa-solid fa-bolt`,color:`#ff9900`}]}},computed:{activeOption(){return this.options.find(e=>e.value===this.value)},value:{get(){return this.$store.state.midjourney.config.mode},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,mode:e})}}},mounted(){this.value||=Un},methods:{onCommand(e){console.log(`command`,e),this.value=e}}}),Gn={class:`ml-2`},Kn={class:`ml-1 text-sm`};function qn(r,i,l,f,p,m){let v=g(`font-awesome-icon`),y=g(`arrow-down`),b=g(`el-icon`),x=g(`el-button`),S=g(`el-dropdown-item`),C=g(`el-dropdown-menu`),w=g(`el-dropdown`);return d(),a(w,{trigger:`click`,onCommand:r.onCommand},{dropdown:_(()=>[o(C,null,{default:_(()=>[(d(!0),t(s,null,e(r.options,(e,t)=>(d(),a(S,{key:t,class:`flex items-center justify-between`,command:e.value},{default:_(()=>[e.icon?(d(),a(v,{key:0,icon:e.icon,style:c({color:e.color})},null,8,[`icon`,`style`])):h(``,!0),n(`span`,Kn,u(e.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:_(()=>[o(x,{round:``},{default:_(()=>[r.activeOption?.icon?(d(),a(v,{key:0,icon:r.activeOption.icon,style:c({color:r.activeOption?.color})},null,8,[`icon`,`style`])):h(``,!0),n(`span`,Gn,u(r.activeOption?.label),1),o(b,{class:`el-icon--right`},{default:_(()=>[o(y)]),_:1})]),_:1})]),_:1},8,[`onCommand`])}var Jn=W(Wn,[[`render`,qn],[`__scopeId`,`data-v-defbf635`]]),Yn=r({name:`PromptInput`,components:{PromptTextarea:le},computed:{prompt:{get(){return this.$store.state.midjourney?.config.prompt},set(e){this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Xn(e,t,n,r,i,o){let s=g(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`midjourney.name.prompt`),info:e.$t(`midjourney.description.prompt`),placeholder:e.$t(`midjourney.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Zn=W(Yn,[[`render`,Xn]]),Qn=r({name:`ReferenceImage`,components:{ElUpload:D,ElButton:y,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[K,Y],emits:[`change`],data(){return{fileList:[],uploadUrl:V()+`/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(`midjourney/setConfig`,{...this.$store.state.midjourney.config,references:e})}}},methods:{onExceed(){q.warning(this.$t(`midjourney.message.uploadReferencesExceed`))},onError(){q.error(this.$t(`midjourney.message.uploadReferencesError`))}}}),$n={class:`relative`},er={class:`flex justify-between`},tr={class:`flex justify-start items-center`},nr={class:`text-sm font-bold`};function rr(e,r,a,s,c,l){let f=g(`info-icon`),p=g(`image-preview`),m=g(`font-awesome-icon`),h=g(`el-button`),v=g(`el-upload`);return d(),t(`div`,$n,[n(`div`,er,[n(`div`,tr,[n(`span`,nr,u(e.$t(`midjourney.name.referenceImage`)),1),o(f,{content:e.$t(`midjourney.description.uploadReferences`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,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:_(({file:t})=>[o(p,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:_(()=>[o(h,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(m,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`midjourney.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var ir=r({name:`ConfigPanel`,components:{ElButton:y,PromptInput:Zn,ModeSelector:Jn,ModelSelector:Kt,ElementsSelector:Hn,StyleSelector:Nn,QualitySelector:Zt,RatioSelector:ke,VersionSelector:Ye,HdSelector:et,StylizeSelector:kt,AdvancedSelector:Fe,ChaosSelector:Rt,WeirdSelector:yn,ImageWeightSelector:dn,ReferenceImage:W(Qn,[[`render`,rr],[`__scopeId`,`data-v-d991c11f`]]),ImageUrlInput:st,EndImageUrlInput:mt,LoopSelector:Ue,ResolutionSelector:nn,ImageUrlInput2:xt,Consumption:ue,VideoFromInput:Tn,ElTabs:T,ElTabPane:E},emits:[`generate`],computed:{config(){return this.$store.state.midjourney.config},isV8(){return this.config?.version===`8`||this.config?.version===`8.1`},isNiji(){return!!this.config?.model?.includes(`niji`)},type:{get(){return this.$store.state.midjourney.config.type||`imagine`},set(e){console.debug(`set type`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,type:e})}},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.midjourney?.service}},mounted(){this.config.type||(this.type=z)}}),ar={class:`flex flex-col h-full`},or={class:`flex-1 overflow-y-auto p-5`},sr={class:`pt-2 px-1`},cr={class:`pt-2 px-1`},lr={class:`pt-2 px-1`},ur={class:`flex flex-col px-5 pb-5`},dr={class:`flex gap-1`};function fr(e,r,s,c,l,f){let m=g(`model-selector`),y=g(`prompt-input`),b=g(`reference-image`),x=g(`ratio-selector`),S=g(`quality-selector`),C=g(`version-selector`),w=g(`hd-selector`),T=g(`elements-selector`),E=g(`advanced-selector`),D=g(`stylize-selector`),O=g(`weird-selector`),k=g(`chaos-selector`),A=g(`image-weight-selector`),j=g(`style-selector`),M=g(`el-tab-pane`),N=g(`video-from-input`),P=g(`image-url-input`),F=g(`end-image-url-input`),I=g(`loop-selector`),L=g(`resolution-selector`),R=g(`image-url-input2`),z=g(`el-tabs`),B=g(`consumption`),V=g(`mode-selector`),H=g(`el-button`);return d(),t(`div`,ar,[n(`div`,or,[o(z,{modelValue:e.type,"onUpdate:modelValue":r[0]||=t=>e.type=t,class:`demo-tabs`,stretch:``},{default:_(()=>[o(M,{label:e.$t(`midjourney.tab.images`),name:`imagine`},{default:_(()=>[n(`div`,sr,[o(m,{class:`mb-2`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),e.isNiji?h(``,!0):(d(),a(C,{key:0,class:`mb-4`})),e.isV8&&!e.isNiji?(d(),a(w,{key:1,class:`mb-4`})):h(``,!0),o(T,{class:`mb-2`}),o(E,{class:`mb-2`}),p(n(`div`,null,[o(D,{class:`mb-2`}),o(O,{class:`mb-2`}),o(k,{class:`mb-2`}),e.isV8?h(``,!0):(d(),a(A,{key:0,class:`mb-2`})),o(j,{class:`mb-2`})],512),[[v,e.config?.advanced]])])]),_:1},8,[`label`]),o(M,{label:e.$t(`midjourney.tab.videos`),name:`videos`},{default:_(()=>[n(`div`,cr,[p(o(N,{class:`mb-4`},null,512),[[v,e.config?.action===`extend`]]),o(P,{class:`mb-2`}),o(F,{class:`mb-2`}),o(I,{class:`mb-2`}),o(L,{class:`mb-4`}),o(y,{class:`mb-4`})])]),_:1},8,[`label`]),o(M,{label:e.$t(`midjourney.tab.describe`),name:`describe`},{default:_(()=>[n(`div`,lr,[o(R,{class:`mb-2`})])]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),n(`div`,ur,[o(B,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),n(`div`,dr,[e.type===`describe`?h(``,!0):(d(),a(V,{key:0})),e.config.action===`extend`?(d(),a(H,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:r[1]||=t=>e.$emit(`generate`)},{default:_(()=>[i(u(e.$t(`midjourney.button.extend`)),1)]),_:1})):(d(),a(H,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:r[2]||=t=>e.$emit(`generate`)},{default:_(()=>[i(u(e.$t(`midjourney.button.generate`)),1)]),_:1}))])])])}var pr=W(ir,[[`render`,fr]]),mr=r({name:`TaskPreview`,components:{ElImage:k,ImageWrapper:he,ImagePreview:Q,ElButton:y,FontAwesomeIcon:Z,ElTooltip:O,ElAlert:A,ElTag:te,CopyToClipboard:oe,VideoPlayer:ge,ApiCodeButton:pe},props:{modelValue:{type:Object,required:!0},full:{type:Boolean,default:!1}},emits:[`custom`],data(){return{midjourneyImagineState:ae,actionMapping:{[X.GENERATE]:`Generate`,[X.UPSCALE1]:`U1`,[X.UPSCALE2]:`U2`,[X.UPSCALE3]:`U3`,[X.UPSCALE4]:`U4`,[X.VARIATION1]:`V1`,[X.VARIATION2]:`V2`,[X.VARIATION3]:`V3`,[X.VARIATION4]:`V4`,[X.VARIATION_STRONG]:`Vary (Strong)`,[X.VARIATION_SUBTLE]:`Vary (Subtle)`,[X.UPSCALE_CREATIVE]:`Upscale (Creative)`,[X.UPSCALE_SUBTLE]:`Upscale (Subtle)`,[X.ZOOM_OUT_2X]:`Zoom Out 2x`,[X.ZOOM_OUT_1_5X]:`Zoom Out 1.5x`,[X.UPSCALE_2X]:`Upscale 2x`,[X.UPSCALE_4X]:`Upscale 4x`,[X.REDO_UPSCALE_2X]:`Redo Upscale 2x`,[X.REDO_UPSCALE_4X]:`Redo Upscale 4x`,[X.REDO_UPSCALE_SUBTLE]:`Redo Upscale (Subtle)`,[X.REDO_UPSCALE_CREATIVE]:`Redo Upscale (Creative)`,[X.SQUARE]:`Make Square`,[X.PAN_LEFT]:`⬅️`,[X.PAN_UP]:`⬆️`,[X.PAN_DOWN]:`⬇️`,[X.PAN_RIGHT]:`➡️`,[X.REROLL]:`🔄`},descriptionMapping:{[X.GENERATE]:this.$t(`midjourney.action.generate`),[X.UPSCALE1]:this.$t(`midjourney.action.upscale1`),[X.UPSCALE2]:this.$t(`midjourney.action.upscale2`),[X.UPSCALE3]:this.$t(`midjourney.action.upscale3`),[X.UPSCALE4]:this.$t(`midjourney.action.upscale4`),[X.VARIATION1]:this.$t(`midjourney.action.variation1`),[X.VARIATION2]:this.$t(`midjourney.action.variation2`),[X.VARIATION3]:this.$t(`midjourney.action.variation3`),[X.VARIATION4]:this.$t(`midjourney.action.variation4`),[X.VARIATION_STRONG]:this.$t(`midjourney.action.variation_strong`),[X.VARIATION_SUBTLE]:this.$t(`midjourney.action.variation_subtle`),[X.ZOOM_OUT_2X]:this.$t(`midjourney.action.zoom_out_2x`),[X.ZOOM_OUT_1_5X]:this.$t(`midjourney.action.zoom_out_1_5x`),[X.UPSCALE_2X]:this.$t(`midjourney.action.upscale_2x`),[X.UPSCALE_4X]:this.$t(`midjourney.action.upscale_4x`),[X.UPSCALE_SUBTLE]:this.$t(`midjourney.action.upscale_subtle`),[X.UPSCALE_CREATIVE]:this.$t(`midjourney.action.upscale_creative`),[X.REDO_UPSCALE_2X]:this.$t(`midjourney.action.redo_upscale_2x`),[X.REDO_UPSCALE_4X]:this.$t(`midjourney.action.redo_upscale_4x`),[X.REDO_UPSCALE_SUBTLE]:this.$t(`midjourney.action.redo_upscale_subtle`),[X.REDO_UPSCALE_CREATIVE]:this.$t(`midjourney.action.redo_upscale_creative`),[X.SQUARE]:this.$t(`midjourney.action.square`),[X.PAN_LEFT]:this.$t(`midjourney.action.pan_left`),[X.PAN_UP]:this.$t(`midjourney.action.pan_up`),[X.PAN_DOWN]:this.$t(`midjourney.action.pan_down`),[X.PAN_RIGHT]:this.$t(`midjourney.action.pan_right`),[X.REROLL]:this.$t(`midjourney.action.reroll`)}}},computed:{application(){return this.$store.state.midjourney.application},config(){return this.$store.state.midjourney?.config},service(){return this.$store.state.midjourney?.service}},methods:{getActionDescriptionWithPrice(e,t){return`${this.descriptionMapping[e]} (${re({...this.config,action:e,mode:t},this.service?.cost)} ${this.$t(`service.unit.${this.service?.unit||`credits`}`)})`},onCustom(e){this.modelValue?.type===`imagine`&&this.$emit(`custom`,{action:e,image_id:this.modelValue?.response?.image_id})},onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney?.config,video_id:t.video_id,video_url:t.video_urls?.[0],action:`extend`,type:`videos`,is_videos:!0})},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),hr={key:0,class:`item`},gr={class:`left`},_r={class:`preview`},vr={class:`bot`},yr={class:`datetime`},br={class:`info`},xr={key:0,class:`prompt`},Sr={key:0},Cr={key:1},wr={key:1,class:`prompt`},Tr={key:0},Er={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Or={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kr={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ar={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},jr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Mr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nr={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Pr={key:2},Fr={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ir={key:1,class:`item`},Lr={class:`left`},Rr={class:`preview`},zr={class:`bot`},Br={class:`datetime`},Vr={class:`info`},Hr={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Ur={key:1,class:`prompt`},Wr={key:0},Gr={key:1},Kr={key:2,class:`prompt`},qr={key:0},Jr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yr={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xr={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Zr={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$r={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ei={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ti={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ni={key:0,class:`mb-4`},ri={key:1,class:l({operations:!0,"mt-2":!0,"mb-4":!0})},ii={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ai={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},oi={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},si={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ci={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},li={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ui={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},di={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},fi={key:2},pi={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mi={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hi={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gi={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_i={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},vi={key:2,class:`item`},yi={class:`left`},bi={class:`preview`},xi={class:`bot`},Si={class:`datetime`},Ci={class:`info`},wi={key:0,class:`prompt`},Ti={key:0},Ei={key:1},Di={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Oi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ki={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ai={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ji={class:`mb-2`},Mi={class:`mb-2`},Ni={key:0},Pi={class:`text-sm text-[var(--el-text-color-primary)]`},Fi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ii={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Li={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ri={key:2},zi={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Bi(r,c,m,y,b,x){let S=g(`el-image`),C=g(`font-awesome-icon`),w=g(`copy-to-clipboard`),T=g(`el-alert`),E=g(`image-wrapper`),D=g(`el-button`),O=g(`el-tooltip`),k=g(`api-code-button`),A=g(`image-preview`),j=g(`video-player`),M=g(`el-tag`);return d(),t(s,null,[r.modelValue?.type===`imagine`?(d(),t(`div`,hr,[n(`div`,gr,[o(S,{src:`https://cdn.acedata.cloud/wto43b.png`,class:`avatar`})]),n(`div`,_r,[n(`div`,vr,[i(u(r.$t(`midjourney.name.midjourneyBot`))+` `,1),n(`span`,yr,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,br,[r.modelValue?.request?.prompt?(d(),t(`p`,xr,[i(u(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?h(``,!0):(d(),t(`span`,Sr,` - (`+u(r.$t(`midjourney.status.pending`))+`) `,1)),r.modelValue?.response?.progress!==void 0&&r.modelValue?.response?.progress!==100?(d(),t(`span`,Cr,` - (`+u(r.modelValue?.response?.progress)+`%) `,1)):h(``,!0),n(`span`,null,`(`+u(r.modelValue?.request?.mode)+`)`,1)])):h(``,!0),r.modelValue?.request?.image_id?(d(),t(`p`,wr,[i(u(r.modelValue?.request?.image_id)+` - `+u(r.modelValue?.request?.action)+` `,1),r.modelValue?.response?h(``,!0):(d(),t(`span`,Tr,` - (`+u(r.$t(`midjourney.status.pending`))+`) `,1)),n(`span`,null,`(`+u(r.modelValue?.request?.mode)+`)`,1)])):h(``,!0)]),r.modelValue?.response?.success===!1?(d(),t(`div`,{key:0,class:l({content:!0,full:r.full,failed:!0})},[o(T,{closable:!1,class:`failure`},{default:_(()=>[n(`p`,Er,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),n(`p`,Dr,[o(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(w,{content:r.modelValue?.response?.error?.message},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,Or,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),n(`p`,kr,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(w,{content:r.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})],2)):h(``,!0),r.modelValue?.response?.success===!0?(d(),t(`div`,{key:1,class:l({content:!0,full:r.full})},[r.modelValue?.response?.raw_image_url?(d(),a(E,{key:0,src:r.modelValue?.response?.image_url,"raw-src":r.modelValue?.response?.raw_image_url},null,8,[`src`,`raw-src`])):h(``,!0),r.modelValue?.response?.actions?(d(),t(`div`,{key:1,class:l({operations:!0,full:r.full})},[(d(!0),t(s,null,e(r.modelValue?.response?.actions,(e,t)=>(d(),a(O,{key:t,class:`box-item`,effect:`dark`,content:r.getActionDescriptionWithPrice(e,r.modelValue?.request?.mode),placement:`top-start`},{default:_(()=>[p(o(D,{type:`info`,size:`small`,class:`btn-action`,onClick:t=>r.onCustom(e)},{default:_(()=>[i(u(r.actionMapping[e]),1)]),_:2},1032,[`onClick`]),[[v,r.actionMapping[e]]])]),_:2},1032,[`content`]))),128)),o(k,{path:`/midjourney/imagine`,body:r.modelValue?.request},null,8,[`body`])],2)):h(``,!0),o(T,{closable:!1,class:`mt-2 success`},{default:_(()=>[n(`p`,Ar,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,jr,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),n(`p`,Mr,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.traceId`))+`: `+u(r.modelValue?.trace_id)+` `,1),o(w,{content:r.modelValue?.trace_id},null,8,[`content`])]),n(`p`,Nr,[o(C,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.imageId`))+`: `+u(r.modelValue?.response?.image_id)+` `,1),o(w,{content:r.modelValue?.response?.image_id},null,8,[`content`])])]),_:1})],2)):h(``,!0),r.modelValue?.response?h(``,!0):(d(),t(`div`,Pr,[o(T,{closable:!1,class:`mt-2 info`},{default:_(()=>[n(`p`,Fr,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])])]),_:1})]))])])):h(``,!0),r.modelValue?.type===`videos`?(d(),t(`div`,Ir,[n(`div`,Lr,[o(S,{src:`https://cdn.acedata.cloud/wto43b.png`,class:`avatar`})]),n(`div`,Rr,[n(`div`,zr,[i(u(r.$t(`midjourney.name.midjourneyBot`))+` `,1),n(`span`,Br,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Vr,[r.modelValue?.request?.image_url||r.modelValue?.request?.end_image_url?(d(),t(`div`,Hr,[r.modelValue?.request?.image_url?(d(),a(A,{key:0,url:r.modelValue.request.image_url,name:r.$t(`midjourney.name.imageUrl`),closable:!1},null,8,[`url`,`name`])):h(``,!0),r.modelValue?.request?.end_image_url?(d(),a(A,{key:1,url:r.modelValue.request.end_image_url,name:r.$t(`midjourney.name.endImageUrl`),closable:!1},null,8,[`url`,`name`])):h(``,!0)])):h(``,!0),r.modelValue?.request?.prompt?(d(),t(`p`,Ur,[i(u(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?h(``,!0):(d(),t(`span`,Wr,` - (`+u(r.$t(`midjourney.status.pending`))+`) `,1)),r.modelValue?.response?.progress!==void 0&&r.modelValue?.response?.progress!==100?(d(),t(`span`,Gr,` - (`+u(r.modelValue?.response?.progress)+`%) `,1)):h(``,!0),n(`span`,null,`(`+u(r.modelValue?.request?.mode)+`)`,1)])):h(``,!0),r.modelValue?.request?.video_id?(d(),t(`p`,Kr,[i(u(r.modelValue?.request?.video_id)+` - `+u(r.modelValue?.request?.action)+` `,1),r.modelValue?.response?h(``,!0):(d(),t(`span`,qr,` - (`+u(r.$t(`midjourney.status.pending`))+`) `,1)),n(`span`,null,`(`+u(r.modelValue?.request?.mode)+`)`,1)])):h(``,!0)]),r.modelValue?.response?.success===!1?(d(),t(`div`,{key:0,class:l({content:!0,full:r.full,failed:!0})},[o(T,{closable:!1,class:`failure`},{default:_(()=>[r.modelValue?.request?.action?(d(),t(`p`,Jr,[o(C,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.action`))+`: `+u(r.modelValue?.request?.action),1)])):h(``,!0),r.modelValue?.request?.resolution?(d(),t(`p`,Yr,[o(C,{icon:`fa-solid fa-gauge-high`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.resolution`))+`: `+u(r.modelValue?.request?.resolution),1)])):h(``,!0),r.modelValue?.request?.mode?(d(),t(`p`,Xr,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.mode`))+`: `+u(r.modelValue?.request?.mode),1)])):h(``,!0),r.modelValue?.request?.loop===void 0?h(``,!0):(d(),t(`p`,Zr,[o(C,{icon:`fa-solid fa-arrows-rotate`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.loop`))+`: `+u(r.modelValue?.request?.loop?r.$t(`midjourney.field.on`):r.$t(`midjourney.field.off`)),1)])),n(`p`,Qr,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),n(`p`,$r,[o(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(w,{content:r.modelValue?.response?.error?.message},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,ei,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),n(`p`,ti,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(w,{content:r.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})],2)):h(``,!0),r.modelValue?.response?.success===!0?(d(),t(`div`,{key:1,class:l({content:!0,full:r.full})},[r.modelValue?.response.video_urls?(d(),t(`div`,ni,[o(j,{src:r.modelValue?.response.video_urls[0]},null,8,[`src`])])):h(``,!0),r.modelValue?.response&&r.modelValue?.response?.video_urls?(d(),t(`div`,ri,[o(O,{class:`box-item`,effect:`dark`,content:r.$t(`luma.message.extendVideo`),placement:`top-start`},{default:_(()=>[o(D,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=f(e=>r.onExtend(e,r.modelValue?.response),[`stop`])},{default:_(()=>[i(u(r.$t(`midjourney.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),o(O,{class:`box-item`,effect:`dark`,content:r.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:_(()=>[o(D,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=f(e=>r.onDownload(r.modelValue.response.video_urls[0]),[`stop`])},{default:_(()=>[i(u(r.$t(`midjourney.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(k,{path:`/midjourney/videos`,body:r.modelValue?.request},null,8,[`body`])])):h(``,!0),o(T,{closable:!1,class:`mt-2 success`},{default:_(()=>[r.modelValue?.request?.action?(d(),t(`p`,ii,[o(C,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.action`))+`: `+u(r.modelValue?.request?.action),1)])):h(``,!0),r.modelValue?.request?.resolution?(d(),t(`p`,ai,[o(C,{icon:`fa-solid fa-gauge-high`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.resolution`))+`: `+u(r.modelValue?.request?.resolution),1)])):h(``,!0),r.modelValue?.request?.mode?(d(),t(`p`,oi,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.mode`))+`: `+u(r.modelValue?.request?.mode),1)])):h(``,!0),r.modelValue?.request?.loop===void 0?h(``,!0):(d(),t(`p`,si,[o(C,{icon:`fa-solid fa-arrows-rotate`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.loop`))+`: `+u(r.modelValue?.request?.loop?r.$t(`midjourney.field.on`):r.$t(`midjourney.field.off`)),1)])),n(`p`,ci,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,li,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),n(`p`,ui,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.traceId`))+`: `+u(r.modelValue?.trace_id)+` `,1),o(w,{content:r.modelValue?.trace_id},null,8,[`content`])]),n(`p`,di,[o(C,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.videoId`))+`: `+u(r.modelValue?.response?.video_id)+` `,1),o(w,{content:r.modelValue?.response?.video_id},null,8,[`content`])])]),_:1})],2)):h(``,!0),r.modelValue?.response?h(``,!0):(d(),t(`div`,fi,[o(T,{closable:!1,class:`info`},{default:_(()=>[r.modelValue?.request?.action?(d(),t(`p`,pi,[o(C,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.action`))+`: `+u(r.modelValue?.request?.action),1)])):h(``,!0),r.modelValue?.request?.resolution?(d(),t(`p`,mi,[o(C,{icon:`fa-solid fa-gauge-high`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.resolution`))+`: `+u(r.modelValue?.request?.resolution),1)])):h(``,!0),r.modelValue?.request?.mode?(d(),t(`p`,hi,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.mode`))+`: `+u(r.modelValue?.request?.mode),1)])):h(``,!0),r.modelValue?.request?.loop===void 0?h(``,!0):(d(),t(`p`,gi,[o(C,{icon:`fa-solid fa-arrows-rotate`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.name.loop`))+`: `+u(r.modelValue?.request?.loop?r.$t(`midjourney.field.on`):r.$t(`midjourney.field.off`)),1)])),n(`p`,_i,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])])]),_:1})]))])])):h(``,!0),r.modelValue?.type===`describe`?(d(),t(`div`,vi,[n(`div`,yi,[o(S,{src:`https://cdn.acedata.cloud/wto43b.png`,class:`avatar`})]),n(`div`,bi,[n(`div`,xi,[i(u(r.$t(`midjourney.name.midjourneyBot`))+` `,1),n(`span`,Si,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ci,[r.modelValue?.request?.image_url?(d(),t(`p`,wi,[i(u(r.modelValue?.request?.image_url)+` `,1),r.modelValue?.response?.descriptions?h(``,!0):(d(),t(`span`,Ti,` - (`+u(r.$t(`midjourney.status.describePending`))+`) `,1)),r.modelValue?.response?.descriptions?(d(),t(`span`,Ei,` - (`+u(r.$t(`midjourney.status.describeComplete`))+`) `,1)):h(``,!0)])):h(``,!0)]),r.modelValue?.response&&!r.modelValue?.response?.descriptions?(d(),t(`div`,{key:0,class:l({content:!0,full:r.full,failed:!0})},[o(T,{closable:!1,class:`failure`},{default:_(()=>[n(`p`,Di,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),n(`p`,Oi,[o(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(w,{content:r.modelValue?.response?.error?.message},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,ki,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),n(`p`,Ai,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.traceId`))+`: `+u(r.modelValue?.trace_id)+` `,1),o(w,{content:r.modelValue?.trace_id},null,8,[`content`])])]),_:1})],2)):h(``,!0),r.modelValue?.response?.descriptions?(d(),t(`div`,{key:1,class:l({content:!0,full:r.full})},[n(`div`,ji,[n(`div`,Mi,[(d(!0),t(s,null,e(r.modelValue.response.descriptions,(e,r)=>(d(),t(`div`,{key:r,class:`flex items-start`},[e===``?h(``,!0):(d(),t(`div`,Ni,[o(M,{effect:`dark`,size:`small`,type:`primary`,round:``,class:`mr-1`},{default:_(()=>[i(u(r+1),1)]),_:2},1024),n(`span`,Pi,[i(u(e)+` `,1),o(w,{content:e},null,8,[`content`])])]))]))),128))]),r.modelValue?.request?.image_url?(d(),a(E,{key:0,src:r.modelValue?.request?.image_url,"raw-src":r.modelValue?.request?.image_url,class:`image w-full rounded-lg`},null,8,[`src`,`raw-src`])):h(``,!0)]),n(`div`,{class:l({operations:!0,"mt-2":!0,"mb-2":!0,full:r.full})},[o(k,{path:`/midjourney/describe`,body:r.modelValue?.request},null,8,[`body`])],2),o(T,{closable:!1,class:`success`},{default:_(()=>[n(`p`,Fi,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,Ii,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),n(`p`,Li,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.traceId`))+`: `+u(r.modelValue?.trace_id)+` `,1),o(w,{content:r.modelValue?.trace_id},null,8,[`content`])])]),_:1})],2)):h(``,!0),r.modelValue?.response?h(``,!0):(d(),t(`div`,Ri,[o(T,{closable:!1,class:`info`},{default:_(()=>[n(`p`,zi,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`midjourney.field.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id},null,8,[`content`])])]),_:1})]))])])):h(``,!0)],64)}var Vi=r({name:`TaskList`,components:{TaskItem:W(mr,[[`render`,Bi],[`__scopeId`,`data-v-7a51ab7d`]]),BotPlaceholder:ce,NoTasks:me,ScrollList:de},props:{loading:{type:Boolean,default:!1},floatingLoader:{type:Boolean,default:!0}},emits:[`custom`,`extend`,`reach-top`],data(){return{job:0}},computed:{tasks(){return this.$store.state.midjourney.tasks?.items},application(){return this.$store.state.midjourney.application}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Hi={key:0,class:`p-2 flex flex-col overflow-y-auto`},Ui={key:1,class:`w-full h-full flex items-center justify-center`};function Wi(n,r,i,c,l,u){let f=g(`bot-placeholder`),p=g(`no-tasks`),m=g(`task-item`),v=g(`scroll-list`);return n.tasks===void 0?(d(),t(`div`,Hi,[o(f)])):n.tasks&&n.tasks?.length===0?(d(),t(`div`,Ui,[o(p)])):n.tasks.length>0?(d(),a(v,{key:2,ref:`scrollList`,class:`p-2 py-3 h-full flex flex-col overflow-y-auto tasks`,loading:n.loading,"floating-loader":n.floatingLoader,onReachTop:r[2]||=e=>n.$emit(`reach-top`)},{default:_(()=>[(d(!0),t(s,null,e(n.tasks,e=>(d(),a(m,{key:e.id,"model-value":e,onExtend:r[0]||=e=>n.$emit(`extend`,e),onCustom:r[1]||=e=>n.$emit(`custom`,e)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`,`floating-loader`])):h(``,!0)}var Gi=r({name:`MidjourneyIndex`,components:{ConfigPanel:pr,TaskList:W(Vi,[[`render`,Wi]]),Layout:Se},mixins:[ee],inject:[`initialized`],data(){return{operating:!1,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{tasks(){return this.$store.state.midjourney.tasks},credential(){return this.$store.state.midjourney.credential},config(){return this.$store.state.midjourney.config},loading(){return this.$store.state.midjourney.status.getApplications===U.Request},tasksLoading(){return this.$store.state.midjourney.status.getTasks===U.Request||this.fetchingTasks},application(){return this.$store.state.midjourney.application},finalPrompt(){let e=``;this.config.references&&this.config.references?.length>0&&(e+=`${this.config.references.join(` `)} `),this.config.prompt&&(e+=this.config.prompt),this.config.elements&&this.config.elements.length>0&&(e+=`,`+this.config.elements.map(e=>e.value).join(`,`));let t=this.config?.model?.includes(`niji`);return this.config?.model&&!e.includes(`--${this.config.model}`)&&(e+=` --${this.config.model}`),!t&&this.config?.version&&!e.includes(`--version `)&&!e.includes(`--v `)&&(e+=` --version ${this.config.version}`),this.config?.chaos&&this.config?.advanced&&!e.includes(`--chaos `)&&(e+=` --chaos ${this.config.chaos}`),this.config?.quality&&!e.includes(`--quality `)&&!e.includes(`--q `)&&this.config?.quality!==`1`&&(e+=` --quality ${this.config.quality}`),this.config?.ratio&&!e.includes(`--aspect `)&&!e.includes(`--ar `)&&this.config?.ratio!==`1:1`&&(e+=` --aspect ${this.config.ratio}`),this.config?.stylize&&!e.includes(`--stylize `)&&!e.includes(`--s `)&&this.config?.advanced&&this.config?.stylize!==100&&(e+=` --stylize ${this.config?.stylize}`),this.config?.weird&&!e.includes(`--weird `)&&!e.includes(`--w `)&&this.config?.advanced&&this.config?.weird!==0&&(e+=` --weird ${this.config.weird}`),this.config.ignore&&!e.includes(`--no `)&&(e+=` --no ${this.config.ignore}`),this.config?.iw&&!e.includes(`--iw `)&&this.config?.advanced&&this.config?.iw!==1&&(e+=` --iw ${this.config.iw}`),this.config?.style&&this.config?.advanced&&!e.includes(`--style`)&&(e+=` --style ${this.config?.style}`),!t&&this.config?.hd&&!e.includes(`--hd`)&&(e+=` --hd`),e=e.replace(/--(fast|relax|turbo) /g,``),this.config.prompt||this.config.references&&this.config.references?.length>0?e:``}},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 fe({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.loading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`midjourney/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`midjourney/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},async onStartImagineTask(e){let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if(!e.prompt&&e.action===X.GENERATE){q.error(this.$t(`midjourney.message.promptRequired`));return}q.info(this.$t(`midjourney.message.startingTask`)),G(`midjourney`,J.imagine(e,{token:t})).then(()=>{q.success(this.$t(`midjourney.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?q.error(this.$t(`midjourney.message.usedUp`)):q.error(this.$t(`midjourney.message.startTaskFailed`)+e.response?.data?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},async onStartVideosTask(e){let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if(!e.prompt){q.error(this.$t(`midjourney.message.promptRequired`));return}if(e.action!==ie.EXTEND&&!e.image_url){q.error(this.$t(`midjourney.message.imageUrlRequired`));return}q.info(this.$t(`midjourney.message.startingTask`)),G(`midjourney`,J.videos(e,{token:t})).then(()=>{q.success(this.$t(`midjourney.message.startVideosTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?q.error(this.$t(`midjourney.message.usedUp`)):q.error(this.$t(`midjourney.message.startVideosTaskFailed`)+e.response?.data?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},async onStartDescribeTask(e){let t=this.credential?.token;if(!t){console.error(`no token specified`);return}q.info(this.$t(`midjourney.message.startingTask`)),G(`midjourney`,J.describe(e,{token:t})).then(()=>{q.success(this.$t(`midjourney.message.startDescribeTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?q.error(this.$t(`midjourney.message.usedUp`)):q.error(this.$t(`midjourney.message.startDescribeTaskFailed`)+e.response?.data?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},async onCustom(e){let t={image_id:e.image_id,action:e.action,mode:this.config?.mode||`fast`,async:!0,version:this.config?.version,hd:this.config?.hd||!1,quality:this.config?.quality||`1`};this.onStartImagineTask(t)},async onGenerate(){if(ne(this.uploadTracker,e=>this.$t(e),e=>q.warning(e))){if(console.debug(`onGenerate`,this.config),this.config?.type===`videos`){let e={video_id:this.config?.video_id,image_url:this.config?.image_url,action:this.config?.action,prompt:this.config?.prompt,end_image_url:this.config?.end_image_url,resolution:this.config?.resolution,loop:this.config?.loop,mode:this.config?.mode||`fast`,async:!0};await this.onStartVideosTask(e)}else if(this.config?.type===`imagine`){let e=this.config?.version===`8`||this.config?.version===`8.1`,t=!!(this.finalPrompt&&this.finalPrompt.includes(`--sref`)),n=!!(e&&this.config?.references&&this.config.references.length>0),r={mode:this.config?.mode||`fast`,prompt:this.finalPrompt,action:X.GENERATE,translation:this.config?.translation,async:!0,version:this.config?.version,hd:this.config?.hd||!1,quality:this.config?.quality||`1`,style_reference:t,moodboard:n};await this.onStartImagineTask(r)}else if(this.config?.type===`describe`){if(!this.config?.image_url){q.error(this.$t(`midjourney.message.imageUrlRequired`));return}let e={image_url:this.config?.image_url,async:!0};await this.onStartDescribeTask(e)}}},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.loading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`midjourney/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},getTasksScrollElement(){return this.$refs.taskList?.getScrollElement?.()}}});function Ki(e,t,n,r,i,s){let c=g(`config-panel`),l=g(`task-list`),u=g(`layout`);return d(),a(u,null,{config:_(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),results:_(()=>[o(l,{ref:`taskList`,loading:e.loadingMore,onCustom:e.onCustom,onReachTop:e.onReachTop},null,8,[`loading`,`onCustom`,`onReachTop`])]),_:1})}var qi=W(Gi,[[`render`,Ki]]);export{qi as default};

package/dist/assets/{Index-BAghZ3FV.js → Index-DiqJPV7i.js}

@@ -1 +1 @@
-import{A as e,F as t,Z as n}from"./vendor-chart-BJCvKk8-.js";import{E as r}from"./index-BpdDoNYI.js";var i=t({name:`SettingsIndex`,mounted(){let e=this.$route.query.tab||``;window.dispatchEvent(new CustomEvent(`open-user-settings`,{detail:{tab:e}}))}}),a={class:`settings-page`};function o(t,r,i,o,s,c){return n(),e(`div`,a)}var s=r(i,[[`render`,o]]);export{s as default};
+import{A as e,F as t,Z as n}from"./vendor-chart-BJCvKk8-.js";import{E as r}from"./index-GCcBd82e.js";var i=t({name:`SettingsIndex`,mounted(){let e=this.$route.query.tab||``;window.dispatchEvent(new CustomEvent(`open-user-settings`,{detail:{tab:e}}))}}),a={class:`settings-page`};function o(t,r,i,o,s,c){return n(),e(`div`,a)}var s=r(i,[[`render`,o]]);export{s as default};