@acedatacloud/nexior 3.263.0 → 3.264.0

package/dist/assets/{Index-C_-a4OWV.js → Index-BHTIa46w.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h,y as g}from"./vendor-chart-Df3WBvr0.js";import{t as _}from"./button-Diu_mJ2H.js";import{E as v}from"./use-deprecated-BhaeS12t.js";import{r as y,t as b}from"./select-DNo1mzje.js";import{n as x,t as S}from"./tabs-BgD2h_Ay.js";import{t as C}from"./upload-C5oGDMOb.js";import{t as w}from"./tooltip-hII4wDEz.js";import{t as T}from"./image-BNF3_A0F.js";import{t as E}from"./alert-Cs6WDxgv.js";import{n as D,r as O}from"./radio-ClH7NqRe.js";import{t as k}from"./drawer-B42T8GMw.js";import{t as A}from"./input-number-BevB3n59.js";import{t as ee}from"./slider-BqdPzNXH.js";import{t as j}from"./switch-Drk-LSNf.js";import{Gr as te,Qn as M,Yn as ne}from"./constants-TawJIXae.js";import{At as N,Dt as P,E as F,Er as I,Mt as L,Nn as R,Nr as z,Ot as B,Tr as V,dn as H,gr as U,jr as re,kt as ie,yr as W}from"./index-CSTCoQPG.js";import{t as G}from"./index.es-aoB3lpRt.js";import{t as ae}from"./CopyToClipboard-Bs47GtOf.js";import{t as oe}from"./FilePreview-CNRK-sWK.js";import{t as K}from"./ImagePreview-PDsxuaEM.js";import{t as se}from"./BotPlaceholder-sRZxYWRx.js";import{i as q,n as ce,t as le}from"./pagination-DC5T6D9L.js";import{n as ue,t as de}from"./NoTasks-1pboLx_7.js";import{t as J}from"./Consumption-DQEaGxNN.js";import{t as fe}from"./ApiCodeButton-Ci2J4gVi.js";import{t as pe}from"./VideoPlayer-Dj315NJm.js";var me=c({name:`LayoutKling`,components:{ElDrawer:k,ElButton:_,FontAwesomeIcon:G},data(){return{drawer:!1}}}),he={class:`main flex flex-row flex-1 min-h-0`},ge={class:`config w-[320px] flex-none h-full flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},_e={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ve(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,he,[r(`div`,ge,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,_e,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ye=F(me,[[`render`,ve],[`__scopeId`,`data-v-be4bb0df`]]),be={text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1};function Y(e,t,n){let r=t||`std`,i=n??5;switch(e){case`kling-v1`:return{text2video:!0,image2video:!0,endImage:i===5,audio:!1,motionControl:i===5};case`kling-v1-6`:case`kling-v2-5-turbo`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:!1,motionControl:!1};case`kling-v2-6`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:r===`pro`,motionControl:!1};case`kling-v2-master`:case`kling-v2-1-master`:return{text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1};case`kling-v3`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:r!==`4k`};case`kling-v3-omni`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:!1};case`kling-video-o1`:return{text2video:!0,image2video:!0,endImage:!0,audio:!1,motionControl:!1};default:return be}}function X(e,t){if(!e)return[];let n=t.model??e.model,r=t.mode??e.mode,i=t.duration??e.duration;if(!n)return[];let a=Y(n,r,i),o=[];return e.end_image_url&&!a.endImage&&o.push({field:`end_image_url`,i18nLabel:`kling.name.endImage`}),e.generate_audio&&!a.audio&&o.push({field:`generate_audio`,i18nLabel:`kling.name.generateAudio`}),e.camera_control?.type&&(!a.motionControl||e.start_image_url)&&o.push({field:`camera_control`,i18nLabel:`kling.name.cameraControl`}),o}function Z(e,t){let n={...e};for(let e of t)e.field===`end_image_url`&&(n.end_image_url=void 0),e.field===`generate_audio`&&(n.generate_audio=!1),e.field===`camera_control`&&(n.camera_control=void 0);return n}var xe=c({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0,options:[{value:`kling-v3`,label:`v3`},{value:`kling-v3-omni`,label:`v3-Omni`},{value:`kling-v2-6`,label:`v2.6`},{value:`kling-v2-5-turbo`,label:`v2.5-Turbo`},{value:`kling-v2-1-master`,label:`v2.1-Master`},{value:`kling-v2-master`,label:`v2-Master`},{value:`kling-v1-6`,label:`v1.6`},{value:`kling-v1`,label:`v1`},{value:`kling-video-o1`,label:`Video-o1`}]}},computed:{value(){return this.$store.state.kling?.config?.model}},mounted(){this.value||this.applyModel(ne)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=X(t,{model:e});if(n.length===0){this.applyModel(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await V.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=Z({...t,model:e},n);this.$store.commit(`kling/setConfig`,i),I.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,model:e})}}}),Se={class:`field`},Ce={class:`title font-bold`};function we(e,t,i,a,o,s){let c=f(`el-option`),g=f(`el-select`);return d(),p(`div`,Se,[r(`h2`,Ce,u(e.$t(`pika.name.model`)),1),(d(),n(g,{key:e.revertKey,"model-value":e.value,class:`value`,placeholder:e.$t(`pika.placeholder.select`),onChange:e.onChange},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(c,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Te=F(xe,[[`render`,we],[`__scopeId`,`data-v-04059875`]]),Ee=c({name:`ModeSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:q},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},cameraControlSet(){return!!this.$store.state.kling?.config?.camera_control?.type},fourKReason(){return M.includes(this.selectedModel)?this.cameraControlSet?this.$t(`kling.description.mode4kIncompatibleCamera`):``:this.$t(`kling.description.mode4kRequiresV3`)},options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`),disabled:!1,disabledReason:``},{value:`pro`,label:this.$t(`kling.name.modePro`),disabled:!1,disabledReason:``},{value:`4k`,label:this.$t(`kling.name.mode4k`),disabled:!!this.fourKReason,disabledReason:this.fourKReason}]},value(){return this.$store.state.kling?.config?.mode}},watch:{fourKReason(e){e&&this.value===`4k`&&this.applyMode(`std`)}},mounted(){this.value||this.applyMode(`std`)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=X(t,{mode:e});if(n.length===0){this.applyMode(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await V.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=Z({...t,mode:e},n);this.$store.commit(`kling/setConfig`,i),I.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyMode(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,mode:e})}}}),De={class:`field`},Oe={class:`header`},ke={class:`title font-bold`},Ae={key:0,class:`opt-tip`};function je(e,i,a,c,g,_){let v=f(`info-icon`),y=f(`el-option`),b=f(`el-select`);return d(),p(`div`,De,[r(`div`,Oe,[r(`h2`,ke,u(e.$t(`kling.name.mode`)),1),o(v,{content:e.$t(`kling.description.mode`),class:`info-icon`},null,8,[`content`])]),(d(),n(b,{key:e.revertKey,"model-value":e.value,class:`value`,placeholder:e.$t(`kling.placeholder.select`),clearable:!0,onChange:e.onChange},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(y,{key:e.value,label:e.label,value:e.value,disabled:e.disabled},{default:m(()=>[r(`span`,{class:t({"opt-disabled":e.disabled})},u(e.label),3),e.disabled&&e.disabledReason?(d(),p(`span`,Ae,u(e.disabledReason),1)):s(``,!0)]),_:2},1032,[`label`,`value`,`disabled`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Me=F(Ee,[[`render`,je],[`__scopeId`,`data-v-9a8fa3c5`]]),Ne=[3,5,8,10,12,15],Pe=[5,10],Fe=c({name:`DurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:q},data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},isV3Model(){return M.includes(this.selectedModel)},allowedDurations(){return this.isV3Model?Ne:Pe},value(){return this.$store.state.kling?.config?.duration??5},selectValue(){let e=this.allowedDurations;return e.includes(this.value)?this.value:e.includes(5)?5:e[0]}},watch:{isV3Model(){this.allowedDurations.includes(this.value)||this.applyDuration(5)}},mounted(){this.$store.state.kling?.config?.duration||this.applyDuration(5)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=X(t,{duration:e});if(n.length===0){this.applyDuration(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await V.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=Z({...t,duration:e},n);this.$store.commit(`kling/setConfig`,i),I.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyDuration(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,duration:e})}}}),Ie={class:`field`},Le={class:`control`},Re={class:`label`},ze={class:`title font-bold`};function Be(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`h2`,ze,u(e.$t(`kling.name.duration`)),1),o(g,{content:e.$t(`kling.description.duration`),class:`info-icon ml-1`},null,8,[`content`])]),(d(),n(v,{key:e.revertKey,"model-value":e.selectValue,class:`value`,placeholder:e.$t(`kling.placeholder.select`),onChange:e.onChange},{default:m(()=>[(d(!0),p(h,null,l(e.allowedDurations,e=>(d(),n(_,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])])}var Ve=F(Fe,[[`render`,Be],[`__scopeId`,`data-v-5ae55e28`]]),He=c({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug(`set ratio`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),Ue={class:`text-sm font-bold mb-2 block`},We={class:`items`},Ge=[`onClick`],Ke={class:`name`};function qe(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,Ue,u(e.$t(`kling.name.ratio`)),1),r(`div`,We,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,Ke,u(n.label),1)],10,Ge))),128))])])}var Je=F(He,[[`render`,qe],[`__scopeId`,`data-v-cdb14b2f`]]),Ye=c({name:`StartImage`,components:{ElUpload:C,ElButton:_,ElTooltip:w,InfoIcon:q,FontAwesomeIcon:G,ImagePreview:K},mixins:[N,B],emits:[`change`],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){I.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`kling.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Xe={class:`relative`},Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`};function et(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-tooltip`),x=f(`el-upload`);return d(),p(`div`,Xe,[r(`div`,Ze,[r(`div`,Qe,[r(`span`,$e,u(e.$t(`kling.name.startImage`)),1),o(g,{content:e.$t(`kling.description.uploadStartImage`)},null,8,[`content`])])]),o(x,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:e.reachedLimit,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(b,{content:e.$t(`kling.message.uploadReferencesExceed`),disabled:!e.reachedLimit,placement:`top`},{default:m(()=>[r(`span`,null,[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:e.reachedLimit},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1},8,[`disabled`])])]),_:1},8,[`content`,`disabled`])]),_:1},8,[`file-list`,`disabled`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var tt=F(Ye,[[`render`,et],[`__scopeId`,`data-v-756dc269`]]),nt=c({name:`EndImage`,components:{ElUpload:C,ElButton:_,ElTooltip:w,ImagePreview:K,InfoIcon:q,FontAwesomeIcon:G},mixins:[N,B],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},klingConfig(){return this.$store.state?.kling?.config||{}},endImageSupported(){return Y(this.klingConfig.model,this.klingConfig.mode,this.klingConfig.duration).endImage},hasStartImage(){return!!this.klingConfig.start_image_url},uploadDisabled(){return this.reachedLimit||!this.endImageSupported||!this.hasStartImage},uploadTooltip(){return this.endImageSupported?this.hasStartImage?this.reachedLimit?this.$t(`kling.message.uploadReferencesExceed`):``:this.$t(`kling.message.endImageRequiresStart`):this.$t(`kling.message.endImageNotSupported`)},storeValue(){return this.klingConfig.end_image_url},value:{get(){return this.storeValue},set(){}}},watch:{storeValue(e){!e&&this.fileList.length>0&&(this.fileList=[])},hasStartImage(e){!e&&this.storeValue&&(this.fileList=[],this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,end_image_url:void 0}))}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onBeforeUpload(){return this.endImageSupported?this.hasStartImage?!0:(I.warning(this.$t(`kling.message.endImageRequiresStart`)),!1):(I.warning(this.$t(`kling.message.endImageNotSupported`)),!1)},onExceed(){I.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`kling.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),rt={class:`relative`},it={class:`flex justify-between`},at={class:`flex justify-start items-center`},ot={class:`text-sm font-bold`};function st(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-tooltip`),x=f(`el-upload`);return d(),p(`div`,rt,[r(`div`,it,[r(`div`,at,[r(`span`,ot,u(e.$t(`kling.name.endImage`)),1),o(g,{content:e.$t(`kling.description.uploadEndImage`)},null,8,[`content`])])]),o(x,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:e.uploadDisabled,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"before-upload":e.onBeforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(b,{content:e.uploadTooltip,disabled:!e.uploadDisabled,placement:`top`},{default:m(()=>[r(`span`,null,[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:e.uploadDisabled},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1},8,[`disabled`])])]),_:1},8,[`content`,`disabled`])]),_:1},8,[`file-list`,`disabled`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var ct=F(nt,[[`render`,st],[`__scopeId`,`data-v-c1b257e5`]]),lt=c({name:`CfgScaleSelector`,components:{ElSlider:ee,InfoIcon:q,ElInputNumber:A},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug(`set cfg_scale`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||=0}}),ut={class:`flex justify-between`},dt={class:`flex justify-start items-center`},ft={class:`text-sm font-bold`},pt={class:`flex justify-end items-center`},mt={class:`w-full`};function ht(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input-number`),m=f(`el-slider`);return d(),p(`div`,null,[r(`div`,ut,[r(`div`,dt,[r(`span`,ft,u(e.$t(`kling.name.cfgScale`)),1),o(c,{content:e.$t(`kling.description.cfgScale`)},null,8,[`content`])]),r(`div`,pt,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,mt,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:0,max:1,step:.1},null,8,[`modelValue`])])])}var gt=F(lt,[[`render`,ht]]),_t=c({name:`GenerateAudioSelector`,components:{ElSwitch:j,InfoIcon:q},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},selectedMode(){return this.$store.state.kling?.config?.mode||``},supported(){return!!(M.includes(this.selectedModel)||this.selectedModel===`kling-v2-6`&&this.selectedMode===`pro`)},tooltipContent(){return this.supported?this.$t(`kling.description.generateAudio`):this.$t(`kling.description.generateAudioUnsupported`)},value:{get(){return this.supported?this.$store.state.kling?.config?.generate_audio??!1:!1},set(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,generate_audio:e})}}},watch:{supported(e){!e&&this.$store.state.kling?.config?.generate_audio&&this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,generate_audio:!1})}}}),vt={class:`relative`},yt={class:`flex justify-between items-center`},bt={class:`flex justify-start items-center`},xt={class:`text-sm font-bold`};function St(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-switch`);return d(),p(`div`,vt,[r(`div`,yt,[r(`div`,bt,[r(`span`,xt,u(e.$t(`kling.name.generateAudio`)),1),o(c,{content:e.tooltipContent},null,8,[`content`])]),o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,disabled:!e.supported},null,8,[`modelValue`,`disabled`])])])}var Ct=F(_t,[[`render`,St]]),wt=[`horizontal`,`vertical`,`pan`,`tilt`,`roll`,`zoom`],Tt=c({name:`CameraControlSelector`,components:{ElSelect:y,ElOption:b,ElSlider:ee,ElInputNumber:A,InfoIcon:q},data(){return{configKeys:wt}},computed:{typeOptions(){return[{value:``,label:this.$t(`kling.name.cameraTypeNone`)},{value:`simple`,label:this.$t(`kling.name.cameraTypeSimple`)},{value:`down_back`,label:this.$t(`kling.name.cameraTypeDownBack`)},{value:`forward_up`,label:this.$t(`kling.name.cameraTypeForwardUp`)},{value:`left_turn_forward`,label:this.$t(`kling.name.cameraTypeLeftTurnForward`)},{value:`right_turn_forward`,label:this.$t(`kling.name.cameraTypeRightTurnForward`)}]},selectedMode(){return this.$store.state.kling?.config?.mode||``},selectedModel(){return this.$store.state.kling?.config?.model||``},selectedDuration(){return this.$store.state.kling?.config?.duration},motionControlSupported(){return Y(this.selectedModel,this.selectedMode,this.selectedDuration).motionControl},hasStartImage(){return!!this.$store.state.kling?.config?.start_image_url},disabled(){return!this.motionControlSupported||this.hasStartImage},tooltipContent(){return this.motionControlSupported?this.hasStartImage?this.$t(`kling.description.cameraControlDisabledImage2Video`):this.$t(`kling.description.cameraControl`):this.$t(`kling.description.cameraControlNotSupported`)},selectedType(){return this.$store.state.kling?.config?.camera_control?.type},selectedTypeRaw:{get(){return this.selectedType??``},set(e){let t=this.$store.state.kling?.config||{};if(!e){let e={...t};delete e.camera_control,this.$store.commit(`kling/setConfig`,e);return}let n=e;this.$store.commit(`kling/setConfig`,{...t,camera_control:{type:n,config:n===`simple`?t.camera_control?.config||{}:void 0}})}},configValues(){return this.$store.state.kling?.config?.camera_control?.config||{}}},watch:{disabled(e){e&&this.selectedType!==void 0&&(this.selectedTypeRaw=``)}},methods:{writeConfig(e,t){let n=this.$store.state.kling?.config||{},r=n.camera_control||{type:`simple`},i={...r.config||{}};t==null?delete i[e]:i[e]=t,this.$store.commit(`kling/setConfig`,{...n,camera_control:{...r,type:`simple`,config:i}})},onSliderChange(e,t){this.writeConfig(e,t)},onNumberChange(e,t){this.writeConfig(e,t)}}}),Et={class:`field`},Dt={class:`header`},Ot={class:`text-sm font-bold`},kt={key:0,class:`config-grid`},At={class:`cfg-row-head`},jt={class:`cfg-name`};function Mt(e,t,i,a,c,g){let _=f(`info-icon`),v=f(`el-option`),y=f(`el-select`),b=f(`el-input-number`),x=f(`el-slider`);return d(),p(`div`,Et,[r(`div`,Dt,[r(`span`,Ot,u(e.$t(`kling.name.cameraControl`)),1),o(_,{content:e.tooltipContent},null,8,[`content`])]),o(y,{modelValue:e.selectedTypeRaw,"onUpdate:modelValue":t[0]||=t=>e.selectedTypeRaw=t,class:`value`,placeholder:e.$t(`kling.placeholder.cameraType`),clearable:!0,disabled:e.disabled},{default:m(()=>[(d(!0),p(h,null,l(e.typeOptions,e=>(d(),n(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`]),e.selectedType===`simple`&&!e.disabled?(d(),p(`div`,kt,[(d(!0),p(h,null,l(e.configKeys,t=>(d(),p(`div`,{key:t,class:`cfg-row`},[r(`div`,At,[r(`span`,jt,u(e.$t(`kling.name.cc_${t}`)),1),o(b,{modelValue:e.configValues[t],"onUpdate:modelValue":n=>e.configValues[t]=n,min:-1,max:1,step:.1,precision:1,"controls-position":`right`,size:`small`,class:`cfg-num`,onChange:n=>e.onNumberChange(t,n)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])]),o(x,{"model-value":e.configValues[t]??0,min:-1,max:1,step:.1,onInput:n=>e.onSliderChange(t,n)},null,8,[`model-value`,`onInput`])]))),128))])):s(``,!0)])}var Nt=F(Tt,[[`render`,Mt],[`__scopeId`,`data-v-cd896060`]]),Pt=[{groupKey:`cameraMovements`,chipKeys:[`rotateAround`,`stationary`,`handheld`,`zoomOut`,`zoomIn`,`follow`,`panRight`,`tiltUp`,`tiltDown`,`orbit`]},{groupKey:`cameraSpeed`,chipKeys:[`speedSlow`,`speedMedium`,`speedFast`]},{groupKey:`shotType`,chipKeys:[`shotClose`,`shotMedium`,`shotLong`,`shotLowAngle`,`shotHighAngle`,`shotShallowDof`,`shotFront`,`shotProfile`,`shotCloseUp`,`shotDrone`]},{groupKey:`light`,chipKeys:[`lightSunlight`,`lightSoft`,`lightNeon`,`lightWarm`,`lightNature`,`lightCandle`,`lightCityNight`]},{groupKey:`frame`,chipKeys:[`frameRichDetails`,`frameSimpleBg`]},{groupKey:`atmosphere`,chipKeys:[`atmosphereMysterious`,`atmospherePeaceful`,`atmosphereHeartwarming`,`atmosphereVivid`,`atmosphereColorful`]}],Q=`, `;function Ft(e,t){let n=(e||``).trim();return n?n.includes(t)?n:`${n}${Q}${t}`:t}function $(e,t){if(!e||!t)return e||``;let n=[`${t}${Q}`,`${Q}${t}`,t],r=e;for(let e of n)if(r.includes(e)){r=r.replace(e,``);break}return r.replace(/(?:,\s*)+$/,``).replace(/^(?:,\s*)+/,``)}var It=c({name:`InspirationPills`,components:{FontAwesomeIcon:G},computed:{prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return Pt.flatMap(e=>e.chipKeys.map(e=>this.$t(`kling.inspiration.chip.${e}`)))},selected(){let e=this.prompt;if(!e)return[];let t=[];for(let n of this.allChipTexts){let r=e.indexOf(n);r!==-1&&t.push({text:n,idx:r})}return t.sort((e,t)=>e.idx-t.idx).map(e=>e.text)}},methods:{onRemove(e){let t=$(this.prompt,e);this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:t})}}}),Lt={key:0,class:`pills`,role:`list`},Rt={class:`pill-text`},zt=[`aria-label`,`onClick`];function Bt(e,t,n,i,a,c){let m=f(`font-awesome-icon`);return e.selected.length>0?(d(),p(`div`,Lt,[(d(!0),p(h,null,l(e.selected,t=>(d(),p(`div`,{key:t,class:`pill`,role:`listitem`},[r(`span`,Rt,u(t),1),r(`button`,{type:`button`,class:`pill-remove`,"aria-label":e.$t(`kling.inspiration.removeChip`),onClick:g(n=>e.onRemove(t),[`stop`])},[o(m,{icon:`fa-solid fa-xmark`})],8,zt)]))),128))])):s(``,!0)}var Vt=c({name:`PromptInput`,components:{ElButton:_,FontAwesomeIcon:G,PromptTextarea:ue,InspirationPills:F(It,[[`render`,Bt],[`__scopeId`,`data-v-5fc4fa65`]])},emits:[`open-inspiration`],computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ht(e,t,r,i,s,c){let l=f(`font-awesome-icon`),p=f(`el-button`),h=f(`inspiration-pills`),g=f(`prompt-textarea`);return d(),n(g,{modelValue:e.prompt,"onUpdate:modelValue":t[1]||=t=>e.prompt=t,title:e.$t(`kling.name.prompt`),info:e.$t(`kling.description.prompt`),placeholder:e.$t(`kling.placeholder.prompt`)},{actions:m(()=>[o(p,{text:``,size:`small`,class:`inspiration-btn`,onClick:t[0]||=t=>e.$emit(`open-inspiration`)},{default:m(()=>[o(l,{icon:`fa-regular fa-lightbulb`,class:`mr-1`}),a(` `+u(e.$t(`kling.inspiration.openButton`)),1)]),_:1})]),before:m(()=>[o(h)]),_:1},8,[`modelValue`,`title`,`info`,`placeholder`])}var Ut=F(Vt,[[`render`,Ht],[`__scopeId`,`data-v-c01fc1a6`]]),Wt=c({name:`NegativePromptInput`,components:{ElInput:z,InfoIcon:q},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug(`set prompt`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||=``}}),Gt={class:`field`},Kt={class:`box`},qt={class:`title font-bold`};function Jt(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input`);return d(),p(`div`,Gt,[r(`div`,Kt,[r(`h2`,qt,u(e.$t(`kling.name.negativePrompt`)),1),o(c,{content:e.$t(`kling.description.negativePrompt`),class:`info`},null,8,[`content`])]),o(l,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`kling.placeholder.negativePrompt`)},null,8,[`modelValue`,`placeholder`])])}var Yt=F(Wt,[[`render`,Jt],[`__scopeId`,`data-v-de98cf01`]]),Xt=c({name:`InspirationDrawer`,components:{ElDrawer:k,ElButton:_,FontAwesomeIcon:G},props:{modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`],data(){return{groups:Pt,Close:v}},computed:{visible:{get(){return this.modelValue},set(e){this.$emit(`update:modelValue`,e)}},drawerSize(){return window.innerWidth<768?`100%`:`380px`},prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return this.groups.flatMap(e=>e.chipKeys.map(e=>this.$t(`kling.inspiration.chip.${e}`)))},selectedCount(){return this.allChipTexts.filter(e=>this.isSelected(e)).length}},methods:{chipText(e){return this.$t(`kling.inspiration.chip.${e}`)},isSelected(e){return e?this.prompt.includes(e):!1},setPrompt(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:e})},onToggle(e){e&&(this.isSelected(e)?this.setPrompt($(this.prompt,e)):this.setPrompt(Ft(this.prompt,e)))},onClearSelected(){let e=this.prompt;for(let t of this.allChipTexts)for(;e.includes(t);)e=$(e,t);this.setPrompt(e)}}}),Zt={class:`drawer-content`},Qt={class:`drawer-header`},$t={class:`title-row`},en={class:`title`},tn={class:`hint`},nn={key:0,class:`selected-bar`},rn={class:`selected-text`},an={class:`groups`},on={class:`group-title`},sn={class:`chip-grid`},cn=[`onClick`];function ln(e,i,c,g,_,v){let y=f(`font-awesome-icon`),b=f(`el-button`),x=f(`el-drawer`);return d(),n(x,{modelValue:e.visible,"onUpdate:modelValue":i[1]||=t=>e.visible=t,direction:`rtl`,"with-header":!1,size:e.drawerSize,"custom-class":`kling-inspiration-drawer`,"destroy-on-close":!1},{default:m(()=>[r(`div`,Zt,[r(`div`,Qt,[r(`div`,$t,[o(y,{icon:`fa-regular fa-lightbulb`,class:`mr-2`}),r(`span`,en,u(e.$t(`kling.inspiration.title`)),1)]),o(b,{text:``,icon:e.Close,class:`close-btn`,onClick:i[0]||=t=>e.visible=!1},null,8,[`icon`])]),r(`div`,tn,u(e.$t(`kling.inspiration.hint`)),1),e.selectedCount>0?(d(),p(`div`,nn,[r(`span`,rn,u(e.$t(`kling.inspiration.selectedSummary`,{count:e.selectedCount})),1),o(b,{text:``,size:`small`,class:`clear-btn`,onClick:e.onClearSelected},{default:m(()=>[a(u(e.$t(`kling.inspiration.clearSelected`)),1)]),_:1},8,[`onClick`])])):s(``,!0),r(`div`,an,[(d(!0),p(h,null,l(e.groups,n=>(d(),p(`div`,{key:n.groupKey,class:`group`},[r(`div`,on,u(e.$t(`kling.inspiration.group.${n.groupKey}`)),1),r(`div`,sn,[(d(!0),p(h,null,l(n.chipKeys,n=>(d(),p(`button`,{key:n,type:`button`,class:t({chip:!0,active:e.isSelected(e.chipText(n))}),onClick:t=>e.onToggle(e.chipText(n))},u(e.chipText(n)),11,cn))),128))])]))),128))])])]),_:1},8,[`modelValue`,`size`])}var un=F(Xt,[[`render`,ln],[`__scopeId`,`data-v-7d457a69`]]),dn={"kling-v3":`v3`,"kling-v3-omni":`v3-Omni`,"kling-v2-6":`v2.6`,"kling-v2-5-turbo":`v2.5-Turbo`,"kling-v2-1-master":`v2.1-Master`,"kling-v2-master":`v2-Master`,"kling-v1-6":`v1.6`,"kling-v1":`v1`,"kling-video-o1":`Video-o1`},fn={std:`720p`,pro:`1080p`,"4k":`4K`},pn=c({name:`SummaryChip`,components:{FontAwesomeIcon:G},computed:{config(){return this.$store.state.kling?.config||{}},modelLabel(){let e=this.config?.model||`kling-v2-5-turbo`;return dn[e]||e},durationLabel(){return`${this.config?.duration??5}s`},aspectRatio(){return this.config?.aspect_ratio||``},modeLabel(){let e=this.config?.mode||`std`;return fn[e]||e},generateAudio(){return!!this.config?.generate_audio}}}),mn={class:`summary-chip`},hn=[`title`],gn=[`title`],_n=[`title`],vn=[`title`],yn=[`title`];function bn(e,t,n,i,a,c){let l=f(`font-awesome-icon`);return d(),p(`div`,mn,[r(`span`,{class:`part`,title:e.$t(`kling.name.model`)},u(e.modelLabel),9,hn),t[0]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.duration`)},u(e.durationLabel),9,gn),t[1]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.ratio`)},u(e.aspectRatio||`16:9`),9,_n),t[2]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.mode`)},u(e.modeLabel),9,vn),e.generateAudio?(d(),p(`span`,{key:0,class:`audio`,title:e.$t(`kling.name.generateAudio`)},[o(l,{icon:`fa-solid fa-headphones`})],8,yn)):s(``,!0)])}var xn=c({name:`ConfigPanel`,components:{ElButton:_,Consumption:J,FontAwesomeIcon:G,PromptInput:Ut,NegativePromptInput:Yt,ModelSelector:Te,ModeSelector:Me,DurationSelector:Ve,RatioSelector:Je,StartImage:tt,CfgScaleSelector:gt,GenerateAudioSelector:Ct,CameraControlSelector:Nt,InspirationDrawer:un,SummaryChip:F(pn,[[`render`,bn],[`__scopeId`,`data-v-418a6733`]]),EndImage:ct},emits:[`generate`],data(){return{inspirationOpen:!1}},computed:{config(){return this.$store.state.kling?.config},consumption(){return L(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Sn={class:`flex flex-col h-full`},Cn={class:`flex-1 overflow-y-auto p-5`},wn={class:`flex flex-col items-center justify-center px-5 pb-5`};function Tn(e,t,i,s,c,l){let h=f(`prompt-input`),g=f(`model-selector`),_=f(`ratio-selector`),v=f(`start-image`),y=f(`end-image`),b=f(`duration-selector`),x=f(`mode-selector`),S=f(`generate-audio-selector`),C=f(`camera-control-selector`),w=f(`cfg-scale-selector`),T=f(`negative-prompt-input`),E=f(`summary-chip`),D=f(`consumption`),O=f(`font-awesome-icon`),k=f(`el-button`),A=f(`inspiration-drawer`);return d(),p(`div`,Sn,[r(`div`,Cn,[o(h,{class:`mb-4`,onOpenInspiration:t[0]||=t=>e.inspirationOpen=!0}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-2`}),o(y,{class:`mb-2`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-4`}),o(T,{class:`mb-4`})]),r(`div`,wn,[o(E),o(D,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(d(),n(k,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(O,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.extend`)),1)]),_:1},8,[`onClick`])):(d(),n(k,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(O,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.generate`)),1)]),_:1},8,[`onClick`]))]),o(A,{modelValue:e.inspirationOpen,"onUpdate:modelValue":t[1]||=t=>e.inspirationOpen=t},null,8,[`modelValue`])])}var En=F(xn,[[`render`,Tn]]),Dn=c({name:`MotionImage`,components:{ElUpload:C,ElButton:_,InfoIcon:q,FontAwesomeIcon:G,ImagePreview:K},mixins:[N,B],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetImageUrl()},methods:{onExceed(){I.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`kling.message.uploadReferencesError`))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,image_url:void 0})},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),On={class:`relative`},kn={class:`flex justify-between`},An={class:`flex justify-start items-center`},jn={class:`text-sm font-bold`};function Mn(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return d(),p(`div`,On,[r(`div`,kn,[r(`div`,An,[r(`span`,jn,u(e.$t(`kling.name.motionImage`)),1),o(g,{content:e.$t(`kling.description.motionImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemove(t)},null,8,[`url`,`name`,`percentage`,`onRemove`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Nn=F(Dn,[[`render`,Mn],[`__scopeId`,`data-v-e52eaf2f`]]),Pn=c({name:`MotionVideo`,components:{ElUpload:C,ElButton:_,InfoIcon:q,FilePreview:oe,FontAwesomeIcon:G},mixins:[B],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetVideoUrl()},methods:{onExceed(){I.warning(this.$t(`kling.message.uploadVideoExceed`))},onError(){I.error(this.$t(`kling.message.uploadVideoError`))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,video_url:void 0})},beforeUpload(e){let t=e.type===`video/mp4`||e.type===`video/quicktime`,n=e.size/1024/1024<100;return t?n?!0:(I.error(this.$t(`kling.message.uploadVideoSizeExceed`)),!1):(I.error(this.$t(`kling.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,video_url:e})},async onSuccess(){this.onSetVideoUrl()}}}),Fn={class:`relative`},In={class:`flex justify-between`},Ln={class:`flex justify-start items-center`},Rn={class:`text-sm font-bold`};function zn(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`file-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return d(),p(`div`,Fn,[r(`div`,In,[r(`div`,Ln,[r(`span`,Rn,u(e.$t(`kling.name.motionVideo`)),1),o(g,{content:e.$t(`kling.description.motionVideo`)},null,8,[`content`])])]),o(b,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.percentage===void 0?s(``,!0):(d(),n(_,{key:0,url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemove(t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Bn=F(Pn,[[`render`,zn],[`__scopeId`,`data-v-7019a8d2`]]),Vn=c({name:`MotionPromptInput`,components:{ElInput:z,InfoIcon:q},computed:{prompt:{get(){return this.$store.state.kling?.motionConfig?.prompt||``},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,prompt:e})}}}}),Hn={class:`field`},Un={class:`box`},Wn={class:`title font-bold`};function Gn(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input`);return d(),p(`div`,Hn,[r(`div`,Un,[r(`h2`,Wn,u(e.$t(`kling.name.motionPrompt`)),1),o(c,{content:e.$t(`kling.description.motionPrompt`),class:`info`},null,8,[`content`])]),o(l,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`kling.placeholder.motionPrompt`)},null,8,[`modelValue`,`placeholder`])])}var Kn=F(Vn,[[`render`,Gn],[`__scopeId`,`data-v-ca9fdbe5`]]),qn=`video`,Jn=c({name:`CharacterOrientationSelector`,components:{ElRadioGroup:O,ElRadioButton:D,InfoIcon:q},computed:{value:{get(){return this.$store.state.kling?.motionConfig?.character_orientation||qn},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,character_orientation:e})}}},mounted(){this.$store.state.kling?.motionConfig?.character_orientation||(this.value=qn)}}),Yn={class:`field`},Xn={class:`header`},Zn={class:`text-sm font-bold`};function Qn(e,t,n,i,s,c){let l=f(`info-icon`),h=f(`el-radio-button`),g=f(`el-radio-group`);return d(),p(`div`,Yn,[r(`div`,Xn,[r(`span`,Zn,u(e.$t(`kling.name.characterOrientation`)),1),o(l,{content:e.$t(`kling.description.characterOrientation`)},null,8,[`content`])]),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,size:`small`,class:`value`},{default:m(()=>[o(h,{label:`image`},{default:m(()=>[a(u(e.$t(`kling.name.orientationImage`)),1)]),_:1}),o(h,{label:`video`},{default:m(()=>[a(u(e.$t(`kling.name.orientationVideo`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var $n=F(Jn,[[`render`,Qn],[`__scopeId`,`data-v-7a91195b`]]),er=`std`,tr=c({name:`MotionModeSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:q},computed:{options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`)},{value:`pro`,label:this.$t(`kling.name.modePro`)}]},value:{get(){return this.$store.state.kling?.motionConfig?.mode||er},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,mode:e})}}},mounted(){this.$store.state.kling?.motionConfig?.mode||(this.value=er)}}),nr={class:`field`},rr={class:`header`},ir={class:`title font-bold`};function ar(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,nr,[r(`div`,rr,[r(`h2`,ir,u(e.$t(`kling.name.mode`)),1),o(g,{content:e.$t(`kling.description.motionMode`)},null,8,[`content`])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`kling.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var or=F(tr,[[`render`,ar],[`__scopeId`,`data-v-1295688c`]]),sr=c({name:`KeepOriginalSoundSelector`,components:{ElSwitch:j,InfoIcon:q},computed:{value:{get(){return(this.$store.state.kling?.motionConfig?.keep_original_sound??`yes`)===`yes`},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,keep_original_sound:e?`yes`:`no`})}}}}),cr={class:`relative`},lr={class:`flex justify-between items-center`},ur={class:`flex justify-start items-center`},dr={class:`text-sm font-bold`};function fr(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-switch`);return d(),p(`div`,cr,[r(`div`,lr,[r(`div`,ur,[r(`span`,dr,u(e.$t(`kling.name.keepOriginalSound`)),1),o(c,{content:e.$t(`kling.description.keepOriginalSound`)},null,8,[`content`])]),o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t},null,8,[`modelValue`])])])}var pr=c({name:`MotionPanel`,components:{ElButton:_,FontAwesomeIcon:G,Consumption:J,MotionImage:Nn,MotionVideo:Bn,MotionPromptInput:Kn,CharacterOrientationSelector:$n,MotionModeSelector:or,KeepOriginalSoundSelector:F(sr,[[`render`,fr]])},emits:[`generate`],computed:{motionConfig(){return this.$store.state.kling?.motionConfig},consumption(){return L(this.motionConfig,this.service?.cost)},service(){return this.$store.state.kling?.service},canGenerate(){let e=this.motionConfig;return!!(e?.image_url&&e?.video_url)}},methods:{onGenerate(){this.$emit(`generate`)}}}),mr={class:`flex flex-col h-full`},hr={class:`flex-1 overflow-y-auto p-5`},gr={class:`flex flex-col items-center justify-center px-5 pb-5`};function _r(e,t,n,i,s,c){let l=f(`motion-image`),h=f(`motion-video`),g=f(`motion-prompt-input`),_=f(`character-orientation-selector`),v=f(`motion-mode-selector`),y=f(`keep-original-sound-selector`),b=f(`consumption`),x=f(`font-awesome-icon`),S=f(`el-button`);return d(),p(`div`,mr,[r(`div`,hr,[o(l,{class:`mb-3`}),o(h,{class:`mb-3`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`})]),r(`div`,gr,[o(b,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(S,{type:`primary`,class:`btn w-full`,round:``,disabled:!e.canGenerate,onClick:e.onGenerate},{default:m(()=>[o(x,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.generateMotion`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var vr=F(pr,[[`render`,_r]]),yr=c({name:`KlingTabSwitcher`,components:{ElTabs:x,ElTabPane:S,ElTag:re},props:{modelValue:{type:String,default:`videos`}},emits:[`update:modelValue`],computed:{tabs(){return[{value:`videos`,label:this.$t(`kling.tab.videoGeneration`)},{value:`motion`,label:this.$t(`kling.tab.motionControl`)}]}},methods:{onUpdate(e){this.$emit(`update:modelValue`,e)}}}),br=[`title`],xr={class:`text`};function Sr(e,t,i,o,c,g){let _=f(`el-tag`),v=f(`el-tab-pane`),y=f(`el-tabs`);return d(),n(y,{"model-value":e.modelValue,class:`kling-tabs`,stretch:``,"onUpdate:modelValue":e.onUpdate},{default:m(()=>[(d(!0),p(h,null,l(e.tabs,e=>(d(),n(v,{key:e.value,name:e.value,disabled:e.disabled},{label:m(()=>[r(`span`,{class:`tab-label`,title:e.disabled?e.disabledReason:void 0},[r(`span`,xr,u(e.label),1),e.badge?(d(),n(_,{key:0,size:`small`,type:`warning`,class:`badge`},{default:m(()=>[a(u(e.badge),1)]),_:2},1024)):s(``,!0)],8,br)]),_:2},1032,[`name`,`disabled`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var Cr=F(yr,[[`render`,Sr],[`__scopeId`,`data-v-bf00c27e`]]),wr=c({name:`TaskPreview`,components:{ElImage:T,CopyToClipboard:ae,FontAwesomeIcon:G,ElAlert:E,VideoPlayer:pe,ElTooltip:w,ElButton:_,ImagePreview:K,ApiCodeButton:fe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config},referenceImages(){let e=[],t=this.modelValue?.request?.start_image_url,n=this.modelValue?.request?.end_image_url;return t&&e.push({url:t,name:`start-image`}),n&&e.push({url:n,name:`end-image`}),e}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Tr={class:`preview`},Er={class:`left`},Dr={class:`main`},Or={class:`bot`},kr={class:`datetime`},Ar={class:`info`},jr={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Mr={key:1,class:`prompt mt-2`},Nr={key:0},Pr={key:1},Fr={key:0,class:t({content:!0,failed:!0})},Ir={key:0,class:`mb-4`},Lr={key:1,class:t({operations:!0,"mt-2":!0})},Rr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Br={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Vr={key:1,class:t({content:!0})},Hr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ur={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gr={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Kr={key:2,class:t({content:!0})},qr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Jr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Yr(e,t,i,c,g,_){let v=f(`el-image`),y=f(`image-preview`),b=f(`video-player`),x=f(`el-button`),S=f(`el-tooltip`),C=f(`api-code-button`),w=f(`font-awesome-icon`),T=f(`copy-to-clipboard`),E=f(`el-alert`);return d(),p(`div`,Tr,[r(`div`,Er,[o(v,{src:`https://cdn.acedata.cloud/qpbbbb.jpg`,class:`avatar`})]),r(`div`,Dr,[r(`div`,Or,[a(u(e.$t(`kling.name.klingBot`))+` `,1),r(`span`,kr,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ar,[e.referenceImages.length>0?(d(),p(`div`,jr,[(d(!0),p(h,null,l(e.referenceImages,(e,t)=>(d(),n(y,{key:t,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128))])):s(``,!0),e.modelValue?.request?.prompt?(d(),p(`p`,Mr,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,Nr,` - (`+u(e.$t(`kling.status.pending`))+`) `,1)),e.modelValue?.response?.state===`submitted`||e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`||e.modelValue?.response?.state===`completed`?(d(),p(`span`,Pr,` - (`+u(e.$t(`kling.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,Fr,[e.modelValue?.response.video_url?(d(),p(`div`,Ir,[o(b,{src:e.modelValue?.response.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),p(`div`,Lr,[o(S,{class:`box-item`,effect:`dark`,content:e.$t(`kling.message.downloadVideo`),placement:`top-start`},{default:m(()=>[e.modelValue?.response.video_url?(d(),n(x,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onDownload(t,e.modelValue?.response.video_url)},{default:m(()=>[a(u(e.$t(`kling.button.download`)),1)]),_:1})):s(``,!0)]),_:1},8,[`content`]),o(C,{path:`/kling/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(E,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,Rr,[o(w,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),r(`p`,zr,[o(w,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(T,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Br,[o(w,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,Vr,[o(E,{closable:!1,class:`failure`},{template:m(()=>[o(w,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failure`)),1)]),default:m(()=>[r(`p`,Hr,[o(w,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(T,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,Ur,[o(w,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(T,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Wr,[o(w,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Gr,[o(w,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(T,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===void 0?(d(),p(`div`,Kr,[o(E,{closable:!1,class:`info`},{template:m(()=>[o(w,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failure`)),1)]),default:m(()=>[r(`p`,qr,[o(w,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(T,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),p(`p`,Jr,[o(w,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(T,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0)])])}var Xr=c({name:`RecentPanel`,components:{TaskPreview:F(wr,[[`render`,Yr],[`__scopeId`,`data-v-422e2570`]]),NoTasks:de,BotPlaceholder:se,ScrollList:ce},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Zr={key:0},Qr={key:2,class:`w-full h-full flex items-center justify-center`};function $r(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,Zr,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,e=>(d(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,Qr,[o(v)])):s(``,!0)],64)}var ei=F(Xr,[[`render`,$r]]),ti=te(`kling`),ni=c({name:`KlingIndex`,components:{ConfigPanel:En,MotionPanel:vr,TabSwitcher:Cr,Layout:ye,RecentPanel:ei},mixins:[ie],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===U.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},motionConfig(){return this.$store.state.kling.motionConfig},taskType(){return this.$store.state.kling.taskType||`videos`},tasks(){return this.$store.state.kling.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 le({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(){console.debug(`start onGetService`),await this.$store.dispatch(`kling/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`kling/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(`kling/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let{camera_control:e,...t}=this.config||{},n={...t,callback_url:ti};if(!n.video_id&&!t.video_url&&!n.start_image_url&&n.end_image_url){I.warning(this.$t(`kling.message.endImageRequiresStart`));return}n.action||(n.video_id||t.video_url?n.action=`extend`:n.start_image_url?n.action=`image2video`:n.action=`text2video`),n.action===`text2video`&&n.end_image_url&&delete n.end_image_url,e?.type&&(n.camera_control={type:e.type,...e.type===`simple`&&e.config?{config:Object.fromEntries(Object.entries(e.config).filter(([,e])=>e!=null))}:{}});let r=this.credential?.token;if(!r){console.error(`no token specified`);return}I.info(this.$t(`kling.message.startingTask`)),R(`kling`,H.generate(n,{token:r})).then(()=>{I.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`kling.message.usedUp`)):I.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},async onTabChange(e){e!==this.taskType&&(await this.$store.dispatch(`kling/setTaskType`,e),await this.onGetTasks(),await this.onScrollDown())},async onGenerateMotion(){if(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e=this.motionConfig||{};if(!e.image_url||!e.video_url){I.warning(this.$t(`kling.message.motionMissingInputs`));return}let t={image_url:e.image_url,video_url:e.video_url,character_orientation:e.character_orientation||`video`,mode:e.mode||`std`,keep_original_sound:e.keep_original_sound??`yes`,...e.prompt?{prompt:e.prompt}:{},callback_url:ti},n=this.credential?.token;if(!n){console.error(`no token specified`);return}I.info(this.$t(`kling.message.startingTask`)),R(`kling`,H.motion(t,{token:n})).then(()=>{I.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`kling.message.usedUp`)):I.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}}),ri={class:`flex flex-col h-full`},ii={class:`flex-1 min-h-0`};function ai(e,t,i,a,c,l){let u=f(`tab-switcher`),p=f(`config-panel`),h=f(`motion-panel`),g=f(`recent-panel`),_=f(`layout`);return d(),n(_,null,{config:m(()=>[r(`div`,ri,[o(u,{"model-value":e.taskType,"onUpdate:modelValue":e.onTabChange},null,8,[`model-value`,`onUpdate:modelValue`]),r(`div`,ii,[e.taskType===`videos`?(d(),n(p,{key:0,onGenerate:e.onGenerate},null,8,[`onGenerate`])):e.taskType===`motion`?(d(),n(h,{key:1,onGenerate:e.onGenerateMotion},null,8,[`onGenerate`])):s(``,!0)])])]),result:m(()=>[o(g,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var oi=F(ni,[[`render`,ai]]);export{oi as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h,y as g}from"./vendor-chart-Df3WBvr0.js";import{t as _}from"./button-Diu_mJ2H.js";import{E as v}from"./use-deprecated-BhaeS12t.js";import{r as y,t as b}from"./select-CCWm08v4.js";import{n as x,t as S}from"./tabs-D_soGpxM.js";import{t as C}from"./upload-DL6R-BcD.js";import{t as w}from"./tooltip-hII4wDEz.js";import{t as T}from"./image-D6w_R6Gb.js";import{t as E}from"./alert-Cs6WDxgv.js";import{n as D,r as O}from"./radio-ClH7NqRe.js";import{t as k}from"./drawer-B42T8GMw.js";import{t as A}from"./input-number-DqQ2LuOV.js";import{t as ee}from"./slider-DVqVjO2D.js";import{t as j}from"./switch-Cd_GVBye.js";import{Zn as te,er as M,qr as ne}from"./constants-BH6GgBVD.js";import{At as N,Dt as P,E as F,Er as I,Mt as L,Nn as R,Nr as z,Ot as B,Tr as V,dn as H,gr as U,jr as re,kt as ie,yr as W}from"./index-B0D_GXuA.js";import{t as G}from"./index.es-CyW7EvoI.js";import{t as ae}from"./CopyToClipboard-D0L4lc6w.js";import{t as oe}from"./FilePreview-CRFsXaXj.js";import{t as K}from"./ImagePreview-4W25TI3U.js";import{t as se}from"./BotPlaceholder-Ca3n8DbE.js";import{i as q,n as ce,t as le}from"./pagination-BGnbEU3d.js";import{n as ue,t as de}from"./NoTasks-eKpQJSqW.js";import{t as J}from"./Consumption-BBaQNNS9.js";import{t as fe}from"./ApiCodeButton-DkBjUHPb.js";import{t as pe}from"./VideoPlayer-Dk3k3U1z.js";var me=c({name:`LayoutKling`,components:{ElDrawer:k,ElButton:_,FontAwesomeIcon:G},data(){return{drawer:!1}}}),he={class:`main flex flex-row flex-1 min-h-0`},ge={class:`config w-[320px] flex-none h-full flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},_e={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ve(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,he,[r(`div`,ge,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,_e,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ye=F(me,[[`render`,ve],[`__scopeId`,`data-v-be4bb0df`]]),be={text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1};function Y(e,t,n){let r=t||`std`,i=n??5;switch(e){case`kling-v1`:return{text2video:!0,image2video:!0,endImage:i===5,audio:!1,motionControl:i===5};case`kling-v1-6`:case`kling-v2-5-turbo`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:!1,motionControl:!1};case`kling-v2-6`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:r===`pro`,motionControl:!1};case`kling-v2-master`:case`kling-v2-1-master`:return{text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1};case`kling-v3`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:r!==`4k`};case`kling-v3-omni`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:!1};case`kling-video-o1`:return{text2video:!0,image2video:!0,endImage:!0,audio:!1,motionControl:!1};default:return be}}function X(e,t){if(!e)return[];let n=t.model??e.model,r=t.mode??e.mode,i=t.duration??e.duration;if(!n)return[];let a=Y(n,r,i),o=[];return e.end_image_url&&!a.endImage&&o.push({field:`end_image_url`,i18nLabel:`kling.name.endImage`}),e.generate_audio&&!a.audio&&o.push({field:`generate_audio`,i18nLabel:`kling.name.generateAudio`}),e.camera_control?.type&&(!a.motionControl||e.start_image_url)&&o.push({field:`camera_control`,i18nLabel:`kling.name.cameraControl`}),o}function Z(e,t){let n={...e};for(let e of t)e.field===`end_image_url`&&(n.end_image_url=void 0),e.field===`generate_audio`&&(n.generate_audio=!1),e.field===`camera_control`&&(n.camera_control=void 0);return n}var xe=c({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0,options:[{value:`kling-v3`,label:`v3`},{value:`kling-v3-omni`,label:`v3-Omni`},{value:`kling-v2-6`,label:`v2.6`},{value:`kling-v2-5-turbo`,label:`v2.5-Turbo`},{value:`kling-v2-1-master`,label:`v2.1-Master`},{value:`kling-v2-master`,label:`v2-Master`},{value:`kling-v1-6`,label:`v1.6`},{value:`kling-v1`,label:`v1`},{value:`kling-video-o1`,label:`Video-o1`}]}},computed:{value(){return this.$store.state.kling?.config?.model}},mounted(){this.value||this.applyModel(te)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=X(t,{model:e});if(n.length===0){this.applyModel(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await V.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=Z({...t,model:e},n);this.$store.commit(`kling/setConfig`,i),I.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,model:e})}}}),Se={class:`field`},Ce={class:`title font-bold`};function we(e,t,i,a,o,s){let c=f(`el-option`),g=f(`el-select`);return d(),p(`div`,Se,[r(`h2`,Ce,u(e.$t(`pika.name.model`)),1),(d(),n(g,{key:e.revertKey,"model-value":e.value,class:`value`,placeholder:e.$t(`pika.placeholder.select`),onChange:e.onChange},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(c,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Te=F(xe,[[`render`,we],[`__scopeId`,`data-v-04059875`]]),Ee=c({name:`ModeSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:q},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},cameraControlSet(){return!!this.$store.state.kling?.config?.camera_control?.type},fourKReason(){return M.includes(this.selectedModel)?this.cameraControlSet?this.$t(`kling.description.mode4kIncompatibleCamera`):``:this.$t(`kling.description.mode4kRequiresV3`)},options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`),disabled:!1,disabledReason:``},{value:`pro`,label:this.$t(`kling.name.modePro`),disabled:!1,disabledReason:``},{value:`4k`,label:this.$t(`kling.name.mode4k`),disabled:!!this.fourKReason,disabledReason:this.fourKReason}]},value(){return this.$store.state.kling?.config?.mode}},watch:{fourKReason(e){e&&this.value===`4k`&&this.applyMode(`std`)}},mounted(){this.value||this.applyMode(`std`)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=X(t,{mode:e});if(n.length===0){this.applyMode(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await V.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=Z({...t,mode:e},n);this.$store.commit(`kling/setConfig`,i),I.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyMode(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,mode:e})}}}),De={class:`field`},Oe={class:`header`},ke={class:`title font-bold`},Ae={key:0,class:`opt-tip`};function je(e,i,a,c,g,_){let v=f(`info-icon`),y=f(`el-option`),b=f(`el-select`);return d(),p(`div`,De,[r(`div`,Oe,[r(`h2`,ke,u(e.$t(`kling.name.mode`)),1),o(v,{content:e.$t(`kling.description.mode`),class:`info-icon`},null,8,[`content`])]),(d(),n(b,{key:e.revertKey,"model-value":e.value,class:`value`,placeholder:e.$t(`kling.placeholder.select`),clearable:!0,onChange:e.onChange},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(y,{key:e.value,label:e.label,value:e.value,disabled:e.disabled},{default:m(()=>[r(`span`,{class:t({"opt-disabled":e.disabled})},u(e.label),3),e.disabled&&e.disabledReason?(d(),p(`span`,Ae,u(e.disabledReason),1)):s(``,!0)]),_:2},1032,[`label`,`value`,`disabled`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Me=F(Ee,[[`render`,je],[`__scopeId`,`data-v-9a8fa3c5`]]),Ne=[3,5,8,10,12,15],Pe=[5,10],Fe=c({name:`DurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:q},data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},isV3Model(){return M.includes(this.selectedModel)},allowedDurations(){return this.isV3Model?Ne:Pe},value(){return this.$store.state.kling?.config?.duration??5},selectValue(){let e=this.allowedDurations;return e.includes(this.value)?this.value:e.includes(5)?5:e[0]}},watch:{isV3Model(){this.allowedDurations.includes(this.value)||this.applyDuration(5)}},mounted(){this.$store.state.kling?.config?.duration||this.applyDuration(5)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=X(t,{duration:e});if(n.length===0){this.applyDuration(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await V.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=Z({...t,duration:e},n);this.$store.commit(`kling/setConfig`,i),I.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyDuration(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,duration:e})}}}),Ie={class:`field`},Le={class:`control`},Re={class:`label`},ze={class:`title font-bold`};function Be(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`h2`,ze,u(e.$t(`kling.name.duration`)),1),o(g,{content:e.$t(`kling.description.duration`),class:`info-icon ml-1`},null,8,[`content`])]),(d(),n(v,{key:e.revertKey,"model-value":e.selectValue,class:`value`,placeholder:e.$t(`kling.placeholder.select`),onChange:e.onChange},{default:m(()=>[(d(!0),p(h,null,l(e.allowedDurations,e=>(d(),n(_,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])])}var Ve=F(Fe,[[`render`,Be],[`__scopeId`,`data-v-5ae55e28`]]),He=c({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug(`set ratio`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),Ue={class:`text-sm font-bold mb-2 block`},We={class:`items`},Ge=[`onClick`],Ke={class:`name`};function qe(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,Ue,u(e.$t(`kling.name.ratio`)),1),r(`div`,We,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,Ke,u(n.label),1)],10,Ge))),128))])])}var Je=F(He,[[`render`,qe],[`__scopeId`,`data-v-cdb14b2f`]]),Ye=c({name:`StartImage`,components:{ElUpload:C,ElButton:_,ElTooltip:w,InfoIcon:q,FontAwesomeIcon:G,ImagePreview:K},mixins:[N,B],emits:[`change`],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){I.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`kling.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Xe={class:`relative`},Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`};function et(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-tooltip`),x=f(`el-upload`);return d(),p(`div`,Xe,[r(`div`,Ze,[r(`div`,Qe,[r(`span`,$e,u(e.$t(`kling.name.startImage`)),1),o(g,{content:e.$t(`kling.description.uploadStartImage`)},null,8,[`content`])])]),o(x,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:e.reachedLimit,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(b,{content:e.$t(`kling.message.uploadReferencesExceed`),disabled:!e.reachedLimit,placement:`top`},{default:m(()=>[r(`span`,null,[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:e.reachedLimit},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1},8,[`disabled`])])]),_:1},8,[`content`,`disabled`])]),_:1},8,[`file-list`,`disabled`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var tt=F(Ye,[[`render`,et],[`__scopeId`,`data-v-756dc269`]]),nt=c({name:`EndImage`,components:{ElUpload:C,ElButton:_,ElTooltip:w,ImagePreview:K,InfoIcon:q,FontAwesomeIcon:G},mixins:[N,B],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},klingConfig(){return this.$store.state?.kling?.config||{}},endImageSupported(){return Y(this.klingConfig.model,this.klingConfig.mode,this.klingConfig.duration).endImage},hasStartImage(){return!!this.klingConfig.start_image_url},uploadDisabled(){return this.reachedLimit||!this.endImageSupported||!this.hasStartImage},uploadTooltip(){return this.endImageSupported?this.hasStartImage?this.reachedLimit?this.$t(`kling.message.uploadReferencesExceed`):``:this.$t(`kling.message.endImageRequiresStart`):this.$t(`kling.message.endImageNotSupported`)},storeValue(){return this.klingConfig.end_image_url},value:{get(){return this.storeValue},set(){}}},watch:{storeValue(e){!e&&this.fileList.length>0&&(this.fileList=[])},hasStartImage(e){!e&&this.storeValue&&(this.fileList=[],this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,end_image_url:void 0}))}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onBeforeUpload(){return this.endImageSupported?this.hasStartImage?!0:(I.warning(this.$t(`kling.message.endImageRequiresStart`)),!1):(I.warning(this.$t(`kling.message.endImageNotSupported`)),!1)},onExceed(){I.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`kling.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),rt={class:`relative`},it={class:`flex justify-between`},at={class:`flex justify-start items-center`},ot={class:`text-sm font-bold`};function st(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-tooltip`),x=f(`el-upload`);return d(),p(`div`,rt,[r(`div`,it,[r(`div`,at,[r(`span`,ot,u(e.$t(`kling.name.endImage`)),1),o(g,{content:e.$t(`kling.description.uploadEndImage`)},null,8,[`content`])])]),o(x,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:e.uploadDisabled,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"before-upload":e.onBeforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(b,{content:e.uploadTooltip,disabled:!e.uploadDisabled,placement:`top`},{default:m(()=>[r(`span`,null,[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:e.uploadDisabled},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1},8,[`disabled`])])]),_:1},8,[`content`,`disabled`])]),_:1},8,[`file-list`,`disabled`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var ct=F(nt,[[`render`,st],[`__scopeId`,`data-v-c1b257e5`]]),lt=c({name:`CfgScaleSelector`,components:{ElSlider:ee,InfoIcon:q,ElInputNumber:A},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug(`set cfg_scale`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||=0}}),ut={class:`flex justify-between`},dt={class:`flex justify-start items-center`},ft={class:`text-sm font-bold`},pt={class:`flex justify-end items-center`},mt={class:`w-full`};function ht(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input-number`),m=f(`el-slider`);return d(),p(`div`,null,[r(`div`,ut,[r(`div`,dt,[r(`span`,ft,u(e.$t(`kling.name.cfgScale`)),1),o(c,{content:e.$t(`kling.description.cfgScale`)},null,8,[`content`])]),r(`div`,pt,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,mt,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:0,max:1,step:.1},null,8,[`modelValue`])])])}var gt=F(lt,[[`render`,ht]]),_t=c({name:`GenerateAudioSelector`,components:{ElSwitch:j,InfoIcon:q},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},selectedMode(){return this.$store.state.kling?.config?.mode||``},supported(){return!!(M.includes(this.selectedModel)||this.selectedModel===`kling-v2-6`&&this.selectedMode===`pro`)},tooltipContent(){return this.supported?this.$t(`kling.description.generateAudio`):this.$t(`kling.description.generateAudioUnsupported`)},value:{get(){return this.supported?this.$store.state.kling?.config?.generate_audio??!1:!1},set(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,generate_audio:e})}}},watch:{supported(e){!e&&this.$store.state.kling?.config?.generate_audio&&this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,generate_audio:!1})}}}),vt={class:`relative`},yt={class:`flex justify-between items-center`},bt={class:`flex justify-start items-center`},xt={class:`text-sm font-bold`};function St(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-switch`);return d(),p(`div`,vt,[r(`div`,yt,[r(`div`,bt,[r(`span`,xt,u(e.$t(`kling.name.generateAudio`)),1),o(c,{content:e.tooltipContent},null,8,[`content`])]),o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,disabled:!e.supported},null,8,[`modelValue`,`disabled`])])])}var Ct=F(_t,[[`render`,St]]),wt=[`horizontal`,`vertical`,`pan`,`tilt`,`roll`,`zoom`],Tt=c({name:`CameraControlSelector`,components:{ElSelect:y,ElOption:b,ElSlider:ee,ElInputNumber:A,InfoIcon:q},data(){return{configKeys:wt}},computed:{typeOptions(){return[{value:``,label:this.$t(`kling.name.cameraTypeNone`)},{value:`simple`,label:this.$t(`kling.name.cameraTypeSimple`)},{value:`down_back`,label:this.$t(`kling.name.cameraTypeDownBack`)},{value:`forward_up`,label:this.$t(`kling.name.cameraTypeForwardUp`)},{value:`left_turn_forward`,label:this.$t(`kling.name.cameraTypeLeftTurnForward`)},{value:`right_turn_forward`,label:this.$t(`kling.name.cameraTypeRightTurnForward`)}]},selectedMode(){return this.$store.state.kling?.config?.mode||``},selectedModel(){return this.$store.state.kling?.config?.model||``},selectedDuration(){return this.$store.state.kling?.config?.duration},motionControlSupported(){return Y(this.selectedModel,this.selectedMode,this.selectedDuration).motionControl},hasStartImage(){return!!this.$store.state.kling?.config?.start_image_url},disabled(){return!this.motionControlSupported||this.hasStartImage},tooltipContent(){return this.motionControlSupported?this.hasStartImage?this.$t(`kling.description.cameraControlDisabledImage2Video`):this.$t(`kling.description.cameraControl`):this.$t(`kling.description.cameraControlNotSupported`)},selectedType(){return this.$store.state.kling?.config?.camera_control?.type},selectedTypeRaw:{get(){return this.selectedType??``},set(e){let t=this.$store.state.kling?.config||{};if(!e){let e={...t};delete e.camera_control,this.$store.commit(`kling/setConfig`,e);return}let n=e;this.$store.commit(`kling/setConfig`,{...t,camera_control:{type:n,config:n===`simple`?t.camera_control?.config||{}:void 0}})}},configValues(){return this.$store.state.kling?.config?.camera_control?.config||{}}},watch:{disabled(e){e&&this.selectedType!==void 0&&(this.selectedTypeRaw=``)}},methods:{writeConfig(e,t){let n=this.$store.state.kling?.config||{},r=n.camera_control||{type:`simple`},i={...r.config||{}};t==null?delete i[e]:i[e]=t,this.$store.commit(`kling/setConfig`,{...n,camera_control:{...r,type:`simple`,config:i}})},onSliderChange(e,t){this.writeConfig(e,t)},onNumberChange(e,t){this.writeConfig(e,t)}}}),Et={class:`field`},Dt={class:`header`},Ot={class:`text-sm font-bold`},kt={key:0,class:`config-grid`},At={class:`cfg-row-head`},jt={class:`cfg-name`};function Mt(e,t,i,a,c,g){let _=f(`info-icon`),v=f(`el-option`),y=f(`el-select`),b=f(`el-input-number`),x=f(`el-slider`);return d(),p(`div`,Et,[r(`div`,Dt,[r(`span`,Ot,u(e.$t(`kling.name.cameraControl`)),1),o(_,{content:e.tooltipContent},null,8,[`content`])]),o(y,{modelValue:e.selectedTypeRaw,"onUpdate:modelValue":t[0]||=t=>e.selectedTypeRaw=t,class:`value`,placeholder:e.$t(`kling.placeholder.cameraType`),clearable:!0,disabled:e.disabled},{default:m(()=>[(d(!0),p(h,null,l(e.typeOptions,e=>(d(),n(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`]),e.selectedType===`simple`&&!e.disabled?(d(),p(`div`,kt,[(d(!0),p(h,null,l(e.configKeys,t=>(d(),p(`div`,{key:t,class:`cfg-row`},[r(`div`,At,[r(`span`,jt,u(e.$t(`kling.name.cc_${t}`)),1),o(b,{modelValue:e.configValues[t],"onUpdate:modelValue":n=>e.configValues[t]=n,min:-1,max:1,step:.1,precision:1,"controls-position":`right`,size:`small`,class:`cfg-num`,onChange:n=>e.onNumberChange(t,n)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])]),o(x,{"model-value":e.configValues[t]??0,min:-1,max:1,step:.1,onInput:n=>e.onSliderChange(t,n)},null,8,[`model-value`,`onInput`])]))),128))])):s(``,!0)])}var Nt=F(Tt,[[`render`,Mt],[`__scopeId`,`data-v-cd896060`]]),Pt=[{groupKey:`cameraMovements`,chipKeys:[`rotateAround`,`stationary`,`handheld`,`zoomOut`,`zoomIn`,`follow`,`panRight`,`tiltUp`,`tiltDown`,`orbit`]},{groupKey:`cameraSpeed`,chipKeys:[`speedSlow`,`speedMedium`,`speedFast`]},{groupKey:`shotType`,chipKeys:[`shotClose`,`shotMedium`,`shotLong`,`shotLowAngle`,`shotHighAngle`,`shotShallowDof`,`shotFront`,`shotProfile`,`shotCloseUp`,`shotDrone`]},{groupKey:`light`,chipKeys:[`lightSunlight`,`lightSoft`,`lightNeon`,`lightWarm`,`lightNature`,`lightCandle`,`lightCityNight`]},{groupKey:`frame`,chipKeys:[`frameRichDetails`,`frameSimpleBg`]},{groupKey:`atmosphere`,chipKeys:[`atmosphereMysterious`,`atmospherePeaceful`,`atmosphereHeartwarming`,`atmosphereVivid`,`atmosphereColorful`]}],Q=`, `;function Ft(e,t){let n=(e||``).trim();return n?n.includes(t)?n:`${n}${Q}${t}`:t}function $(e,t){if(!e||!t)return e||``;let n=[`${t}${Q}`,`${Q}${t}`,t],r=e;for(let e of n)if(r.includes(e)){r=r.replace(e,``);break}return r.replace(/(?:,\s*)+$/,``).replace(/^(?:,\s*)+/,``)}var It=c({name:`InspirationPills`,components:{FontAwesomeIcon:G},computed:{prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return Pt.flatMap(e=>e.chipKeys.map(e=>this.$t(`kling.inspiration.chip.${e}`)))},selected(){let e=this.prompt;if(!e)return[];let t=[];for(let n of this.allChipTexts){let r=e.indexOf(n);r!==-1&&t.push({text:n,idx:r})}return t.sort((e,t)=>e.idx-t.idx).map(e=>e.text)}},methods:{onRemove(e){let t=$(this.prompt,e);this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:t})}}}),Lt={key:0,class:`pills`,role:`list`},Rt={class:`pill-text`},zt=[`aria-label`,`onClick`];function Bt(e,t,n,i,a,c){let m=f(`font-awesome-icon`);return e.selected.length>0?(d(),p(`div`,Lt,[(d(!0),p(h,null,l(e.selected,t=>(d(),p(`div`,{key:t,class:`pill`,role:`listitem`},[r(`span`,Rt,u(t),1),r(`button`,{type:`button`,class:`pill-remove`,"aria-label":e.$t(`kling.inspiration.removeChip`),onClick:g(n=>e.onRemove(t),[`stop`])},[o(m,{icon:`fa-solid fa-xmark`})],8,zt)]))),128))])):s(``,!0)}var Vt=c({name:`PromptInput`,components:{ElButton:_,FontAwesomeIcon:G,PromptTextarea:ue,InspirationPills:F(It,[[`render`,Bt],[`__scopeId`,`data-v-5fc4fa65`]])},emits:[`open-inspiration`],computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ht(e,t,r,i,s,c){let l=f(`font-awesome-icon`),p=f(`el-button`),h=f(`inspiration-pills`),g=f(`prompt-textarea`);return d(),n(g,{modelValue:e.prompt,"onUpdate:modelValue":t[1]||=t=>e.prompt=t,title:e.$t(`kling.name.prompt`),info:e.$t(`kling.description.prompt`),placeholder:e.$t(`kling.placeholder.prompt`)},{actions:m(()=>[o(p,{text:``,size:`small`,class:`inspiration-btn`,onClick:t[0]||=t=>e.$emit(`open-inspiration`)},{default:m(()=>[o(l,{icon:`fa-regular fa-lightbulb`,class:`mr-1`}),a(` `+u(e.$t(`kling.inspiration.openButton`)),1)]),_:1})]),before:m(()=>[o(h)]),_:1},8,[`modelValue`,`title`,`info`,`placeholder`])}var Ut=F(Vt,[[`render`,Ht],[`__scopeId`,`data-v-c01fc1a6`]]),Wt=c({name:`NegativePromptInput`,components:{ElInput:z,InfoIcon:q},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug(`set prompt`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||=``}}),Gt={class:`field`},Kt={class:`box`},qt={class:`title font-bold`};function Jt(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input`);return d(),p(`div`,Gt,[r(`div`,Kt,[r(`h2`,qt,u(e.$t(`kling.name.negativePrompt`)),1),o(c,{content:e.$t(`kling.description.negativePrompt`),class:`info`},null,8,[`content`])]),o(l,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`kling.placeholder.negativePrompt`)},null,8,[`modelValue`,`placeholder`])])}var Yt=F(Wt,[[`render`,Jt],[`__scopeId`,`data-v-de98cf01`]]),Xt=c({name:`InspirationDrawer`,components:{ElDrawer:k,ElButton:_,FontAwesomeIcon:G},props:{modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`],data(){return{groups:Pt,Close:v}},computed:{visible:{get(){return this.modelValue},set(e){this.$emit(`update:modelValue`,e)}},drawerSize(){return window.innerWidth<768?`100%`:`380px`},prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return this.groups.flatMap(e=>e.chipKeys.map(e=>this.$t(`kling.inspiration.chip.${e}`)))},selectedCount(){return this.allChipTexts.filter(e=>this.isSelected(e)).length}},methods:{chipText(e){return this.$t(`kling.inspiration.chip.${e}`)},isSelected(e){return e?this.prompt.includes(e):!1},setPrompt(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:e})},onToggle(e){e&&(this.isSelected(e)?this.setPrompt($(this.prompt,e)):this.setPrompt(Ft(this.prompt,e)))},onClearSelected(){let e=this.prompt;for(let t of this.allChipTexts)for(;e.includes(t);)e=$(e,t);this.setPrompt(e)}}}),Zt={class:`drawer-content`},Qt={class:`drawer-header`},$t={class:`title-row`},en={class:`title`},tn={class:`hint`},nn={key:0,class:`selected-bar`},rn={class:`selected-text`},an={class:`groups`},on={class:`group-title`},sn={class:`chip-grid`},cn=[`onClick`];function ln(e,i,c,g,_,v){let y=f(`font-awesome-icon`),b=f(`el-button`),x=f(`el-drawer`);return d(),n(x,{modelValue:e.visible,"onUpdate:modelValue":i[1]||=t=>e.visible=t,direction:`rtl`,"with-header":!1,size:e.drawerSize,"custom-class":`kling-inspiration-drawer`,"destroy-on-close":!1},{default:m(()=>[r(`div`,Zt,[r(`div`,Qt,[r(`div`,$t,[o(y,{icon:`fa-regular fa-lightbulb`,class:`mr-2`}),r(`span`,en,u(e.$t(`kling.inspiration.title`)),1)]),o(b,{text:``,icon:e.Close,class:`close-btn`,onClick:i[0]||=t=>e.visible=!1},null,8,[`icon`])]),r(`div`,tn,u(e.$t(`kling.inspiration.hint`)),1),e.selectedCount>0?(d(),p(`div`,nn,[r(`span`,rn,u(e.$t(`kling.inspiration.selectedSummary`,{count:e.selectedCount})),1),o(b,{text:``,size:`small`,class:`clear-btn`,onClick:e.onClearSelected},{default:m(()=>[a(u(e.$t(`kling.inspiration.clearSelected`)),1)]),_:1},8,[`onClick`])])):s(``,!0),r(`div`,an,[(d(!0),p(h,null,l(e.groups,n=>(d(),p(`div`,{key:n.groupKey,class:`group`},[r(`div`,on,u(e.$t(`kling.inspiration.group.${n.groupKey}`)),1),r(`div`,sn,[(d(!0),p(h,null,l(n.chipKeys,n=>(d(),p(`button`,{key:n,type:`button`,class:t({chip:!0,active:e.isSelected(e.chipText(n))}),onClick:t=>e.onToggle(e.chipText(n))},u(e.chipText(n)),11,cn))),128))])]))),128))])])]),_:1},8,[`modelValue`,`size`])}var un=F(Xt,[[`render`,ln],[`__scopeId`,`data-v-7d457a69`]]),dn={"kling-v3":`v3`,"kling-v3-omni":`v3-Omni`,"kling-v2-6":`v2.6`,"kling-v2-5-turbo":`v2.5-Turbo`,"kling-v2-1-master":`v2.1-Master`,"kling-v2-master":`v2-Master`,"kling-v1-6":`v1.6`,"kling-v1":`v1`,"kling-video-o1":`Video-o1`},fn={std:`720p`,pro:`1080p`,"4k":`4K`},pn=c({name:`SummaryChip`,components:{FontAwesomeIcon:G},computed:{config(){return this.$store.state.kling?.config||{}},modelLabel(){let e=this.config?.model||`kling-v2-5-turbo`;return dn[e]||e},durationLabel(){return`${this.config?.duration??5}s`},aspectRatio(){return this.config?.aspect_ratio||``},modeLabel(){let e=this.config?.mode||`std`;return fn[e]||e},generateAudio(){return!!this.config?.generate_audio}}}),mn={class:`summary-chip`},hn=[`title`],gn=[`title`],_n=[`title`],vn=[`title`],yn=[`title`];function bn(e,t,n,i,a,c){let l=f(`font-awesome-icon`);return d(),p(`div`,mn,[r(`span`,{class:`part`,title:e.$t(`kling.name.model`)},u(e.modelLabel),9,hn),t[0]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.duration`)},u(e.durationLabel),9,gn),t[1]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.ratio`)},u(e.aspectRatio||`16:9`),9,_n),t[2]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.mode`)},u(e.modeLabel),9,vn),e.generateAudio?(d(),p(`span`,{key:0,class:`audio`,title:e.$t(`kling.name.generateAudio`)},[o(l,{icon:`fa-solid fa-headphones`})],8,yn)):s(``,!0)])}var xn=c({name:`ConfigPanel`,components:{ElButton:_,Consumption:J,FontAwesomeIcon:G,PromptInput:Ut,NegativePromptInput:Yt,ModelSelector:Te,ModeSelector:Me,DurationSelector:Ve,RatioSelector:Je,StartImage:tt,CfgScaleSelector:gt,GenerateAudioSelector:Ct,CameraControlSelector:Nt,InspirationDrawer:un,SummaryChip:F(pn,[[`render`,bn],[`__scopeId`,`data-v-418a6733`]]),EndImage:ct},emits:[`generate`],data(){return{inspirationOpen:!1}},computed:{config(){return this.$store.state.kling?.config},consumption(){return L(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Sn={class:`flex flex-col h-full`},Cn={class:`flex-1 overflow-y-auto p-5`},wn={class:`flex flex-col items-center justify-center px-5 pb-5`};function Tn(e,t,i,s,c,l){let h=f(`prompt-input`),g=f(`model-selector`),_=f(`ratio-selector`),v=f(`start-image`),y=f(`end-image`),b=f(`duration-selector`),x=f(`mode-selector`),S=f(`generate-audio-selector`),C=f(`camera-control-selector`),w=f(`cfg-scale-selector`),T=f(`negative-prompt-input`),E=f(`summary-chip`),D=f(`consumption`),O=f(`font-awesome-icon`),k=f(`el-button`),A=f(`inspiration-drawer`);return d(),p(`div`,Sn,[r(`div`,Cn,[o(h,{class:`mb-4`,onOpenInspiration:t[0]||=t=>e.inspirationOpen=!0}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-2`}),o(y,{class:`mb-2`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-4`}),o(T,{class:`mb-4`})]),r(`div`,wn,[o(E),o(D,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(d(),n(k,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(O,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.extend`)),1)]),_:1},8,[`onClick`])):(d(),n(k,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(O,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.generate`)),1)]),_:1},8,[`onClick`]))]),o(A,{modelValue:e.inspirationOpen,"onUpdate:modelValue":t[1]||=t=>e.inspirationOpen=t},null,8,[`modelValue`])])}var En=F(xn,[[`render`,Tn]]),Dn=c({name:`MotionImage`,components:{ElUpload:C,ElButton:_,InfoIcon:q,FontAwesomeIcon:G,ImagePreview:K},mixins:[N,B],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetImageUrl()},methods:{onExceed(){I.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){I.error(this.$t(`kling.message.uploadReferencesError`))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,image_url:void 0})},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),On={class:`relative`},kn={class:`flex justify-between`},An={class:`flex justify-start items-center`},jn={class:`text-sm font-bold`};function Mn(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return d(),p(`div`,On,[r(`div`,kn,[r(`div`,An,[r(`span`,jn,u(e.$t(`kling.name.motionImage`)),1),o(g,{content:e.$t(`kling.description.motionImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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,headers:e.headers},{file:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemove(t)},null,8,[`url`,`name`,`percentage`,`onRemove`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Nn=F(Dn,[[`render`,Mn],[`__scopeId`,`data-v-e52eaf2f`]]),Pn=c({name:`MotionVideo`,components:{ElUpload:C,ElButton:_,InfoIcon:q,FilePreview:oe,FontAwesomeIcon:G},mixins:[B],data(){return{fileList:[],uploadUrl:W()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetVideoUrl()},methods:{onExceed(){I.warning(this.$t(`kling.message.uploadVideoExceed`))},onError(){I.error(this.$t(`kling.message.uploadVideoError`))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,video_url:void 0})},beforeUpload(e){let t=e.type===`video/mp4`||e.type===`video/quicktime`,n=e.size/1024/1024<100;return t?n?!0:(I.error(this.$t(`kling.message.uploadVideoSizeExceed`)),!1):(I.error(this.$t(`kling.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,video_url:e})},async onSuccess(){this.onSetVideoUrl()}}}),Fn={class:`relative`},In={class:`flex justify-between`},Ln={class:`flex justify-start items-center`},Rn={class:`text-sm font-bold`};function zn(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`file-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return d(),p(`div`,Fn,[r(`div`,In,[r(`div`,Ln,[r(`span`,Rn,u(e.$t(`kling.name.motionVideo`)),1),o(g,{content:e.$t(`kling.description.motionVideo`)},null,8,[`content`])])]),o(b,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[t.percentage===void 0?s(``,!0):(d(),n(_,{key:0,url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemove(t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Bn=F(Pn,[[`render`,zn],[`__scopeId`,`data-v-7019a8d2`]]),Vn=c({name:`MotionPromptInput`,components:{ElInput:z,InfoIcon:q},computed:{prompt:{get(){return this.$store.state.kling?.motionConfig?.prompt||``},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,prompt:e})}}}}),Hn={class:`field`},Un={class:`box`},Wn={class:`title font-bold`};function Gn(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input`);return d(),p(`div`,Hn,[r(`div`,Un,[r(`h2`,Wn,u(e.$t(`kling.name.motionPrompt`)),1),o(c,{content:e.$t(`kling.description.motionPrompt`),class:`info`},null,8,[`content`])]),o(l,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`kling.placeholder.motionPrompt`)},null,8,[`modelValue`,`placeholder`])])}var Kn=F(Vn,[[`render`,Gn],[`__scopeId`,`data-v-ca9fdbe5`]]),qn=`video`,Jn=c({name:`CharacterOrientationSelector`,components:{ElRadioGroup:O,ElRadioButton:D,InfoIcon:q},computed:{value:{get(){return this.$store.state.kling?.motionConfig?.character_orientation||qn},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,character_orientation:e})}}},mounted(){this.$store.state.kling?.motionConfig?.character_orientation||(this.value=qn)}}),Yn={class:`field`},Xn={class:`header`},Zn={class:`text-sm font-bold`};function Qn(e,t,n,i,s,c){let l=f(`info-icon`),h=f(`el-radio-button`),g=f(`el-radio-group`);return d(),p(`div`,Yn,[r(`div`,Xn,[r(`span`,Zn,u(e.$t(`kling.name.characterOrientation`)),1),o(l,{content:e.$t(`kling.description.characterOrientation`)},null,8,[`content`])]),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,size:`small`,class:`value`},{default:m(()=>[o(h,{label:`image`},{default:m(()=>[a(u(e.$t(`kling.name.orientationImage`)),1)]),_:1}),o(h,{label:`video`},{default:m(()=>[a(u(e.$t(`kling.name.orientationVideo`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var $n=F(Jn,[[`render`,Qn],[`__scopeId`,`data-v-7a91195b`]]),er=`std`,tr=c({name:`MotionModeSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:q},computed:{options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`)},{value:`pro`,label:this.$t(`kling.name.modePro`)}]},value:{get(){return this.$store.state.kling?.motionConfig?.mode||er},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,mode:e})}}},mounted(){this.$store.state.kling?.motionConfig?.mode||(this.value=er)}}),nr={class:`field`},rr={class:`header`},ir={class:`title font-bold`};function ar(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,nr,[r(`div`,rr,[r(`h2`,ir,u(e.$t(`kling.name.mode`)),1),o(g,{content:e.$t(`kling.description.motionMode`)},null,8,[`content`])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`kling.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var or=F(tr,[[`render`,ar],[`__scopeId`,`data-v-1295688c`]]),sr=c({name:`KeepOriginalSoundSelector`,components:{ElSwitch:j,InfoIcon:q},computed:{value:{get(){return(this.$store.state.kling?.motionConfig?.keep_original_sound??`yes`)===`yes`},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,keep_original_sound:e?`yes`:`no`})}}}}),cr={class:`relative`},lr={class:`flex justify-between items-center`},ur={class:`flex justify-start items-center`},dr={class:`text-sm font-bold`};function fr(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-switch`);return d(),p(`div`,cr,[r(`div`,lr,[r(`div`,ur,[r(`span`,dr,u(e.$t(`kling.name.keepOriginalSound`)),1),o(c,{content:e.$t(`kling.description.keepOriginalSound`)},null,8,[`content`])]),o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t},null,8,[`modelValue`])])])}var pr=c({name:`MotionPanel`,components:{ElButton:_,FontAwesomeIcon:G,Consumption:J,MotionImage:Nn,MotionVideo:Bn,MotionPromptInput:Kn,CharacterOrientationSelector:$n,MotionModeSelector:or,KeepOriginalSoundSelector:F(sr,[[`render`,fr]])},emits:[`generate`],computed:{motionConfig(){return this.$store.state.kling?.motionConfig},consumption(){return L(this.motionConfig,this.service?.cost)},service(){return this.$store.state.kling?.service},canGenerate(){let e=this.motionConfig;return!!(e?.image_url&&e?.video_url)}},methods:{onGenerate(){this.$emit(`generate`)}}}),mr={class:`flex flex-col h-full`},hr={class:`flex-1 overflow-y-auto p-5`},gr={class:`flex flex-col items-center justify-center px-5 pb-5`};function _r(e,t,n,i,s,c){let l=f(`motion-image`),h=f(`motion-video`),g=f(`motion-prompt-input`),_=f(`character-orientation-selector`),v=f(`motion-mode-selector`),y=f(`keep-original-sound-selector`),b=f(`consumption`),x=f(`font-awesome-icon`),S=f(`el-button`);return d(),p(`div`,mr,[r(`div`,hr,[o(l,{class:`mb-3`}),o(h,{class:`mb-3`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`})]),r(`div`,gr,[o(b,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(S,{type:`primary`,class:`btn w-full`,round:``,disabled:!e.canGenerate,onClick:e.onGenerate},{default:m(()=>[o(x,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.generateMotion`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var vr=F(pr,[[`render`,_r]]),yr=c({name:`KlingTabSwitcher`,components:{ElTabs:x,ElTabPane:S,ElTag:re},props:{modelValue:{type:String,default:`videos`}},emits:[`update:modelValue`],computed:{tabs(){return[{value:`videos`,label:this.$t(`kling.tab.videoGeneration`)},{value:`motion`,label:this.$t(`kling.tab.motionControl`)}]}},methods:{onUpdate(e){this.$emit(`update:modelValue`,e)}}}),br=[`title`],xr={class:`text`};function Sr(e,t,i,o,c,g){let _=f(`el-tag`),v=f(`el-tab-pane`),y=f(`el-tabs`);return d(),n(y,{"model-value":e.modelValue,class:`kling-tabs`,stretch:``,"onUpdate:modelValue":e.onUpdate},{default:m(()=>[(d(!0),p(h,null,l(e.tabs,e=>(d(),n(v,{key:e.value,name:e.value,disabled:e.disabled},{label:m(()=>[r(`span`,{class:`tab-label`,title:e.disabled?e.disabledReason:void 0},[r(`span`,xr,u(e.label),1),e.badge?(d(),n(_,{key:0,size:`small`,type:`warning`,class:`badge`},{default:m(()=>[a(u(e.badge),1)]),_:2},1024)):s(``,!0)],8,br)]),_:2},1032,[`name`,`disabled`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var Cr=F(yr,[[`render`,Sr],[`__scopeId`,`data-v-bf00c27e`]]),wr=c({name:`TaskPreview`,components:{ElImage:T,CopyToClipboard:ae,FontAwesomeIcon:G,ElAlert:E,VideoPlayer:pe,ElTooltip:w,ElButton:_,ImagePreview:K,ApiCodeButton:fe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config},referenceImages(){let e=[],t=this.modelValue?.request?.start_image_url,n=this.modelValue?.request?.end_image_url;return t&&e.push({url:t,name:`start-image`}),n&&e.push({url:n,name:`end-image`}),e}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Tr={class:`preview`},Er={class:`left`},Dr={class:`main`},Or={class:`bot`},kr={class:`datetime`},Ar={class:`info`},jr={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Mr={key:1,class:`prompt mt-2`},Nr={key:0},Pr={key:1},Fr={key:0,class:t({content:!0,failed:!0})},Ir={key:0,class:`mb-4`},Lr={key:1,class:t({operations:!0,"mt-2":!0})},Rr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Br={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Vr={key:1,class:t({content:!0})},Hr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ur={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gr={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Kr={key:2,class:t({content:!0})},qr={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Jr={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Yr(e,t,i,c,g,_){let v=f(`el-image`),y=f(`image-preview`),b=f(`video-player`),x=f(`el-button`),S=f(`el-tooltip`),C=f(`api-code-button`),w=f(`font-awesome-icon`),T=f(`copy-to-clipboard`),E=f(`el-alert`);return d(),p(`div`,Tr,[r(`div`,Er,[o(v,{src:`https://cdn.acedata.cloud/qpbbbb.jpg`,class:`avatar`})]),r(`div`,Dr,[r(`div`,Or,[a(u(e.$t(`kling.name.klingBot`))+` `,1),r(`span`,kr,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ar,[e.referenceImages.length>0?(d(),p(`div`,jr,[(d(!0),p(h,null,l(e.referenceImages,(e,t)=>(d(),n(y,{key:t,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128))])):s(``,!0),e.modelValue?.request?.prompt?(d(),p(`p`,Mr,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,Nr,` - (`+u(e.$t(`kling.status.pending`))+`) `,1)),e.modelValue?.response?.state===`submitted`||e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`||e.modelValue?.response?.state===`completed`?(d(),p(`span`,Pr,` - (`+u(e.$t(`kling.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,Fr,[e.modelValue?.response.video_url?(d(),p(`div`,Ir,[o(b,{src:e.modelValue?.response.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),p(`div`,Lr,[o(S,{class:`box-item`,effect:`dark`,content:e.$t(`kling.message.downloadVideo`),placement:`top-start`},{default:m(()=>[e.modelValue?.response.video_url?(d(),n(x,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onDownload(t,e.modelValue?.response.video_url)},{default:m(()=>[a(u(e.$t(`kling.button.download`)),1)]),_:1})):s(``,!0)]),_:1},8,[`content`]),o(C,{path:`/kling/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(E,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,Rr,[o(w,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),r(`p`,zr,[o(w,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(T,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Br,[o(w,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,Vr,[o(E,{closable:!1,class:`failure`},{template:m(()=>[o(w,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failure`)),1)]),default:m(()=>[r(`p`,Hr,[o(w,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(T,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,Ur,[o(w,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(T,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Wr,[o(w,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Gr,[o(w,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(T,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===void 0?(d(),p(`div`,Kr,[o(E,{closable:!1,class:`info`},{template:m(()=>[o(w,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failure`)),1)]),default:m(()=>[r(`p`,qr,[o(w,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(T,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),p(`p`,Jr,[o(w,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(T,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0)])])}var Xr=c({name:`RecentPanel`,components:{TaskPreview:F(wr,[[`render`,Yr],[`__scopeId`,`data-v-422e2570`]]),NoTasks:de,BotPlaceholder:se,ScrollList:ce},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Zr={key:0},Qr={key:2,class:`w-full h-full flex items-center justify-center`};function $r(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,Zr,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,e=>(d(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,Qr,[o(v)])):s(``,!0)],64)}var ei=F(Xr,[[`render`,$r]]),ti=ne(`kling`),ni=c({name:`KlingIndex`,components:{ConfigPanel:En,MotionPanel:vr,TabSwitcher:Cr,Layout:ye,RecentPanel:ei},mixins:[ie],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===U.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},motionConfig(){return this.$store.state.kling.motionConfig},taskType(){return this.$store.state.kling.taskType||`videos`},tasks(){return this.$store.state.kling.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 le({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(){console.debug(`start onGetService`),await this.$store.dispatch(`kling/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`kling/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(`kling/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let{camera_control:e,...t}=this.config||{},n={...t,callback_url:ti};if(!n.video_id&&!t.video_url&&!n.start_image_url&&n.end_image_url){I.warning(this.$t(`kling.message.endImageRequiresStart`));return}n.action||(n.video_id||t.video_url?n.action=`extend`:n.start_image_url?n.action=`image2video`:n.action=`text2video`),n.action===`text2video`&&n.end_image_url&&delete n.end_image_url,e?.type&&(n.camera_control={type:e.type,...e.type===`simple`&&e.config?{config:Object.fromEntries(Object.entries(e.config).filter(([,e])=>e!=null))}:{}});let r=this.credential?.token;if(!r){console.error(`no token specified`);return}I.info(this.$t(`kling.message.startingTask`)),R(`kling`,H.generate(n,{token:r})).then(()=>{I.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`kling.message.usedUp`)):I.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},async onTabChange(e){e!==this.taskType&&(await this.$store.dispatch(`kling/setTaskType`,e),await this.onGetTasks(),await this.onScrollDown())},async onGenerateMotion(){if(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e=this.motionConfig||{};if(!e.image_url||!e.video_url){I.warning(this.$t(`kling.message.motionMissingInputs`));return}let t={image_url:e.image_url,video_url:e.video_url,character_orientation:e.character_orientation||`video`,mode:e.mode||`std`,keep_original_sound:e.keep_original_sound??`yes`,...e.prompt?{prompt:e.prompt}:{},callback_url:ti},n=this.credential?.token;if(!n){console.error(`no token specified`);return}I.info(this.$t(`kling.message.startingTask`)),R(`kling`,H.motion(t,{token:n})).then(()=>{I.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`kling.message.usedUp`)):I.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}}),ri={class:`flex flex-col h-full`},ii={class:`flex-1 min-h-0`};function ai(e,t,i,a,c,l){let u=f(`tab-switcher`),p=f(`config-panel`),h=f(`motion-panel`),g=f(`recent-panel`),_=f(`layout`);return d(),n(_,null,{config:m(()=>[r(`div`,ri,[o(u,{"model-value":e.taskType,"onUpdate:modelValue":e.onTabChange},null,8,[`model-value`,`onUpdate:modelValue`]),r(`div`,ii,[e.taskType===`videos`?(d(),n(p,{key:0,onGenerate:e.onGenerate},null,8,[`onGenerate`])):e.taskType===`motion`?(d(),n(h,{key:1,onGenerate:e.onGenerateMotion},null,8,[`onGenerate`])):s(``,!0)])])]),result:m(()=>[o(g,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var oi=F(ni,[[`render`,ai]]);export{oi as default};

package/dist/assets/{Index-k8RynWTV.js → Index-BpIjrMP2.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,x as d}from"./vendor-chart-Df3WBvr0.js";import{t as f}from"./button-Diu_mJ2H.js";import{H as p,U as m,V as h}from"./constants-TawJIXae.js";import{E as ee,Tt as g,r as _,s as v,v as y,x as b,y as x}from"./index-CSTCoQPG.js";import{t as S}from"./index.es-aoB3lpRt.js";var C=a({name:`DownloadIndex`,components:{ElButton:f,QrCode:g,FontAwesomeIcon:S},data(){return{faAndroid:y,faApple:x,faGooglePlay:b,faDownload:v,faCircleInfo:_}},computed:{version(){return m},brandTitle(){return this.$store.state.site?.title||`AceData`},brandLogo(){return this.$store.state.site?.logo||`/assets/logo-CDy94G52.png`},androidDownloadUrl(){return h},hasAndroidDownload(){return!!h},playStoreUrl(){return p},hasPlayStore(){return!!p},iosDownloadUrl(){return``},iosFallbackUrl(){return``},hasIosDownload(){return!1}},methods:{openSupport(){window.open(`https://platform.acedata.cloud/support`,`_blank`)}}}),w={class:`download-page`},T={class:`download-page__inner`},E={class:`hero`},D={class:`hero__brand`},O=[`src`,`alt`],k={class:`hero__eyebrow`},A={class:`hero__title`},j={class:`hero__subtitle`},M={class:`hero__badges`},N={class:`badge badge--live`},P={class:`badge`},F={class:`badge`},I={class:`hero__actions`},L={class:`platforms`},R={class:`platform platform--android`},z={class:`platform__head`},B={class:`platform__os`},V={class:`chip chip--live`},H={class:`platform__title`},U={class:`platform__text`},W={key:0,class:`qr`},G={class:`qr__hint`},te={class:`platform__foot platform__foot--stack`},K={key:0,class:`platform__fallback`},q={class:`platform__meta`},J={class:`platform__meta`},Y={class:`platform platform--ios`},X={class:`platform__head`},Z={class:`platform__os`},Q={class:`chip chip--pending`},ne={class:`platform__title`},re={class:`platform__text`},ie={key:0,class:`platform__foot platform__foot--stack`},ae={class:`btn-row`},oe={class:`platform__meta`},se={class:`ios-soon`},ce={class:`ios-soon__text`},le={class:`platform__foot platform__foot--stack`},ue={class:`advantages`},de={class:`advantage`},fe={class:`advantage__title`},pe={class:`advantage__text`},$={class:`advantage`},me={class:`advantage__title`},he={class:`advantage__text`},ge={class:`advantage`},_e={class:`advantage__title`},ve={class:`advantage__text`},ye={class:`note`},be={class:`note__text`};function xe(a,f,p,m,h,ee){let g=c(`font-awesome-icon`),_=c(`el-button`),v=c(`qr-code`);return s(),l(`div`,w,[f[8]||=t(`div`,{class:`download-page__glow`,"aria-hidden":`true`},null,-1),t(`div`,T,[t(`header`,E,[t(`span`,D,[t(`img`,{src:a.brandLogo,alt:a.brandTitle,class:`hero__logo`},null,8,O)]),t(`p`,k,o(a.brandTitle)+` · `+o(a.$t(`common.nav.mobileApp`)),1),t(`h1`,A,o(a.$t(`common.title.mobileApp`)),1),t(`p`,j,o(a.$t(`common.message.mobileAppDescription`)),1),t(`div`,M,[t(`span`,N,[f[0]||=t(`span`,{class:`badge__dot`},null,-1),n(o(a.$t(`common.message.mobileAvailableNow`)),1)]),t(`span`,P,`v`+o(a.version),1),t(`span`,F,o(a.$t(`common.message.mobileSharedAccount`)),1)]),t(`div`,I,[a.hasPlayStore?(s(),e(_,{key:0,type:`primary`,round:``,size:`large`,tag:`a`,href:a.playStoreUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faGooglePlay,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.getOnGooglePlay`)),1)]),_:1},8,[`href`])):a.hasAndroidDownload?(s(),e(_,{key:1,type:`primary`,round:``,size:`large`,tag:`a`,href:a.androidDownloadUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faAndroid,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.downloadAndroid`)),1)]),_:1},8,[`href`])):i(``,!0),r(_,{round:``,size:`large`,class:`btn-ghost`,onClick:a.openSupport},{default:u(()=>[n(o(a.$t(`common.nav.support`)),1)]),_:1},8,[`onClick`])])]),t(`section`,L,[t(`article`,R,[t(`div`,z,[t(`span`,B,[r(g,{icon:a.faAndroid,class:`platform__os-icon`},null,8,[`icon`]),f[1]||=n(` Android `,-1)]),t(`span`,V,[f[2]||=t(`span`,{class:`chip__dot`},null,-1),n(o(a.$t(`common.message.mobileAvailableNow`)),1)])]),t(`h2`,H,o(a.$t(`common.button.downloadAndroid`)),1),t(`p`,U,o(a.$t(`common.message.mobileAndroidHint`)),1),a.hasPlayStore||a.hasAndroidDownload?(s(),l(`div`,W,[r(v,{value:a.hasPlayStore?a.playStoreUrl:a.androidDownloadUrl,width:184,height:184,class:`qr__img`,type:`image/png`,color:{dark:`#0e2a33ff`,light:`#ffffffff`}},null,8,[`value`]),t(`p`,G,o(a.hasPlayStore?a.$t(`common.message.mobilePlayStoreHint`):a.$t(`common.message.mobileSecureDelivery`)),1)])):i(``,!0),t(`div`,te,[a.hasPlayStore?(s(),e(_,{key:0,type:`primary`,round:``,size:`large`,tag:`a`,href:a.playStoreUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faGooglePlay,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.getOnGooglePlay`)),1)]),_:1},8,[`href`])):i(``,!0),a.hasAndroidDownload?(s(),l(d,{key:1},[a.hasPlayStore?(s(),l(`div`,K,[r(_,{round:``,tag:`a`,href:a.androidDownloadUrl,target:`_blank`,class:`btn-ghost`},{default:u(()=>[r(g,{icon:a.faDownload,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.downloadAndroid`)),1)]),_:1},8,[`href`]),t(`span`,q,o(a.$t(`common.message.mobileApkFallback`))+` · v`+o(a.version),1)])):(s(),l(d,{key:1},[r(_,{type:`primary`,round:``,size:`large`,tag:`a`,href:a.androidDownloadUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faDownload,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.downloadAndroid`)),1)]),_:1},8,[`href`]),t(`span`,J,o(a.$t(`common.message.mobileDirectInstall`))+` · v`+o(a.version),1)],64))],64)):i(``,!0)])]),t(`article`,Y,[t(`div`,X,[t(`span`,Z,[r(g,{icon:a.faApple,class:`platform__os-icon`},null,8,[`icon`]),f[3]||=n(` iOS `,-1)]),t(`span`,Q,[f[4]||=t(`span`,{class:`chip__dot`},null,-1),n(o(a.$t(`common.message.mobileComingSoon`)),1)])]),t(`h2`,ne,o(a.$t(`common.button.downloadIos`)),1),t(`p`,re,o(a.hasIosDownload?a.$t(`common.message.mobileIosHint`):a.$t(`common.message.mobileIosPending`)),1),a.hasIosDownload?(s(),l(`div`,ie,[t(`div`,ae,[r(_,{type:`primary`,round:``,size:`large`,tag:`a`,href:a.iosDownloadUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faApple,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.installIos`)),1)]),_:1},8,[`href`]),r(_,{round:``,size:`large`,class:`btn-ghost`,tag:`a`,href:a.iosFallbackUrl,target:`_blank`},{default:u(()=>[n(o(a.$t(`common.button.downloadIos`)),1)]),_:1},8,[`href`])]),t(`span`,oe,o(a.$t(`common.message.mobileInstallNote`)),1)])):(s(),l(d,{key:1},[t(`div`,se,[r(g,{icon:a.faApple,class:`ios-soon__icon`},null,8,[`icon`]),t(`p`,ce,o(a.$t(`common.message.mobileComingSoon`)),1)]),t(`div`,le,[r(_,{round:``,size:`large`,class:`btn-ghost`,onClick:a.openSupport},{default:u(()=>[n(o(a.$t(`common.nav.support`)),1)]),_:1},8,[`onClick`])])],64))])]),t(`section`,ue,[t(`article`,de,[f[5]||=t(`span`,{class:`advantage__num`},`01`,-1),t(`h3`,fe,o(a.$t(`common.title.mobileFastAccess`)),1),t(`p`,pe,o(a.$t(`common.message.mobileFastAccess`)),1)]),t(`article`,$,[f[6]||=t(`span`,{class:`advantage__num`},`02`,-1),t(`h3`,me,o(a.$t(`common.title.mobileTrustedRelease`)),1),t(`p`,he,o(a.$t(`common.message.mobileTrustedRelease`)),1)]),t(`article`,ge,[f[7]||=t(`span`,{class:`advantage__num`},`03`,-1),t(`h3`,_e,o(a.$t(`common.title.mobileUnifiedExperience`)),1),t(`p`,ve,o(a.$t(`common.message.mobileUnifiedExperience`)),1)])]),t(`aside`,ye,[r(g,{icon:a.faCircleInfo,class:`note__icon`},null,8,[`icon`]),t(`p`,be,o(a.$t(`common.message.mobileInstallNote`)),1)])])])}var Se=ee(C,[[`render`,xe],[`__scopeId`,`data-v-46efd51c`]]);export{Se as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,x as d}from"./vendor-chart-Df3WBvr0.js";import{t as f}from"./button-Diu_mJ2H.js";import{G as p,U as m,W as h}from"./constants-BH6GgBVD.js";import{E as ee,Tt as g,r as _,s as v,v as y,x as b,y as x}from"./index-B0D_GXuA.js";import{t as S}from"./index.es-CyW7EvoI.js";var C=a({name:`DownloadIndex`,components:{ElButton:f,QrCode:g,FontAwesomeIcon:S},data(){return{faAndroid:y,faApple:x,faGooglePlay:b,faDownload:v,faCircleInfo:_}},computed:{version(){return p},brandTitle(){return this.$store.state.site?.title||`AceData`},brandLogo(){return this.$store.state.site?.logo||`/assets/logo-CDy94G52.png`},androidDownloadUrl(){return m},hasAndroidDownload(){return!!m},playStoreUrl(){return h},hasPlayStore(){return!!h},iosDownloadUrl(){return``},iosFallbackUrl(){return``},hasIosDownload(){return!1}},methods:{openSupport(){window.open(`https://platform.acedata.cloud/support`,`_blank`)}}}),w={class:`download-page`},T={class:`download-page__inner`},E={class:`hero`},D={class:`hero__brand`},O=[`src`,`alt`],k={class:`hero__eyebrow`},A={class:`hero__title`},j={class:`hero__subtitle`},M={class:`hero__badges`},N={class:`badge badge--live`},P={class:`badge`},F={class:`badge`},I={class:`hero__actions`},L={class:`platforms`},R={class:`platform platform--android`},z={class:`platform__head`},B={class:`platform__os`},V={class:`chip chip--live`},H={class:`platform__title`},U={class:`platform__text`},W={key:0,class:`qr`},G={class:`qr__hint`},te={class:`platform__foot platform__foot--stack`},K={key:0,class:`platform__fallback`},q={class:`platform__meta`},J={class:`platform__meta`},Y={class:`platform platform--ios`},X={class:`platform__head`},Z={class:`platform__os`},Q={class:`chip chip--pending`},ne={class:`platform__title`},re={class:`platform__text`},ie={key:0,class:`platform__foot platform__foot--stack`},ae={class:`btn-row`},oe={class:`platform__meta`},se={class:`ios-soon`},ce={class:`ios-soon__text`},le={class:`platform__foot platform__foot--stack`},ue={class:`advantages`},de={class:`advantage`},fe={class:`advantage__title`},pe={class:`advantage__text`},$={class:`advantage`},me={class:`advantage__title`},he={class:`advantage__text`},ge={class:`advantage`},_e={class:`advantage__title`},ve={class:`advantage__text`},ye={class:`note`},be={class:`note__text`};function xe(a,f,p,m,h,ee){let g=c(`font-awesome-icon`),_=c(`el-button`),v=c(`qr-code`);return s(),l(`div`,w,[f[8]||=t(`div`,{class:`download-page__glow`,"aria-hidden":`true`},null,-1),t(`div`,T,[t(`header`,E,[t(`span`,D,[t(`img`,{src:a.brandLogo,alt:a.brandTitle,class:`hero__logo`},null,8,O)]),t(`p`,k,o(a.brandTitle)+` · `+o(a.$t(`common.nav.mobileApp`)),1),t(`h1`,A,o(a.$t(`common.title.mobileApp`)),1),t(`p`,j,o(a.$t(`common.message.mobileAppDescription`)),1),t(`div`,M,[t(`span`,N,[f[0]||=t(`span`,{class:`badge__dot`},null,-1),n(o(a.$t(`common.message.mobileAvailableNow`)),1)]),t(`span`,P,`v`+o(a.version),1),t(`span`,F,o(a.$t(`common.message.mobileSharedAccount`)),1)]),t(`div`,I,[a.hasPlayStore?(s(),e(_,{key:0,type:`primary`,round:``,size:`large`,tag:`a`,href:a.playStoreUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faGooglePlay,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.getOnGooglePlay`)),1)]),_:1},8,[`href`])):a.hasAndroidDownload?(s(),e(_,{key:1,type:`primary`,round:``,size:`large`,tag:`a`,href:a.androidDownloadUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faAndroid,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.downloadAndroid`)),1)]),_:1},8,[`href`])):i(``,!0),r(_,{round:``,size:`large`,class:`btn-ghost`,onClick:a.openSupport},{default:u(()=>[n(o(a.$t(`common.nav.support`)),1)]),_:1},8,[`onClick`])])]),t(`section`,L,[t(`article`,R,[t(`div`,z,[t(`span`,B,[r(g,{icon:a.faAndroid,class:`platform__os-icon`},null,8,[`icon`]),f[1]||=n(` Android `,-1)]),t(`span`,V,[f[2]||=t(`span`,{class:`chip__dot`},null,-1),n(o(a.$t(`common.message.mobileAvailableNow`)),1)])]),t(`h2`,H,o(a.$t(`common.button.downloadAndroid`)),1),t(`p`,U,o(a.$t(`common.message.mobileAndroidHint`)),1),a.hasPlayStore||a.hasAndroidDownload?(s(),l(`div`,W,[r(v,{value:a.hasPlayStore?a.playStoreUrl:a.androidDownloadUrl,width:184,height:184,class:`qr__img`,type:`image/png`,color:{dark:`#0e2a33ff`,light:`#ffffffff`}},null,8,[`value`]),t(`p`,G,o(a.hasPlayStore?a.$t(`common.message.mobilePlayStoreHint`):a.$t(`common.message.mobileSecureDelivery`)),1)])):i(``,!0),t(`div`,te,[a.hasPlayStore?(s(),e(_,{key:0,type:`primary`,round:``,size:`large`,tag:`a`,href:a.playStoreUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faGooglePlay,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.getOnGooglePlay`)),1)]),_:1},8,[`href`])):i(``,!0),a.hasAndroidDownload?(s(),l(d,{key:1},[a.hasPlayStore?(s(),l(`div`,K,[r(_,{round:``,tag:`a`,href:a.androidDownloadUrl,target:`_blank`,class:`btn-ghost`},{default:u(()=>[r(g,{icon:a.faDownload,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.downloadAndroid`)),1)]),_:1},8,[`href`]),t(`span`,q,o(a.$t(`common.message.mobileApkFallback`))+` · v`+o(a.version),1)])):(s(),l(d,{key:1},[r(_,{type:`primary`,round:``,size:`large`,tag:`a`,href:a.androidDownloadUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faDownload,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.downloadAndroid`)),1)]),_:1},8,[`href`]),t(`span`,J,o(a.$t(`common.message.mobileDirectInstall`))+` · v`+o(a.version),1)],64))],64)):i(``,!0)])]),t(`article`,Y,[t(`div`,X,[t(`span`,Z,[r(g,{icon:a.faApple,class:`platform__os-icon`},null,8,[`icon`]),f[3]||=n(` iOS `,-1)]),t(`span`,Q,[f[4]||=t(`span`,{class:`chip__dot`},null,-1),n(o(a.$t(`common.message.mobileComingSoon`)),1)])]),t(`h2`,ne,o(a.$t(`common.button.downloadIos`)),1),t(`p`,re,o(a.hasIosDownload?a.$t(`common.message.mobileIosHint`):a.$t(`common.message.mobileIosPending`)),1),a.hasIosDownload?(s(),l(`div`,ie,[t(`div`,ae,[r(_,{type:`primary`,round:``,size:`large`,tag:`a`,href:a.iosDownloadUrl,target:`_blank`},{default:u(()=>[r(g,{icon:a.faApple,class:`btn-icon`},null,8,[`icon`]),n(` `+o(a.$t(`common.button.installIos`)),1)]),_:1},8,[`href`]),r(_,{round:``,size:`large`,class:`btn-ghost`,tag:`a`,href:a.iosFallbackUrl,target:`_blank`},{default:u(()=>[n(o(a.$t(`common.button.downloadIos`)),1)]),_:1},8,[`href`])]),t(`span`,oe,o(a.$t(`common.message.mobileInstallNote`)),1)])):(s(),l(d,{key:1},[t(`div`,se,[r(g,{icon:a.faApple,class:`ios-soon__icon`},null,8,[`icon`]),t(`p`,ce,o(a.$t(`common.message.mobileComingSoon`)),1)]),t(`div`,le,[r(_,{round:``,size:`large`,class:`btn-ghost`,onClick:a.openSupport},{default:u(()=>[n(o(a.$t(`common.nav.support`)),1)]),_:1},8,[`onClick`])])],64))])]),t(`section`,ue,[t(`article`,de,[f[5]||=t(`span`,{class:`advantage__num`},`01`,-1),t(`h3`,fe,o(a.$t(`common.title.mobileFastAccess`)),1),t(`p`,pe,o(a.$t(`common.message.mobileFastAccess`)),1)]),t(`article`,$,[f[6]||=t(`span`,{class:`advantage__num`},`02`,-1),t(`h3`,me,o(a.$t(`common.title.mobileTrustedRelease`)),1),t(`p`,he,o(a.$t(`common.message.mobileTrustedRelease`)),1)]),t(`article`,ge,[f[7]||=t(`span`,{class:`advantage__num`},`03`,-1),t(`h3`,_e,o(a.$t(`common.title.mobileUnifiedExperience`)),1),t(`p`,ve,o(a.$t(`common.message.mobileUnifiedExperience`)),1)])]),t(`aside`,ye,[r(g,{icon:a.faCircleInfo,class:`note__icon`},null,8,[`icon`]),t(`p`,be,o(a.$t(`common.message.mobileInstallNote`)),1)])])])}var Se=ee(C,[[`render`,xe],[`__scopeId`,`data-v-46efd51c`]]);export{Se as default};

package/dist/assets/{Index-DxSTO87P.js → Index-Bqy9kq3o.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{n as _,r as v,t as y}from"./select-DNo1mzje.js";import{t as b}from"./upload-C5oGDMOb.js";import{t as x}from"./tooltip-hII4wDEz.js";import{t as S}from"./image-BNF3_A0F.js";import{t as C}from"./alert-Cs6WDxgv.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./input-number-BevB3n59.js";import{t as E}from"./switch-Drk-LSNf.js";import{$t as D,Gr as ee,Gt as O,Jt as k,Kt as A,Ut as j,Wt as M,Xt as N,Yt as P,Zt as F,en as te,qt as ne,tn as re}from"./constants-TawJIXae.js";import{Dt as I,E as L,Er as R,Mt as z,Nn as B,Ot as V,Qt as H,gr as U,kt as W,yr as G}from"./index-CSTCoQPG.js";import{t as K}from"./index.es-aoB3lpRt.js";import{t as q}from"./CopyToClipboard-Bs47GtOf.js";import{t as J}from"./ImagePreview-PDsxuaEM.js";import{t as Y}from"./BotPlaceholder-sRZxYWRx.js";import{i as X,n as ie,t as ae}from"./pagination-DC5T6D9L.js";import{n as oe,t as se}from"./NoTasks-1pboLx_7.js";import{t as ce}from"./Consumption-DQEaGxNN.js";import{t as le}from"./ApiCodeButton-Ci2J4gVi.js";import{t as ue}from"./ImageWrapper-CDIAlkrU.js";var de=s({name:`LayoutNanobanana`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:K},data(){return{drawer:!1}}}),fe={class:`main flex flex-row flex-1`},pe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},me={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function he(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,fe,[r(`div`,pe,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,me,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ge=L(de,[[`render`,he],[`__scopeId`,`data-v-e480ada6`]]),_e=s({name:`PromptInput`,components:{PromptTextarea:oe},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 ve(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(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 ye=L(_e,[[`render`,ve]]),be=s({name:`ImageUrlsInput`,components:{ElUpload:b,ElButton:g,InfoIcon:X,ImagePreview:J,FontAwesomeIcon:K},mixins:[V],data(){return{fileList:[],uploadUrl:G()+`/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(){R.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){R.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()}}}),xe={class:`field flex items-center justify-between`},Se={class:`title font-bold text-[14px] mb-[10px]`},Ce={class:`upload-wrapper flex flex-col items-start gap-[8px]`},we={class:`controls flex items-center`},Te={class:`file-list flex flex-wrap gap-[10px]`};function Ee(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,xe,[r(`h2`,Se,l(e.$t(`openaiimage.name.imageUrls`)),1),r(`div`,Ce,[r(`div`,we,[a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,Te,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var De=L(be,[[`render`,Ee]]),Oe=s({name:`OpenAIImageModelSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:X},data(){return{options:[{value:k,label:this.$t(`openaiimage.model.gptImage1`)},{value:P,label:this.$t(`openaiimage.model.gptImage15`)},{value:N,label:this.$t(`openaiimage.model.gptImage2`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=A}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`openaiimage.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pe=L(Oe,[[`render`,Ne],[`__scopeId`,`data-v-cec771bd`]]);function Z(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Fe=s({name:`OpenAIImageSizeSelector`,components:{ElSelect:v,ElOption:y,ElOptionGroup:_,ElSwitch:E,ElInputNumber:T,InfoIcon:X},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 O.includes(this.model)},presets(){return F[this.model]??F[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:D},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:te},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:re}]:[{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 j},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:M.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||this.presets.includes(e))return;let t=Z(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=Z(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=Z(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}`))}}}),Ie={class:`resolution`},Le={class:`field`},Re={class:`label`},ze={class:`box`},Be={class:`title font-bold`},Ve={class:`field custom-toggle`},He={class:`label`},Ue={class:`box`},We={class:`title font-bold`},Ge={key:0,class:`custom-inputs`},Ke={class:`row`},qe={class:`row-label`},Je={class:`row`},Ye={class:`row-label`},Xe={key:0,class:`error`};function Ze(e,t,i,s,h,g){let _=d(`info-icon`),v=d(`el-option`),y=d(`el-option-group`),b=d(`el-select`),x=d(`el-switch`),S=d(`el-input-number`);return u(),f(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`div`,ze,[r(`h2`,Be,l(e.$t(`openaiimage.name.size`)),1),a(_,{content:e.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:e.presetValue,"onUpdate:modelValue":t[0]||=t=>e.presetValue=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`),disabled:e.useCustom},{default:p(()=>[a(v,{label:e.$t(`suno.gender.auto`),value:e.emptySizeValue},null,8,[`label`,`value`]),(u(!0),f(m,null,c(e.presetGroups,e=>(u(),n(y,{key:e.label,label:e.label},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),e.customSupported?(u(),f(m,{key:0},[r(`div`,Ve,[r(`div`,He,[r(`div`,Ue,[r(`h2`,We,l(e.$t(`openaiimage.name.customSize`)),1),a(_,{content:e.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:e.useCustom,"onUpdate:modelValue":t[1]||=t=>e.useCustom=t,class:`value-switch`},null,8,[`modelValue`])]),e.useCustom?(u(),f(`div`,Ge,[r(`div`,Ke,[r(`span`,qe,l(e.$t(`openaiimage.name.width`)),1),a(S,{modelValue:e.customWidth,"onUpdate:modelValue":t[2]||=t=>e.customWidth=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r(`div`,Je,[r(`span`,Ye,l(e.$t(`openaiimage.name.height`)),1),a(S,{modelValue:e.customHeight,"onUpdate:modelValue":t[3]||=t=>e.customHeight=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e.customError?(u(),f(`div`,Xe,l(e.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Qe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:K,PromptInput:ye,Consumption:ce,ImageUrlsInput:De,ModelSelector:Pe,ResolutionSelector:L(Fe,[[`render`,Ze],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return z({...this.config||{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$e={class:`flex flex-col h-full`},et={class:`flex-1 overflow-y-auto p-5`},tt={class:`flex flex-col items-center justify-center px-5 pb-5`};function nt(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`image-urls-input`),v=d(`consumption`),y=d(`font-awesome-icon`),b=d(`el-button`);return u(),f(`div`,$e,[r(`div`,et,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`})]),r(`div`,tt,[a(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var rt=L(Qe,[[`render`,nt]]),it=s({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:C,ImageWrapper:ue,ElButton:g,ElTooltip:x,ImagePreview:J,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ne}},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)}}}),at={class:`preview`},ot={class:`left`},st={class:`main`},ct={class:`bot`},lt={class:`datetime`},ut={class:`info`},dt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ft={key:1,class:`prompt mt-2`},pt={key:0},mt={key:0,class:t({content:!0,failed:!0})},ht={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},gt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},_t={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ct={key:1,class:t({content:!0})},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},jt={key:2,class:t({content:!0})},Mt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Q={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Ft(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,at,[r(`div`,ot,[a(y,{src:e.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,st,[r(`div`,ct,[i(l(e.$t(`openaiimage.name.openaiimageBot`))+` `,1),r(`span`,lt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,ut,[e.referenceImages.length>0?(u(),f(`div`,dt,[(u(!0),f(m,null,c(e.referenceImages,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,ft,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,pt,` - (`+l(e.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,mt,[r(`div`,ht,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),r(`div`,gt,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url||e.images?.[0]?.url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:e.openaiimagePath,body:e.openaiimageCodeBody},null,8,[`path`,`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,bt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,xt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,St,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,Ct,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,wt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Tt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Et,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,Ot,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,kt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,At,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,jt,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,Mt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Nt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Pt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Q,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var It=s({name:`RecentPanel`,components:{TaskPreview:L(it,[[`render`,Ft],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:Y,NoTasks:se,ScrollList:ie},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?.()}}}),Lt={key:0},Rt={key:2,class:`w-full h-full flex items-center justify-center`};function zt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,Lt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Rt,[a(v)])):o(``,!0)],64)}var Bt=L(It,[[`render`,zt]]),$=ee(`openaiimage`),Vt=s({name:`OpenAIImageIndex`,components:{ConfigPanel:rt,Layout:ge,RecentPanel:Bt},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===U.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 ae({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(!I(this.uploadTracker,e=>this.$t(e),e=>R.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){R.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`,callback_url:$},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],callback_url:$},i=this.credential?.token;if(!i){console.error(`no token specified`);return}R.info(this.$t(`openaiimage.message.startingTask`)),B(`openaiimage`,t?H.edit(r,{token:i}):H.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),R.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?R.error(this.$t(`openaiimage.message.usedUp`)):R.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 Ht(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=L(Vt,[[`render`,Ht]]);export{Ut as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{n as _,r as v,t as y}from"./select-CCWm08v4.js";import{t as b}from"./upload-DL6R-BcD.js";import{t as x}from"./tooltip-hII4wDEz.js";import{t as S}from"./image-D6w_R6Gb.js";import{t as C}from"./alert-Cs6WDxgv.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./input-number-DqQ2LuOV.js";import{t as E}from"./switch-Cd_GVBye.js";import{$t as D,Gt as O,Jt as k,Kt as A,Qt as j,Xt as M,Yt as N,Zt as P,nn as ee,qr as te,qt as ne,rn as re,tn as F}from"./constants-BH6GgBVD.js";import{Dt as I,E as L,Er as R,Mt as z,Nn as B,Ot as V,Qt as H,gr as U,kt as W,yr as G}from"./index-B0D_GXuA.js";import{t as K}from"./index.es-CyW7EvoI.js";import{t as q}from"./CopyToClipboard-D0L4lc6w.js";import{t as J}from"./ImagePreview-4W25TI3U.js";import{t as Y}from"./BotPlaceholder-Ca3n8DbE.js";import{i as X,n as ie,t as ae}from"./pagination-BGnbEU3d.js";import{n as oe,t as se}from"./NoTasks-eKpQJSqW.js";import{t as ce}from"./Consumption-BBaQNNS9.js";import{t as le}from"./ApiCodeButton-DkBjUHPb.js";import{t as ue}from"./ImageWrapper-Atmtz1bd.js";var de=s({name:`LayoutNanobanana`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:K},data(){return{drawer:!1}}}),fe={class:`main flex flex-row flex-1`},pe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},me={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function he(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,fe,[r(`div`,pe,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,me,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ge=L(de,[[`render`,he],[`__scopeId`,`data-v-e480ada6`]]),_e=s({name:`PromptInput`,components:{PromptTextarea:oe},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 ve(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(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 ye=L(_e,[[`render`,ve]]),be=s({name:`ImageUrlsInput`,components:{ElUpload:b,ElButton:g,InfoIcon:X,ImagePreview:J,FontAwesomeIcon:K},mixins:[V],data(){return{fileList:[],uploadUrl:G()+`/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(){R.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){R.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()}}}),xe={class:`field flex items-center justify-between`},Se={class:`title font-bold text-[14px] mb-[10px]`},Ce={class:`upload-wrapper flex flex-col items-start gap-[8px]`},we={class:`controls flex items-center`},Te={class:`file-list flex flex-wrap gap-[10px]`};function Ee(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,xe,[r(`h2`,Se,l(e.$t(`openaiimage.name.imageUrls`)),1),r(`div`,Ce,[r(`div`,we,[a(y,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,Te,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var De=L(be,[[`render`,Ee]]),Oe=s({name:`OpenAIImageModelSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:X},data(){return{options:[{value:M,label:this.$t(`openaiimage.model.gptImage1`)},{value:P,label:this.$t(`openaiimage.model.gptImage15`)},{value:j,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||=k}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`openaiimage.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pe=L(Oe,[[`render`,Ne],[`__scopeId`,`data-v-cec771bd`]]);function Z(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Fe=s({name:`OpenAIImageSizeSelector`,components:{ElSelect:v,ElOption:y,ElOptionGroup:_,ElSwitch:E,ElInputNumber:T,InfoIcon:X},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 ne.includes(this.model)},presets(){return D[this.model]??D[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:F},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:ee},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:re}]:[{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 O},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:A.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||this.presets.includes(e))return;let t=Z(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=Z(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=Z(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}`))}}}),Ie={class:`resolution`},Le={class:`field`},Re={class:`label`},ze={class:`box`},Be={class:`title font-bold`},Ve={class:`field custom-toggle`},He={class:`label`},Ue={class:`box`},We={class:`title font-bold`},Ge={key:0,class:`custom-inputs`},Ke={class:`row`},qe={class:`row-label`},Je={class:`row`},Ye={class:`row-label`},Xe={key:0,class:`error`};function Ze(e,t,i,s,h,g){let _=d(`info-icon`),v=d(`el-option`),y=d(`el-option-group`),b=d(`el-select`),x=d(`el-switch`),S=d(`el-input-number`);return u(),f(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`div`,ze,[r(`h2`,Be,l(e.$t(`openaiimage.name.size`)),1),a(_,{content:e.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:e.presetValue,"onUpdate:modelValue":t[0]||=t=>e.presetValue=t,class:`value`,placeholder:e.$t(`openaiimage.placeholder.select`),disabled:e.useCustom},{default:p(()=>[a(v,{label:e.$t(`suno.gender.auto`),value:e.emptySizeValue},null,8,[`label`,`value`]),(u(!0),f(m,null,c(e.presetGroups,e=>(u(),n(y,{key:e.label,label:e.label},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),e.customSupported?(u(),f(m,{key:0},[r(`div`,Ve,[r(`div`,He,[r(`div`,Ue,[r(`h2`,We,l(e.$t(`openaiimage.name.customSize`)),1),a(_,{content:e.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:e.useCustom,"onUpdate:modelValue":t[1]||=t=>e.useCustom=t,class:`value-switch`},null,8,[`modelValue`])]),e.useCustom?(u(),f(`div`,Ge,[r(`div`,Ke,[r(`span`,qe,l(e.$t(`openaiimage.name.width`)),1),a(S,{modelValue:e.customWidth,"onUpdate:modelValue":t[2]||=t=>e.customWidth=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),r(`div`,Je,[r(`span`,Ye,l(e.$t(`openaiimage.name.height`)),1),a(S,{modelValue:e.customHeight,"onUpdate:modelValue":t[3]||=t=>e.customHeight=t,class:`row-input`,min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e.customError?(u(),f(`div`,Xe,l(e.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Qe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:K,PromptInput:ye,Consumption:ce,ImageUrlsInput:De,ModelSelector:Pe,ResolutionSelector:L(Fe,[[`render`,Ze],[`__scopeId`,`data-v-d5544d69`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return z({...this.config||{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$e={class:`flex flex-col h-full`},et={class:`flex-1 overflow-y-auto p-5`},tt={class:`flex flex-col items-center justify-center px-5 pb-5`};function nt(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`image-urls-input`),v=d(`consumption`),y=d(`font-awesome-icon`),b=d(`el-button`);return u(),f(`div`,$e,[r(`div`,et,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`})]),r(`div`,tt,[a(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(b,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var rt=L(Qe,[[`render`,nt]]),it=s({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:C,ImageWrapper:ue,ElButton:g,ElTooltip:x,ImagePreview:J,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:N}},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)}}}),at={class:`preview`},ot={class:`left`},st={class:`main`},ct={class:`bot`},lt={class:`datetime`},ut={class:`info`},dt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ft={key:1,class:`prompt mt-2`},pt={key:0},mt={key:0,class:t({content:!0,failed:!0})},ht={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},gt={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},_t={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ct={key:1,class:t({content:!0})},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},jt={key:2,class:t({content:!0})},Mt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Q={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function Ft(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,at,[r(`div`,ot,[a(y,{src:e.OPENAIIMAGE_LOGO,class:`avatar`},null,8,[`src`])]),r(`div`,st,[r(`div`,ct,[i(l(e.$t(`openaiimage.name.openaiimageBot`))+` `,1),r(`span`,lt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,ut,[e.referenceImages.length>0?(u(),f(`div`,dt,[(u(!0),f(m,null,c(e.referenceImages,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,ft,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,pt,` - (`+l(e.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,mt,[r(`div`,ht,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),r(`div`,gt,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url||e.images?.[0]?.url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:e.openaiimagePath,body:e.openaiimageCodeBody},null,8,[`path`,`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,bt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,xt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,St,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,Ct,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,wt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Tt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Et,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,Ot,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,kt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,At,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,jt,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,Mt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.size?(u(),f(`p`,Nt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.size`))+`: `+l(e.modelValue?.request?.size),1)])):o(``,!0),e.showTaskType?(u(),f(`p`,Pt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.task`))+`: `+l(e.taskTypeLabel),1)])):o(``,!0),r(`p`,Q,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`openaiimage.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var It=s({name:`RecentPanel`,components:{TaskPreview:L(it,[[`render`,Ft],[`__scopeId`,`data-v-8ee5fb87`]]),BotPlaceholder:Y,NoTasks:se,ScrollList:ie},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?.()}}}),Lt={key:0},Rt={key:2,class:`w-full h-full flex items-center justify-center`};function zt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,Lt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Rt,[a(v)])):o(``,!0)],64)}var Bt=L(It,[[`render`,zt]]),$=te(`openaiimage`),Vt=s({name:`OpenAIImageIndex`,components:{ConfigPanel:rt,Layout:ge,RecentPanel:Bt},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===U.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===U.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 ae({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(!I(this.uploadTracker,e=>this.$t(e),e=>R.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){R.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`,callback_url:$},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],callback_url:$},i=this.credential?.token;if(!i){console.error(`no token specified`);return}R.info(this.$t(`openaiimage.message.startingTask`)),B(`openaiimage`,t?H.edit(r,{token:i}):H.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),R.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?R.error(this.$t(`openaiimage.message.usedUp`)):R.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 Ht(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=L(Vt,[[`render`,Ht]]);export{Ut as default};