@acedatacloud/nexior 3.277.6 → 3.277.8

package/dist/assets/Index-BK2POOz0.js

@@ -0,0 +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,_ as f,et as p,k as m,lt as h,ut as g,x as _,y as v}from"./vendor-chart-mdwpew_o.js";import{t as y}from"./button-DWzbdjZV.js";import{E as b}from"./use-deprecated-CPfQu7wa.js";import{r as x,t as S}from"./select-DUQSa_dv.js";import{n as C,t as w}from"./tabs-CM47Khie.js";import{t as T}from"./upload-BbP3qVit.js";import{t as E}from"./tooltip-C3PYfh8V.js";import{t as D}from"./image-C1JYEL_e.js";import{t as O}from"./alert-BJj7gY4q.js";import{n as k,r as A}from"./radio-IJQsW93X.js";import{t as ee}from"./drawer-BvYPSxXh.js";import{t as te}from"./input-number-CVD04ts_.js";import{t as ne}from"./slider-D-yKoeJR.js";import{t as re}from"./switch-DflwVy6G.js";import{Cr as ie,Sr as ae,_i as oe,wr as j,yr as se}from"./constants-BvG5EAGh.js";import{At as ce,E as M,Fn as N,Ir as P,Nt as F,Or as I,Ot as L,Pr as le,Sr as R,jt as z,kr as B,kt as V,pn as H,yr as U}from"./index-B7Ehq3WB.js";import{t as W}from"./index.es-Cf1Nz1bg.js";import{t as ue}from"./CopyToClipboard-C4Zr_RWu.js";import{t as de}from"./FilePreview-erEvFoLk.js";import{t as G}from"./ImagePreview-CuVgQnIV.js";import{n as fe}from"./taskDrawerMixin-Cr17Yxqk.js";import{t as pe}from"./BotPlaceholder-DmDddO0B.js";import{i as K,n as me,t as he}from"./pagination-CbQjtYtK.js";import{n as ge,t as _e}from"./NoTasks-CrhfF4zj.js";import{t as q}from"./Consumption-D3EMWpgi.js";import{t as ve}from"./ApiCodeButton-Dyr9-U56.js";import{t as ye}from"./VideoPlayer-CxSJ4zS_.js";var be=c({name:`LayoutKling`,components:{ElDrawer:ee,ElButton:y,FontAwesomeIcon:W},mixins:[fe]}),xe={class:`main flex flex-row flex-1 min-h-0`},Se={class:`config w-[320px] flex-none h-full flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Ce={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function we(t,n,i,a,s,c){let l=p(`font-awesome-icon`),u=p(`el-button`),_=p(`el-drawer`);return d(),m(`div`,xe,[r(`div`,Se,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Ce,[e(t.$slots,`result`,{},void 0,!0)]),g(o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:h(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[f,!t.tasksEmpty]]),o(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:h(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Te=M(be,[[`render`,we],[`__scopeId`,`data-v-b87958dc`]]),Ee={text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1};function J(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 Ee}}function Y(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=J(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 X(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 De=c({name:`ModelSelector`,components:{ElSelect:x,ElOption:S},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(se)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=Y(t,{model:e});if(n.length===0){this.applyModel(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await I.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=X({...t,model:e},n);this.$store.commit(`kling/setConfig`,i),B.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})}}}),Oe={class:`field`},ke={class:`title font-bold`};function Ae(e,t,i,a,o,s){let c=p(`el-option`),f=p(`el-select`);return d(),m(`div`,Oe,[r(`h2`,ke,u(e.$t(`pika.name.model`)),1),(d(),n(f,{key:e.revertKey,"model-value":e.value,class:`value`,placeholder:e.$t(`pika.placeholder.select`),onChange:e.onChange},{default:h(()=>[(d(!0),m(_,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 je=M(De,[[`render`,Ae],[`__scopeId`,`data-v-04059875`]]),Me=c({name:`ModeSelector`,components:{ElSelect:x,ElOption:S,InfoIcon:K},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 j.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=Y(t,{mode:e});if(n.length===0){this.applyMode(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await I.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=X({...t,mode:e},n);this.$store.commit(`kling/setConfig`,i),B.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})}}}),Ne={class:`field`},Pe={class:`header`},Fe={class:`title font-bold`},Ie={key:0,class:`opt-tip`};function Le(e,i,a,c,f,g){let v=p(`info-icon`),y=p(`el-option`),b=p(`el-select`);return d(),m(`div`,Ne,[r(`div`,Pe,[r(`h2`,Fe,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:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(y,{key:e.value,label:e.label,value:e.value,disabled:e.disabled},{default:h(()=>[r(`span`,{class:t({"opt-disabled":e.disabled})},u(e.label),3),e.disabled&&e.disabledReason?(d(),m(`span`,Ie,u(e.disabledReason),1)):s(``,!0)]),_:2},1032,[`label`,`value`,`disabled`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Re=M(Me,[[`render`,Le],[`__scopeId`,`data-v-9a8fa3c5`]]),ze=[3,5,8,10,12,15],Be=[5,10],Ve=c({name:`DurationSelector`,components:{ElSelect:x,ElOption:S,InfoIcon:K},data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},isV3Model(){return j.includes(this.selectedModel)},allowedDurations(){return this.isV3Model?ze:Be},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=Y(t,{duration:e});if(n.length===0){this.applyDuration(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await I.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=X({...t,duration:e},n);this.$store.commit(`kling/setConfig`,i),B.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})}}}),He={class:`field`},Ue={class:`control`},We={class:`label`},Ge={class:`title font-bold`};function Ke(e,t,i,a,s,c){let f=p(`info-icon`),g=p(`el-option`),v=p(`el-select`);return d(),m(`div`,He,[r(`div`,Ue,[r(`div`,We,[r(`h2`,Ge,u(e.$t(`kling.name.duration`)),1),o(f,{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:h(()=>[(d(!0),m(_,null,l(e.allowedDurations,e=>(d(),n(g,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])])}var qe=M(Ve,[[`render`,Ke],[`__scopeId`,`data-v-5ae55e28`]]),Je=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`}}),Ye={class:`text-sm font-bold mb-2 block`},Xe={class:`items`},Ze=[`onClick`],Qe={class:`name`};function $e(e,n,a,o,s,c){return d(),m(`div`,null,[r(`span`,Ye,u(e.$t(`kling.name.ratio`)),1),r(`div`,Xe,[(d(!0),m(_,null,l(e.options,(n,a)=>(d(),m(`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`,Qe,u(n.label),1)],10,Ze))),128))])])}var et=M(Je,[[`render`,$e],[`__scopeId`,`data-v-cdb14b2f`]]),tt=c({name:`StartImage`,components:{ElUpload:T,ElButton:y,ElTooltip:E,InfoIcon:K,FontAwesomeIcon:W,ImagePreview:G},mixins:[z,V],emits:[`change`],data(){return{fileList:[],uploadUrl:R()+`/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(){B.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){B.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()}}}),nt={class:`relative`},rt={class:`flex justify-between`},it={class:`flex justify-start items-center`},at={class:`text-sm font-bold`};function ot(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`image-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-tooltip`),x=p(`el-upload`);return d(),m(`div`,nt,[r(`div`,rt,[r(`div`,it,[r(`span`,at,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:h(({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:h(()=>[o(b,{content:e.$t(`kling.message.uploadReferencesExceed`),disabled:!e.reachedLimit,placement:`top`},{default:h(()=>[r(`span`,null,[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:e.reachedLimit},{default:h(()=>[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 st=M(tt,[[`render`,ot],[`__scopeId`,`data-v-756dc269`]]),ct=c({name:`EndImage`,components:{ElUpload:T,ElButton:y,ElTooltip:E,ImagePreview:G,InfoIcon:K,FontAwesomeIcon:W},mixins:[z,V],data(){return{fileList:[],uploadUrl:R()+`/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 J(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:(B.warning(this.$t(`kling.message.endImageRequiresStart`)),!1):(B.warning(this.$t(`kling.message.endImageNotSupported`)),!1)},onExceed(){B.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){B.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()}}}),lt={class:`relative`},ut={class:`flex justify-between`},dt={class:`flex justify-start items-center`},ft={class:`text-sm font-bold`};function pt(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`image-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-tooltip`),x=p(`el-upload`);return d(),m(`div`,lt,[r(`div`,ut,[r(`div`,dt,[r(`span`,ft,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:h(({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:h(()=>[o(b,{content:e.uploadTooltip,disabled:!e.uploadDisabled,placement:`top`},{default:h(()=>[r(`span`,null,[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:e.uploadDisabled},{default:h(()=>[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 mt=M(ct,[[`render`,pt],[`__scopeId`,`data-v-c1b257e5`]]),ht=c({name:`CfgScaleSelector`,components:{ElSlider:ne,InfoIcon:K,ElInputNumber:te},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}}),gt={class:`flex justify-between`},_t={class:`flex justify-start items-center`},vt={class:`text-sm font-bold`},yt={class:`flex justify-end items-center`},bt={class:`w-full`};function xt(e,t,n,i,a,s){let c=p(`info-icon`),l=p(`el-input-number`),f=p(`el-slider`);return d(),m(`div`,null,[r(`div`,gt,[r(`div`,_t,[r(`span`,vt,u(e.$t(`kling.name.cfgScale`)),1),o(c,{content:e.$t(`kling.description.cfgScale`)},null,8,[`content`])]),r(`div`,yt,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,bt,[o(f,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:0,max:1,step:.1},null,8,[`modelValue`])])])}var St=M(ht,[[`render`,xt]]),Ct=c({name:`GenerateAudioSelector`,components:{ElSwitch:re,InfoIcon:K},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},selectedMode(){return this.$store.state.kling?.config?.mode||``},supported(){return!!(j.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})}}}),wt={class:`relative`},Tt={class:`flex justify-between items-center`},Et={class:`flex justify-start items-center`},Dt={class:`text-sm font-bold`};function Ot(e,t,n,i,a,s){let c=p(`info-icon`),l=p(`el-switch`);return d(),m(`div`,wt,[r(`div`,Tt,[r(`div`,Et,[r(`span`,Dt,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 kt=M(Ct,[[`render`,Ot]]),At=[`horizontal`,`vertical`,`pan`,`tilt`,`roll`,`zoom`],jt=c({name:`CameraControlSelector`,components:{ElSelect:x,ElOption:S,ElSlider:ne,ElInputNumber:te,InfoIcon:K},data(){return{configKeys:At}},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 J(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)}}}),Mt={class:`field`},Nt={class:`header`},Pt={class:`text-sm font-bold`},Ft={key:0,class:`config-grid`},It={class:`cfg-row-head`},Lt={class:`cfg-name`};function Rt(e,t,i,a,c,f){let g=p(`info-icon`),v=p(`el-option`),y=p(`el-select`),b=p(`el-input-number`),x=p(`el-slider`);return d(),m(`div`,Mt,[r(`div`,Nt,[r(`span`,Pt,u(e.$t(`kling.name.cameraControl`)),1),o(g,{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:h(()=>[(d(!0),m(_,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(),m(`div`,Ft,[(d(!0),m(_,null,l(e.configKeys,t=>(d(),m(`div`,{key:t,class:`cfg-row`},[r(`div`,It,[r(`span`,Lt,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 zt=M(jt,[[`render`,Rt],[`__scopeId`,`data-v-cd896060`]]),Bt=[{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`]}],Z=`, `;function Vt(e,t){let n=(e||``).trim();return n?n.includes(t)?n:`${n}${Z}${t}`:t}function Q(e,t){if(!e||!t)return e||``;let n=[`${t}${Z}`,`${Z}${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 Ht=c({name:`InspirationPills`,components:{FontAwesomeIcon:W},computed:{prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return Bt.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=Q(this.prompt,e);this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:t})}}}),Ut={key:0,class:`pills`,role:`list`},Wt={class:`pill-text`},Gt=[`aria-label`,`onClick`];function Kt(e,t,n,i,a,c){let f=p(`font-awesome-icon`);return e.selected.length>0?(d(),m(`div`,Ut,[(d(!0),m(_,null,l(e.selected,t=>(d(),m(`div`,{key:t,class:`pill`,role:`listitem`},[r(`span`,Wt,u(t),1),r(`button`,{type:`button`,class:`pill-remove`,"aria-label":e.$t(`kling.inspiration.removeChip`),onClick:v(n=>e.onRemove(t),[`stop`])},[o(f,{icon:`fa-solid fa-xmark`})],8,Gt)]))),128))])):s(``,!0)}var qt=c({name:`PromptInput`,components:{ElButton:y,FontAwesomeIcon:W,PromptTextarea:ge,InspirationPills:M(Ht,[[`render`,Kt],[`__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 Jt(e,t,r,i,s,c){let l=p(`font-awesome-icon`),f=p(`el-button`),m=p(`inspiration-pills`),g=p(`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:h(()=>[o(f,{text:``,size:`small`,class:`inspiration-btn`,onClick:t[0]||=t=>e.$emit(`open-inspiration`)},{default:h(()=>[o(l,{icon:`fa-regular fa-lightbulb`,class:`mr-1`}),a(` `+u(e.$t(`kling.inspiration.openButton`)),1)]),_:1})]),before:h(()=>[o(m)]),_:1},8,[`modelValue`,`title`,`info`,`placeholder`])}var Yt=M(qt,[[`render`,Jt],[`__scopeId`,`data-v-c01fc1a6`]]),Xt=c({name:`NegativePromptInput`,components:{ElInput:P,InfoIcon:K},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||=``}}),Zt={class:`field`},Qt={class:`box`},$t={class:`title font-bold`};function en(e,t,n,i,a,s){let c=p(`info-icon`),l=p(`el-input`);return d(),m(`div`,Zt,[r(`div`,Qt,[r(`h2`,$t,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 tn=M(Xt,[[`render`,en],[`__scopeId`,`data-v-de98cf01`]]),nn=c({name:`InspirationDrawer`,components:{ElDrawer:ee,ElButton:y,FontAwesomeIcon:W},props:{modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`],data(){return{groups:Bt,Close:b}},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(Q(this.prompt,e)):this.setPrompt(Vt(this.prompt,e)))},onClearSelected(){let e=this.prompt;for(let t of this.allChipTexts)for(;e.includes(t);)e=Q(e,t);this.setPrompt(e)}}}),rn={class:`drawer-content`},an={class:`drawer-header`},on={class:`title-row`},sn={class:`title`},cn={class:`hint`},ln={key:0,class:`selected-bar`},un={class:`selected-text`},dn={class:`groups`},fn={class:`group-title`},pn={class:`chip-grid`},mn=[`onClick`];function hn(e,i,c,f,g,v){let y=p(`font-awesome-icon`),b=p(`el-button`),x=p(`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:h(()=>[r(`div`,rn,[r(`div`,an,[r(`div`,on,[o(y,{icon:`fa-regular fa-lightbulb`,class:`mr-2`}),r(`span`,sn,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`,cn,u(e.$t(`kling.inspiration.hint`)),1),e.selectedCount>0?(d(),m(`div`,ln,[r(`span`,un,u(e.$t(`kling.inspiration.selectedSummary`,{count:e.selectedCount})),1),o(b,{text:``,size:`small`,class:`clear-btn`,onClick:e.onClearSelected},{default:h(()=>[a(u(e.$t(`kling.inspiration.clearSelected`)),1)]),_:1},8,[`onClick`])])):s(``,!0),r(`div`,dn,[(d(!0),m(_,null,l(e.groups,n=>(d(),m(`div`,{key:n.groupKey,class:`group`},[r(`div`,fn,u(e.$t(`kling.inspiration.group.${n.groupKey}`)),1),r(`div`,pn,[(d(!0),m(_,null,l(n.chipKeys,n=>(d(),m(`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,mn))),128))])]))),128))])])]),_:1},8,[`modelValue`,`size`])}var gn=M(nn,[[`render`,hn],[`__scopeId`,`data-v-7d457a69`]]),_n={"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`},vn={std:`720p`,pro:`1080p`,"4k":`4K`},yn=c({name:`SummaryChip`,components:{FontAwesomeIcon:W},computed:{config(){return this.$store.state.kling?.config||{}},modelLabel(){let e=this.config?.model||`kling-v2-5-turbo`;return _n[e]||e},durationLabel(){return`${this.config?.duration??5}s`},aspectRatio(){return this.config?.aspect_ratio||``},modeLabel(){let e=this.config?.mode||`std`;return vn[e]||e},generateAudio(){return!!this.config?.generate_audio}}}),bn={class:`summary-chip`},xn=[`title`],Sn=[`title`],Cn=[`title`],wn=[`title`],Tn=[`title`];function En(e,t,n,i,a,c){let l=p(`font-awesome-icon`);return d(),m(`div`,bn,[r(`span`,{class:`part`,title:e.$t(`kling.name.model`)},u(e.modelLabel),9,xn),t[0]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.duration`)},u(e.durationLabel),9,Sn),t[1]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.ratio`)},u(e.aspectRatio||`16:9`),9,Cn),t[2]||=r(`span`,{class:`dot`},`·`,-1),r(`span`,{class:`part`,title:e.$t(`kling.name.mode`)},u(e.modeLabel),9,wn),e.generateAudio?(d(),m(`span`,{key:0,class:`audio`,title:e.$t(`kling.name.generateAudio`)},[o(l,{icon:`fa-solid fa-headphones`})],8,Tn)):s(``,!0)])}var Dn=c({name:`ConfigPanel`,components:{ElButton:y,Consumption:q,FontAwesomeIcon:W,PromptInput:Yt,NegativePromptInput:tn,ModelSelector:je,ModeSelector:Re,DurationSelector:qe,RatioSelector:et,StartImage:st,CfgScaleSelector:St,GenerateAudioSelector:kt,CameraControlSelector:zt,InspirationDrawer:gn,SummaryChip:M(yn,[[`render`,En],[`__scopeId`,`data-v-418a6733`]]),EndImage:mt},emits:[`generate`],data(){return{inspirationOpen:!1}},computed:{config(){return this.$store.state.kling?.config},consumption(){return F(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),On={class:`flex flex-col h-full`},kn={class:`flex-1 overflow-y-auto p-5`},An={class:`flex flex-col items-center justify-center px-5 pb-5`};function jn(e,t,i,s,c,l){let f=p(`prompt-input`),g=p(`model-selector`),_=p(`ratio-selector`),v=p(`start-image`),y=p(`end-image`),b=p(`duration-selector`),x=p(`mode-selector`),S=p(`generate-audio-selector`),C=p(`camera-control-selector`),w=p(`cfg-scale-selector`),T=p(`negative-prompt-input`),E=p(`summary-chip`),D=p(`consumption`),O=p(`font-awesome-icon`),k=p(`el-button`),A=p(`inspiration-drawer`);return d(),m(`div`,On,[r(`div`,kn,[o(f,{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`,An,[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:h(()=>[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:h(()=>[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 Mn=M(Dn,[[`render`,jn]]),Nn=c({name:`MotionImage`,components:{ElUpload:T,ElButton:y,InfoIcon:K,FontAwesomeIcon:W,ImagePreview:G},mixins:[z,V],data(){return{fileList:[],uploadUrl:R()+`/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(){B.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){B.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()}}}),Pn={class:`relative`},Fn={class:`flex justify-between`},In={class:`flex justify-start items-center`},Ln={class:`text-sm font-bold`};function Rn(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`image-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-upload`);return d(),m(`div`,Pn,[r(`div`,Fn,[r(`div`,In,[r(`span`,Ln,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:h(({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:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[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 zn=M(Nn,[[`render`,Rn],[`__scopeId`,`data-v-e52eaf2f`]]),Bn=c({name:`MotionVideo`,components:{ElUpload:T,ElButton:y,InfoIcon:K,FilePreview:de,FontAwesomeIcon:W},mixins:[V],data(){return{fileList:[],uploadUrl:R()+`/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(){B.warning(this.$t(`kling.message.uploadVideoExceed`))},onError(){B.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:(B.error(this.$t(`kling.message.uploadVideoSizeExceed`)),!1):(B.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()}}}),Vn={class:`relative`},Hn={class:`flex justify-between`},Un={class:`flex justify-start items-center`},Wn={class:`text-sm font-bold`};function Gn(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`file-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-upload`);return d(),m(`div`,Vn,[r(`div`,Hn,[r(`div`,Un,[r(`span`,Wn,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:h(({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:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[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 Kn=M(Bn,[[`render`,Gn],[`__scopeId`,`data-v-7019a8d2`]]),qn=c({name:`MotionPromptInput`,components:{ElInput:P,InfoIcon:K},computed:{prompt:{get(){return this.$store.state.kling?.motionConfig?.prompt||``},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,prompt:e})}}}}),Jn={class:`field`},Yn={class:`box`},Xn={class:`title font-bold`};function Zn(e,t,n,i,a,s){let c=p(`info-icon`),l=p(`el-input`);return d(),m(`div`,Jn,[r(`div`,Yn,[r(`h2`,Xn,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 Qn=M(qn,[[`render`,Zn],[`__scopeId`,`data-v-ca9fdbe5`]]),$n=`video`,er=c({name:`CharacterOrientationSelector`,components:{ElRadioGroup:A,ElRadioButton:k,InfoIcon:K},computed:{value:{get(){return this.$store.state.kling?.motionConfig?.character_orientation||$n},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=$n)}}),tr={class:`field`},nr={class:`header`},rr={class:`text-sm font-bold`};function ir(e,t,n,i,s,c){let l=p(`info-icon`),f=p(`el-radio-button`),g=p(`el-radio-group`);return d(),m(`div`,tr,[r(`div`,nr,[r(`span`,rr,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:h(()=>[o(f,{label:`image`},{default:h(()=>[a(u(e.$t(`kling.name.orientationImage`)),1)]),_:1}),o(f,{label:`video`},{default:h(()=>[a(u(e.$t(`kling.name.orientationVideo`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var ar=M(er,[[`render`,ir],[`__scopeId`,`data-v-7a91195b`]]),or=`std`,sr=c({name:`MotionModeSelector`,components:{ElSelect:x,ElOption:S,InfoIcon:K},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||or},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,mode:e})}}},mounted(){this.$store.state.kling?.motionConfig?.mode||(this.value=or)}}),cr={class:`field`},lr={class:`header`},ur={class:`title font-bold`};function dr(e,t,i,a,s,c){let f=p(`info-icon`),g=p(`el-option`),v=p(`el-select`);return d(),m(`div`,cr,[r(`div`,lr,[r(`h2`,ur,u(e.$t(`kling.name.mode`)),1),o(f,{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:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var fr=M(sr,[[`render`,dr],[`__scopeId`,`data-v-1295688c`]]),pr=c({name:`KeepOriginalSoundSelector`,components:{ElSwitch:re,InfoIcon:K},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`})}}}}),mr={class:`relative`},hr={class:`flex justify-between items-center`},gr={class:`flex justify-start items-center`},_r={class:`text-sm font-bold`};function vr(e,t,n,i,a,s){let c=p(`info-icon`),l=p(`el-switch`);return d(),m(`div`,mr,[r(`div`,hr,[r(`div`,gr,[r(`span`,_r,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 yr=c({name:`MotionPanel`,components:{ElButton:y,FontAwesomeIcon:W,Consumption:q,MotionImage:zn,MotionVideo:Kn,MotionPromptInput:Qn,CharacterOrientationSelector:ar,MotionModeSelector:fr,KeepOriginalSoundSelector:M(pr,[[`render`,vr]])},emits:[`generate`],computed:{motionConfig(){return this.$store.state.kling?.motionConfig},consumption(){return F(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`)}}}),br={class:`flex flex-col h-full`},xr={class:`flex-1 overflow-y-auto p-5`},Sr={class:`flex flex-col items-center justify-center px-5 pb-5`};function Cr(e,t,n,i,s,c){let l=p(`motion-image`),f=p(`motion-video`),g=p(`motion-prompt-input`),_=p(`character-orientation-selector`),v=p(`motion-mode-selector`),y=p(`keep-original-sound-selector`),b=p(`consumption`),x=p(`font-awesome-icon`),S=p(`el-button`);return d(),m(`div`,br,[r(`div`,xr,[o(l,{class:`mb-3`}),o(f,{class:`mb-3`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`})]),r(`div`,Sr,[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:h(()=>[o(x,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.generateMotion`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var wr=M(yr,[[`render`,Cr]]),Tr=c({name:`KlingTabSwitcher`,components:{ElTabs:C,ElTabPane:w,ElTag:le},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`)},{value:`talking-photo`,label:this.$t(`kling.tab.talkingPhoto`)}]}},methods:{onUpdate(e){this.$emit(`update:modelValue`,e)}}}),Er=[`title`],Dr={class:`text`};function Or(e,t,i,o,c,f){let g=p(`el-tag`),v=p(`el-tab-pane`),y=p(`el-tabs`);return d(),n(y,{"model-value":e.modelValue,class:`kling-tabs`,stretch:``,"onUpdate:modelValue":e.onUpdate},{default:h(()=>[(d(!0),m(_,null,l(e.tabs,e=>(d(),n(v,{key:e.value,name:e.value,disabled:e.disabled},{label:h(()=>[r(`span`,{class:`tab-label`,title:e.disabled?e.disabledReason:void 0},[r(`span`,Dr,u(e.label),1),e.badge?(d(),n(g,{key:0,size:`small`,type:`warning`,class:`badge`},{default:h(()=>[a(u(e.badge),1)]),_:2},1024)):s(``,!0)],8,Er)]),_:2},1032,[`name`,`disabled`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var kr=M(Tr,[[`render`,Or],[`__scopeId`,`data-v-fda33e4c`]]),Ar={"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`},jr=c({name:`TalkingPhotoModelSelector`,components:{ElSelect:x,ElOption:S},data(){return{options:ie.map(e=>({value:e,label:Ar[e]||e}))}},computed:{value:{get(){return this.$store.state.kling?.talkingPhotoConfig?.model||`kling-v2-1-master`},set(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.$store.state.kling?.talkingPhotoConfig,model:e})}}},mounted(){this.$store.state.kling?.talkingPhotoConfig?.model||(this.value=ae)}}),Mr={class:`field`},Nr={class:`title font-bold`};function Pr(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,Mr,[r(`h2`,Nr,u(e.$t(`kling.name.model`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`kling.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fr=M(jr,[[`render`,Pr],[`__scopeId`,`data-v-cbc83d11`]]),Ir=c({name:`TalkingPhotoModeSelector`,components:{ElSelect:x,ElOption:S},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?.talkingPhotoConfig?.mode||`pro`},set(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.$store.state.kling?.talkingPhotoConfig,mode:e})}}},mounted(){this.$store.state.kling?.talkingPhotoConfig?.mode||(this.value=`pro`)}}),Lr={class:`field`},Rr={class:`title font-bold`};function zr(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,Lr,[r(`h2`,Rr,u(e.$t(`kling.name.mode`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`kling.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Br=c({name:`TalkingPhotoPanel`,components:{ElUpload:T,ElButton:y,ElInput:P,FontAwesomeIcon:W,Consumption:q,InfoIcon:K,ImagePreview:G,ModelSelector:Fr,ModeSelector:M(Ir,[[`render`,zr],[`__scopeId`,`data-v-92525a1d`]])},mixins:[V],emits:[`generate`],data(){return{imageFiles:[],audioFiles:[],uploadUrl:R()+`/api/v1/files/`}},computed:{config(){return this.$store.state.kling?.talkingPhotoConfig||{}},audioUrl(){return this.config.audio_url},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},service(){return this.$store.state.kling?.service},consumption(){return F({...this.config,action:`talking-photo`},this.service?.cost)},canGenerate(){return!!(this.config.image_url&&this.config.audio_url)}},methods:{commit(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.config,...e})},onPromptChange(e){this.commit({prompt:e})},onImageExceed(){B.warning(this.$t(`kling.message.uploadReferencesExceed`))},onImageError(){B.error(this.$t(`kling.message.uploadReferencesError`))},onImageSuccess(e){this.commit({image_url:e?.file_url})},onImageRemove(e){this.imageFiles.splice(this.imageFiles.indexOf(e),1),this.commit({image_url:void 0})},onAudioExceed(){B.warning(this.$t(`kling.message.uploadAudioExceed`))},onAudioError(){B.error(this.$t(`kling.message.uploadAudioError`))},onAudioSuccess(e){this.commit({audio_url:e?.file_url})},onAudioRemove(){this.commit({audio_url:void 0})},onGenerate(){this.$emit(`generate`)}}}),Vr={class:`flex flex-col h-full`},Hr={class:`flex-1 overflow-y-auto p-5`},Ur={class:`relative mb-4`},Wr={class:`flex justify-start items-center`},Gr={class:`text-sm font-bold`},Kr={class:`relative mb-4`},qr={class:`flex justify-start items-center`},Jr={class:`text-sm font-bold`},Yr=[`src`],Xr={class:`mb-4`},Zr={class:`flex justify-start items-center`},Qr={class:`text-sm font-bold`},$r={class:`flex flex-col items-center justify-center px-5 pb-5`};function ei(e,t,i,c,l,f){let g=p(`model-selector`),_=p(`mode-selector`),v=p(`info-icon`),y=p(`image-preview`),b=p(`font-awesome-icon`),x=p(`el-button`),S=p(`el-upload`),C=p(`el-input`),w=p(`consumption`);return d(),m(`div`,Vr,[r(`div`,Hr,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),r(`div`,Ur,[r(`div`,Wr,[r(`span`,Gr,u(e.$t(`kling.name.talkingPhotoImage`)),1),o(v,{content:e.$t(`kling.description.talkingPhotoImage`)},null,8,[`content`])]),o(S,{ref:`imageUploader`,"file-list":e.imageFiles,"onUpdate:fileList":t[0]||=t=>e.imageFiles=t,name:`file`,accept:`.png,.jpg,.jpeg,.webp,.bmp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,headers:e.headers,"on-exceed":e.onImageExceed,"on-error":e.onImageError,"on-success":e.onImageSuccess},{file:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(y,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.onImageRemove(t)},null,8,[`url`,`name`,`percentage`,`onRemove`])):s(``,!0)]),default:h(()=>[o(x,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(b,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`])]),r(`div`,Kr,[r(`div`,qr,[r(`span`,Jr,u(e.$t(`kling.name.talkingPhotoAudio`)),1),o(v,{content:e.$t(`kling.description.talkingPhotoAudio`)},null,8,[`content`])]),o(S,{ref:`audioUploader`,"file-list":e.audioFiles,"onUpdate:fileList":t[1]||=t=>e.audioFiles=t,name:`file`,accept:`.mp3,.wav,.m4a,.aac`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,headers:e.headers,"on-exceed":e.onAudioExceed,"on-error":e.onAudioError,"on-success":e.onAudioSuccess,"on-remove":e.onAudioRemove},{default:h(()=>[o(x,{round:``,type:`primary`,size:`small`,class:`btn`},{default:h(()=>[o(b,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`kling.button.uploadAudio`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`,`on-remove`]),e.audioUrl?(d(),m(`audio`,{key:0,src:e.audioUrl,controls:``,class:`w-full mt-2`},null,8,Yr)):s(``,!0)]),r(`div`,Xr,[r(`div`,Zr,[r(`span`,Qr,u(e.$t(`kling.name.talkingPhotoPrompt`)),1),o(v,{content:e.$t(`kling.description.talkingPhotoPrompt`)},null,8,[`content`])]),o(C,{"model-value":e.config.prompt,type:`textarea`,rows:2,placeholder:e.$t(`kling.placeholder.talkingPhotoPrompt`),class:`mt-1`,"onUpdate:modelValue":e.onPromptChange},null,8,[`model-value`,`placeholder`,`onUpdate:modelValue`])])]),r(`div`,$r,[o(w,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(x,{type:`primary`,class:`btn w-full`,round:``,disabled:!e.canGenerate,onClick:e.onGenerate},{default:h(()=>[o(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`kling.button.generateTalkingPhoto`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var ti=M(Br,[[`render`,ei],[`__scopeId`,`data-v-27261e35`]]),ni=c({name:`TaskPreview`,components:{ElImage:D,CopyToClipboard:ue,FontAwesomeIcon:W,ElAlert:O,VideoPlayer:ye,ElTooltip:E,ElButton:y,ImagePreview:G,ApiCodeButton:ve},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`)}}}),ri={class:`preview`},ii={class:`left`},ai={class:`main`},oi={class:`bot`},si={class:`datetime`},ci={class:`info`},li={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ui={key:1,class:`prompt mt-2`},di={key:0},fi={key:1},pi={key:0,class:t({content:!0,failed:!0})},mi={key:0,class:`mb-4`},hi={key:1,class:t({operations:!0,"mt-2":!0})},gi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_i={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vi={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},yi={key:1,class:t({content:!0})},bi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Si={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ci={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wi={key:2,class:t({content:!0})},Ti={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ei={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Di(e,t,i,c,f,g){let v=p(`el-image`),y=p(`image-preview`),b=p(`video-player`),x=p(`el-button`),S=p(`el-tooltip`),C=p(`api-code-button`),w=p(`font-awesome-icon`),T=p(`copy-to-clipboard`),E=p(`el-alert`);return d(),m(`div`,ri,[r(`div`,ii,[o(v,{src:`https://cdn.acedata.cloud/qpbbbb.jpg`,class:`avatar`})]),r(`div`,ai,[r(`div`,oi,[a(u(e.$t(`kling.name.klingBot`))+` `,1),r(`span`,si,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,ci,[e.referenceImages.length>0?(d(),m(`div`,li,[(d(!0),m(_,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(),m(`p`,ui,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),m(`span`,di,` - (`+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(),m(`span`,fi,` - (`+u(e.$t(`kling.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),m(`div`,pi,[e.modelValue?.response.video_url?(d(),m(`div`,mi,[o(b,{src:e.modelValue?.response.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),m(`div`,hi,[o(S,{class:`box-item`,effect:`dark`,content:e.$t(`kling.message.downloadVideo`),placement:`top-start`},{default:h(()=>[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:h(()=>[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:h(()=>[r(`p`,gi,[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`,_i,[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(),m(`p`,vi,[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(),m(`div`,yi,[o(E,{closable:!1,class:`failure`},{template:h(()=>[o(w,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failure`)),1)]),default:h(()=>[r(`p`,bi,[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`,xi,[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(),m(`p`,Si,[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(),m(`p`,Ci,[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(),m(`div`,wi,[o(E,{closable:!1,class:`info`},{template:h(()=>[o(w,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`kling.name.failure`)),1)]),default:h(()=>[r(`p`,Ti,[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(),m(`p`,Ei,[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 Oi=c({name:`RecentPanel`,components:{TaskPreview:M(ni,[[`render`,Di],[`__scopeId`,`data-v-c36bfd7f`]]),NoTasks:_e,BotPlaceholder:pe,ScrollList:me},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?.()}}}),ki={key:0},Ai={key:2,class:`w-full h-full flex items-center justify-center`};function ji(e,t,r,i,a,c){let u=p(`bot-placeholder`),f=p(`task-preview`),g=p(`scroll-list`),v=p(`no-tasks`);return d(),m(_,null,[e.tasks?.items===void 0?(d(),m(`div`,ki,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(g,{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:h(()=>[(d(!0),m(_,null,l(e.tasks?.items,e=>(d(),n(f,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),m(`div`,Ai,[o(v)])):s(``,!0)],64)}var Mi=M(Oi,[[`render`,ji]]),$=oe(`kling`),Ni=c({name:`KlingIndex`,components:{ConfigPanel:Mn,MotionPanel:wr,TalkingPhotoPanel:ti,TabSwitcher:kr,Layout:Te,RecentPanel:Mi},mixins:[ce],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},talkingPhotoConfig(){return this.$store.state.kling.talkingPhotoConfig},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 he({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(!L(this.uploadTracker,e=>this.$t(e),e=>B.warning(e)))return;let{camera_control:e,...t}=this.config||{},n={...t,callback_url:$};if(!n.video_id&&!t.video_url&&!n.start_image_url&&n.end_image_url){B.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}B.info(this.$t(`kling.message.startingTask`)),N(`kling`,H.generate(n,{token:r})).then(()=>{B.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?B.error(this.$t(`kling.message.usedUp`)):B.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(!L(this.uploadTracker,e=>this.$t(e),e=>B.warning(e)))return;let e=this.motionConfig||{};if(!e.image_url||!e.video_url){B.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:$},n=this.credential?.token;if(!n){console.error(`no token specified`);return}B.info(this.$t(`kling.message.startingTask`)),N(`kling`,H.motion(t,{token:n})).then(()=>{B.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?B.error(this.$t(`kling.message.usedUp`)):B.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},async onGenerateTalkingPhoto(){if(!L(this.uploadTracker,e=>this.$t(e),e=>B.warning(e)))return;let e=this.talkingPhotoConfig||{};if(!e.image_url||!e.audio_url){B.warning(this.$t(`kling.message.talkingPhotoMissingInputs`));return}let t={image_url:e.image_url,audio_url:e.audio_url,model:e.model||`kling-v2-1-master`,mode:e.mode||`pro`,...e.prompt?{prompt:e.prompt}:{},...e.duration?{duration:e.duration}:{},callback_url:$},n=this.credential?.token;if(!n){console.error(`no token specified`);return}B.info(this.$t(`kling.message.startingTask`)),N(`kling`,H.talkingPhoto(t,{token:n})).then(()=>{B.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?B.error(this.$t(`kling.message.usedUp`)):B.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}}),Pi={class:`flex flex-col h-full`},Fi={class:`flex-1 min-h-0`};function Ii(e,t,i,a,c,l){let u=p(`tab-switcher`),f=p(`config-panel`),m=p(`motion-panel`),g=p(`talking-photo-panel`),_=p(`recent-panel`),v=p(`layout`);return d(),n(v,null,{config:h(()=>[r(`div`,Pi,[o(u,{"model-value":e.taskType,"onUpdate:modelValue":e.onTabChange},null,8,[`model-value`,`onUpdate:modelValue`]),r(`div`,Fi,[e.taskType===`videos`?(d(),n(f,{key:0,onGenerate:e.onGenerate},null,8,[`onGenerate`])):e.taskType===`motion`?(d(),n(m,{key:1,onGenerate:e.onGenerateMotion},null,8,[`onGenerate`])):e.taskType===`talking-photo`?(d(),n(g,{key:2,onGenerate:e.onGenerateTalkingPhoto},null,8,[`onGenerate`])):s(``,!0)])])]),result:h(()=>[o(_,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Li=M(Ni,[[`render`,Ii]]);export{Li as default};

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

package/dist/assets/{Index-M4C0FZly.css → Index-BmqkB1Up.css}

@@ -1 +1 @@
-.menu[data-v-b87958dc]{display:none}@media (width<=767px){.config[data-v-b87958dc]{display:none}.result[data-v-b87958dc]{width:100%}.menu[data-v-b87958dc]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-04059875]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-04059875]{width:30%;margin:0;font-size:14px}.field .value[data-v-04059875]{width:120px}.field[data-v-9a8fa3c5]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .header[data-v-9a8fa3c5]{flex-direction:row;align-items:center;width:50%;display:flex}.field .header .title[data-v-9a8fa3c5]{margin:0;font-size:14px}.field .value[data-v-9a8fa3c5]{width:120px}.opt-disabled[data-v-9a8fa3c5]{color:var(--el-text-color-disabled)}.opt-tip[data-v-9a8fa3c5]{color:var(--el-text-color-placeholder);margin-left:8px;font-size:11px}.field[data-v-5ae55e28]{flex-direction:column;display:flex}.control[data-v-5ae55e28]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.label[data-v-5ae55e28]{flex-direction:row;align-items:center;display:flex}.title[data-v-5ae55e28]{margin:0;font-size:14px}.value[data-v-5ae55e28]{width:120px}.title[data-v-cdb14b2f]{margin-bottom:10px;font-size:14px}.items[data-v-cdb14b2f]{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.items .item[data-v-cdb14b2f]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;width:48px;height:70px;transition:background-color .2s,border-color .2s;display:flex}.items .item .preview[data-v-cdb14b2f]{flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-top:8px;margin-bottom:4px;display:flex}.items .item .preview .rect[data-v-cdb14b2f]{border:1px solid var(--el-border-color-lighter);border-radius:2px;width:20px;height:20px}.items .item .name[data-v-cdb14b2f]{color:var(--el-text-color-primary);font-size:12px;display:block}.items .item[data-v-cdb14b2f]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-cdb14b2f]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-cdb14b2f]{border-color:var(--el-color-primary)}.title[data-v-756dc269]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-756dc269]{position:absolute;top:5px;right:0}.upload-wrapper .el-upload-list--picture .el-upload-list__item{background-color:#0000;border:none;height:auto;margin:8px 0 0;padding:0;overflow:visible}.title[data-v-c1b257e5]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-c1b257e5]{position:absolute;top:5px;right:0}.field[data-v-cd896060]{flex-direction:column;gap:8px;display:flex}.field .header[data-v-cd896060]{flex-direction:row;align-items:center;display:flex}.field .value[data-v-cd896060]{width:100%}.config-grid[data-v-cd896060]{background-color:var(--el-fill-color-lighter);border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.config-grid .cfg-row[data-v-cd896060]{flex-direction:column;gap:0;display:flex}.config-grid .cfg-row .cfg-row-head[data-v-cd896060]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.config-grid .cfg-row .cfg-row-head .cfg-name[data-v-cd896060]{color:var(--el-text-color-regular);font-size:12px}.config-grid .cfg-row .cfg-row-head .cfg-num[data-v-cd896060]{width:100px}.pills[data-v-5fc4fa65]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pill[data-v-5fc4fa65]{background-color:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);color:var(--el-color-primary);border-radius:999px;align-items:center;max-width:100%;padding:3px 4px 3px 10px;font-size:12px;line-height:1;display:inline-flex}.pill .pill-text[data-v-5fc4fa65]{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.pill .pill-remove[data-v-5fc4fa65]{width:18px;height:18px;color:var(--el-color-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:10px;display:inline-flex}.pill .pill-remove[data-v-5fc4fa65]:hover{background-color:var(--el-color-primary-light-7)}.inspiration-btn[data-v-c01fc1a6]{color:var(--el-color-primary);height:24px;padding:0 6px;font-size:12px}.field .box[data-v-de98cf01]{flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.field .box .title[data-v-de98cf01]{margin-bottom:10px;font-size:14px}.field .info[data-v-de98cf01]{margin-left:auto}.drawer-content[data-v-7d457a69]{flex-direction:column;height:100%;padding:16px 18px 24px;display:flex;overflow-y:auto}.drawer-header[data-v-7d457a69]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-header .title-row[data-v-7d457a69]{color:var(--el-text-color-primary);align-items:center;font-size:16px;font-weight:600;display:inline-flex}.drawer-header .close-btn[data-v-7d457a69]{width:32px;height:32px;padding:6px}.hint[data-v-7d457a69]{color:var(--el-text-color-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.selected-bar[data-v-7d457a69]{background-color:var(--el-color-primary-light-9);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.selected-bar .selected-text[data-v-7d457a69]{color:var(--el-color-primary);font-weight:500}.groups[data-v-7d457a69]{flex-direction:column;gap:18px;display:flex}.group .group-title[data-v-7d457a69]{color:var(--el-text-color-regular);margin-bottom:8px;font-size:13px;font-weight:600}.group .chip-grid[data-v-7d457a69]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-7d457a69]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);color:var(--el-text-color-regular);cursor:pointer;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip[data-v-7d457a69]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-7d457a69]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:500}.kling-inspiration-drawer .el-drawer__body{padding:0}.summary-chip[data-v-418a6733]{background-color:var(--el-fill-color-light);color:var(--el-text-color-regular);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;display:inline-flex}.summary-chip .part[data-v-418a6733]{white-space:nowrap}.summary-chip .dot[data-v-418a6733]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-418a6733]{color:var(--el-color-primary);margin-left:4px;font-size:11px}.btn.btn-upload[data-v-e52eaf2f]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.btn.btn-upload[data-v-7019a8d2]{position:absolute;top:5px;right:0}.field .box[data-v-ca9fdbe5]{flex-direction:row;align-items:center;display:flex;position:relative}.field .box .title[data-v-ca9fdbe5]{margin-bottom:10px;font-size:14px}.field .info[data-v-ca9fdbe5]{margin-left:auto}.field[data-v-7a91195b]{flex-direction:column;gap:6px;display:flex}.field .header[data-v-7a91195b]{flex-direction:row;align-items:center;display:flex}.field[data-v-1295688c]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .header[data-v-1295688c]{flex-direction:row;align-items:center;width:50%;display:flex}.field .header .title[data-v-1295688c]{margin:0;font-size:14px}.field .value[data-v-1295688c]{width:120px}.kling-tabs[data-v-fda33e4c]{background-color:var(--app-sidebar-bg);flex:none;padding:0 8px}.kling-tabs[data-v-fda33e4c] .el-tabs__header{margin:0}.kling-tabs[data-v-fda33e4c] .el-tabs__nav-wrap:after{height:1px}.kling-tabs[data-v-fda33e4c] .el-tabs__item{height:38px;padding:0 6px;font-size:13px;line-height:38px}.kling-tabs .tab-label[data-v-fda33e4c]{white-space:nowrap;align-items:center;display:inline-flex}.kling-tabs .tab-label .text[data-v-fda33e4c]{text-overflow:ellipsis;max-width:100%;overflow:hidden}.kling-tabs .tab-label .badge[data-v-fda33e4c]{height:16px;margin-left:4px;padding:0 4px;font-size:9px;line-height:14px}.btn.btn-upload[data-v-a3aa5a3a]{position:absolute;top:5px;right:0}.upload-wrapper{flex-direction:column;height:auto;display:flex}.upload-wrapper .el-upload-list{width:100%;margin:0}.preview[data-v-c36bfd7f]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-c36bfd7f]{width:70px}.preview .left .avatar[data-v-c36bfd7f]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-c36bfd7f]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-c36bfd7f]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-c36bfd7f]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-c36bfd7f]{overflow:hidden}.preview .main .info .prompt[data-v-c36bfd7f]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-c36bfd7f]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-c36bfd7f]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-c36bfd7f]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-c36bfd7f]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-c36bfd7f]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-c36bfd7f] p:last-child{margin-bottom:0}.preview .main .operations[data-v-c36bfd7f]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden scroll}.preview .main .operations.full[data-v-c36bfd7f]{height:70px}.preview .main .operations .btn-action[data-v-c36bfd7f]{margin-bottom:10px}
+.menu[data-v-b87958dc]{display:none}@media (width<=767px){.config[data-v-b87958dc]{display:none}.result[data-v-b87958dc]{width:100%}.menu[data-v-b87958dc]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-04059875]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-04059875]{width:30%;margin:0;font-size:14px}.field .value[data-v-04059875]{width:120px}.field[data-v-9a8fa3c5]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .header[data-v-9a8fa3c5]{flex-direction:row;align-items:center;width:50%;display:flex}.field .header .title[data-v-9a8fa3c5]{margin:0;font-size:14px}.field .value[data-v-9a8fa3c5]{width:120px}.opt-disabled[data-v-9a8fa3c5]{color:var(--el-text-color-disabled)}.opt-tip[data-v-9a8fa3c5]{color:var(--el-text-color-placeholder);margin-left:8px;font-size:11px}.field[data-v-5ae55e28]{flex-direction:column;display:flex}.control[data-v-5ae55e28]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.label[data-v-5ae55e28]{flex-direction:row;align-items:center;display:flex}.title[data-v-5ae55e28]{margin:0;font-size:14px}.value[data-v-5ae55e28]{width:120px}.title[data-v-cdb14b2f]{margin-bottom:10px;font-size:14px}.items[data-v-cdb14b2f]{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.items .item[data-v-cdb14b2f]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;width:48px;height:70px;transition:background-color .2s,border-color .2s;display:flex}.items .item .preview[data-v-cdb14b2f]{flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-top:8px;margin-bottom:4px;display:flex}.items .item .preview .rect[data-v-cdb14b2f]{border:1px solid var(--el-border-color-lighter);border-radius:2px;width:20px;height:20px}.items .item .name[data-v-cdb14b2f]{color:var(--el-text-color-primary);font-size:12px;display:block}.items .item[data-v-cdb14b2f]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-cdb14b2f]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-cdb14b2f]{border-color:var(--el-color-primary)}.title[data-v-756dc269]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-756dc269]{position:absolute;top:5px;right:0}.upload-wrapper .el-upload-list--picture .el-upload-list__item{background-color:#0000;border:none;height:auto;margin:8px 0 0;padding:0;overflow:visible}.title[data-v-c1b257e5]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-c1b257e5]{position:absolute;top:5px;right:0}.field[data-v-cd896060]{flex-direction:column;gap:8px;display:flex}.field .header[data-v-cd896060]{flex-direction:row;align-items:center;display:flex}.field .value[data-v-cd896060]{width:100%}.config-grid[data-v-cd896060]{background-color:var(--el-fill-color-lighter);border-radius:8px;flex-direction:column;gap:4px;padding:8px;display:flex}.config-grid .cfg-row[data-v-cd896060]{flex-direction:column;gap:0;display:flex}.config-grid .cfg-row .cfg-row-head[data-v-cd896060]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.config-grid .cfg-row .cfg-row-head .cfg-name[data-v-cd896060]{color:var(--el-text-color-regular);font-size:12px}.config-grid .cfg-row .cfg-row-head .cfg-num[data-v-cd896060]{width:100px}.pills[data-v-5fc4fa65]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pill[data-v-5fc4fa65]{background-color:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-7);color:var(--el-color-primary);border-radius:999px;align-items:center;max-width:100%;padding:3px 4px 3px 10px;font-size:12px;line-height:1;display:inline-flex}.pill .pill-text[data-v-5fc4fa65]{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.pill .pill-remove[data-v-5fc4fa65]{width:18px;height:18px;color:var(--el-color-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:10px;display:inline-flex}.pill .pill-remove[data-v-5fc4fa65]:hover{background-color:var(--el-color-primary-light-7)}.inspiration-btn[data-v-c01fc1a6]{color:var(--el-color-primary);height:24px;padding:0 6px;font-size:12px}.field .box[data-v-de98cf01]{flex-direction:row;justify-content:space-between;align-items:center;display:flex;position:relative}.field .box .title[data-v-de98cf01]{margin-bottom:10px;font-size:14px}.field .info[data-v-de98cf01]{margin-left:auto}.drawer-content[data-v-7d457a69]{flex-direction:column;height:100%;padding:16px 18px 24px;display:flex;overflow-y:auto}.drawer-header[data-v-7d457a69]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-header .title-row[data-v-7d457a69]{color:var(--el-text-color-primary);align-items:center;font-size:16px;font-weight:600;display:inline-flex}.drawer-header .close-btn[data-v-7d457a69]{width:32px;height:32px;padding:6px}.hint[data-v-7d457a69]{color:var(--el-text-color-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.selected-bar[data-v-7d457a69]{background-color:var(--el-color-primary-light-9);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.selected-bar .selected-text[data-v-7d457a69]{color:var(--el-color-primary);font-weight:500}.groups[data-v-7d457a69]{flex-direction:column;gap:18px;display:flex}.group .group-title[data-v-7d457a69]{color:var(--el-text-color-regular);margin-bottom:8px;font-size:13px;font-weight:600}.group .chip-grid[data-v-7d457a69]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-7d457a69]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);color:var(--el-text-color-regular);cursor:pointer;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.chip[data-v-7d457a69]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-7d457a69]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);color:var(--el-color-primary);font-weight:500}.kling-inspiration-drawer .el-drawer__body{padding:0}.summary-chip[data-v-418a6733]{background-color:var(--el-fill-color-light);color:var(--el-text-color-regular);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:12px;display:inline-flex}.summary-chip .part[data-v-418a6733]{white-space:nowrap}.summary-chip .dot[data-v-418a6733]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-418a6733]{color:var(--el-color-primary);margin-left:4px;font-size:11px}.btn.btn-upload[data-v-e52eaf2f]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.btn.btn-upload[data-v-7019a8d2]{position:absolute;top:5px;right:0}.field .box[data-v-ca9fdbe5]{flex-direction:row;align-items:center;display:flex;position:relative}.field .box .title[data-v-ca9fdbe5]{margin-bottom:10px;font-size:14px}.field .info[data-v-ca9fdbe5]{margin-left:auto}.field[data-v-7a91195b]{flex-direction:column;gap:6px;display:flex}.field .header[data-v-7a91195b]{flex-direction:row;align-items:center;display:flex}.field[data-v-1295688c]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .header[data-v-1295688c]{flex-direction:row;align-items:center;width:50%;display:flex}.field .header .title[data-v-1295688c]{margin:0;font-size:14px}.field .value[data-v-1295688c]{width:120px}.kling-tabs[data-v-fda33e4c]{background-color:var(--app-sidebar-bg);flex:none;padding:0 8px}.kling-tabs[data-v-fda33e4c] .el-tabs__header{margin:0}.kling-tabs[data-v-fda33e4c] .el-tabs__nav-wrap:after{height:1px}.kling-tabs[data-v-fda33e4c] .el-tabs__item{height:38px;padding:0 6px;font-size:13px;line-height:38px}.kling-tabs .tab-label[data-v-fda33e4c]{white-space:nowrap;align-items:center;display:inline-flex}.kling-tabs .tab-label .text[data-v-fda33e4c]{text-overflow:ellipsis;max-width:100%;overflow:hidden}.kling-tabs .tab-label .badge[data-v-fda33e4c]{height:16px;margin-left:4px;padding:0 4px;font-size:9px;line-height:14px}.field[data-v-cbc83d11]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-cbc83d11]{width:30%;margin:0;font-size:14px}.field .value[data-v-cbc83d11]{width:160px}.field[data-v-92525a1d]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-92525a1d]{width:30%;margin:0;font-size:14px}.field .value[data-v-92525a1d]{width:160px}.btn.btn-upload[data-v-27261e35]{position:absolute;top:5px;right:0}.upload-wrapper{flex-direction:column;height:auto;display:flex}.upload-wrapper .el-upload-list{width:100%;margin:0}.preview[data-v-c36bfd7f]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-c36bfd7f]{width:70px}.preview .left .avatar[data-v-c36bfd7f]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-c36bfd7f]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-c36bfd7f]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-c36bfd7f]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-c36bfd7f]{overflow:hidden}.preview .main .info .prompt[data-v-c36bfd7f]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-c36bfd7f]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-c36bfd7f]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-c36bfd7f]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-c36bfd7f]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-c36bfd7f]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-c36bfd7f] p:last-child{margin-bottom:0}.preview .main .operations[data-v-c36bfd7f]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden scroll}.preview .main .operations.full[data-v-c36bfd7f]{height:70px}.preview .main .operations .btn-action[data-v-c36bfd7f]{margin-bottom:10px}