@acedatacloud/nexior 3.329.23 → 3.329.24

package/dist/assets/Index-8Kqy5QW0.js

@@ -1 +0,0 @@
-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,S as c,T as l,at as u,ht as d,it as f,j as p,mt as m,qt as h,rt as g,tt as _,x as v,z as y}from"./vendor-chart-Dw-P17PN.js";import{r as b,t as x}from"./select-Bkg8SL04.js";import{t as S}from"./upload-CbGgaUhw.js";import{t as C}from"./tooltip-CTw6pRtw.js";import{t as w}from"./alert-BkWY76Mi.js";import{t as T}from"./drawer-D13HvaqL.js";import{Gn as E,Kn as D,Un as ee,Vn as O,Wn as k}from"./constants-DgIJABTq.js";import{Ii as A,Ir as j,J as M,Si as N,Ti as te,Xi as P,cn as F,fn as I,ln as L,qn as R,sn as z,un as B,xn as V}from"./index-5Mx-erdh.js";import{t as H}from"./index.es-DI_P5Khb.js";import{t as U}from"./CopyToClipboard-Dxw7zAWh.js";import{t as W}from"./ImagePreview-BpALgBhW.js";import{n as G}from"./taskDrawerMixin-DyAUhFEq.js";import{t as K}from"./Consumption-DyYOnljo.js";import{a as q,n as J,r as Y,t as X}from"./pagination-DWeR_S63.js";import{t as Z}from"./ApiCodeButton-D7Q_GvQ4.js";import{t as Q}from"./BotPlaceholder-B2J4uFGx.js";import{t as ne}from"./PromptTextarea-D65FDwKI.js";import{t as re}from"./ImageWrapper-ByjFKeVY.js";var ie=y({name:`LayoutNanobanana`,components:{ElDrawer:T,ElButton:P,FontAwesomeIcon:H},mixins:[G]}),ae={class:`main flex flex-row flex-1`},oe={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},se={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ce(t,n,r,i,o,c){let l=u(`font-awesome-icon`),p=u(`el-button`),h=u(`el-drawer`);return _(),s(`div`,ae,[e(`div`,oe,[f(t.$slots,`config`,{},void 0,!0)]),e(`div`,se,[f(t.$slots,`result`,{},void 0,!0)]),d(a(p,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[v,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:m(()=>[f(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var le=M(ie,[[`render`,ce],[`__scopeId`,`data-v-e85e3b68`]]),ue=y({name:`PromptInput`,components:{PromptTextarea:ne},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||=``}});function de(e,t,n,r,i,a){let o=u(`prompt-textarea`);return _(),p(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var fe=M(ue,[[`render`,de]]),pe=y({name:`ImageUrlsInput`,components:{ElUpload:S,ElButton:P,InfoIcon:q,ImagePreview:W,FontAwesomeIcon:H},mixins:[B,F],data(){return{fileList:[],uploadUrl:te()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.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}}},mounted(){},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.onSetImageUrls()},onExceed(){A.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){A.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},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.onSetImageUrls()}}}),me={class:`field flex items-center justify-between`},he={class:`title font-bold text-[14px] mb-[10px]`},ge={class:`upload-wrapper flex flex-col items-start gap-[8px]`},_e={class:`controls flex items-center`},ve={class:`file-list flex flex-wrap gap-[10px]`};function ye(t,n,o,c,d,f){let h=u(`font-awesome-icon`),v=u(`el-button`),y=u(`el-upload`),b=u(`info-icon`),x=u(`image-preview`);return _(),s(l,null,[e(`div`,me,[e(`h2`,he,i(t.$t(`nanobanana.name.imageUrls`)),1),e(`div`,ge,[e(`div`,_e,[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:5,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:m(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:m(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:t.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),e(`div`,ve,[(_(!0),s(l,null,g(t.fileList,(e,n)=>(_(),p(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 be=M(pe,[[`render`,ye]]),xe=y({name:`AspectRatioSelector`,components:{InfoIcon:q},data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`3:2`,label:`3:2`,width:27,height:18},{value:`2:3`,label:`2:3`,width:18,height:27},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25},{value:`4:3`,label:`4:3`,width:24,height:18},{value:`3:4`,label:`3:4`,width:18,height:24}]}},computed:{value(){return this.$store.state.nanobanana?.config?.aspect_ratio}},methods:{onSelect(e){let t=this.value===e?void 0:e,n={...this.$store.state.nanobanana?.config||{}};t?n.aspect_ratio=t:delete n.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,n)}}}),Se={class:`ratio`},Ce={class:`header`},we={class:`title font-bold`},Te=[`aria-label`],Ee=[`aria-checked`,`aria-label`,`onClick`,`onKeydown`],De={class:`preview`},Oe={class:`name`};function ke(r,o,d,f,p,m){let v=u(`info-icon`);return _(),s(`div`,Se,[e(`div`,Ce,[e(`h2`,we,i(r.$t(`nanobanana.name.aspectRatio`)),1),a(v,{content:r.$t(`nanobanana.description.aspectRatio`),class:`ml-1`},null,8,[`content`])]),e(`div`,{class:`items`,role:`radiogroup`,"aria-label":r.$t(`nanobanana.name.aspectRatio`)},[(_(!0),s(l,null,g(r.options,a=>(_(),s(`div`,{key:a.value,class:n([`item`,{active:r.value===a.value}]),role:`radio`,"aria-checked":r.value===a.value,"aria-label":a.label,tabindex:`0`,onClick:e=>r.onSelect(a.value),onKeydown:[c(t(e=>r.onSelect(a.value),[`prevent`]),[`enter`]),c(t(e=>r.onSelect(a.value),[`prevent`]),[`space`])]},[e(`div`,De,[e(`div`,{class:`rect`,style:h({width:a.width+`px`,height:a.height+`px`})},null,4)]),e(`p`,Oe,i(a.label),1)],42,Ee))),128))],8,Te)])}var Ae=M(xe,[[`render`,ke],[`__scopeId`,`data-v-7131eb97`]]),je=y({name:`NanobananaModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:q},data(){return{options:[{value:ee,label:this.$t(`nanobanana.model.nanoBanana`)},{value:E,label:E},{value:D,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:k,label:this.$t(`nanobanana.model.nanoBanana2`)}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t(`nanobanana.description.model`)}},mounted(){this.value||=O}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(t,n,r,o,c,d){let f=u(`info-icon`),h=u(`el-option`),v=u(`el-select`);return _(),s(`div`,Me,[e(`div`,Ne,[e(`div`,Pe,[e(`h2`,Fe,i(t.$t(`nanobanana.name.model`)),1),a(f,{content:t.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`nanobanana.placeholder.select`)},{default:m(()=>[(_(!0),s(l,null,g(t.options,e=>(_(),p(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Le=M(je,[[`render`,Ie],[`__scopeId`,`data-v-11cb675b`]]),Re=y({name:`NanobananaResolutionSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:q},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:e})}},supportsResolution(){let e=this.$store.state.nanobanana?.config?.model;return e===`nano-banana-2`||e===`nano-banana-pro`}},watch:{value(e){this.supportsResolution&&e&&(this.cachedResolution=e)},supportsResolution(e){e?this.value||=this.cachedResolution||`1K`:(this.value&&(this.cachedResolution=this.value),this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.supportsResolution&&!this.value&&(this.value=`1K`),!this.supportsResolution&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ze={class:`field`},Be={class:`label`},Ve={class:`box`},He={class:`title font-bold`};function Ue(t,n,r,o,c,d){let f=u(`info-icon`),h=u(`el-option`),v=u(`el-select`);return _(),s(`div`,ze,[e(`div`,Be,[e(`div`,Ve,[e(`h2`,He,i(t.$t(`nanobanana.name.resolution`)),1),a(f,{content:t.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`nanobanana.placeholder.select`),disabled:!t.supportsResolution},{default:m(()=>[(_(!0),s(l,null,g(t.options,e=>(_(),p(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var We=y({name:`ConfigPanel`,components:{ElButton:P,FontAwesomeIcon:H,PromptInput:fe,Consumption:K,ImageUrlsInput:be,AspectRatioSelector:Ae,ModelSelector:Le,ResolutionSelector:M(Re,[[`render`,Ue],[`__scopeId`,`data-v-7ab9d4d4`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return I({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ge={class:`flex flex-col h-full`},Ke={class:`flex-1 overflow-y-auto p-5`},qe={class:`flex flex-col items-center justify-center px-5 pb-5`};function Je(t,n,o,c,l,d){let f=u(`model-selector`),p=u(`resolution-selector`),h=u(`prompt-input`),g=u(`aspect-ratio-selector`),v=u(`image-urls-input`),y=u(`consumption`),b=u(`font-awesome-icon`),x=u(`el-button`);return _(),s(`div`,Ge,[e(`div`,Ke,[a(f,{class:`mb-4`}),a(p,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(v,{class:`mb-4`})]),e(`div`,qe,[a(y,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:m(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ye=M(We,[[`render`,Je]]),Xe=y({name:`TaskPreview`,components:{CopyToClipboard:U,FontAwesomeIcon:H,ElAlert:w,ImageWrapper:re,ElButton:P,ElTooltip:C,ImagePreview:W,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},computed:{images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e},hasImages(){return this.images.some(e=>!!e?.image_url)},showResult(){let e=this.modelValue?.response;return e?e.success===!0?!0:this.hasImages&&e.success!==!1:!1}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),Ze={class:`preview`},Qe={class:`left`},$e={class:`main`},et={class:`bot`},tt={class:`datetime`},nt={class:`info`},rt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},it={key:1,class:`prompt mt-2`},at={key:0},ot={key:0,class:n({content:!0,failed:!0})},st={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},ct={class:n({operations:!0,"mt-2":!0,"mb-2":!0})},lt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ut={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ht={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},gt={key:1,class:n({content:!0})},_t={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Tt={key:2,class:n({content:!0})},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function At(n,c,d,f,h,v){let y=u(`capability-presentation`),b=u(`image-preview`),x=u(`image-wrapper`),S=u(`el-button`),C=u(`el-tooltip`),w=u(`api-code-button`),T=u(`font-awesome-icon`),E=u(`copy-to-clipboard`),D=u(`el-alert`);return _(),s(`div`,Ze,[e(`div`,Qe,[a(y,{capability:`nanobanana`,part:`avatar`,class:`avatar`})]),e(`div`,$e,[e(`div`,et,[a(y,{capability:`nanobanana`,part:`name`}),e(`span`,tt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,nt,[n.modelValue?.request?.image_urls&&n.modelValue?.request?.image_urls.length>0?(_(),s(`div`,rt,[(_(!0),s(l,null,g(n.modelValue?.request?.image_urls,(e,t)=>(_(),p(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),n.modelValue?.request?.prompt?(_(),s(`p`,it,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(_(),s(`span`,at,` - (`+i(n.$t(`nanobanana.status.pending`))+`) `,1))])):o(``,!0)]),n.showResult?(_(),s(`div`,ot,[e(`div`,st,[(_(!0),s(l,null,g(n.images,(e,t)=>(_(),p(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),e(`div`,ct,[a(C,{class:`box-item`,effect:`dark`,content:n.$t(`common.button.edit`),placement:`top-start`},{default:m(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onEdit(n.images?.[0]?.image_url),[`stop`])},{default:m(()=>[r(i(n.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/nano-banana/images`,body:n.modelValue?.request},null,8,[`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:m(()=>[n.modelValue?.request?.model?(_(),s(`p`,lt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.resolution?(_(),s(`p`,ut,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.resolution`))+`: `+i(n.modelValue?.request?.resolution),1)])):o(``,!0),n.modelValue?.request?.aspect_ratio?(_(),s(`p`,dt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.aspectRatio`))+`: `+i(n.modelValue?.request?.aspect_ratio),1)])):o(``,!0),n.modelValue?.request?.action?(_(),s(`p`,ft,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.task`))+`: `+i(n.modelValue?.request?.action===`generate`?n.$t(`nanobanana.name.generate`):n.$t(`nanobanana.name.edits`)),1)])):o(``,!0),e(`p`,pt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(_(),s(`p`,mt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(_(),s(`p`,ht,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(_(),s(`div`,gt,[a(D,{closable:!1,class:`failure`},{template:m(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.failure`)),1)]),default:m(()=>[n.modelValue?.request?.model?(_(),s(`p`,_t,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.resolution?(_(),s(`p`,vt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.resolution`))+`: `+i(n.modelValue?.request?.resolution),1)])):o(``,!0),n.modelValue?.request?.aspect_ratio?(_(),s(`p`,yt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.aspectRatio`))+`: `+i(n.modelValue?.request?.aspect_ratio),1)])):o(``,!0),n.modelValue?.request?.action?(_(),s(`p`,bt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.task`))+`: `+i(n.modelValue?.request?.action===`generate`?n.$t(`nanobanana.name.generate`):n.$t(`nanobanana.name.edits`)),1)])):o(``,!0),e(`p`,xt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,St,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(E,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(_(),s(`p`,Ct,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(_(),s(`p`,wt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?(_(),s(`div`,Tt,[a(D,{closable:!1,class:`info`},{template:m(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.failure`)),1)]),default:m(()=>[n.modelValue?.request?.model?(_(),s(`p`,Et,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.resolution?(_(),s(`p`,$,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.resolution`))+`: `+i(n.modelValue?.request?.resolution),1)])):o(``,!0),n.modelValue?.request?.aspect_ratio?(_(),s(`p`,Dt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.aspectRatio`))+`: `+i(n.modelValue?.request?.aspect_ratio),1)])):o(``,!0),n.modelValue?.request?.action?(_(),s(`p`,Ot,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.task`))+`: `+i(n.modelValue?.request?.action===`generate`?n.$t(`nanobanana.name.generate`):n.$t(`nanobanana.name.edits`)),1)])):o(``,!0),e(`p`,kt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`nanobanana.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var jt=y({name:`RecentPanel`,components:{TaskPreview:M(Xe,[[`render`,At],[`__scopeId`,`data-v-e59cb82a`]]),BotPlaceholder:Q,NoTasks:Y,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Mt={key:0},Nt={key:2,class:`w-full h-full flex items-center justify-center`};function Pt(e,t,n,r,i,c){let d=u(`bot-placeholder`),f=u(`task-preview`),h=u(`scroll-list`),v=u(`no-tasks`);return _(),s(l,null,[e.tasks?.items===void 0?(_(),s(`div`,Mt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(_(),p(h,{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:m(()=>[(_(!0),s(l,null,g(e.tasks?.items,e=>(_(),p(f,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(_(),s(`div`,Nt,[a(v)])):o(``,!0)],64)}var Ft=y({name:`NanobananaIndex`,components:{ConfigPanel:Ye,Layout:le,RecentPanel:M(jt,[[`render`,Pt]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===N.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===N.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`nanobanana/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`nanobanana/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.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!z(this.uploadTracker,e=>this.$t(e),e=>A.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&`image_urls`in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio;let n=e?.model===`nano-banana-2`||e?.model===`nano-banana-pro`;!n&&`resolution`in e&&delete e.resolution,n&&!e?.resolution&&(e.resolution=`1K`);let r={...e,action:t?`edit`:`generate`,async:!0};if(!V())return;let i=this.credential?.token;if(!i){console.error(`no token specified`);return}A.info(this.$t(`nanobanana.message.startingTask`)),j(`nanobanana`,R.generate(r,{token:i})).then(()=>{A.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?A.error(this.$t(`nanobanana.message.usedUp`)):A.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function It(e,t,n,r,i,o){let s=u(`config-panel`),c=u(`recent-panel`),l=u(`layout`);return _(),p(l,null,{config:m(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(c,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=M(Ft,[[`render`,It]]);export{Lt as default};

package/dist/assets/Index-B0N_dIXg.js

@@ -1 +0,0 @@
-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-Bkg8SL04.js";import{n as w,t as T}from"./tabs-CORnToMd.js";import{t as E}from"./upload-CbGgaUhw.js";import{t as D}from"./tooltip-CTw6pRtw.js";import{t as O}from"./alert-BkWY76Mi.js";import{n as k,r as A}from"./radio-Bj0tEwH8.js";import{t as j}from"./drawer-D13HvaqL.js";import{n as M,t as N}from"./dropdown-DJk7-6L9.js";import{t as P}from"./input-number-DJB4xtbl.js";import{t as F}from"./slider-BULhBckq.js";import{t as I}from"./switch-ih1N2fQc.js";import{Ci as L,wi as R}from"./constants-DgIJABTq.js";import{Cr as z,Ii as B,Ir as V,J as H,Ji as U,Si as W,Ti as G,Vi as ee,Xi as K,_i as te,cn as q,fn as ne,gi as re,hi as J,ln as ie,sn as ae,un as Y,xn as X,zi as oe}from"./index-5Mx-erdh.js";import{t as Z}from"./index.es-DI_P5Khb.js";import{t as se}from"./CopyToClipboard-Dxw7zAWh.js";import{t as Q}from"./ImagePreview-BpALgBhW.js";import{n as ce}from"./taskDrawerMixin-DyAUhFEq.js";import{t as le}from"./Consumption-DyYOnljo.js";import{a as $,n as ue,r as de,t as fe}from"./pagination-DWeR_S63.js";import{t as pe}from"./VideoPlayer-DpiYJkYS.js";import{t as me}from"./ApiCodeButton-D7Q_GvQ4.js";import{t as he}from"./BotPlaceholder-B2J4uFGx.js";import{t as ge}from"./PromptTextarea-D65FDwKI.js";import{t as _e}from"./ImageWrapper-ByjFKeVY.js";var ve=v({name:`LayoutMidjourney`,components:{ElDrawer:j,ElButton:K,FontAwesomeIcon:Z},mixins:[ce]}),ye={class:`main flex-1 h-full flex flex-row`},be={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden 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:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Ce=H(ve,[[`render`,Se],[`__scopeId`,`data-v-e697b3c0`]]),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=H(we,[[`render`,ke],[`__scopeId`,`data-v-b1114c34`]]),je=!1,Me=v({name:`AdvancedSelector`,components:{ElSwitch:I},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=H(Me,[[`render`,Fe],[`__scopeId`,`data-v-2d55fce2`]]),Le=v({name:`LoopSelector`,components:{ElSwitch:I,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=H(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=H(Ke,[[`render`,Ye],[`__scopeId`,`data-v-8e00777d`]]),Ze=v({name:`HdSelector`,components:{ElSwitch:I,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=H(Ze,[[`render`,et],[`__scopeId`,`data-v-871c894e`]]),nt=v({name:`ReferenceImage`,components:{ElUpload:E,ElButton:K,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,q],emits:[`change`],data(){return{fileList:[],uploadUrl:G()+`/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(){B.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){B.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=H(nt,[[`render`,st],[`__scopeId`,`data-v-0445850f`]]),lt=v({name:`EndImageUrlInput`,components:{ElUpload:E,ElButton:K,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,q],emits:[`change`],data(){return{fileList:[],uploadUrl:G()+`/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(){B.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){B.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=H(lt,[[`render`,mt],[`__scopeId`,`data-v-375309d2`]]),gt=v({name:`ReferenceImage`,components:{ElUpload:E,ElButton:K,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,q],emits:[`change`],data(){return{fileList:[],uploadUrl:G()+`/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(){B.warning(this.$t(`midjourney.message.uploadStartImageExceed`))},onError(){B.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=H(gt,[[`render`,xt],[`__scopeId`,`data-v-6b4c9a65`]]),Ct=v({name:`StylizeSelector`,components:{ElSlider:F,InfoIcon:$,ElInputNumber:P},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=H(Ct,[[`render`,kt]]),jt=0,Mt=v({name:`ChaosSelector`,components:{ElSlider:F,InfoIcon:$,ElInputNumber:P},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=H(Mt,[[`render`,Rt],[`__scopeId`,`data-v-ed158765`]]),Bt=v({name:`ModelSelector`,components:{ElImage:oe,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=H(Bt,[[`render`,Kt],[`__scopeId`,`data-v-ebc6758e`]]),Jt=v({name:`QualitySelector`,components:{ElRadioButton:k,ElRadioGroup:A},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=H(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||=L}}),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=H($t,[[`render`,nn],[`__scopeId`,`data-v-12537f29`]]),an=v({name:`ImageWeightSelector`,components:{ElSlider:F,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=H(an,[[`render`,dn],[`__scopeId`,`data-v-b4bf1f1e`]]),pn=v({name:`WeirdSelector`,components:{ElSlider:F,ElInputNumber:P,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=H(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=H(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=H(On,[[`render`,Nn],[`__scopeId`,`data-v-00d50831`]]),Fn=v({name:`ElementsSelector`,components:{Check:y,ElTabs:w,ElTag:U,ElIcon:x,ElTabPane:T,ElImage:oe,ElDialog:ee,ElButton:K,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=H(Fn,[[`render`,Hn],[`__scopeId`,`data-v-48a019ff`]]),Wn=`fast`,Gn=v({name:`ModeSelector`,components:{ElButton:K,ElDropdown:N,ArrowDown:b,ElIcon:x,FontAwesomeIcon:Z,ElDropdownItem:M},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=H(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=H(Xn,[[`render`,Zn]]),$n=v({name:`ReferenceImage`,components:{ElUpload:E,ElButton:K,InfoIcon:$,FontAwesomeIcon:Z,ImagePreview:Q},mixins:[Y,q],emits:[`change`],data(){return{fileList:[],uploadUrl:G()+`/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(){B.warning(this.$t(`midjourney.message.uploadReferencesExceed`))},onError(){B.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:K,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:H($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=R)}}),or={class:`flex flex-col h-full`},sr={class:`flex-1 min-h-0 overflow-hidden`},cr={class:`p-5`},lr={class:`p-5`},ur={class:`p-5`},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`),z=l(`el-tabs`),B=l(`consumption`),V=l(`mode-selector`),H=l(`el-button`);return g(),s(`div`,or,[e(`div`,sr,[a(z,{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(B,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),e(`div`,fr,[t.type===`describe`?o(``,!0):(g(),f(V,{key:0})),t.config.action===`extend`?(g(),f(H,{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(H,{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=H(ar,[[`render`,pr],[`__scopeId`,`data-v-2cda1ff4`]]),hr=v({name:`TaskPreview`,components:{ImageWrapper:_e,ImagePreview:Q,ElButton:K,FontAwesomeIcon:Z,ElTooltip:D,ElAlert:O,ElTag:U,CopyToClipboard:se,VideoPlayer:pe,ApiCodeButton:me},props:{modelValue:{type:Object,required:!0},full:{type:Boolean,default:!1}},emits:[`custom`],data(){return{midjourneyImagineState:re,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(`capability-presentation`),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,{capability:`midjourney`,part:`avatar`,class:`avatar`})]),e(`div`,vr,[e(`div`,yr,[a(S,{capability:`midjourney`,part:`name`}),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,{capability:`midjourney`,part:`avatar`,class:`avatar`})]),e(`div`,zr,[e(`div`,Br,[a(S,{capability:`midjourney`,part:`name`}),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,{capability:`midjourney`,part:`avatar`,class:`avatar`})]),e(`div`,xi,[e(`div`,Si,[a(S,{capability:`midjourney`,part:`name`}),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:H(hr,[[`render`,Vi],[`__scopeId`,`data-v-de4cb45b`]]),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:H(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===W.Request},tasksLoading(){return this.$store.state.midjourney.status.getTasks===W.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){B.error(this.$t(`midjourney.message.promptRequired`));return}B.info(this.$t(`midjourney.message.startingTask`)),V(`midjourney`,z.imagine(e,{token:t})).then(()=>{B.success(this.$t(`midjourney.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?B.error(this.$t(`midjourney.message.usedUp`)):B.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){B.error(this.$t(`midjourney.message.promptRequired`));return}if(e.action!==te.EXTEND&&!e.image_url){B.error(this.$t(`midjourney.message.imageUrlRequired`));return}B.info(this.$t(`midjourney.message.startingTask`)),V(`midjourney`,z.videos(e,{token:t})).then(()=>{B.success(this.$t(`midjourney.message.startVideosTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?B.error(this.$t(`midjourney.message.usedUp`)):B.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}B.info(this.$t(`midjourney.message.startingTask`)),V(`midjourney`,z.describe(e,{token:t})).then(()=>{B.success(this.$t(`midjourney.message.startDescribeTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?B.error(this.$t(`midjourney.message.usedUp`)):B.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(ae(this.uploadTracker,e=>this.$t(e),e=>B.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){B.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=H(Ki,[[`render`,qi]]);export{Ji as default};

package/dist/assets/Index-B9o3V2tH.js

@@ -1 +0,0 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,F as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,it as l,j as u,mt as d,rt as f,tt as p,z as m}from"./vendor-chart-Dw-P17PN.js";import{r as h,t as g}from"./select-Bkg8SL04.js";import{n as _,t as v}from"./collapse-BKXR-RZp.js";import{t as y}from"./drawer-D13HvaqL.js";import"./constants-DgIJABTq.js";import{Ii as b,J as x,Si as S,Xi as C,aa as w,fn as ee,xn as te}from"./index-5Mx-erdh.js";import{t as T}from"./index.es-DI_P5Khb.js";import{t as E}from"./Consumption-DyYOnljo.js";var D=m({name:`LayoutSerp`,components:{ElDrawer:y,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),O={class:`main flex flex-row flex-1`},k={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},A={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function j(t,n,r,a,s,u){let f=c(`font-awesome-icon`),m=c(`el-button`),h=c(`el-drawer`);return p(),o(`div`,O,[e(`div`,k,[l(t.$slots,`config`,{},void 0,!0)]),e(`div`,A,[l(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:d(()=>[i(f,{icon:`fa-solid fa-search`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:d(()=>[l(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var M=x(D,[[`render`,j],[`__scopeId`,`data-v-72398911`]]),N=m({name:`QueryInput`,components:{ElInput:w},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),P={class:`field`},F={class:`box`},I={class:`title font-bold`};function L(t,n,a,s,l,u){let d=c(`el-input`);return p(),o(`div`,P,[e(`div`,F,[e(`h2`,I,r(t.$t(`serp.name.query`)),1)]),i(d,{modelValue:t.query,"onUpdate:modelValue":n[0]||=e=>t.query=e,rows:3,type:`textarea`,class:`prompt`,placeholder:t.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var R=x(N,[[`render`,L],[`__scopeId`,`data-v-3582b195`]]),z=m({name:`TypeSelector`,components:{ElSelect:h,ElOption:g},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),B={class:`field`},V={class:`title font-bold`};function H(t,n,a,s,l,u){let f=c(`el-option`),m=c(`el-select`);return p(),o(`div`,B,[e(`h2`,V,r(t.$t(`serp.name.type`)),1),i(m,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},{default:d(()=>[i(f,{value:`search`,label:t.$t(`serp.type.search`)},null,8,[`label`]),i(f,{value:`images`,label:t.$t(`serp.type.images`)},null,8,[`label`]),i(f,{value:`news`,label:t.$t(`serp.type.news`)},null,8,[`label`]),i(f,{value:`videos`,label:t.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var U=x(z,[[`render`,H],[`__scopeId`,`data-v-2913fb62`]]),W=m({name:`CountryInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),G={class:`field`},K={class:`title font-bold`};function q(t,n,a,s,l,u){let d=c(`el-input`);return p(),o(`div`,G,[e(`h2`,K,r(t.$t(`serp.name.country`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var J=x(W,[[`render`,q],[`__scopeId`,`data-v-f0672cc6`]]),Y=m({name:`LanguageInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),X={class:`field`},Z={class:`title font-bold`};function Q(t,n,a,s,l,u){let d=c(`el-input`);return p(),o(`div`,X,[e(`h2`,Z,r(t.$t(`serp.name.language`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var ne=m({name:`SearchPanel`,components:{ElButton:C,FontAwesomeIcon:T,QueryInput:R,TypeSelector:U,CountryInput:J,LanguageInput:x(Y,[[`render`,Q],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:E},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===S.Request}},methods:{onSearch(){this.$emit(`search`)}}}),re={class:`flex flex-col h-full`},ie={class:`flex-1 overflow-y-auto p-5`},ae={class:`flex flex-col items-center justify-center px-5 pb-5`};function oe(t,a,s,l,u,f){let m=c(`query-input`),h=c(`type-selector`),g=c(`country-input`),_=c(`language-input`),v=c(`consumption`),y=c(`font-awesome-icon`),b=c(`el-button`);return p(),o(`div`,re,[e(`div`,ie,[i(m,{class:`mb-4`}),i(h,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`})]),e(`div`,ae,[i(v,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),i(b,{type:`primary`,class:`btn w-full`,round:``,loading:t.searching,onClick:t.onSearch},{default:d(()=>[i(y,{icon:`fa-solid fa-search`,class:`mr-2`}),n(` `+r(t.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var se=x(ne,[[`render`,oe]]),ce=m({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),le={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},ue={class:`flex flex-row gap-4`},de=[`src`,`alt`],fe={class:`flex-1 min-w-0`},pe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},me={class:`text-xl font-bold mb-1.5`},he={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},ge=[`href`],_e={key:2,class:`text-sm`},ve={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ye={class:`text-[var(--el-text-color-regular)]`};function be(t,i,c,l,u,d){return p(),o(`div`,le,[e(`div`,ue,[t.data.image_url?(p(),o(`img`,{key:0,src:t.data.image_url,alt:t.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,de)):a(``,!0),e(`div`,fe,[t.data.type?(p(),o(`div`,pe,r(t.data.type),1)):a(``,!0),e(`h3`,me,r(t.data.title),1),t.data.description?(p(),o(`p`,he,[n(r(t.data.description)+` `,1),t.data.description_link?(p(),o(`a`,{key:0,href:t.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},r(t.data.description_source||`Source`),9,ge)):a(``,!0)])):a(``,!0),t.data.attributes&&Object.keys(t.data.attributes).length?(p(),o(`div`,_e,[(p(!0),o(s,null,f(t.data.attributes,(t,n)=>(p(),o(`div`,{key:n,class:`flex gap-2 mb-1 py-0.5`},[e(`span`,ve,r(n)+`:`,1),e(`span`,ye,r(t),1)]))),128))])):a(``,!0)])])])}var xe=x(ce,[[`render`,be]]),Se=m({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Ce={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},we={key:0,class:`flex items-center gap-2 mb-1.5`},Te=[`src`,`alt`],Ee={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},De={class:`text-xs text-[var(--el-text-color-disabled)]`},Oe=[`href`],ke={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},Ae={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},je={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},Me=[`href`];function Ne(t,n,i,c,l,u){return p(),o(`div`,Ce,[t.displayUrl?(p(),o(`div`,we,[e(`img`,{src:t.faviconUrl,alt:t.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:n[0]||=(...e)=>t.onFaviconError&&t.onFaviconError(...e)},null,40,Te),e(`span`,Ee,r(t.hostname),1),e(`span`,De,r(t.pathname),1)])):a(``,!0),e(`a`,{href:t.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},r(t.data.title),9,Oe),t.data.date?(p(),o(`div`,ke,r(t.data.date),1)):a(``,!0),t.data.snippet?(p(),o(`p`,Ae,r(t.data.snippet),1)):a(``,!0),t.data.sitelinks?.length?(p(),o(`div`,je,[(p(!0),o(s,null,f(t.data.sitelinks,(e,t)=>(p(),o(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},r(e.title),9,Me))),128))])):a(``,!0)])}var Pe=x(Se,[[`render`,Ne]]),Fe=m({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Ie={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Le={class:`text-base font-bold mb-3`},Re={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},ze=[`href`],Be=[`src`,`alt`],Ve={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},He={class:`text-xs text-white line-clamp-2`};function Ue(t,n,i,c,l,u){return p(),o(`div`,Ie,[e(`h3`,Le,r(t.$t(`serp.name.imageResults`)),1),e(`div`,Re,[(p(!0),o(s,null,f(t.data,(t,n)=>(p(),o(`a`,{key:n,href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[t.image_url?(p(),o(`img`,{key:0,src:t.image_url,alt:t.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,Be)):a(``,!0),e(`div`,Ve,[e(`span`,He,r(t.title),1)])],8,ze))),128))])])}var We=x(Fe,[[`render`,Ue]]),Ge=m({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ke={class:`text-base font-bold mb-3`},qe={class:`space-y-4`},Je=[`href`],Ye={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Xe=[`src`,`alt`],Ze={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Qe={class:`flex-1 min-w-0`},$e={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},et={class:`text-xs text-gray-400 mt-1`},tt={key:0},nt={key:1},rt={key:2},it={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function at(t,n,i,c,l,u){return p(),o(`div`,null,[e(`h3`,Ke,r(t.$t(`serp.name.videoResults`)),1),e(`div`,qe,[(p(!0),o(s,null,f(t.data,(t,n)=>(p(),o(`a`,{key:n,href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[e(`div`,Ye,[t.image_url?(p(),o(`img`,{key:0,src:t.image_url,alt:t.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Xe)):a(``,!0),t.duration?(p(),o(`div`,Ze,r(t.duration),1)):a(``,!0)]),e(`div`,Qe,[e(`div`,$e,r(t.title),1),e(`div`,et,[t.source?(p(),o(`span`,tt,r(t.source),1)):a(``,!0),t.channel?(p(),o(`span`,nt,` · `+r(t.channel),1)):a(``,!0),t.date?(p(),o(`span`,rt,` · `+r(t.date),1)):a(``,!0)]),t.snippet?(p(),o(`p`,it,r(t.snippet),1)):a(``,!0)])],8,Je))),128))])])}var ot=x(Ge,[[`render`,at]]),st=m({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),ct={class:`text-base font-bold mb-3`},lt={class:`space-y-4`},ut=[`href`],dt={class:`flex-1 min-w-0`},ft={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},pt={class:`text-xs text-gray-400 mt-1`},mt={key:0},ht={key:1},gt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},_t={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},vt=[`src`,`alt`];function yt(t,n,i,c,l,u){return p(),o(`div`,null,[e(`h3`,ct,r(t.$t(`serp.name.newsResults`)),1),e(`div`,lt,[(p(!0),o(s,null,f(t.data,(t,n)=>(p(),o(`a`,{key:n,href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[e(`div`,dt,[e(`div`,ft,r(t.title),1),e(`div`,pt,[t.source?(p(),o(`span`,mt,r(t.source),1)):a(``,!0),t.date?(p(),o(`span`,ht,` · `+r(t.date),1)):a(``,!0)]),t.snippet?(p(),o(`p`,gt,r(t.snippet),1)):a(``,!0)]),t.image_url?(p(),o(`div`,_t,[e(`img`,{src:t.image_url,alt:t.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,vt)])):a(``,!0)],8,ut))),128))])])}var bt=x(st,[[`render`,yt]]),xt=m({name:`PeopleAlsoAsk`,components:{ElCollapse:v,ElCollapseItem:_},props:{data:{type:Array,required:!0}}}),St={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ct={class:`text-base font-bold mb-3`},wt={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},Tt=[`href`];function Et(t,n,l,m,h,g){let _=c(`el-collapse-item`),v=c(`el-collapse`);return p(),o(`div`,St,[e(`h3`,Ct,r(t.$t(`serp.name.peopleAlsoAsk`)),1),i(v,null,{default:d(()=>[(p(!0),o(s,null,f(t.data,(e,t)=>(p(),u(_,{key:t,title:e.question||e.title||``},{default:d(()=>[e.snippet?(p(),o(`p`,wt,r(e.snippet),1)):a(``,!0),e.link?(p(),o(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},r(e.title||e.link),9,Tt)):a(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Dt=x(xt,[[`render`,Et]]),Ot=m({name:`RelatedSearches`,components:{FontAwesomeIcon:T},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),kt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},At={class:`text-base font-bold mb-3`},jt={class:`flex flex-wrap gap-2`},Mt=[`onClick`];function Nt(t,a,l,u,d,m){let h=c(`font-awesome-icon`);return p(),o(`div`,kt,[e(`h3`,At,r(t.$t(`serp.name.relatedSearches`)),1),e(`div`,jt,[(p(!0),o(s,null,f(t.data,(e,a)=>(p(),o(`button`,{key:a,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:n=>t.onSearch(e.query)},[i(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),n(` `+r(e.query),1)],8,Mt))),128))])])}var $=m({name:`ResultPanel`,components:{FontAwesomeIcon:T,KnowledgeGraph:xe,OrganicResult:Pe,ImageResults:We,VideoResults:ot,NewsResults:bt,PeopleAlsoAsk:Dt,RelatedSearches:x(Ot,[[`render`,Nt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===S.Request},noResults(){return this.$store.state.serp?.status?.search===S.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),Pt={class:`h-full overflow-y-auto p-6`},Ft={key:0,class:`max-w-3xl mx-auto py-8`},It={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Lt={class:`text-base`},Rt={key:2,class:`max-w-3xl mx-auto`},zt={key:1,class:`mb-6`},Bt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Vt={class:`text-base`};function Ht(n,l,d,m,h,g){let _=c(`font-awesome-icon`),v=c(`knowledge-graph`),y=c(`organic-result`),b=c(`image-results`),x=c(`video-results`),S=c(`news-results`),C=c(`people-also-ask`),w=c(`related-searches`);return p(),o(`div`,Pt,[n.searching?(p(),o(`div`,Ft,[(p(),o(s,null,f(4,n=>e(`div`,{key:n,class:`mb-6 animate-pulse`},[...l[0]||=[t(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):n.noResults?(p(),o(`div`,It,[i(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),e(`p`,Lt,r(n.$t(`serp.message.noResults`)),1)])):n.results?(p(),o(`div`,Rt,[n.results.knowledge_graph?.title?(p(),u(v,{key:0,data:n.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.organic?.length?(p(),o(`div`,zt,[(p(!0),o(s,null,f(n.results.organic,(e,t)=>(p(),u(y,{key:t,data:e,class:`mb-1`},null,8,[`data`]))),128))])):a(``,!0),n.results.images?.length?(p(),u(b,{key:2,data:n.results.images,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.videos?.length?(p(),u(x,{key:3,data:n.results.videos,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.news?.length?(p(),u(S,{key:4,data:n.results.news,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.people_also_ask?.length?(p(),u(C,{key:5,data:n.results.people_also_ask,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.related_searches?.length?(p(),u(w,{key:6,data:n.results.related_searches,class:`mb-6`,onSearch:n.onRelatedSearch},null,8,[`data`,`onSearch`])):a(``,!0)])):(p(),o(`div`,Bt,[i(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),e(`p`,Vt,r(n.$t(`serp.description.query`)),1)]))])}var Ut=m({name:`SerpIndex`,components:{Layout:M,SearchPanel:se,ResultPanel:x($,[[`render`,Ht]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(te()&&this.$store.state.serp?.config?.query){b.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),b.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?b.error(this.$t(`serp.message.usedUp`)):b.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Wt(e,t,n,r,a,o){let s=c(`search-panel`),l=c(`result-panel`),f=c(`layout`);return p(),u(f,null,{config:d(()=>[i(s,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:d(()=>[i(l,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Gt=x(Ut,[[`render`,Wt]]);export{Gt as default};

package/dist/assets/Index-BMyNsGWI.js

@@ -1 +0,0 @@
-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,rt as p,tt as m,x as h,z as g}from"./vendor-chart-Dw-P17PN.js";import{r as _,t as v}from"./select-Bkg8SL04.js";import{t as y}from"./upload-CbGgaUhw.js";import{t as b}from"./alert-BkWY76Mi.js";import{t as x}from"./drawer-D13HvaqL.js";import{t as S}from"./input-number-DJB4xtbl.js";import{t as C}from"./slider-BULhBckq.js";import{ar as w,ir as T,rr as E}from"./constants-DgIJABTq.js";import{Ii as D,Ir as ee,J as O,Si as k,Ti as te,Xi as A,cn as j,fn as M,ln as N,rr as P,sn as F,un as I,xn as L}from"./index-5Mx-erdh.js";import{t as R}from"./index.es-DI_P5Khb.js";import{t as z}from"./CopyToClipboard-Dxw7zAWh.js";import{t as B}from"./ImagePreview-BpALgBhW.js";import{n as V}from"./taskDrawerMixin-DyAUhFEq.js";import{t as H}from"./Consumption-DyYOnljo.js";import{a as U,n as W,r as G,t as K}from"./pagination-DWeR_S63.js";import{t as q}from"./ApiCodeButton-D7Q_GvQ4.js";import{t as J}from"./BotPlaceholder-B2J4uFGx.js";import{t as Y}from"./PromptTextarea-D65FDwKI.js";import{t as X}from"./ImageWrapper-ByjFKeVY.js";var Z=g({name:`LayoutFlux`,components:{ElDrawer:x,ElButton:A,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},re={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ie(t,n,r,a,s,d){let p=c(`font-awesome-icon`),g=c(`el-button`),_=c(`el-drawer`);return m(),o(`div`,Q,[e(`div`,ne,[u(t.$slots,`config`,{},void 0,!0)]),e(`div`,re,[u(t.$slots,`result`,{},void 0,!0)]),l(i(g,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-magic`})]),_:1},512),[[h,!t.tasksEmpty]]),i(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:f(()=>[u(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=O(Z,[[`render`,ie],[`__scopeId`,`data-v-07ab0f47`]]),oe=g({name:`ModelSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`flux-dev`,label:`flux-dev`},{value:`flux-pro`,label:`flux-pro`},{value:`flux-kontext-pro`,label:`flux-kontext-pro`},{value:`flux-kontext-max`,label:`flux-kontext-max`},{value:`flux-2-flex`,label:`flux-2-flex`},{value:`flux-2-pro`,label:`flux-2-pro`},{value:`flux-2-max`,label:`flux-2-max`}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||=w}}),se={class:`field`},ce={class:`title font-bold`};function le(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,se,[e(`h2`,ce,r(t.$t(`flux.name.model`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ue=O(oe,[[`render`,le],[`__scopeId`,`data-v-e9b17945`]]),de=g({name:`CountSelector`,components:{ElSlider:C,InfoIcon:U,ElInputNumber:S},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug(`set count`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||=1}}),fe={class:`flex justify-between`},pe={class:`flex justify-start items-center`},me={class:`text-sm font-bold`},he={class:`flex justify-end items-center`},ge={class:`w-full`};function _e(t,n,a,s,l,u){let d=c(`info-icon`),f=c(`el-input-number`),p=c(`el-slider`);return m(),o(`div`,null,[e(`div`,fe,[e(`div`,pe,[e(`span`,me,r(t.$t(`flux.name.numbers`)),1),i(d,{content:t.$t(`flux.description.numbers`)},null,8,[`content`])]),e(`div`,he,[i(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,ge,[i(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:1,max:4,step:1},null,8,[`modelValue`])])])}var ve=O(de,[[`render`,_e]]),ye=g({name:`ActionSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`generate`,label:this.$t(`flux.name.generate`)},{value:`edits`,label:this.$t(`flux.name.edits`)}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||=T}}),be={class:`field`},xe={class:`title font-bold`};function Se(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,be,[e(`h2`,xe,r(t.$t(`flux.name.task`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=O(ye,[[`render`,Se],[`__scopeId`,`data-v-81fd05e5`]]),we=g({name:`ImageUrlInput`,components:{ElUpload:y,ElButton:A,InfoIcon:U,FontAwesomeIcon:R,ImagePreview:B},mixins:[I,j],emits:[`change`],data(){return{fileList:[],uploadUrl:te()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){D.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){D.error(this.$t(`flux.message.uploadStartImageError`))}}}),Te={class:`relative`},Ee={class:`flex justify-between`},De={class:`flex justify-start items-center`},Oe={class:`text-sm font-bold`};function ke(t,a,s,l,u,d){let p=c(`info-icon`),h=c(`image-preview`),g=c(`font-awesome-icon`),_=c(`el-button`),v=c(`el-upload`);return m(),o(`div`,Te,[e(`div`,Ee,[e(`div`,De,[e(`span`,Oe,r(t.$t(`flux.name.imageUrl`)),1),i(p,{content:t.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),i(v,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":a[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:f(({file:e})=>[i(h,{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:f(()=>[i(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:f(()=>[i(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),n(` `+r(t.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var Ae=O(we,[[`render`,ke],[`__scopeId`,`data-v-7482072d`]]),je=g({name:`PromptInput`,components:{PromptTextarea:Y},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Me(e,t,n,r,i,a){let o=c(`prompt-textarea`);return m(),d(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`flux.name.prompt`),info:e.$t(`flux.description.prompt`),placeholder:e.$t(`flux.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ne=O(je,[[`render`,Me]]),Pe=g({name:`SizeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:E}},computed:{value:{get(){return this.$store.state.flux?.config?.size},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,size:e})}}},mounted(){this.value||=`1:1`}}),Fe={class:`field`},Ie={class:`title font-bold`};function Le(t,n,a,l,u,h){let g=c(`el-option`),_=c(`el-select`);return m(),o(`div`,Fe,[e(`h2`,Ie,r(t.$t(`flux.name.ratio`)),1),i(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`flux.placeholder.select`)},{default:f(()=>[(m(!0),o(s,null,p(t.options,e=>(m(),d(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Re=g({name:`PresetPanel`,components:{ElButton:A,FontAwesomeIcon:R,PromptInput:Ne,ModelSelector:ue,CountSelector:ve,Consumption:H,ActionSelector:Ce,ImageUrlInput:Ae,SizeSelector:O(Pe,[[`render`,Le],[`__scopeId`,`data-v-8c58dc91`]])},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return M(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),ze={class:`flex flex-col h-full`},Be={class:`flex-1 overflow-y-auto p-5`},Ve={class:`flex flex-col items-center justify-center px-5 pb-5`};function He(t,s,l,u,p,h){let g=c(`action-selector`),_=c(`prompt-input`),v=c(`image-url-input`),y=c(`model-selector`),b=c(`size-selector`),x=c(`count-selector`),S=c(`consumption`),C=c(`font-awesome-icon`),w=c(`el-button`);return m(),o(`div`,ze,[e(`div`,Be,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),t.config?.action===`edits`?(m(),d(v,{key:0,class:`mb-4`})):a(``,!0),i(y,{class:`mb-4`}),i(b,{class:`mb-4`}),i(x,{class:`mb-4`})]),e(`div`,Ve,[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(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ue=O(Re,[[`render`,He]]),We=g({name:`TaskPreview`,components:{CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:b,ImageWrapper:X,ApiCodeButton:q},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenImage(e){window.open(e,`_blank`)}}}),Ge={class:`preview`},Ke={class:`left`},qe={class:`main`},Je={class:`bot`},Ye={class:`datetime`},Xe={class:`info`},Ze={key:0,class:`prompt mt-2`},Qe={key:0},$e={key:0,class:t({content:!0,failed:!0})},et={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},tt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},it={key:1,class:t({content:!0})},at={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},st={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ct={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},lt={key:2,class:t({content:!0})},ut={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function dt(t,l,u,h,g,_){let v=c(`capability-presentation`),y=c(`image-wrapper`),b=c(`api-code-button`),x=c(`font-awesome-icon`),S=c(`copy-to-clipboard`),C=c(`el-alert`);return m(),o(`div`,Ge,[e(`div`,Ke,[i(v,{capability:`flux`,part:`avatar`,class:`avatar`})]),e(`div`,qe,[e(`div`,Je,[i(v,{capability:`flux`,part:`name`}),e(`span`,Ye,r(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Xe,[t.modelValue?.request?.prompt?(m(),o(`p`,Ze,[n(r(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?a(``,!0):(m(),o(`span`,Qe,` - (`+r(t.$t(`flux.status.pending`))+`) `,1))])):a(``,!0)]),t.modelValue?.response?.success===!0?(m(),o(`div`,$e,[e(`div`,et,[(m(!0),o(s,null,p(t.images,(e,t)=>(m(),d(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),e(`div`,tt,[i(b,{path:`/flux/images`,body:t.modelValue?.request},null,8,[`body`])]),i(C,{closable:!1,class:`mt-2 success`},{default:f(()=>[e(`p`,$,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.model`))+`: `+r(t.modelValue?.request?.model),1)]),e(`p`,nt,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),t.modelValue?.elapsed?(m(),o(`p`,rt,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0)]),_:1})])):a(``,!0),t.modelValue?.response?.success===!1?(m(),o(`div`,it,[i(C,{closable:!1,class:`failure`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failure`)),1)]),default:f(()=>[e(`p`,at,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,ot,[i(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failureReason`))+`: `+r(t.modelValue?.response?.error?.message)+` `,1),i(S,{content:t.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),t.modelValue?.elapsed?(m(),o(`p`,st,[i(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.elapsed`))+`: `+r(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):a(``,!0),e(`p`,ct,[i(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.traceId`))+`: `+r(t.modelValue?.response?.trace_id)+` `,1),i(S,{content:t.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):a(``,!0),t.modelValue?.response?a(``,!0):(m(),o(`div`,lt,[i(C,{closable:!1,class:`info`},{template:f(()=>[i(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.failure`)),1)]),default:f(()=>[e(`p`,ut,[i(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),n(` `+r(t.$t(`flux.name.taskId`))+`: `+r(t.modelValue?.id)+` `,1),i(S,{content:t.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var ft=g({name:`RecentPanel`,components:{TaskPreview:O(We,[[`render`,dt],[`__scopeId`,`data-v-ebb38e16`]]),BotPlaceholder:J,NoTasks:G,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),pt={key:0},mt={key:2,class:`w-full h-full flex items-center justify-center`};function ht(e,t,n,r,l,u){let h=c(`bot-placeholder`),g=c(`task-preview`),_=c(`scroll-list`),v=c(`no-tasks`);return m(),o(s,null,[e.tasks?.items===void 0?(m(),o(`div`,pt,[i(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(m(),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(()=>[(m(!0),o(s,null,p(e.tasks?.items,e=>(m(),d(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):a(``,!0),e.tasks?.items?.length===0?(m(),o(`div`,mt,[i(v)])):a(``,!0)],64)}var gt=g({name:`FluxIndex`,components:{ConfigPanel:Ue,Layout:ae,RecentPanel:O(ft,[[`render`,ht]])},mixins:[N],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===k.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===k.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,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 K({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`flux/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`flux/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();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(`flux/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!F(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e={...this.config,async:!0};if(!L())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}D.info(this.$t(`flux.message.startingTask`)),ee(`flux`,P.generate(e,{token:t})).then(()=>{D.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?D.error(this.$t(`flux.message.usedUp`)):D.error(this.$t(`flux.message.startTaskFailed`)+t?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function _t(e,t,n,r,a,o){let s=c(`config-panel`),l=c(`recent-panel`),u=c(`layout`);return m(),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 vt=O(gt,[[`render`,_t]]);export{vt as default};

package/dist/assets/Index-BQUNWo8G.js

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

package/dist/assets/Index-BRI54Kpw.css

@@ -1 +0,0 @@
-.menu[data-v-07ab0f47]{display:none}@media (width<=767px){.config[data-v-07ab0f47]{display:none}.result[data-v-07ab0f47]{width:100%}.menu[data-v-07ab0f47]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-e9b17945]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-e9b17945]{width:30%;margin:0;font-size:14px}.field .value[data-v-e9b17945]{width:160px}.field[data-v-81fd05e5]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-81fd05e5]{width:30%;margin:0;font-size:14px}.field .value[data-v-81fd05e5]{width:160px}.title[data-v-7482072d]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-7482072d]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{width:100%;margin:0}.field[data-v-8c58dc91]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-8c58dc91]{width:30%;margin:0;font-size:14px}.field .value[data-v-8c58dc91]{width:160px}.preview[data-v-ebb38e16]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:16px;display:flex}.preview .left[data-v-ebb38e16]{width:70px}.preview .left .avatar[data-v-ebb38e16]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-ebb38e16]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-ebb38e16]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-ebb38e16]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-ebb38e16]{overflow:hidden}.preview .main .info .prompt[data-v-ebb38e16]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:15px;font-size:16px;font-weight:700}.preview .main .content[data-v-ebb38e16]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-ebb38e16]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-ebb38e16]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-ebb38e16]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-ebb38e16]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-ebb38e16] p:last-child{margin-bottom:0}

package/dist/assets/Index-BU3OzlmP.js

@@ -1 +0,0 @@
-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,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{t as v}from"./upload-CbGgaUhw.js";import{t as y}from"./tooltip-CTw6pRtw.js";import{t as b}from"./alert-BkWY76Mi.js";import{t as x}from"./drawer-D13HvaqL.js";import{t as S}from"./switch-ih1N2fQc.js";import"./constants-DgIJABTq.js";import{Ii as C,Ir as w,J as T,Si as E,Ti as D,Xi as O,cn as k,dr as A,fn as ee,ln as j,sn as M,un as N,xn as te}from"./index-5Mx-erdh.js";import{t as P}from"./index.es-DI_P5Khb.js";import{t as F}from"./CopyToClipboard-Dxw7zAWh.js";import{t as I}from"./FilePreview-a_gDPnR_.js";import{t as L}from"./ImagePreview-BpALgBhW.js";import{n as R}from"./taskDrawerMixin-DyAUhFEq.js";import{t as z}from"./Consumption-DyYOnljo.js";import{a as B,n as V,r as H,t as U}from"./pagination-DWeR_S63.js";import{t as W}from"./VideoPlayer-DpiYJkYS.js";import{t as G}from"./ApiCodeButton-D7Q_GvQ4.js";import{t as K}from"./BotPlaceholder-B2J4uFGx.js";import{t as q}from"./PromptTextarea-D65FDwKI.js";var J=_({name:`LayoutLuma`,components:{ElDrawer:x,ElButton:O,FontAwesomeIcon:P},mixins:[R]}),Y={class:`main flex flex-row flex-1`},X={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Z={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Q(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,Y,[e(`div`,X,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Z,[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),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ne=T(J,[[`render`,Q],[`__scopeId`,`data-v-c9ffe37f`]]),re=_({name:`EnhancementSelector`,components:{ElSwitch:S,InfoIcon:B},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),ie={class:`relative`},ae={class:`flex justify-between`},oe={class:`flex justify-start items-center`},se={class:`text-sm font-bold`},ce={class:`flex justify-end items-center`};function le(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,ie,[e(`div`,ae,[e(`div`,oe,[e(`span`,se,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,ce,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var ue=T(re,[[`render`,le]]),de=_({name:`CustomSelector`,components:{ElSwitch:S,InfoIcon:B},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),fe={class:`relative`},pe={class:`flex justify-between`},me={class:`flex justify-start items-center`},he={class:`text-sm font-bold`},ge={class:`flex justify-end items-center`};function _e(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,fe,[e(`div`,pe,[e(`div`,me,[e(`span`,he,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,ge,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var ve=T(de,[[`render`,_e]]),ye=_({name:`LoopSelector`,components:{ElSwitch:S,InfoIcon:B},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),be={class:`relative`},xe={class:`flex justify-between`},Se={class:`flex justify-start items-center`},Ce={class:`text-sm font-bold`},we={class:`flex justify-end items-center`};function Te(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,be,[e(`div`,xe,[e(`div`,Se,[e(`span`,Ce,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,we,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Ee=T(ye,[[`render`,Te]]),De=_({name:`EndImage`,components:{ElUpload:v,ElButton:O,ImagePreview:L,InfoIcon:B,FontAwesomeIcon:P},mixins:[N,k],data(){return{fileList:[],uploadUrl:D()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){C.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){C.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Oe={class:`relative`},ke={class:`flex justify-between`},Ae={class:`flex justify-start items-center`},je={class:`text-sm font-bold`};function Me(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Oe,[e(`div`,ke,[e(`div`,Ae,[e(`span`,je,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},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:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(h(),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(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ne=T(De,[[`render`,Me],[`__scopeId`,`data-v-cd768b26`]]),Pe=_({name:`StartImage`,components:{ElUpload:v,ElButton:O,ImagePreview:L,InfoIcon:B,FontAwesomeIcon:P},mixins:[N,k],data(){return{fileList:[],uploadUrl:D()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){C.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){C.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Fe={class:`relative`},Ie={class:`flex justify-between`},Le={class:`flex justify-start items-center`},Re={class:`text-sm font-bold`};function ze(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Fe,[e(`div`,Ie,[e(`div`,Le,[e(`span`,Re,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},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:5,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,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(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(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Be=T(Pe,[[`render`,ze],[`__scopeId`,`data-v-4d03e978`]]),Ve=_({name:`UploadVideo`,components:{ElUpload:v,ElButton:O,InfoIcon:B,FilePreview:I,FontAwesomeIcon:P},mixins:[k],data(){return{fileList:[],uploadUrl:D()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){C.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){C.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(C.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(C.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),He={class:`relative`},Ue={class:`flex justify-between`},We={class:`flex justify-start items-center`},Ge={class:`text-sm font-bold`};function Ke(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,He,[e(`div`,Ue,[e(`div`,We,[e(`span`,Ge,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,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(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(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var qe=T(Ve,[[`render`,Ke],[`__scopeId`,`data-v-b4c637fa`]]),Je=_({name:`PromptInput`,components:{PromptTextarea:q},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ye(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Xe=T(Je,[[`render`,Ye]]),Ze=_({name:`ExtendFromInput`,components:{VideoPlayer:W},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),Qe={class:`relative`},$e={class:`flex mb-2`},et={class:`text-sm font-bold`};function tt(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,Qe,[e(`div`,$e,[e(`span`,et,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var nt=_({name:`ConfigPanel`,components:{LoopSelector:Ee,StartImageInput:Be,EndImageInput:Ne,EnhancementSelector:ue,ElButton:O,FontAwesomeIcon:P,PromptInput:Xe,ExtendFromInput:T(Ze,[[`render`,tt]]),CustomSelector:ve,UploadVideo:qe,Consumption:z},emits:[`generate`],computed:{config(){return this.$store.state.luma?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),rt={class:`flex flex-col h-full`},it={class:`flex-1 overflow-y-auto p-5`},at={class:`flex flex-col items-center justify-center px-5 pb-5`};function ot(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`consumption`),T=l(`font-awesome-icon`),E=l(`el-button`);return h(),s(`div`,rt,[e(`div`,it,[t.config?.video_id||t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id||t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,at,[a(w,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),t.config?.video_url!==void 0||t.config?.custom?(h(),f(E,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(E,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var st=T(nt,[[`render`,ot]]),ct=_({name:`TaskPreview`,components:{CopyToClipboard:F,FontAwesomeIcon:P,ElAlert:b,VideoPlayer:W,ElTooltip:y,ElButton:O,ApiCodeButton:G},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),lt={class:`preview`},ut={class:`left`},dt={class:`main`},ft={class:`bot`},pt={class:`datetime`},mt={class:`info`},ht={key:0,class:`prompt mt-2`},gt={key:0},_t={key:1},vt={key:0,class:n({content:!0,failed:!0})},yt={key:0,class:`mb-4`},bt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ct={key:1,class:n({content:!0})},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Dt={key:2,class:n({content:!0})},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function kt(n,c,u,d,f,m){let g=l(`capability-presentation`),_=l(`video-player`),v=l(`el-button`),y=l(`el-tooltip`),b=l(`api-code-button`),x=l(`font-awesome-icon`),S=l(`copy-to-clipboard`),C=l(`el-alert`);return h(),s(`div`,lt,[e(`div`,ut,[a(g,{capability:`luma`,part:`avatar`,class:`avatar`})]),e(`div`,dt,[e(`div`,ft,[a(g,{capability:`luma`,part:`name`}),e(`span`,pt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,mt,[n.modelValue?.request?.prompt?(h(),s(`p`,ht,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,gt,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`span`,_t,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,vt,[n.modelValue.response.video_url?(h(),s(`div`,yt,[a(_,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,bt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(y,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,xt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,St,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`||n.modelValue?.response?.success===!1?(h(),s(`div`,Ct,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,wt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Tt,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(S,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Et,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,$,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(S,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response||n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`div`,Dt,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,Ot,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(S,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var At=_({name:`RecentPanel`,components:{BotPlaceholder:K,TaskPreview:T(ct,[[`render`,kt],[`__scopeId`,`data-v-a5f3c125`]]),NoTasks:H,ScrollList:V},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),jt={key:0},Mt={key:2,class:`w-full h-full flex items-center justify-center`};function Nt(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,jt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Mt,[a(v)])):o(``,!0)],64)}var Pt=_({name:`LumaIndex`,components:{ConfigPanel:st,Layout:ne,RecentPanel:T(At,[[`render`,Nt]])},mixins:[j],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===E.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===E.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.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 U({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(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!M(this.uploadTracker,e=>this.$t(e),e=>C.warning(e)))return;let e={...this.config,async:!0};if(!this.hasText(e.prompt)){C.error(this.$t(`luma.message.promptRequired`));return}if(e.prompt=e.prompt?.trim(),!te())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}C.info(this.$t(`luma.message.startingTask`)),w(`luma`,A.generate(e,{token:t})).then(()=>{C.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?C.error(this.$t(`luma.message.usedUp`)):C.error(this.$t(`luma.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Ft(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),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,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var It=T(Pt,[[`render`,Ft]]);export{It as default};

package/dist/assets/Index-BV0hp-Kx.css

@@ -1 +0,0 @@
-.menu[data-v-c7cd99ea]{display:none}@media (width<=767px){.config[data-v-c7cd99ea]{display:none}.result[data-v-c7cd99ea]{width:100%}.menu[data-v-c7cd99ea]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field-head[data-v-0908bd0e]{flex-direction:row;align-items:center;margin-bottom:8px;display:flex}.field-title[data-v-0908bd0e]{margin:0;font-size:14px}.preview[data-v-93b67a57]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-93b67a57]{width:70px}.preview .left .avatar[data-v-93b67a57]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-93b67a57]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-93b67a57]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-93b67a57]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-93b67a57]{overflow:hidden}.preview .main .info .prompt[data-v-93b67a57]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-93b67a57]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-93b67a57]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-93b67a57]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-93b67a57]{border-color:var(--el-color-success)}.preview .main .content .el-alert[data-v-93b67a57] p:last-child{margin-bottom:0}