@acedatacloud/nexior 3.313.11 → 3.313.13

package/dist/assets/Index-B1zy1rhv.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v}from"./vendor-chart-BJCvKk8-.js";import{r as y,t as b}from"./select-CKqf_4BY.js";import{t as x}from"./upload-BWbJri6L.js";import{t as S}from"./tooltip-Bk_Nrx7x.js";import{t as C}from"./image-BCjd_mow.js";import{t as w}from"./alert-B67_jmR8.js";import{t as T}from"./drawer-B5GLfjyc.js";import{t as E}from"./input-number-Ce_9WFjV.js";import{t as D}from"./switch-CYpCSe9y.js";import{$t as O,Bt as k,Ft as A,Gt as j,Ht as ee,Jt as te,Kt as ne,Lt as re,Pt as ie,Qt as M,Rt as ae,Ut as oe,Vt as se,Wt as ce,Xt as le,Yt as ue,Zt as de,en as N,in as P,nn as fe,qt as pe,rn as F,zt as I}from"./constants-CG3Vqtr2.js";import{$t as L,Bt as R,Gt as z,Ht as B,Ir as V,Qr as H,Ut as U,Vr as W,Vt as G,Wr as me,Xn as he,fn as ge,k as K,zr as q}from"./index-rets4F1T.js";import{t as J}from"./index.es-a7JSQm4K.js";import{t as _e}from"./CopyToClipboard-Bq4Ntrlc.js";import{t as Y}from"./ImagePreview-pXGrCDQV.js";import{n as ve}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ye}from"./Consumption-CZprJsKp.js";import{i as X,n as be,t as xe}from"./pagination-Cqz4sudB.js";import{t as Z}from"./VideoPlayer-CyN6UJjJ.js";import{t as Se}from"./ApiCodeButton-B9L5ITWH.js";import{t as Ce}from"./BotPlaceholder-DRSNZEsw.js";import{t as we}from"./NoTasks-CTXo320m.js";import{t as Te}from"./PromptTextarea-zQKSGb9-.js";import{t as Ee}from"./ImageWrapper-C7J0Pfgw.js";var De=r({name:`LayoutSeedance`,components:{ElDrawer:T,ElButton:H,FontAwesomeIcon:J},mixins:[ve]}),Oe={class:`main flex flex-row flex-1`},ke={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Ae={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function je(e,r,i,a,s,c){let l=g(`font-awesome-icon`),u=g(`el-button`),f=g(`el-drawer`);return d(),t(`div`,Oe,[n(`div`,ke,[m(e.$slots,`config`,{},void 0,!0)]),n(`div`,Ae,[m(e.$slots,`result`,{},void 0,!0)]),p(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:_(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[v,!e.tasksEmpty]]),o(f,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:_(()=>[m(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Me=K(De,[[`render`,je],[`__scopeId`,`data-v-ec312952`]]),Ne=r({name:`SeedancePromptInput`,components:{PromptTextarea:Te},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Pe(e,t,n,r,i,o){let s=g(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`seedance.name.prompt`),info:e.$t(`seedance.description.prompt`),placeholder:e.$t(`seedance.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Fe=K(Ne,[[`render`,Pe]]),Ie=r({name:`SeedanceModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:X},data(){return{options:[{value:ce,label:this.$t(`seedance.model.seedance20`)},{value:j,label:this.$t(`seedance.model.seedance20Fast`)},{value:ne,label:this.$t(`seedance.model.seedance20Mini`)},{value:oe,label:this.$t(`seedance.model.seedance15pro`)},{value:se,label:this.$t(`seedance.model.seedance10pro`)},{value:ee,label:this.$t(`seedance.model.seedance10proFast`)},{value:k,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:I,label:this.$t(`seedance.model.seedance10liteI2v`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||=ie}}),Le={class:`field`},Re={class:`label`},ze={class:`box`},Be={class:`title font-bold`};function Ve(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`h2`,Be,u(r.$t(`seedance.name.model`)),1),o(m,{content:r.$t(`seedance.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var He=K(Ie,[[`render`,Ve],[`__scopeId`,`data-v-deb4c429`]]),Ue=r({name:`SeedanceDurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:X},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},options(){let e=[];for(let t=this.capability.minDuration;t<=this.capability.maxDuration;t++)e.push({value:t,label:`${t}s`});return e},value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,duration:e})}}},watch:{model(){this.clampValue()}},mounted(){this.value?this.clampValue():this.value=5},methods:{clampValue(){let e=this.value;e!==void 0&&(e<this.capability.minDuration||e>this.capability.maxDuration)&&(this.value=5)}}}),We={class:`field`},Ge={class:`label`},Ke={class:`box`},qe={class:`title font-bold`};function Je(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,We,[n(`div`,Ge,[n(`div`,Ke,[n(`h2`,qe,u(r.$t(`seedance.name.duration`)),1),o(m,{content:r.$t(`seedance.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ye=K(Ue,[[`render`,Je],[`__scopeId`,`data-v-216def8f`]]),Q={[O]:0,[N]:1,[M]:2,"4k":3},Xe=r({name:`SeedanceResolutionSelector`,components:{InfoIcon:X,ElTooltip:S},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},options(){let e=[{value:O,label:`480p`},{value:N,label:`720p`},{value:M,label:`1080p`},{value:`4k`,label:`4k`}],t=Q[this.capability.maxResolution]??Q[`1080p`];return e.map(e=>({...e,disabled:Q[e.value]>t}))},value:{get(){return this.$store.state.seedance?.config?.resolution},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,resolution:e})}}},watch:{model(){this.clampValue()}},mounted(){this.value?this.clampValue():this.value=this.capability.defaultResolution||`720p`},methods:{onSelect(e){e.disabled||(this.value=e.value)},clampValue(){let e=this.value,t=this.options.find(t=>t.value===e);(!e||t&&t.disabled)&&(this.value=this.capability.defaultResolution||`720p`)}}}),Ze={class:`resolution`},Qe={class:`header`},$e={class:`title font-bold`},et={class:`items`},tt=[`onClick`];function nt(r,i,c,f,p,m){let h=g(`info-icon`),v=g(`el-tooltip`);return d(),t(`div`,Ze,[n(`div`,Qe,[n(`h2`,$e,u(r.$t(`seedance.name.resolution`)),1),o(h,{content:r.$t(`seedance.description.resolution`),class:`info`},null,8,[`content`])]),n(`div`,et,[(d(!0),t(s,null,e(r.options,e=>(d(),a(v,{key:e.value,content:r.$t(`seedance.message.resolutionNotSupported`),disabled:!e.disabled,placement:`top`},{default:_(()=>[n(`div`,{class:l([`item`,{active:r.value===e.value,disabled:e.disabled}]),onClick:t=>r.onSelect(e)},u(e.label),11,tt)]),_:2},1032,[`content`,`disabled`]))),128))])])}var rt=K(Xe,[[`render`,nt],[`__scopeId`,`data-v-db7e8aff`]]),it=r({name:`SeedanceRatioSelector`,components:{InfoIcon:X},computed:{options(){return[{value:te,label:`16:9`,w:32,h:18},{value:le,label:`9:16`,w:18,h:32},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`1:1`,label:`1:1`,w:24,h:24},{value:ue,label:`21:9`,w:34,h:14},{value:de,label:this.$t(`seedance.ratio.adaptive`),w:0,h:0}]},value:{get(){return this.$store.state.seedance?.config?.ratio},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,ratio:e})}}},mounted(){this.value||=A}}),at={class:`ratio`},ot={class:`header`},st={class:`title font-bold`},ct={class:`items`},lt=[`onClick`],ut={class:`preview`},dt={key:1,class:`rect rect-auto`},ft={class:`name`};function pt(r,i,a,f,p,m){let h=g(`info-icon`);return d(),t(`div`,at,[n(`div`,ot,[n(`h2`,st,u(r.$t(`seedance.name.ratio`)),1),o(h,{content:r.$t(`seedance.description.ratio`),class:`info`},null,8,[`content`])]),n(`div`,ct,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},[n(`div`,ut,[e.w&&e.h?(d(),t(`div`,{key:0,class:`rect`,style:c({width:e.w+`px`,height:e.h+`px`})},null,4)):(d(),t(`div`,dt,`A`))]),n(`div`,ft,u(e.label),1)],10,lt))),128))])])}var mt=K(it,[[`render`,pt],[`__scopeId`,`data-v-8ddec2dd`]]),ht=r({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:D,InfoIcon:X},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return P(e).acceptsAudio},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),gt={key:0,class:`field`},_t={class:`label`},vt={class:`box`},yt={class:`title font-bold`},bt={class:`value`};function xt(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-switch`);return e.isSupported?(d(),t(`div`,gt,[n(`div`,_t,[n(`div`,vt,[n(`h2`,yt,u(e.$t(`seedance.name.generateAudio`)),1),o(l,{content:e.$t(`seedance.description.generateAudio`),class:`info`},null,8,[`content`])])]),n(`div`,bt,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):h(``,!0)}var St=K(ht,[[`render`,xt],[`__scopeId`,`data-v-df51dfbd`]]),Ct=r({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:D,InfoIcon:X},computed:{value:{get(){return this.$store.state.seedance?.config?.camerafixed??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,camerafixed:e})}}},mounted(){this.$store.state.seedance?.config?.camerafixed===void 0&&(this.value=!1)}}),wt={class:`field`},Tt={class:`label`},Et={class:`box`},Dt={class:`title font-bold`},Ot={class:`value`};function kt(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-switch`);return d(),t(`div`,wt,[n(`div`,Tt,[n(`div`,Et,[n(`h2`,Dt,u(e.$t(`seedance.name.cameraFixed`)),1),o(l,{content:e.$t(`seedance.description.cameraFixed`),class:`info`},null,8,[`content`])])]),n(`div`,Ot,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])}var At=K(Ct,[[`render`,kt],[`__scopeId`,`data-v-ae777d61`]]),jt=r({name:`SeedanceFirstFrameImage`,components:{ElUpload:x,ElButton:H,InfoIcon:X,FontAwesomeIcon:J,ImagePreview:Y},mixins:[U,G],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetFirstFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`first_frame`);e&&t.push({url:e,role:`first_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),Mt={key:0,class:`relative`},Nt={class:`flex justify-between`},Pt={class:`flex justify-start items-center`},Ft={class:`text-sm font-bold`},It={key:0,class:`required-badge`};function Lt(e,r,s,c,l,f){let p=g(`info-icon`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`el-button`),b=g(`el-upload`);return e.capability.acceptsImage?(d(),t(`div`,Mt,[n(`div`,Nt,[n(`div`,Pt,[n(`span`,Ft,u(e.$t(`seedance.name.firstFrame`)),1),e.capability.requiresImage?(d(),t(`span`,It,u(e.$t(`seedance.name.required`)),1)):h(``,!0),o(p,{content:e.$t(`seedance.description.firstFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(m,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):h(``,!0)]),default:_(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):h(``,!0)}var Rt=K(jt,[[`render`,Lt],[`__scopeId`,`data-v-e2597f23`]]),zt=r({name:`SeedanceLastFrameImage`,components:{ElUpload:x,ElButton:H,ImagePreview:Y,InfoIcon:X,FontAwesomeIcon:J},mixins:[U,G],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetLastFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`last_frame`);e&&t.push({url:e,role:`last_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),Bt={key:0,class:`relative`},Vt={class:`flex justify-between`},Ht={class:`flex justify-start items-center`},Ut={class:`text-sm font-bold`};function Wt(e,r,s,c,l,f){let p=g(`info-icon`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`el-button`),b=g(`el-upload`);return e.capability.acceptsLastFrame?(d(),t(`div`,Bt,[n(`div`,Vt,[n(`div`,Ht,[n(`span`,Ut,u(e.$t(`seedance.name.lastFrame`)),1),o(p,{content:e.$t(`seedance.description.lastFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(m,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):h(``,!0)]),default:_(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):h(``,!0)}var Gt=K(zt,[[`render`,Wt],[`__scopeId`,`data-v-3a191e51`]]),Kt=r({name:`SeedanceReferenceImage`,components:{ElUpload:x,ElButton:H,InfoIcon:X,FontAwesomeIcon:J,ImagePreview:Y},mixins:[U,G],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceImage"(e){e||(this.fileList=[],this.onSetReferenceImageUrls())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetReferenceImageUrls(){let e=(this.urls||[]).filter(Boolean),t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`reference_image`);e.forEach(e=>t.push({url:e,role:`reference_image`})),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetReferenceImageUrls()},async onRemove(){this.onSetReferenceImageUrls()}}}),qt={key:0,class:`relative`},Jt={class:`flex justify-between`},Yt={class:`flex justify-start items-center`},Xt={class:`text-sm font-bold`};function Zt(e,r,s,c,l,f){let p=g(`info-icon`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`el-button`),b=g(`el-upload`);return e.capability.acceptsReferenceImage?(d(),t(`div`,qt,[n(`div`,Jt,[n(`div`,Yt,[n(`span`,Xt,u(e.$t(`seedance.name.referenceImage`)),1),o(p,{content:e.$t(`seedance.description.referenceImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(m,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):h(``,!0)]),default:_(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):h(``,!0)}var Qt=K(Kt,[[`render`,Zt],[`__scopeId`,`data-v-230a67f6`]]),$t=r({name:`SeedanceReferenceAudio`,components:{ElUpload:x,ElButton:H,InfoIcon:X,FontAwesomeIcon:J},mixins:[G],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceAudio"(e){e||(this.fileList=[],this.onSetReferenceAudios())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetReferenceAudios(){let e=(this.urls||[]).filter(Boolean);this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,audios:e.length>0?e.map(e=>({url:e})):void 0})},async onSuccess(){this.onSetReferenceAudios()},async onRemove(){this.onSetReferenceAudios()}}}),en={key:0,class:`relative`},tn={class:`flex justify-between`},nn={class:`flex justify-start items-center`},rn={class:`text-sm font-bold`};function an(e,r,a,s,c,l){let f=g(`info-icon`),p=g(`font-awesome-icon`),m=g(`el-button`),v=g(`el-upload`);return e.capability.acceptsReferenceAudio?(d(),t(`div`,en,[n(`div`,tn,[n(`div`,nn,[n(`span`,rn,u(e.$t(`seedance.name.referenceAudio`)),1),o(f,{content:e.$t(`seedance.description.referenceAudio`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.mp3,.wav,.m4a,.aac,.ogg,.flac`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`text`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{default:_(()=>[o(m,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(p,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):h(``,!0)}var on=K($t,[[`render`,an],[`__scopeId`,`data-v-49515675`]]),sn=r({name:`SeedanceReferenceVideo`,components:{ElUpload:x,ElButton:H,InfoIcon:X,FontAwesomeIcon:J},mixins:[G],data(){return{fileList:[],uploadUrl:q()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return P(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceVideo"(e){e||(this.fileList=[],this.onSetReferenceVideos())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetReferenceVideos(){let e=(this.urls||[]).filter(Boolean);this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,videos:e.length>0?e.map(e=>({url:e})):void 0})},async onSuccess(){this.onSetReferenceVideos()},async onRemove(){this.onSetReferenceVideos()}}}),cn={key:0,class:`relative`},ln={class:`flex justify-between`},un={class:`flex justify-start items-center`},dn={class:`text-sm font-bold`};function fn(e,r,a,s,c,l){let f=g(`info-icon`),p=g(`font-awesome-icon`),m=g(`el-button`),v=g(`el-upload`);return e.capability.acceptsReferenceVideo?(d(),t(`div`,cn,[n(`div`,ln,[n(`div`,un,[n(`span`,dn,u(e.$t(`seedance.name.referenceVideo`)),1),o(f,{content:e.$t(`seedance.description.referenceVideo`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.mp4,.mov,.webm,.mkv,.avi`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`text`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{default:_(()=>[o(m,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(p,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):h(``,!0)}var pn=K(sn,[[`render`,fn],[`__scopeId`,`data-v-b212c474`]]),mn=r({name:`SeedanceServiceTierSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:X},data(){return{options:[{value:fe,label:this.$t(`seedance.serviceTier.default`)},{value:F,label:this.$t(`seedance.serviceTier.flex`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||=re}}),hn={class:`field`},gn={class:`label`},_n={class:`box`},vn={class:`title font-bold`};function yn(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,hn,[n(`div`,gn,[n(`div`,_n,[n(`h2`,vn,u(r.$t(`seedance.name.serviceTier`)),1),o(m,{content:r.$t(`seedance.description.serviceTier`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`seedance.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var bn=K(mn,[[`render`,yn],[`__scopeId`,`data-v-cc938de2`]]),xn=r({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:D,InfoIcon:X},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return P(this.model).acceptsReturnLastFrame},value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,return_last_frame:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),Sn={key:0,class:`field`},Cn={class:`label`},wn={class:`box`},Tn={class:`title font-bold`},En={class:`value`};function Dn(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-switch`);return e.isSupported?(d(),t(`div`,Sn,[n(`div`,Cn,[n(`div`,wn,[n(`h2`,Tn,u(e.$t(`seedance.name.returnLastFrame`)),1),o(l,{content:e.$t(`seedance.description.returnLastFrame`),class:`info`},null,8,[`content`])])]),n(`div`,En,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):h(``,!0)}var On=K(xn,[[`render`,Dn],[`__scopeId`,`data-v-edea5451`]]),kn=r({name:`SeedanceSeedInput`,components:{ElInputNumber:E,InfoIcon:X},computed:{value:{get(){let e=this.$store.state.seedance?.config?.seed;return typeof e==`number`?e:-1},set(e){let t={...this.$store.state.seedance?.config||{}};t.seed=typeof e==`number`&&Number.isInteger(e)?e:-1,this.$store.commit(`seedance/setConfig`,t)}}}}),An={class:`field`},jn={class:`label`},Mn={class:`box`},Nn={class:`title font-bold`},Pn={class:`value`};function Fn(e,r,i,a,s,c){let l=g(`info-icon`),f=g(`el-input-number`);return d(),t(`div`,An,[n(`div`,jn,[n(`div`,Mn,[n(`h2`,Nn,u(e.$t(`seedance.name.seed`)),1),o(l,{content:e.$t(`seedance.description.seed`),class:`info`},null,8,[`content`])])]),n(`div`,Pn,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,min:-1,max:2147483647,step:1,size:`default`,"controls-position":`right`,class:`counter`},null,8,[`modelValue`])])])}var In=r({name:`SeedanceConfigPanel`,components:{ElButton:H,FontAwesomeIcon:J,PromptInput:Fe,ModelSelector:He,DurationSelector:Ye,ResolutionSelector:rt,RatioSelector:mt,GenerateAudioSwitch:St,CameraFixedSwitch:At,ServiceTierSelector:bn,ReturnLastFrameSwitch:On,SeedInput:K(kn,[[`render`,Fn],[`__scopeId`,`data-v-685a9869`]]),FirstFrameImage:Rt,LastFrameImage:Gt,ReferenceImage:Qt,ReferenceAudio:on,ReferenceVideo:pn,Consumption:ye},emits:[`generate`],computed:{config(){return this.$store.state.seedance?.config},consumption(){return z(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ln={class:`flex flex-col h-full`},Rn={class:`flex-1 overflow-y-auto p-5`},zn={class:`flex flex-col items-center justify-center px-5 pb-5`};function Bn(e,r,a,s,c,l){let f=g(`prompt-input`),p=g(`model-selector`),m=g(`ratio-selector`),h=g(`resolution-selector`),v=g(`duration-selector`),y=g(`service-tier-selector`),b=g(`generate-audio-switch`),x=g(`camera-fixed-switch`),S=g(`return-last-frame-switch`),C=g(`seed-input`),w=g(`first-frame-image`),T=g(`last-frame-image`),E=g(`reference-image`),D=g(`reference-audio`),O=g(`reference-video`),k=g(`consumption`),A=g(`font-awesome-icon`),j=g(`el-button`);return d(),t(`div`,Ln,[n(`div`,Rn,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(h,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-2`}),o(T,{class:`mb-2`}),o(E,{class:`mb-2`}),o(D,{class:`mb-2`}),o(O,{class:`mb-2`})]),n(`div`,zn,[o(k,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(j,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:_(()=>[o(A,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`seedance.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Vn=K(In,[[`render`,Bn]]),Hn=r({name:`AudioPreview`,components:{FontAwesomeIcon:J},props:{url:{type:String,required:!0},name:{type:String,required:!1,default:`audio`}},data(){return{playing:!1}},methods:{onToggle(){let e=this.$refs.audio;e&&(e.paused?e.play().catch(()=>{this.playing=!1}):e.pause())}}}),Un=[`title`],Wn=[`src`];function Gn(e,r,i,a,s,c){let l=g(`font-awesome-icon`);return d(),t(`div`,{class:`audio-preview w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden shadow-sm cursor-pointer flex items-center justify-center`,title:e.name,onClick:r[3]||=f((...t)=>e.onToggle&&e.onToggle(...t),[`stop`])},[o(l,{icon:e.playing?`fa-solid fa-pause`:`fa-solid fa-music`,class:`icon text-white text-[16px]`},null,8,[`icon`]),n(`audio`,{ref:`audio`,src:e.url,preload:`none`,onPlay:r[0]||=t=>e.playing=!0,onPause:r[1]||=t=>e.playing=!1,onEnded:r[2]||=t=>e.playing=!1},null,40,Wn)],8,Un)}var Kn=K(Hn,[[`render`,Gn],[`__scopeId`,`data-v-66cf67f6`]]),qn=r({name:`VideoPreview`,components:{ElDialog:me,FontAwesomeIcon:J,VideoPlayer:Z},props:{url:{type:String,required:!0},name:{type:String,required:!1,default:`video`}},data(){return{open:!1}}}),Jn=[`title`],Yn=[`src`],Xn={class:`overlay absolute inset-0 flex items-center justify-center bg-[rgba(0,0,0,0.25)]`};function Zn(e,r,i,a,s,c){let l=g(`font-awesome-icon`),u=g(`video-player`),p=g(`el-dialog`);return d(),t(`div`,{class:`video-preview w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden shadow-sm cursor-pointer bg-[var(--el-fill-color-darker)]`,title:e.name,onClick:r[2]||=f(t=>e.open=!0,[`stop`])},[n(`video`,{class:`w-full h-full object-cover`,src:`${e.url}#t=0.1`,muted:``,preload:`metadata`,playsinline:``},null,8,Yn),n(`div`,Xn,[o(l,{icon:`fa-solid fa-play`,class:`text-white text-[14px]`})]),o(p,{modelValue:e.open,"onUpdate:modelValue":r[0]||=t=>e.open=t,width:`640`,"align-center":``,"append-to-body":``,"destroy-on-close":``,class:`video-preview-dialog`,onClick:r[1]||=f(()=>{},[`stop`])},{default:_(()=>[o(u,{src:e.url},null,8,[`src`])]),_:1},8,[`modelValue`])],8,Jn)}var Qn=r({name:`SeedanceTaskPreview`,components:{ElImage:C,CopyToClipboard:_e,FontAwesomeIcon:J,ElAlert:w,VideoPlayer:Z,ElTooltip:S,ElButton:H,ImageWrapper:Ee,ImagePreview:Y,AudioPreview:Kn,VideoPreview:K(qn,[[`render`,Zn],[`__scopeId`,`data-v-d4752590`]]),ApiCodeButton:Se},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:ae}},computed:{video(){return this.modelValue?.response?.data},promptText(){let e=this.modelValue?.request;if(e?.prompt)return e.prompt;let t=e?.content?.find(e=>e?.type===`text`&&e?.text);return t?.text?t.text:this.video?.prompt},referenceImages(){let e=this.collectImages();if(e.length===0)return[];let t=[],n=e.find(e=>e?.role===`first_frame`);n?.url&&t.push({url:n.url,name:`first-frame`});let r=e.find(e=>e?.role===`last_frame`);return r?.url&&t.push({url:r.url,name:`last-frame`}),e.forEach((e,n)=>{e?.url&&e.role!==`first_frame`&&e.role!==`last_frame`&&t.push({url:e.url,name:e.role||`image-${n}`})}),t},referenceAudios(){let e=this.modelValue?.request,t=(e?.audios??[]).map(e=>e?.url).filter(Boolean);return(e?.content??[]).forEach(e=>{e?.type===`audio_url`&&e?.audio_url?.url&&t.push(e.audio_url.url)}),t},referenceVideos(){let e=this.modelValue?.request,t=(e?.videos??[]).map(e=>e?.url).filter(Boolean);return(e?.content??[]).forEach(e=>{e?.type===`video_url`&&e?.video_url?.url&&t.push(e.video_url.url)}),t}},methods:{collectImages(){let e=this.modelValue?.request,t=Array.isArray(e?.images)?[...e.images]:[];return(e?.content??[]).forEach(e=>{e?.type===`image_url`&&e?.image_url?.url&&t.push({url:e.image_url.url,role:e.role})}),t},onDownload(e){window.open(e,`_blank`)}}}),$n={class:`preview`},er={class:`left`},tr={class:`main`},nr={class:`bot`},rr={class:`datetime`},ir={class:`info`},ar={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},or={key:1,class:`prompt mt-2`},sr={key:0},cr={key:1},lr={key:0,class:l({content:!0})},ur={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},dr={key:1,class:l({content:!0})},fr={key:0,class:`mb-4`},pr={key:1,class:`mb-4`},mr={key:2,class:l({operations:!0,"mt-2":!0,"mb-2":!0})},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hr={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gr={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_r={key:0},vr={key:1},yr={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},br={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xr={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Sr={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cr={key:2,class:l({content:!0})},wr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Er={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dr={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Or={key:3,class:l({content:!0})},kr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ar={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function jr(r,c,l,p,m,v){let y=g(`el-image`),b=g(`image-preview`),x=g(`audio-preview`),S=g(`video-preview`),C=g(`font-awesome-icon`),w=g(`copy-to-clipboard`),T=g(`el-alert`),E=g(`video-player`),D=g(`image-wrapper`),O=g(`el-button`),k=g(`el-tooltip`),A=g(`api-code-button`);return d(),t(`div`,$n,[n(`div`,er,[o(y,{src:r.seedanceLogo,class:`avatar`},null,8,[`src`])]),n(`div`,tr,[n(`div`,nr,[i(u(r.$t(`seedance.name.seedanceBot`))+` `,1),n(`span`,rr,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,ir,[r.referenceImages.length>0||r.referenceAudios.length>0||r.referenceVideos.length>0?(d(),t(`div`,ar,[(d(!0),t(s,null,e(r.referenceImages,(e,t)=>(d(),a(b,{key:`image-${t}`,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128)),(d(!0),t(s,null,e(r.referenceAudios,(e,t)=>(d(),a(x,{key:`audio-${t}`,url:e,name:`audio-${t+1}`},null,8,[`url`,`name`]))),128)),(d(!0),t(s,null,e(r.referenceVideos,(e,t)=>(d(),a(S,{key:`video-${t}`,url:e,name:`video-${t+1}`},null,8,[`url`,`name`]))),128))])):h(``,!0),r.promptText?(d(),t(`p`,or,[i(u(r.promptText)+` `,1),r.modelValue?.response?r.video?.status===`processing`||r.video?.status===`pending`?(d(),t(`span`,cr,` - (`+u(r.$t(`seedance.status.processing`))+`) `,1)):h(``,!0):(d(),t(`span`,sr,` - (`+u(r.$t(`seedance.status.pending`))+`) `,1))])):h(``,!0)]),r.modelValue?.response?r.modelValue?.response?.success===!0?(d(),t(`div`,dr,[r.video?.video_url?(d(),t(`div`,fr,[o(E,{src:r.video?.video_url},null,8,[`src`])])):h(``,!0),r.video?.last_frame_url?(d(),t(`div`,pr,[o(D,{src:r.video?.last_frame_url,"raw-src":r.video?.last_frame_url},null,8,[`src`,`raw-src`])])):h(``,!0),r.video?.video_url?(d(),t(`div`,mr,[o(k,{class:`box-item`,effect:`dark`,content:r.$t(`seedance.message.downloadVideo`),placement:`top-start`},{default:_(()=>[o(O,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=f(e=>r.onDownload(r.video?.video_url),[`stop`])},{default:_(()=>[i(u(r.$t(`seedance.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(A,{path:`/seedance/videos`,body:r.modelValue?.request},null,8,[`body`])])):h(``,!0),o(T,{closable:!1,class:`mt-2 success`},{default:_(()=>[r.modelValue?.request?.model?(d(),t(`p`,$,[o(C,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.model`))+`: `+u(r.modelValue?.request?.model),1)])):h(``,!0),r.video?.duration?(d(),t(`p`,hr,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.duration`))+`: `+u(r.video?.duration)+`s `,1)])):h(``,!0),r.video?.resolution?(d(),t(`p`,gr,[o(C,{icon:`fa-solid fa-expand`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.resolution`))+`: `+u(r.video?.resolution)+` `,1),r.video?.ratio?(d(),t(`span`,_r,` · `+u(r.video?.ratio),1)):h(``,!0),r.video?.framespersecond?(d(),t(`span`,vr,` · `+u(r.video?.framespersecond)+`fps`,1)):h(``,!0)])):h(``,!0),r.modelValue?.request?.generate_audio?(d(),t(`p`,yr,[o(C,{icon:`fa-solid fa-volume-up`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.generateAudio`))+`: `+u(r.$t(`seedance.button.on`)),1)])):h(``,!0),n(`p`,br,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,xr,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,Sr,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(w,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(d(),t(`div`,Cr,[o(T,{closable:!1,class:`failure`},{template:_(()=>[o(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.failure`)),1)]),default:_(()=>[n(`p`,wr,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.response?.error?.message?(d(),t(`p`,Tr,[o(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(w,{content:r.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0),r.modelValue?.elapsed?(d(),t(`p`,Er,[o(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,Dr,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(w,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):(d(),t(`div`,Or,[o(T,{closable:!1,class:`info`},{template:_(()=>[o(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.status`)),1)]),default:_(()=>[n(`p`,kr,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.response?.trace_id?(d(),t(`p`,Ar,[o(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(w,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):(d(),t(`div`,lr,[o(T,{closable:!1,class:`info`},{template:_(()=>[o(C,{icon:`fa-regular fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`seedance.status.pending`)),1)]),default:_(()=>[n(`p`,ur,[o(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`seedance.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(w,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})]))])])}var Mr=r({name:`SeedanceRecentPanel`,components:{TaskPreview:K(Qn,[[`render`,jr],[`__scopeId`,`data-v-be65e8a9`]]),BotPlaceholder:Ce,NoTasks:we,ScrollList:be},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nr={key:0},Pr={key:2,class:`w-full h-full flex items-center justify-center`};function Fr(n,r,i,c,l,u){let f=g(`bot-placeholder`),p=g(`task-preview`),m=g(`scroll-list`),v=g(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Nr,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(m,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:_(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):h(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Pr,[o(v)])):h(``,!0)],64)}var Ir=r({name:`SeedanceIndex`,components:{ConfigPanel:Vn,Layout:Me,RecentPanel:K(Mr,[[`render`,Fr]])},mixins:[B],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===V.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await xe({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){await this.$store.dispatch(`seedance/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`seedance/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!R(this.uploadTracker,e=>this.$t(e),e=>W.warning(e)))return;let e={...this.config||{}};if(typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(e=>!!e?.url);let t=e.images.some(e=>e?.role===`first_frame`),n=e.images.some(e=>e?.role===`last_frame`);!t&&n&&(e.images=e.images.map(e=>e?.role===`last_frame`?{...e,role:`first_frame`}:e))}let t=Array.isArray(e?.images)&&e.images.length>0;if(!t&&`images`in e&&delete e.images,e?.model&&!pe[e.model]){W.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=P(e?.model);if(n.requiresImage&&!t){W.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){W.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){W.warning(this.$t(`seedance.message.modelRequiresImage`));return}!n.acceptsAudio&&e.generate_audio&&(e.generate_audio=!1),!n.acceptsReturnLastFrame&&e.return_last_frame&&(e.return_last_frame=!1),!n.acceptsLastFrame&&t&&(e.images=e.images.filter(e=>e?.role!==`last_frame`)),n.acceptsReferenceAudio&&Array.isArray(e?.audios)&&(e.audios=e.audios.filter(e=>e?.url)),(!n.acceptsReferenceAudio||!Array.isArray(e?.audios)||e.audios.length===0)&&delete e.audios,n.acceptsReferenceVideo&&Array.isArray(e?.videos)&&(e.videos=e.videos.filter(e=>e?.url)),(!n.acceptsReferenceVideo||!Array.isArray(e?.videos)||e.videos.length===0)&&delete e.videos,!n.acceptsReferenceImage&&Array.isArray(e?.images)&&(e.images=e.images.filter(e=>e?.role!==`reference_image`),e.images.length===0&&delete e.images);let r=Array.isArray(e?.images)&&e.images.some(e=>e?.role===`reference_image`);if(Array.isArray(e?.audios)&&e.audios.length>0&&!r){W.warning(this.$t(`seedance.message.audioRequiresReferenceImage`));return}let i={...e,async:!0};if(!L())return;let a=this.credential?.token;if(!a){console.error(`no token specified`);return}W.info(this.$t(`seedance.message.startingTask`)),he(`seedance`,ge.generate(i,{token:a})).then(()=>{W.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?W.error(this.$t(`seedance.message.usedUp`)):W.error(this.$t(`seedance.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Lr(e,t,n,r,i,s){let c=g(`config-panel`),l=g(`recent-panel`),u=g(`layout`);return d(),a(u,null,{config:_(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:_(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Rr=K(Ir,[[`render`,Lr]]);export{Rr as default};

package/dist/assets/Index-B4zVK0sR.js

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

package/dist/assets/{Index-DGJmtUl5.js → Index-BBI90-R-.js}

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

package/dist/assets/Index-BITqHS0T.js

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

package/dist/assets/Index-BKt4p0GE.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,E as r,F as i,N as a,O as o,P as s,S as c,Vt as l,Wt as u,Z as d,et as f,k as p,tt as m,ut as h}from"./vendor-chart-BJCvKk8-.js";import{n as g,t as _}from"./tabs-CtCzX_eU.js";import{t as v}from"./upload-BWbJri6L.js";import{t as y}from"./image-BCjd_mow.js";import{t as b}from"./alert-B67_jmR8.js";import{n as x,r as S}from"./radio-3Hz7h3DR.js";import{t as C}from"./drawer-B5GLfjyc.js";import{n as w,t as T}from"./skeleton-BwNBivMN.js";import"./constants-CG3Vqtr2.js";import{$t as ee,Bt as te,Ht as E,Ir as D,Kn as O,Qr as k,Ut as A,Vr as j,Vt as M,Xn as N,k as P,xn as F,zr as I}from"./index-rets4F1T.js";import{t as L}from"./index.es-a7JSQm4K.js";import{t as R}from"./CopyToClipboard-Bq4Ntrlc.js";import{t as z}from"./Status-CZB9Iw0q.js";import{t as B}from"./ImagePreview-pXGrCDQV.js";import{i as V,n as H,t as U}from"./pagination-Cqz4sudB.js";import{t as W}from"./ApiCodeButton-B9L5ITWH.js";var G=i({name:`LayoutHeadshots`,components:{ElDrawer:C,ElButton:k,FontAwesomeIcon:L},data(){return{drawer:!1}}}),K={class:`main flex flex-row flex-1`},q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},J={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Y(e,r,i,a,o,c){let l=m(`font-awesome-icon`),u=m(`el-button`),p=m(`el-drawer`);return d(),t(`div`,K,[n(`div`,q,[f(e.$slots,`config`,{},void 0,!0)]),n(`div`,J,[f(e.$slots,`result`,{},void 0,!0)]),s(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:h(()=>[s(l,{icon:`fa-solid fa-gear`})]),_:1}),s(p,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,"with-header":!1,size:`340px`,class:`drawer`},{default:h(()=>[f(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var X=P(G,[[`render`,Y],[`__scopeId`,`data-v-ada6b2d1`]]),Z=i({name:`ImageUrlsInput`,components:{ElUpload:v,ElButton:k,InfoIcon:V,ImagePreview:B,FontAwesomeIcon:L},mixins:[A,M],data(){return{fileList:[],uploadUrl:I()+`/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.headshots?.config?.image_urls},set(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||=void 0,this.onSetImageUrls()},methods:{onExceed(){j.warning(this.$t(`headshots.message.uploadImageExceed`))},onError(){j.error(this.$t(`headshots.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),Q={class:`field`},ne={class:`title font-bold`},re={class:`upload-wrapper`};function ie(e,r,i,o,c,l){let f=m(`image-preview`),p=m(`font-awesome-icon`),g=m(`el-button`),_=m(`el-upload`),v=m(`info-icon`);return d(),t(`div`,Q,[n(`h2`,ne,u(e.$t(`headshots.name.endImageUrls`)),1),n(`div`,re,[s(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:2,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:h(({file:t})=>[s(f,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:h(()=>[s(g,{size:`small`,type:`primary`,round:``},{default:h(()=>[s(p,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`headshots.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])]),s(v,{content:e.$t(`headshots.description.endImageUrls`),class:`info`},null,8,[`content`])])}var ae=P(Z,[[`render`,ie],[`__scopeId`,`data-v-d468812a`]]),oe=`fast`,se=i({name:`ModeSelector`,components:{ElRadioButton:x,ElRadioGroup:S},data(){return{options:[{label:this.$t(`headshots.button.fast`),value:`fast`},{label:this.$t(`headshots.button.relax`),value:`relax`}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug(`set mode`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||=oe}}),ce={class:`field`},le={class:`title font-bold`};function ue(r,i,l,f,p,g){let _=m(`el-radio-button`),v=m(`el-radio-group`);return d(),t(`div`,ce,[n(`h2`,le,u(r.$t(`headshots.name.mode`)),1),s(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`mode`},{default:h(()=>[(d(!0),t(c,null,e(r.options,e=>(d(),o(_,{key:e.value,label:e.value},{default:h(()=>[a(u(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var de=P(se,[[`render`,ue],[`__scopeId`,`data-v-e7702494`]]),fe=i({name:`StylizeSelector`,components:{ElTabs:g,ElTabPane:_,ElImage:y},data(){return{tab:`styles`,value:``,elements:{styles:{displayName:this.$t(`headshots.styleCategory.styles`),items:[{image:`https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png`,label:this.$t(`headshots.styleTag.malePportrait`),value:`male_portrait`},{image:`https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png`,label:this.$t(`headshots.styleTag.malePportrait2`),value:`male_portrait2`},{image:`https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png`,label:this.$t(`headshots.styleTag.kindergarten`),value:`kindergarten`},{image:`https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp`,label:this.$t(`headshots.styleTag.logoTshirt`),value:`logo_tshirt`},{image:`https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg`,label:this.$t(`headshots.styleTag.wedding`),value:`wedding`},{image:`https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp`,label:this.$t(`headshots.styleTag.businessPphoto`),value:`business_photo`},{image:`https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg`,label:this.$t(`headshots.styleTag.bobSuit`),value:`bob_suit`},{image:`https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp`,label:this.$t(`headshots.styleTag.femalePortrait`),value:`female_portrait`}]}}}},watch:{value(e){console.debug(`set template`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||=``,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value=``:this.value=e,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})}}}),pe={class:`field`},me=[`onClick`],he={class:`name`};function ge(r,i,a,f,p,g){let _=m(`el-image`),v=m(`el-tab-pane`),y=m(`el-tabs`);return d(),t(`div`,pe,[s(y,{modelValue:r.tab,"onUpdate:modelValue":i[0]||=e=>r.tab=e},{default:h(()=>[(d(!0),t(c,null,e(r.elements,(i,a)=>(d(),o(v,{key:a,label:i.displayName,name:a,class:`pane`},{default:h(()=>[(d(!0),t(c,null,e(i.items,(e,i)=>(d(),t(`div`,{key:i,class:l({item:!0,active:r.value===e.value}),onClick:t=>r.onToggle(e.value)},[s(_,{src:e.image,fit:`fill`,class:`preview`},null,8,[`src`]),n(`span`,he,u(e.label),1)],10,me))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])])}var _e=i({name:`PresetPanel`,components:{ModeSelector:de,ImageUrlsInput:ae,ElButton:k,FontAwesomeIcon:L,ElementsSelector:P(fe,[[`render`,ge],[`__scopeId`,`data-v-be4bd25d`]])},emits:[`generate`],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit(`generate`)}}}),ve={class:`panel`},ye={class:`config`},be={class:`actions`};function xe(e,r,i,o,c,l){let f=m(`elements-selector`),p=m(`mode-selector`),g=m(`image-urls-input`),_=m(`font-awesome-icon`),v=m(`el-button`);return d(),t(`div`,ve,[n(`div`,ye,[s(f,{class:`mb-4`}),s(p,{class:`mb-4`}),s(g,{class:`mb-4`}),n(`div`,be,[s(v,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[s(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`headshots.button.generate`)),1)]),_:1},8,[`onClick`])])])])}var Se=P(_e,[[`render`,xe],[`__scopeId`,`data-v-848739f6`]]),Ce=i({name:`ImageGallery`,props:{modelValue:{type:Object,required:!0}},setup(e){return{images:r(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:e=>{window.open(e,`_blank`)}}}}),we={class:`image-gallery`},Te=[`src`],Ee=[`onClick`];function De(r,i,a,o,s,l){return d(),t(`div`,we,[(d(!0),t(c,null,e(r.images,(e,i)=>(d(),t(`div`,{key:i,class:`image-container`},[n(`img`,{src:e.image_url,alt:`Image`},null,8,Te),e.image_url?(d(),t(`button`,{key:0,class:`view-button`,onClick:t=>r.viewImage(e.image_url)},u(r.$t(`headshots.button.viewImage`)),9,Ee)):p(``,!0)]))),128))])}var Oe=i({name:`TaskPreview`,components:{ElImage:y,CopyToClipboard:R,FontAwesomeIcon:L,ElAlert:b,ImageGallery:P(Ce,[[`render`,De],[`__scopeId`,`data-v-42f0a7be`]]),ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),ke={class:`preview`},Ae={class:`left`},je={class:`main`},Me={class:`bot`},Ne={class:`datetime`},Pe={class:`info`},Fe={key:0,class:`prompt mt-2`},Ie={key:0},Le={key:1},Re={key:0,class:l({content:!0,failed:!0})},ze={class:`image-wrapper`},Be={class:l({operations:!0,"mt-2":!0,"mb-2":!0})},Ve={class:`description`},He={key:0,class:`description`},Ue={key:1,class:l({content:!0})},We={class:`description`},Ge={class:`description`},Ke={key:0,class:`description`},qe={class:`description`},Je={key:2,class:l({content:!0})},$={class:`description`},Ye={key:3,class:l({content:!0})},Xe={class:`description`};function Ze(e,r,i,o,c,l){let f=m(`el-image`),g=m(`image-gallery`),_=m(`api-code-button`),v=m(`font-awesome-icon`),y=m(`copy-to-clipboard`),b=m(`el-alert`);return d(),t(`div`,ke,[n(`div`,Ae,[s(f,{src:`https://cdn.acedata.cloud/isxyfw.png`,class:`avatar`})]),n(`div`,je,[n(`div`,Me,[a(u(e.$t(`headshots.name.headshotsBot`))+` `,1),n(`span`,Ne,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Pe,[e.modelValue?.request?.template?(d(),t(`p`,Fe,[a(u(e.modelValue?.request?.template)+` `,1),e.modelValue?.response?p(``,!0):(d(),t(`span`,Ie,` - (`+u(e.$t(`headshots.status.pending`))+`) `,1)),e.modelValue?.response?.status===`unknown`?(d(),t(`span`,Le,` - (`+u(e.$t(`headshots.status.processing`))+`) `,1)):p(``,!0)])):p(``,!0)]),e.modelValue?.response?.success===!0?(d(),t(`div`,Re,[n(`div`,ze,[s(g,{"model-value":e.modelValue},null,8,[`model-value`])]),n(`div`,Be,[s(_,{path:`/headshots/images`,body:e.modelValue?.request},null,8,[`body`])]),s(b,{closable:!1,class:`mt-2 success`},{default:h(()=>[n(`p`,Ve,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,He,[s(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0)]),_:1})])):p(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,Ue,[s(b,{closable:!1,class:`failure`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,We,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,Ge,[s(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),s(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ke,[s(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),n(`p`,qe,[s(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),s(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0),e.modelValue?.response?p(``,!0):(d(),t(`div`,Je,[s(b,{closable:!1,class:`info`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,$,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])),e.modelValue?.response?.status===`unknown`?(d(),t(`div`,Ye,[s(b,{closable:!1,class:`info`},{template:h(()=>[s(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.failure`)),1)]),default:h(()=>[n(`p`,Xe,[s(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),s(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0)])])}var Qe=i({name:`RecentPanel`,components:{TaskPreview:P(Oe,[[`render`,Ze],[`__scopeId`,`data-v-0e921c0c`]]),ElSkeleton:T,ElSkeletonItem:w,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$e={key:0,class:`tasks`},et={class:`left`},tt={class:`main`},nt={key:1,class:`tasks`},rt={key:2,class:`description`};function it(r,i,a,l,f,g){let _=m(`el-skeleton-item`),v=m(`el-skeleton`),y=m(`task-preview`),b=m(`scroll-list`);return d(),o(b,{ref:`scrollList`,class:`panel recent`,loading:r.loading,onReachTop:i[0]||=e=>r.$emit(`reach-top`)},{default:h(()=>[r.tasks?.items===void 0?(d(),t(`div`,$e,[(d(),t(c,null,e(3,e=>n(`div`,{key:e,class:`task placeholder`},[n(`div`,et,[s(v,{animated:``},{template:h(()=>[s(_,{variant:`image`,class:`avatar`})]),_:1})]),n(`div`,tt,[s(v,{animated:``},{template:h(()=>[s(_,{variant:`p`,class:`title`}),s(_,{variant:`image`,class:`icon`})]),_:1})])])),64))])):r.tasks?.items?.length&&r.tasks?.items?.length>0?(d(),t(`div`,nt,[(d(!0),t(c,null,e(r.tasks?.items,(e,t)=>(d(),o(y,{key:t,"model-value":e,class:`preview`},null,8,[`model-value`]))),128))])):p(``,!0),r.tasks?.items?.length===0?(d(),t(`p`,rt,u(r.$t(`headshots.message.noTasks`)),1)):p(``,!0)]),_:1},8,[`loading`])}var at=i({name:`HeadshotsIndex`,components:{ConfigPanel:Se,Layout:X,ApplicationStatus:z,RecentPanel:P(Qe,[[`render`,it],[`__scopeId`,`data-v-ffd55c16`]])},mixins:[E],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===D.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===D.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===D.Request},needApply(){return this.$store.state.headshots.status.getApplications===D.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.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(`headshots/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`headshots/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){O.create({application:this.application}).then(({data:e})=>{this.application=e,j.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&j.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`headshots/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){if(!te(this.uploadTracker,e=>this.$t(e),e=>j.warning(e)))return;let e={...this.config,async:!0};if(!ee())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}j.info(this.$t(`headshots.message.startingTask`)),N(`headshots`,F.generate(e,{token:t})).then(()=>{j.success(this.$t(`headshots.message.startTaskSuccess`)),this.$store.commit(`headshots/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?j.error(this.$t(`headshots.message.usedUp`)):j.error(this.$t(`headshots.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ot(e,t,n,r,i,a){let c=m(`config-panel`),l=m(`application-status`),u=m(`recent-panel`),f=m(`layout`);return d(),o(f,null,{config:h(()=>[s(c,{onGenerate:e.onGeneratePicture},null,8,[`onGenerate`])]),result:h(()=>[s(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`headshots/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),s(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var st=P(at,[[`render`,ot],[`__scopeId`,`data-v-9ea36b64`]]);export{st as default};

package/dist/assets/Index-BOD4z8PZ.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{n as v,r as y,t as b}from"./select-CKqf_4BY.js";import{t as x}from"./upload-BWbJri6L.js";import{t as S}from"./tooltip-Bk_Nrx7x.js";import{t as C}from"./image-BCjd_mow.js";import{t as w}from"./alert-B67_jmR8.js";import{t as T}from"./drawer-B5GLfjyc.js";import{t as E}from"./input-number-Ce_9WFjV.js";import{t as D}from"./switch-CYpCSe9y.js";import{An as O,Cn as k,En as A,On as j,Sn as M,Tn as N,bn as P,kn as F,vn as ee,wn as te,xn as ne,yn as re}from"./constants-CG3Vqtr2.js";import{$t as I,Bt as L,Gt as R,Ht as z,Ir as B,Qr as V,Vr as H,Vt as U,Xn as W,k as G,mn as K,zr as q}from"./index-rets4F1T.js";import{t as J}from"./index.es-a7JSQm4K.js";import{t as Y}from"./CopyToClipboard-Bq4Ntrlc.js";import{t as X}from"./ImagePreview-pXGrCDQV.js";import{n as ie}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ae}from"./Consumption-CZprJsKp.js";import{i as Z,n as oe,t as se}from"./pagination-Cqz4sudB.js";import{t as ce}from"./ApiCodeButton-B9L5ITWH.js";import{t as le}from"./BotPlaceholder-DRSNZEsw.js";import{t as ue}from"./NoTasks-CTXo320m.js";import{t as de}from"./PromptTextarea-zQKSGb9-.js";import{t as fe}from"./ImageWrapper-C7J0Pfgw.js";var pe=r({name:`LayoutNanobanana`,components:{ElDrawer:T,ElButton:V,FontAwesomeIcon:J},mixins:[ie]}),me={class:`main flex flex-row flex-1`},he={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ge={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function _e(e,r,i,a,s,c){let l=h(`font-awesome-icon`),d=h(`el-button`),m=h(`el-drawer`);return u(),t(`div`,me,[n(`div`,he,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,ge,[p(e.$slots,`result`,{},void 0,!0)]),f(o(d,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ve=G(pe,[[`render`,_e],[`__scopeId`,`data-v-cca80bbd`]]),ye=r({name:`PromptInput`,components:{PromptTextarea:de},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function be(e,t,n,r,i,o){let s=h(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var xe=G(ye,[[`render`,be]]),Se=r({name:`ImageUrlsInput`,components:{ElUpload:x,ElButton:V,InfoIcon:Z,ImagePreview:X,FontAwesomeIcon:J},mixins:[U],data(){return{fileList:[],uploadUrl:q()+`/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.openaiimage?.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(){H.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){H.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.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()}}}),Ce={class:`field flex items-center justify-between`},we={class:`title font-bold text-[14px] mb-[10px]`},Te={class:`upload-wrapper flex flex-col items-start gap-[8px]`},Ee={class:`controls flex items-center`},De={class:`file-list flex flex-wrap gap-[10px]`};function Oe(r,c,d,f,p,m){let _=h(`font-awesome-icon`),v=h(`el-button`),y=h(`el-upload`),b=h(`info-icon`),x=h(`image-preview`);return u(),t(s,null,[n(`div`,Ce,[n(`h2`,we,l(r.$t(`openaiimage.name.imageUrls`)),1),n(`div`,Te,[n(`div`,Ee,[o(y,{"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:g(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:g(()=>[o(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,De,[(u(!0),t(s,null,e(r.fileList,(e,t)=>(u(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var ke=G(Se,[[`render`,Oe]]),Ae=r({name:`OpenAIImageModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Z},data(){return{options:[{value:k,label:this.$t(`openaiimage.model.gptImage1`)},{value:te,label:this.$t(`openaiimage.model.gptImage15`)},{value:N,label:this.$t(`openaiimage.model.gptImage2`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=ne}}),je={class:`field`},Me={class:`label`},Ne={class:`box`},Pe={class:`title font-bold`};function Fe(r,i,c,d,f,p){let m=h(`info-icon`),_=h(`el-option`),v=h(`el-select`);return u(),t(`div`,je,[n(`div`,Me,[n(`div`,Ne,[n(`h2`,Pe,l(r.$t(`openaiimage.name.model`)),1),o(m,{content:r.modelDescription,class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`openaiimage.placeholder.select`)},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ie=G(Ae,[[`render`,Fe],[`__scopeId`,`data-v-cec771bd`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Le=r({name:`OpenAIImageSizeSelector`,components:{ElSelect:y,ElOption:b,ElOptionGroup:v,ElSwitch:D,ElInputNumber:E,InfoIcon:Z},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},emptySizeValue(){return``},customSupported(){return P.includes(this.model)},presets(){return A[this.model]??A[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:j},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:F},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:O}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize()}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.emptySizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return ee},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:re.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize()}},storedSize(e){if(!e){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),Re={class:`resolution`},ze={class:`field`},Be={class:`label`},Ve={class:`box`},He={class:`title font-bold`},Ue={class:`field custom-toggle`},We={class:`label`},Ge={class:`box`},Ke={class:`title font-bold`},qe={key:0,class:`custom-inputs`},Je={class:`row`},Ye={class:`row-label`},Xe={class:`row`},Ze={class:`row-label`},Qe={key:0,class:`error`};function $e(r,i,c,d,f,p){let _=h(`info-icon`),v=h(`el-option`),y=h(`el-option-group`),b=h(`el-select`),x=h(`el-switch`),S=h(`el-input-number`);return u(),t(`div`,Re,[n(`div`,ze,[n(`div`,Be,[n(`div`,Ve,[n(`h2`,He,l(r.$t(`openaiimage.name.size`)),1),o(_,{content:r.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),o(b,{modelValue:r.presetValue,"onUpdate:modelValue":i[0]||=e=>r.presetValue=e,class:`value`,placeholder:r.$t(`openaiimage.placeholder.select`),disabled:r.useCustom},{default:g(()=>[o(v,{label:r.$t(`suno.gender.auto`),value:r.emptySizeValue},null,8,[`label`,`value`]),(u(!0),t(s,null,e(r.presetGroups,n=>(u(),a(y,{key:n.label,label:n.label},{default:g(()=>[(u(!0),t(s,null,e(n.options,e=>(u(),a(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),r.customSupported?(u(),t(s,{key:0},[n(`div`,Ue,[n(`div`,We,[n(`div`,Ge,[n(`h2`,Ke,l(r.$t(`openaiimage.name.customSize`)),1),o(_,{content:r.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),o(x,{modelValue:r.useCustom,"onUpdate:modelValue":i[1]||=e=>r.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),r.useCustom?(u(),t(`div`,qe,[n(`div`,Je,[n(`span`,Ye,l(r.$t(`openaiimage.name.width`)),1),o(S,{modelValue:r.customWidth,"onUpdate:modelValue":i[2]||=e=>r.customWidth=e,class:`row-input`,min:r.minSide,max:r.maxSide,step:r.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),n(`div`,Xe,[n(`span`,Ze,l(r.$t(`openaiimage.name.height`)),1),o(S,{modelValue:r.customHeight,"onUpdate:modelValue":i[3]||=e=>r.customHeight=e,class:`row-input`,min:r.minSide,max:r.maxSide,step:r.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r.customError?(u(),t(`div`,Qe,l(r.customError),1)):m(``,!0)])):m(``,!0)],64)):m(``,!0)])}var et=r({name:`ConfigPanel`,components:{ElButton:V,FontAwesomeIcon:J,PromptInput:xe,Consumption:ae,ImageUrlsInput:ke,ModelSelector:Ie,ResolutionSelector:G(Le,[[`render`,$e],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return R({...this.config||{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),tt={class:`flex flex-col h-full`},nt={class:`flex-1 overflow-y-auto p-5`},rt={class:`flex flex-col items-center justify-center px-5 pb-5`};function it(e,r,a,s,c,d){let f=h(`model-selector`),p=h(`resolution-selector`),m=h(`prompt-input`),_=h(`image-urls-input`),v=h(`consumption`),y=h(`font-awesome-icon`),b=h(`el-button`);return u(),t(`div`,tt,[n(`div`,nt,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`})]),n(`div`,rt,[o(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var at=G(et,[[`render`,it]]),ot=r({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:Y,FontAwesomeIcon:J,ElAlert:w,ImageWrapper:fe,ElButton:V,ElTooltip:S,ImagePreview:X,ApiCodeButton:ce},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:M}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)}}}),st={class:`preview`},ct={class:`left`},lt={class:`main`},ut={class:`bot`},dt={class:`datetime`},ft={class:`info`},pt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},mt={key:1,class:`prompt mt-2`},ht={key:0},gt={key:0,class:c({content:!0,failed:!0})},_t={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},vt={class:c({operations:!0,"mt-2":!0,"mb-2":!0})},yt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:2,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:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Tt={key:1,class:c({content:!0})},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},jt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Mt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Nt={key:2,class:c({content:!0})},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},It={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Lt(r,c,f,p,_,v){let y=h(`el-image`),b=h(`image-preview`),x=h(`image-wrapper`),S=h(`el-button`),C=h(`el-tooltip`),w=h(`api-code-button`),T=h(`font-awesome-icon`),E=h(`copy-to-clipboard`),D=h(`el-alert`);return u(),t(`div`,st,[n(`div`,ct,[o(y,{src:r.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),n(`div`,lt,[n(`div`,ut,[i(l(r.$t(`openaiimage.name.openaiimageBot`))+` `,1),n(`span`,dt,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,ft,[r.referenceImages.length>0?(u(),t(`div`,pt,[(u(!0),t(s,null,e(r.referenceImages,(e,t)=>(u(),a(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):m(``,!0),r.modelValue?.request?.prompt?(u(),t(`p`,mt,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?m(``,!0):(u(),t(`span`,ht,` - (`+l(r.$t(`openaiimage.status.pending`))+`) `,1))])):m(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,gt,[n(`div`,_t,[(u(!0),t(s,null,e(r.images,(e,t)=>(u(),a(x,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),n(`div`,vt,[o(C,{class:`box-item`,effect:`dark`,content:r.$t(`common.button.edit`),placement:`top-start`},{default:g(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=d(e=>r.onEdit(r.images?.[0]?.image_url||r.images?.[0]?.url),[`stop`])},{default:g(()=>[i(l(r.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:r.openaiimagePath,body:r.openaiimageCodeBody},null,8,[`path`,`body`])]),o(D,{closable:!1,class:`mt-2 success`},{default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,yt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,bt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,xt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,St,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,Ct,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,wt,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):m(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(u(),t(`div`,Tt,[o(D,{closable:!1,class:`failure`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,Et,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,Dt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,Ot,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,kt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,At,[o(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(E,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,jt,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),r.modelValue?.response?.trace_id?(u(),t(`p`,Mt,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):m(``,!0)]),_:1})])):(u(),t(`div`,Nt,[o(D,{closable:!1,class:`info`},{template:g(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.failure`)),1)]),default:g(()=>[r.modelValue?.request?.model?(u(),t(`p`,$,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.model`))+`: `+l(r.modelValue?.request?.model),1)])):m(``,!0),r.modelValue?.request?.size?(u(),t(`p`,Pt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.size`))+`: `+l(r.modelValue?.request?.size),1)])):m(``,!0),r.showTaskType?(u(),t(`p`,Ft,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.task`))+`: `+l(r.taskTypeLabel),1)])):m(``,!0),n(`p`,It,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`openaiimage.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Rt=r({name:`RecentPanel`,components:{TaskPreview:G(ot,[[`render`,Lt],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:le,NoTasks:ue,ScrollList:oe},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),zt={key:0},Bt={key:2,class:`w-full h-full flex items-center justify-center`};function Vt(n,r,i,c,l,d){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,zt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,Bt,[o(v)])):m(``,!0)],64)}var Ht=r({name:`OpenAIImageIndex`,components:{ConfigPanel:at,Layout:ve,RecentPanel:G(Rt,[[`render`,Vt]])},mixins:[z],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===B.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.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 se({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(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/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(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>H.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){H.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let n={...e,action:`generate`,async:!0},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],async:!0};if(!I())return;let i=this.credential?.token;if(!i){console.error(`no token specified`);return}H.info(this.$t(`openaiimage.message.startingTask`)),W(`openaiimage`,t?K.edit(r,{token:i}):K.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),H.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?H.error(this.$t(`openaiimage.message.usedUp`)):H.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``))}).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 Ut(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),d=h(`layout`);return u(),a(d,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Wt=G(Ht,[[`render`,Ut]]);export{Wt as default};

package/dist/assets/Index-BTr_i8nd.js

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

package/dist/assets/Index-BqEa5vHX.js

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

package/dist/assets/Index-BvmLYL_p.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{r as v,t as y}from"./select-CKqf_4BY.js";import{t as b}from"./upload-BWbJri6L.js";import{t as x}from"./tooltip-Bk_Nrx7x.js";import{t as S}from"./image-BCjd_mow.js";import{t as C}from"./alert-B67_jmR8.js";import{t as w}from"./drawer-B5GLfjyc.js";import{ft as T,pt as E}from"./constants-CG3Vqtr2.js";import{$t as D,Bt as O,Gt as ee,Ht as te,Ir as k,Qr as A,Ut as j,Vr as M,Vt as N,Xn as P,k as F,ln as I,zr as L}from"./index-rets4F1T.js";import{t as R}from"./index.es-a7JSQm4K.js";import{t as z}from"./CopyToClipboard-Bq4Ntrlc.js";import{t as B}from"./ImagePreview-pXGrCDQV.js";import{n as V}from"./taskDrawerMixin-DEgO_R5H.js";import{t as H}from"./Consumption-CZprJsKp.js";import{i as U,n as W,t as G}from"./pagination-Cqz4sudB.js";import{t as K}from"./VideoPlayer-CyN6UJjJ.js";import{t as q}from"./ApiCodeButton-B9L5ITWH.js";import{t as J}from"./BotPlaceholder-DRSNZEsw.js";import{t as Y}from"./NoTasks-CTXo320m.js";import{t as X}from"./PromptTextarea-zQKSGb9-.js";var Z=r({name:`LayoutWan`,components:{ElDrawer:w,ElButton:A,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full overflow-y-auto 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(e,r,i,a,s,c){let l=h(`font-awesome-icon`),d=h(`el-button`),m=h(`el-drawer`);return u(),t(`div`,Q,[n(`div`,ne,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,re,[p(e.$slots,`result`,{},void 0,!0)]),f(o(d,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=F(Z,[[`render`,ie],[`__scopeId`,`data-v-1ffeb6b4`]]),oe=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},data(){return{}},computed:{options(){return[{value:`wan2.6-t2v`,label:this.$t(`wan.button.modelT2v`)},{value:`wan2.6-i2v`,label:this.$t(`wan.button.modelI2v`)},{value:`wan2.6-i2v-flash`,label:this.$t(`wan.button.modelI2vFlash`)},{value:`wan2.6-r2v`,label:this.$t(`wan.button.modelR2v`)}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||=T}}),se={class:`field`},ce={class:`title font-bold`},le={class:`float-left`};function ue(r,i,c,d,f,p){let m=h(`el-option`),_=h(`el-select`);return u(),t(`div`,se,[n(`h2`,ce,l(r.$t(`wan.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`wan.placeholder.select`),clearable:``},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(m,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`span`,le,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var de=F(oe,[[`render`,ue],[`__scopeId`,`data-v-eb090beb`]]),fe=`720p`,pe=r({name:`ResolutionSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return[{value:`480p`,label:this.$t(`wan.name.resolution480p`)},{value:`720p`,label:this.$t(`wan.name.resolution720p`)},{value:`1080p`,label:this.$t(`wan.name.resolution1080p`)}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||=fe}}),me={class:`field`},he={class:`title font-bold`},ge={class:`float-left`};function _e(r,i,c,d,f,p){let m=h(`el-option`),_=h(`el-select`);return u(),t(`div`,me,[n(`h2`,he,l(r.$t(`wan.name.resolution`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`wan.placeholder.select`),clearable:``},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(m,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`span`,ge,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ve=F(pe,[[`render`,_e],[`__scopeId`,`data-v-3e39f44e`]]),ye=5,be=r({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return[{value:5,label:this.$t(`wan.name.duration5s`)},{value:10,label:this.$t(`wan.name.duration10s`)},{value:15,label:this.$t(`wan.name.duration15s`)}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||=ye}}),xe={class:`field`},Se={class:`title font-bold`},Ce={class:`float-left`};function we(r,i,c,d,f,p){let m=h(`el-option`),_=h(`el-select`);return u(),t(`div`,xe,[n(`h2`,Se,l(r.$t(`wan.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`wan.placeholder.select`),clearable:``},{default:g(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(m,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`span`,Ce,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=F(be,[[`render`,we],[`__scopeId`,`data-v-5f35a2cf`]]),Ee=r({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:A,InfoIcon:U,ImagePreview:B},mixins:[j,N],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetImageUrl()},methods:{onExceed(){M.warning(this.$t(`wan.message.uploadImageExceed`))},onError(){M.error(this.$t(`wan.message.uploadImageError`))},async onRemove(){M.error(this.$t(`wan.message.uploadImageError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),De={class:`relative`},Oe={class:`flex justify-between`},ke={class:`flex justify-start items-center`},Ae={class:`text-sm font-bold`};function je(e,r,s,c,d,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`el-button`),y=h(`el-upload`);return u(),t(`div`,De,[n(`div`,Oe,[n(`div`,ke,[n(`span`,Ae,l(e.$t(`wan.name.imageUrl`)),1),o(p,{content:e.$t(`wan.description.imageUrl`),class:`info`},null,8,[`content`])])]),o(y,{"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,"show-file-list":!0,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(u(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:g(()=>[i(l(e.$t(`wan.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var Me=F(Ee,[[`render`,je],[`__scopeId`,`data-v-41a69004`]]),Ne=r({name:`PromptInput`,components:{PromptTextarea:X},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Pe(e,t,n,r,i,o){let s=h(`prompt-textarea`);return u(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`wan.name.prompt`),info:e.$t(`wan.description.prompt`),placeholder:e.$t(`wan.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Fe=r({name:`PresetPanel`,components:{ElButton:A,FontAwesomeIcon:R,PromptInput:F(Ne,[[`render`,Pe]]),ImageUrlInput:Me,ModelSelector:de,ResolutionSelector:ve,DurationSelector:Te,Consumption:H},emits:[`generate`],computed:{config(){return this.$store.state.wan?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){let e=this.config?.model;return e===`wan2.6-t2v`||e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`},supportsDuration(){return this.config?.model===`wan2.6-t2v`},supportsImageUrl(){let e=this.config?.model;return e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ie={class:`flex flex-col h-full`},Le={class:`flex-1 overflow-y-auto p-5`},Re={class:`flex flex-col items-center justify-center px-5 pb-5`};function ze(e,r,s,c,d,f){let p=h(`prompt-input`),_=h(`model-selector`),v=h(`resolution-selector`),y=h(`duration-selector`),b=h(`image-url-input`),x=h(`consumption`),S=h(`font-awesome-icon`),C=h(`el-button`);return u(),t(`div`,Ie,[n(`div`,Le,[o(p,{class:`mb-4`}),o(_,{class:`mb-4`}),e.supportsResolution?(u(),a(v,{key:0,class:`mb-4`})):m(``,!0),e.supportsDuration?(u(),a(y,{key:1,class:`mb-4`})):m(``,!0),e.supportsImageUrl?(u(),a(b,{key:2,class:`mb-2`})):m(``,!0)]),n(`div`,Re,[o(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`wan.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Be=F(Fe,[[`render`,ze]]),Ve=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:C,VideoPlayer:K,ElTooltip:x,ElButton:A,ApiCodeButton:q},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:E}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug(`on download wan video`,e),window.open(e,`_blank`)}}}),He={class:`preview`},Ue={class:`left`},We={class:`main`},Ge={class:`bot`},Ke={class:`datetime`},qe={class:`info`},Je={key:0,class:`prompt mt-2`},Ye={key:0},Xe={key:1},Ze={key:0,class:c({content:!0,failed:!0})},Qe={key:0,class:`mb-4`},$e={key:1,class:c({operations:!0,"mt-2":!0})},et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},nt={key:1,class:c({content:!0})},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ot={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},st={key:2,class:c({content:!0})},ct={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function lt(e,r,a,s,c,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return u(),t(`div`,He,[n(`div`,Ue,[o(p,{src:e.WAN_LOGO,class:`avatar`},null,8,[`src`])]),n(`div`,We,[n(`div`,Ge,[i(l(e.$t(`wan.name.wanBot`))+` `,1),n(`span`,Ke,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,qe,[e.modelValue?.request?.prompt?(u(),t(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(u(),t(`span`,Ye,` - (`+l(e.$t(`wan.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`||e.modelValue?.response?.state===`running`?(u(),t(`span`,Xe,` - (`+l(e.$t(`wan.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0?(u(),t(`div`,Ze,[e.modelValue?.response?.video_url?(u(),t(`div`,Qe,[o(_,{src:e.modelValue?.response?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response?.video_url?(u(),t(`div`,$e,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`wan.message.downloadVideo`),placement:`top-start`},{default:g(()=>[o(v,{type:`info`,size:`small`,class:`mb-2`,onClick:r[0]||=d(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:g(()=>[i(l(e.$t(`wan.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(b,{path:`/wan/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[e.modelValue?.request?.model?(u(),t(`p`,et,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.model`))+`: `+l(e.modelValue?.request?.model)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])])):m(``,!0),n(`p`,tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),t(`p`,$,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(u(),t(`div`,nt,[o(C,{closable:!1,class:`failure`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:g(()=>[n(`p`,rt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,it,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),t(`p`,at,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),n(`p`,ot,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):m(``,!0),e.modelValue?.response?.success===void 0?(u(),t(`div`,st,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.failure`)),1)]),default:g(()=>[n(`p`,ct,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`wan.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):m(``,!0)])])}var ut=r({name:`RecentPanel`,components:{TaskPreview:F(Ve,[[`render`,lt],[`__scopeId`,`data-v-916b8970`]]),BotPlaceholder:J,NoTasks:Y,ScrollList:W},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),dt={key:0},ft={key:2,class:`w-full h-full flex items-center justify-center`};function pt(n,r,i,c,l,d){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,dt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,ft,[o(v)])):m(``,!0)],64)}var mt=r({name:`WanIndex`,components:{ConfigPanel:Be,Layout:ae,RecentPanel:F(ut,[[`render`,pt]])},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===k.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===k.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks}},watch:{tasks:{handler(e,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 G({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`wan/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`wan/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();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(`wan/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!O(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e={...this.config,async:!0};if(!D())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}M.info(this.$t(`wan.message.startingTask`)),P(`wan`,I.generate(e,{token:t})).then(()=>{M.success(this.$t(`wan.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`wan.message.usedUp`)):M.error(this.$t(`wan.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ht(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),d=h(`layout`);return u(),a(d,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var gt=F(mt,[[`render`,ht]]);export{gt as default};

package/dist/assets/Index-BxztoPdu.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v,y}from"./vendor-chart-BJCvKk8-.js";import{r as b,t as x}from"./select-CKqf_4BY.js";import{t as S}from"./upload-BWbJri6L.js";import{t as C}from"./tooltip-Bk_Nrx7x.js";import{t as w}from"./image-BCjd_mow.js";import{t as T}from"./alert-B67_jmR8.js";import{t as E}from"./drawer-B5GLfjyc.js";import{Fn as D,Nn as O,Pn as k,jn as ee}from"./constants-CG3Vqtr2.js";import{$t as A,Bt as j,Gt as M,Ht as N,Ir as P,Qr as F,Ut as te,Vr as I,Vt as L,Xn as R,hn as z,k as B,zr as V}from"./index-rets4F1T.js";import{t as H}from"./index.es-a7JSQm4K.js";import{t as U}from"./CopyToClipboard-Bq4Ntrlc.js";import{t as W}from"./ImagePreview-pXGrCDQV.js";import{n as G}from"./taskDrawerMixin-DEgO_R5H.js";import{t as K}from"./Consumption-CZprJsKp.js";import{i as q,n as J,t as Y}from"./pagination-Cqz4sudB.js";import{t as X}from"./ApiCodeButton-B9L5ITWH.js";import{t as Z}from"./BotPlaceholder-DRSNZEsw.js";import{t as Q}from"./NoTasks-CTXo320m.js";import{t as ne}from"./PromptTextarea-zQKSGb9-.js";import{t as re}from"./ImageWrapper-C7J0Pfgw.js";var ie=r({name:`LayoutNanobanana`,components:{ElDrawer:E,ElButton:F,FontAwesomeIcon:H},mixins:[G]}),ae={class:`main flex flex-row flex-1`},oe={class:`config w-[320px] flex-none h-full overflow-y-auto 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(e,r,i,a,s,c){let l=g(`font-awesome-icon`),u=g(`el-button`),f=g(`el-drawer`);return d(),t(`div`,ae,[n(`div`,oe,[m(e.$slots,`config`,{},void 0,!0)]),n(`div`,se,[m(e.$slots,`result`,{},void 0,!0)]),p(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:_(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[v,!e.tasksEmpty]]),o(f,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:_(()=>[m(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var le=B(ie,[[`render`,ce],[`__scopeId`,`data-v-d7e69eb2`]]),ue=r({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,o){let s=g(`prompt-textarea`);return d(),a(s,{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=B(ue,[[`render`,de]]),pe=r({name:`ImageUrlsInput`,components:{ElUpload:S,ElButton:F,InfoIcon:q,ImagePreview:W,FontAwesomeIcon:H},mixins:[te,L],data(){return{fileList:[],uploadUrl:V()+`/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(){I.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){I.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(r,c,l,f,p,m){let h=g(`font-awesome-icon`),v=g(`el-button`),y=g(`el-upload`),b=g(`info-icon`),x=g(`image-preview`);return d(),t(s,null,[n(`div`,me,[n(`h2`,he,u(r.$t(`nanobanana.name.imageUrls`)),1),n(`div`,ge,[n(`div`,_e,[o(y,{ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:_(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:_(()=>[o(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,ve,[(d(!0),t(s,null,e(r.fileList,(e,t)=>(d(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var be=B(pe,[[`render`,ye]]),xe=r({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,i,a,p,m,h){let _=g(`info-icon`);return d(),t(`div`,Se,[n(`div`,Ce,[n(`h2`,we,u(r.$t(`nanobanana.name.aspectRatio`)),1),o(_,{content:r.$t(`nanobanana.description.aspectRatio`),class:`ml-1`},null,8,[`content`])]),n(`div`,{class:`items`,role:`radiogroup`,"aria-label":r.$t(`nanobanana.name.aspectRatio`)},[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),role:`radio`,"aria-checked":r.value===e.value,"aria-label":e.label,tabindex:`0`,onClick:t=>r.onSelect(e.value),onKeydown:[y(f(t=>r.onSelect(e.value),[`prevent`]),[`enter`]),y(f(t=>r.onSelect(e.value),[`prevent`]),[`space`])]},[n(`div`,De,[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)]),n(`p`,Oe,u(e.label),1)],42,Ee))),128))],8,Te)])}var Ae=B(xe,[[`render`,ke],[`__scopeId`,`data-v-7131eb97`]]),je=r({name:`NanobananaModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:q},data(){return{options:[{value:O,label:this.$t(`nanobanana.model.nanoBanana`)},{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||=ee}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,Me,[n(`div`,Ne,[n(`div`,Pe,[n(`h2`,Fe,u(r.$t(`nanobanana.name.model`)),1),o(m,{content:r.modelDescription,class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`nanobanana.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Le=B(je,[[`render`,Ie],[`__scopeId`,`data-v-94304d73`]]),Re=r({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})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==O}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(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.isProModel&&!this.value&&(this.value=`1K`),!this.isProModel&&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(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,ze,[n(`div`,Be,[n(`div`,Ve,[n(`h2`,He,u(r.$t(`nanobanana.name.resolution`)),1),o(m,{content:r.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`nanobanana.placeholder.select`),disabled:!r.isProModel},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var We=r({name:`ConfigPanel`,components:{ElButton:F,FontAwesomeIcon:H,PromptInput:fe,Consumption:K,ImageUrlsInput:be,AspectRatioSelector:Ae,ModelSelector:Le,ResolutionSelector:B(Re,[[`render`,Ue],[`__scopeId`,`data-v-fd5ab393`]])},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 M({...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(e,r,a,s,c,l){let f=g(`model-selector`),p=g(`resolution-selector`),m=g(`prompt-input`),h=g(`aspect-ratio-selector`),v=g(`image-urls-input`),y=g(`consumption`),b=g(`font-awesome-icon`),x=g(`el-button`);return d(),t(`div`,Ge,[n(`div`,Ke,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(h,{class:`mb-4`}),o(v,{class:`mb-4`})]),n(`div`,qe,[o(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:_(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ye=B(We,[[`render`,Je]]),Xe=r({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:U,FontAwesomeIcon:H,ElAlert:T,ImageWrapper:re,ElButton:F,ElTooltip:C,ImagePreview:W,ApiCodeButton:X},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}},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:l({content:!0,failed:!0})},st={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},ct={class:l({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:l({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:l({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(r,c,l,p,m,v){let y=g(`el-image`),b=g(`image-preview`),x=g(`image-wrapper`),S=g(`el-button`),C=g(`el-tooltip`),w=g(`api-code-button`),T=g(`font-awesome-icon`),E=g(`copy-to-clipboard`),D=g(`el-alert`);return d(),t(`div`,Ze,[n(`div`,Qe,[o(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),n(`div`,$e,[n(`div`,et,[i(u(r.$t(`nanobanana.name.nanobananaBot`))+` `,1),n(`span`,tt,u(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,nt,[r.modelValue?.request?.image_urls&&r.modelValue?.request?.image_urls.length>0?(d(),t(`div`,rt,[(d(!0),t(s,null,e(r.modelValue?.request?.image_urls,(e,t)=>(d(),a(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):h(``,!0),r.modelValue?.request?.prompt?(d(),t(`p`,it,[i(u(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?h(``,!0):(d(),t(`span`,at,` - (`+u(r.$t(`nanobanana.status.pending`))+`) `,1))])):h(``,!0)]),r.modelValue?.response?.success===!0?(d(),t(`div`,ot,[n(`div`,st,[(d(!0),t(s,null,e(r.images,(e,t)=>(d(),a(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),n(`div`,ct,[o(C,{class:`box-item`,effect:`dark`,content:r.$t(`common.button.edit`),placement:`top-start`},{default:_(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=f(e=>r.onEdit(r.images?.[0]?.image_url),[`stop`])},{default:_(()=>[i(u(r.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:`/nano-banana/images`,body:r.modelValue?.request},null,8,[`body`])]),o(D,{closable:!1,class:`mt-2 success`},{default:_(()=>[r.modelValue?.request?.model?(d(),t(`p`,lt,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.model`))+`: `+u(r.modelValue?.request?.model),1)])):h(``,!0),r.modelValue?.request?.resolution?(d(),t(`p`,ut,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.resolution`))+`: `+u(r.modelValue?.request?.resolution),1)])):h(``,!0),r.modelValue?.request?.aspect_ratio?(d(),t(`p`,dt,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.aspectRatio`))+`: `+u(r.modelValue?.request?.aspect_ratio),1)])):h(``,!0),r.modelValue?.request?.action?(d(),t(`p`,ft,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.task`))+`: `+u(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):h(``,!0),n(`p`,pt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,mt,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,ht,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):r.modelValue?.response?.success===!1?(d(),t(`div`,gt,[o(D,{closable:!1,class:`failure`},{template:_(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.failure`)),1)]),default:_(()=>[r.modelValue?.request?.model?(d(),t(`p`,_t,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.model`))+`: `+u(r.modelValue?.request?.model),1)])):h(``,!0),r.modelValue?.request?.resolution?(d(),t(`p`,vt,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.resolution`))+`: `+u(r.modelValue?.request?.resolution),1)])):h(``,!0),r.modelValue?.request?.aspect_ratio?(d(),t(`p`,yt,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.aspectRatio`))+`: `+u(r.modelValue?.request?.aspect_ratio),1)])):h(``,!0),r.modelValue?.request?.action?(d(),t(`p`,bt,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.task`))+`: `+u(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):h(``,!0),n(`p`,xt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,St,[o(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.failureReason`))+`: `+u(r.modelValue?.response?.error?.message)+` `,1),o(E,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(d(),t(`p`,Ct,[o(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.elapsed`))+`: `+u(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),r.modelValue?.response?.trace_id?(d(),t(`p`,wt,[o(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.traceId`))+`: `+u(r.modelValue?.response?.trace_id)+` `,1),o(E,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):h(``,!0)]),_:1})])):(d(),t(`div`,Tt,[o(D,{closable:!1,class:`info`},{template:_(()=>[o(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.failure`)),1)]),default:_(()=>[r.modelValue?.request?.model?(d(),t(`p`,Et,[o(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.model`))+`: `+u(r.modelValue?.request?.model),1)])):h(``,!0),r.modelValue?.request?.resolution?(d(),t(`p`,$,[o(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.resolution`))+`: `+u(r.modelValue?.request?.resolution),1)])):h(``,!0),r.modelValue?.request?.aspect_ratio?(d(),t(`p`,Dt,[o(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.aspectRatio`))+`: `+u(r.modelValue?.request?.aspect_ratio),1)])):h(``,!0),r.modelValue?.request?.action?(d(),t(`p`,Ot,[o(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.task`))+`: `+u(r.modelValue?.request?.action===`generate`?r.$t(`nanobanana.name.generate`):r.$t(`nanobanana.name.edits`)),1)])):h(``,!0),n(`p`,kt,[o(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(r.$t(`nanobanana.name.taskId`))+`: `+u(r.modelValue?.id)+` `,1),o(E,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var jt=r({name:`RecentPanel`,components:{TaskPreview:B(Xe,[[`render`,At],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:Z,NoTasks:Q,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(n,r,i,c,l,u){let f=g(`bot-placeholder`),p=g(`task-preview`),m=g(`scroll-list`),v=g(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Mt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(m,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:_(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):h(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Nt,[o(v)])):h(``,!0)],64)}var Ft=r({name:`NanobananaIndex`,components:{ConfigPanel:Ye,Layout:le,RecentPanel:B(jt,[[`render`,Pt]])},mixins:[N],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===P.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 Y({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(!j(this.uploadTracker,e=>this.$t(e),e=>I.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,e?.model===`nano-banana`&&`resolution`in e&&delete e.resolution,e?.model!==`nano-banana`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,async:!0};if(!A())return;let r=this.credential?.token;if(!r){console.error(`no token specified`);return}I.info(this.$t(`nanobanana.message.startingTask`)),R(`nanobanana`,z.generate(n,{token:r})).then(()=>{I.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?I.error(this.$t(`nanobanana.message.usedUp`)):I.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,s){let c=g(`config-panel`),l=g(`recent-panel`),u=g(`layout`);return d(),a(u,null,{config:_(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:_(()=>[o(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Lt=B(Ft,[[`render`,It]]);export{Lt as default};

package/dist/assets/Index-BzZ7mtN-.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,dt as d,et as f,k as p,tt as m,ut as h,v as g}from"./vendor-chart-BJCvKk8-.js";import{r as _,t as v}from"./select-CKqf_4BY.js";import{t as y}from"./upload-BWbJri6L.js";import{t as b}from"./image-BCjd_mow.js";import{t as x}from"./alert-B67_jmR8.js";import{t as S}from"./drawer-B5GLfjyc.js";import{t as C}from"./input-number-Ce_9WFjV.js";import{t as w}from"./slider-C9ihG3OM.js";import{Jn as T,qn as E}from"./constants-CG3Vqtr2.js";import{$t as D,Bt as O,Cn as k,Gt as ee,Ht as te,Ir as A,Qr as j,Ut as M,Vr as N,Vt as P,Xn as F,k as I,zr as L}from"./index-rets4F1T.js";import{t as R}from"./index.es-a7JSQm4K.js";import{t as z}from"./CopyToClipboard-Bq4Ntrlc.js";import{t as B}from"./ImagePreview-pXGrCDQV.js";import{n as V}from"./taskDrawerMixin-DEgO_R5H.js";import{t as H}from"./Consumption-CZprJsKp.js";import{i as U,n as W,t as G}from"./pagination-Cqz4sudB.js";import{t as K}from"./ApiCodeButton-B9L5ITWH.js";import{t as q}from"./BotPlaceholder-DRSNZEsw.js";import{t as J}from"./NoTasks-CTXo320m.js";import{t as Y}from"./PromptTextarea-zQKSGb9-.js";import{t as X}from"./ImageWrapper-C7J0Pfgw.js";var Z=r({name:`LayoutFlux`,components:{ElDrawer:S,ElButton:j,FontAwesomeIcon:R},mixins:[V]}),Q={class:`main flex flex-row flex-1`},ne={class:`config w-[320px] flex-none h-full overflow-y-auto 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(e,r,i,a,s,c){let l=m(`font-awesome-icon`),p=m(`el-button`),_=m(`el-drawer`);return u(),t(`div`,Q,[n(`div`,ne,[f(e.$slots,`config`,{},void 0,!0)]),n(`div`,re,[f(e.$slots,`result`,{},void 0,!0)]),d(o(p,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:h(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!e.tasksEmpty]]),o(_,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:h(()=>[f(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ae=I(Z,[[`render`,ie],[`__scopeId`,`data-v-8ae8c974`]]),oe=r({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||=T}}),se={class:`field`},ce={class:`title font-bold`};function le(r,i,c,d,f,p){let g=m(`el-option`),_=m(`el-select`);return u(),t(`div`,se,[n(`h2`,ce,l(r.$t(`flux.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`flux.placeholder.select`)},{default:h(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ue=I(oe,[[`render`,le],[`__scopeId`,`data-v-e9b17945`]]),de=r({name:`CountSelector`,components:{ElSlider:w,InfoIcon:U,ElInputNumber:C},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(e,r,i,a,s,c){let d=m(`info-icon`),f=m(`el-input-number`),p=m(`el-slider`);return u(),t(`div`,null,[n(`div`,fe,[n(`div`,pe,[n(`span`,me,l(e.$t(`flux.name.numbers`)),1),o(d,{content:e.$t(`flux.description.numbers`)},null,8,[`content`])]),n(`div`,he,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,ge,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:1,max:4,step:1},null,8,[`modelValue`])])])}var ve=I(de,[[`render`,_e]]),ye=r({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||=E}}),be={class:`field`},xe={class:`title font-bold`};function Se(r,i,c,d,f,p){let g=m(`el-option`),_=m(`el-select`);return u(),t(`div`,be,[n(`h2`,xe,l(r.$t(`flux.name.task`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`flux.placeholder.select`)},{default:h(()=>[(u(!0),t(s,null,e(r.options,e=>(u(),a(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ce=I(ye,[[`render`,Se],[`__scopeId`,`data-v-81fd05e5`]]),we=r({name:`ImageUrlInput`,components:{ElUpload:y,ElButton:j,InfoIcon:U,FontAwesomeIcon:R,ImagePreview:B},mixins:[M,P],emits:[`change`],data(){return{fileList:[],uploadUrl:L()+`/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(){N.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){N.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(e,r,a,s,c,d){let f=m(`info-icon`),p=m(`image-preview`),g=m(`font-awesome-icon`),_=m(`el-button`),v=m(`el-upload`);return u(),t(`div`,Te,[n(`div`,Ee,[n(`div`,De,[n(`span`,Oe,l(e.$t(`flux.name.imageUrl`)),1),o(f,{content:e.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),o(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:h(({file:t})=>[o(p,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:h(()=>[o(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var Ae=I(we,[[`render`,ke],[`__scopeId`,`data-v-7482072d`]]),je=r({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,o){let s=m(`prompt-textarea`);return u(),a(s,{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=r({name:`PresetPanel`,components:{ElButton:j,FontAwesomeIcon:R,PromptInput:I(je,[[`render`,Me]]),ModelSelector:ue,CountSelector:ve,Consumption:H,ActionSelector:Ce,ImageUrlInput:Ae},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return ee(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Pe={class:`flex flex-col h-full`},Fe={class:`flex-1 overflow-y-auto p-5`},Ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function Le(e,r,s,c,d,f){let g=m(`action-selector`),_=m(`prompt-input`),v=m(`image-url-input`),y=m(`model-selector`),b=m(`count-selector`),x=m(`consumption`),S=m(`font-awesome-icon`),C=m(`el-button`);return u(),t(`div`,Pe,[n(`div`,Fe,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),e.config?.action===`edits`?(u(),a(v,{key:0,class:`mb-4`})):p(``,!0),o(y,{class:`mb-4`}),o(b,{class:`mb-4`})]),n(`div`,Ie,[o(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:h(()=>[o(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Re=I(Ne,[[`render`,Le]]),ze=r({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:x,ImageWrapper:X,ApiCodeButton:K},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`)}}}),Be={class:`preview`},Ve={class:`left`},He={class:`main`},Ue={class:`bot`},We={class:`datetime`},Ge={class:`info`},Ke={key:0,class:`prompt mt-2`},qe={key:0},Je={key:0,class:c({content:!0,failed:!0})},Ye={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Xe={class:c({operations:!0,"mt-2":!0,"mb-2":!0})},Ze={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$e={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},et={key:1,class:c({content:!0})},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},it={key:2,class:c({content:!0})},at={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function ot(r,c,d,f,g,_){let v=m(`el-image`),y=m(`image-wrapper`),b=m(`api-code-button`),x=m(`font-awesome-icon`),S=m(`copy-to-clipboard`),C=m(`el-alert`);return u(),t(`div`,Be,[n(`div`,Ve,[o(v,{src:`https://cdn.acedata.cloud/ogm2oa.png`,class:`avatar`})]),n(`div`,He,[n(`div`,Ue,[i(l(r.$t(`flux.name.fluxBot`))+` `,1),n(`span`,We,l(r.$dayjs.format(``+new Date(parseFloat((r.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ge,[r.modelValue?.request?.prompt?(u(),t(`p`,Ke,[i(l(r.modelValue?.request?.prompt)+` `,1),r.modelValue?.response?p(``,!0):(u(),t(`span`,qe,` - (`+l(r.$t(`flux.status.pending`))+`) `,1))])):p(``,!0)]),r.modelValue?.response?.success===!0?(u(),t(`div`,Je,[n(`div`,Ye,[(u(!0),t(s,null,e(r.images,(e,t)=>(u(),a(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),n(`div`,Xe,[o(b,{path:`/flux/images`,body:r.modelValue?.request},null,8,[`body`])]),o(C,{closable:!1,class:`mt-2 success`},{default:h(()=>[n(`p`,Ze,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.model`))+`: `+l(r.modelValue?.request?.model),1)]),n(`p`,Qe,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,$e,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0)]),_:1})])):p(``,!0),r.modelValue?.response?.success===!1?(u(),t(`div`,et,[o(C,{closable:!1,class:`failure`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.failure`)),1)]),default:h(()=>[n(`p`,tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n(`p`,$,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.failureReason`))+`: `+l(r.modelValue?.response?.error?.message)+` `,1),o(S,{content:r.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),r.modelValue?.elapsed?(u(),t(`p`,nt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.elapsed`))+`: `+l(r.modelValue?.elapsed?.toFixed(2))+`s `,1)])):p(``,!0),n(`p`,rt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.traceId`))+`: `+l(r.modelValue?.response?.trace_id)+` `,1),o(S,{content:r.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):p(``,!0),r.modelValue?.response?p(``,!0):(u(),t(`div`,it,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.failure`)),1)]),default:h(()=>[n(`p`,at,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(r.$t(`flux.name.taskId`))+`: `+l(r.modelValue?.id)+` `,1),o(S,{content:r.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var st=r({name:`RecentPanel`,components:{TaskPreview:I(ze,[[`render`,ot],[`__scopeId`,`data-v-bf1b183c`]]),BotPlaceholder:q,NoTasks:J,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?.()}}}),ct={key:0},lt={key:2,class:`w-full h-full flex items-center justify-center`};function ut(n,r,i,c,l,d){let f=m(`bot-placeholder`),g=m(`task-preview`),_=m(`scroll-list`),v=m(`no-tasks`);return u(),t(s,null,[n.tasks?.items===void 0?(u(),t(`div`,ct,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(u(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:h(()=>[(u(!0),t(s,null,e(n.tasks?.items,e=>(u(),a(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):p(``,!0),n.tasks?.items?.length===0?(u(),t(`div`,lt,[o(v)])):p(``,!0)],64)}var dt=r({name:`FluxIndex`,components:{ConfigPanel:Re,Layout:ae,RecentPanel:I(st,[[`render`,ut]])},mixins:[te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,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 G({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(!O(this.uploadTracker,e=>this.$t(e),e=>N.warning(e)))return;let e={...this.config,async:!0};if(!D())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}N.info(this.$t(`flux.message.startingTask`)),F(`flux`,k.generate(e,{token:t})).then(()=>{N.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?N.error(this.$t(`flux.message.usedUp`)):N.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 ft(e,t,n,r,i,s){let c=m(`config-panel`),l=m(`recent-panel`),d=m(`layout`);return u(),a(d,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var pt=I(dt,[[`render`,ft]]);export{pt as default};