@acedatacloud/nexior 3.302.0 → 3.303.0

package/dist/assets/{Index-B5AYcmbb.js → Index-ha0MYHcZ.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v}from"./vendor-chart-BJCvKk8-.js";import{t as y}from"./button-BydTr5nV.js";import{r as b,t as x}from"./select-BB_FN7K3.js";import{t as S}from"./upload-DIG3ggsv.js";import{t as C}from"./tooltip-BxeH2Vts.js";import{t as w}from"./image-CHYVeD37.js";import{t as T}from"./alert-CuX4SjQB.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as D}from"./input-number-psvu0jQV.js";import{t as O}from"./switch-CpaLIXzf.js";import{$t as k,Bt as A,Gt as j,Jt as ee,Kt as te,Qt as ne,Ut as M,Vt as N,Wt as re,Xt as ie,Yt as ae,Zt as oe,an as P,cn as se,en as ce,in as F,ln as le,nn as ue,on as I,qt as de,rn as L,tn as R,un as z}from"./constants-D_uJ-F_h.js";import{Bt as B,Jn as V,Lr as H,O as U,Pr as W,Rt as fe,Ut as pe,Vt as G,Xr as me,Zt as he,qr as K,un as ge,zt as q}from"./index-DAlDzwmD.js";import{t as J}from"./index.es-CJYlnE-k.js";import{t as _e}from"./CopyToClipboard-CGVxVxyj.js";import{t as Y}from"./ImagePreview-BVZPQCEu.js";import{n as ve}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ye}from"./Consumption-BM2XbJ9D.js";import{i as X,n as be,t as xe}from"./pagination-BuJI5vRm.js";import{t as Z}from"./VideoPlayer-DbWaz_DH.js";import{t as Se}from"./ApiCodeButton-CtT8bAt2.js";import{t as Ce}from"./BotPlaceholder-gvFcZGvB.js";import{t as we}from"./NoTasks-Bi6d1Dpr.js";import{t as Te}from"./PromptTextarea-BlYgWDBs.js";import{t as Ee}from"./ImageWrapper-CYYqsiz2.js";var De=r({name:`LayoutSeedance`,components:{ElDrawer:E,ElButton:y,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=U(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=U(Ne,[[`render`,Pe]]),Ie=r({name:`SeedanceModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:X},data(){return{options:[{value:ie,label:this.$t(`seedance.model.seedance20`)},{value:oe,label:this.$t(`seedance.model.seedance20Fast`)},{value:ne,label:this.$t(`seedance.model.seedance20Mini`)},{value:ae,label:this.$t(`seedance.model.seedance15pro`)},{value:de,label:this.$t(`seedance.model.seedance10pro`)},{value:ee,label:this.$t(`seedance.model.seedance10proFast`)},{value:te,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:j,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||=A}}),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=U(Ie,[[`render`,Ve],[`__scopeId`,`data-v-deb4c429`]]),Ue=r({name:`SeedanceDurationSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:X},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return z(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=U(Ue,[[`render`,Je],[`__scopeId`,`data-v-216def8f`]]),Q={[P]:0,[I]:1,[F]:2,"4k":3},Xe=r({name:`SeedanceResolutionSelector`,components:{InfoIcon:X,ElTooltip:C},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},options(){let e=[{value:P,label:`480p`},{value:I,label:`720p`},{value:F,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=U(Xe,[[`render`,nt],[`__scopeId`,`data-v-db7e8aff`]]),it=r({name:`SeedanceRatioSelector`,components:{InfoIcon:X},computed:{options(){return[{value:ce,label:`16:9`,w:32,h:18},{value:ue,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:R,label:`21:9`,w:34,h:14},{value:L,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||=N}}),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=U(it,[[`render`,pt],[`__scopeId`,`data-v-8ddec2dd`]]),ht=r({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:O,InfoIcon:X},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return z(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=U(ht,[[`render`,xt],[`__scopeId`,`data-v-df51dfbd`]]),Ct=r({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:O,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=U(Ct,[[`render`,kt],[`__scopeId`,`data-v-ae777d61`]]),jt=r({name:`SeedanceFirstFrameImage`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J,ImagePreview:Y},mixins:[G,q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(jt,[[`render`,Lt],[`__scopeId`,`data-v-e2597f23`]]),zt=r({name:`SeedanceLastFrameImage`,components:{ElUpload:S,ElButton:y,ImagePreview:Y,InfoIcon:X,FontAwesomeIcon:J},mixins:[G,q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(zt,[[`render`,Wt],[`__scopeId`,`data-v-3a191e51`]]),Kt=r({name:`SeedanceReferenceImage`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J,ImagePreview:Y},mixins:[G,q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceImage"(e){e||(this.fileList=[],this.onSetReferenceImageUrls())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(Kt,[[`render`,Zt],[`__scopeId`,`data-v-230a67f6`]]),$t=r({name:`SeedanceReferenceAudio`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J},mixins:[q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceAudio"(e){e||(this.fileList=[],this.onSetReferenceAudios())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U($t,[[`render`,an],[`__scopeId`,`data-v-49515675`]]),sn=r({name:`SeedanceReferenceVideo`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J},mixins:[q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceVideo"(e){e||(this.fileList=[],this.onSetReferenceVideos())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(sn,[[`render`,fn],[`__scopeId`,`data-v-b212c474`]]),mn=r({name:`SeedanceServiceTierSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:X},data(){return{options:[{value:se,label:this.$t(`seedance.serviceTier.default`)},{value:le,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||=M}}),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=U(mn,[[`render`,yn],[`__scopeId`,`data-v-cc938de2`]]),xn=r({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:O,InfoIcon:X},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return z(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=U(xn,[[`render`,Dn],[`__scopeId`,`data-v-edea5451`]]),kn=r({name:`SeedanceSeedInput`,components:{ElInputNumber:D,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:y,FontAwesomeIcon:J,PromptInput:Fe,ModelSelector:He,DurationSelector:Ye,ResolutionSelector:rt,RatioSelector:mt,GenerateAudioSwitch:St,CameraFixedSwitch:At,ServiceTierSelector:bn,ReturnLastFrameSwitch:On,SeedInput:U(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 pe(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=U(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=U(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:w,CopyToClipboard:_e,FontAwesomeIcon:J,ElAlert:T,VideoPlayer:Z,ElTooltip:C,ElButton:y,ImageWrapper:Ee,ImagePreview:Y,AudioPreview:Kn,VideoPreview:U(qn,[[`render`,Zn],[`__scopeId`,`data-v-d4752590`]]),ApiCodeButton:Se},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:re}},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:U(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:U(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===W.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===W.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(!fe(this.uploadTracker,e=>this.$t(e),e=>K.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&&!k[e.model]){K.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=z(e?.model);if(n.requiresImage&&!t){K.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){K.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){K.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){K.warning(this.$t(`seedance.message.audioRequiresReferenceImage`));return}let i={...e,async:!0};if(!he())return;let a=this.credential?.token;if(!a){console.error(`no token specified`);return}K.info(this.$t(`seedance.message.startingTask`)),V(`seedance`,ge.generate(i,{token:a})).then(()=>{K.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?K.error(this.$t(`seedance.message.usedUp`)):K.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=U(Ir,[[`render`,Lr]]);export{Rr as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v}from"./vendor-chart-BJCvKk8-.js";import{t as y}from"./button-BydTr5nV.js";import{r as b,t as x}from"./select-BdRfhFiQ.js";import{t as S}from"./upload-DT_UdtVs.js";import{t as C}from"./tooltip-BxeH2Vts.js";import{t as w}from"./image-Dq96Xper.js";import{t as T}from"./alert-CuX4SjQB.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as D}from"./input-number-Dyg16v0K.js";import{t as O}from"./switch-kHjfJuQ2.js";import{$t as k,Bt as A,Gt as j,Jt as ee,Kt as te,Qt as ne,Ut as M,Vt as N,Wt as re,Xt as ie,Yt as ae,Zt as oe,an as P,cn as se,en as ce,in as F,ln as le,nn as ue,on as I,qt as de,rn as L,tn as R,un as z}from"./constants-DNpQuSUd.js";import{Bt as B,Jn as V,Lr as H,O as U,Pr as W,Rt as fe,Ut as pe,Vt as G,Xr as me,Zt as he,qr as K,un as ge,zt as q}from"./index-BagZk06I.js";import{t as J}from"./index.es-B2VlwOr_.js";import{t as _e}from"./CopyToClipboard-BJ4cWa_D.js";import{t as Y}from"./ImagePreview-C-SawJdM.js";import{n as ve}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ye}from"./Consumption-CRTyuxVK.js";import{i as X,n as be,t as xe}from"./pagination-BYwrVl5j.js";import{t as Z}from"./VideoPlayer-BqYd3rkL.js";import{t as Se}from"./ApiCodeButton-ClF_5uX0.js";import{t as Ce}from"./BotPlaceholder-XVpggWts.js";import{t as we}from"./NoTasks-Bpna1KF3.js";import{t as Te}from"./PromptTextarea-JHBmf8dE.js";import{t as Ee}from"./ImageWrapper-DImi0_wW.js";var De=r({name:`LayoutSeedance`,components:{ElDrawer:E,ElButton:y,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=U(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=U(Ne,[[`render`,Pe]]),Ie=r({name:`SeedanceModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:X},data(){return{options:[{value:ie,label:this.$t(`seedance.model.seedance20`)},{value:oe,label:this.$t(`seedance.model.seedance20Fast`)},{value:ne,label:this.$t(`seedance.model.seedance20Mini`)},{value:ae,label:this.$t(`seedance.model.seedance15pro`)},{value:de,label:this.$t(`seedance.model.seedance10pro`)},{value:ee,label:this.$t(`seedance.model.seedance10proFast`)},{value:te,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:j,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||=A}}),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=U(Ie,[[`render`,Ve],[`__scopeId`,`data-v-deb4c429`]]),Ue=r({name:`SeedanceDurationSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:X},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return z(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=U(Ue,[[`render`,Je],[`__scopeId`,`data-v-216def8f`]]),Q={[P]:0,[I]:1,[F]:2,"4k":3},Xe=r({name:`SeedanceResolutionSelector`,components:{InfoIcon:X,ElTooltip:C},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},options(){let e=[{value:P,label:`480p`},{value:I,label:`720p`},{value:F,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=U(Xe,[[`render`,nt],[`__scopeId`,`data-v-db7e8aff`]]),it=r({name:`SeedanceRatioSelector`,components:{InfoIcon:X},computed:{options(){return[{value:ce,label:`16:9`,w:32,h:18},{value:ue,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:R,label:`21:9`,w:34,h:14},{value:L,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||=N}}),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=U(it,[[`render`,pt],[`__scopeId`,`data-v-8ddec2dd`]]),ht=r({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:O,InfoIcon:X},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return z(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=U(ht,[[`render`,xt],[`__scopeId`,`data-v-df51dfbd`]]),Ct=r({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:O,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=U(Ct,[[`render`,kt],[`__scopeId`,`data-v-ae777d61`]]),jt=r({name:`SeedanceFirstFrameImage`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J,ImagePreview:Y},mixins:[G,q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(jt,[[`render`,Lt],[`__scopeId`,`data-v-e2597f23`]]),zt=r({name:`SeedanceLastFrameImage`,components:{ElUpload:S,ElButton:y,ImagePreview:Y,InfoIcon:X,FontAwesomeIcon:J},mixins:[G,q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(zt,[[`render`,Wt],[`__scopeId`,`data-v-3a191e51`]]),Kt=r({name:`SeedanceReferenceImage`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J,ImagePreview:Y},mixins:[G,q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceImage"(e){e||(this.fileList=[],this.onSetReferenceImageUrls())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(Kt,[[`render`,Zt],[`__scopeId`,`data-v-230a67f6`]]),$t=r({name:`SeedanceReferenceAudio`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J},mixins:[q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceAudio"(e){e||(this.fileList=[],this.onSetReferenceAudios())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U($t,[[`render`,an],[`__scopeId`,`data-v-49515675`]]),sn=r({name:`SeedanceReferenceVideo`,components:{ElUpload:S,ElButton:y,InfoIcon:X,FontAwesomeIcon:J},mixins:[q],data(){return{fileList:[],uploadUrl:H()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return z(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsReferenceVideo"(e){e||(this.fileList=[],this.onSetReferenceVideos())}},methods:{onExceed(){K.warning(this.$t(`seedance.message.uploadExceed`))},onError(){K.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=U(sn,[[`render`,fn],[`__scopeId`,`data-v-b212c474`]]),mn=r({name:`SeedanceServiceTierSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:X},data(){return{options:[{value:se,label:this.$t(`seedance.serviceTier.default`)},{value:le,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||=M}}),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=U(mn,[[`render`,yn],[`__scopeId`,`data-v-cc938de2`]]),xn=r({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:O,InfoIcon:X},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return z(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=U(xn,[[`render`,Dn],[`__scopeId`,`data-v-edea5451`]]),kn=r({name:`SeedanceSeedInput`,components:{ElInputNumber:D,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:y,FontAwesomeIcon:J,PromptInput:Fe,ModelSelector:He,DurationSelector:Ye,ResolutionSelector:rt,RatioSelector:mt,GenerateAudioSwitch:St,CameraFixedSwitch:At,ServiceTierSelector:bn,ReturnLastFrameSwitch:On,SeedInput:U(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 pe(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=U(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=U(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:w,CopyToClipboard:_e,FontAwesomeIcon:J,ElAlert:T,VideoPlayer:Z,ElTooltip:C,ElButton:y,ImageWrapper:Ee,ImagePreview:Y,AudioPreview:Kn,VideoPreview:U(qn,[[`render`,Zn],[`__scopeId`,`data-v-d4752590`]]),ApiCodeButton:Se},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:re}},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:U(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:U(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===W.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===W.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(!fe(this.uploadTracker,e=>this.$t(e),e=>K.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&&!k[e.model]){K.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=z(e?.model);if(n.requiresImage&&!t){K.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){K.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){K.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){K.warning(this.$t(`seedance.message.audioRequiresReferenceImage`));return}let i={...e,async:!0};if(!he())return;let a=this.credential?.token;if(!a){console.error(`no token specified`);return}K.info(this.$t(`seedance.message.startingTask`)),V(`seedance`,ge.generate(i,{token:a})).then(()=>{K.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?K.error(this.$t(`seedance.message.usedUp`)):K.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=U(Ir,[[`render`,Lr]]);export{Rr as default};

package/dist/assets/{Index-Cznd7xjE.js → Index-m871QGZJ.js}

@@ -1 +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{t as v}from"./button-BydTr5nV.js";import{n as y,r as b,t as x}from"./select-BB_FN7K3.js";import{t as S}from"./upload-DIG3ggsv.js";import{t as C}from"./tooltip-BxeH2Vts.js";import{t as w}from"./image-CHYVeD37.js";import{t as T}from"./alert-CuX4SjQB.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as D}from"./input-number-psvu0jQV.js";import{t as O}from"./switch-CpaLIXzf.js";import{An as k,Dn as A,En as j,Fn as M,In as N,Mn as P,On as ee,Pn as te,Tn as ne,jn as re,kn as F,wn as I}from"./constants-D_uJ-F_h.js";import{Bt as L,Jn as R,Lr as z,O as B,Pr as V,Rt as H,Ut as U,Zt as W,fn as G,qr as K,zt as q}from"./index-DAlDzwmD.js";import{t as J}from"./index.es-CJYlnE-k.js";import{t as Y}from"./CopyToClipboard-CGVxVxyj.js";import{t as X}from"./ImagePreview-BVZPQCEu.js";import{n as ie}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ae}from"./Consumption-BM2XbJ9D.js";import{i as Z,n as oe,t as se}from"./pagination-BuJI5vRm.js";import{t as ce}from"./ApiCodeButton-CtT8bAt2.js";import{t as le}from"./BotPlaceholder-gvFcZGvB.js";import{t as ue}from"./NoTasks-Bi6d1Dpr.js";import{t as de}from"./PromptTextarea-BlYgWDBs.js";import{t as fe}from"./ImageWrapper-CYYqsiz2.js";var pe=r({name:`LayoutNanobanana`,components:{ElDrawer:E,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=B(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=B(ye,[[`render`,be]]),Se=r({name:`ImageUrlsInput`,components:{ElUpload:S,ElButton:v,InfoIcon:Z,ImagePreview:X,FontAwesomeIcon:J},mixins:[q],data(){return{fileList:[],uploadUrl:z()+`/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(){K.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){K.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=B(Se,[[`render`,Oe]]),Ae=r({name:`OpenAIImageModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Z},data(){return{options:[{value:F,label:this.$t(`openaiimage.model.gptImage1`)},{value:k,label:this.$t(`openaiimage.model.gptImage15`)},{value:re,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||=A}}),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=B(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:b,ElOption:x,ElOptionGroup:y,ElSwitch:O,ElInputNumber:D,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 j.includes(this.model)},presets(){return P[this.model]??P[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:te},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:M},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:N}]:[{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 I},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:ne.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:B(Le,[[`render`,$e],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return U({...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=B(et,[[`render`,it]]),ot=r({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:Y,FontAwesomeIcon:J,ElAlert:T,ImageWrapper:fe,ElButton:v,ElTooltip:C,ImagePreview:X,ApiCodeButton:ce},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ee}},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:B(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:B(Rt,[[`render`,Vt]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===V.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(!H(this.uploadTracker,e=>this.$t(e),e=>K.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){K.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(!W())return;let i=this.credential?.token;if(!i){console.error(`no token specified`);return}K.info(this.$t(`openaiimage.message.startingTask`)),R(`openaiimage`,t?G.edit(r,{token:i}):G.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),K.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?K.error(this.$t(`openaiimage.message.usedUp`)):K.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=B(Ht,[[`render`,Ut]]);export{Wt as default};
+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{t as v}from"./button-BydTr5nV.js";import{n as y,r as b,t as x}from"./select-BdRfhFiQ.js";import{t as S}from"./upload-DT_UdtVs.js";import{t as C}from"./tooltip-BxeH2Vts.js";import{t as w}from"./image-Dq96Xper.js";import{t as T}from"./alert-CuX4SjQB.js";import{t as E}from"./drawer-R6pcaap2.js";import{t as D}from"./input-number-Dyg16v0K.js";import{t as O}from"./switch-kHjfJuQ2.js";import{An as k,Dn as A,En as j,Fn as M,In as N,Mn as P,On as ee,Pn as te,Tn as ne,jn as re,kn as F,wn as I}from"./constants-DNpQuSUd.js";import{Bt as L,Jn as R,Lr as z,O as B,Pr as V,Rt as H,Ut as U,Zt as W,fn as G,qr as K,zt as q}from"./index-BagZk06I.js";import{t as J}from"./index.es-B2VlwOr_.js";import{t as Y}from"./CopyToClipboard-BJ4cWa_D.js";import{t as X}from"./ImagePreview-C-SawJdM.js";import{n as ie}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ae}from"./Consumption-CRTyuxVK.js";import{i as Z,n as oe,t as se}from"./pagination-BYwrVl5j.js";import{t as ce}from"./ApiCodeButton-ClF_5uX0.js";import{t as le}from"./BotPlaceholder-XVpggWts.js";import{t as ue}from"./NoTasks-Bpna1KF3.js";import{t as de}from"./PromptTextarea-JHBmf8dE.js";import{t as fe}from"./ImageWrapper-DImi0_wW.js";var pe=r({name:`LayoutNanobanana`,components:{ElDrawer:E,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=B(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=B(ye,[[`render`,be]]),Se=r({name:`ImageUrlsInput`,components:{ElUpload:S,ElButton:v,InfoIcon:Z,ImagePreview:X,FontAwesomeIcon:J},mixins:[q],data(){return{fileList:[],uploadUrl:z()+`/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(){K.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){K.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=B(Se,[[`render`,Oe]]),Ae=r({name:`OpenAIImageModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Z},data(){return{options:[{value:F,label:this.$t(`openaiimage.model.gptImage1`)},{value:k,label:this.$t(`openaiimage.model.gptImage15`)},{value:re,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||=A}}),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=B(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:b,ElOption:x,ElOptionGroup:y,ElSwitch:O,ElInputNumber:D,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 j.includes(this.model)},presets(){return P[this.model]??P[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:te},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:M},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:N}]:[{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 I},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:ne.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:B(Le,[[`render`,$e],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return U({...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=B(et,[[`render`,it]]),ot=r({name:`TaskPreview`,components:{ElImage:w,CopyToClipboard:Y,FontAwesomeIcon:J,ElAlert:T,ImageWrapper:fe,ElButton:v,ElTooltip:C,ImagePreview:X,ApiCodeButton:ce},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ee}},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:B(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:B(Rt,[[`render`,Vt]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===V.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(!H(this.uploadTracker,e=>this.$t(e),e=>K.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){K.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(!W())return;let i=this.credential?.token;if(!i){console.error(`no token specified`);return}K.info(this.$t(`openaiimage.message.startingTask`)),R(`openaiimage`,t?G.edit(r,{token:i}):G.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),K.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?K.error(this.$t(`openaiimage.message.usedUp`)):K.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=B(Ht,[[`render`,Ut]]);export{Wt as default};

package/dist/assets/{Index-DVJq2l0I.js → Index-tUawGkGw.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,dt as d,et as f,k as p,tt as m,ut as h,v as g}from"./vendor-chart-BJCvKk8-.js";import{t as _}from"./button-BydTr5nV.js";import{r as v,t as y}from"./select-BB_FN7K3.js";import{t as b}from"./upload-DIG3ggsv.js";import{t as x}from"./image-CHYVeD37.js";import{t as S}from"./alert-CuX4SjQB.js";import{t as C}from"./drawer-R6pcaap2.js";import{t as w}from"./input-number-psvu0jQV.js";import{t as T}from"./slider-BngbyjgS.js";import{$n as E,er as D}from"./constants-D_uJ-F_h.js";import{Bt as O,Jn as ee,Lr as te,O as k,Pr as A,Rt as j,Ut as M,Vt as N,Zt as P,qr as F,xn as I,zt as L}from"./index-DAlDzwmD.js";import{t as R}from"./index.es-CJYlnE-k.js";import{t as z}from"./CopyToClipboard-CGVxVxyj.js";import{t as B}from"./ImagePreview-BVZPQCEu.js";import{n as V}from"./taskDrawerMixin-DEgO_R5H.js";import{t as H}from"./Consumption-BM2XbJ9D.js";import{i as U,n as W,t as G}from"./pagination-BuJI5vRm.js";import{t as K}from"./ApiCodeButton-CtT8bAt2.js";import{t as q}from"./BotPlaceholder-gvFcZGvB.js";import{t as J}from"./NoTasks-Bi6d1Dpr.js";import{t as Y}from"./PromptTextarea-BlYgWDBs.js";import{t as X}from"./ImageWrapper-CYYqsiz2.js";var Z=r({name:`LayoutFlux`,components:{ElDrawer:C,ElButton:_,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=k(Z,[[`render`,ie],[`__scopeId`,`data-v-8ae8c974`]]),oe=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},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||=D}}),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=k(oe,[[`render`,le],[`__scopeId`,`data-v-e9b17945`]]),de=r({name:`CountSelector`,components:{ElSlider:T,InfoIcon:U,ElInputNumber:w},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=k(de,[[`render`,_e]]),ye=r({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},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=k(ye,[[`render`,Se],[`__scopeId`,`data-v-81fd05e5`]]),we=r({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:U,FontAwesomeIcon:R,ImagePreview:B},mixins:[N,L],emits:[`change`],data(){return{fileList:[],uploadUrl:te()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){F.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){F.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=k(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:_,FontAwesomeIcon:R,PromptInput:k(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 M(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=k(Ne,[[`render`,Le]]),ze=r({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,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:k(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:k(st,[[`render`,ut]])},mixins:[O],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(!j(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config,async:!0};if(!P())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}F.info(this.$t(`flux.message.startingTask`)),ee(`flux`,I.generate(e,{token:t})).then(()=>{F.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?F.error(this.$t(`flux.message.usedUp`)):F.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=k(dt,[[`render`,ft]]);export{pt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,dt as d,et as f,k as p,tt as m,ut as h,v as g}from"./vendor-chart-BJCvKk8-.js";import{t as _}from"./button-BydTr5nV.js";import{r as v,t as y}from"./select-BdRfhFiQ.js";import{t as b}from"./upload-DT_UdtVs.js";import{t as x}from"./image-Dq96Xper.js";import{t as S}from"./alert-CuX4SjQB.js";import{t as C}from"./drawer-R6pcaap2.js";import{t as w}from"./input-number-Dyg16v0K.js";import{t as T}from"./slider-Byv7aKgM.js";import{$n as E,er as D}from"./constants-DNpQuSUd.js";import{Bt as O,Jn as ee,Lr as te,O as k,Pr as A,Rt as j,Ut as M,Vt as N,Zt as P,qr as F,xn as I,zt as L}from"./index-BagZk06I.js";import{t as R}from"./index.es-B2VlwOr_.js";import{t as z}from"./CopyToClipboard-BJ4cWa_D.js";import{t as B}from"./ImagePreview-C-SawJdM.js";import{n as V}from"./taskDrawerMixin-DEgO_R5H.js";import{t as H}from"./Consumption-CRTyuxVK.js";import{i as U,n as W,t as G}from"./pagination-BYwrVl5j.js";import{t as K}from"./ApiCodeButton-ClF_5uX0.js";import{t as q}from"./BotPlaceholder-XVpggWts.js";import{t as J}from"./NoTasks-Bpna1KF3.js";import{t as Y}from"./PromptTextarea-JHBmf8dE.js";import{t as X}from"./ImageWrapper-DImi0_wW.js";var Z=r({name:`LayoutFlux`,components:{ElDrawer:C,ElButton:_,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=k(Z,[[`render`,ie],[`__scopeId`,`data-v-8ae8c974`]]),oe=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},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||=D}}),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=k(oe,[[`render`,le],[`__scopeId`,`data-v-e9b17945`]]),de=r({name:`CountSelector`,components:{ElSlider:T,InfoIcon:U,ElInputNumber:w},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=k(de,[[`render`,_e]]),ye=r({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},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=k(ye,[[`render`,Se],[`__scopeId`,`data-v-81fd05e5`]]),we=r({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:_,InfoIcon:U,FontAwesomeIcon:R,ImagePreview:B},mixins:[N,L],emits:[`change`],data(){return{fileList:[],uploadUrl:te()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){F.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){F.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=k(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:_,FontAwesomeIcon:R,PromptInput:k(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 M(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=k(Ne,[[`render`,Le]]),ze=r({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,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:k(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:k(st,[[`render`,ut]])},mixins:[O],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(!j(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config,async:!0};if(!P())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}F.info(this.$t(`flux.message.startingTask`)),ee(`flux`,I.generate(e,{token:t})).then(()=>{F.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?F.error(this.$t(`flux.message.usedUp`)):F.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=k(dt,[[`render`,ft]]);export{pt as default};

package/dist/assets/{Invitees-lX0g1MVJ.js → Invitees-CKImVMfu.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-BJr3w4hQ.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-CrykrXgG.js";import{t as h}from"./Pagination-ZUPZYJjJ.js";import{O as g,Un as _}from"./index-DAlDzwmD.js";import{t as v}from"./CopyToClipboard-CGVxVxyj.js";var y=t({name:`ConsoleDistributionInvitees`,components:{Pagination:h,CopyToClipboard:v,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await _.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(t,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),O=c(`el-card`),k=c(`pagination`),A=s(`loading`);return a(),n(g,{class:`panel`},{default:l(()=>[r(h,{span:24},{default:l(()=>[r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[e(`h2`,b,i(t.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[r(O,{shadow:`hover`},{default:l(()=>[o((a(),n(y,{data:t.invitees,stripe:``},{default:l(()=>[r(v,{prop:`id`,label:t.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,x,i(t.row.id),1),e(`span`,S,[r(_,{content:t.row.id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.username`),width:`300px`},{default:l(t=>[e(`span`,C,i(t.row?.username),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.email`),width:`300px`},{default:l(t=>[e(`span`,w,i(t.row?.email),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.nickname`),width:`200px`},{default:l(t=>[e(`span`,T,i(t.row.nickname),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.dateJoined`)},{default:l(n=>[e(`span`,E,i(t.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,t.loading]])]),_:1})]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:10,offset:14},{default:l(()=>[e(`div`,D,[r(k,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,F as t,O as n,P as r,Wt as i,Z as a,dt as o,nt as s,tt as c,ut as l}from"./vendor-chart-BJCvKk8-.js";import{n as u,t as d}from"./table-BJr3w4hQ.js";import{t as f}from"./card-DjyfNde2.js";import{n as p,t as m}from"./row-BRzneEdS.js";import{t as h}from"./Pagination-H17MTYYL.js";import{O as g,Un as _}from"./index-BagZk06I.js";import{t as v}from"./CopyToClipboard-BJ4cWa_D.js";var y=t({name:`ConsoleDistributionInvitees`,components:{Pagination:h,CopyToClipboard:v,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await _.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(t,u,d,f,p,m){let h=c(`el-col`),g=c(`el-row`),_=c(`copy-to-clipboard`),v=c(`el-table-column`),y=c(`el-table`),O=c(`el-card`),k=c(`pagination`),A=s(`loading`);return a(),n(g,{class:`panel`},{default:l(()=>[r(h,{span:24},{default:l(()=>[r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[e(`h2`,b,i(t.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:24},{default:l(()=>[r(O,{shadow:`hover`},{default:l(()=>[o((a(),n(y,{data:t.invitees,stripe:``},{default:l(()=>[r(v,{prop:`id`,label:t.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:l(t=>[e(`span`,x,i(t.row.id),1),e(`span`,S,[r(_,{content:t.row.id},null,8,[`content`])])]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.username`),width:`300px`},{default:l(t=>[e(`span`,C,i(t.row?.username),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.email`),width:`300px`},{default:l(t=>[e(`span`,w,i(t.row?.email),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.nickname`),width:`200px`},{default:l(t=>[e(`span`,T,i(t.row.nickname),1)]),_:1},8,[`label`]),r(v,{label:t.$t(`user.field.dateJoined`)},{default:l(n=>[e(`span`,E,i(t.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,t.loading]])]),_:1})]),_:1})]),_:1}),r(g,null,{default:l(()=>[r(h,{span:10,offset:14},{default:l(()=>[e(`div`,D,[r(k,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=g(y,[[`render`,O],[`__scopeId`,`data-v-4556864d`]]);export{k as default};

package/dist/assets/{List-CbauNyOG.js → List-BvOINiMz.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,nt as d,tt as f,ut as p}from"./vendor-chart-BJCvKk8-.js";import{t as m}from"./button-BydTr5nV.js";import{r as h,t as g}from"./select-BB_FN7K3.js";import{n as _,t as v}from"./table-BJr3w4hQ.js";import{t as y}from"./card-DjyfNde2.js";import{t as b}from"./date-picker-CSqE7KZG.js";import{n as x,t as S}from"./row-CrykrXgG.js";import{t as C}from"./Pagination-ZUPZYJjJ.js";import{t as w}from"./skeleton-BwNBivMN.js";import{Er as T,Ln as E,O as D,Qr as O,Wt as k}from"./index-DAlDzwmD.js";import{t as A}from"./index.es-CJYlnE-k.js";import{t as j}from"./CopyToClipboard-CGVxVxyj.js";var M={total_count:0,total_spent:0,state_counts:{}},N=r({name:`ConsoleOrderList`,components:{Pagination:C,CopyToClipboard:j,ElRow:S,ElCol:x,ElTable:v,ElTableColumn:_,ElButton:m,ElTag:O,ElCard:y,ElSelect:h,ElOption:g,ElDatePicker:b,ElSkeleton:w,FontAwesomeIcon:A},data(){return{OrderState:T,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...M},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:T.PENDING,label:this.$t(`order.state.pending`)},{value:T.FINISHED,label:this.$t(`order.state.finished`)},{value:T.PAID,label:this.$t(`order.state.paid`)},{value:T.EXPIRED,label:this.$t(`order.state.expired`)},{value:T.FAILED,label:this.$t(`order.state.failed`)},{value:T.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:k,stateTagType(e){return e===T.FINISHED||e===T.PAID?`success`:e===T.EXPIRED||e===T.FAILED?`danger`:e===T.REFUNDED?`warning`:`info`},stateLabel(e){return{[T.PENDING]:this.$t(`order.state.pending`),[T.PAID]:this.$t(`order.state.paid`),[T.FINISHED]:this.$t(`order.state.finished`),[T.EXPIRED]:this.$t(`order.state.expired`),[T.FAILED]:this.$t(`order.state.failed`),[T.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==T.PAID&&e!==T.FINISHED&&e!==T.EXPIRED&&e!==T.FAILED&&e!==T.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,E.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,E.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...M}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,E.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),P={class:`title`},F={key:1,class:`card-content`},I={class:`icon-wrapper`},L={class:`description`},R={class:`value`},z={key:1,class:`card-content`},B={class:`icon-wrapper`},V={class:`description`},H={class:`value`},U={key:1,class:`card-content`},W={class:`icon-wrapper`},ee={class:`description`},G={class:`value`},K={key:1,class:`card-content`},q={class:`icon-wrapper`},J={class:`description`},Y={class:`value`},X={class:`filter-row mb-3`},Z={class:`key`},Q={class:`cursor-pointer`},$={class:`price`},te={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,g,_,v){let y=f(`el-col`),b=f(`el-row`),x=f(`el-skeleton`),S=f(`font-awesome-icon`),C=f(`el-card`),w=f(`el-option`),T=f(`el-select`),E=f(`el-date-picker`),D=f(`el-button`),O=f(`copy-to-clipboard`),k=f(`el-table-column`),A=f(`el-tag`),j=f(`el-table`),M=f(`pagination`),N=d(`loading`);return l(),a(b,{class:`panel`},{default:p(()=>[o(y,{span:24},{default:p(()=>[o(b,null,{default:p(()=>[o(y,{span:24},{default:p(()=>[n(`h2`,P,c(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(b,{gutter:16},{default:p(()=>[o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,F,[n(`div`,I,[o(S,{icon:`fa-solid fa-receipt`,class:`icon`})]),n(`p`,L,c(r.$t(`order.title.totalOrders`)),1),n(`p`,R,c(r.summary.total_count),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),n(`p`,V,c(r.$t(`order.title.totalSpent`)),1),n(`p`,H,c(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,U,[n(`div`,W,[o(S,{icon:`fa-solid fa-check-circle`,class:`icon`})]),n(`p`,ee,c(r.$t(`order.title.finishedOrders`)),1),n(`p`,G,c(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-clock`,class:`icon`})]),n(`p`,J,c(r.$t(`order.title.pendingOrders`)),1),n(`p`,Y,c(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),n(`div`,X,[o(T,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.stateOptions,e=>(l(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.payWayOptions,e=>(l(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(E,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(D,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:p(()=>[o(S,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(b,null,{default:p(()=>[o(y,{span:24},{default:p(()=>[o(C,{shadow:`hover`},{default:p(()=>[u((l(),a(j,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:p(()=>[o(k,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:p(e=>[n(`span`,Z,c(e.row.id),1),n(`span`,Q,[o(O,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:p(e=>[n(`span`,$,c(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,te,c(e.row.description),1)]),_:1},8,[`label`]),o(k,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:p(e=>[o(A,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:p(()=>[i(c(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,ne,c(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:p(e=>[n(`span`,re,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(k,{"min-width":`130px`,fixed:`right`},{default:p(e=>[n(`div`,ie,[r.isPendingAction(e.row.state)?(l(),a(D,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(l(),a(D,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[N,r.loading]])]),_:1})]),_:1})]),_:1}),o(b,null,{default:p(()=>[o(y,{span:10,offset:14},{default:p(()=>[n(`div`,ae,[o(M,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=D(N,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,nt as d,tt as f,ut as p}from"./vendor-chart-BJCvKk8-.js";import{t as m}from"./button-BydTr5nV.js";import{r as h,t as g}from"./select-BdRfhFiQ.js";import{n as _,t as v}from"./table-BJr3w4hQ.js";import{t as y}from"./card-DjyfNde2.js";import{t as b}from"./date-picker-BeHFlqbW.js";import{n as x,t as S}from"./row-BRzneEdS.js";import{t as C}from"./Pagination-H17MTYYL.js";import{t as w}from"./skeleton-BwNBivMN.js";import{Er as T,Ln as E,O as D,Qr as O,Wt as k}from"./index-BagZk06I.js";import{t as A}from"./index.es-B2VlwOr_.js";import{t as j}from"./CopyToClipboard-BJ4cWa_D.js";var M={total_count:0,total_spent:0,state_counts:{}},N=r({name:`ConsoleOrderList`,components:{Pagination:C,CopyToClipboard:j,ElRow:S,ElCol:x,ElTable:v,ElTableColumn:_,ElButton:m,ElTag:O,ElCard:y,ElSelect:h,ElOption:g,ElDatePicker:b,ElSkeleton:w,FontAwesomeIcon:A},data(){return{OrderState:T,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...M},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:T.PENDING,label:this.$t(`order.state.pending`)},{value:T.FINISHED,label:this.$t(`order.state.finished`)},{value:T.PAID,label:this.$t(`order.state.paid`)},{value:T.EXPIRED,label:this.$t(`order.state.expired`)},{value:T.FAILED,label:this.$t(`order.state.failed`)},{value:T.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:k,stateTagType(e){return e===T.FINISHED||e===T.PAID?`success`:e===T.EXPIRED||e===T.FAILED?`danger`:e===T.REFUNDED?`warning`:`info`},stateLabel(e){return{[T.PENDING]:this.$t(`order.state.pending`),[T.PAID]:this.$t(`order.state.paid`),[T.FINISHED]:this.$t(`order.state.finished`),[T.EXPIRED]:this.$t(`order.state.expired`),[T.FAILED]:this.$t(`order.state.failed`),[T.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==T.PAID&&e!==T.FINISHED&&e!==T.EXPIRED&&e!==T.FAILED&&e!==T.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,E.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,E.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...M}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,E.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),P={class:`title`},F={key:1,class:`card-content`},I={class:`icon-wrapper`},L={class:`description`},R={class:`value`},z={key:1,class:`card-content`},B={class:`icon-wrapper`},V={class:`description`},H={class:`value`},U={key:1,class:`card-content`},W={class:`icon-wrapper`},ee={class:`description`},G={class:`value`},K={key:1,class:`card-content`},q={class:`icon-wrapper`},J={class:`description`},Y={class:`value`},X={class:`filter-row mb-3`},Z={class:`key`},Q={class:`cursor-pointer`},$={class:`price`},te={class:`description`},ne={class:`text-gray-500`},re={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(r,m,h,g,_,v){let y=f(`el-col`),b=f(`el-row`),x=f(`el-skeleton`),S=f(`font-awesome-icon`),C=f(`el-card`),w=f(`el-option`),T=f(`el-select`),E=f(`el-date-picker`),D=f(`el-button`),O=f(`copy-to-clipboard`),k=f(`el-table-column`),A=f(`el-tag`),j=f(`el-table`),M=f(`pagination`),N=d(`loading`);return l(),a(b,{class:`panel`},{default:p(()=>[o(y,{span:24},{default:p(()=>[o(b,null,{default:p(()=>[o(y,{span:24},{default:p(()=>[n(`h2`,P,c(r.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),o(b,{gutter:16},{default:p(()=>[o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,F,[n(`div`,I,[o(S,{icon:`fa-solid fa-receipt`,class:`icon`})]),n(`p`,L,c(r.$t(`order.title.totalOrders`)),1),n(`p`,R,c(r.summary.total_count),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),n(`p`,V,c(r.$t(`order.title.totalSpent`)),1),n(`p`,H,c(r.getPriceString({value:r.summary.total_spent})),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,U,[n(`div`,W,[o(S,{icon:`fa-solid fa-check-circle`,class:`icon`})]),n(`p`,ee,c(r.$t(`order.title.finishedOrders`)),1),n(`p`,G,c(r.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),o(y,{md:6,sm:12,xs:24},{default:p(()=>[o(C,{shadow:`hover`,class:`item-mini mb-3`},{default:p(()=>[r.summaryLoading?(l(),a(x,{key:0})):(l(),t(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-clock`,class:`icon`})]),n(`p`,J,c(r.$t(`order.title.pendingOrders`)),1),n(`p`,Y,c(r.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),n(`div`,X,[o(T,{modelValue:r.filterState,"onUpdate:modelValue":m[0]||=e=>r.filterState=e,clearable:``,placeholder:r.$t(`order.field.allStates`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.stateOptions,e=>(l(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(T,{modelValue:r.filterPayWay,"onUpdate:modelValue":m[1]||=e=>r.filterPayWay=e,clearable:``,placeholder:r.$t(`order.field.allPayWays`),class:`filter-select`,onChange:r.onFilterChange},{default:p(()=>[(l(!0),t(s,null,e(r.payWayOptions,e=>(l(),a(w,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),o(E,{modelValue:r.createdAtRange,"onUpdate:modelValue":m[2]||=e=>r.createdAtRange=e,type:`datetimerange`,shortcuts:r.shortcuts,"range-separator":r.$t(`usage.placeholder.to`),"start-placeholder":r.$t(`usage.placeholder.startDate`),"end-placeholder":r.$t(`usage.placeholder.endDate`),onChange:r.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),o(D,{type:`primary`,plain:``,loading:r.exporting,onClick:r.onExport},{default:p(()=>[o(S,{icon:`fa-solid fa-file-export`,class:`mr-1`}),i(` `+c(r.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),o(b,null,{default:p(()=>[o(y,{span:24},{default:p(()=>[o(C,{shadow:`hover`},{default:p(()=>[u((l(),a(j,{data:r.orders,stripe:``,"empty-text":r.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:p(()=>[o(k,{prop:`id`,label:r.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:p(e=>[n(`span`,Z,c(e.row.id),1),n(`span`,Q,[o(O,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.price`),width:`110px`,align:`center`},{default:p(e=>[n(`span`,$,c(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,te,c(e.row.description),1)]),_:1},8,[`label`]),o(k,{prop:`state`,label:r.$t(`order.field.state`),width:`130px`,align:`center`},{default:p(e=>[o(A,{type:r.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:p(()=>[i(c(r.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:p(e=>[n(`span`,ne,c(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),o(k,{label:r.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:p(e=>[n(`span`,re,c(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),o(k,{"min-width":`130px`,fixed:`right`},{default:p(e=>[n(`div`,ie,[r.isPendingAction(e.row.state)?(l(),a(D,{key:0,type:`primary`,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(l(),a(D,{key:1,size:`small`,onClick:t=>r.goToDetail(e.row.id)},{default:p(()=>[i(c(r.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[N,r.loading]])]),_:1})]),_:1})]),_:1}),o(b,null,{default:p(()=>[o(y,{span:10,offset:14},{default:p(()=>[n(`div`,ae,[o(M,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=D(N,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};

package/dist/assets/{List-DcCc3tCn.js → List-sJjMnij2.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,k as d,nt as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-BydTr5nV.js";import{n as g,t as ee}from"./table-BJr3w4hQ.js";import{t as _}from"./card-DjyfNde2.js";import{n as v,t as y}from"./row-CrykrXgG.js";import{t as b}from"./empty-CdsD8g84.js";import{t as x}from"./Pagination-ZUPZYJjJ.js";import{t as S}from"./skeleton-BwNBivMN.js";import{t as C}from"./switch-CpaLIXzf.js";import{B as w,K as T,Mr as E,O as D,Qr as O,Tr as k,Vr as A,Wn as j,jr as M,qr as N,wr as P}from"./index-DAlDzwmD.js";import{t as F}from"./index.es-CJYlnE-k.js";import{t as I}from"./CopyToClipboard-CGVxVxyj.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:x,CopyToClipboard:I,ElTable:ee,ElRow:y,ElButton:h,ElCol:v,ElTag:O,ElSkeleton:S,ElSwitch:C,ElEmpty:b,ElTableColumn:g,ElCard:_,FontAwesomeIcon:F},data(){return{credentialType:P,serviceType:k,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{rowCanPay(e){return A()?(e?.packages||[]).some(e=>e?.metadata?.apple_product_id):!0},updateAllowConsumeGlobal(e,t){!e||!e.id||j.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{N.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{N.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:T,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:w,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=M.INDIVIDUAL){return new Promise((t,n)=>{j.getAll({limit:this.limit,...e===M.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:E.USAGE,scope:e}).then(({data:n})=>{e===M.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{N.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(M.INDIVIDUAL),this.onFetchApplications(M.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){j.create({type:E.USAGE,scope:M.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(M.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between items-center gap-3`},G={class:`summary-card min-w-0 flex-1`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},J={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},te={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2 shrink-0`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,h,g,ee,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=f(`loading`);return l(),a(b,{class:`application-list`},{default:m(()=>[o(y,{span:24},{default:m(()=>[o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`h2`,R,c(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:m(()=>[o(y,{md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),n(`p`,V,c(r.$t(`application.title.count`)),1),n(`p`,H,c(r.individualApplicationsTotal),1),n(`p`,U,c(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(l(),a(y,{key:0,md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,W,[n(`div`,G,[n(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),n(`span`,J,[i(c(r.$t(`application.field.id`))+`: `+c(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(l(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):d(``,!0)])]),n(`p`,te,c(r.$t(`application.title.globalBalance`)),1),n(`p`,Y,c(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+c(r.$t(`service.unit.credits`)),1),n(`p`,X,c(r.$t(`application.message.globalBalanceDescription`)),1)]),n(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:h[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:h[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1})):d(``,!0)])]))]),_:1})]),_:1})):d(``,!0)]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:m(()=>[u((l(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:m(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(e.row.id),1),n(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:m(e=>[n(`span`,null,c(e.row?.service?.title),1),e.row?.role===`grantee`?(l(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[n(`span`,null,c(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.service?.type===r.serviceType.API?(l(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.expired_at?(l(),t(`span`,ne,c(r.$dayjs.format(e.row.expired_at)),1)):d(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:m(e=>[n(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e?.row)?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),n(`div`,ie,[r.loading?(l(),a(x,{key:0,rows:4,animated:``})):(l(),t(s,{key:1},[r.individualApplications?.length?(l(!0),t(s,{key:1},e(r.individualApplications,e=>(l(),a(C,{key:e.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:m(()=>[n(`div`,ae,[n(`span`,oe,c(e?.service?.title),1),e?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0),e?.role===`grantee`?(l(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),n(`div`,se,[n(`span`,ce,c(r.$t(`application.field.id`))+`: `+c(e.id),1),o(w,{content:e.id,class:`inline-block shrink-0`},null,8,[`content`])]),n(`div`,le,[n(`span`,ue,c(r.$t(`application.field.remainingAmount`)),1),n(`span`,de,c(r.getRemainingAmount(e)),1)]),e?.expired_at?(l(),t(`div`,fe,[n(`span`,pe,c(r.$t(`application.field.expiredAt`)),1),n(`span`,$,c(r.$dayjs.format(e.expired_at)),1)])):d(``,!0),e.service?.type===r.serviceType.API?(l(),t(`div`,me,[n(`span`,he,c(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:e.allow_consume_global,"onUpdate:modelValue":t=>e.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):d(``,!0),n(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:t=>r.onGoUsage(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e)?(l(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:2},1024))),128)):(l(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=D(L,[[`render`,ve],[`__scopeId`,`data-v-b4164ed9`]]);export{ye as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Wt as c,Z as l,dt as u,k as d,nt as f,tt as p,ut as m}from"./vendor-chart-BJCvKk8-.js";import{t as h}from"./button-BydTr5nV.js";import{n as g,t as ee}from"./table-BJr3w4hQ.js";import{t as _}from"./card-DjyfNde2.js";import{n as v,t as y}from"./row-BRzneEdS.js";import{t as b}from"./empty-CdsD8g84.js";import{t as x}from"./Pagination-H17MTYYL.js";import{t as S}from"./skeleton-BwNBivMN.js";import{t as C}from"./switch-kHjfJuQ2.js";import{B as w,K as T,Mr as E,O as D,Qr as O,Tr as k,Vr as A,Wn as j,jr as M,qr as N,wr as P}from"./index-BagZk06I.js";import{t as F}from"./index.es-B2VlwOr_.js";import{t as I}from"./CopyToClipboard-BJ4cWa_D.js";var L=r({name:`ConsoleApplicationList`,components:{Pagination:x,CopyToClipboard:I,ElTable:ee,ElRow:y,ElButton:h,ElCol:v,ElTag:O,ElSkeleton:S,ElSwitch:C,ElEmpty:b,ElTableColumn:g,ElCard:_,FontAwesomeIcon:F},data(){return{credentialType:P,serviceType:k,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showGlobalPayment(){return!0}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{rowCanPay(e){return A()?(e?.packages||[]).some(e=>e?.metadata?.apple_product_id):!0},updateAllowConsumeGlobal(e,t){!e||!e.id||j.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{N.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{N.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:T,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:w,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=M.INDIVIDUAL){return new Promise((t,n)=>{j.getAll({limit:this.limit,...e===M.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:E.USAGE,scope:e}).then(({data:n})=>{e===M.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{N.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(M.INDIVIDUAL),this.onFetchApplications(M.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){j.create({type:E.USAGE,scope:M.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(M.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),R={class:`title`},z={key:1,class:`summary-card`},B={class:`icon-wrapper`},V={class:`label`},H={class:`value`},U={class:`description`},W={key:1,class:`flex flex-row justify-between items-center gap-3`},G={class:`summary-card min-w-0 flex-1`},K={class:`flex justify-start items-center gap-2 mb-2 w-full`},q={class:`icon-wrapper !mb-0`},J={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},te={class:`label`},Y={class:`value`},X={class:`description`},Z={class:`flex flex-col items-end gap-2 shrink-0`},Q={class:`copy`},ne={key:0,class:`expired-at`},re={class:`flex flex-wrap items-center justify-end gap-1`},ie={class:`application-cards block sm:hidden`},ae={class:`flex items-center gap-2 flex-wrap`},oe={class:`application-card__name`},se={class:`application-card__id`},ce={class:`truncate`},le={class:`application-card__row`},ue={class:`label`},de={class:`value`},fe={key:0,class:`application-card__row`},pe={class:`label`},$={class:`value`},me={key:1,class:`application-card__row`},he={class:`label`},ge={class:`flex items-center justify-end gap-2 mt-3`},_e={class:`pagination`};function ve(r,h,g,ee,_,v){let y=p(`el-col`),b=p(`el-row`),x=p(`el-skeleton`),S=p(`font-awesome-icon`),C=p(`el-card`),w=p(`copy-to-clipboard`),T=p(`el-button`),E=p(`el-table-column`),D=p(`el-tag`),O=p(`el-switch`),k=p(`el-table`),A=p(`el-empty`),j=p(`pagination`),M=f(`loading`);return l(),a(b,{class:`application-list`},{default:m(()=>[o(y,{span:24},{default:m(()=>[o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`h2`,R,c(r.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),o(b,{gutter:15,class:`mb-3`},{default:m(()=>[o(y,{md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,z,[n(`div`,B,[o(S,{icon:`fa-solid fa-cubes-stacked`})]),n(`p`,V,c(r.$t(`application.title.count`)),1),n(`p`,H,c(r.individualApplicationsTotal),1),n(`p`,U,c(r.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),r.showGlobalPayment&&r.globalApplications?.length>0?(l(),a(y,{key:0,md:12,xs:24},{default:m(()=>[o(C,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:m(()=>[r.loading?(l(),a(x,{key:0})):(l(),t(`div`,W,[n(`div`,G,[n(`div`,K,[n(`div`,q,[o(S,{icon:`fa-solid fa-wallet`})]),n(`span`,J,[i(c(r.$t(`application.field.id`))+`: `+c(r.globalApplications?.[0]?.id)+` `,1),r.globalApplications?.[0]?.id?(l(),a(w,{key:0,content:r.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):d(``,!0)])]),n(`p`,te,c(r.$t(`application.title.globalBalance`)),1),n(`p`,Y,c(r.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+c(r.$t(`service.unit.credits`)),1),n(`p`,X,c(r.$t(`application.message.globalBalanceDescription`)),1)]),n(`div`,Z,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:h[0]||=e=>r.onGoUsage(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1}),r.showGlobalPayment?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:h[1]||=e=>r.onBuyMore(r.globalApplications?.[0])},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1})):d(``,!0)])]))]),_:1})]),_:1})):d(``,!0)]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[o(C,{shadow:`hover`,class:`applications-table-card hidden sm:block`},{default:m(()=>[u((l(),a(k,{data:r.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":r.$t(`common.message.noData`)},{default:m(()=>[o(E,{prop:`id`,label:r.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(e.row.id),1),n(`span`,Q,[o(w,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e.row?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.name`),width:`180px`},{default:m(e=>[n(`span`,null,c(e.row?.service?.title),1),e.row?.role===`grantee`?(l(),a(D,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),_:1},8,[`label`]),o(E,{prop:`remaining_amount`,label:r.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[n(`span`,null,c(r.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`used_amount`,label:r.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[n(`span`,null,c(r.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),o(E,{prop:`allow_consume_global`,label:r.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.service?.type===r.serviceType.API?(l(),a(O,{key:0,modelValue:e.row.allow_consume_global,"onUpdate:modelValue":t=>e.row.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e.row,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):d(``,!0)]),_:1},8,[`label`]),o(E,{label:r.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:m(e=>[e.row.expired_at?(l(),t(`span`,ne,c(r.$dayjs.format(e.row.expired_at)),1)):d(``,!0)]),_:1},8,[`label`]),o(E,{fixed:`right`,width:`200px`},{default:m(e=>[n(`div`,re,[o(T,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:t=>r.onGoUsage(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e?.row)?(l(),a(T,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e?.row)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,r.loading]])]),_:1}),n(`div`,ie,[r.loading?(l(),a(x,{key:0,rows:4,animated:``})):(l(),t(s,{key:1},[r.individualApplications?.length?(l(!0),t(s,{key:1},e(r.individualApplications,e=>(l(),a(C,{key:e.id,shadow:`hover`,class:`application-card mb-2`,"body-style":{padding:`14px 16px`}},{default:m(()=>[n(`div`,ae,[n(`span`,oe,c(e?.service?.title),1),e?.type===`Period`?(l(),a(D,{key:0,type:`success`,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.period`)),1)]),_:1})):e?.type===`Usage`?(l(),a(D,{key:1,effect:`dark`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.type.usage`)),1)]),_:1})):d(``,!0),e?.role===`grantee`?(l(),a(D,{key:2,type:`info`,size:`small`,round:``},{default:m(()=>[i(c(r.$t(`application.badge.shared`)),1)]),_:1})):d(``,!0)]),n(`div`,se,[n(`span`,ce,c(r.$t(`application.field.id`))+`: `+c(e.id),1),o(w,{content:e.id,class:`inline-block shrink-0`},null,8,[`content`])]),n(`div`,le,[n(`span`,ue,c(r.$t(`application.field.remainingAmount`)),1),n(`span`,de,c(r.getRemainingAmount(e)),1)]),e?.expired_at?(l(),t(`div`,fe,[n(`span`,pe,c(r.$t(`application.field.expiredAt`)),1),n(`span`,$,c(r.$dayjs.format(e.expired_at)),1)])):d(``,!0),e.service?.type===r.serviceType.API?(l(),t(`div`,me,[n(`span`,he,c(r.$t(`application.field.allowConsumeGlobal`)),1),o(O,{modelValue:e.allow_consume_global,"onUpdate:modelValue":t=>e.allow_consume_global=t,"active-value":!0,"inactive-value":!1,onChange:t=>r.updateAllowConsumeGlobal(e,t)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])])):d(``,!0),n(`div`,ge,[o(T,{class:`!m-0 !px-3`,size:`small`,round:``,onClick:t=>r.onGoUsage(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),r.rowCanPay(e)?(l(),a(T,{key:0,class:`!m-0 !px-3`,type:`primary`,round:``,size:`small`,onClick:t=>r.onBuyMore(e)},{default:m(()=>[o(S,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),i(` `+c(r.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):d(``,!0)])]),_:2},1024))),128)):(l(),a(A,{key:0,description:r.$t(`common.message.noData`)},null,8,[`description`]))],64))])]),_:1})]),_:1}),o(b,null,{default:m(()=>[o(y,{span:24},{default:m(()=>[n(`div`,_e,[o(j,{"current-page":r.page,"page-size":r.limit,total:r.individualApplicationsTotal,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ye=D(L,[[`render`,ve],[`__scopeId`,`data-v-b4164ed9`]]);export{ye as default};