@acedatacloud/nexior 3.329.11 → 3.329.13

package/dist/assets/{Index-BpS54m-Q.js → Index-BB5R1Se3.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-DBWuXcpS.js";import{t as x}from"./upload-1mnQd7_g.js";import{t as S}from"./tooltip-DzuiDugy.js";import{t as C}from"./image-DPdsJShH.js";import{t as w}from"./alert-DuYRH84s.js";import{t as T}from"./drawer-CVXck3YU.js";import{At as ee,Bt as E,Ft as D,Ht as O,It as k,Lt as A,Mt as j,Nt as M,Pt as N,Rt as te,Ut as P,jt as ne,kt as re,zt as F}from"./constants-B8uUjFZV.js";import{G as I,Mi as L,Mr as R,Ui as z,_n as B,an as V,cn as H,in as U,on as W,rn as G,vi as K,xi as q,zn as J}from"./index-CUcxfoFQ.js";import{t as Y}from"./index.es-D-PWel10.js";import{t as X}from"./CopyToClipboard-4xQr857S.js";import{t as Z}from"./ImagePreview-DLb0QODP.js";import{n as ie}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ae}from"./Consumption-Bj37hM4d.js";import{a as Q,n as oe,r as se,t as ce}from"./pagination-DRyq9A8R.js";import{t as le}from"./VideoPlayer-U4h5oP99.js";import{t as ue}from"./ApiCodeButton-CG1Jm4Bw.js";import{t as de}from"./BotPlaceholder-BMVLk4eG.js";import{t as fe}from"./PromptTextarea-B3aLjMPY.js";var pe=v({name:`LayoutGrokVideo`,components:{ElDrawer:T,ElButton:z,FontAwesomeIcon:Y},mixins:[ie]}),me={class:`main flex flex-row flex-1`},he={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ge={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function _e(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,me,[e(`div`,he,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,ge,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ve=I(pe,[[`render`,_e],[`__scopeId`,`data-v-76ddc288`]]),ye=v({name:`GrokVideoPromptInput`,components:{PromptTextarea:fe},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 be(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{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 xe=I(ye,[[`render`,be]]),Se=v({name:`GrokVideoModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},data(){return{options:[{value:D,label:this.$t(`grokvideo.model.default`)},{value:N,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||=re}}),Ce={class:`field`},we={class:`label`},Te={class:`box`},Ee={class:`title font-bold`};function De(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Ce,[e(`div`,we,[e(`div`,Te,[e(`h2`,Ee,i(t.$t(`grokvideo.name.model`)),1),a(m,{content:t.$t(`grokvideo.description.model`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`grokvideo.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=I(Se,[[`render`,De],[`__scopeId`,`data-v-291d93fb`]]),ke=v({name:`GrokVideoDurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},computed:{model(){return this.$store.state.grokvideo?.config?.model},maxDuration(){return O(this.model)},options(){return j.filter(e=>e<=this.maxDuration).map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.grokvideo?.config?.duration},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,duration:e})}}},watch:{maxDuration(e){this.value&&this.value>e&&(this.value=e)}},mounted(){this.value||=8}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Ae,[e(`div`,je,[e(`div`,Me,[e(`h2`,Ne,i(t.$t(`grokvideo.name.duration`)),1),a(m,{content:t.$t(`grokvideo.description.duration`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`grokvideo.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=I(ke,[[`render`,Pe],[`__scopeId`,`data-v-9c711686`]]),Ie=v({name:`GrokVideoResolutionSelector`,components:{InfoIcon:Q},data(){return{options:[{value:F,label:`480p`},{value:E,label:`720p`},{value:te,label:`1080p`}]}},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||=ne}}),Le={class:`resolution`},Re={class:`header`},ze={class:`title font-bold`},Be={class:`items`},Ve=[`onClick`];function He(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,Le,[e(`div`,Re,[e(`h2`,ze,i(t.$t(`grokvideo.name.resolution`)),1),a(p,{content:t.$t(`grokvideo.description.resolution`),class:`info`},null,8,[`content`])]),e(`div`,Be,[(g(!0),s(c,null,h(t.options,e=>(g(),s(`div`,{key:e.value,class:n([`item`,{active:t.value===e.value}]),onClick:n=>t.value=e.value},i(e.label),11,Ve))),128))])])}var Ue=I(Ie,[[`render`,He],[`__scopeId`,`data-v-54f22a22`]]),We=v({name:`GrokVideoRatioSelector`,components:{InfoIcon:Q},computed:{options(){return[{value:k,label:`16:9`,w:32,h:18},{value:A,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||=ee}}),Ge={class:`ratio`},Ke={class:`header`},qe={class:`title font-bold`},Je={class:`items`},Ye=[`onClick`],Xe={class:`preview`},Ze={class:`name`};function Qe(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,Ge,[e(`div`,Ke,[e(`h2`,qe,i(t.$t(`grokvideo.name.ratio`)),1),a(p,{content:t.$t(`grokvideo.description.ratio`),class:`info`},null,8,[`content`])]),e(`div`,Je,[(g(!0),s(c,null,h(t.options,r=>(g(),s(`div`,{key:r.value,class:n([`item`,{active:t.value===r.value}]),onClick:e=>t.value=r.value},[e(`div`,Xe,[e(`div`,{class:`rect`,style:m({width:r.w+`px`,height:r.h+`px`})},null,4)]),e(`div`,Ze,i(r.label),1)],10,Ye))),128))])])}var $e=I(We,[[`render`,Qe],[`__scopeId`,`data-v-70115284`]]),et=v({name:`GrokVideoImageInput`,components:{ElUpload:x,ElButton:z,InfoIcon:Q,FontAwesomeIcon:Y,ImagePreview:Z},mixins:[W,U],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},required(){return P(this.$store.state.grokvideo?.config?.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){L.warning(this.$t(`grokvideo.message.uploadExceed`))},onError(){L.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()}}}),tt={class:`relative`},nt={class:`flex justify-between`},rt={class:`flex justify-start items-center`},it={class:`text-sm font-bold`},at={key:0,class:`required-badge`};function ot(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,tt,[e(`div`,nt,[e(`div`,rt,[e(`span`,it,i(t.$t(`grokvideo.name.image`)),1),t.required?(g(),s(`span`,at,i(t.$t(`grokvideo.name.required`)),1)):o(``,!0),a(h,{content:t.$t(`grokvideo.description.image`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-remove":t.onRemove,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])}var st=I(et,[[`render`,ot],[`__scopeId`,`data-v-164e5a1d`]]),ct=4,lt=v({name:`GrokVideoReferenceImagesInput`,components:{ElUpload:x,ElButton:z,InfoIcon:Q,ImagePreview:Z,FontAwesomeIcon:Y},mixins:[W,U],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`,limit:ct,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)||[]},value(){return this.$store.state.grokvideo?.config?.reference_image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetReferenceImages()},onExceed(){L.warning(this.$t(`grokvideo.message.uploadReferenceExceed`))},onError(){L.error(this.$t(`grokvideo.message.uploadError`))},onSetReferenceImages(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,reference_image_urls:e.length?e:void 0}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetReferenceImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetReferenceImages()}}}),ut={class:`field flex items-center justify-between`},dt={class:`title font-bold text-[14px] mb-[10px]`},ft={class:`upload-wrapper flex flex-col items-start gap-[8px]`},pt={class:`controls flex items-center`},mt={class:`file-list flex flex-wrap gap-[10px]`};function ht(t,n,o,u,d,m){let _=l(`font-awesome-icon`),v=l(`el-button`),y=l(`el-upload`),b=l(`info-icon`),x=l(`image-preview`);return g(),s(c,null,[e(`div`,ut,[e(`h2`,dt,i(t.$t(`grokvideo.name.referenceImages`)),1),e(`div`,ft,[e(`div`,pt,[a(y,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:t.limit,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:t.$t(`grokvideo.description.referenceImages`),class:`ml-2`},null,8,[`content`])])])]),e(`div`,mt,[(g(!0),s(c,null,h(t.fileList,(e,n)=>(g(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var gt=v({name:`GrokVideoConfigPanel`,components:{ElButton:z,FontAwesomeIcon:Y,PromptInput:xe,ModelSelector:Oe,DurationSelector:Fe,ResolutionSelector:Ue,RatioSelector:$e,ImageInput:st,ReferenceImagesInput:I(lt,[[`render`,ht]]),Consumption:ae},emits:[`generate`],computed:{config(){return this.$store.state.grokvideo?.config},supportsReferenceImages(){return!P(this.$store.state.grokvideo?.config?.model)},consumption(){return H(this.config,this.service?.cost)},service(){return this.$store.state.grokvideo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),_t={class:`flex flex-col h-full`},vt={class:`flex-1 overflow-y-auto p-5`},yt={class:`flex flex-col items-center justify-center px-5 pb-5`};function bt(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`ratio-selector`),y=l(`resolution-selector`),b=l(`duration-selector`),x=l(`image-input`),S=l(`reference-images-input`),C=l(`consumption`),w=l(`font-awesome-icon`),T=l(`el-button`);return g(),s(`div`,_t,[e(`div`,vt,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-2`}),t.supportsReferenceImages?(g(),f(S,{key:0,class:`mb-2`})):o(``,!0)]),e(`div`,yt,[a(C,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(T,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`grokvideo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var xt=I(gt,[[`render`,bt]]),St=v({name:`GrokVideoTaskPreview`,components:{ElImage:C,CopyToClipboard:X,FontAwesomeIcon:Y,ElAlert:w,VideoPlayer:le,ElTooltip:S,ElButton:z,ImagePreview:Z,ApiCodeButton:ue},props:{modelValue:{type:Object,required:!0}},data(){return{grokVideoLogo:M,nowTs:Date.now(),timer:0}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_url},pendingElapsed(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(e)return Math.max(0,Math.floor(this.nowTs/1e3-e))}},watch:{"modelValue.response":{handler(e){e&&this.stopTimer()}}},mounted(){this.modelValue?.response||(this.timer=window.setInterval(()=>{this.nowTs=Date.now()},1e3))},beforeUnmount(){this.stopTimer()},methods:{stopTimer(){this.timer&&=(window.clearInterval(this.timer),0)},onDownload(e){window.open(e,`_blank`)}}}),Ct={class:`preview`},wt={class:`left`},Tt={class:`main`},Et={class:`bot`},Dt={class:`datetime`},Ot={class:`info`},kt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},At={key:1,class:`prompt mt-2`},jt={key:0},Mt={key:1},Nt={key:0,class:n({content:!0})},Pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},It={key:1,class:n({content:!0})},Lt={key:0,class:`mb-4`},Rt={key:1,class:n({operations:!0,"mt-2":!0,"mb-2":!0})},zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={key:0},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Gt={key:2,class:n({content:!0})},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Jt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Yt={key:3,class:n({content:!0})},Xt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Zt(n,c,u,d,f,m){let h=l(`el-image`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`copy-to-clipboard`),b=l(`el-alert`),x=l(`video-player`),S=l(`el-button`),C=l(`el-tooltip`),w=l(`api-code-button`);return g(),s(`div`,Ct,[e(`div`,wt,[a(h,{src:n.grokVideoLogo,class:`avatar`},null,8,[`src`])]),e(`div`,Tt,[e(`div`,Et,[r(i(n.$t(`grokvideo.name.bot`))+` `,1),e(`span`,Dt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Ot,[n.inputImage?(g(),s(`div`,kt,[a(_,{url:n.inputImage,name:`image`,closable:!1},null,8,[`url`])])):o(``,!0),n.modelValue?.request?.prompt?(g(),s(`p`,At,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?n.video?.state===`processing`||n.video?.state===`pending`?(g(),s(`span`,Mt,` - (`+i(n.$t(`grokvideo.status.processing`))+`) `,1)):o(``,!0):(g(),s(`span`,jt,` - (`+i(n.$t(`grokvideo.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?n.modelValue?.response?.success===!0?(g(),s(`div`,It,[n.video?.video_url?(g(),s(`div`,Lt,[a(x,{src:n.video?.video_url},null,8,[`src`])])):o(``,!0),n.video?.video_url?(g(),s(`div`,Rt,[a(C,{class:`box-item`,effect:`dark`,content:n.$t(`grokvideo.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onDownload(n.video?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`grokvideo.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/grok/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(b,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(g(),s(`p`,zt,[a(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.video?.duration?(g(),s(`p`,Bt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.duration`))+`: `+i(n.video?.duration)+`s `,1)])):o(``,!0),n.modelValue?.request?.resolution?(g(),s(`p`,$,[a(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.resolution`))+`: `+i(n.modelValue?.request?.resolution)+` `,1),n.modelValue?.request?.aspect_ratio?(g(),s(`span`,Vt,` · `+i(n.modelValue?.request?.aspect_ratio),1)):o(``,!0)])):o(``,!0),e(`p`,Ht,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Ut,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Wt,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(g(),s(`div`,Gt,[a(b,{closable:!1,class:`failure`},{template:p(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.failure`)),1)]),default:p(()=>[e(`p`,Kt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.response?.error?.message?(g(),s(`p`,qt,[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(y,{content:n.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Jt,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):(g(),s(`div`,Yt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.status`)),1)]),default:p(()=>[e(`p`,Xt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(g(),s(`div`,Nt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.status.pending`)),1)]),default:p(()=>[e(`p`,Pt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.pendingElapsed===void 0?o(``,!0):(g(),s(`p`,Ft,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.elapsed`))+`: `+i(n.pendingElapsed)+`s `,1)]))]),_:1})]))])])}var Qt=v({name:`GrokVideoRecentPanel`,components:{TaskPreview:I(St,[[`render`,Zt],[`__scopeId`,`data-v-48f65a64`]]),BotPlaceholder:de,NoTasks:se,ScrollList:oe},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?.()}}}),$t={key:0},en={key:2,class:`w-full h-full flex items-center justify-center`};function tn(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,$t,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,e=>(g(),f(m,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,en,[a(v)])):o(``,!0)],64)}var nn=v({name:`GrokVideoIndex`,components:{ConfigPanel:xt,Layout:ve,RecentPanel:I(Qt,[[`render`,tn]])},mixins:[V],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.grokvideo?.status?.getApplications===K.Request},tasksLoading(){return this.$store.state.grokvideo?.status?.getTasks===K.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 ce({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(!G(this.uploadTracker,e=>this.$t(e),e=>L.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,(P(e?.model)||!(Array.isArray(e?.reference_image_urls)&&e.reference_image_urls.length))&&delete e.reference_image_urls;let t=!!e?.image_url;if(P(e?.model)&&!t){L.warning(this.$t(`grokvideo.message.modelRequiresImage`));return}if(!t&&!e?.prompt){L.warning(this.$t(`grokvideo.message.promptOrImageRequired`));return}let n={...e,async:!0};if(!B())return;let r=this.credential?.token;if(!r){console.error(`no token specified`);return}L.info(this.$t(`grokvideo.message.startingTask`)),R(`grokvideo`,J.generate(n,{token:r})).then(()=>{L.success(this.$t(`grokvideo.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?L.error(this.$t(`grokvideo.message.usedUp`)):L.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 rn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var an=I(nn,[[`render`,rn]]);export{an as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-5RrKVJWv.js";import{t as x}from"./upload-DOtR0Rsx.js";import{t as S}from"./tooltip-DqZhkwOE.js";import{t as C}from"./image-DXnc07fB.js";import{t as w}from"./alert-MxWa3YPt.js";import{t as T}from"./drawer-Ch5GZZ3O.js";import{At as ee,Bt as E,Ft as D,Ht as O,It as k,Lt as A,Mt as j,Nt as M,Pt as N,Rt as te,Ut as P,jt as ne,kt as re,zt as F}from"./constants-DTWXEulJ.js";import{Bn as I,G as L,Ni as R,Nr as z,Si as B,Wi as V,an as H,in as U,ln as W,on as G,sn as K,vn as q,yi as J}from"./index-hUqJzTZs.js";import{t as Y}from"./index.es-C9USprIb.js";import{t as X}from"./CopyToClipboard-CRx3WmAz.js";import{t as Z}from"./ImagePreview-BA-2TVGQ.js";import{n as ie}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ae}from"./Consumption-DZ2G5VjX.js";import{a as Q,n as oe,r as se,t as ce}from"./pagination-CYLX-yRi.js";import{t as le}from"./VideoPlayer-DJv7Is_7.js";import{t as ue}from"./ApiCodeButton-QA7sAoU5.js";import{t as de}from"./BotPlaceholder-CKfXLBVh.js";import{t as fe}from"./PromptTextarea-DfytCmfP.js";var pe=v({name:`LayoutGrokVideo`,components:{ElDrawer:T,ElButton:V,FontAwesomeIcon:Y},mixins:[ie]}),me={class:`main flex flex-row flex-1`},he={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ge={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function _e(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,me,[e(`div`,he,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,ge,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ve=L(pe,[[`render`,_e],[`__scopeId`,`data-v-76ddc288`]]),ye=v({name:`GrokVideoPromptInput`,components:{PromptTextarea:fe},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 be(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{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 xe=L(ye,[[`render`,be]]),Se=v({name:`GrokVideoModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},data(){return{options:[{value:D,label:this.$t(`grokvideo.model.default`)},{value:N,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||=re}}),Ce={class:`field`},we={class:`label`},Te={class:`box`},Ee={class:`title font-bold`};function De(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Ce,[e(`div`,we,[e(`div`,Te,[e(`h2`,Ee,i(t.$t(`grokvideo.name.model`)),1),a(m,{content:t.$t(`grokvideo.description.model`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`grokvideo.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=L(Se,[[`render`,De],[`__scopeId`,`data-v-291d93fb`]]),ke=v({name:`GrokVideoDurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},computed:{model(){return this.$store.state.grokvideo?.config?.model},maxDuration(){return O(this.model)},options(){return j.filter(e=>e<=this.maxDuration).map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.grokvideo?.config?.duration},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,duration:e})}}},watch:{maxDuration(e){this.value&&this.value>e&&(this.value=e)}},mounted(){this.value||=8}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Ae,[e(`div`,je,[e(`div`,Me,[e(`h2`,Ne,i(t.$t(`grokvideo.name.duration`)),1),a(m,{content:t.$t(`grokvideo.description.duration`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`grokvideo.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=L(ke,[[`render`,Pe],[`__scopeId`,`data-v-9c711686`]]),Ie=v({name:`GrokVideoResolutionSelector`,components:{InfoIcon:Q},data(){return{options:[{value:F,label:`480p`},{value:E,label:`720p`},{value:te,label:`1080p`}]}},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||=ne}}),Le={class:`resolution`},Re={class:`header`},ze={class:`title font-bold`},Be={class:`items`},Ve=[`onClick`];function He(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,Le,[e(`div`,Re,[e(`h2`,ze,i(t.$t(`grokvideo.name.resolution`)),1),a(p,{content:t.$t(`grokvideo.description.resolution`),class:`info`},null,8,[`content`])]),e(`div`,Be,[(g(!0),s(c,null,h(t.options,e=>(g(),s(`div`,{key:e.value,class:n([`item`,{active:t.value===e.value}]),onClick:n=>t.value=e.value},i(e.label),11,Ve))),128))])])}var Ue=L(Ie,[[`render`,He],[`__scopeId`,`data-v-54f22a22`]]),We=v({name:`GrokVideoRatioSelector`,components:{InfoIcon:Q},computed:{options(){return[{value:k,label:`16:9`,w:32,h:18},{value:A,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||=ee}}),Ge={class:`ratio`},Ke={class:`header`},qe={class:`title font-bold`},Je={class:`items`},Ye=[`onClick`],Xe={class:`preview`},Ze={class:`name`};function Qe(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,Ge,[e(`div`,Ke,[e(`h2`,qe,i(t.$t(`grokvideo.name.ratio`)),1),a(p,{content:t.$t(`grokvideo.description.ratio`),class:`info`},null,8,[`content`])]),e(`div`,Je,[(g(!0),s(c,null,h(t.options,r=>(g(),s(`div`,{key:r.value,class:n([`item`,{active:t.value===r.value}]),onClick:e=>t.value=r.value},[e(`div`,Xe,[e(`div`,{class:`rect`,style:m({width:r.w+`px`,height:r.h+`px`})},null,4)]),e(`div`,Ze,i(r.label),1)],10,Ye))),128))])])}var $e=L(We,[[`render`,Qe],[`__scopeId`,`data-v-70115284`]]),et=v({name:`GrokVideoImageInput`,components:{ElUpload:x,ElButton:V,InfoIcon:Q,FontAwesomeIcon:Y,ImagePreview:Z},mixins:[K,H],data(){return{fileList:[],uploadUrl:B()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},required(){return P(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()}}}),tt={class:`relative`},nt={class:`flex justify-between`},rt={class:`flex justify-start items-center`},it={class:`text-sm font-bold`},at={key:0,class:`required-badge`};function ot(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,tt,[e(`div`,nt,[e(`div`,rt,[e(`span`,it,i(t.$t(`grokvideo.name.image`)),1),t.required?(g(),s(`span`,at,i(t.$t(`grokvideo.name.required`)),1)):o(``,!0),a(h,{content:t.$t(`grokvideo.description.image`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-remove":t.onRemove,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])}var st=L(et,[[`render`,ot],[`__scopeId`,`data-v-164e5a1d`]]),ct=4,lt=v({name:`GrokVideoReferenceImagesInput`,components:{ElUpload:x,ElButton:V,InfoIcon:Q,ImagePreview:Z,FontAwesomeIcon:Y},mixins:[K,H],data(){return{fileList:[],uploadUrl:B()+`/api/v1/files/`,limit:ct,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)||[]},value(){return this.$store.state.grokvideo?.config?.reference_image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetReferenceImages()},onExceed(){R.warning(this.$t(`grokvideo.message.uploadReferenceExceed`))},onError(){R.error(this.$t(`grokvideo.message.uploadError`))},onSetReferenceImages(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,reference_image_urls:e.length?e:void 0}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetReferenceImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetReferenceImages()}}}),ut={class:`field flex items-center justify-between`},dt={class:`title font-bold text-[14px] mb-[10px]`},ft={class:`upload-wrapper flex flex-col items-start gap-[8px]`},pt={class:`controls flex items-center`},mt={class:`file-list flex flex-wrap gap-[10px]`};function ht(t,n,o,u,d,m){let _=l(`font-awesome-icon`),v=l(`el-button`),y=l(`el-upload`),b=l(`info-icon`),x=l(`image-preview`);return g(),s(c,null,[e(`div`,ut,[e(`h2`,dt,i(t.$t(`grokvideo.name.referenceImages`)),1),e(`div`,ft,[e(`div`,pt,[a(y,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:t.limit,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:t.$t(`grokvideo.description.referenceImages`),class:`ml-2`},null,8,[`content`])])])]),e(`div`,mt,[(g(!0),s(c,null,h(t.fileList,(e,n)=>(g(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var gt=v({name:`GrokVideoConfigPanel`,components:{ElButton:V,FontAwesomeIcon:Y,PromptInput:xe,ModelSelector:Oe,DurationSelector:Fe,ResolutionSelector:Ue,RatioSelector:$e,ImageInput:st,ReferenceImagesInput:L(lt,[[`render`,ht]]),Consumption:ae},emits:[`generate`],computed:{config(){return this.$store.state.grokvideo?.config},supportsReferenceImages(){return!P(this.$store.state.grokvideo?.config?.model)},consumption(){return W(this.config,this.service?.cost)},service(){return this.$store.state.grokvideo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),_t={class:`flex flex-col h-full`},vt={class:`flex-1 overflow-y-auto p-5`},yt={class:`flex flex-col items-center justify-center px-5 pb-5`};function bt(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`ratio-selector`),y=l(`resolution-selector`),b=l(`duration-selector`),x=l(`image-input`),S=l(`reference-images-input`),C=l(`consumption`),w=l(`font-awesome-icon`),T=l(`el-button`);return g(),s(`div`,_t,[e(`div`,vt,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-2`}),t.supportsReferenceImages?(g(),f(S,{key:0,class:`mb-2`})):o(``,!0)]),e(`div`,yt,[a(C,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(T,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`grokvideo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var xt=L(gt,[[`render`,bt]]),St=v({name:`GrokVideoTaskPreview`,components:{ElImage:C,CopyToClipboard:X,FontAwesomeIcon:Y,ElAlert:w,VideoPlayer:le,ElTooltip:S,ElButton:V,ImagePreview:Z,ApiCodeButton:ue},props:{modelValue:{type:Object,required:!0}},data(){return{grokVideoLogo:M,nowTs:Date.now(),timer:0}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_url},pendingElapsed(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(e)return Math.max(0,Math.floor(this.nowTs/1e3-e))}},watch:{"modelValue.response":{handler(e){e&&this.stopTimer()}}},mounted(){this.modelValue?.response||(this.timer=window.setInterval(()=>{this.nowTs=Date.now()},1e3))},beforeUnmount(){this.stopTimer()},methods:{stopTimer(){this.timer&&=(window.clearInterval(this.timer),0)},onDownload(e){window.open(e,`_blank`)}}}),Ct={class:`preview`},wt={class:`left`},Tt={class:`main`},Et={class:`bot`},Dt={class:`datetime`},Ot={class:`info`},kt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},At={key:1,class:`prompt mt-2`},jt={key:0},Mt={key:1},Nt={key:0,class:n({content:!0})},Pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},It={key:1,class:n({content:!0})},Lt={key:0,class:`mb-4`},Rt={key:1,class:n({operations:!0,"mt-2":!0,"mb-2":!0})},zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={key:0},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Gt={key:2,class:n({content:!0})},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Jt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Yt={key:3,class:n({content:!0})},Xt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Zt(n,c,u,d,f,m){let h=l(`el-image`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`copy-to-clipboard`),b=l(`el-alert`),x=l(`video-player`),S=l(`el-button`),C=l(`el-tooltip`),w=l(`api-code-button`);return g(),s(`div`,Ct,[e(`div`,wt,[a(h,{src:n.grokVideoLogo,class:`avatar`},null,8,[`src`])]),e(`div`,Tt,[e(`div`,Et,[r(i(n.$t(`grokvideo.name.bot`))+` `,1),e(`span`,Dt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Ot,[n.inputImage?(g(),s(`div`,kt,[a(_,{url:n.inputImage,name:`image`,closable:!1},null,8,[`url`])])):o(``,!0),n.modelValue?.request?.prompt?(g(),s(`p`,At,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?n.video?.state===`processing`||n.video?.state===`pending`?(g(),s(`span`,Mt,` - (`+i(n.$t(`grokvideo.status.processing`))+`) `,1)):o(``,!0):(g(),s(`span`,jt,` - (`+i(n.$t(`grokvideo.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?n.modelValue?.response?.success===!0?(g(),s(`div`,It,[n.video?.video_url?(g(),s(`div`,Lt,[a(x,{src:n.video?.video_url},null,8,[`src`])])):o(``,!0),n.video?.video_url?(g(),s(`div`,Rt,[a(C,{class:`box-item`,effect:`dark`,content:n.$t(`grokvideo.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onDownload(n.video?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`grokvideo.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/grok/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(b,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(g(),s(`p`,zt,[a(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.video?.duration?(g(),s(`p`,Bt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.duration`))+`: `+i(n.video?.duration)+`s `,1)])):o(``,!0),n.modelValue?.request?.resolution?(g(),s(`p`,$,[a(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.resolution`))+`: `+i(n.modelValue?.request?.resolution)+` `,1),n.modelValue?.request?.aspect_ratio?(g(),s(`span`,Vt,` · `+i(n.modelValue?.request?.aspect_ratio),1)):o(``,!0)])):o(``,!0),e(`p`,Ht,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Ut,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Wt,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(g(),s(`div`,Gt,[a(b,{closable:!1,class:`failure`},{template:p(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.failure`)),1)]),default:p(()=>[e(`p`,Kt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.response?.error?.message?(g(),s(`p`,qt,[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(y,{content:n.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Jt,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):(g(),s(`div`,Yt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.status`)),1)]),default:p(()=>[e(`p`,Xt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(g(),s(`div`,Nt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.status.pending`)),1)]),default:p(()=>[e(`p`,Pt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.pendingElapsed===void 0?o(``,!0):(g(),s(`p`,Ft,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.elapsed`))+`: `+i(n.pendingElapsed)+`s `,1)]))]),_:1})]))])])}var Qt=v({name:`GrokVideoRecentPanel`,components:{TaskPreview:L(St,[[`render`,Zt],[`__scopeId`,`data-v-48f65a64`]]),BotPlaceholder:de,NoTasks:se,ScrollList:oe},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?.()}}}),$t={key:0},en={key:2,class:`w-full h-full flex items-center justify-center`};function tn(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,$t,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,e=>(g(),f(m,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,en,[a(v)])):o(``,!0)],64)}var nn=v({name:`GrokVideoIndex`,components:{ConfigPanel:xt,Layout:ve,RecentPanel:L(Qt,[[`render`,tn]])},mixins:[G],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.grokvideo?.status?.getApplications===J.Request},tasksLoading(){return this.$store.state.grokvideo?.status?.getTasks===J.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 ce({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(!U(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,(P(e?.model)||!(Array.isArray(e?.reference_image_urls)&&e.reference_image_urls.length))&&delete e.reference_image_urls;let t=!!e?.image_url;if(P(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};if(!q())return;let r=this.credential?.token;if(!r){console.error(`no token specified`);return}R.info(this.$t(`grokvideo.message.startingTask`)),z(`grokvideo`,I.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 rn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var an=L(nn,[[`render`,rn]]);export{an as default};

package/dist/assets/Index-BHrj-7dw.css

@@ -0,0 +1 @@
+.header{z-index:999;background:var(--el-bg-color);border-bottom:1px solid var(--app-border-subtle);width:100%;padding-top:var(--app-safe-area-top);position:sticky;top:0}.header .brand-col{justify-content:flex-end;align-items:center;min-height:64px;padding-right:20px;display:flex}.header.desktop-chrome{-webkit-app-region:drag}.header.desktop-chrome a,.header.desktop-chrome button,.header.desktop-chrome .el-menu,.header.desktop-chrome .el-dropdown,.header.desktop-chrome .avatar,.header.desktop-chrome .console,.header.desktop-chrome .locale,.header.desktop-chrome language-selector,.header.desktop-chrome dark-selector,.header.desktop-chrome .el-switch,.header.desktop-chrome [role=button]{-webkit-app-region:no-drag}.header.is-mac .brand-col{justify-content:flex-start;padding-left:84px}.header.home-only .brand-col{justify-content:center;padding-left:0;padding-right:0}.header .el-menu.menu{--el-menu-hover-bg-color:transparent;--el-menu-active-color:var(--el-color-primary);background:0 0;border:none;min-width:300px;height:64px;overflow-x:hidden}.header .el-menu.menu .el-menu-item{height:64px;font-weight:450;transition:color .2s;color:var(--el-text-color-regular)!important}.header .el-menu.menu .el-menu-item.is-active{color:var(--el-color-primary)!important;border-bottom:none!important}.header .el-menu.menu .el-menu-item:hover{color:var(--el-color-primary)!important;border-bottom:2px solid var(--el-color-primary)!important}.header .avatar{cursor:pointer;border-radius:50%;width:36px;height:36px;margin-top:14px;margin-left:10px;margin-right:20px;transition:box-shadow .2s}.header .avatar:hover{box-shadow:0 0 0 2px var(--el-color-primary-light-5)}.header .console{cursor:pointer;height:64px;margin:0 10px;font-size:14px;font-weight:450;line-height:64px;transition:color .2s;display:inline-block;color:var(--el-text-color-primary)!important}.header .console:hover{color:var(--el-color-primary)!important}.header .locale{cursor:pointer;margin-left:10px;display:inline-block}html.dark .header{border-bottom-color:var(--app-glass-border);background:#0b0d17}@media only screen and (width<=768px){.header .brand-col{justify-content:center;padding-right:0}}

package/dist/assets/{Index-BPyG3ypl.js → Index-BShSnqKW.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,qt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-DBWuXcpS.js";import{n as b,t as x}from"./tabs-mnUJRmoF.js";import{t as S}from"./upload-1mnQd7_g.js";import{t as C}from"./tooltip-DzuiDugy.js";import{t as w}from"./image-DPdsJShH.js";import{t as T}from"./alert-DuYRH84s.js";import{t as E}from"./drawer-CVXck3YU.js";import{t as D}from"./switch-DZCxODpm.js";import{$r as O,ei as k,ti as A}from"./constants-B8uUjFZV.js";import{G as j,Mi as M,Mr as N,Ui as P,_n as F,an as ee,cn as te,in as ne,ir as re,on as I,rn as L,vi as R,xi as z}from"./index-CUcxfoFQ.js";import{t as B}from"./index.es-D-PWel10.js";import{t as V}from"./CopyToClipboard-4xQr857S.js";import{t as H}from"./ImagePreview-DLb0QODP.js";import{n as U}from"./taskDrawerMixin-DyAUhFEq.js";import{t as W}from"./Consumption-Bj37hM4d.js";import{a as G,n as K,r as q,t as J}from"./pagination-DRyq9A8R.js";import{t as Y}from"./VideoPlayer-U4h5oP99.js";import{t as X}from"./ApiCodeButton-CG1Jm4Bw.js";import{t as ie}from"./BotPlaceholder-BMVLk4eG.js";import{t as ae}from"./PromptTextarea-B3aLjMPY.js";var oe=_({name:`LayoutVeo`,components:{ElDrawer:E,ElButton:P,FontAwesomeIcon:B},mixins:[U]}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,r,a,s,d){let p=c(`font-awesome-icon`),m=c(`el-button`),_=c(`el-drawer`);return h(),o(`div`,se,[e(`div`,ce,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,le,[u(t.$slots,`result`,{},void 0,!0)]),l(i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=j(oe,[[`render`,ue],[`__scopeId`,`data-v-12b82bc3`]]),Z=`veo31-fast-ingredients`,fe=[{value:`veo31-fast`,label:`Veo 3.1 Fast`},{value:`veo3-fast`,label:`Veo 3 Fast`},{value:`veo31`,label:`Veo 3.1`},{value:`veo3`,label:`Veo 3`}],Q=(e,t)=>{let n=!!(e?.action&&e.action!==t),r={...e,action:t};return t===`text2video`?(r.model=r.model===`veo31-fast-ingredients`?A:r.model||`veo31-fast`,delete r.image_urls,r):t===`ingredients2video`?(r.model=Z,n?delete r.image_urls:r.image_urls=r.image_urls?.slice(0,3),r):(r.model=r.model===`veo31-fast-ingredients`?A:r.model||`veo31-fast`,n?delete r.image_urls:r.image_urls=r.image_urls?.slice(0,2),r)},pe=e=>{let t={...Q(e,e?.action||`text2video`),async:!0};return t.image_urls?.length||delete t.image_urls,t},me=_({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},computed:{isModelLocked(){return this.$store.state.veo?.config?.action===`ingredients2video`},options(){return this.isModelLocked?[{value:Z,label:`Veo 3.1 Fast`}]:fe},value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||=A}}),he={class:`field`},ge={class:`title font-bold`};function _e(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,he,[e(`h2`,ge,r(t.$t(`veo.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`veo.placeholder.select`),disabled:t.isModelLocked},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var ve=j(me,[[`render`,_e],[`__scopeId`,`data-v-90ed8cff`]]),ye=_({name:`ActionSelector`,components:{ElTabs:b,ElTabPane:x},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`veo.button.action1`)},{value:`image2video`,label:this.$t(`veo.button.action2`)},{value:`ingredients2video`,label:this.$t(`veo.button.actionIngredients`)}]},value(){return this.$store.state.veo?.config?.action||`text2video`}},mounted(){this.$store.state.veo?.config?.action||this.onUpdate(O)},methods:{onUpdate(e){this.$store.commit(`veo/setConfig`,Q(this.$store.state.veo?.config,e))}}});function be(e,t,n,r,i,a){let l=c(`el-tab-pane`),u=c(`el-tabs`);return h(),d(u,{"model-value":e.value,class:`action-tabs`,stretch:``,"onUpdate:modelValue":e.onUpdate},{default:f(()=>[(h(!0),o(s,null,m(e.options,e=>(h(),d(l,{key:e.value,name:e.value,label:e.label},null,8,[`name`,`label`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var xe=j(ye,[[`render`,be],[`__scopeId`,`data-v-349937fd`]]),Se=_({name:`TranslationSelector`,components:{ElSwitch:D,InfoIcon:G},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug(`set translation`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ce={class:`relative`},we={class:`flex justify-between`},Te={class:`flex justify-start items-center`},Ee={class:`text-sm font-bold`},De={class:`flex justify-end items-center`};function Oe(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-switch`);return h(),o(`div`,Ce,[e(`div`,we,[e(`div`,Te,[e(`span`,Ee,r(t.$t(`veo.name.translation`)),1),i(d,{content:t.$t(`veo.description.translation`)},null,8,[`content`])]),e(`div`,De,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var ke=j(Se,[[`render`,Oe]]),Ae=_({name:`AspectRatioSelector`,data(){return{options:[{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.veo?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||=k}}),je={class:`text-sm font-bold mb-2 block`},Me={class:`items`},Ne=[`onClick`],Pe={class:`name`};function Fe(n,i,a,c,l,u){return h(),o(`div`,null,[e(`span`,je,r(n.$t(`veo.name.ratio`)),1),e(`div`,Me,[(h(!0),o(s,null,m(n.options,(i,a)=>(h(),o(`div`,{key:a,class:t({active:n.active===a,item:!0}),onClick:e=>n.value=i.value},[e(`div`,{class:t([`preview`,i.label])},[e(`div`,{class:`rect`,style:p({width:i.width+`px`,height:i.height+`px`})},null,4)],2),e(`p`,Pe,r(i.label),1)],10,Ne))),128))])])}var Ie=j(Ae,[[`render`,Fe],[`__scopeId`,`data-v-28c472c4`]]),Le=_({name:`StartEndImage`,components:{ElUpload:S,ElButton:P,InfoIcon:G,FontAwesomeIcon:B,ImagePreview:H},mixins:[I,ne],props:{limit:{type:Number,default:2},ingredients:{type:Boolean,default:!1}},emits:[`change`],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},title(){return this.ingredients?this.$t(`veo.button.actionIngredients`):this.$t(`veo.name.startEndImage`)},description(){return this.ingredients?this.$t(`veo.description.imageUrl`):this.$t(`veo.description.uploadStartEndImage`)},urls(){return this.fileList.map(e=>e.response?.file_url||e.url).filter(e=>!!e)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},watch:{limit(){this.fileList.length>this.limit&&(this.fileList=this.fileList.slice(0,this.limit),this.onSetStartEndImageUrl())}},mounted(){this.fileList=(this.value||[]).map((e,t)=>({name:`reference-${t+1}`,percentage:100,response:{file_url:e},status:`success`,uid:Date.now()+t,url:e}))},methods:{onExceed(){M.warning(this.$t(`veo.message.uploadReferencesLimit`,{limit:this.limit}))},onError(){M.error(this.$t(`veo.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()},onRemove(e){let t=this.fileList.indexOf(e);t>=0&&this.fileList.splice(t,1),this.onSetStartEndImageUrl()}}}),Re={class:`relative`},ze={class:`flex justify-between`},Be={class:`flex justify-start items-center`},Ve={class:`text-sm font-bold`};function He(t,s,l,u,p,m){let g=c(`info-icon`),_=c(`image-preview`),v=c(`font-awesome-icon`),y=c(`el-button`),b=c(`el-upload`);return h(),o(`div`,Re,[e(`div`,ze,[e(`div`,Be,[e(`span`,Ve,r(t.title),1),i(g,{content:t.description},null,8,[`content`])])]),i(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":s[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:t.limit,class:`upload-wrapper`,multiple:!0,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:f(({file:e})=>[e.url&&e.percentage!==void 0?(h(),d(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):a(``,!0)]),default:f(()=>[i(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`veo.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ue=j(Le,[[`render`,He],[`__scopeId`,`data-v-4f7ed755`]]),We=_({name:`PromptInput`,components:{PromptTextarea:ae},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ge(e,t,n,r,i,a){let o=c(`prompt-textarea`);return h(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`veo.name.prompt`),info:e.$t(`veo.description.prompt`),placeholder:e.$t(`veo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ke=_({name:`ConfigPanel`,components:{ElButton:P,Consumption:W,FontAwesomeIcon:B,PromptInput:j(We,[[`render`,Ge]]),ModelSelector:ve,StartEndImage:Ue,ActionSelector:xe,TranslationSelector:ke,AspectRatioSelector:Ie},emits:[`generate`],computed:{config(){return this.$store.state.veo?.config},showsImages(){return this.config?.action===`image2video`||this.config?.action===`ingredients2video`},imageLimit(){return this.config?.action===`ingredients2video`?3:2},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),qe={class:`flex flex-col h-full`},Je={class:`flex-1 overflow-y-auto p-5`},Ye={class:`flex flex-col items-center justify-center px-5 pb-5`};function Xe(t,s,l,u,p,m){let g=c(`action-selector`),_=c(`model-selector`),v=c(`start-end-image`),y=c(`prompt-input`),b=c(`aspect-ratio-selector`),x=c(`translation-selector`),S=c(`consumption`),C=c(`font-awesome-icon`),w=c(`el-button`);return h(),o(`div`,qe,[e(`div`,Je,[i(g,{class:`mb-5`}),i(_,{class:`mb-4`}),t.showsImages?(h(),d(v,{key:t.config?.action,class:`mb-4`,limit:t.imageLimit,ingredients:t.config?.action===`ingredients2video`},null,8,[`limit`,`ingredients`])):a(``,!0),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-2`})]),e(`div`,Ye,[i(S,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:f(()=>[i(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`veo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ze=j(Ke,[[`render`,Xe]]),Qe=_({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:T,VideoPlayer:Y,ImagePreview:H,ElTooltip:C,ElButton:P,ApiCodeButton:X},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{referenceImages(){let e=this.modelValue?.request?.image_urls;return Array.isArray(e)?e.filter(e=>typeof e==`string`&&!!e):[]},actionLabel(){let e=this.modelValue?.request,t=e?.model===`veo31-fast-ingredients`||this.referenceImages.length>2?`ingredients2video`:this.referenceImages.length>0?`image2video`:`text2video`,n=e?.action||t;return this.$t({text2video:`veo.button.action1`,image2video:`veo.button.action2`,ingredients2video:`veo.button.actionIngredients`}[n]||`veo.name.action`)},traceId(){return this.modelValue?.response?.trace_id||this.modelValue?.trace_id},taskInfoClass(){return this.modelValue?.response?.success===!0?`success`:this.modelValue?.response?.success===!1?`failure`:`info`}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),$e={class:`preview`},et={class:`left`},tt={class:`main`},nt={class:`bot`},rt={class:`datetime`},it={class:`info`},at={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ot={key:1,class:`prompt mt-2`},st={key:0},ct={key:1},lt={key:0,class:t({content:!0,failed:!0})},ut={key:0,class:`mb-4`},dt={key:1,class:t({operations:!0,"mt-2":!0})},ft={key:1,class:t({content:!0})},pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={class:t({content:!0})},ht={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},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`};function xt(l,u,p,g,_,v){let y=c(`el-image`),b=c(`image-preview`),x=c(`video-player`),S=c(`el-button`),C=c(`el-tooltip`),w=c(`api-code-button`),T=c(`font-awesome-icon`),E=c(`copy-to-clipboard`),D=c(`el-alert`);return h(),o(`div`,$e,[e(`div`,et,[i(y,{src:`https://cdn.acedata.cloud/8nxyy9.jpg`,class:`avatar`})]),e(`div`,tt,[e(`div`,nt,[n(r(l.$t(`veo.name.veoBot`))+` `,1),e(`span`,rt,r(l.$dayjs.format(``+new Date(parseFloat((l.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,it,[l.referenceImages.length>0?(h(),o(`div`,at,[(h(!0),o(s,null,m(l.referenceImages,(e,t)=>(h(),d(b,{key:`${t}-${e}`,url:e,name:`reference-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):a(``,!0),l.modelValue?.request?.prompt?(h(),o(`p`,ot,[n(r(l.modelValue?.request?.prompt)+` `,1),l.modelValue?.response?a(``,!0):(h(),o(`span`,st,` - (`+r(l.$t(`veo.status.pending`))+`) `,1)),Array.isArray(l.modelValue?.response?.data)&&l.modelValue?.response?.data[0]?.state===`running`?(h(),o(`span`,ct,` - (`+r(l.$t(`veo.status.processing`))+`) `,1)):a(``,!0)])):a(``,!0)]),l.modelValue?.response?.success===!0&&l.modelValue?.response?.data?(h(),o(`div`,lt,[l.modelValue?.response?.data[0]?.video_url?(h(),o(`div`,ut,[i(x,{src:l.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):a(``,!0),l.modelValue?.response.success?(h(),o(`div`,dt,[i(C,{class:`box-item`,effect:`dark`,content:l.$t(`veo.message.downloadVideo`),placement:`top-start`},{default:f(()=>[l.modelValue?.response?.data[0]?.video_url?(h(),d(S,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:u[0]||=e=>l.onDownload(e,l.modelValue?.response?.data[0]?.video_url)},{default:f(()=>[n(r(l.$t(`veo.button.download`)),1)]),_:1})):a(``,!0)]),_:1},8,[`content`]),i(w,{path:`/veo/videos`,body:l.modelValue?.request},null,8,[`body`])])):a(``,!0)])):a(``,!0),l.modelValue?.response?.success===!1?(h(),o(`div`,ft,[i(D,{closable:!1,class:`failure`},{template:f(()=>[i(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.failure`)),1)]),default:f(()=>[e(`p`,pt,[i(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.failureReason`))+`: `+r(l.modelValue?.response?.error?.message)+` `,1),i(E,{content:l.modelValue?.response?.error?.message},null,8,[`content`])])]),_:1})])):a(``,!0),e(`div`,mt,[i(D,{closable:!1,class:t([`mt-2`,`task-metadata`,l.taskInfoClass])},{default:f(()=>[l.modelValue?.request?.model?(h(),o(`p`,ht,[i(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.model`))+`: `+r(l.modelValue?.request?.model),1)])):a(``,!0),e(`p`,gt,[i(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.action`))+`: `+r(l.actionLabel),1)]),l.modelValue?.request?.aspect_ratio?(h(),o(`p`,_t,[i(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.ratio`))+`: `+r(l.modelValue?.request?.aspect_ratio),1)])):a(``,!0),l.modelValue?.request?.translation===void 0?a(``,!0):(h(),o(`p`,vt,[i(T,{icon:`fa-solid fa-language`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.translation`))+`: `+r(l.$t(l.modelValue?.request?.translation?`seedance.button.on`:`seedance.button.off`)),1)])),e(`p`,yt,[i(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.taskId`))+`: `+r(l.modelValue?.id)+` `,1),i(E,{content:l.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),l.modelValue?.elapsed?(h(),o(`p`,$,[i(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.elapsed`))+`: `+r(l.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),l.traceId?(h(),o(`p`,bt,[i(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.traceId`))+`: `+r(l.traceId)+` `,1),i(E,{content:l.traceId,class:`btn-copy inline-block`},null,8,[`content`])])):a(``,!0)]),_:1},8,[`class`])])])])}var St=_({name:`RecentPanel`,components:{TaskPreview:j(Qe,[[`render`,xt],[`__scopeId`,`data-v-83725cd2`]]),NoTasks:q,BotPlaceholder:ie,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ct={key:0},wt={key:2,class:`w-full h-full flex items-center justify-center`};function Tt(e,t,n,r,l,u){let p=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return h(),o(s,null,[e.tasks?.items===void 0?(h(),o(`div`,Ct,[i(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),d(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(h(!0),o(s,null,m(e.tasks?.items,(e,t)=>(h(),d(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(h(),o(`div`,wt,[i(v)])):a(``,!0)],64)}var Et=_({name:`VeoIndex`,components:{ConfigPanel:Ze,Layout:de,RecentPanel:j(St,[[`render`,Tt]])},mixins:[ee],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===R.Request||this.fetchingTasks},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.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(`veo/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`veo/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(`veo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e=pe(this.config);if(!F())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if((e.action===`image2video`||e.action===`ingredients2video`)&&!(e.image_urls&&e.image_urls.length>0)){M.warning(this.$t(`veo.message.imageRequired`));return}M.info(this.$t(`veo.message.startingTask`)),N(`veo`,re.generate(e,{token:t})).then(()=>{M.success(this.$t(`veo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`veo.message.usedUp`)):M.error(this.$t(`veo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Dt(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return h(),d(u,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ot=j(Et,[[`render`,Dt]]);export{Ot as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,Gt as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,ht as l,it as u,j as d,mt as f,qt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-5RrKVJWv.js";import{n as b,t as x}from"./tabs-CtkBu9RO.js";import{t as S}from"./upload-DOtR0Rsx.js";import{t as C}from"./tooltip-DqZhkwOE.js";import{t as w}from"./image-DXnc07fB.js";import{t as T}from"./alert-MxWa3YPt.js";import{t as E}from"./drawer-Ch5GZZ3O.js";import{t as D}from"./switch-Cx5c7gi6.js";import{$r as O,ei as k,ti as A}from"./constants-DTWXEulJ.js";import{G as j,Ni as M,Nr as N,Si as P,Wi as F,an as ee,ar as te,in as ne,ln as re,on as I,sn as L,vn as R,yi as z}from"./index-hUqJzTZs.js";import{t as B}from"./index.es-C9USprIb.js";import{t as V}from"./CopyToClipboard-CRx3WmAz.js";import{t as H}from"./ImagePreview-BA-2TVGQ.js";import{n as U}from"./taskDrawerMixin-DyAUhFEq.js";import{t as W}from"./Consumption-DZ2G5VjX.js";import{a as G,n as K,r as q,t as J}from"./pagination-CYLX-yRi.js";import{t as Y}from"./VideoPlayer-DJv7Is_7.js";import{t as X}from"./ApiCodeButton-QA7sAoU5.js";import{t as ie}from"./BotPlaceholder-CKfXLBVh.js";import{t as ae}from"./PromptTextarea-DfytCmfP.js";var oe=_({name:`LayoutVeo`,components:{ElDrawer:E,ElButton:F,FontAwesomeIcon:B},mixins:[U]}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,r,a,s,d){let p=c(`font-awesome-icon`),m=c(`el-button`),_=c(`el-drawer`);return h(),o(`div`,se,[e(`div`,ce,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,le,[u(t.$slots,`result`,{},void 0,!0)]),l(i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=j(oe,[[`render`,ue],[`__scopeId`,`data-v-12b82bc3`]]),Z=`veo31-fast-ingredients`,fe=[{value:`veo31-fast`,label:`Veo 3.1 Fast`},{value:`veo3-fast`,label:`Veo 3 Fast`},{value:`veo31`,label:`Veo 3.1`},{value:`veo3`,label:`Veo 3`}],Q=(e,t)=>{let n=!!(e?.action&&e.action!==t),r={...e,action:t};return t===`text2video`?(r.model=r.model===`veo31-fast-ingredients`?A:r.model||`veo31-fast`,delete r.image_urls,r):t===`ingredients2video`?(r.model=Z,n?delete r.image_urls:r.image_urls=r.image_urls?.slice(0,3),r):(r.model=r.model===`veo31-fast-ingredients`?A:r.model||`veo31-fast`,n?delete r.image_urls:r.image_urls=r.image_urls?.slice(0,2),r)},pe=e=>{let t={...Q(e,e?.action||`text2video`),async:!0};return t.image_urls?.length||delete t.image_urls,t},me=_({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},computed:{isModelLocked(){return this.$store.state.veo?.config?.action===`ingredients2video`},options(){return this.isModelLocked?[{value:Z,label:`Veo 3.1 Fast`}]:fe},value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||=A}}),he={class:`field`},ge={class:`title font-bold`};function _e(t,n,a,l,u,p){let g=c(`el-option`),_=c(`el-select`);return h(),o(`div`,he,[e(`h2`,ge,r(t.$t(`veo.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`veo.placeholder.select`),disabled:t.isModelLocked},{default:f(()=>[(h(!0),o(s,null,m(t.options,e=>(h(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var ve=j(me,[[`render`,_e],[`__scopeId`,`data-v-90ed8cff`]]),ye=_({name:`ActionSelector`,components:{ElTabs:b,ElTabPane:x},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`veo.button.action1`)},{value:`image2video`,label:this.$t(`veo.button.action2`)},{value:`ingredients2video`,label:this.$t(`veo.button.actionIngredients`)}]},value(){return this.$store.state.veo?.config?.action||`text2video`}},mounted(){this.$store.state.veo?.config?.action||this.onUpdate(O)},methods:{onUpdate(e){this.$store.commit(`veo/setConfig`,Q(this.$store.state.veo?.config,e))}}});function be(e,t,n,r,i,a){let l=c(`el-tab-pane`),u=c(`el-tabs`);return h(),d(u,{"model-value":e.value,class:`action-tabs`,stretch:``,"onUpdate:modelValue":e.onUpdate},{default:f(()=>[(h(!0),o(s,null,m(e.options,e=>(h(),d(l,{key:e.value,name:e.value,label:e.label},null,8,[`name`,`label`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var xe=j(ye,[[`render`,be],[`__scopeId`,`data-v-349937fd`]]),Se=_({name:`TranslationSelector`,components:{ElSwitch:D,InfoIcon:G},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug(`set translation`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ce={class:`relative`},we={class:`flex justify-between`},Te={class:`flex justify-start items-center`},Ee={class:`text-sm font-bold`},De={class:`flex justify-end items-center`};function Oe(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-switch`);return h(),o(`div`,Ce,[e(`div`,we,[e(`div`,Te,[e(`span`,Ee,r(t.$t(`veo.name.translation`)),1),i(d,{content:t.$t(`veo.description.translation`)},null,8,[`content`])]),e(`div`,De,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var ke=j(Se,[[`render`,Oe]]),Ae=_({name:`AspectRatioSelector`,data(){return{options:[{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.veo?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||=k}}),je={class:`text-sm font-bold mb-2 block`},Me={class:`items`},Ne=[`onClick`],Pe={class:`name`};function Fe(n,i,a,c,l,u){return h(),o(`div`,null,[e(`span`,je,r(n.$t(`veo.name.ratio`)),1),e(`div`,Me,[(h(!0),o(s,null,m(n.options,(i,a)=>(h(),o(`div`,{key:a,class:t({active:n.active===a,item:!0}),onClick:e=>n.value=i.value},[e(`div`,{class:t([`preview`,i.label])},[e(`div`,{class:`rect`,style:p({width:i.width+`px`,height:i.height+`px`})},null,4)],2),e(`p`,Pe,r(i.label),1)],10,Ne))),128))])])}var Ie=j(Ae,[[`render`,Fe],[`__scopeId`,`data-v-28c472c4`]]),Le=_({name:`StartEndImage`,components:{ElUpload:S,ElButton:F,InfoIcon:G,FontAwesomeIcon:B,ImagePreview:H},mixins:[L,ee],props:{limit:{type:Number,default:2},ingredients:{type:Boolean,default:!1}},emits:[`change`],data(){return{fileList:[],uploadUrl:P()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},title(){return this.ingredients?this.$t(`veo.button.actionIngredients`):this.$t(`veo.name.startEndImage`)},description(){return this.ingredients?this.$t(`veo.description.imageUrl`):this.$t(`veo.description.uploadStartEndImage`)},urls(){return this.fileList.map(e=>e.response?.file_url||e.url).filter(e=>!!e)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},watch:{limit(){this.fileList.length>this.limit&&(this.fileList=this.fileList.slice(0,this.limit),this.onSetStartEndImageUrl())}},mounted(){this.fileList=(this.value||[]).map((e,t)=>({name:`reference-${t+1}`,percentage:100,response:{file_url:e},status:`success`,uid:Date.now()+t,url:e}))},methods:{onExceed(){M.warning(this.$t(`veo.message.uploadReferencesLimit`,{limit:this.limit}))},onError(){M.error(this.$t(`veo.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()},onRemove(e){let t=this.fileList.indexOf(e);t>=0&&this.fileList.splice(t,1),this.onSetStartEndImageUrl()}}}),Re={class:`relative`},ze={class:`flex justify-between`},Be={class:`flex justify-start items-center`},Ve={class:`text-sm font-bold`};function He(t,s,l,u,p,m){let g=c(`info-icon`),_=c(`image-preview`),v=c(`font-awesome-icon`),y=c(`el-button`),b=c(`el-upload`);return h(),o(`div`,Re,[e(`div`,ze,[e(`div`,Be,[e(`span`,Ve,r(t.title),1),i(g,{content:t.description},null,8,[`content`])])]),i(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":s[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:t.limit,class:`upload-wrapper`,multiple:!0,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:f(({file:e})=>[e.url&&e.percentage!==void 0?(h(),d(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):a(``,!0)]),default:f(()=>[i(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`veo.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ue=j(Le,[[`render`,He],[`__scopeId`,`data-v-4f7ed755`]]),We=_({name:`PromptInput`,components:{PromptTextarea:ae},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ge(e,t,n,r,i,a){let o=c(`prompt-textarea`);return h(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`veo.name.prompt`),info:e.$t(`veo.description.prompt`),placeholder:e.$t(`veo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ke=_({name:`ConfigPanel`,components:{ElButton:F,Consumption:W,FontAwesomeIcon:B,PromptInput:j(We,[[`render`,Ge]]),ModelSelector:ve,StartEndImage:Ue,ActionSelector:xe,TranslationSelector:ke,AspectRatioSelector:Ie},emits:[`generate`],computed:{config(){return this.$store.state.veo?.config},showsImages(){return this.config?.action===`image2video`||this.config?.action===`ingredients2video`},imageLimit(){return this.config?.action===`ingredients2video`?3:2},consumption(){return re(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),qe={class:`flex flex-col h-full`},Je={class:`flex-1 overflow-y-auto p-5`},Ye={class:`flex flex-col items-center justify-center px-5 pb-5`};function Xe(t,s,l,u,p,m){let g=c(`action-selector`),_=c(`model-selector`),v=c(`start-end-image`),y=c(`prompt-input`),b=c(`aspect-ratio-selector`),x=c(`translation-selector`),S=c(`consumption`),C=c(`font-awesome-icon`),w=c(`el-button`);return h(),o(`div`,qe,[e(`div`,Je,[i(g,{class:`mb-5`}),i(_,{class:`mb-4`}),t.showsImages?(h(),d(v,{key:t.config?.action,class:`mb-4`,limit:t.imageLimit,ingredients:t.config?.action===`ingredients2video`},null,8,[`limit`,`ingredients`])):a(``,!0),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-2`})]),e(`div`,Ye,[i(S,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:f(()=>[i(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),n(` `+r(t.$t(`veo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ze=j(Ke,[[`render`,Xe]]),Qe=_({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:T,VideoPlayer:Y,ImagePreview:H,ElTooltip:C,ElButton:F,ApiCodeButton:X},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{referenceImages(){let e=this.modelValue?.request?.image_urls;return Array.isArray(e)?e.filter(e=>typeof e==`string`&&!!e):[]},actionLabel(){let e=this.modelValue?.request,t=e?.model===`veo31-fast-ingredients`||this.referenceImages.length>2?`ingredients2video`:this.referenceImages.length>0?`image2video`:`text2video`,n=e?.action||t;return this.$t({text2video:`veo.button.action1`,image2video:`veo.button.action2`,ingredients2video:`veo.button.actionIngredients`}[n]||`veo.name.action`)},traceId(){return this.modelValue?.response?.trace_id||this.modelValue?.trace_id},taskInfoClass(){return this.modelValue?.response?.success===!0?`success`:this.modelValue?.response?.success===!1?`failure`:`info`}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),$e={class:`preview`},et={class:`left`},tt={class:`main`},nt={class:`bot`},rt={class:`datetime`},it={class:`info`},at={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ot={key:1,class:`prompt mt-2`},st={key:0},ct={key:1},lt={key:0,class:t({content:!0,failed:!0})},ut={key:0,class:`mb-4`},dt={key:1,class:t({operations:!0,"mt-2":!0})},ft={key:1,class:t({content:!0})},pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={class:t({content:!0})},ht={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},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`};function xt(l,u,p,g,_,v){let y=c(`el-image`),b=c(`image-preview`),x=c(`video-player`),S=c(`el-button`),C=c(`el-tooltip`),w=c(`api-code-button`),T=c(`font-awesome-icon`),E=c(`copy-to-clipboard`),D=c(`el-alert`);return h(),o(`div`,$e,[e(`div`,et,[i(y,{src:`https://cdn.acedata.cloud/8nxyy9.jpg`,class:`avatar`})]),e(`div`,tt,[e(`div`,nt,[n(r(l.$t(`veo.name.veoBot`))+` `,1),e(`span`,rt,r(l.$dayjs.format(``+new Date(parseFloat((l.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,it,[l.referenceImages.length>0?(h(),o(`div`,at,[(h(!0),o(s,null,m(l.referenceImages,(e,t)=>(h(),d(b,{key:`${t}-${e}`,url:e,name:`reference-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):a(``,!0),l.modelValue?.request?.prompt?(h(),o(`p`,ot,[n(r(l.modelValue?.request?.prompt)+` `,1),l.modelValue?.response?a(``,!0):(h(),o(`span`,st,` - (`+r(l.$t(`veo.status.pending`))+`) `,1)),Array.isArray(l.modelValue?.response?.data)&&l.modelValue?.response?.data[0]?.state===`running`?(h(),o(`span`,ct,` - (`+r(l.$t(`veo.status.processing`))+`) `,1)):a(``,!0)])):a(``,!0)]),l.modelValue?.response?.success===!0&&l.modelValue?.response?.data?(h(),o(`div`,lt,[l.modelValue?.response?.data[0]?.video_url?(h(),o(`div`,ut,[i(x,{src:l.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):a(``,!0),l.modelValue?.response.success?(h(),o(`div`,dt,[i(C,{class:`box-item`,effect:`dark`,content:l.$t(`veo.message.downloadVideo`),placement:`top-start`},{default:f(()=>[l.modelValue?.response?.data[0]?.video_url?(h(),d(S,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:u[0]||=e=>l.onDownload(e,l.modelValue?.response?.data[0]?.video_url)},{default:f(()=>[n(r(l.$t(`veo.button.download`)),1)]),_:1})):a(``,!0)]),_:1},8,[`content`]),i(w,{path:`/veo/videos`,body:l.modelValue?.request},null,8,[`body`])])):a(``,!0)])):a(``,!0),l.modelValue?.response?.success===!1?(h(),o(`div`,ft,[i(D,{closable:!1,class:`failure`},{template:f(()=>[i(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.failure`)),1)]),default:f(()=>[e(`p`,pt,[i(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.failureReason`))+`: `+r(l.modelValue?.response?.error?.message)+` `,1),i(E,{content:l.modelValue?.response?.error?.message},null,8,[`content`])])]),_:1})])):a(``,!0),e(`div`,mt,[i(D,{closable:!1,class:t([`mt-2`,`task-metadata`,l.taskInfoClass])},{default:f(()=>[l.modelValue?.request?.model?(h(),o(`p`,ht,[i(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.model`))+`: `+r(l.modelValue?.request?.model),1)])):a(``,!0),e(`p`,gt,[i(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.action`))+`: `+r(l.actionLabel),1)]),l.modelValue?.request?.aspect_ratio?(h(),o(`p`,_t,[i(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.ratio`))+`: `+r(l.modelValue?.request?.aspect_ratio),1)])):a(``,!0),l.modelValue?.request?.translation===void 0?a(``,!0):(h(),o(`p`,vt,[i(T,{icon:`fa-solid fa-language`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.translation`))+`: `+r(l.$t(l.modelValue?.request?.translation?`seedance.button.on`:`seedance.button.off`)),1)])),e(`p`,yt,[i(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.taskId`))+`: `+r(l.modelValue?.id)+` `,1),i(E,{content:l.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),l.modelValue?.elapsed?(h(),o(`p`,$,[i(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.elapsed`))+`: `+r(l.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),l.traceId?(h(),o(`p`,bt,[i(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(l.$t(`veo.name.traceId`))+`: `+r(l.traceId)+` `,1),i(E,{content:l.traceId,class:`btn-copy inline-block`},null,8,[`content`])])):a(``,!0)]),_:1},8,[`class`])])])])}var St=_({name:`RecentPanel`,components:{TaskPreview:j(Qe,[[`render`,xt],[`__scopeId`,`data-v-83725cd2`]]),NoTasks:q,BotPlaceholder:ie,ScrollList:K},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ct={key:0},wt={key:2,class:`w-full h-full flex items-center justify-center`};function Tt(e,t,n,r,l,u){let p=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return h(),o(s,null,[e.tasks?.items===void 0?(h(),o(`div`,Ct,[i(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),d(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:f(()=>[(h(!0),o(s,null,m(e.tasks?.items,(e,t)=>(h(),d(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(h(),o(`div`,wt,[i(v)])):a(``,!0)],64)}var Et=_({name:`VeoIndex`,components:{ConfigPanel:Ze,Layout:de,RecentPanel:j(St,[[`render`,Tt]])},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===z.Request||this.fetchingTasks},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.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(`veo/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`veo/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(`veo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ne(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e=pe(this.config);if(!R())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if((e.action===`image2video`||e.action===`ingredients2video`)&&!(e.image_urls&&e.image_urls.length>0)){M.warning(this.$t(`veo.message.imageRequired`));return}M.info(this.$t(`veo.message.startingTask`)),N(`veo`,te.generate(e,{token:t})).then(()=>{M.success(this.$t(`veo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`veo.message.usedUp`)):M.error(this.$t(`veo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Dt(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return h(),d(u,null,{config:f(()=>[i(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:f(()=>[i(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ot=j(Et,[[`render`,Dt]]);export{Ot as default};

package/dist/assets/Index-BbiCHhym.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{b as y,h as b,nt as x}from"./use-deprecated-B-uvyrTL.js";import{r as S,t as C}from"./select-5RrKVJWv.js";import{n as w,t as T}from"./tabs-CtkBu9RO.js";import{t as E}from"./upload-DOtR0Rsx.js";import{t as D}from"./tooltip-DqZhkwOE.js";import{t as O}from"./image-DXnc07fB.js";import{t as k}from"./alert-MxWa3YPt.js";import{n as A,r as j}from"./radio-Bj0tEwH8.js";import{t as M}from"./drawer-Ch5GZZ3O.js";import{n as N,t as P}from"./dropdown-CT0dOzyC.js";import{t as F}from"./input-number-CNwWqY98.js";import{t as I}from"./slider-BSnxFgoX.js";import{t as L}from"./switch-Cx5c7gi6.js";import{Ci as R,wi as ee}from"./constants-DTWXEulJ.js";import{G as z,Hi as B,Ii as V,Ni as H,Nr as U,Si as W,Wi as G,an as K,br as q,fi as J,in as te,ln as ne,mi as re,on as ie,pi as ae,sn as Y,vn as X,yi as oe}from"./index-hUqJzTZs.js";import{t as Z}from"./index.es-C9USprIb.js";import{t as se}from"./CopyToClipboard-CRx3WmAz.js";import{t as Q}from"./ImagePreview-BA-2TVGQ.js";import{n as ce}from"./taskDrawerMixin-DyAUhFEq.js";import{t as le}from"./Consumption-DZ2G5VjX.js";import{a as $,n as ue,r as de,t as fe}from"./pagination-CYLX-yRi.js";import{t as pe}from"./VideoPlayer-DJv7Is_7.js";import{t as me}from"./ApiCodeButton-QA7sAoU5.js";import{t as he}from"./BotPlaceholder-CKfXLBVh.js";import{t as ge}from"./PromptTextarea-DfytCmfP.js";import{t as _e}from"./ImageWrapper-BaJW62Yy.js";var ve=v({name:`LayoutMidjourney`,components:{ElDrawer:M,ElButton:G,FontAwesomeIcon:Z},mixins:[ce]}),ye={class:`main flex-1 h-full flex flex-row`},be={class:`config w-[320px] flex-none h-full flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},xe={class:`results flex-1 h-full flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Se(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,ye,[e(`div`,be,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,xe,[d(t.$slots,`results`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Ce=z(ve,[[`render`,Se],[`__scopeId`,`data-v-689d2913`]]),we=v({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`}}),Te={class:`text-sm font-bold mb-2 block`},Ee={class:`items`},De=[`onClick`],Oe={class:`name`};function ke(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,Te,i(t.$t(`midjourney.name.ratio`)),1),e(`div`,Ee,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.label])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,Oe,i(r.label),1)],10,De))),128))])])}var Ae=z(we,[[`render`,ke],[`__scopeId`,`data-v-b1114c34`]]),je=!1,Me=v({name:`AdvancedSelector`,components:{ElSwitch:L},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=je)}}),Ne={class:`field`},Pe={class:`title`};function Fe(t,n,r,o,c,u){let d=l(`el-switch`);return g(),s(`div`,Ne,[e(`h2`,Pe,i(t.$t(`midjourney.name.advanced`)),1),a(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])}var Ie=z(Me,[[`render`,Fe],[`__scopeId`,`data-v-2d55fce2`]]),Le=v({name:`LoopSelector`,components:{ElSwitch:L,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)}}),Re={class:`relative`},ze={class:`flex justify-between`},Be={class:`flex justify-start items-center`},Ve={class:`text-sm font-bold`},He={class:`flex justify-end items-center`};function Ue(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return g(),s(`div`,Re,[e(`div`,ze,[e(`div`,Be,[e(`span`,Ve,i(t.$t(`midjourney.name.loop`)),1),a(d,{content:t.$t(`midjourney.description.loop`)},null,8,[`content`])]),e(`div`,He,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var We=z(Le,[[`render`,Ue]]),Ge=`8.1`,Ke=v({name:`VersionSelector`,components:{ElSelect:S,ElOption:C},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||=Ge}}),qe={class:`field`},Je={class:`text-sm font-bold`};function Ye(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,qe,[e(`span`,Je,i(t.$t(`midjourney.name.version`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`midjourney.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Xe=z(Ke,[[`render`,Ye],[`__scopeId`,`data-v-8e00777d`]]),Ze=v({name:`HdSelector`,components:{ElSwitch:L,ElTooltip:D,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})}}}}),Qe={class:`field`},$e={class:`text-sm font-bold`};function et(t,n,o,c,u,d){let f=l(`font-awesome-icon`),m=l(`el-tooltip`),h=l(`el-switch`);return g(),s(`div`,Qe,[e(`span`,$e,[r(i(t.$t(`midjourney.name.hd`))+` `,1),a(m,{content:t.$t(`midjourney.description.hd`),placement:`top`},{default:p(()=>[a(f,{icon:`fa-solid fa-circle-info`,class:`info-icon`})]),_:1},8,[`content`])]),a(h,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e},null,8,[`modelValue`])])}var tt=z(Ze,[[`render`,et],[`__scopeId`,`data-v-871c894e`]]),nt=v({name:`ReferenceImage`,components:{ElUpload:E,ElButton:G,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,K],emits:[`change`],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},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(){H.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){H.error(this.$t(`midjourney.message.uploadStartImageError`))}}}),rt={class:`relative`},it={class:`flex justify-between`},at={class:`flex justify-start items-center`},ot={class:`text-sm font-bold`};function st(t,n,o,c,u,d){let f=l(`info-icon`),m=l(`image-preview`),h=l(`font-awesome-icon`),_=l(`el-button`),v=l(`el-upload`);return g(),s(`div`,rt,[e(`div`,it,[e(`div`,at,[e(`span`,ot,[r(i(t.$t(`midjourney.name.imageUrl`))+` `,1),n[1]||=e(`span`,{class:`text-red-500`,"aria-hidden":`true`},`*`,-1)]),a(f,{content:t.$t(`midjourney.description.imageUrl`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,headers:t.headers},{file:p(({file:e})=>[a(m,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`midjourney.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var ct=z(nt,[[`render`,st],[`__scopeId`,`data-v-0445850f`]]),lt=v({name:`EndImageUrlInput`,components:{ElUpload:E,ElButton:G,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,K],emits:[`change`],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},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(){H.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){H.error(this.$t(`midjourney.message.uploadEndImageError`))}}}),ut={class:`relative`},dt={class:`flex justify-between`},ft={class:`flex justify-start items-center`},pt={class:`text-sm font-bold`};function mt(t,n,o,c,u,d){let f=l(`info-icon`),m=l(`image-preview`),h=l(`font-awesome-icon`),_=l(`el-button`),v=l(`el-upload`);return g(),s(`div`,ut,[e(`div`,dt,[e(`div`,ft,[e(`span`,pt,i(t.$t(`midjourney.name.endImageUrl`)),1),a(f,{content:t.$t(`midjourney.description.endImageUrl`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,headers:t.headers},{file:p(({file:e})=>[a(m,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`midjourney.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var ht=z(lt,[[`render`,mt],[`__scopeId`,`data-v-375309d2`]]),gt=v({name:`ReferenceImage`,components:{ElUpload:E,ElButton:G,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,K],emits:[`change`],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},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(){H.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){H.error(this.$t(`midjourney.message.uploadStartImageError`))}}}),_t={class:`relative`},vt={class:`flex justify-between`},yt={class:`flex justify-start items-center`},bt={class:`text-sm font-bold`};function xt(t,n,o,c,u,d){let f=l(`info-icon`),m=l(`image-preview`),h=l(`font-awesome-icon`),_=l(`el-button`),v=l(`el-upload`);return g(),s(`div`,_t,[e(`div`,vt,[e(`div`,yt,[e(`span`,bt,i(t.$t(`midjourney.name.imageUrl2`)),1),a(f,{content:t.$t(`midjourney.description.imageUrl2`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,headers:t.headers},{file:p(({file:e})=>[a(m,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`midjourney.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var St=z(gt,[[`render`,xt],[`__scopeId`,`data-v-6b4c9a65`]]),Ct=v({name:`StylizeSelector`,components:{ElSlider:I,InfoIcon:$,ElInputNumber:F},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}}),wt={class:`flex justify-between`},Tt={class:`flex justify-start items-center`},Et={class:`text-sm font-bold`},Dt={class:`flex justify-end items-center`},Ot={class:`w-full px-2`};function kt(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,wt,[e(`div`,Tt,[e(`span`,Et,i(t.$t(`midjourney.name.stylize`)),1),a(d,{content:t.$t(`midjourney.description.stylize`)},null,8,[`content`])]),e(`div`,Dt,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,Ot,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:100,step:1},null,8,[`modelValue`])])])}var At=z(Ct,[[`render`,kt]]),jt=0,Mt=v({name:`ChaosSelector`,components:{ElSlider:I,InfoIcon:$,ElInputNumber:F},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||=jt}}),Nt={class:`flex justify-between`},Pt={class:`flex justify-start items-center`},Ft={class:`text-sm font-bold`},It={class:`flex justify-end items-center`},Lt={class:`w-full px-2`};function Rt(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,Nt,[e(`div`,Pt,[e(`span`,Ft,i(t.$t(`midjourney.name.chaos`)),1),a(d,{content:t.$t(`midjourney.description.chaos`)},null,8,[`content`])]),e(`div`,It,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,Lt,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:100,step:1},null,8,[`modelValue`])])])}var zt=z(Mt,[[`render`,Rt],[`__scopeId`,`data-v-ed158765`]]),Bt=v({name:`ModelSelector`,components:{ElImage:O,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=``)}}),Vt={class:`flex justify-start items-center`},Ht={class:`text-sm font-bold`},Ut={class:`items`},Wt=[`onClick`],Gt={class:`name`};function Kt(t,r,o,u,d,f){let p=l(`info-icon`),m=l(`el-image`);return g(),s(`div`,null,[e(`div`,Vt,[e(`span`,Ht,i(t.$t(`midjourney.name.model`)),1),a(p,{content:t.$t(`midjourney.description.model`)},null,8,[`content`])]),e(`div`,Ut,[(g(!0),s(c,null,h(t.options,(r,o)=>(g(),s(`div`,{key:o,class:n({active:t.active===o,item:!0}),onClick:e=>t.value=r.value},[a(m,{src:r.image,fit:`cover`,class:`image`},null,8,[`src`]),e(`p`,Gt,i(r.label),1)],10,Wt))),128))])])}var qt=z(Bt,[[`render`,Kt],[`__scopeId`,`data-v-ebc6758e`]]),Jt=v({name:`QualitySelector`,components:{ElRadioButton:A,ElRadioGroup:j},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`}}),Yt={class:`field`},Xt={class:`text-sm font-bold`};function Zt(t,n,o,u,d,m){let _=l(`el-radio-button`),v=l(`el-radio-group`);return g(),s(`div`,Yt,[e(`span`,Xt,i(t.$t(`midjourney.name.quality`)),1),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`quality`},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.value},{default:p(()=>[r(i(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var Qt=z(Jt,[[`render`,Zt],[`__scopeId`,`data-v-10b2574d`]]),$t=v({name:`ResolutionSelector`,components:{ElSelect:S,ElOption:C},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||=R}}),en={class:`field`},tn={class:`title font-bold`};function nn(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,en,[e(`h2`,tn,i(t.$t(`midjourney.name.resolution`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`midjourney.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var rn=z($t,[[`render`,nn],[`__scopeId`,`data-v-12537f29`]]),an=v({name:`ImageWeightSelector`,components:{ElSlider:I,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}}),on={class:`flex justify-between`},sn={class:`flex justify-start items-center`},cn={class:`text-sm font-bold`},ln={class:`flex justify-end items-center`},un={class:`w-full px-2`};function dn(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,on,[e(`div`,sn,[e(`span`,cn,i(t.$t(`midjourney.name.imageWeight`)),1),a(d,{content:t.$t(`midjourney.description.imageWeight`)},null,8,[`content`])]),e(`div`,ln,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,un,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:2,step:.1},null,8,[`modelValue`])])])}var fn=z(an,[[`render`,dn],[`__scopeId`,`data-v-b4bf1f1e`]]),pn=v({name:`WeirdSelector`,components:{ElSlider:I,ElInputNumber:F,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}}),mn={class:`flex justify-between`},hn={class:`flex justify-start items-center`},gn={class:`text-sm font-bold`},_n={class:`flex justify-end items-center`},vn={class:`w-full px-2`};function yn(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,mn,[e(`div`,hn,[e(`span`,gn,i(t.$t(`midjourney.name.weird`)),1),a(d,{content:t.$t(`midjourney.description.weird`)},null,8,[`content`])]),e(`div`,_n,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,vn,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var bn=z(pn,[[`render`,yn]]),xn=v({name:`VideoFromInput`,components:{VideoPlayer:pe},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}}}),Sn={class:`relative`},Cn={class:`flex mb-2`},wn={class:`text-sm font-bold`};function Tn(t,n,r,a,c,u){let d=l(`video-player`);return g(),s(`div`,Sn,[e(`div`,Cn,[e(`span`,wn,i(t.$t(`midjourney.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(g(),f(d,{key:0,src:t.config?.video_url,options:t.options},null,8,[`src`,`options`])):o(``,!0)])])}var En=z(xn,[[`render`,Tn]]),Dn=``,On=v({name:`StyleSelector`,components:{ElSelect:S,ElOption:C},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||=Dn}}),kn={class:`field`},An={class:`text-sm font-bold title`},jn={class:`float-left`},Mn={class:`float-right`};function Nn(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,kn,[e(`span`,An,i(t.$t(`midjourney.name.style`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`midjourney.placeholder.select`),clearable:``},{default:p(()=>[(g(!0),s(c,null,h(t.options,t=>(g(),f(m,{key:t.value,label:t.label,value:t.value},{default:p(()=>[e(`span`,jn,i(t.label),1),e(`span`,Mn,i(t.value),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pn=z(On,[[`render`,Nn],[`__scopeId`,`data-v-00d50831`]]),Fn=v({name:`ElementsSelector`,components:{Check:y,ElTabs:w,ElTag:B,ElIcon:x,ElTabPane:T,ElImage:O,ElDialog:V,ElButton:G,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}))}}}),In={class:`flex justify-between`},Ln={class:`flex justify-start items-center`},Rn={class:`text-sm font-bold`},zn={class:`flex justify-end items-center`},Bn=[`onClick`],Vn={class:`name`};function Hn(t,o,u,d,m,_){let v=l(`info-icon`),y=l(`el-button`),b=l(`el-tag`),x=l(`check`),S=l(`el-icon`),C=l(`el-image`),w=l(`el-tab-pane`),T=l(`el-tabs`),E=l(`el-dialog`);return g(),s(`div`,null,[e(`div`,In,[e(`div`,Ln,[e(`span`,Rn,i(t.$t(`midjourney.field.elements`)),1),a(v,{content:t.$t(`midjourney.description.elements`)},null,8,[`content`])]),e(`div`,zn,[a(y,{round:``,type:`primary`,size:`small`,onClick:o[0]||=e=>t.choosing=!0},{default:p(()=>[r(i(t.$t(`midjourney.button.select`)),1)]),_:1})])]),e(`div`,null,[(g(!0),s(c,null,h(t.value,(e,n)=>(g(),f(b,{key:n,closable:``,effect:`dark`,round:``,class:`mr-1 mb-1`,onClose:n=>t.onToggle(e)},{default:p(()=>[r(i(e.label),1)]),_:2},1032,[`onClose`]))),128))]),a(E,{modelValue:t.choosing,"onUpdate:modelValue":o[2]||=e=>t.choosing=e,width:`70%`},{default:p(()=>[a(T,{modelValue:t.tab,"onUpdate:modelValue":o[1]||=e=>t.tab=e},{default:p(()=>[(g(!0),s(c,null,h(t.elements,(r,o)=>(g(),f(w,{key:o,label:r.displayName,name:o,class:`pane`},{default:p(()=>[(g(!0),s(c,null,h(r.items,(r,o)=>(g(),s(`div`,{key:o,class:n({hidden:r?.advanced,item:!0,active:t.value.includes(r)}),onClick:e=>t.onToggle(r)},[a(S,{class:`icon`},{default:p(()=>[a(x)]),_:1}),a(C,{src:r.image,fit:`fill`,class:`preview`},null,8,[`src`]),e(`span`,Vn,i(r.label),1)],10,Bn))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`])])}var Un=z(Fn,[[`render`,Hn],[`__scopeId`,`data-v-48a019ff`]]),Wn=`fast`,Gn=v({name:`ModeSelector`,components:{ElButton:G,ElDropdown:P,ArrowDown:b,ElIcon:x,FontAwesomeIcon:Z,ElDropdownItem:N},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||=Wn},methods:{onCommand(e){console.log(`command`,e),this.value=e}}}),Kn={class:`ml-2`},qn={class:`ml-1 text-sm`};function Jn(t,n,r,u,d,_){let v=l(`font-awesome-icon`),y=l(`arrow-down`),b=l(`el-icon`),x=l(`el-button`),S=l(`el-dropdown-item`),C=l(`el-dropdown-menu`),w=l(`el-dropdown`);return g(),f(w,{trigger:`click`,onCommand:t.onCommand},{dropdown:p(()=>[a(C,null,{default:p(()=>[(g(!0),s(c,null,h(t.options,(t,n)=>(g(),f(S,{key:n,class:`flex items-center justify-between`,command:t.value},{default:p(()=>[t.icon?(g(),f(v,{key:0,icon:t.icon,style:m({color:t.color})},null,8,[`icon`,`style`])):o(``,!0),e(`span`,qn,i(t.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:p(()=>[a(x,{round:``},{default:p(()=>[t.activeOption?.icon?(g(),f(v,{key:0,icon:t.activeOption.icon,style:m({color:t.activeOption?.color})},null,8,[`icon`,`style`])):o(``,!0),e(`span`,Kn,i(t.activeOption?.label),1),a(b,{class:`el-icon--right`},{default:p(()=>[a(y)]),_:1})]),_:1})]),_:1},8,[`onCommand`])}var Yn=z(Gn,[[`render`,Jn],[`__scopeId`,`data-v-defbf635`]]),Xn=v({name:`PromptInput`,components:{PromptTextarea:ge},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 Zn(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{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 Qn=z(Xn,[[`render`,Zn]]),$n=v({name:`ReferenceImage`,components:{ElUpload:E,ElButton:G,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,K],emits:[`change`],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`midjourney/setConfig`,{...this.$store.state.midjourney.config,references:e})}}},methods:{onExceed(){H.warning(this.$t(`midjourney.message.uploadReferencesExceed`))},onError(){H.error(this.$t(`midjourney.message.uploadReferencesError`))}}}),er={class:`relative`},tr={class:`flex justify-between`},nr={class:`flex justify-start items-center`},rr={class:`text-sm font-bold`};function ir(t,n,o,c,u,d){let f=l(`info-icon`),m=l(`image-preview`),h=l(`font-awesome-icon`),_=l(`el-button`),v=l(`el-upload`);return g(),s(`div`,er,[e(`div`,tr,[e(`div`,nr,[e(`span`,rr,i(t.$t(`midjourney.name.referenceImage`)),1),a(f,{content:t.$t(`midjourney.description.uploadReferences`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,headers:t.headers},{file:p(({file:e})=>[a(m,{url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`midjourney.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var ar=v({name:`ConfigPanel`,components:{ElButton:G,PromptInput:Qn,ModeSelector:Yn,ModelSelector:qt,ElementsSelector:Un,StyleSelector:Pn,QualitySelector:Qt,RatioSelector:Ae,VersionSelector:Xe,HdSelector:tt,StylizeSelector:At,AdvancedSelector:Ie,ChaosSelector:zt,WeirdSelector:bn,ImageWeightSelector:fn,ReferenceImage:z($n,[[`render`,ir],[`__scopeId`,`data-v-d991c11f`]]),ImageUrlInput:ct,EndImageUrlInput:ht,LoopSelector:We,ResolutionSelector:rn,ImageUrlInput2:St,Consumption:le,VideoFromInput:En,ElTabs:w,ElTabPane:T},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 ne(this.config,this.service?.cost)},service(){return this.$store.state.midjourney?.service}},mounted(){this.config.type||(this.type=ee)}}),or={class:`flex flex-col h-full`},sr={class:`flex-1 overflow-y-auto p-5`},cr={class:`pt-2 px-1`},lr={class:`pt-2 px-1`},ur={class:`pt-2 px-1`},dr={class:`flex flex-col px-5 pb-5`},fr={class:`flex gap-1`};function pr(t,n,c,d,m,h){let v=l(`model-selector`),y=l(`prompt-input`),b=l(`reference-image`),x=l(`ratio-selector`),S=l(`quality-selector`),C=l(`version-selector`),w=l(`hd-selector`),T=l(`elements-selector`),E=l(`advanced-selector`),D=l(`stylize-selector`),O=l(`weird-selector`),k=l(`chaos-selector`),A=l(`image-weight-selector`),j=l(`style-selector`),M=l(`el-tab-pane`),N=l(`video-from-input`),P=l(`image-url-input`),F=l(`end-image-url-input`),I=l(`loop-selector`),L=l(`resolution-selector`),R=l(`image-url-input2`),ee=l(`el-tabs`),z=l(`consumption`),B=l(`mode-selector`),V=l(`el-button`);return g(),s(`div`,or,[e(`div`,sr,[a(ee,{modelValue:t.type,"onUpdate:modelValue":n[0]||=e=>t.type=e,class:`demo-tabs`,stretch:``},{default:p(()=>[a(M,{label:t.$t(`midjourney.tab.images`),name:`imagine`},{default:p(()=>[e(`div`,cr,[a(v,{class:`mb-2`}),a(y,{class:`mb-4`}),a(b,{class:`mb-2`}),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),t.isNiji?o(``,!0):(g(),f(C,{key:0,class:`mb-4`})),t.isV8&&!t.isNiji?(g(),f(w,{key:1,class:`mb-4`})):o(``,!0),a(T,{class:`mb-2`}),a(E,{class:`mb-2`}),u(e(`div`,null,[a(D,{class:`mb-2`}),a(O,{class:`mb-2`}),a(k,{class:`mb-2`}),t.isV8?o(``,!0):(g(),f(A,{key:0,class:`mb-2`})),a(j,{class:`mb-2`})],512),[[_,t.config?.advanced]])])]),_:1},8,[`label`]),a(M,{label:t.$t(`midjourney.tab.videos`),name:`videos`},{default:p(()=>[e(`div`,lr,[u(a(N,{class:`mb-4`},null,512),[[_,t.config?.action===`extend`]]),a(P,{class:`mb-2`}),a(F,{class:`mb-2`}),a(I,{class:`mb-2`}),a(L,{class:`mb-4`}),a(y,{class:`mb-4`})])]),_:1},8,[`label`]),a(M,{label:t.$t(`midjourney.tab.describe`),name:`describe`},{default:p(()=>[e(`div`,ur,[a(R,{class:`mb-2`})])]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),e(`div`,dr,[a(z,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),e(`div`,fr,[t.type===`describe`?o(``,!0):(g(),f(B,{key:0})),t.config.action===`extend`?(g(),f(V,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:n[1]||=e=>t.$emit(`generate`)},{default:p(()=>[r(i(t.$t(`midjourney.button.extend`)),1)]),_:1})):(g(),f(V,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:n[2]||=e=>t.$emit(`generate`)},{default:p(()=>[r(i(t.$t(`midjourney.button.generate`)),1)]),_:1}))])])])}var mr=z(ar,[[`render`,pr]]),hr=v({name:`TaskPreview`,components:{ElImage:O,ImageWrapper:_e,ImagePreview:Q,ElButton:G,FontAwesomeIcon:Z,ElTooltip:D,ElAlert:k,ElTag:B,CopyToClipboard:se,VideoPlayer:pe,ApiCodeButton:me},props:{modelValue:{type:Object,required:!0},full:{type:Boolean,default:!1}},emits:[`custom`],data(){return{midjourneyImagineState:ae,actionMapping:{[J.GENERATE]:`Generate`,[J.UPSCALE1]:`U1`,[J.UPSCALE2]:`U2`,[J.UPSCALE3]:`U3`,[J.UPSCALE4]:`U4`,[J.VARIATION1]:`V1`,[J.VARIATION2]:`V2`,[J.VARIATION3]:`V3`,[J.VARIATION4]:`V4`,[J.VARIATION_STRONG]:`Vary (Strong)`,[J.VARIATION_SUBTLE]:`Vary (Subtle)`,[J.UPSCALE_CREATIVE]:`Upscale (Creative)`,[J.UPSCALE_SUBTLE]:`Upscale (Subtle)`,[J.ZOOM_OUT_2X]:`Zoom Out 2x`,[J.ZOOM_OUT_1_5X]:`Zoom Out 1.5x`,[J.UPSCALE_2X]:`Upscale 2x`,[J.UPSCALE_4X]:`Upscale 4x`,[J.REDO_UPSCALE_2X]:`Redo Upscale 2x`,[J.REDO_UPSCALE_4X]:`Redo Upscale 4x`,[J.REDO_UPSCALE_SUBTLE]:`Redo Upscale (Subtle)`,[J.REDO_UPSCALE_CREATIVE]:`Redo Upscale (Creative)`,[J.SQUARE]:`Make Square`,[J.PAN_LEFT]:`⬅️`,[J.PAN_UP]:`⬆️`,[J.PAN_DOWN]:`⬇️`,[J.PAN_RIGHT]:`➡️`,[J.REROLL]:`🔄`},descriptionMapping:{[J.GENERATE]:this.$t(`midjourney.action.generate`),[J.UPSCALE1]:this.$t(`midjourney.action.upscale1`),[J.UPSCALE2]:this.$t(`midjourney.action.upscale2`),[J.UPSCALE3]:this.$t(`midjourney.action.upscale3`),[J.UPSCALE4]:this.$t(`midjourney.action.upscale4`),[J.VARIATION1]:this.$t(`midjourney.action.variation1`),[J.VARIATION2]:this.$t(`midjourney.action.variation2`),[J.VARIATION3]:this.$t(`midjourney.action.variation3`),[J.VARIATION4]:this.$t(`midjourney.action.variation4`),[J.VARIATION_STRONG]:this.$t(`midjourney.action.variation_strong`),[J.VARIATION_SUBTLE]:this.$t(`midjourney.action.variation_subtle`),[J.ZOOM_OUT_2X]:this.$t(`midjourney.action.zoom_out_2x`),[J.ZOOM_OUT_1_5X]:this.$t(`midjourney.action.zoom_out_1_5x`),[J.UPSCALE_2X]:this.$t(`midjourney.action.upscale_2x`),[J.UPSCALE_4X]:this.$t(`midjourney.action.upscale_4x`),[J.UPSCALE_SUBTLE]:this.$t(`midjourney.action.upscale_subtle`),[J.UPSCALE_CREATIVE]:this.$t(`midjourney.action.upscale_creative`),[J.REDO_UPSCALE_2X]:this.$t(`midjourney.action.redo_upscale_2x`),[J.REDO_UPSCALE_4X]:this.$t(`midjourney.action.redo_upscale_4x`),[J.REDO_UPSCALE_SUBTLE]:this.$t(`midjourney.action.redo_upscale_subtle`),[J.REDO_UPSCALE_CREATIVE]:this.$t(`midjourney.action.redo_upscale_creative`),[J.SQUARE]:this.$t(`midjourney.action.square`),[J.PAN_LEFT]:this.$t(`midjourney.action.pan_left`),[J.PAN_UP]:this.$t(`midjourney.action.pan_up`),[J.PAN_DOWN]:this.$t(`midjourney.action.pan_down`),[J.PAN_RIGHT]:this.$t(`midjourney.action.pan_right`),[J.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]} (${ne({...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()}}}),gr={key:0,class:`item`},_r={class:`left`},vr={class:`preview`},yr={class:`bot`},br={class:`datetime`},xr={class:`info`},Sr={key:0,class:`prompt`},Cr={key:0},wr={key:1},Tr={key:1,class:`prompt`},Er={key:0},Dr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Or={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ar={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},jr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Mr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pr={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Fr={key:2},Ir={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Lr={key:1,class:`item`},Rr={class:`left`},zr={class:`preview`},Br={class:`bot`},Vr={class:`datetime`},Hr={class:`info`},Ur={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Wr={key:1,class:`prompt`},Gr={key:0},Kr={key:1},qr={key:2,class:`prompt`},Jr={key:0},Yr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xr={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Zr={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qr={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$r={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ei={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ti={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ni={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ri={key:0,class:`mb-4`},ii={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},ai={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},oi={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},si={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ci={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},li={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ui={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},di={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},fi={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},pi={key:2},mi={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hi={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gi={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_i={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vi={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},yi={key:2,class:`item`},bi={class:`left`},xi={class:`preview`},Si={class:`bot`},Ci={class:`datetime`},wi={class:`info`},Ti={key:0,class:`prompt`},Ei={key:0},Di={key:1},Oi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ki={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ai={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ji={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Mi={class:`mb-2`},Ni={class:`mb-2`},Pi={key:0},Fi={class:`text-sm text-[var(--el-text-color-primary)]`},Ii={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Li={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ri={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zi={key:2},Bi={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Vi(d,m,v,y,b,x){let S=l(`el-image`),C=l(`font-awesome-icon`),w=l(`copy-to-clipboard`),T=l(`el-alert`),E=l(`image-wrapper`),D=l(`el-button`),O=l(`el-tooltip`),k=l(`api-code-button`),A=l(`image-preview`),j=l(`video-player`),M=l(`el-tag`);return g(),s(c,null,[d.modelValue?.type===`imagine`?(g(),s(`div`,gr,[e(`div`,_r,[a(S,{src:`https://cdn.acedata.cloud/wto43b.png`,class:`avatar`})]),e(`div`,vr,[e(`div`,yr,[r(i(d.$t(`midjourney.name.midjourneyBot`))+` `,1),e(`span`,br,i(d.$dayjs.format(``+new Date(parseFloat((d.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,xr,[d.modelValue?.request?.prompt?(g(),s(`p`,Sr,[r(i(d.modelValue?.request?.prompt)+` `,1),d.modelValue?.response?o(``,!0):(g(),s(`span`,Cr,` - (`+i(d.$t(`midjourney.status.pending`))+`) `,1)),d.modelValue?.response?.progress!==void 0&&d.modelValue?.response?.progress!==100?(g(),s(`span`,wr,` - (`+i(d.modelValue?.response?.progress)+`%) `,1)):o(``,!0),e(`span`,null,`(`+i(d.modelValue?.request?.mode)+`)`,1)])):o(``,!0),d.modelValue?.request?.image_id?(g(),s(`p`,Tr,[r(i(d.modelValue?.request?.image_id)+` - `+i(d.modelValue?.request?.action)+` `,1),d.modelValue?.response?o(``,!0):(g(),s(`span`,Er,` - (`+i(d.$t(`midjourney.status.pending`))+`) `,1)),e(`span`,null,`(`+i(d.modelValue?.request?.mode)+`)`,1)])):o(``,!0)]),d.modelValue?.response?.success===!1?(g(),s(`div`,{key:0,class:n({content:!0,full:d.full,failed:!0})},[a(T,{closable:!1,class:`failure`},{default:p(()=>[e(`p`,Dr,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])]),e(`p`,Or,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.failureReason`))+`: `+i(d.modelValue?.response?.error?.message)+` `,1),a(w,{content:d.modelValue?.response?.error?.message},null,8,[`content`])]),d.modelValue?.elapsed?(g(),s(`p`,kr,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.elapsed`))+`: `+i(d.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Ar,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.traceId`))+`: `+i(d.modelValue?.response?.trace_id)+` `,1),a(w,{content:d.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})],2)):o(``,!0),d.modelValue?.response?.success===!0?(g(),s(`div`,{key:1,class:n({content:!0,full:d.full})},[d.modelValue?.response?.raw_image_url?(g(),f(E,{key:0,src:d.modelValue?.response?.image_url,"raw-src":d.modelValue?.response?.raw_image_url},null,8,[`src`,`raw-src`])):o(``,!0),d.modelValue?.response?.actions?(g(),s(`div`,{key:1,class:n({operations:!0,full:d.full})},[(g(!0),s(c,null,h(d.modelValue?.response?.actions,(e,t)=>(g(),f(O,{key:t,class:`box-item`,effect:`dark`,content:d.getActionDescriptionWithPrice(e,d.modelValue?.request?.mode),placement:`top-start`},{default:p(()=>[u(a(D,{type:`info`,size:`small`,class:`btn-action`,onClick:t=>d.onCustom(e)},{default:p(()=>[r(i(d.actionMapping[e]),1)]),_:2},1032,[`onClick`]),[[_,d.actionMapping[e]]])]),_:2},1032,[`content`]))),128)),a(k,{path:`/midjourney/imagine`,body:d.modelValue?.request},null,8,[`body`])],2)):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,jr,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])]),d.modelValue?.elapsed?(g(),s(`p`,Mr,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.elapsed`))+`: `+i(d.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Nr,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.traceId`))+`: `+i(d.modelValue?.trace_id)+` `,1),a(w,{content:d.modelValue?.trace_id},null,8,[`content`])]),e(`p`,Pr,[a(C,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.imageId`))+`: `+i(d.modelValue?.response?.image_id)+` `,1),a(w,{content:d.modelValue?.response?.image_id},null,8,[`content`])])]),_:1})],2)):o(``,!0),d.modelValue?.response?o(``,!0):(g(),s(`div`,Fr,[a(T,{closable:!1,class:`mt-2 info`},{default:p(()=>[e(`p`,Ir,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])])]),_:1})]))])])):o(``,!0),d.modelValue?.type===`videos`?(g(),s(`div`,Lr,[e(`div`,Rr,[a(S,{src:`https://cdn.acedata.cloud/wto43b.png`,class:`avatar`})]),e(`div`,zr,[e(`div`,Br,[r(i(d.$t(`midjourney.name.midjourneyBot`))+` `,1),e(`span`,Vr,i(d.$dayjs.format(``+new Date(parseFloat((d.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Hr,[d.modelValue?.request?.image_url||d.modelValue?.request?.end_image_url?(g(),s(`div`,Ur,[d.modelValue?.request?.image_url?(g(),f(A,{key:0,url:d.modelValue.request.image_url,name:d.$t(`midjourney.name.imageUrl`),closable:!1},null,8,[`url`,`name`])):o(``,!0),d.modelValue?.request?.end_image_url?(g(),f(A,{key:1,url:d.modelValue.request.end_image_url,name:d.$t(`midjourney.name.endImageUrl`),closable:!1},null,8,[`url`,`name`])):o(``,!0)])):o(``,!0),d.modelValue?.request?.prompt?(g(),s(`p`,Wr,[r(i(d.modelValue?.request?.prompt)+` `,1),d.modelValue?.response?o(``,!0):(g(),s(`span`,Gr,` - (`+i(d.$t(`midjourney.status.pending`))+`) `,1)),d.modelValue?.response?.progress!==void 0&&d.modelValue?.response?.progress!==100?(g(),s(`span`,Kr,` - (`+i(d.modelValue?.response?.progress)+`%) `,1)):o(``,!0),e(`span`,null,`(`+i(d.modelValue?.request?.mode)+`)`,1)])):o(``,!0),d.modelValue?.request?.video_id?(g(),s(`p`,qr,[r(i(d.modelValue?.request?.video_id)+` - `+i(d.modelValue?.request?.action)+` `,1),d.modelValue?.response?o(``,!0):(g(),s(`span`,Jr,` - (`+i(d.$t(`midjourney.status.pending`))+`) `,1)),e(`span`,null,`(`+i(d.modelValue?.request?.mode)+`)`,1)])):o(``,!0)]),d.modelValue?.response?.success===!1?(g(),s(`div`,{key:0,class:n({content:!0,full:d.full,failed:!0})},[a(T,{closable:!1,class:`failure`},{default:p(()=>[d.modelValue?.request?.action?(g(),s(`p`,Yr,[a(C,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.action`))+`: `+i(d.modelValue?.request?.action),1)])):o(``,!0),d.modelValue?.request?.resolution?(g(),s(`p`,Xr,[a(C,{icon:`fa-solid fa-gauge-high`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.resolution`))+`: `+i(d.modelValue?.request?.resolution),1)])):o(``,!0),d.modelValue?.request?.mode?(g(),s(`p`,Zr,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.mode`))+`: `+i(d.modelValue?.request?.mode),1)])):o(``,!0),d.modelValue?.request?.loop===void 0?o(``,!0):(g(),s(`p`,Qr,[a(C,{icon:`fa-solid fa-arrows-rotate`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.loop`))+`: `+i(d.modelValue?.request?.loop?d.$t(`midjourney.field.on`):d.$t(`midjourney.field.off`)),1)])),e(`p`,$r,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])]),e(`p`,ei,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.failureReason`))+`: `+i(d.modelValue?.response?.error?.message)+` `,1),a(w,{content:d.modelValue?.response?.error?.message},null,8,[`content`])]),d.modelValue?.elapsed?(g(),s(`p`,ti,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.elapsed`))+`: `+i(d.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,ni,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.traceId`))+`: `+i(d.modelValue?.response?.trace_id)+` `,1),a(w,{content:d.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})],2)):o(``,!0),d.modelValue?.response?.success===!0?(g(),s(`div`,{key:1,class:n({content:!0,full:d.full})},[d.modelValue?.response.video_urls?(g(),s(`div`,ri,[a(j,{src:d.modelValue?.response.video_urls[0]},null,8,[`src`])])):o(``,!0),d.modelValue?.response&&d.modelValue?.response?.video_urls?(g(),s(`div`,ii,[a(O,{class:`box-item`,effect:`dark`,content:d.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(D,{type:`info`,size:`small`,class:`btn-action`,onClick:m[0]||=t(e=>d.onExtend(e,d.modelValue?.response),[`stop`])},{default:p(()=>[r(i(d.$t(`midjourney.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(O,{class:`box-item`,effect:`dark`,content:d.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(D,{type:`info`,size:`small`,class:`btn-action`,onClick:m[1]||=t(e=>d.onDownload(d.modelValue.response.video_urls[0]),[`stop`])},{default:p(()=>[r(i(d.$t(`midjourney.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(k,{path:`/midjourney/videos`,body:d.modelValue?.request},null,8,[`body`])])):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:p(()=>[d.modelValue?.request?.action?(g(),s(`p`,ai,[a(C,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.action`))+`: `+i(d.modelValue?.request?.action),1)])):o(``,!0),d.modelValue?.request?.resolution?(g(),s(`p`,oi,[a(C,{icon:`fa-solid fa-gauge-high`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.resolution`))+`: `+i(d.modelValue?.request?.resolution),1)])):o(``,!0),d.modelValue?.request?.mode?(g(),s(`p`,si,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.mode`))+`: `+i(d.modelValue?.request?.mode),1)])):o(``,!0),d.modelValue?.request?.loop===void 0?o(``,!0):(g(),s(`p`,ci,[a(C,{icon:`fa-solid fa-arrows-rotate`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.loop`))+`: `+i(d.modelValue?.request?.loop?d.$t(`midjourney.field.on`):d.$t(`midjourney.field.off`)),1)])),e(`p`,li,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])]),d.modelValue?.elapsed?(g(),s(`p`,ui,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.elapsed`))+`: `+i(d.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,di,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.traceId`))+`: `+i(d.modelValue?.trace_id)+` `,1),a(w,{content:d.modelValue?.trace_id},null,8,[`content`])]),e(`p`,fi,[a(C,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.videoId`))+`: `+i(d.modelValue?.response?.video_id)+` `,1),a(w,{content:d.modelValue?.response?.video_id},null,8,[`content`])])]),_:1})],2)):o(``,!0),d.modelValue?.response?o(``,!0):(g(),s(`div`,pi,[a(T,{closable:!1,class:`info`},{default:p(()=>[d.modelValue?.request?.action?(g(),s(`p`,mi,[a(C,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.action`))+`: `+i(d.modelValue?.request?.action),1)])):o(``,!0),d.modelValue?.request?.resolution?(g(),s(`p`,hi,[a(C,{icon:`fa-solid fa-gauge-high`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.resolution`))+`: `+i(d.modelValue?.request?.resolution),1)])):o(``,!0),d.modelValue?.request?.mode?(g(),s(`p`,gi,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.mode`))+`: `+i(d.modelValue?.request?.mode),1)])):o(``,!0),d.modelValue?.request?.loop===void 0?o(``,!0):(g(),s(`p`,_i,[a(C,{icon:`fa-solid fa-arrows-rotate`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.name.loop`))+`: `+i(d.modelValue?.request?.loop?d.$t(`midjourney.field.on`):d.$t(`midjourney.field.off`)),1)])),e(`p`,vi,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])])]),_:1})]))])])):o(``,!0),d.modelValue?.type===`describe`?(g(),s(`div`,yi,[e(`div`,bi,[a(S,{src:`https://cdn.acedata.cloud/wto43b.png`,class:`avatar`})]),e(`div`,xi,[e(`div`,Si,[r(i(d.$t(`midjourney.name.midjourneyBot`))+` `,1),e(`span`,Ci,i(d.$dayjs.format(``+new Date(parseFloat((d.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,wi,[d.modelValue?.request?.image_url?(g(),s(`p`,Ti,[r(i(d.modelValue?.request?.image_url)+` `,1),d.modelValue?.response?.descriptions?o(``,!0):(g(),s(`span`,Ei,` - (`+i(d.$t(`midjourney.status.describePending`))+`) `,1)),d.modelValue?.response?.descriptions?(g(),s(`span`,Di,` - (`+i(d.$t(`midjourney.status.describeComplete`))+`) `,1)):o(``,!0)])):o(``,!0)]),d.modelValue?.response&&!d.modelValue?.response?.descriptions?(g(),s(`div`,{key:0,class:n({content:!0,full:d.full,failed:!0})},[a(T,{closable:!1,class:`failure`},{default:p(()=>[e(`p`,Oi,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])]),e(`p`,ki,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.failureReason`))+`: `+i(d.modelValue?.response?.error?.message)+` `,1),a(w,{content:d.modelValue?.response?.error?.message},null,8,[`content`])]),d.modelValue?.elapsed?(g(),s(`p`,Ai,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.elapsed`))+`: `+i(d.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,ji,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.traceId`))+`: `+i(d.modelValue?.trace_id)+` `,1),a(w,{content:d.modelValue?.trace_id},null,8,[`content`])])]),_:1})],2)):o(``,!0),d.modelValue?.response?.descriptions?(g(),s(`div`,{key:1,class:n({content:!0,full:d.full})},[e(`div`,Mi,[e(`div`,Ni,[(g(!0),s(c,null,h(d.modelValue.response.descriptions,(t,n)=>(g(),s(`div`,{key:n,class:`flex items-start`},[t===``?o(``,!0):(g(),s(`div`,Pi,[a(M,{effect:`dark`,size:`small`,type:`primary`,round:``,class:`mr-1`},{default:p(()=>[r(i(n+1),1)]),_:2},1024),e(`span`,Fi,[r(i(t)+` `,1),a(w,{content:t},null,8,[`content`])])]))]))),128))]),d.modelValue?.request?.image_url?(g(),f(E,{key:0,src:d.modelValue?.request?.image_url,"raw-src":d.modelValue?.request?.image_url,class:`image w-full rounded-lg`},null,8,[`src`,`raw-src`])):o(``,!0)]),e(`div`,{class:n({operations:!0,"mt-2":!0,"mb-2":!0,full:d.full})},[a(k,{path:`/midjourney/describe`,body:d.modelValue?.request},null,8,[`body`])],2),a(T,{closable:!1,class:`success`},{default:p(()=>[e(`p`,Ii,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])]),d.modelValue?.elapsed?(g(),s(`p`,Li,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.elapsed`))+`: `+i(d.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Ri,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.traceId`))+`: `+i(d.modelValue?.trace_id)+` `,1),a(w,{content:d.modelValue?.trace_id},null,8,[`content`])])]),_:1})],2)):o(``,!0),d.modelValue?.response?o(``,!0):(g(),s(`div`,zi,[a(T,{closable:!1,class:`info`},{default:p(()=>[e(`p`,Bi,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(d.$t(`midjourney.field.taskId`))+`: `+i(d.modelValue?.id)+` `,1),a(w,{content:d.modelValue?.id},null,8,[`content`])])]),_:1})]))])])):o(``,!0)],64)}var Hi=v({name:`TaskList`,components:{TaskItem:z(hr,[[`render`,Vi],[`__scopeId`,`data-v-7a51ab7d`]]),BotPlaceholder:he,NoTasks:de,ScrollList:ue},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?.()}}}),Ui={key:0,class:`p-2 flex flex-col overflow-y-auto`},Wi={key:1,class:`w-full h-full flex items-center justify-center`};function Gi(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`no-tasks`),_=l(`task-item`),v=l(`scroll-list`);return e.tasks===void 0?(g(),s(`div`,Ui,[a(d)])):e.tasks&&e.tasks?.length===0?(g(),s(`div`,Wi,[a(m)])):e.tasks.length>0?(g(),f(v,{key:2,ref:`scrollList`,class:`p-2 py-3 h-full flex flex-col overflow-y-auto tasks`,loading:e.loading,"floating-loader":e.floatingLoader,onReachTop:t[2]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(g(!0),s(c,null,h(e.tasks,n=>(g(),f(_,{key:n.id,"model-value":n,onExtend:t[0]||=t=>e.$emit(`extend`,t),onCustom:t[1]||=t=>e.$emit(`custom`,t)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`,`floating-loader`])):o(``,!0)}var Ki=v({name:`MidjourneyIndex`,components:{ConfigPanel:mr,TaskList:z(Hi,[[`render`,Gi]]),Layout:Ce},mixins:[ie],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===oe.Request},tasksLoading(){return this.$store.state.midjourney.status.getTasks===oe.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){if(!X())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if(!e.prompt&&e.action===J.GENERATE){H.error(this.$t(`midjourney.message.promptRequired`));return}H.info(this.$t(`midjourney.message.startingTask`)),U(`midjourney`,q.imagine(e,{token:t})).then(()=>{H.success(this.$t(`midjourney.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?H.error(this.$t(`midjourney.message.usedUp`)):H.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){if(!X())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if(!e.prompt){H.error(this.$t(`midjourney.message.promptRequired`));return}if(e.action!==re.EXTEND&&!e.image_url){H.error(this.$t(`midjourney.message.imageUrlRequired`));return}H.info(this.$t(`midjourney.message.startingTask`)),U(`midjourney`,q.videos(e,{token:t})).then(()=>{H.success(this.$t(`midjourney.message.startVideosTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?H.error(this.$t(`midjourney.message.usedUp`)):H.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){if(!X())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}H.info(this.$t(`midjourney.message.startingTask`)),U(`midjourney`,q.describe(e,{token:t})).then(()=>{H.success(this.$t(`midjourney.message.startDescribeTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?H.error(this.$t(`midjourney.message.usedUp`)):H.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(te(this.uploadTracker,e=>this.$t(e),e=>H.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:J.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){H.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 qi(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`task-list`),u=l(`layout`);return g(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),results:p(()=>[a(c,{ref:`taskList`,loading:e.loadingMore,onCustom:e.onCustom,onReachTop:e.onReachTop},null,8,[`loading`,`onCustom`,`onReachTop`])]),_:1})}var Ji=z(Ki,[[`render`,qi]]);export{Ji as default};

package/dist/assets/Index-BwTugAev.css

@@ -0,0 +1 @@
+.landing[data-v-87902b18]{--landing-ink:var(--el-text-color-primary);--landing-muted:var(--el-text-color-secondary);--landing-accent:var(--el-color-primary);color:var(--landing-ink);background:var(--el-bg-color)}.container[data-v-87902b18]{width:min(1220px,100% - 48px);margin:0 auto}.macbook-frame[data-v-87902b18]{filter:drop-shadow(0 24px 28px #050c143d);padding:0 3.5%;position:relative}.macbook-frame__lid[data-v-87902b18]{z-index:1;background:linear-gradient(145deg,#11161d 0%,#050709 100%);border:1px solid #3c434d;border-radius:18px 18px 3px 3px;padding:2.6% 2.2% 0;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -14px 22px #00000059}.macbook-frame__camera[data-v-87902b18]{background:#1b2730;border-radius:50%;width:5px;height:5px;position:absolute;top:1.2%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #020304}.macbook-frame__viewport[data-v-87902b18]{background:#05070a;border-radius:11px 11px 2px 2px;overflow:hidden}.macbook-frame__viewport img[data-v-87902b18]{-o-object-fit:contain;object-fit:contain;background:0 0;border:0;width:100%;height:auto;display:block}.macbook-frame__chin[data-v-87902b18]{justify-content:center;align-items:center;height:12px;display:flex}.macbook-frame__base[data-v-87902b18]{z-index:2;background:linear-gradient(#d7d9dc 0%,#9ca1a7 38%,#575e66 72%,#c9ccd0 100%);border-radius:2px 2px 14px 14px;width:107.5%;height:18px;margin-top:-1px;margin-left:-3.75%;position:relative;box-shadow:inset 0 1px #ffffffd9,0 5px 8px #0000003d}.macbook-frame__base[data-v-87902b18]:before{content:"";background:linear-gradient(#737a82,#b8bcc1);border-radius:0 0 8px 8px;width:18%;height:46%;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-frame__base[data-v-87902b18]:after{content:"";filter:blur(2px);background:#00000047;border-radius:50%;height:3px;position:absolute;bottom:-3px;left:5%;right:5%}.macbook-frame__base span[data-v-87902b18]{background:#ffffff80;width:16%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-device[data-v-87902b18]{background:linear-gradient(145deg,#151a20,#030405);border:1px solid #3d4248;border-radius:32px;padding:9px 7px 12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 22px 48px #050c1457}.phone-device[data-v-87902b18]:before,.phone-device[data-v-87902b18]:after{content:"";background:#363c43;border-radius:2px 0 0 2px;width:3px;position:absolute;left:-3px}.phone-device[data-v-87902b18]:before{height:8%;top:23%}.phone-device[data-v-87902b18]:after{height:13%;top:34%}.phone-device__speaker[data-v-87902b18]{z-index:3;background:#272d34;border-radius:9999px;width:18%;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-device__screen[data-v-87902b18]{background:#05070a;border-radius:23px;position:relative;overflow:hidden}.phone-device__screen img[data-v-87902b18]{-o-object-fit:contain;object-fit:contain;background:0 0;border:0;width:100%;height:auto;display:block}.phone-device__island[data-v-87902b18]{z-index:2;background:#020304;border-radius:9999px;width:34%;height:13px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hero[data-v-87902b18]{background:var(--app-gradient-hero);min-height:720px;position:relative;overflow:hidden}.hero__grid[data-v-87902b18]{opacity:.5;background-image:radial-gradient(rgba(var(--app-brand-rgb), .18) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 92%);mask-image:linear-gradient(#000 20%,#0000 92%)}.hero__content[data-v-87902b18]{z-index:1;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);align-items:center;gap:56px;min-height:720px;padding-top:60px;padding-bottom:60px;display:grid;position:relative}.hero h1[data-v-87902b18]{letter-spacing:0;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#93b8c3 50%,#689caa 100%);-webkit-background-clip:text;background-clip:text;margin:18px 0 14px;font-size:64px;font-weight:800;line-height:1.05}.hero__headline[data-v-87902b18]{color:#fff;max-width:620px;margin:0;font-size:30px;font-weight:700;line-height:1.35}.hero__summary[data-v-87902b18]{color:#ffffffb8;max-width:590px;margin:20px 0 32px;font-size:17px;line-height:1.8}.hero__actions[data-v-87902b18]{flex-wrap:wrap;gap:12px;display:flex}.hero__actions .el-button[data-v-87902b18]:not(.el-button--primary){color:#fff;background:#ffffff1a;border-color:#fff6}.hero__stats[data-v-87902b18]{border-top:1px solid #fff3;grid-template-columns:.72fr .72fr 1.56fr;gap:0;margin:44px 0 0;padding:22px 0 0;display:grid}.hero__stats div[data-v-87902b18]{padding-right:18px}.hero__stats dt[data-v-87902b18]{color:#fff;margin-bottom:6px;font-size:20px;font-weight:750}.hero__stats dd[data-v-87902b18]{color:#ffffffa6;margin:0;font-size:13px;line-height:1.5}.hero__screens[data-v-87902b18]{min-height:430px;position:relative}.hero__desktop[data-v-87902b18]{width:92%}.hero__mobile[data-v-87902b18]{z-index:3;width:27%;position:absolute;bottom:12px;right:0}.hero__note[data-v-87902b18]{color:#172033;cursor:pointer;background:#fffffff0;border:1px solid #cddcda;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 12px 30px #1e394424}.hero__note[data-v-87902b18]:hover{transform:translateY(-2px);box-shadow:0 16px 34px #1e394433}.hero__note[data-v-87902b18]:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:3px}.hero__note svg[data-v-87902b18]{color:var(--landing-accent)}.hero__note--top[data-v-87902b18]{top:-22px;right:10px}.hero__note--bottom[data-v-87902b18]{bottom:38px;left:-20px}.eyebrow[data-v-87902b18],.story-kicker[data-v-87902b18]{color:var(--landing-accent);text-transform:uppercase;letter-spacing:0;font-size:13px;font-weight:800;line-height:1.4}.eyebrow[data-v-87902b18]{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;padding:7px 10px;display:inline-flex}.eyebrow--light[data-v-87902b18]{color:var(--landing-accent);background:0 0;border:0;padding:0}.section[data-v-87902b18]{padding:112px 0}.section-heading[data-v-87902b18]{text-align:center;max-width:760px;margin:0 auto 64px}.section-heading--wide[data-v-87902b18]{max-width:860px}.section-heading h2[data-v-87902b18]{letter-spacing:0;margin:12px 0 16px;font-size:42px;line-height:1.18}.section-heading p[data-v-87902b18]{color:var(--landing-muted);margin:0;font-size:17px;line-height:1.8}.platform-section[data-v-87902b18]{background:var(--el-bg-color);scroll-margin-top:76px}.platform-story[data-v-87902b18]{border:1px solid var(--app-border-subtle);background:var(--app-bg-surface);box-shadow:var(--app-shadow-sm);border-radius:16px;grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);align-items:center;gap:72px;margin-bottom:28px;padding:64px;display:grid}.platform-story--reverse[data-v-87902b18]{grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr)}.platform-story--reverse .platform-story__copy[data-v-87902b18]{order:2}.platform-story__copy .story-number[data-v-87902b18]{color:#c9d1d8;margin-bottom:28px;font-size:42px;font-weight:800;display:block}.platform-story__copy h3[data-v-87902b18]{letter-spacing:0;margin:10px 0 16px;font-size:34px;font-weight:800;line-height:1.25}.platform-story__copy>p[data-v-87902b18]:not(.story-kicker){color:var(--landing-muted);margin:0 0 28px;font-size:16px;line-height:1.85}.platform-story__copy .el-button svg[data-v-87902b18]{margin-left:8px}.platform-story__copy .el-button[data-v-87902b18]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5);background:var(--el-color-primary-light-9)}.feature-points[data-v-87902b18]{gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.feature-points li[data-v-87902b18]{color:var(--landing-muted);align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;display:flex}.feature-points li svg[data-v-87902b18]{color:var(--el-color-success);flex:none;margin-top:5px}.screen-pair[data-v-87902b18]{padding:12px 0 24px;position:relative}.screen-pair--large[data-v-87902b18]{padding-bottom:18px}.screen-pair__desktop[data-v-87902b18]{width:100%}.screen-pair__mobile[data-v-87902b18]{width:27%;position:absolute;bottom:0;right:0}.screen-pair--with-phone[data-v-87902b18]{padding-bottom:8%;padding-right:9%}.creation-section[data-v-87902b18]{background:var(--app-bg-section)}.creation-grid[data-v-87902b18]{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.creation-item[data-v-87902b18]{background:var(--app-bg-surface);box-shadow:var(--app-shadow-sm);border:1px solid #dbe2e5;border-radius:16px;overflow:hidden}.creation-item .screen-pair[data-v-87902b18]{background:var(--el-fill-color-light);padding:18px 18px 28px}.creation-item .screen-pair__mobile[data-v-87902b18]{bottom:10px;right:10px}.creation-item .screen-pair--with-phone[data-v-87902b18]{padding-bottom:12%;padding-right:13%}.creation-item__copy[data-v-87902b18]{grid-template-columns:1fr auto;gap:12px;padding:28px;display:grid}.creation-item__copy h3[data-v-87902b18]{letter-spacing:0;margin:5px 0 0;font-size:24px;line-height:1.25}.creation-item__copy>svg[data-v-87902b18]{color:var(--landing-accent)}.creation-item__copy>p[data-v-87902b18]{min-height:58px;color:var(--landing-muted);grid-column:1/-1;margin:0;font-size:14px;line-height:1.7}.creation-item__link[data-v-87902b18]{width:fit-content;color:var(--landing-accent);font:inherit;cursor:pointer;background:0 0;border:0;grid-column:1/-1;padding:0;font-weight:700}.capability-section[data-v-87902b18]{background:var(--el-bg-color);border-top:1px solid var(--app-border-subtle)}.capability-directory[data-v-87902b18]{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.capability-row[data-v-87902b18]{border:1px solid var(--app-border-subtle);background:var(--app-bg-surface);min-width:0;box-shadow:var(--app-shadow-xs);border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.capability-row img[data-v-87902b18]{-o-object-fit:contain;object-fit:contain;border-radius:6px;flex:none;width:32px;height:32px}.capability-row span[data-v-87902b18]{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.final-cta[data-v-87902b18]{color:#fff;background:var(--app-gradient-hero);padding:92px 0}.final-cta__content[data-v-87902b18]{justify-content:space-between;align-items:center;gap:48px;display:flex}.final-cta h2[data-v-87902b18]{letter-spacing:0;margin:8px 0 12px;font-size:38px;line-height:1.2}.final-cta p[data-v-87902b18]:not(.story-kicker){color:#c6ceda;margin:0;font-size:16px}.final-cta .story-kicker[data-v-87902b18]{color:#79c0cd;margin:0}.final-cta .el-button[data-v-87902b18]:not(.el-button--primary){color:#fff;background:#ffffff1a;border-color:#fff6}.final-cta__actions[data-v-87902b18]{flex:none;gap:12px;display:flex}@media only screen and (width<=1024px){.hero__content[data-v-87902b18]{grid-template-columns:1fr;min-height:auto;padding-top:84px}.hero__copy[data-v-87902b18]{max-width:760px}.hero__screens[data-v-87902b18]{width:min(800px,100%);min-height:520px}.platform-story[data-v-87902b18],.platform-story--reverse[data-v-87902b18]{grid-template-columns:1fr;gap:36px}.platform-story .platform-story__copy[data-v-87902b18],.platform-story--reverse .platform-story__copy[data-v-87902b18]{order:0;max-width:720px}.capability-directory[data-v-87902b18]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (width<=767px){.container[data-v-87902b18]{width:min(100% - 32px,1220px)}.hero[data-v-87902b18]{min-height:auto}.hero__content[data-v-87902b18]{gap:42px;padding-top:56px;padding-bottom:48px}.hero h1[data-v-87902b18]{font-size:44px}.hero__headline[data-v-87902b18]{font-size:25px}.hero__summary[data-v-87902b18]{font-size:15px}.hero__actions .el-button[data-v-87902b18]{flex:150px;margin-left:0}.hero__stats[data-v-87902b18]{grid-template-columns:1fr 1fr;row-gap:18px}.hero__stats div[data-v-87902b18]:last-child{grid-column:1/-1}.hero__screens[data-v-87902b18]{min-height:390px;padding-bottom:20px}.hero__desktop[data-v-87902b18]{width:92%}.hero__mobile[data-v-87902b18]{width:29%;bottom:8px;right:0}.hero__note[data-v-87902b18]{display:none}.section[data-v-87902b18]{padding:76px 0}.section-heading[data-v-87902b18]{margin-bottom:42px}.section-heading h2[data-v-87902b18]{font-size:32px}.section-heading p[data-v-87902b18]{font-size:15px}.platform-story[data-v-87902b18]{padding:36px 24px}.platform-story__copy .story-number[data-v-87902b18]{margin-bottom:20px;font-size:34px}.platform-story__copy h3[data-v-87902b18]{font-size:28px}.screen-pair[data-v-87902b18],.screen-pair--large[data-v-87902b18]{padding:8px 0 14px}.screen-pair__mobile[data-v-87902b18],.screen-pair--large__mobile[data-v-87902b18]{width:30%}.screen-pair.screen-pair--with-phone[data-v-87902b18],.screen-pair--large.screen-pair--with-phone[data-v-87902b18]{padding-bottom:10%;padding-right:9%}.creation-grid[data-v-87902b18]{grid-template-columns:1fr}.creation-item .screen-pair[data-v-87902b18]{padding:12px}.creation-item .screen-pair.screen-pair--with-phone[data-v-87902b18]{padding-bottom:14%;padding-right:12%}.creation-item__copy>p[data-v-87902b18]{min-height:0}.capability-directory[data-v-87902b18]{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-row[data-v-87902b18]{padding:14px 12px}.capability-row img[data-v-87902b18]{width:28px;height:28px}.capability-row span[data-v-87902b18]{font-size:13px}.final-cta[data-v-87902b18]{padding:68px 0}.final-cta__content[data-v-87902b18]{flex-direction:column;align-items:flex-start;gap:28px}.final-cta h2[data-v-87902b18]{font-size:32px}.final-cta__actions[data-v-87902b18]{flex-wrap:wrap;width:100%}.final-cta__actions .el-button[data-v-87902b18]{flex:150px;margin-left:0}}