@acedatacloud/nexior 3.358.0 → 3.360.0

package/dist/assets/Index-nHdc4bFS.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,P as c,T as l,at as u,ht as d,it as f,j as p,mt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-CeX_bNg0.js";import{t as x}from"./upload-B_e6GXND.js";import{t as S}from"./tooltip-FKvalKCm.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-C7ANi-Un.js";import{n as E,r as D}from"./radio-BNhFzeBO.js";import{n as O,t as k}from"./collapse-BynYX4nc.js";import{t as A}from"./drawer-DeX9ylXe.js";import{t as j}from"./input-number-CulKOOnA.js";import{t as M}from"./progress-BuyYfFZn.js";import{t as N}from"./clock-CTJFRyio.js";import{a as ee,i as P,n as te,o as ne,r as re,s as ie,t as ae}from"./pagination-BjoEfHiN.js";import{t as oe}from"./info-BNXVGCAa.js";import{t as se}from"./music-2-CYeSEWCC.js";import{t as ce}from"./plus-C9kUVwFa.js";import{t as F}from"./trash-2-CCnFGmoK.js";import{t as I}from"./triangle-alert-CmopbNHi.js";import{t as le}from"./upload-D9uL4dkQ.js";import{t as ue}from"./user-mH5pTyTU.js";import{t as de}from"./video-CtGoK_4t.js";import{t as L}from"./wand-sparkles-DoGA5MuS.js";import{Ar as fe,Cr as pe,Er as me,Tr as he,kr as ge,wr as R}from"./constants-fPCXwWF5.js";import{$t as _e,Hi as ve,O as z,Qr as B,Yt as ye,an as be,ea as xe,en as Se,fi as Ce,ga as V,hr as H,mn as we,mr as Te,na as U,nn as Ee,pr as W,rn as De,sa as Oe,tn as ke,wa as Ae}from"./index-BcBWKKi1.js";import{t as je}from"./CopyToClipboard-CGwG-ynF.js";import{n as G,t as K}from"./scenarioPayment-DsDn3g93.js";import{t as Me}from"./ReportButton-DTNrYuaU.js";import{t as q}from"./ImagePreview-COEccbcx.js";import{n as Ne}from"./taskDrawerMixin-DyAUhFEq.js";import{t as J}from"./Consumption-DBu0ktO9.js";import{t as Y}from"./AudioPreview-BGWgOrNN.js";import{t as Pe}from"./VideoPlayer-Dlr4zmTe.js";import{t as X}from"./VideoPreview-CYw6jPbC.js";import{t as Fe}from"./ScenarioPaymentMode-D5rkIuHw.js";import{t as Ie}from"./ApiCodeButton-Dh0e3VYw.js";import{t as Le}from"./BotPlaceholder-D55egP4z.js";var Re=v({name:`LayoutDigitalHuman`,components:{UserIcon:ue,ElDrawer:A,ElButton:V},mixins:[Ne]}),ze={class:`main flex flex-row flex-1`},Be={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Ve={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function He(t,n,r,i,o,c){let l=u(`user-icon`),p=u(`el-button`),h=u(`el-drawer`);return g(),s(`div`,ze,[e(`div`,Be,[f(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ve,[f(t.$slots,`result`,{},void 0,!0)]),d(a(p,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:m(()=>[f(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Ue=z(Re,[[`render`,He],[`__scopeId`,`data-v-e912fd04`]]),We=v({name:`DigitalHumanMediaInput`,components:{AudioPreview:Y,CloseIcon:xe,ElButton:V,ElProgress:M,ElUpload:x,ImagePreview:q,MusicIcon:se,UploadIcon:le,VideoIcon:de,VideoPreview:X},mixins:[De,Ee,Se,ye],props:{kind:{type:String,required:!0},accept:{type:String,default:``},buttonText:{type:String,default:``},hint:{type:String,default:``}},emits:[`change`],data(){return{fileList:[],uploadUrl:ve()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},hasFile(){return this.fileList.length>0}},methods:{uploadedUrl(e){return e?.response?.file_url},isPending(e){return e.status===`ready`||e.status===`uploading`},onExceed(e){let t=this.$refs.uploader;t?.clearFiles();let n=e[0];n&&(t?.handleStart?.(n),t?.submit?.())},onError(){T.error(this.$t(`digitalhuman.message.uploadError`))},onRemoveFile(e){let t=this.fileList.indexOf(e);t>=0&&this.fileList.splice(t,1),this.onChange()},onChange(){let e=this.fileList?.[0];this.$emit(`change`,e?this.uploadedUrl(e):void 0)}}}),Ge={class:`thumb`},Ke={key:2,class:`placeholder`},qe=[`title`],Je=[`aria-label`,`title`,`onClick`],Ye={key:0,class:`hint`};function Xe(c,d,f,h,_,v){let y=u(`image-preview`),b=u(`video-preview`),x=u(`audio-preview`),S=u(`el-progress`),C=u(`video-icon`),w=u(`music-icon`),T=u(`close-icon`),E=u(`upload-icon`),D=u(`el-button`),O=u(`el-upload`);return g(),p(O,{ref:`uploader`,"file-list":c.fileList,"onUpdate:fileList":d[0]||=e=>c.fileList=e,accept:c.accept,name:`file`,class:`media-input`,limit:1,multiple:!1,"before-upload":c.beforeUploadSizeGuard,action:c.uploadUrl,headers:c.headers,"on-exceed":c.onExceed,"on-error":c.onError,"on-success":c.onChange,"on-remove":c.onChange},{file:m(({file:r})=>[e(`div`,{class:n([`slot`,{pending:c.isPending(r)}])},[c.kind===`image`&&r.url?(g(),p(y,{key:0,url:r.url,name:r.name,percentage:r.percentage,onRemove:e=>c.onRemoveFile(r)},null,8,[`url`,`name`,`percentage`,`onRemove`])):(g(),s(l,{key:1},[e(`div`,Ge,[c.kind===`video`&&c.uploadedUrl(r)?(g(),p(b,{key:0,url:c.uploadedUrl(r)},null,8,[`url`])):c.kind===`audio`&&c.uploadedUrl(r)?(g(),p(x,{key:1,url:c.uploadedUrl(r)},null,8,[`url`])):(g(),s(`div`,Ke,[c.isPending(r)?(g(),p(S,{key:0,type:`circle`,"stroke-width":4,percentage:Math.round(r.percentage||0),width:34},null,8,[`percentage`])):c.kind===`video`?(g(),p(C,{key:1,size:`1em`,"aria-hidden":`true`,focusable:`false`})):(g(),p(w,{key:2,size:`1em`,"aria-hidden":`true`,focusable:`false`}))]))]),e(`span`,{class:`filename`,title:r.name},i(r.name),9,qe),e(`button`,{type:`button`,class:`remove`,"aria-label":c.$t(`common.button.close`),title:c.$t(`common.button.close`),onClick:t(e=>c.onRemoveFile(r),[`stop`])},[a(T,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Je)],64))],2)]),default:m(()=>[a(D,{round:``,type:`primary`,size:`small`,class:`btn`},{default:m(()=>[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(c.hasFile?c.$t(`digitalhuman.button.replace`):c.buttonText),1)]),_:1}),c.hint?(g(),s(`p`,Ye,i(c.hint),1)):o(``,!0)]),_:1},8,[`file-list`,`accept`,`before-upload`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`,`on-remove`])}var Z=z(We,[[`render`,Xe],[`__scopeId`,`data-v-db0590a9`]]),Ze=20,Q=e=>{let t=e;return!!t&&typeof t.voice_id==`string`&&!!t.voice_id&&typeof t.name==`string`},$=()=>{try{let e=JSON.parse(localStorage.getItem(`digitalhuman.voices`)||`[]`);return Array.isArray(e)?e.filter(Q).map(e=>({voice_id:e.voice_id,name:e.name,lang:typeof e.lang==`string`?e.lang:`zh`,created_at:typeof e.created_at==`number`?e.created_at:0})):[]}catch{return[]}},Qe=e=>{try{localStorage.setItem(fe,JSON.stringify(e))}catch{}return e},$e=e=>Q(e)?Qe([e,...$().filter(t=>t.voice_id!==e.voice_id)].slice(0,Ze)):$(),et=e=>Qe($().filter(t=>t.voice_id!==e)),tt=e=>`${e} ${$().length+1}`,nt=3e3,rt=60,it=v({name:`DigitalHumanVoiceCloneDialog`,components:{Consumption:J,ElAlert:C,ElButton:V,ElDialog:Oe,ElInput:Ae,ElRadioButton:E,ElRadioGroup:D,MediaInput:Z},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`,`cloned`],data(){return{sampleUrl:void 0,name:``,lang:`zh`,cloning:!1,destroyed:!1,runId:0,DIGITALHUMAN_AUDIO_ACCEPT:R,DIGITALHUMAN_VOICE_CLONE_CONSUMPTION:2,voiceQuoteUsdc:void 0,voiceQuoteLoading:!1,quoteRunId:0}},computed:{service(){return this.$store.state.digitalhuman?.service},credentialToken(){return this.$store.state.digitalhuman?.credential?.token},walletMode(){return K()&&G(`digitalhuman`).mode===`wallet`},langOptions(){return pe.map(e=>({value:e,label:this.$t(`digitalhuman.name.lang_${e}`)}))}},watch:{walletMode(e){this.voiceQuoteUsdc=void 0,e&&this.visible&&this.sampleUrl&&this.refreshVoiceQuote()},visible(e){e?(this.sampleUrl=void 0,this.name=tt(this.$t(`digitalhuman.name.myVoice`)),this.lang=`zh`):(this.runId++,this.quoteRunId++,this.cloning=!1,this.voiceQuoteLoading=!1)}},beforeUnmount(){this.destroyed=!0,this.runId++,this.quoteRunId++},methods:{onVisible(e){this.cloning&&!e||this.$emit(`update:visible`,e)},onSampleChange(e){this.sampleUrl=e,this.voiceQuoteUsdc=void 0,e&&this.walletMode&&this.refreshVoiceQuote()},isStale(e){return this.destroyed||e!==this.runId},sleep(e){return new Promise(t=>setTimeout(t,e))},async refreshVoiceQuote(){if(!this.sampleUrl)return;let e=++this.quoteRunId;this.voiceQuoteLoading=!0;try{let t=await H.quoteVoice(this.voiceRequest());e===this.quoteRunId&&this.walletMode&&(this.voiceQuoteUsdc=t.amountUsdc)}catch(e){console.warn(`x402 voice quote failed`,e)}finally{e===this.quoteRunId&&(this.voiceQuoteLoading=!1)}},voiceRequest(){return Te({audio_url:this.sampleUrl||``,lang:this.lang,name:this.name||void 0})},paymentOptions(){if(!this.walletMode)return this.credentialToken?{token:this.credentialToken}:void 0;let e=this.getWalletContext();if(!e){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}return{mode:`x402`,x402:{wallet:e,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credentialToken}}},async onClone(){if(!this.sampleUrl)return;let e=this.paymentOptions();if(!e)return;let t=++this.runId;this.cloning=!0;try{let{data:n}=await H.cloneVoice(this.voiceRequest(),e);if(this.isStale(t))return;if(n?.voice_id){this.onCloned(n.voice_id);return}if(n?.task_id)await this.pollVoice(n.task_id,t);else throw Error(`no task`)}catch(e){if(e instanceof B)return;this.isStale(t)||T.error(this.$t(`digitalhuman.message.voiceCloneFailed`))}finally{this.isStale(t)||(this.cloning=!1)}},async pollVoice(e,t){for(let n=0;n<rt;n++){if(this.isStale(t)||(await this.sleep(nt),this.isStale(t)))return;let n=this.credentialToken,{data:r}=await H.pollTask(e,n?{token:n}:{mode:`x402`});if(this.isStale(t))return;if(r?.voice_id){this.onCloned(r.voice_id);return}if(r?.state===`failed`)throw Error(`clone failed`)}throw Error(`timeout`)},getWalletContext(){let e=this.$wallet,t=e?.publicKey?.value,n=e?.wallet?.value?.adapter;if(!(!t||!n?.signTransaction))return{publicKey:t,signTransaction:n.signTransaction.bind(n)}},async confirmWalletPayment(e){return U.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},onCloned(e){$e({voice_id:e,name:this.name||this.$t(`digitalhuman.name.myVoice`),lang:this.lang,created_at:Date.now()/1e3}),T.success(this.$t(`digitalhuman.message.voiceCloneSuccess`)),this.cloning=!1,this.$emit(`cloned`,e),this.$emit(`update:visible`,!1)}}}),at={class:`text-xs text-[var(--el-text-color-secondary)] mb-3`},ot={class:`field mb-3`},st={class:`label`},ct={class:`field`},lt={class:`label`},ut={class:`text-xs mb-0`},dt={key:1,class:`mt-4 text-xs text-[var(--el-text-color-secondary)]`},ft={class:`footer`},pt={key:0,class:`cost text-xs text-[var(--el-text-color-secondary)]`};function mt(t,n,o,c,d,f){let _=u(`media-input`),v=u(`el-input`),y=u(`el-radio-button`),b=u(`el-radio-group`),x=u(`el-alert`),S=u(`consumption`),C=u(`el-button`),w=u(`el-dialog`);return g(),p(w,{"model-value":t.visible,title:t.$t(`digitalhuman.name.cloneVoice`),width:`440`,"align-center":``,"append-to-body":``,"close-on-click-modal":!t.cloning,"close-on-press-escape":!t.cloning,"onUpdate:modelValue":t.onVisible},{footer:m(()=>[e(`div`,ft,[t.walletMode?(g(),s(`span`,pt,i(t.voiceQuoteLoading?`…`:t.voiceQuoteUsdc?`${t.voiceQuoteUsdc} USDC`:t.$t(`common.x402Scenario.quoteBeforeSigning`)),1)):(g(),p(S,{key:1,value:t.DIGITALHUMAN_VOICE_CLONE_CONSUMPTION,service:t.service,class:`cost`},null,8,[`value`,`service`])),e(`div`,null,[a(C,{disabled:t.cloning,onClick:n[2]||=e=>t.onVisible(!1)},{default:m(()=>[r(i(t.$t(`common.button.cancel`)),1)]),_:1},8,[`disabled`]),a(C,{type:`primary`,loading:t.cloning,disabled:!t.sampleUrl||t.cloning,onClick:t.onClone},{default:m(()=>[r(i(t.$t(`digitalhuman.button.startClone`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])])]),default:m(()=>[e(`p`,at,i(t.$t(`digitalhuman.message.voiceCloneHint`)),1),a(_,{kind:`audio`,accept:t.DIGITALHUMAN_AUDIO_ACCEPT,"button-text":t.$t(`digitalhuman.button.uploadSample`),hint:t.$t(`digitalhuman.message.audioHint`),class:`mb-4`,onChange:t.onSampleChange},null,8,[`accept`,`button-text`,`hint`,`onChange`]),e(`div`,ot,[e(`span`,st,i(t.$t(`digitalhuman.name.voiceName`)),1),a(v,{modelValue:t.name,"onUpdate:modelValue":n[0]||=e=>t.name=e,class:`control`,placeholder:t.$t(`digitalhuman.placeholder.voiceName`)},null,8,[`modelValue`,`placeholder`])]),e(`div`,ct,[e(`span`,lt,i(t.$t(`digitalhuman.name.voiceLang`)),1),a(b,{modelValue:t.lang,"onUpdate:modelValue":n[1]||=e=>t.lang=e,class:`control`},{default:m(()=>[(g(!0),s(l,null,h(t.langOptions,e=>(g(),p(y,{key:e.value,value:e.value},{default:m(()=>[r(i(e.label),1)]),_:2},1032,[`value`]))),128))]),_:1},8,[`modelValue`])]),t.cloning?(g(),p(x,{key:0,closable:!1,type:`info`,class:`mt-4`},{default:m(()=>[e(`p`,ut,i(t.$t(`digitalhuman.message.voiceCloneRunning`)),1)]),_:1})):(g(),s(`p`,dt,i(t.$t(`digitalhuman.message.voiceStoredLocally`)),1))]),_:1},8,[`model-value`,`title`,`close-on-click-modal`,`close-on-press-escape`,`onUpdate:modelValue`])}var ht=v({name:`DigitalHumanTimbreSelector`,components:{AddIcon:ce,DeleteIcon:F,ElButton:V,ElOption:b,ElSelect:y,VoiceCloneDialog:z(it,[[`render`,mt],[`__scopeId`,`data-v-240eb2d8`]])},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{voices:$(),dialogVisible:!1}},mounted(){this.modelValue&&!this.voices.some(e=>e.voice_id===this.modelValue)&&this.$emit(`update:modelValue`,void 0)},methods:{labelFor(e){let t=this.$t(`digitalhuman.name.lang_${e.lang}`);return t.startsWith(`digitalhuman.`)?e.name:`${e.name} · ${t}`},onCloned(e){this.voices=$(),this.$emit(`update:modelValue`,e)},onRemove(e){this.voices=et(e),this.modelValue===e&&this.$emit(`update:modelValue`,void 0)}}}),gt={class:`row`},_t={class:`label`},vt={class:`option`},yt={class:`option-name`},bt=[`aria-label`,`title`,`onClick`],xt={class:`empty`};function St(n,o,d,f,_,v){let y=u(`delete-icon`),b=u(`el-option`),x=u(`el-select`),S=u(`add-icon`),C=u(`el-button`),w=u(`voice-clone-dialog`);return g(),s(`div`,null,[e(`div`,gt,[e(`span`,_t,i(n.$t(`digitalhuman.name.timbre`)),1),a(x,{"model-value":n.modelValue,class:`control`,placeholder:n.$t(`digitalhuman.placeholder.pickTimbre`),"onUpdate:modelValue":o[0]||=e=>n.$emit(`update:modelValue`,e)},c({default:m(()=>[(g(!0),s(l,null,h(n.voices,r=>(g(),p(b,{key:r.voice_id,label:n.labelFor(r),value:r.voice_id},{default:m(()=>[e(`span`,vt,[e(`span`,yt,i(n.labelFor(r)),1),e(`button`,{type:`button`,class:`option-remove`,"aria-label":n.$t(`common.button.delete`),title:n.$t(`common.button.delete`),onClick:t(e=>n.onRemove(r.voice_id),[`stop`])},[a(y,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,bt)])]),_:2},1032,[`label`,`value`]))),128))]),_:2},[n.voices.length===0?{name:`empty`,fn:m(()=>[e(`p`,xt,i(n.$t(`digitalhuman.message.noVoiceYet`)),1)]),key:`0`}:void 0]),1032,[`model-value`,`placeholder`])]),a(C,{size:`small`,text:``,type:`primary`,class:`clone`,onClick:o[1]||=e=>n.dialogVisible=!0},{default:m(()=>[a(S,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.button.cloneNewVoice`)),1)]),_:1}),a(w,{visible:n.dialogVisible,"onUpdate:visible":o[2]||=e=>n.dialogVisible=e,onCloned:n.onCloned},null,8,[`visible`,`onCloned`])])}var Ct=v({name:`ConfigPanel`,components:{Consumption:J,ElButton:V,ElCollapse:k,ElCollapseItem:O,ElInputNumber:j,ElRadioButton:E,ElRadioGroup:D,InfoIcon:ee,MagicIcon:L,MediaInput:Z,PromptTextarea:P,TimbreSelector:z(ht,[[`render`,St],[`__scopeId`,`data-v-e191cc56`]]),WarningIcon:I,ScenarioPaymentMode:Fe},emits:[`generate`],data(){return{faceMode:`video`,voiceMode:`text`,advancedOpen:[],DIGITALHUMAN_VIDEO_ACCEPT:ge,DIGITALHUMAN_IMAGE_ACCEPT:me,DIGITALHUMAN_AUDIO_ACCEPT:R,quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.digitalhuman?.config},service(){return this.$store.state.digitalhuman?.service},consumption(){return be(this.config,this.service?.cost)},missing(){let e=[];return(this.faceMode===`video`?this.config?.video_url:this.config?.image_url)||e.push({key:`face`,message:this.$t(`digitalhuman.message.missingFace`)}),this.voiceMode===`text`?(this.config?.text?.trim()||e.push({key:`text`,message:this.$t(`digitalhuman.message.missingText`)}),this.config?.voice_id||e.push({key:`timbre`,message:this.$t(`digitalhuman.message.missingTimbre`)})):this.config?.audio_url||e.push({key:`audio`,message:this.$t(`digitalhuman.message.missingAudio`)}),e},text:{get(){return this.config?.text},set(e){this.update({text:e})}},voiceId:{get(){return this.config?.voice_id},set(e){this.update({voice_id:e})}},speed:{get(){return this.config?.speed??1},set(e){this.update({speed:e})}},walletMode(){return K()&&G(`digitalhuman`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0},faceMode(){this.walletMode&&this.scheduleQuote()},voiceMode(){this.walletMode&&this.scheduleQuote()}},mounted(){this.config?.image_url&&!this.config?.video_url&&(this.faceMode=`photo`),this.config?.audio_url&&(this.voiceMode=`audio`)},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=G(`digitalhuman`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=W(this.config,this.faceMode,this.voiceMode),r=await H.quote(n);t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=r.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},isMissing(e){return this.missing.some(t=>t.key===e)},update(e){this.$store.commit(`digitalhuman/setConfig`,{...this.config,...e})},onFaceModeChange(e){this.update(e===`video`?{image_url:void 0}:{video_url:void 0})},onVoiceModeChange(e){this.update(e===`audio`?{text:void 0,voice_id:void 0}:{audio_url:void 0})},onFaceVideoChange(e){this.update({video_url:e})},onFacePhotoChange(e){this.update({image_url:e})},onAudioChange(e){this.update({audio_url:e})},onGenerate(){let e=this.missing[0];if(e){T.warning(e.message);let t=e.key===`face`?`face`:`voice`;this.$refs[t]?.scrollIntoView?.({behavior:`smooth`,block:`center`});return}this.$emit(`generate`,W(this.config,this.faceMode,this.voiceMode))}}}),wt={class:`flex flex-col h-full`},Tt={class:`flex-1 overflow-y-auto p-5`},Et={ref:`face`,class:`field-block mb-6`},Dt={class:`field-head`},Ot={class:`field-title font-bold`},kt={key:0,class:`required-badge`},At={ref:`voice`,class:`field-block mb-6`},jt={class:`field-head`},Mt={class:`field-title font-bold`},Nt={key:0,class:`required-badge`},Pt={class:`field-row`},Ft={class:`field-head`},It={class:`field-title font-bold`},Lt={class:`flex flex-col items-center justify-center px-5 pb-5`},Rt={key:0,class:`hint-missing`},zt={class:`hint-eta`};function Bt(t,n,c,d,f,h){let _=u(`info-icon`),v=u(`el-radio-button`),y=u(`el-radio-group`),b=u(`media-input`),x=u(`prompt-textarea`),S=u(`timbre-selector`),C=u(`el-input-number`),w=u(`el-collapse-item`),T=u(`el-collapse`),E=u(`warning-icon`),D=u(`scenario-payment-mode`),O=u(`consumption`),k=u(`magic-icon`),A=u(`el-button`);return g(),s(`div`,wt,[e(`div`,Tt,[e(`section`,Et,[e(`div`,Dt,[e(`h2`,Ot,i(t.$t(`digitalhuman.name.step1`)),1),t.isMissing(`face`)?(g(),s(`span`,kt,i(t.$t(`digitalhuman.name.required`)),1)):o(``,!0),a(_,{content:t.$t(`digitalhuman.description.step1`),class:`ml-1`},null,8,[`content`])]),a(y,{modelValue:t.faceMode,"onUpdate:modelValue":n[0]||=e=>t.faceMode=e,class:`mode-switch mb-3`,onChange:t.onFaceModeChange},{default:m(()=>[a(v,{value:`video`},{default:m(()=>[r(i(t.$t(`digitalhuman.name.faceModeVideo`)),1)]),_:1}),a(v,{value:`photo`},{default:m(()=>[r(i(t.$t(`digitalhuman.name.faceModePhoto`)),1)]),_:1})]),_:1},8,[`modelValue`,`onChange`]),t.faceMode===`video`?(g(),p(b,{key:0,kind:`video`,accept:t.DIGITALHUMAN_VIDEO_ACCEPT,"button-text":t.$t(`digitalhuman.button.uploadFaceVideo`),hint:t.$t(`digitalhuman.message.faceVideoHint`),onChange:t.onFaceVideoChange},null,8,[`accept`,`button-text`,`hint`,`onChange`])):(g(),p(b,{key:1,kind:`image`,accept:t.DIGITALHUMAN_IMAGE_ACCEPT,"button-text":t.$t(`digitalhuman.button.uploadFacePhoto`),hint:t.$t(`digitalhuman.message.facePhotoHint`),onChange:t.onFacePhotoChange},null,8,[`accept`,`button-text`,`hint`,`onChange`]))],512),e(`section`,At,[e(`div`,jt,[e(`h2`,Mt,i(t.$t(`digitalhuman.name.step2`)),1),t.isMissing(`text`)||t.isMissing(`timbre`)||t.isMissing(`audio`)?(g(),s(`span`,Nt,i(t.$t(`digitalhuman.name.required`)),1)):o(``,!0),a(_,{content:t.$t(`digitalhuman.description.step2`),class:`ml-1`},null,8,[`content`])]),a(y,{modelValue:t.voiceMode,"onUpdate:modelValue":n[1]||=e=>t.voiceMode=e,class:`mode-switch mb-3`,onChange:t.onVoiceModeChange},{default:m(()=>[a(v,{value:`text`},{default:m(()=>[r(i(t.$t(`digitalhuman.name.voiceModeText`)),1)]),_:1}),a(v,{value:`audio`},{default:m(()=>[r(i(t.$t(`digitalhuman.name.voiceModeAudio`)),1)]),_:1})]),_:1},8,[`modelValue`,`onChange`]),t.voiceMode===`text`?(g(),s(l,{key:0},[a(x,{modelValue:t.text,"onUpdate:modelValue":n[2]||=e=>t.text=e,class:`mb-3`,title:t.$t(`digitalhuman.name.speech`),placeholder:t.$t(`digitalhuman.placeholder.speech`),"min-rows":5,"max-rows":14},null,8,[`modelValue`,`title`,`placeholder`]),a(S,{modelValue:t.voiceId,"onUpdate:modelValue":n[3]||=e=>t.voiceId=e},null,8,[`modelValue`])],64)):(g(),p(b,{key:1,kind:`audio`,accept:t.DIGITALHUMAN_AUDIO_ACCEPT,"button-text":t.$t(`digitalhuman.button.uploadSpeechAudio`),hint:t.$t(`digitalhuman.message.audioHint`),onChange:t.onAudioChange},null,8,[`accept`,`button-text`,`hint`,`onChange`]))],512),a(T,{modelValue:t.advancedOpen,"onUpdate:modelValue":n[5]||=e=>t.advancedOpen=e,class:`advanced`},{default:m(()=>[a(w,{name:`advanced`,title:t.$t(`digitalhuman.name.advanced`)},{default:m(()=>[e(`div`,Pt,[e(`div`,Ft,[e(`h2`,It,i(t.$t(`digitalhuman.name.speed`)),1),a(_,{content:t.$t(`digitalhuman.description.speed`),class:`ml-1`},null,8,[`content`])]),a(C,{modelValue:t.speed,"onUpdate:modelValue":n[4]||=e=>t.speed=e,class:`field-control`,min:.5,max:2,step:.1,precision:1,"controls-position":`right`},null,8,[`modelValue`])])]),_:1},8,[`title`])]),_:1},8,[`modelValue`])]),e(`div`,Lt,[t.missing.length>0?(g(),s(`p`,Rt,[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.missing[0].message),1)])):o(``,!0),a(D,{scenario:`digitalhuman`}),t.walletMode?o(``,!0):(g(),p(O,{key:1,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(A,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:m(()=>[a(k,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`digitalhuman.button.generateVideo`)),1)]),_:1},8,[`onClick`]),e(`p`,zt,i(t.$t(`digitalhuman.message.eta`)),1)])])}var Vt=z(Ct,[[`render`,Bt],[`__scopeId`,`data-v-30f81f39`]]),Ht=[`.jpg`,`.jpeg`,`.png`,`.webp`,`.bmp`,`.gif`],Ut=v({name:`TaskPreview`,components:{ApiCodeButton:Ie,AudioPreview:Y,ChannelIcon:ie,CopyToClipboard:je,DeleteIcon:F,ElAlert:C,ElButton:V,ElProgress:M,ElTooltip:S,FullscreenIcon:ne,ImagePreview:q,InfoIcon:oe,MagicIcon:L,ReportButton:Me,TimeIcon:N,VideoPlayer:Pe,VideoPreview:X,WarningIcon:I},props:{modelValue:{type:Object,required:!0}},computed:{status(){return this.modelValue?.status||this.modelValue?.response?.state||`pending`},isSuccess(){return[`succeed`,`succeeded`].includes(this.status)||!!this.modelValue?.response?.video_url},isFailure(){return[`failed`,`dead`].includes(this.status)||this.modelValue?.response?.success===!1},isTerminal(){return this.isSuccess||this.isFailure},videoUrl(){return this.modelValue?.response?.video_url},progressPct(){let e=this.modelValue?.response?.progress;return typeof e==`number`?e:0},voiceLabel(){return this.modelValue?.request?.audio_url?this.$t(`digitalhuman.name.audioDriven`):this.$t(`digitalhuman.name.textDriven`)},faceUrl(){return this.modelValue?.request?.video_url||this.modelValue?.request?.image_url},isPhotoFace(){if(this.modelValue?.request?.image_url)return!0;let e=(this.faceUrl||``).split(`?`)[0].toLowerCase();return Ht.some(t=>e.endsWith(t))},audioUrl(){return this.modelValue?.request?.audio_url},outputSize(){let{width:e,height:t}=this.modelValue?.response||{};return e&&t?`${e}×${t}`:void 0},etaText(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(!e)return;let t=he-(Date.now()/1e3-e);return t<=60?this.$t(`digitalhuman.message.etaAlmostDone`):this.$t(`digitalhuman.message.etaRemaining`,{minutes:Math.ceil(t/60)})},statusLabel(){let e=`digitalhuman.status.${this.status}`,t=this.$t(e);return t===e?this.$t(`digitalhuman.status.processing`):t},failureReason(){let e=this.modelValue?.response?.error;if(e)return typeof e==`string`?e:e?.message}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await U.confirm(this.$t(`common.message.deleteTaskConfirm`),this.$t(`common.button.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),confirmButtonClass:`el-button--danger`})}catch{return}try{await this.$store.dispatch(`digitalhuman/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e,t){e?.stopPropagation(),window.open(t,`_blank`)}}}),Wt={class:`preview`},Gt={class:`left`},Kt={class:`main`},qt={class:`bot`},Jt={class:`datetime`},Yt=[`aria-label`],Xt={class:`info`},Zt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Qt={class:`prompt mt-2`},$t={key:0},en={key:0,class:`content`},tn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rn={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},an={key:1,class:`content`},on={class:`operations mt-2`},sn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},cn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ln={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},un={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},fn={key:2,class:`content`},pn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function _n(n,c,l,d,f,h){let _=u(`capability-presentation`),v=u(`delete-icon`),y=u(`el-tooltip`),b=u(`image-preview`),x=u(`video-preview`),S=u(`audio-preview`),C=u(`time-icon`),w=u(`el-progress`),T=u(`magic-icon`),E=u(`copy-to-clipboard`),D=u(`el-alert`),O=u(`video-player`),k=u(`el-button`),A=u(`api-code-button`),j=u(`report-button`),M=u(`fullscreen-icon`),N=u(`channel-icon`),ee=u(`warning-icon`),P=u(`info-icon`);return g(),s(`div`,Wt,[e(`div`,Gt,[a(_,{capability:`digitalhuman`,part:`avatar`,class:`avatar`})]),e(`div`,Kt,[e(`div`,qt,[a(_,{capability:`digitalhuman`,part:`name`}),e(`span`,Jt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(y,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:m(()=>[n.modelValue?.id?(g(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:c[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Yt)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Xt,[n.faceUrl||n.audioUrl?(g(),s(`div`,Zt,[n.faceUrl&&n.isPhotoFace?(g(),p(b,{key:0,url:n.faceUrl,name:`face`,closable:!1},null,8,[`url`])):n.faceUrl?(g(),p(x,{key:1,url:n.faceUrl,name:`face`},null,8,[`url`])):o(``,!0),n.audioUrl?(g(),p(S,{key:2,url:n.audioUrl,name:`audio`},null,8,[`url`])):o(``,!0)])):o(``,!0),e(`p`,Qt,[r(i(n.modelValue?.request?.text||n.voiceLabel)+` `,1),n.isTerminal?o(``,!0):(g(),s(`span`,$t,` - (`+i(n.statusLabel)+`) `,1))])]),n.isTerminal?o(``,!0):(g(),s(`div`,en,[a(D,{closable:!1,class:`info-state`},{default:m(()=>[e(`p`,tn,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.statusLabel),1)]),a(w,{percentage:n.progressPct,"stroke-width":6,class:`mb-2`},null,8,[`percentage`]),n.etaText?(g(),s(`p`,nn,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.etaLabel`))+`: `+i(n.etaText),1)])):o(``,!0),e(`p`,rn,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])),n.isSuccess?(g(),s(`div`,an,[n.videoUrl?(g(),p(O,{key:0,src:n.videoUrl},null,8,[`src`])):o(``,!0),e(`div`,on,[n.videoUrl?(g(),p(k,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=e=>n.onDownload(e,n.videoUrl)},{default:m(()=>[r(i(n.$t(`digitalhuman.button.download`)),1)]),_:1})):o(``,!0),a(A,{path:`/digital-human/videos`,body:n.modelValue?.request},null,8,[`body`]),a(j,{service:`digitalhuman`,"target-id":n.modelValue?.id,snapshot:{text:n.modelValue?.request?.text}},null,8,[`target-id`,`snapshot`])]),a(D,{closable:!1,class:`mt-2 success`},{default:m(()=>[n.modelValue?.response?.duration?(g(),s(`p`,sn,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.duration`))+`: `+i(n.modelValue?.response?.duration?.toFixed(1))+`s `,1)])):o(``,!0),n.outputSize?(g(),s(`p`,cn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.outputSize`))+`: `+i(n.outputSize),1)])):o(``,!0),e(`p`,ln,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,un,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,dn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0),n.isFailure?(g(),s(`div`,fn,[a(D,{closable:!1,class:`failure`},{template:m(()=>[a(ee,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.failure`)),1)]),default:m(()=>[e(`p`,pn,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.failureReason?(g(),s(`p`,mn,[a(P,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.failureReason`))+`: `+i(n.failureReason)+` `,1),a(E,{content:n.failureReason},null,8,[`content`])])):o(``,!0),n.modelValue?.elapsed?(g(),s(`p`,hn,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,gn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`digitalhuman.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var vn=v({name:`RecentPanel`,components:{TaskPreview:z(Ut,[[`render`,_n],[`__scopeId`,`data-v-342f1d6d`]]),NoTasks:re,BotPlaceholder:Le,ScrollList:te},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.digitalhuman?.tasks,items:this.$store.state.digitalhuman?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),yn={key:0},bn={key:2,class:`w-full h-full flex items-center justify-center`};function xn(e,t,n,r,i,c){let d=u(`bot-placeholder`),f=u(`task-preview`),_=u(`scroll-list`),v=u(`no-tasks`);return g(),s(l,null,[e.tasks?.items===void 0?(g(),s(`div`,yn,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),p(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(g(!0),s(l,null,h(e.tasks?.items,(e,t)=>(g(),p(f,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,bn,[a(v)])):o(``,!0)],64)}var Sn=v({name:`DigitalHumanIndex`,components:{ConfigPanel:Vt,Layout:Ue,RecentPanel:z(vn,[[`render`,xn]])},mixins:[ke],inject:[`initialized`],data(){return{job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.digitalhuman?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.digitalhuman?.status?.getTasks===w.Request||this.fetchingTasks},credential(){return this.$store.state.digitalhuman.credential},config(){return this.$store.state.digitalhuman.config},tasks(){return this.$store.state.digitalhuman.tasks},walletMode(){return K()&&G(`digitalhuman`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`digitalhuman/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onGetTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},initialized:{async handler(e){window.clearInterval(this.job),e&&(await this.onGetTasks(),await this.onScrollDown(),this.job||=window.setInterval(this.onGetTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ae({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(){await this.$store.dispatch(`digitalhuman/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`digitalhuman/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(e){if(!_e(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let t;if(this.walletMode){let n=this.getWalletContext();if(!n){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=H.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!we())return;let n=this.credential?.token;if(!n)return;t=H.generate(e,{token:n})}T.info(this.$t(`digitalhuman.message.startingTask`)),Ce(`digitalhuman`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`digitalhuman.message.startTaskSuccess`))}).catch(e=>{e instanceof B||((e?.response?.data)?.error?.code===`used_up`?T.error(this.$t(`digitalhuman.message.usedUp`)):this.walletMode?T.error(`${this.$t(`common.x402Scenario.paymentFailed`)} ${e?.message||``}`.trim()):T.error(this.$t(`digitalhuman.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){let e=this.$wallet,t=e?.publicKey?.value,n=e?.wallet?.value?.adapter;if(!(!t||!n?.signTransaction))return{publicKey:t,signTransaction:n.signTransaction.bind(n)}},async confirmWalletPayment(e){return U.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Cn(e,t,n,r,i,o){let s=u(`config-panel`),c=u(`recent-panel`),l=u(`layout`);return g(),p(l,null,{config:m(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var wn=z(Sn,[[`render`,Cn]]);export{wn as default};

package/dist/assets/Index-oeqRy6sE.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-CeX_bNg0.js";import{n as x,t as S}from"./tabs-4TPiegps.js";import{t as C}from"./upload-B_e6GXND.js";import{t as w}from"./tooltip-FKvalKCm.js";import{t as T}from"./alert-BprQRUmf.js";import{h as E,v as D}from"./models-C7ANi-Un.js";import{n as O,r as k}from"./radio-BNhFzeBO.js";import{t as A}from"./drawer-DeX9ylXe.js";import{t as j}from"./input-number-CulKOOnA.js";import{t as M}from"./slider-EsCfJqwi.js";import{t as N}from"./switch-CNbPld6w.js";import{t as P}from"./clock-CTJFRyio.js";import{a as F,i as ee,n as te,r as ne,s as re,t as ie}from"./pagination-BjoEfHiN.js";import{t as ae}from"./headphones-CyLzwLZl.js";import{t as oe}from"./info-BNXVGCAa.js";import{t as se}from"./lightbulb-C2JdRcH3.js";import{t as ce}from"./trash-2-CCnFGmoK.js";import{t as le}from"./triangle-alert-CmopbNHi.js";import{t as I}from"./upload-D9uL4dkQ.js";import{t as L}from"./wand-sparkles-DoGA5MuS.js";import{_i as ue,fi as de,gi as fe,hi as pe}from"./constants-fPCXwWF5.js";import{$t as me,Ar as R,Hi as z,O as B,Or as he,Qr as ge,Qt as _e,Xt as ve,Yt as ye,Zt as be,an as V,ea as xe,en as H,fi as U,ga as W,kr as Se,ma as Ce,mn as we,na as G,nn as K,rn as q,tn as Te,wa as J}from"./index-BcBWKKi1.js";import{t as Ee}from"./CopyToClipboard-CGwG-ynF.js";import{n as Y,r as De,t as X}from"./scenarioPayment-DsDn3g93.js";import{t as Oe}from"./ReportButton-DTNrYuaU.js";import{t as ke}from"./FilePreview-CNpEeq4z.js";import{t as Z}from"./ImagePreview-COEccbcx.js";import{n as Ae}from"./taskDrawerMixin-DyAUhFEq.js";import{t as je}from"./Consumption-DBu0ktO9.js";import{t as Me}from"./AudioPreview-BGWgOrNN.js";import{t as Ne}from"./VideoPlayer-Dlr4zmTe.js";import{t as Pe}from"./VideoPreview-CYw6jPbC.js";import{t as Fe}from"./ScenarioPaymentMode-D5rkIuHw.js";import{t as Ie}from"./ApiCodeButton-Dh0e3VYw.js";import{t as Le}from"./BotPlaceholder-D55egP4z.js";var Re=v({name:`LayoutKling`,components:{MagicIcon:L,ElDrawer:A,ElButton:W},mixins:[Ae]}),ze={class:`main flex flex-row flex-1 min-h-0`},Be={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Ve={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function He(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,ze,[e(`div`,Be,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ve,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Ue=B(Re,[[`render`,He],[`__scopeId`,`data-v-2d826924`]]),We={text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1,referenceVideo:!1,referenceImages:!1};function Q(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,referenceVideo:!1,referenceImages:!1};case`kling-v1-6`:case`kling-v2-5-turbo`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:!1,motionControl:!1,referenceVideo:!1,referenceImages:!1};case`kling-v2-6`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:r===`pro`,motionControl:!1,referenceVideo:!1,referenceImages:!1};case`kling-v2-master`:case`kling-v2-1-master`:return{text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1,referenceVideo:!1,referenceImages:!1};case`kling-v3`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:r!==`4k`,referenceVideo:!1,referenceImages:!1};case`kling-v3-omni`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:!1,referenceVideo:!0,referenceImages:!0};case`kling-o1`:return{text2video:!0,image2video:!0,endImage:!0,audio:!1,motionControl:!1,referenceVideo:!0,referenceImages:!0};default:return We}}var $=`<<<video_1>>>`,Ge=/<<<image_\d+>>>/g;function Ke(e){return e?e.split($).join(` `).replace(/\s{2,}/g,` `).trim():``}function qe(e){return e?e.replace(Ge,` `).replace(/\s{2,}/g,` `).trim():``}function Je(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=Q(n,r,i),o=[];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`}),e.video_list?.length&&!a.referenceVideo&&o.push({field:`video_list`,i18nLabel:`kling.name.referenceVideo`}),e.image_list?.length&&!a.referenceImages&&o.push({field:`image_list`,i18nLabel:`kling.name.referenceImages`});let s=n===`kling-o1`||!!(e.image_list?.length||e.video_list?.length);return s&&e.cfg_scale!==void 0&&o.push({field:`cfg_scale`,i18nLabel:`kling.name.cfgScale`}),s&&e.negative_prompt&&o.push({field:`negative_prompt`,i18nLabel:`kling.name.negativePrompt`}),o}function Ye(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),e.field===`cfg_scale`&&(n.cfg_scale=void 0),e.field===`negative_prompt`&&(n.negative_prompt=void 0),e.field===`video_list`&&(n.video_list=void 0,n.prompt=Ke(n.prompt)),e.field===`image_list`&&(n.image_list=void 0,n.prompt=qe(n.prompt));return n}var Xe=v({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0,options:[{value:`kling-v3`,label:`v3`},{value:`kling-v3-omni`,label:`v3-Omni`},{value:`kling-v2-6`,label:`v2.6`},{value:`kling-v2-5-turbo`,label:`v2.5-Turbo`},{value:`kling-v2-1-master`,label:`v2.1-Master`},{value:`kling-v2-master`,label:`v2-Master`},{value:`kling-v1-6`,label:`v1.6`},{value:`kling-v1`,label:`v1`},{value:`kling-o1`,label:`Kling O1`}]}},computed:{value(){return this.$store.state.kling?.config?.model}},mounted(){this.value||this.applyModel(de)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=Je(t,{model:e});if(n.length===0){this.applyModel(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await G.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=Ye({...t,model:e},n);this.$store.commit(`kling/setConfig`,i),D.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})}}}),Ze={class:`field`},Qe={class:`title font-bold`};function $e(t,n,r,a,o,u){let d=l(`el-option`),m=l(`el-select`);return g(),s(`div`,Ze,[e(`h2`,Qe,i(t.$t(`pika.name.model`)),1),(g(),f(m,{key:t.revertKey,"model-value":t.value,class:`value`,placeholder:t.$t(`pika.placeholder.select`),onChange:t.onChange},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(d,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var et=B(Xe,[[`render`,$e],[`__scopeId`,`data-v-a74e7f31`]]),tt=v({name:`ModeSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:F},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 ue.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=Je(t,{mode:e});if(n.length===0){this.applyMode(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await G.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=Ye({...t,mode:e},n);this.$store.commit(`kling/setConfig`,i),D.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})}}}),nt={class:`field`},rt={class:`header`},it={class:`title font-bold`},at={key:0,class:`opt-tip`};function ot(t,r,u,d,m,_){let v=l(`info-icon`),y=l(`el-option`),b=l(`el-select`);return g(),s(`div`,nt,[e(`div`,rt,[e(`h2`,it,i(t.$t(`kling.name.mode`)),1),a(v,{content:t.$t(`kling.description.mode`),class:`info-icon`},null,8,[`content`])]),(g(),f(b,{key:t.revertKey,"model-value":t.value,class:`value`,placeholder:t.$t(`kling.placeholder.select`),clearable:!0,onChange:t.onChange},{default:p(()=>[(g(!0),s(c,null,h(t.options,t=>(g(),f(y,{key:t.value,label:t.label,value:t.value,disabled:t.disabled},{default:p(()=>[e(`span`,{class:n({"opt-disabled":t.disabled})},i(t.label),3),t.disabled&&t.disabledReason?(g(),s(`span`,at,i(t.disabledReason),1)):o(``,!0)]),_:2},1032,[`label`,`value`,`disabled`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var st=B(tt,[[`render`,ot],[`__scopeId`,`data-v-9a8fa3c5`]]),ct=[3,5,8,10,12,15],lt=[5,10],ut=[5],dt=v({name:`DurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:F},data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},isV3Model(){return ue.includes(this.selectedModel)},allowedDurations(){return this.selectedModel===`kling-o1`?ut:this.isV3Model?ct:lt},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:{selectedModel(){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=Je(t,{duration:e});if(n.length===0){this.applyDuration(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await G.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=Ye({...t,duration:e},n);this.$store.commit(`kling/setConfig`,i),D.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})}}}),ft={class:`field`},pt={class:`control`},mt={class:`label`},ht={class:`title font-bold`};function gt(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,ft,[e(`div`,pt,[e(`div`,mt,[e(`h2`,ht,i(t.$t(`kling.name.duration`)),1),a(m,{content:t.$t(`kling.description.duration`),class:`info-icon ml-1`},null,8,[`content`])]),(g(),f(v,{key:t.revertKey,"model-value":t.selectValue,class:`value`,placeholder:t.$t(`kling.placeholder.select`),onChange:t.onChange},{default:p(()=>[(g(!0),s(c,null,h(t.allowedDurations,e=>(g(),f(_,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])])}var _t=B(dt,[[`render`,gt],[`__scopeId`,`data-v-496bf31c`]]),vt=v({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`}}),yt={class:`text-sm font-bold mb-2 block`},bt={class:`items`},xt=[`onClick`],St={class:`name`};function Ct(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,yt,i(t.$t(`kling.name.ratio`)),1),e(`div`,bt,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.label])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,St,i(r.label),1)],10,xt))),128))])])}var wt=B(vt,[[`render`,Ct],[`__scopeId`,`data-v-cdb14b2f`]]),Tt=v({name:`StartImage`,components:{UploadIcon:I,ElUpload:C,ElButton:W,ElTooltip:w,InfoIcon:F,ImagePreview:Z},mixins:[q,K,H],emits:[`change`],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},watch:{value(e){!e&&this.fileList.length>0&&(this.fileList=[])}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){D.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`kling.message.uploadReferencesError`))},onBeforeUpload(){let e=this.$store.state.kling?.config||{};if(e.video_list?.[0]?.refer_type===`base`)return D.warning(this.$t(`kling.message.baseVideoFrameConflict`)),!1;let t=e.video_list?.length?4:7;return(e.image_list?.length||0)+Number(!!e.end_image_url)+1>t?(D.warning(this.$t(`kling.message.referenceImagesTotalLimit`,{count:t})),!1):!0},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.onSetStartImageUrl()}}}),Et={class:`relative`},Dt={class:`flex min-h-8 items-center pr-20`},Ot={class:`flex justify-start items-center`},kt={class:`text-sm font-bold`};function At(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-tooltip`),x=l(`el-upload`);return g(),s(`div`,Et,[e(`div`,Dt,[e(`div`,Ot,[e(`span`,kt,i(t.$t(`kling.name.startImage`)),1),a(h,{content:t.$t(`kling.description.uploadStartImage`)},null,8,[`content`])])]),a(x,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:t.reachedLimit,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"before-upload":t.onBeforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(b,{content:t.$t(`kling.message.uploadReferencesExceed`),disabled:!t.reachedLimit,placement:`top`},{default:p(()=>[e(`span`,null,[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:t.reachedLimit},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$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 jt=B(Tt,[[`render`,At],[`__scopeId`,`data-v-60844ac3`]]),Mt=v({name:`EndImage`,components:{UploadIcon:I,ElUpload:C,ElButton:W,ElTooltip:w,ImagePreview:Z,InfoIcon:F},mixins:[q,K,H],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},klingConfig(){return this.$store.state?.kling?.config||{}},endImageSupported(){return Q(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(){if(!this.endImageSupported)return D.warning(this.$t(`kling.message.endImageNotSupported`)),!1;if(!this.hasStartImage)return D.warning(this.$t(`kling.message.endImageRequiresStart`)),!1;if(this.klingConfig.video_list?.[0]?.refer_type===`base`)return D.warning(this.$t(`kling.message.baseVideoFrameConflict`)),!1;let e=this.klingConfig.video_list?.length?4:7;return(this.klingConfig.image_list?.length||0)+2>e?(D.warning(this.$t(`kling.message.referenceImagesTotalLimit`,{count:e})),!1):!0},onExceed(){D.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){D.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()},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.onSetEndImageUrl()}}}),Nt={class:`relative`},Pt={class:`flex min-h-8 items-center pr-20`},Ft={class:`flex justify-start items-center`},It={class:`text-sm font-bold`};function Lt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-tooltip`),x=l(`el-upload`);return g(),s(`div`,Nt,[e(`div`,Pt,[e(`div`,Ft,[e(`span`,It,i(t.$t(`kling.name.endImage`)),1),a(h,{content:t.$t(`kling.description.uploadEndImage`)},null,8,[`content`])])]),a(x,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:t.uploadDisabled,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"before-upload":t.onBeforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(b,{content:t.uploadTooltip,disabled:!t.uploadDisabled,placement:`top`},{default:p(()=>[e(`span`,null,[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:t.uploadDisabled},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$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 Rt=B(Mt,[[`render`,Lt],[`__scopeId`,`data-v-b286c4d0`]]),zt=v({name:`ReferenceVideo`,components:{ElUpload:C,ElButton:W,ElRadioButton:O,ElRadioGroup:k,ElSwitch:N,InfoIcon:F,FilePreview:ke,UploadIcon:I},mixins:[K,H],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},config(){return this.$store.state.kling?.config||{}},hasVideo(){return!!this.urls?.[0]},referenceType:{get(){return this.config.video_list?.[0]?.refer_type||`feature`},set(e){this.updateVideoOptions(e,this.keepOriginalSound)}},keepOriginalSound:{get(){return this.config.video_list?.[0]?.keep_original_sound===`yes`},set(e){this.updateVideoOptions(this.referenceType,e)}}},methods:{onExceed(){D.warning(this.$t(`kling.message.referenceVideoExceed`))},onError(){D.error(this.$t(`kling.message.referenceVideoError`))},beforeUpload(e){if((this.config.image_list?.length||0)+Number(!!this.config.start_image_url)+Number(!!this.config.end_image_url)>4)return D.error(this.$t(`kling.message.referenceVideoImageLimit`)),!1;let t=e.type===`video/mp4`||e.type===`video/quicktime`,n=_e(e.size);return t?n?!0:(D.error(this.$t(`kling.message.referenceVideoSizeExceed`,{max:be(ve)})),!1):(D.error(this.$t(`kling.message.referenceVideoTypeFailed`)),!1)},ensurePromptToken(e){let t=this.$store.state.kling?.config,n=t?.prompt||``,r=n.includes($),i;if(e&&!r)i=n?`${n} ${$}`:$;else if(!e&&r)i=Ke(n);else return;this.$store.commit(`kling/setConfig`,{...t,prompt:i})},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,video_list:void 0}),this.ensurePromptToken(!1)},onSetVideoList(){let e=this.urls?.[0],t=e?[{video_url:e,refer_type:this.referenceType,keep_original_sound:this.keepOriginalSound?`yes`:`no`}]:void 0;this.$store.commit(`kling/setConfig`,{...this.config,video_list:t,generate_audio:!1,camera_control:void 0,cfg_scale:void 0,negative_prompt:void 0}),this.ensurePromptToken(!!e)},updateVideoOptions(e,t){let n=this.urls?.[0];n&&this.$store.commit(`kling/setConfig`,{...this.config,video_list:[{video_url:n,refer_type:e,keep_original_sound:t?`yes`:`no`}],...e===`base`?{start_image_url:void 0,end_image_url:void 0}:{},generate_audio:!1,camera_control:void 0,cfg_scale:void 0,negative_prompt:void 0})},async onSuccess(){this.onSetVideoList()}}}),Bt={class:`relative`},Vt={class:`flex min-h-8 items-center pr-20`},Ht={class:`flex justify-start items-center`},Ut={class:`text-sm font-bold`},Wt={key:0,class:`reference-options mt-3 flex flex-col gap-3`},Gt={class:`flex flex-col items-stretch gap-2 sm:flex-row sm:items-center sm:justify-between`},Kt={class:`text-sm`},qt={class:`flex items-center justify-between gap-3`},Jt={class:`text-sm`};function Yt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`file-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`),x=l(`el-radio-button`),S=l(`el-radio-group`),C=l(`el-switch`);return g(),s(`div`,Bt,[e(`div`,Vt,[e(`div`,Ht,[e(`span`,Ut,i(t.$t(`kling.name.referenceVideo`)),1),a(h,{content:t.$t(`kling.description.omniReferenceVideo`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage===void 0?o(``,!0):(g(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.uploadReferenceVideo`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`]),t.hasVideo?(g(),s(`div`,Wt,[e(`div`,Gt,[e(`span`,Kt,i(t.$t(`kling.name.referenceVideoType`)),1),a(S,{modelValue:t.referenceType,"onUpdate:modelValue":n[1]||=e=>t.referenceType=e,size:`small`},{default:p(()=>[a(x,{value:`feature`},{default:p(()=>[r(i(t.$t(`kling.name.referenceVideoFeature`)),1)]),_:1}),a(x,{value:`base`},{default:p(()=>[r(i(t.$t(`kling.name.referenceVideoBase`)),1)]),_:1})]),_:1},8,[`modelValue`])]),e(`div`,qt,[e(`span`,Jt,i(t.$t(`kling.name.keepOriginalSound`)),1),a(C,{modelValue:t.keepOriginalSound,"onUpdate:modelValue":n[2]||=e=>t.keepOriginalSound=e},null,8,[`modelValue`])])])):o(``,!0)])}var Xt=B(zt,[[`render`,Yt],[`__scopeId`,`data-v-e3a9dfab`]]),Zt=v({name:`KlingReferenceImages`,components:{ElButton:W,ElUpload:C,UploadIcon:I,ImagePreview:Z,InfoIcon:F},mixins:[q,K,H],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{config(){return this.$store.state.kling?.config||{}},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},frameCount(){return Number(!!this.config.start_image_url)+Number(!!this.config.end_image_url)},maxImages(){return this.config.video_list?.length?4:7},referenceLimit(){return Math.max(0,this.maxImages-this.frameCount)},remainingSlots(){return Math.max(0,this.referenceLimit-this.urls.length)},urls(){return this.fileList.map(e=>e.response?.file_url||e.url).filter(Boolean)},storeImages(){return this.config.image_list}},watch:{frameCount(){this.syncPromptTokens()},storeImages(e){!e?.length&&this.fileList.length>0&&(this.fileList=[])}},methods:{beforeUpload(){return this.remainingSlots===0?(this.onExceed(),!1):!0},onExceed(){D.warning(this.$t(`kling.message.referenceImagesExceed`,{count:this.remainingSlots}))},onError(){D.error(this.$t(`kling.message.referenceImagesError`))},clearOmniConflicts(e){return{...e,generate_audio:!1,camera_control:void 0,cfg_scale:void 0,negative_prompt:void 0}},syncPromptTokens(e){let t=e||this.config,n=[qe(t.prompt),...this.urls.map((e,t)=>`<<<image_${this.frameCount+t+1}>>>`)].filter(Boolean).join(` `);n!==t.prompt&&this.$store.commit(`kling/setConfig`,{...t,prompt:n})},syncConfig(){let e=this.urls.length?this.urls.map(e=>({image_url:e})):void 0,t=this.clearOmniConflicts({...this.config,image_list:e});this.$store.commit(`kling/setConfig`,t),this.syncPromptTokens(t)},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.syncConfig()},onRemove(e,t){this.fileList.splice(e,1),t.url?.startsWith(`blob:`)&&URL.revokeObjectURL(t.url),this.syncConfig()}}}),Qt={class:`relative`},$t={class:`flex justify-between items-center`},en={class:`flex justify-start items-center`},tn={class:`text-sm font-bold`},nn={key:0,class:`file-list flex flex-wrap gap-2 mt-2`};function rn(t,n,u,d,m,_){let v=l(`info-icon`),y=l(`UploadIcon`),b=l(`el-button`),x=l(`el-upload`),S=l(`image-preview`);return g(),s(`div`,Qt,[e(`div`,$t,[e(`div`,en,[e(`span`,tn,i(t.$t(`kling.name.referenceImages`)),1),a(v,{content:t.$t(`kling.description.referenceImages`)},null,8,[`content`])]),a(x,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg`,name:`file`,limit:t.referenceLimit,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{default:p(()=>[a(b,{round:``,type:`primary`,size:`small`,disabled:t.remainingSlots===0},{default:p(()=>[a(y,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.uploadReferenceImages`)),1)]),_:1},8,[`disabled`])]),_:1},8,[`file-list`,`limit`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])]),t.fileList.length?(g(),s(`div`,nn,[(g(!0),s(c,null,h(t.fileList,(e,n)=>(g(),f(S,{key:e.uid||e.url||n,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemove(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])):o(``,!0)])}var an=B(Zt,[[`render`,rn]]),on=v({name:`CfgScaleSelector`,components:{ElSlider:M,InfoIcon:F,ElInputNumber:j},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}}),sn={class:`flex justify-between`},cn={class:`flex justify-start items-center`},ln={class:`text-sm font-bold`},un={class:`flex justify-end items-center`},dn={class:`w-full`};function fn(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,sn,[e(`div`,cn,[e(`span`,ln,i(t.$t(`kling.name.cfgScale`)),1),a(d,{content:t.$t(`kling.description.cfgScale`)},null,8,[`content`])]),e(`div`,un,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,dn,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1,step:.1},null,8,[`modelValue`])])])}var pn=B(on,[[`render`,fn]]),mn=v({name:`GenerateAudioSelector`,components:{ElSwitch:N,InfoIcon:F},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},selectedMode(){return this.$store.state.kling?.config?.mode||``},supported(){return!!(ue.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})}}}),hn={class:`relative`},gn={class:`flex justify-between items-center`},_n={class:`flex justify-start items-center`},vn={class:`text-sm font-bold`};function yn(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return g(),s(`div`,hn,[e(`div`,gn,[e(`div`,_n,[e(`span`,vn,i(t.$t(`kling.name.generateAudio`)),1),a(d,{content:t.tooltipContent},null,8,[`content`])]),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,disabled:!t.supported},null,8,[`modelValue`,`disabled`])])])}var bn=B(mn,[[`render`,yn]]),xn=[`horizontal`,`vertical`,`pan`,`tilt`,`roll`,`zoom`],Sn=v({name:`CameraControlSelector`,components:{ElSelect:y,ElOption:b,ElSlider:M,ElInputNumber:j,InfoIcon:F},data(){return{configKeys:xn}},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 Q(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)}}}),Cn={class:`field`},wn={class:`header`},Tn={class:`text-sm font-bold`},En={key:0,class:`config-grid`},Dn={class:`cfg-row-head`},On={class:`cfg-name`};function kn(t,n,r,u,d,m){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-select`),b=l(`el-input-number`),x=l(`el-slider`);return g(),s(`div`,Cn,[e(`div`,wn,[e(`span`,Tn,i(t.$t(`kling.name.cameraControl`)),1),a(_,{content:t.tooltipContent},null,8,[`content`])]),a(y,{modelValue:t.selectedTypeRaw,"onUpdate:modelValue":n[0]||=e=>t.selectedTypeRaw=e,class:`value`,placeholder:t.$t(`kling.placeholder.cameraType`),clearable:!0,disabled:t.disabled},{default:p(()=>[(g(!0),s(c,null,h(t.typeOptions,e=>(g(),f(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`]),t.selectedType===`simple`&&!t.disabled?(g(),s(`div`,En,[(g(!0),s(c,null,h(t.configKeys,n=>(g(),s(`div`,{key:n,class:`cfg-row`},[e(`div`,Dn,[e(`span`,On,i(t.$t(`kling.name.cc_${n}`)),1),a(b,{modelValue:t.configValues[n],"onUpdate:modelValue":e=>t.configValues[n]=e,min:-1,max:1,step:.1,precision:1,"controls-position":`right`,size:`small`,class:`cfg-num`,onChange:e=>t.onNumberChange(n,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])]),a(x,{"model-value":t.configValues[n]??0,min:-1,max:1,step:.1,onInput:e=>t.onSliderChange(n,e)},null,8,[`model-value`,`onInput`])]))),128))])):o(``,!0)])}var An=B(Sn,[[`render`,kn],[`__scopeId`,`data-v-cd896060`]]),jn=[{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`]}],Mn=`, `;function Nn(e,t){let n=(e||``).trim();return n?n.includes(t)?n:`${n}${Mn}${t}`:t}function Pn(e,t){if(!e||!t)return e||``;let n=[`${t}${Mn}`,`${Mn}${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 Fn=v({name:`InspirationPills`,components:{CloseIcon:xe},computed:{prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return jn.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=Pn(this.prompt,e);this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:t})}}}),In={key:0,class:`pills`,role:`list`},Ln={class:`pill-text`},Rn=[`aria-label`,`title`,`onClick`];function zn(n,r,u,d,f,p){let m=l(`close-icon`);return n.selected.length>0?(g(),s(`div`,In,[(g(!0),s(c,null,h(n.selected,r=>(g(),s(`div`,{key:r,class:`pill`,role:`listitem`},[e(`span`,Ln,i(r),1),e(`button`,{type:`button`,class:`pill-remove`,"aria-label":n.$t(`kling.inspiration.removeChip`),title:n.$t(`kling.inspiration.removeChip`),onClick:t(e=>n.onRemove(r),[`stop`])},[a(m,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Rn)]))),128))])):o(``,!0)}var Bn=v({name:`PromptInput`,components:{IdeaIcon:se,ElButton:W,PromptTextarea:ee,InspirationPills:B(Fn,[[`render`,zn],[`__scopeId`,`data-v-6be01bcf`]])},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 Vn(e,t,n,o,s,c){let u=l(`idea-icon`),d=l(`el-button`),m=l(`inspiration-pills`),h=l(`prompt-textarea`);return g(),f(h,{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:p(()=>[a(d,{text:``,size:`small`,class:`inspiration-btn`,onClick:t[0]||=t=>e.$emit(`open-inspiration`)},{default:p(()=>[a(u,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(e.$t(`kling.inspiration.openButton`)),1)]),_:1})]),before:p(()=>[a(m)]),_:1},8,[`modelValue`,`title`,`info`,`placeholder`])}var Hn=B(Bn,[[`render`,Vn],[`__scopeId`,`data-v-5754ae54`]]),Un=v({name:`NegativePromptInput`,components:{ElInput:J,InfoIcon:F},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||=``}}),Wn={class:`field`},Gn={class:`box`},Kn={class:`title font-bold`};function qn(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input`);return g(),s(`div`,Wn,[e(`div`,Gn,[e(`h2`,Kn,i(t.$t(`kling.name.negativePrompt`)),1),a(d,{content:t.$t(`kling.description.negativePrompt`),class:`info`},null,8,[`content`])]),a(f,{modelValue:t.prompt,"onUpdate:modelValue":n[0]||=e=>t.prompt=e,rows:3,type:`textarea`,class:`prompt`,placeholder:t.$t(`kling.placeholder.negativePrompt`)},null,8,[`modelValue`,`placeholder`])])}var Jn=B(Un,[[`render`,qn],[`__scopeId`,`data-v-de98cf01`]]),Yn=v({name:`InspirationDrawer`,components:{Close:xe,IdeaIcon:se,ElDrawer:A,ElButton:W},props:{modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`],data(){return{groups:jn}},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(Pn(this.prompt,e)):this.setPrompt(Nn(this.prompt,e)))},onClearSelected(){let e=this.prompt;for(let t of this.allChipTexts)for(;e.includes(t);)e=Pn(e,t);this.setPrompt(e)}}}),Xn={class:`drawer-content`},Zn={class:`drawer-header`},Qn={class:`title-row`},$n={class:`title`},er={class:`hint`},tr={key:0,class:`selected-bar`},nr={class:`selected-text`},rr={class:`groups`},ir={class:`group-title`},ar={class:`chip-grid`},or=[`onClick`];function sr(t,u,d,m,_,v){let y=l(`idea-icon`),b=l(`close`),x=l(`el-button`),S=l(`el-drawer`);return g(),f(S,{modelValue:t.visible,"onUpdate:modelValue":u[1]||=e=>t.visible=e,direction:`rtl`,"with-header":!1,size:t.drawerSize,"custom-class":`kling-inspiration-drawer`,"destroy-on-close":!1},{default:p(()=>[e(`div`,Xn,[e(`div`,Zn,[e(`div`,Qn,[a(y,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),e(`span`,$n,i(t.$t(`kling.inspiration.title`)),1)]),a(x,{text:``,class:`close-btn`,"aria-label":t.$t(`common.button.close`),title:t.$t(`common.button.close`),onClick:u[0]||=e=>t.visible=!1},{default:p(()=>[a(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`])]),e(`div`,er,i(t.$t(`kling.inspiration.hint`)),1),t.selectedCount>0?(g(),s(`div`,tr,[e(`span`,nr,i(t.$t(`kling.inspiration.selectedSummary`,{count:t.selectedCount})),1),a(x,{text:``,size:`small`,class:`clear-btn`,onClick:t.onClearSelected},{default:p(()=>[r(i(t.$t(`kling.inspiration.clearSelected`)),1)]),_:1},8,[`onClick`])])):o(``,!0),e(`div`,rr,[(g(!0),s(c,null,h(t.groups,r=>(g(),s(`div`,{key:r.groupKey,class:`group`},[e(`div`,ir,i(t.$t(`kling.inspiration.group.${r.groupKey}`)),1),e(`div`,ar,[(g(!0),s(c,null,h(r.chipKeys,e=>(g(),s(`button`,{key:e,type:`button`,class:n({chip:!0,active:t.isSelected(t.chipText(e))}),onClick:n=>t.onToggle(t.chipText(e))},i(t.chipText(e)),11,or))),128))])]))),128))])])]),_:1},8,[`modelValue`,`size`])}var cr=B(Yn,[[`render`,sr],[`__scopeId`,`data-v-8b2e6a5d`]]),lr={"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-o1":`Kling O1`},ur={std:`720p`,pro:`1080p`,"4k":`4K`},dr=v({name:`SummaryChip`,components:{AudioIcon:ae},computed:{config(){return this.$store.state.kling?.config||{}},modelLabel(){let e=this.config?.model||`kling-v2-5-turbo`;return lr[e]||e},durationLabel(){return`${this.config?.duration??5}s`},aspectRatio(){return this.config?.aspect_ratio||``},modeLabel(){let e=this.config?.mode||`std`;return ur[e]||e},generateAudio(){return!!this.config?.generate_audio}}}),fr={class:`summary-chip`},pr=[`title`],mr=[`title`],hr=[`title`],gr=[`title`],_r=[`title`];function vr(t,n,r,c,u,d){let f=l(`audio-icon`);return g(),s(`div`,fr,[e(`span`,{class:`part`,title:t.$t(`kling.name.model`)},i(t.modelLabel),9,pr),n[0]||=e(`span`,{class:`dot`},`·`,-1),e(`span`,{class:`part`,title:t.$t(`kling.name.duration`)},i(t.durationLabel),9,mr),n[1]||=e(`span`,{class:`dot`},`·`,-1),e(`span`,{class:`part`,title:t.$t(`kling.name.ratio`)},i(t.aspectRatio||`16:9`),9,hr),n[2]||=e(`span`,{class:`dot`},`·`,-1),e(`span`,{class:`part`,title:t.$t(`kling.name.mode`)},i(t.modeLabel),9,gr),t.generateAudio?(g(),s(`span`,{key:0,class:`audio`,title:t.$t(`kling.name.generateAudio`)},[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,_r)):o(``,!0)])}var yr=v({name:`ConfigPanel`,components:{MagicIcon:L,ElButton:W,Consumption:je,PromptInput:Hn,NegativePromptInput:Jn,ModelSelector:et,ModeSelector:st,DurationSelector:_t,RatioSelector:wt,StartImage:jt,CfgScaleSelector:pn,GenerateAudioSelector:bn,CameraControlSelector:An,InspirationDrawer:cr,SummaryChip:B(dr,[[`render`,vr],[`__scopeId`,`data-v-c800852a`]]),EndImage:Rt,ReferenceImages:an,ReferenceVideo:Xt,ScenarioPaymentMode:Fe},emits:[`generate`],data(){return{inspirationOpen:!1,quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.kling?.config},capabilities(){return Q(this.config?.model,this.config?.mode,this.config?.duration)},omniActive(){return this.config?.model===`kling-o1`||!!(this.config?.image_list?.length||this.config?.video_list?.length)},consumption(){return V(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service},walletMode(){return X()&&Y(`kling`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=Y(`kling`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await R.quote(Se(this.config));t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},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(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`ratio-selector`),y=l(`reference-images`),b=l(`reference-video`),x=l(`start-image`),S=l(`end-image`),C=l(`duration-selector`),w=l(`mode-selector`),T=l(`generate-audio-selector`),E=l(`camera-control-selector`),D=l(`cfg-scale-selector`),O=l(`negative-prompt-input`),k=l(`summary-chip`),A=l(`scenario-payment-mode`),j=l(`consumption`),M=l(`magic-icon`),N=l(`el-button`),P=l(`inspiration-drawer`);return g(),s(`div`,br,[e(`div`,xr,[a(h,{class:`mb-4`,onOpenInspiration:n[0]||=e=>t.inspirationOpen=!0}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),t.capabilities.referenceImages?(g(),f(y,{key:0,class:`mb-3`})):o(``,!0),t.capabilities.referenceVideo?(g(),f(b,{key:1,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`}),a(w,{class:`mb-4`}),a(T,{class:`mb-4`}),t.omniActive?o(``,!0):(g(),f(E,{key:2,class:`mb-4`})),t.omniActive?o(``,!0):(g(),f(D,{key:3,class:`mb-4`})),t.omniActive?o(``,!0):(g(),f(O,{key:4,class:`mb-4`}))]),e(`div`,Sr,[a(k),a(A,{scenario:`kling`}),t.walletMode?o(``,!0):(g(),f(j,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),t.config?.video_url!==void 0||t.config?.custom?(g(),f(N,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(M,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.extend`)),1)]),_:1},8,[`onClick`])):(g(),f(N,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(M,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.generate`)),1)]),_:1},8,[`onClick`]))]),a(P,{modelValue:t.inspirationOpen,"onUpdate:modelValue":n[1]||=e=>t.inspirationOpen=e},null,8,[`modelValue`])])}var wr=B(yr,[[`render`,Cr]]),Tr=v({name:`MotionImage`,components:{UploadIcon:I,ElUpload:C,ElButton:W,InfoIcon:F,ImagePreview:Z},mixins:[q,K,H,ye],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetImageUrl()},methods:{onExceed(){D.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){D.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()}}}),Er={class:`relative`},Dr={class:`flex justify-between`},Or={class:`flex justify-start items-center`},kr={class:`text-sm font-bold`};function Ar(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,Er,[e(`div`,Dr,[e(`div`,Or,[e(`span`,kr,i(t.$t(`kling.name.motionImage`)),1),a(h,{content:t.$t(`kling.description.motionImage`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var jr=B(Tr,[[`render`,Ar],[`__scopeId`,`data-v-4a95ef2c`]]),Mr=v({name:`MotionVideo`,components:{UploadIcon:I,ElUpload:C,ElButton:W,InfoIcon:F,FilePreview:ke},mixins:[K,H],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetVideoUrl()},methods:{onExceed(){D.warning(this.$t(`kling.message.uploadVideoExceed`))},onError(){D.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:(D.error(this.$t(`kling.message.uploadVideoSizeExceed`)),!1):(D.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()}}}),Nr={class:`relative`},Pr={class:`flex justify-between`},Fr={class:`flex justify-start items-center`},Ir={class:`text-sm font-bold`};function Lr(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`file-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,Nr,[e(`div`,Pr,[e(`div`,Fr,[e(`span`,Ir,i(t.$t(`kling.name.motionVideo`)),1),a(h,{content:t.$t(`kling.description.motionVideo`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage===void 0?o(``,!0):(g(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Rr=B(Mr,[[`render`,Lr],[`__scopeId`,`data-v-630c4521`]]),zr=v({name:`MotionPromptInput`,components:{ElInput:J,InfoIcon:F},computed:{prompt:{get(){return this.$store.state.kling?.motionConfig?.prompt||``},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,prompt:e})}}}}),Br={class:`field`},Vr={class:`box`},Hr={class:`title font-bold`};function Ur(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input`);return g(),s(`div`,Br,[e(`div`,Vr,[e(`h2`,Hr,i(t.$t(`kling.name.motionPrompt`)),1),a(d,{content:t.$t(`kling.description.motionPrompt`),class:`info`},null,8,[`content`])]),a(f,{modelValue:t.prompt,"onUpdate:modelValue":n[0]||=e=>t.prompt=e,rows:3,type:`textarea`,class:`prompt`,placeholder:t.$t(`kling.placeholder.motionPrompt`)},null,8,[`modelValue`,`placeholder`])])}var Wr=B(zr,[[`render`,Ur],[`__scopeId`,`data-v-ca9fdbe5`]]),Gr=`video`,Kr=v({name:`CharacterOrientationSelector`,components:{ElRadioGroup:k,ElRadioButton:O,InfoIcon:F},computed:{value:{get(){return this.$store.state.kling?.motionConfig?.character_orientation||Gr},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=Gr)}}),qr={class:`field`},Jr={class:`header`},Yr={class:`text-sm font-bold`};function Xr(t,n,o,c,u,d){let f=l(`info-icon`),m=l(`el-radio-button`),h=l(`el-radio-group`);return g(),s(`div`,qr,[e(`div`,Jr,[e(`span`,Yr,i(t.$t(`kling.name.characterOrientation`)),1),a(f,{content:t.$t(`kling.description.characterOrientation`)},null,8,[`content`])]),a(h,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,size:`small`,class:`value`},{default:p(()=>[a(m,{label:`image`},{default:p(()=>[r(i(t.$t(`kling.name.orientationImage`)),1)]),_:1}),a(m,{label:`video`},{default:p(()=>[r(i(t.$t(`kling.name.orientationVideo`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var Zr=B(Kr,[[`render`,Xr],[`__scopeId`,`data-v-7a91195b`]]),Qr=`kling-v2-6`,$r=v({name:`MotionModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:F},computed:{options(){return[{value:`kling-v2-6`,label:`Kling 2.6`},{value:`kling-v3`,label:`Kling 3.0`}]},value:{get(){return this.$store.state.kling?.motionConfig?.model_name||Qr},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,model_name:e})}}},mounted(){this.$store.state.kling?.motionConfig?.model_name||(this.value=Qr)}}),ei={class:`field`},ti={class:`header`},ni={class:`title font-bold`};function ri(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,ei,[e(`div`,ti,[e(`h2`,ni,i(t.$t(`kling.name.motionModel`)),1),a(m,{content:t.$t(`kling.description.motionModel`)},null,8,[`content`])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ii=B($r,[[`render`,ri],[`__scopeId`,`data-v-480e8da2`]]),ai=`std`,oi=v({name:`MotionModeSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:F},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||ai},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,mode:e})}}},mounted(){this.$store.state.kling?.motionConfig?.mode||(this.value=ai)}}),si={class:`field`},ci={class:`header`},li={class:`title font-bold`};function ui(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,si,[e(`div`,ci,[e(`h2`,li,i(t.$t(`kling.name.mode`)),1),a(m,{content:t.$t(`kling.description.motionMode`)},null,8,[`content`])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var di=B(oi,[[`render`,ui],[`__scopeId`,`data-v-1295688c`]]),fi=v({name:`KeepOriginalSoundSelector`,components:{ElSwitch:N,InfoIcon:F},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`})}}}}),pi={class:`relative`},mi={class:`flex justify-between items-center`},hi={class:`flex justify-start items-center`},gi={class:`text-sm font-bold`};function _i(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return g(),s(`div`,pi,[e(`div`,mi,[e(`div`,hi,[e(`span`,gi,i(t.$t(`kling.name.keepOriginalSound`)),1),a(d,{content:t.$t(`kling.description.keepOriginalSound`)},null,8,[`content`])]),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e},null,8,[`modelValue`])])])}var vi=v({name:`MotionPanel`,components:{MagicIcon:L,ElButton:W,Consumption:je,MotionImage:jr,MotionVideo:Rr,MotionPromptInput:Wr,CharacterOrientationSelector:Zr,MotionModelSelector:ii,MotionModeSelector:di,KeepOriginalSoundSelector:B(fi,[[`render`,_i]])},emits:[`generate`],computed:{motionConfig(){return this.$store.state.kling?.motionConfig},consumption(){return V({...this.motionConfig,duration:1},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`)}}}),yi={class:`flex flex-col h-full`},bi={class:`flex-1 overflow-y-auto p-5`},xi={class:`flex flex-col items-center justify-center px-5 pb-5`};function Si(t,n,o,c,u,d){let f=l(`motion-image`),m=l(`motion-video`),h=l(`motion-prompt-input`),_=l(`character-orientation-selector`),v=l(`motion-model-selector`),y=l(`motion-mode-selector`),b=l(`keep-original-sound-selector`),x=l(`consumption`),S=l(`magic-icon`),C=l(`el-button`);return g(),s(`div`,yi,[e(`div`,bi,[a(f,{class:`mb-3`}),a(m,{class:`mb-3`}),a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),e(`div`,xi,[a(x,{value:t.consumption,service:t.service,"rate-unit":t.$t(`kling.name.perSecond`),note:t.$t(`kling.message.motionPricingNote`)},null,8,[`value`,`service`,`rate-unit`,`note`]),a(C,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(S,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.generateMotion`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Ci=B(vi,[[`render`,Si]]),wi=v({name:`KlingTabSwitcher`,components:{ElTabs:x,ElTabPane:S,ElTag:Ce},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)}}}),Ti=[`title`],Ei={class:`text`};function Di(t,n,a,u,d,m){let _=l(`el-tag`),v=l(`el-tab-pane`),y=l(`el-tabs`);return g(),f(y,{"model-value":t.modelValue,class:`kling-tabs scenario-tabs scenario-tabs--divided`,"onUpdate:modelValue":t.onUpdate},{default:p(()=>[(g(!0),s(c,null,h(t.tabs,t=>(g(),f(v,{key:t.value,name:t.value,disabled:t.disabled},{label:p(()=>[e(`span`,{class:`tab-label`,title:t.disabled?t.disabledReason:void 0},[e(`span`,Ei,i(t.label),1),t.badge?(g(),f(_,{key:0,size:`small`,type:`warning`,class:`badge`},{default:p(()=>[r(i(t.badge),1)]),_:2},1024)):o(``,!0)],8,Ti)]),_:2},1032,[`name`,`disabled`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var Oi=B(wi,[[`render`,Di],[`__scopeId`,`data-v-e6a2bb26`]]),ki={"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`},Ai=v({name:`TalkingPhotoModelSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:fe.map(e=>({value:e,label:ki[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=pe)}}),ji={class:`field`},Mi={class:`title font-bold`};function Ni(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,ji,[e(`h2`,Mi,i(t.$t(`kling.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pi=B(Ai,[[`render`,Ni],[`__scopeId`,`data-v-cbc83d11`]]),Fi=v({name:`TalkingPhotoModeSelector`,components:{ElSelect:y,ElOption:b},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`)}}),Ii={class:`field`},Li={class:`title font-bold`};function Ri(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ii,[e(`h2`,Li,i(t.$t(`kling.name.mode`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var zi=v({name:`TalkingPhotoPanel`,components:{MagicIcon:L,UploadIcon:I,ElUpload:C,ElButton:W,ElInput:J,Consumption:je,InfoIcon:F,ImagePreview:Z,ModelSelector:Pi,ModeSelector:B(Fi,[[`render`,Ri],[`__scopeId`,`data-v-92525a1d`]]),ScenarioPaymentMode:Fe},mixins:[H,ye],emits:[`generate`],data(){return{imageFiles:[],audioFiles:[],uploadUrl:z()+`/api/v1/files/`,quoteTimer:0,quoteRunId:0}},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 V({...this.config,action:`talking-photo`},this.service?.cost)},canGenerate(){return!!(this.config.image_url&&this.config.audio_url)},walletMode(){return X()&&Y(`kling`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=Y(`kling`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await R.quoteTalkingPhoto(he(this.config));t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},commit(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.config,...e})},onPromptChange(e){this.commit({prompt:e})},onImageExceed(){D.warning(this.$t(`kling.message.uploadReferencesExceed`))},onImageError(){D.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(){D.warning(this.$t(`kling.message.uploadAudioExceed`))},onAudioError(){D.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`)}}}),Bi={class:`flex flex-col h-full`},Vi={class:`flex-1 overflow-y-auto p-5`},Hi={class:`relative mb-4`},Ui={class:`flex justify-start items-center`},Wi={class:`text-sm font-bold`},Gi={class:`relative mb-4`},Ki={class:`flex justify-start items-center`},qi={class:`text-sm font-bold`},Ji=[`src`],Yi={class:`mb-4`},Xi={class:`flex justify-start items-center`},Zi={class:`text-sm font-bold`},Qi={class:`flex flex-col items-center justify-center px-5 pb-5`};function $i(t,n,c,u,d,m){let h=l(`model-selector`),_=l(`mode-selector`),v=l(`info-icon`),y=l(`image-preview`),b=l(`upload-icon`),x=l(`el-button`),S=l(`el-upload`),C=l(`el-input`),w=l(`scenario-payment-mode`),T=l(`consumption`),E=l(`magic-icon`);return g(),s(`div`,Bi,[e(`div`,Vi,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),e(`div`,Hi,[e(`div`,Ui,[e(`span`,Wi,i(t.$t(`kling.name.talkingPhotoImage`)),1),a(v,{content:t.$t(`kling.description.talkingPhotoImage`)},null,8,[`content`])]),a(S,{ref:`imageUploader`,"file-list":t.imageFiles,"onUpdate:fileList":n[0]||=e=>t.imageFiles=e,name:`file`,accept:`.png,.jpg,.jpeg,.webp,.bmp`,limit:1,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,headers:t.headers,"on-exceed":t.onImageExceed,"on-error":t.onImageError,"on-success":t.onImageSuccess},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(y,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onImageRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(x,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(b,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`])]),e(`div`,Gi,[e(`div`,Ki,[e(`span`,qi,i(t.$t(`kling.name.talkingPhotoAudio`)),1),a(v,{content:t.$t(`kling.description.talkingPhotoAudio`)},null,8,[`content`])]),a(S,{ref:`audioUploader`,"file-list":t.audioFiles,"onUpdate:fileList":n[1]||=e=>t.audioFiles=e,name:`file`,accept:`.mp3,.wav,.m4a,.aac`,limit:1,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,headers:t.headers,"on-exceed":t.onAudioExceed,"on-error":t.onAudioError,"on-success":t.onAudioSuccess,"on-remove":t.onAudioRemove},{default:p(()=>[a(x,{round:``,type:`primary`,size:`small`,class:`btn`},{default:p(()=>[a(b,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.uploadAudio`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`,`on-remove`]),t.audioUrl?(g(),s(`audio`,{key:0,src:t.audioUrl,controls:``,class:`w-full mt-2`},null,8,Ji)):o(``,!0)]),e(`div`,Yi,[e(`div`,Xi,[e(`span`,Zi,i(t.$t(`kling.name.talkingPhotoPrompt`)),1),a(v,{content:t.$t(`kling.description.talkingPhotoPrompt`)},null,8,[`content`])]),a(C,{"model-value":t.config.prompt,type:`textarea`,rows:2,placeholder:t.$t(`kling.placeholder.talkingPhotoPrompt`),class:`mt-1`,"onUpdate:modelValue":t.onPromptChange},null,8,[`model-value`,`placeholder`,`onUpdate:modelValue`])])]),e(`div`,Qi,[a(w,{scenario:`kling`}),t.walletMode?o(``,!0):(g(),f(T,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(x,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`kling.button.generateTalkingPhoto`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var ea=B(zi,[[`render`,$i],[`__scopeId`,`data-v-791e4108`]]),ta=v({name:`TaskPreview`,components:{DeleteIcon:ce,ChannelIcon:re,InfoIcon:oe,MagicIcon:L,TimeIcon:P,WarningIcon:le,CopyToClipboard:Ee,ElAlert:T,VideoPlayer:Ne,ElTooltip:w,ElButton:W,ImagePreview:Z,VideoPreview:Pe,AudioPreview:Me,ApiCodeButton:Ie,ReportButton:Oe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{isFailure(){let e=this.modelValue?.response;return e?.success===!1||!!e?.error||e?.state===`failed`||e?.state===`cancelled`},isWaiting(){let e=this.modelValue?.response;return!e||!this.isFailure&&e.success!==!0&&!e.video_url},application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config},displayText(){return this.modelValue?.request?.prompt?.trim()||this.modelValue?.request?.text?.trim()||``},referenceImages(){let e=[],t=this.modelValue?.request?.start_image_url,n=this.modelValue?.request?.end_image_url,r=this.modelValue?.request?.image_url;return t&&e.push({url:t,name:`start-image`}),n&&e.push({url:n,name:`end-image`}),r&&e.push({url:r,name:`reference-image`}),e},referenceVideos(){let e=[],t=this.modelValue?.request?.video_url;t&&e.push({url:t,name:`reference-video`});let n=this.modelValue?.request?.video_list;return(Array.isArray(n)?n:[]).forEach((t,n)=>{t?.video_url&&e.push({url:t.video_url,name:`reference-video-${n+1}`})}),e},referenceAudios(){let e=this.modelValue?.request?.audio_url;return e?[{url:e,name:`reference-audio`}]:[]}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await G.confirm(this.$t(`common.message.deleteTaskConfirm`),this.$t(`common.button.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),confirmButtonClass:`el-button--danger`})}catch{return}try{await this.$store.dispatch(`kling/deleteTask`,{id:e}),D.success(this.$t(`common.message.deleteTaskSuccess`))}catch{D.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),na={class:`preview`},ra={class:`left`},ia={class:`main`},aa={class:`bot`},oa={class:`datetime`},sa=[`aria-label`],ca={key:0,class:`info`},la={key:0,class:`request-media flex justify-start items-center gap-2 w-full overflow-x-auto`},ua={key:1,class:`prompt`},da={key:0},fa={key:1},pa={key:1,class:n({content:!0,failed:!0})},ma={key:0,class:`mb-4`},ha={key:1,class:n({operations:!0,"mt-2":!0})},ga={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_a={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},va={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ya={key:2,class:n({content:!0})},ba={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xa={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Sa={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ca={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wa={key:3,class:n({content:!0})},Ta={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ea={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Da(n,u,d,m,_,v){let y=l(`capability-presentation`),b=l(`delete-icon`),x=l(`el-tooltip`),S=l(`image-preview`),C=l(`video-preview`),w=l(`audio-preview`),T=l(`video-player`),E=l(`el-button`),D=l(`api-code-button`),O=l(`report-button`),k=l(`channel-icon`),A=l(`magic-icon`),j=l(`copy-to-clipboard`),M=l(`time-icon`),N=l(`el-alert`),P=l(`warning-icon`),F=l(`info-icon`);return g(),s(`div`,na,[e(`div`,ra,[a(y,{capability:`kling`,part:`avatar`,class:`avatar`})]),e(`div`,ia,[e(`div`,aa,[a(y,{capability:`kling`,part:`name`}),e(`span`,oa,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(x,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(g(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:u[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,sa)):o(``,!0)]),_:1},8,[`content`])]),n.referenceImages.length>0||n.referenceVideos.length>0||n.referenceAudios.length>0||n.displayText?(g(),s(`div`,ca,[n.referenceImages.length>0||n.referenceVideos.length>0||n.referenceAudios.length>0?(g(),s(`div`,la,[(g(!0),s(c,null,h(n.referenceImages,(e,t)=>(g(),f(S,{key:`image-${t}`,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128)),(g(!0),s(c,null,h(n.referenceVideos,(e,t)=>(g(),f(C,{key:`video-${t}`,url:e.url,name:e.name},null,8,[`url`,`name`]))),128)),(g(!0),s(c,null,h(n.referenceAudios,(e,t)=>(g(),f(w,{key:`audio-${t}`,url:e.url,name:e.name},null,8,[`url`,`name`]))),128))])):o(``,!0),n.displayText?(g(),s(`p`,ua,[r(i(n.displayText)+` `,1),n.modelValue?.response?n.isWaiting?(g(),s(`span`,fa,` - (`+i(n.$t(`kling.status.processing`))+`) `,1)):o(``,!0):(g(),s(`span`,da,` - (`+i(n.$t(`kling.status.pending`))+`) `,1))])):o(``,!0)])):o(``,!0),n.modelValue?.response?.success===!0&&!n.isFailure?(g(),s(`div`,pa,[n.modelValue?.response.video_url?(g(),s(`div`,ma,[a(T,{src:n.modelValue?.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response.success?(g(),s(`div`,ha,[a(x,{class:`box-item`,effect:`dark`,content:n.$t(`kling.message.downloadVideo`),placement:`top-start`},{default:p(()=>[n.modelValue?.response.video_url?(g(),f(E,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:u[1]||=e=>n.onDownload(e,n.modelValue?.response.video_url)},{default:p(()=>[r(i(n.$t(`kling.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(D,{path:`/kling/videos`,body:n.modelValue?.request},null,8,[`body`]),a(O,{service:`kling`,"target-id":n.modelValue?.id,snapshot:{prompt:n.displayText}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(N,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,ga,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.model`))+`: `+i(n.modelValue?.request?.model),1)]),e(`p`,_a,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,va,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.isFailure?(g(),s(`div`,ya,[a(N,{closable:!1,class:`failure`},{template:p(()=>[a(P,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.failure`)),1)]),default:p(()=>[e(`p`,ba,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,xa,[a(F,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(j,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Sa,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Ca,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0),n.isWaiting?(g(),s(`div`,wa,[a(N,{closable:!1,class:`info`},{template:p(()=>[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`kling.status.processing`:`kling.status.pending`)),1)]),default:p(()=>[e(`p`,Ta,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.response?.trace_id?(g(),s(`p`,Ea,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`kling.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var Oa=v({name:`RecentPanel`,components:{TaskPreview:B(ta,[[`render`,Da],[`__scopeId`,`data-v-73637147`]]),NoTasks:ne,BotPlaceholder:Le,ScrollList:te},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?.()}}}),ka={key:0},Aa={key:2,class:`w-full h-full flex items-center justify-center`};function ja(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,ka,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{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:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,e=>(g(),f(m,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,Aa,[a(v)])):o(``,!0)],64)}var Ma=v({name:`KlingIndex`,components:{ConfigPanel:wr,MotionPanel:Ci,TalkingPhotoPanel:ea,TabSwitcher:Oi,Layout:Ue,RecentPanel:B(Oa,[[`render`,ja]])},mixins:[Te],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===E.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===E.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},walletMode(){return this.taskType!==`motion`&&X()&&Y(`kling`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`kling/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onGetTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},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 ie({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,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!me(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e=Se(this.config),t=Number(!!e.start_image_url)+Number(!!e.end_image_url),n=e.image_list?.length||0,r=e.video_list?.length?4:7;if(t+n>r){D.warning(this.$t(`kling.message.referenceImagesTotalLimit`,{count:r}));return}if(e.video_list?.[0]?.refer_type===`base`&&(e.start_image_url||e.end_image_url||e.image_list?.some(({type:e})=>e))){D.warning(this.$t(`kling.message.baseVideoFrameConflict`));return}if(!e.video_id&&!e.video_url&&!e.start_image_url&&e.end_image_url){D.warning(this.$t(`kling.message.endImageRequiresStart`));return}let i=this.createPaymentOperation(t=>R.generate(e,t));i&&(D.info(this.$t(`kling.message.startingTask`)),U(`kling`,i).then(e=>{this.recordWalletTask(e),D.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>this.handleGenerationError(e)).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)}))},createPaymentOperation(e){if(!this.walletMode){if(!we())return;let t=this.credential?.token;return t?e({token:t}):void 0}let t=this.getWalletContext();if(!t){D.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}return e({mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})},recordWalletTask(e){let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t)},handleGenerationError(e){e instanceof ge||((e?.response?.data)?.error?.code===`used_up`?D.error(this.$t(`kling.message.usedUp`)):this.walletMode?D.error(`${this.$t(`common.x402Scenario.paymentFailed`)} ${e?.message||``}`.trim()):D.error(this.$t(`kling.message.startTaskFailed`)))},getWalletContext(){let e=this.$wallet,t=e?.publicKey?.value,n=e?.wallet?.value?.adapter;if(!(!t||!n?.signTransaction))return{publicKey:t,signTransaction:n.signTransaction.bind(n)}},async confirmWalletPayment(e){return G.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},async onTabChange(e){e!==this.taskType&&(e===`motion`&&De(`kling`,`credits`),await this.$store.dispatch(`kling/setTaskType`,e),await this.onGetTasks(),await this.onScrollDown())},async onGenerateMotion(){if(!me(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e=this.motionConfig||{};if(!e.image_url||!e.video_url){D.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.model_name?{model_name:e.model_name}:{},...e.prompt?{prompt:e.prompt}:{},async:!0};if(!we())return;let n=this.credential?.token;if(!n){console.error(`no token specified`);return}D.info(this.$t(`kling.message.startingTask`)),U(`kling`,R.motion(t,{token:n})).then(()=>{D.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?D.error(this.$t(`kling.message.usedUp`)):D.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},async onGenerateTalkingPhoto(){if(!me(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e=this.talkingPhotoConfig||{};if(!e.image_url||!e.audio_url){D.warning(this.$t(`kling.message.talkingPhotoMissingInputs`));return}let t=he(e),n=this.createPaymentOperation(e=>R.talkingPhoto(t,e));n&&(D.info(this.$t(`kling.message.startingTask`)),U(`kling`,n).then(e=>{this.recordWalletTask(e),D.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>this.handleGenerationError(e)).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)}))}}}),Na={class:`flex flex-col h-full`},Pa={class:`flex-1 min-h-0`};function Fa(t,n,r,i,s,c){let u=l(`tab-switcher`),d=l(`config-panel`),m=l(`motion-panel`),h=l(`talking-photo-panel`),_=l(`recent-panel`),v=l(`layout`);return g(),f(v,null,{config:p(()=>[e(`div`,Na,[a(u,{"model-value":t.taskType,"onUpdate:modelValue":t.onTabChange},null,8,[`model-value`,`onUpdate:modelValue`]),e(`div`,Pa,[t.taskType===`videos`?(g(),f(d,{key:0,onGenerate:t.onGenerate},null,8,[`onGenerate`])):t.taskType===`motion`?(g(),f(m,{key:1,onGenerate:t.onGenerateMotion},null,8,[`onGenerate`])):t.taskType===`talking-photo`?(g(),f(h,{key:2,onGenerate:t.onGenerateTalkingPhoto},null,8,[`onGenerate`])):o(``,!0)])])]),result:p(()=>[a(_,{ref:`recentPanel`,loading:t.loadingMore,onReachTop:t.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ia=B(Ma,[[`render`,Fa]]);export{Ia as default};

package/dist/assets/{Index-CIZ0JZtW.css → Index-q3hfYQ5i.css}

@@ -1 +1 @@
-.menu[data-v-2d826924]{display:none}@media (width<=767px){.config[data-v-2d826924]{display:none}.result[data-v-2d826924]{width:100%}.menu[data-v-2d826924]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-a74e7f31]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-a74e7f31]{width:30%;margin:0;font-size:14px}.field .value[data-v-a74e7f31]{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-496bf31c]{flex-direction:column;display:flex}.control[data-v-496bf31c]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.label[data-v-496bf31c]{flex-direction:row;align-items:center;display:flex}.title[data-v-496bf31c]{margin:0;font-size:14px}.value[data-v-496bf31c]{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-60844ac3]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-60844ac3]{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-b286c4d0]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-b286c4d0],.btn.btn-upload[data-v-e3a9dfab]{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-6be01bcf]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pill[data-v-6be01bcf]{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-6be01bcf]{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.pill .pill-remove[data-v-6be01bcf]{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-6be01bcf]:hover{background-color:var(--el-color-primary-light-7)}.inspiration-btn[data-v-5754ae54]{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-8b2e6a5d]{flex-direction:column;height:100%;padding:16px 18px 24px;display:flex;overflow-y:auto}.drawer-header[data-v-8b2e6a5d]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-header .title-row[data-v-8b2e6a5d]{color:var(--el-text-color-primary);align-items:center;font-size:16px;font-weight:600;display:inline-flex}.drawer-header .close-btn[data-v-8b2e6a5d]{width:32px;height:32px;padding:6px}.hint[data-v-8b2e6a5d]{color:var(--el-text-color-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.selected-bar[data-v-8b2e6a5d]{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-8b2e6a5d]{color:var(--el-color-primary);font-weight:500}.groups[data-v-8b2e6a5d]{flex-direction:column;gap:18px;display:flex}.group .group-title[data-v-8b2e6a5d]{color:var(--el-text-color-regular);margin-bottom:8px;font-size:13px;font-weight:600}.group .chip-grid[data-v-8b2e6a5d]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-8b2e6a5d]{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-8b2e6a5d]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-8b2e6a5d]{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-c800852a]{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-c800852a]{white-space:nowrap}.summary-chip .dot[data-v-c800852a]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-c800852a]{color:var(--el-color-primary);margin-left:4px;font-size:11px}.btn.btn-upload[data-v-4a95ef2c]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.btn.btn-upload[data-v-630c4521]{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-480e8da2]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .header[data-v-480e8da2]{flex-direction:row;align-items:center;width:50%;display:flex}.field .header .title[data-v-480e8da2]{margin:0;font-size:14px}.field .value[data-v-480e8da2]{width:120px}.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-e6a2bb26]{background-color:var(--app-sidebar-bg);flex:none;padding:12px 20px 0}.kling-tabs[data-v-e6a2bb26] .el-tabs__item{white-space:nowrap;height:38px;padding:0 16px;font-size:13px;line-height:38px}.kling-tabs .tab-label[data-v-e6a2bb26]{justify-content:center;align-items:center;min-width:0;display:inline-flex}.kling-tabs .tab-label .text[data-v-e6a2bb26]{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kling-tabs .tab-label .badge[data-v-e6a2bb26]{flex:none;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-b47b80bd]{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-73637147]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-73637147]{width:70px}.preview .left .avatar[data-v-73637147]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-73637147]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-73637147]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;display:flex;overflow:hidden}.preview .main .bot .datetime[data-v-73637147]{text-overflow:ellipsis;color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400;overflow:hidden}.preview .main .bot .btn-delete[data-v-73637147]{cursor:pointer;color:var(--el-text-color-secondary);opacity:0;background:0 0;border:none;margin-left:auto;padding:4px 6px;line-height:1;transition:opacity .15s,color .15s}.preview .main .bot .btn-delete[data-v-73637147]:hover{color:var(--el-color-danger)}@media (hover:none){.preview .main .bot .btn-delete[data-v-73637147]{opacity:1}}.preview .main .info[data-v-73637147]{flex-direction:column;gap:8px;margin-top:8px;display:flex;overflow:hidden}.preview .main .info .prompt[data-v-73637147]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700}.preview .main .content[data-v-73637147]{word-break:break-word;overflow-wrap:anywhere;margin-top:8px}.preview .main .content .el-alert[data-v-73637147]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-73637147]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-73637147]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-73637147]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-73637147] p:last-child{margin-bottom:0}.preview .main .operations[data-v-73637147]{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-73637147]{height:70px}.preview .main .operations .btn-action[data-v-73637147]{margin-bottom:10px}.preview:hover .main .bot .btn-delete[data-v-73637147]{opacity:1}
+.menu[data-v-2d826924]{display:none}@media (width<=767px){.config[data-v-2d826924]{display:none}.result[data-v-2d826924]{width:100%}.menu[data-v-2d826924]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-a74e7f31]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-a74e7f31]{width:30%;margin:0;font-size:14px}.field .value[data-v-a74e7f31]{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-496bf31c]{flex-direction:column;display:flex}.control[data-v-496bf31c]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.label[data-v-496bf31c]{flex-direction:row;align-items:center;display:flex}.title[data-v-496bf31c]{margin:0;font-size:14px}.value[data-v-496bf31c]{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-60844ac3]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-60844ac3]{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-b286c4d0]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-b286c4d0],.btn.btn-upload[data-v-e3a9dfab]{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-6be01bcf]{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.pill[data-v-6be01bcf]{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-6be01bcf]{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.pill .pill-remove[data-v-6be01bcf]{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-6be01bcf]:hover{background-color:var(--el-color-primary-light-7)}.inspiration-btn[data-v-5754ae54]{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-8b2e6a5d]{flex-direction:column;height:100%;padding:16px 18px 24px;display:flex;overflow-y:auto}.drawer-header[data-v-8b2e6a5d]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-header .title-row[data-v-8b2e6a5d]{color:var(--el-text-color-primary);align-items:center;font-size:16px;font-weight:600;display:inline-flex}.drawer-header .close-btn[data-v-8b2e6a5d]{width:32px;height:32px;padding:6px}.hint[data-v-8b2e6a5d]{color:var(--el-text-color-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.selected-bar[data-v-8b2e6a5d]{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-8b2e6a5d]{color:var(--el-color-primary);font-weight:500}.groups[data-v-8b2e6a5d]{flex-direction:column;gap:18px;display:flex}.group .group-title[data-v-8b2e6a5d]{color:var(--el-text-color-regular);margin-bottom:8px;font-size:13px;font-weight:600}.group .chip-grid[data-v-8b2e6a5d]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-8b2e6a5d]{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-8b2e6a5d]:hover{border-color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9)}.chip.active[data-v-8b2e6a5d]{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-c800852a]{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-c800852a]{white-space:nowrap}.summary-chip .dot[data-v-c800852a]{color:var(--el-text-color-disabled)}.summary-chip .audio[data-v-c800852a]{color:var(--el-color-primary);margin-left:4px;font-size:11px}.btn.btn-upload[data-v-4a95ef2c]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.btn.btn-upload[data-v-630c4521]{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-480e8da2]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .header[data-v-480e8da2]{flex-direction:row;align-items:center;width:50%;display:flex}.field .header .title[data-v-480e8da2]{margin:0;font-size:14px}.field .value[data-v-480e8da2]{width:120px}.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-e6a2bb26]{background-color:var(--app-sidebar-bg);flex:none;padding:12px 20px 0}.kling-tabs[data-v-e6a2bb26] .el-tabs__item{white-space:nowrap;height:38px;padding:0 16px;font-size:13px;line-height:38px}.kling-tabs .tab-label[data-v-e6a2bb26]{justify-content:center;align-items:center;min-width:0;display:inline-flex}.kling-tabs .tab-label .text[data-v-e6a2bb26]{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kling-tabs .tab-label .badge[data-v-e6a2bb26]{flex:none;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-791e4108]{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-73637147]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-73637147]{width:70px}.preview .left .avatar[data-v-73637147]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-73637147]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-73637147]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;display:flex;overflow:hidden}.preview .main .bot .datetime[data-v-73637147]{text-overflow:ellipsis;color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400;overflow:hidden}.preview .main .bot .btn-delete[data-v-73637147]{cursor:pointer;color:var(--el-text-color-secondary);opacity:0;background:0 0;border:none;margin-left:auto;padding:4px 6px;line-height:1;transition:opacity .15s,color .15s}.preview .main .bot .btn-delete[data-v-73637147]:hover{color:var(--el-color-danger)}@media (hover:none){.preview .main .bot .btn-delete[data-v-73637147]{opacity:1}}.preview .main .info[data-v-73637147]{flex-direction:column;gap:8px;margin-top:8px;display:flex;overflow:hidden}.preview .main .info .prompt[data-v-73637147]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700}.preview .main .content[data-v-73637147]{word-break:break-word;overflow-wrap:anywhere;margin-top:8px}.preview .main .content .el-alert[data-v-73637147]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-73637147]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-73637147]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-73637147]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-73637147] p:last-child{margin-bottom:0}.preview .main .operations[data-v-73637147]{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-73637147]{height:70px}.preview .main .operations .btn-action[data-v-73637147]{margin-bottom:10px}.preview:hover .main .bot .btn-delete[data-v-73637147]{opacity:1}

package/dist/assets/{Index-CIe21BJa.css → Index-sP0w7E5Y.css}

@@ -1 +1 @@
-.menu[data-v-e3f41341]{display:none}@media (width<=1180px){.main .preview[data-v-e3f41341]{display:none}}@media (width<=767px){.main .config[data-v-e3f41341]{display:none}.main .result[data-v-e3f41341]{width:100%}.main .preview[data-v-e3f41341]{display:none}.main .menu[data-v-e3f41341]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.model-option[data-v-16e4d6fc]{justify-content:space-between;align-items:center;width:100%;padding:2px 0;display:flex}.model-option-left[data-v-16e4d6fc]{align-items:center;gap:6px;display:flex}.model-option-name[data-v-16e4d6fc]{font-weight:500}.model-option-desc[data-v-16e4d6fc]{color:var(--el-text-color-placeholder);white-space:nowrap;margin-left:8px;font-size:12px}[data-v-16e4d6fc] .model-option-divider{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:4px;padding-bottom:4px}.title[data-v-a535be8b]{width:30%;margin-bottom:0;font-size:14px}.recorder-display[data-v-a535be8b]{justify-content:center;align-items:center;min-height:48px;display:flex}.recording-dot[data-v-a535be8b]{background:#f56c6c;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse-a535be8b;display:inline-block}@keyframes pulse-a535be8b{0%,to{opacity:1}50%{opacity:.3}}.upload-wrapper,.upload-wrapper .el-upload{width:100%}.upload-wrapper .el-upload-dragger{width:100%;padding:12px}.upload-wrapper .el-upload-list{width:100%;margin:0}.add-audio-tabs .el-tabs__nav-wrap:after{height:1px}.inspo-tags[data-v-302bad6d]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inspo-tag[data-v-302bad6d]{border:1px solid var(--el-border-color);background:var(--el-bg-color);color:var(--el-text-color-regular);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .2s}.inspo-tag[data-v-302bad6d]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.inspo-tag-refresh[data-v-302bad6d]{color:var(--el-text-color-placeholder);border-style:dashed;padding:4px 8px}.inspo-tag-refresh[data-v-302bad6d]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.field[data-v-d537dc57] .el-textarea__inner{font-family:monospace;font-size:13px;line-height:1.6}.enhance-bar[data-v-d537dc57]{margin-top:6px}.enhance-bar .enhance-input[data-v-d537dc57] .el-input-group__append{padding:0 12px}.lyrics-expanded[data-v-d537dc57] .el-textarea__inner{font-family:monospace;font-size:14px;line-height:1.8}.style-tags[data-v-86037edb]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.style-tag[data-v-86037edb]{border:1px solid var(--el-border-color);background:var(--el-bg-color);color:var(--el-text-color-regular);cursor:pointer;white-space:nowrap;border-radius:14px;padding:3px 10px;font-size:12px;transition:all .2s}.style-tag[data-v-86037edb]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.style-tag-refresh[data-v-86037edb]{color:var(--el-text-color-placeholder);border-style:dashed;padding:3px 8px}.style-tag-refresh[data-v-86037edb]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.field .box[data-v-4600553c]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.field .box .title[data-v-4600553c]{margin-bottom:10px;font-size:14px}.field .box .input-wrapper[data-v-4600553c]{width:150px;margin-left:30px}.field .box[data-v-aa3e3b20]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.field .box .title[data-v-aa3e3b20]{margin-bottom:10px;font-size:14px}.field .box .input-wrapper[data-v-aa3e3b20]{width:150px;margin-left:30px}.advanced-collapse[data-v-bb5cce54]{border:none}.advanced-collapse[data-v-bb5cce54] .el-collapse-item__header{background:0 0;border:none;height:32px;font-size:14px;font-weight:700;line-height:32px}.advanced-collapse[data-v-bb5cce54] .el-collapse-item__wrap{background:0 0;border:none}.advanced-collapse[data-v-bb5cce54] .el-collapse-item__content{padding-bottom:0}.speed-group[data-v-ba834628]{flex-wrap:wrap;display:flex}.voice-tabs[data-v-29070b80]{margin-bottom:8px}.voice-tabs[data-v-29070b80] .el-tabs__header{margin:0 0 8px}.voice-tabs[data-v-29070b80] .el-tabs__nav-wrap:after{height:1px}.voice-list[data-v-29070b80]{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.voice-item[data-v-29070b80]{cursor:pointer;border:1px solid var(--el-border-color-lighter);border-radius:6px;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.voice-item[data-v-29070b80]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.voice-item.active[data-v-29070b80]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.voice-name[data-v-29070b80]{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.voice-desc[data-v-29070b80]{color:var(--el-text-color-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.voice-actions[data-v-29070b80]{flex-shrink:0;align-items:center;gap:2px;margin-left:8px;display:flex}.voice-fav-active[data-v-29070b80] svg,.voice-fav-active[data-v-29070b80]{color:#f5a623}.suno-mode-tabs[data-v-e03149a5] .el-tabs__item{white-space:nowrap;padding:0 16px}.panel[data-v-e03149a5]{flex-direction:column;height:100%;padding:20px;display:flex}.panel .config[data-v-e03149a5]{flex:1;width:100%;height:calc(100% - 50px);position:relative}.panel .actions[data-v-e03149a5]{justify-content:center;align-items:center;height:50px;display:flex}.panel .actions .btn[data-v-e03149a5]{width:100%}.icon-button{color:inherit;background:0 0;border:0;padding:0;display:inline-flex}.task{cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;margin-bottom:8px;padding:4px;transition:border-color .2s;display:flex}.task .task-failure{border-left:2px solid var(--el-color-danger)}.task:hover{border-color:var(--el-border-color-lighter)}.task .audio{border-radius:10px;margin-bottom:2px;padding:6px;transition:background-color .2s;display:flex}.task .audio:last-child{margin-bottom:0}.task .audio:hover{background-color:var(--el-bg-color-page)}.task .audio.active{background-color:var(--el-color-primary-light-9)}.task .audio .left{flex-shrink:0;width:60px;height:60px;margin-right:16px;position:relative}.task .audio .left .cover{border-radius:6px;width:100%;height:100%}.task .audio .left .duration{color:#fff;background-color:#000000b3;border-radius:2px;padding:2px 4px;font-size:10px;position:absolute;bottom:0;right:0}.task .audio .left .variation-badge{color:#fff;text-align:center;background-color:#0009;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:3px;left:3px}.task .audio .left .play-btn{cursor:pointer;opacity:.92;background-color:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s,opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task .audio .left .play-btn .el-icon{color:#fff;font-size:16px}.task .audio .left:hover .play-btn{background-color:var(--el-color-primary);opacity:1}.task .audio .info{flex:1;min-width:0;overflow:hidden}.task .audio .info .title-row{align-items:center;gap:6px;display:flex}.task .audio .info .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-top:5px;font-size:14px;font-weight:700;overflow:hidden}.task .audio .info .model-chip{height:16px;color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-radius:8px;flex-shrink:0;margin-top:5px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px}.task .audio .info .edit-icon{color:var(--el-text-color-placeholder);cursor:pointer;opacity:0;flex-shrink:0;margin-top:4px;font-size:10px;transition:opacity .2s}.task .audio .info .title-edit{margin-top:4px;margin-bottom:2px}.task .audio .info .style{color:var(--el-text-color-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;margin-bottom:0;font-size:12px;overflow:hidden}.task .audio .info .progress-row{align-items:center;gap:6px;margin-top:2px;display:flex}.task .audio .info .progress-row .progress-bar{flex:1;max-width:100px}.task .audio .info .progress-row .progress-text{color:var(--el-text-color-placeholder);white-space:nowrap;font-size:10px}.task .audio:hover .edit-icon{opacity:1}.task .audio .mashup-check{flex-shrink:0;align-items:center;padding:0 4px 0 8px;display:flex}.task .audio.mashup-selected{background-color:var(--el-color-primary-light-9);border-radius:8px}.task .audio .right{justify-content:flex-end;align-items:center;width:140px;padding-right:1px;display:flex}.task .audio .right .icon{z-index:100;cursor:pointer;color:var(--el-text-color-secondary);margin-right:15px;transition:color .2s;display:block}.task .audio .right .icon:hover{color:var(--el-color-primary)}.task .audio .right .el-button{margin-right:15px}.task .audio.generating .left .cover{animation:1.4s ease-in-out infinite suno-pulse}@keyframes suno-pulse{0%,to{opacity:1}50%{opacity:.55}}.suno-action-menu .menu-icon{width:14px;color:var(--el-text-color-secondary);margin-right:8px}.suno-action-menu .menu-divider{background:var(--el-border-color-lighter);height:1px;margin:4px 12px}.suno-action-menu .delete-item,.suno-action-menu .delete-item .delete-icon{color:var(--el-color-danger)}.task-toolbar[data-v-06fc829c]{border-bottom:1px solid var(--el-border-color-lighter);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.task-toolbar .task-search[data-v-06fc829c]{flex:1;max-width:280px}.task-toolbar .task-search[data-v-06fc829c] .el-input__wrapper{background-color:var(--el-fill-color-light);box-shadow:none;border-radius:999px}.task-toolbar .task-search[data-v-06fc829c] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-primary) inset}.task-toolbar .sort-btn[data-v-06fc829c]{white-space:nowrap;flex-shrink:0;margin-left:auto}.task-toolbar .filter-btn[data-v-06fc829c]{white-space:nowrap;flex-shrink:0;position:relative}.task-toolbar .filter-btn.has-active-filter[data-v-06fc829c]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5)}.task-toolbar .filter-btn .filter-badge[data-v-06fc829c]{background:var(--el-color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.filter-popover[data-v-06fc829c]{flex-direction:column;gap:12px;display:flex}.filter-popover .filter-row[data-v-06fc829c]{flex-direction:column;gap:6px;display:flex}.filter-popover .filter-label[data-v-06fc829c]{color:var(--el-text-color-secondary);font-size:12px}.filter-popover .filter-actions[data-v-06fc829c]{border-top:1px solid var(--el-border-color-lighter);justify-content:flex-end;margin-top:4px;padding-top:8px;display:flex}.status[data-v-237ce3b7]{margin-bottom:10px}.panel.detail[data-v-237ce3b7]{flex:1;width:100%;overflow-y:scroll}.panel.recent[data-v-237ce3b7]{justify-content:initial;width:100%;height:100%;margin-bottom:10px;position:relative}.panel.operation[data-v-237ce3b7]{position:relative}
+.menu[data-v-e3f41341]{display:none}@media (width<=1180px){.main .preview[data-v-e3f41341]{display:none}}@media (width<=767px){.main .config[data-v-e3f41341]{display:none}.main .result[data-v-e3f41341]{width:100%}.main .preview[data-v-e3f41341]{display:none}.main .menu[data-v-e3f41341]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.model-option[data-v-16e4d6fc]{justify-content:space-between;align-items:center;width:100%;padding:2px 0;display:flex}.model-option-left[data-v-16e4d6fc]{align-items:center;gap:6px;display:flex}.model-option-name[data-v-16e4d6fc]{font-weight:500}.model-option-desc[data-v-16e4d6fc]{color:var(--el-text-color-placeholder);white-space:nowrap;margin-left:8px;font-size:12px}[data-v-16e4d6fc] .model-option-divider{border-bottom:1px solid var(--el-border-color-lighter);margin-bottom:4px;padding-bottom:4px}.title[data-v-a535be8b]{width:30%;margin-bottom:0;font-size:14px}.recorder-display[data-v-a535be8b]{justify-content:center;align-items:center;min-height:48px;display:flex}.recording-dot[data-v-a535be8b]{background:#f56c6c;border-radius:50%;width:10px;height:10px;animation:1s infinite pulse-a535be8b;display:inline-block}@keyframes pulse-a535be8b{0%,to{opacity:1}50%{opacity:.3}}.upload-wrapper,.upload-wrapper .el-upload{width:100%}.upload-wrapper .el-upload-dragger{width:100%;padding:12px}.upload-wrapper .el-upload-list{width:100%;margin:0}.add-audio-tabs .el-tabs__nav-wrap:after{height:1px}.inspo-tags[data-v-302bad6d]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inspo-tag[data-v-302bad6d]{border:1px solid var(--el-border-color);background:var(--el-bg-color);color:var(--el-text-color-regular);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .2s}.inspo-tag[data-v-302bad6d]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.inspo-tag-refresh[data-v-302bad6d]{color:var(--el-text-color-placeholder);border-style:dashed;padding:4px 8px}.inspo-tag-refresh[data-v-302bad6d]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.field[data-v-c4ab3c4f] .el-textarea__inner{font-family:monospace;font-size:13px;line-height:1.6}.enhance-bar[data-v-c4ab3c4f]{margin-top:6px}.enhance-bar .enhance-input[data-v-c4ab3c4f] .el-input-group__append{padding:0 12px}.lyrics-expanded[data-v-c4ab3c4f] .el-textarea__inner{font-family:monospace;font-size:14px;line-height:1.8}.style-tags[data-v-e7ab25ef]{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.style-tag[data-v-e7ab25ef]{border:1px solid var(--el-border-color);background:var(--el-bg-color);color:var(--el-text-color-regular);cursor:pointer;white-space:nowrap;border-radius:14px;padding:3px 10px;font-size:12px;transition:all .2s}.style-tag[data-v-e7ab25ef]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.style-tag-refresh[data-v-e7ab25ef]{color:var(--el-text-color-placeholder);border-style:dashed;padding:3px 8px}.style-tag-refresh[data-v-e7ab25ef]:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.field .box[data-v-4600553c]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.field .box .title[data-v-4600553c]{margin-bottom:10px;font-size:14px}.field .box .input-wrapper[data-v-4600553c]{width:150px;margin-left:30px}.field .box[data-v-aa3e3b20]{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.field .box .title[data-v-aa3e3b20]{margin-bottom:10px;font-size:14px}.field .box .input-wrapper[data-v-aa3e3b20]{width:150px;margin-left:30px}.advanced-collapse[data-v-bb5cce54]{border:none}.advanced-collapse[data-v-bb5cce54] .el-collapse-item__header{background:0 0;border:none;height:32px;font-size:14px;font-weight:700;line-height:32px}.advanced-collapse[data-v-bb5cce54] .el-collapse-item__wrap{background:0 0;border:none}.advanced-collapse[data-v-bb5cce54] .el-collapse-item__content{padding-bottom:0}.speed-group[data-v-ba834628]{flex-wrap:wrap;display:flex}.voice-tabs[data-v-29070b80]{margin-bottom:8px}.voice-tabs[data-v-29070b80] .el-tabs__header{margin:0 0 8px}.voice-tabs[data-v-29070b80] .el-tabs__nav-wrap:after{height:1px}.voice-list[data-v-29070b80]{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.voice-item[data-v-29070b80]{cursor:pointer;border:1px solid var(--el-border-color-lighter);border-radius:6px;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.voice-item[data-v-29070b80]:hover{border-color:var(--el-color-primary-light-5);background:var(--el-fill-color-light)}.voice-item.active[data-v-29070b80]{border-color:var(--el-color-primary);background:var(--el-color-primary-light-9)}.voice-name[data-v-29070b80]{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.voice-desc[data-v-29070b80]{color:var(--el-text-color-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.voice-actions[data-v-29070b80]{flex-shrink:0;align-items:center;gap:2px;margin-left:8px;display:flex}.voice-fav-active[data-v-29070b80] svg,.voice-fav-active[data-v-29070b80]{color:#f5a623}.suno-mode-tabs[data-v-cc72d049] .el-tabs__item{white-space:nowrap;padding:0 16px}.panel[data-v-cc72d049]{flex-direction:column;height:100%;padding:20px;display:flex}.panel .config[data-v-cc72d049]{flex:1;width:100%;height:calc(100% - 50px);position:relative}.panel .actions[data-v-cc72d049]{justify-content:center;align-items:center;height:50px;display:flex}.panel .actions .btn[data-v-cc72d049]{width:100%}.icon-button{color:inherit;background:0 0;border:0;padding:0;display:inline-flex}.task{cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;margin-bottom:8px;padding:4px;transition:border-color .2s;display:flex}.task .task-failure{border-left:2px solid var(--el-color-danger)}.task:hover{border-color:var(--el-border-color-lighter)}.task .audio{border-radius:10px;margin-bottom:2px;padding:6px;transition:background-color .2s;display:flex}.task .audio:last-child{margin-bottom:0}.task .audio:hover{background-color:var(--el-bg-color-page)}.task .audio.active{background-color:var(--el-color-primary-light-9)}.task .audio .left{flex-shrink:0;width:60px;height:60px;margin-right:16px;position:relative}.task .audio .left .cover{border-radius:6px;width:100%;height:100%}.task .audio .left .duration{color:#fff;background-color:#000000b3;border-radius:2px;padding:2px 4px;font-size:10px;position:absolute;bottom:0;right:0}.task .audio .left .variation-badge{color:#fff;text-align:center;background-color:#0009;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:3px;left:3px}.task .audio .left .play-btn{cursor:pointer;opacity:.92;background-color:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s,opacity .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task .audio .left .play-btn .el-icon{color:#fff;font-size:16px}.task .audio .left:hover .play-btn{background-color:var(--el-color-primary);opacity:1}.task .audio .info{flex:1;min-width:0;overflow:hidden}.task .audio .info .title-row{align-items:center;gap:6px;display:flex}.task .audio .info .title{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-top:5px;font-size:14px;font-weight:700;overflow:hidden}.task .audio .info .model-chip{height:16px;color:var(--el-color-primary);background:var(--el-color-primary-light-9);border-radius:8px;flex-shrink:0;margin-top:5px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px}.task .audio .info .edit-icon{color:var(--el-text-color-placeholder);cursor:pointer;opacity:0;flex-shrink:0;margin-top:4px;font-size:10px;transition:opacity .2s}.task .audio .info .title-edit{margin-top:4px;margin-bottom:2px}.task .audio .info .style{color:var(--el-text-color-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;margin-bottom:0;font-size:12px;overflow:hidden}.task .audio .info .progress-row{align-items:center;gap:6px;margin-top:2px;display:flex}.task .audio .info .progress-row .progress-bar{flex:1;max-width:100px}.task .audio .info .progress-row .progress-text{color:var(--el-text-color-placeholder);white-space:nowrap;font-size:10px}.task .audio:hover .edit-icon{opacity:1}.task .audio .mashup-check{flex-shrink:0;align-items:center;padding:0 4px 0 8px;display:flex}.task .audio.mashup-selected{background-color:var(--el-color-primary-light-9);border-radius:8px}.task .audio .right{justify-content:flex-end;align-items:center;width:140px;padding-right:1px;display:flex}.task .audio .right .icon{z-index:100;cursor:pointer;color:var(--el-text-color-secondary);margin-right:15px;transition:color .2s;display:block}.task .audio .right .icon:hover{color:var(--el-color-primary)}.task .audio .right .el-button{margin-right:15px}.task .audio.generating .left .cover{animation:1.4s ease-in-out infinite suno-pulse}@keyframes suno-pulse{0%,to{opacity:1}50%{opacity:.55}}.suno-action-menu .menu-icon{width:14px;color:var(--el-text-color-secondary);margin-right:8px}.suno-action-menu .menu-divider{background:var(--el-border-color-lighter);height:1px;margin:4px 12px}.suno-action-menu .delete-item,.suno-action-menu .delete-item .delete-icon{color:var(--el-color-danger)}.task-toolbar[data-v-6437616b]{border-bottom:1px solid var(--el-border-color-lighter);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.task-toolbar .task-search[data-v-6437616b]{flex:1;max-width:280px}.task-toolbar .task-search[data-v-6437616b] .el-input__wrapper{background-color:var(--el-fill-color-light);box-shadow:none;border-radius:999px}.task-toolbar .task-search[data-v-6437616b] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-primary) inset}.task-toolbar .sort-btn[data-v-6437616b]{white-space:nowrap;flex-shrink:0;margin-left:auto}.task-toolbar .filter-btn[data-v-6437616b]{white-space:nowrap;flex-shrink:0;position:relative}.task-toolbar .filter-btn.has-active-filter[data-v-6437616b]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5)}.task-toolbar .filter-btn .filter-badge[data-v-6437616b]{background:var(--el-color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;line-height:1;display:inline-flex}.filter-popover[data-v-6437616b]{flex-direction:column;gap:12px;display:flex}.filter-popover .filter-row[data-v-6437616b]{flex-direction:column;gap:6px;display:flex}.filter-popover .filter-label[data-v-6437616b]{color:var(--el-text-color-secondary);font-size:12px}.filter-popover .filter-actions[data-v-6437616b]{border-top:1px solid var(--el-border-color-lighter);justify-content:flex-end;margin-top:4px;padding-top:8px;display:flex}.status[data-v-af0437eb]{margin-bottom:10px}.panel.detail[data-v-af0437eb]{flex:1;width:100%;overflow-y:scroll}.panel.recent[data-v-af0437eb]{justify-content:initial;width:100%;height:100%;margin-bottom:10px;position:relative}.panel.operation[data-v-af0437eb]{position:relative}

package/dist/assets/{Index-D8Zqoj4n.js → Index-vwDzZvRr.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,I as t,Jt as n,L as r,M as i,N as a,at as o,j as s,mt as c,tt as l,z as u}from"./vendor-chart-Dw-P17PN.js";import{n as d,t as ee}from"./table-BD6Hv1lx.js";import{t as f}from"./tooltip-DKF_sGto.js";import{t as p}from"./card-IQwqnRJR.js";import{n as m,t as h}from"./row-CSMwp8He.js";import{t as g}from"./divider-Du_3kymg.js";import{t as _}from"./progress-BuyYfFZn.js";import{t as v}from"./skeleton-Dj_a_iIP.js";import{t as y}from"./coins-o7-8OSvE.js";import{t as b}from"./link-DqeldxUU.js";import{t as x}from"./user-F688Rsm5.js";import{t as S}from"./wallet-3BCb_2vC.js";import{Ei as C,O as w,V as T,Vi as E,Wt as D,_r as O,gr as k,it as A,kr as j,on as M,ot as N,vr as P,yn as F}from"./index-DKnFv8oI.js";import{t as I}from"./CopyToClipboard-BMiCg7d2.js";var L=u({name:`ConsoleDistributionList`,components:{CreditsIcon:y,LinkIcon:b,PercentIcon:C(`percent`,[[`line`,{x1:`19`,x2:`5`,y1:`5`,y2:`19`,key:`1x9vlm`}],[`circle`,{cx:`6.5`,cy:`6.5`,r:`2.5`,key:`4mh3h7`}],[`circle`,{cx:`17.5`,cy:`17.5`,r:`2.5`,key:`1mdrzq`}]]),UserIcon:x,WalletIcon:S,CopyToClipboard:I,QrCode:D,ElProgress:_,ElRow:h,ElCol:m,ElButton:E,ElDivider:g,ElCard:p,ElTooltip:f,ElTable:ee,ElTableColumn:d,ElSkeleton:v},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},qrColor(){let e=document.documentElement.classList.contains(`dark`);return{dark:e?`#ffffff`:`#000000`,light:e?`#1e1e1e`:`#ffffff`}},distributionLevelMap(){let e={};return this.distributionLevels.forEach(t=>{e[t.level]=t}),e}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:M,goPromotionTemplates(){this.$router.push({name:T,query:{template_category:`marketing`}})},goHistory(){this.$router.push({name:A})},goInvitees(){this.$router.push({name:N})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},getPercentageForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-e)/(t-e)*100)},getDeltaForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(e-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await O.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){let e=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{let t=(await P.create(e))?.data?.data?.url||e;this.distributionLink=F()?t.replace(`surl.id`,`share.acedata.cloud`):t}catch{this.distributionLink=e}},async onFetchDistributionStatus(){let{data:e}=await O.getAll({user_id:this.$store.getters.user.id});e.items&&e.items.length>0&&(this.distributionStatus=e.items[0])},async onFetchDistributionLevels(){let{data:e}=await k.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=e.items},async onFetchInvitees(){let{data:e}=await j.getInvitees({});this.invitees=e.items,this.inviteesCount=e.count}}}),R={class:`title`},z={key:1},B={class:`icon-wrapper`},V={class:`text-left`},H={class:`description`},U={class:`value`},W={key:1},G={class:`icon-wrapper`},K={class:`text-left`},q={class:`description`},J={class:`value`},Y={key:1},X={class:`icon-wrapper`},te={class:`text-left`},Z={class:`description`},Q={class:`value`},ne={key:1},re={class:`icon-wrapper`},ie={class:`text-left`},ae={class:`description`},oe={class:`value`},se={key:1},ce={class:`title`},le={class:`clear-both overflow-hidden`},ue={class:`float-left description`},de={class:`float-right description`},fe={class:`description`},pe={class:`level`},$={class:`level`},me={class:`level`},he={key:1},ge={class:`title`},_e={class:`link-wrapper text-center`},ve=[`href`],ye={class:`qr-wrapper ml-auto mr-auto`},be={class:`mt-0`},xe={class:`description`},Se={class:`more`};function Ce(u,d,ee,f,p,m){let h=o(`el-col`),g=o(`el-row`),_=o(`el-skeleton`),v=o(`wallet-icon`),y=o(`el-button`),b=o(`el-card`),x=o(`credits-icon`),S=o(`el-tooltip`),C=o(`percent-icon`),w=o(`user-icon`),T=o(`el-progress`),E=o(`el-divider`),D=o(`el-table-column`),O=o(`el-table`);o(`link-icon`);let k=o(`copy-to-clipboard`),A=o(`qr-code`);return l(),s(g,{class:`panel`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(g,null,{default:c(()=>[r(h,{span:24},{default:c(()=>[e(`h2`,R,n(u.$t(`common.title.distribution`)),1)]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,z,[e(`div`,B,[r(v,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,V,[e(`p`,H,n(u.$t(`distribution.title.price`)),1),e(`p`,U,n(u.getPriceString({value:u.distributionStatus?.price})),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goHistory},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,W,[e(`div`,G,[r(x,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,K,[e(`p`,q,n(u.$t(`distribution.title.reward`)),1),e(`p`,J,n(u.getPriceString({value:u.distributionStatus?.reward})),1)]),r(S,{effect:`dark`,content:u.$t(`distribution.message.developingWithDrawal`),placement:`top`},{default:c(()=>[r(y,{type:`primary`,round:``,size:`small`,class:`btn`},{default:c(()=>[t(n(u.$t(`distribution.button.withdrawal`)),1)]),_:1})]),_:1},8,[`content`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,Y,[e(`div`,X,[r(C,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,te,[e(`p`,Z,n(u.$t(`distribution.title.percentage`)),1),e(`p`,Q,n(u.distributionStatus?.level?.percentage)+`%`,1)])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,ne,[e(`div`,re,[r(w,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,ie,[e(`p`,ae,n(u.$t(`distribution.title.inviteesCount`)),1),e(`p`,oe,n(u.inviteesCount),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goInvitees},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1})]),_:1}),r(g,{gutter:15,class:`mb-4`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(b,{shadow:`hover`,class:`automation-card`},{default:c(()=>[e(`div`,null,[e(`h3`,null,n(u.$t(`distribution.title.promotionAutomation`)),1),e(`p`,null,n(u.$t(`distribution.message.promotionAutomation`)),1)]),r(y,{type:`primary`,round:``,onClick:u.goPromotionTemplates},{default:c(()=>[t(n(u.$t(`distribution.button.browseTemplates`)),1)]),_:1},8,[`onClick`])]),_:1})]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`level-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,se,[e(`h4`,ce,n(u.$t(`distribution.title.levelInfo`)),1),e(`div`,le,[e(`div`,ue,[e(`p`,null,n(u.$t(`distribution.title.currentLevel`))+`: L`+n(u.distributionStatus?.level?.level),1),e(`p`,null,n(u.$t(`distribution.title.currentPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level]?.percentage)+`% `,1)]),e(`div`,de,[e(`p`,null,n(u.$t(`distribution.title.nextLevel`))+`: L`+n(u.distributionStatus?.level?.level+1),1),e(`p`,null,n(u.$t(`distribution.title.nextPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level+1]?.percentage)+`% `,1)])]),r(T,{"text-inside":!0,"stroke-width":20,percentage:u.getPercentageForNextLevel(),class:`mb-2`},null,8,[`percentage`]),e(`p`,fe,n(u.$t(`distribution.message.deltaPriceForNextLevel`))+`: $`+n(u.getDeltaForNextLevel()),1),r(E),u.distributionLevels?(l(),s(O,{key:0,data:u.distributionLevels,stripe:``},{default:c(()=>[r(D,{label:u.$t(`distribution.field.level`)},{default:c(t=>[e(`span`,pe,`L`+n(t.row?.level),1)]),_:1},8,[`label`]),r(D,{label:u.$t(`distribution.field.threshold`)},{default:c(t=>[e(`span`,$,`$`+n(t.row?.threshold),1)]),_:1},8,[`label`]),r(D,{label:u.$t(`distribution.field.percentage`)},{default:c(t=>[e(`span`,me,n(t.row?.percentage)+`%`,1)]),_:1},8,[`label`])]),_:1},8,[`data`])):i(``,!0)]))]),_:1})]),_:1}),r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`distribution-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,he,[e(`h4`,ge,n(u.$t(`distribution.title.distributionLink`)),1),r(E),e(`div`,_e,[i(``,!0),e(`a`,{href:u.distributionLink,class:`link`},n(u.distributionLink),9,ve),r(k,{content:u.distributionLink},null,8,[`content`])]),e(`div`,ye,[u.distributionLink?(l(),s(A,{key:0,value:u.distributionLink,size:180,margin:2,class:`block mb-2 ml-auto mr-auto`,type:`image/png`,color:u.qrColor},null,8,[`value`,`color`])):i(``,!0),e(`p`,be,n(u.$t(`distribution.message.distributionQrDescription`)),1)]),e(`p`,xe,[t(n(u.$t(`distribution.message.distributionLinkDescription`))+` `,1),e(`span`,Se,[r(S,{effect:`dark`,content:u.$t(`distribution.message.distributionLinkDescription2`),placement:`top`},{default:c(()=>[t(n(u.$t(`distribution.message.technicalDetail`)),1)]),_:1},8,[`content`])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var we=w(L,[[`render`,Ce],[`__scopeId`,`data-v-67465fd5`]]);export{we as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,I as t,Jt as n,L as r,M as i,N as a,at as o,j as s,mt as c,tt as l,z as u}from"./vendor-chart-Dw-P17PN.js";import{n as d,t as ee}from"./table-DvZrfif5.js";import{t as f}from"./tooltip-FKvalKCm.js";import{t as p}from"./card-IQwqnRJR.js";import{n as m,t as h}from"./row-DwvEQ4Kv.js";import{t as g}from"./divider-Du_3kymg.js";import{t as _}from"./progress-BuyYfFZn.js";import{t as v}from"./skeleton-Dj_a_iIP.js";import{t as y}from"./coins-BGKsSQIe.js";import{t as b}from"./link-DgrmI785.js";import{t as x}from"./user-mH5pTyTU.js";import{t as S}from"./wallet-BayS1PIM.js";import{Br as C,Hr as w,O as T,V as E,Vr as D,Wt as O,ga as k,ii as A,it as j,on as M,ot as N,ta as P,yn as F}from"./index-BcBWKKi1.js";import{t as I}from"./CopyToClipboard-CGwG-ynF.js";var L=u({name:`ConsoleDistributionList`,components:{CreditsIcon:y,LinkIcon:b,PercentIcon:P(`percent`,[[`line`,{x1:`19`,x2:`5`,y1:`5`,y2:`19`,key:`1x9vlm`}],[`circle`,{cx:`6.5`,cy:`6.5`,r:`2.5`,key:`4mh3h7`}],[`circle`,{cx:`17.5`,cy:`17.5`,r:`2.5`,key:`1mdrzq`}]]),UserIcon:x,WalletIcon:S,CopyToClipboard:I,QrCode:O,ElProgress:_,ElRow:h,ElCol:m,ElButton:k,ElDivider:g,ElCard:p,ElTooltip:f,ElTable:ee,ElTableColumn:d,ElSkeleton:v},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},qrColor(){let e=document.documentElement.classList.contains(`dark`);return{dark:e?`#ffffff`:`#000000`,light:e?`#1e1e1e`:`#ffffff`}},distributionLevelMap(){let e={};return this.distributionLevels.forEach(t=>{e[t.level]=t}),e}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:M,goPromotionTemplates(){this.$router.push({name:E,query:{template_category:`marketing`}})},goHistory(){this.$router.push({name:j})},goInvitees(){this.$router.push({name:N})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},getPercentageForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-e)/(t-e)*100)},getDeltaForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(e-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await D.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){let e=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{let t=(await w.create(e))?.data?.data?.url||e;this.distributionLink=F()?t.replace(`surl.id`,`share.acedata.cloud`):t}catch{this.distributionLink=e}},async onFetchDistributionStatus(){let{data:e}=await D.getAll({user_id:this.$store.getters.user.id});e.items&&e.items.length>0&&(this.distributionStatus=e.items[0])},async onFetchDistributionLevels(){let{data:e}=await C.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=e.items},async onFetchInvitees(){let{data:e}=await A.getInvitees({});this.invitees=e.items,this.inviteesCount=e.count}}}),R={class:`title`},z={key:1},B={class:`icon-wrapper`},V={class:`text-left`},H={class:`description`},U={class:`value`},W={key:1},G={class:`icon-wrapper`},K={class:`text-left`},q={class:`description`},J={class:`value`},Y={key:1},X={class:`icon-wrapper`},te={class:`text-left`},Z={class:`description`},Q={class:`value`},ne={key:1},re={class:`icon-wrapper`},ie={class:`text-left`},ae={class:`description`},oe={class:`value`},se={key:1},ce={class:`title`},le={class:`clear-both overflow-hidden`},ue={class:`float-left description`},de={class:`float-right description`},fe={class:`description`},pe={class:`level`},$={class:`level`},me={class:`level`},he={key:1},ge={class:`title`},_e={class:`link-wrapper text-center`},ve=[`href`],ye={class:`qr-wrapper ml-auto mr-auto`},be={class:`mt-0`},xe={class:`description`},Se={class:`more`};function Ce(u,d,ee,f,p,m){let h=o(`el-col`),g=o(`el-row`),_=o(`el-skeleton`),v=o(`wallet-icon`),y=o(`el-button`),b=o(`el-card`),x=o(`credits-icon`),S=o(`el-tooltip`),C=o(`percent-icon`),w=o(`user-icon`),T=o(`el-progress`),E=o(`el-divider`),D=o(`el-table-column`),O=o(`el-table`);o(`link-icon`);let k=o(`copy-to-clipboard`),A=o(`qr-code`);return l(),s(g,{class:`panel`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(g,null,{default:c(()=>[r(h,{span:24},{default:c(()=>[e(`h2`,R,n(u.$t(`common.title.distribution`)),1)]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,z,[e(`div`,B,[r(v,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,V,[e(`p`,H,n(u.$t(`distribution.title.price`)),1),e(`p`,U,n(u.getPriceString({value:u.distributionStatus?.price})),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goHistory},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,W,[e(`div`,G,[r(x,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,K,[e(`p`,q,n(u.$t(`distribution.title.reward`)),1),e(`p`,J,n(u.getPriceString({value:u.distributionStatus?.reward})),1)]),r(S,{effect:`dark`,content:u.$t(`distribution.message.developingWithDrawal`),placement:`top`},{default:c(()=>[r(y,{type:`primary`,round:``,size:`small`,class:`btn`},{default:c(()=>[t(n(u.$t(`distribution.button.withdrawal`)),1)]),_:1})]),_:1},8,[`content`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,Y,[e(`div`,X,[r(C,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,te,[e(`p`,Z,n(u.$t(`distribution.title.percentage`)),1),e(`p`,Q,n(u.distributionStatus?.level?.percentage)+`%`,1)])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,ne,[e(`div`,re,[r(w,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),e(`div`,ie,[e(`p`,ae,n(u.$t(`distribution.title.inviteesCount`)),1),e(`p`,oe,n(u.inviteesCount),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goInvitees},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1})]),_:1}),r(g,{gutter:15,class:`mb-4`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(b,{shadow:`hover`,class:`automation-card`},{default:c(()=>[e(`div`,null,[e(`h3`,null,n(u.$t(`distribution.title.promotionAutomation`)),1),e(`p`,null,n(u.$t(`distribution.message.promotionAutomation`)),1)]),r(y,{type:`primary`,round:``,onClick:u.goPromotionTemplates},{default:c(()=>[t(n(u.$t(`distribution.button.browseTemplates`)),1)]),_:1},8,[`onClick`])]),_:1})]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`level-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,se,[e(`h4`,ce,n(u.$t(`distribution.title.levelInfo`)),1),e(`div`,le,[e(`div`,ue,[e(`p`,null,n(u.$t(`distribution.title.currentLevel`))+`: L`+n(u.distributionStatus?.level?.level),1),e(`p`,null,n(u.$t(`distribution.title.currentPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level]?.percentage)+`% `,1)]),e(`div`,de,[e(`p`,null,n(u.$t(`distribution.title.nextLevel`))+`: L`+n(u.distributionStatus?.level?.level+1),1),e(`p`,null,n(u.$t(`distribution.title.nextPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level+1]?.percentage)+`% `,1)])]),r(T,{"text-inside":!0,"stroke-width":20,percentage:u.getPercentageForNextLevel(),class:`mb-2`},null,8,[`percentage`]),e(`p`,fe,n(u.$t(`distribution.message.deltaPriceForNextLevel`))+`: $`+n(u.getDeltaForNextLevel()),1),r(E),u.distributionLevels?(l(),s(O,{key:0,data:u.distributionLevels,stripe:``},{default:c(()=>[r(D,{label:u.$t(`distribution.field.level`)},{default:c(t=>[e(`span`,pe,`L`+n(t.row?.level),1)]),_:1},8,[`label`]),r(D,{label:u.$t(`distribution.field.threshold`)},{default:c(t=>[e(`span`,$,`$`+n(t.row?.threshold),1)]),_:1},8,[`label`]),r(D,{label:u.$t(`distribution.field.percentage`)},{default:c(t=>[e(`span`,me,n(t.row?.percentage)+`%`,1)]),_:1},8,[`label`])]),_:1},8,[`data`])):i(``,!0)]))]),_:1})]),_:1}),r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`distribution-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,he,[e(`h4`,ge,n(u.$t(`distribution.title.distributionLink`)),1),r(E),e(`div`,_e,[i(``,!0),e(`a`,{href:u.distributionLink,class:`link`},n(u.distributionLink),9,ve),r(k,{content:u.distributionLink},null,8,[`content`])]),e(`div`,ye,[u.distributionLink?(l(),s(A,{key:0,value:u.distributionLink,size:180,margin:2,class:`block mb-2 ml-auto mr-auto`,type:`image/png`,color:u.qrColor},null,8,[`value`,`color`])):i(``,!0),e(`p`,be,n(u.$t(`distribution.message.distributionQrDescription`)),1)]),e(`p`,xe,[t(n(u.$t(`distribution.message.distributionLinkDescription`))+` `,1),e(`span`,Se,[r(S,{effect:`dark`,content:u.$t(`distribution.message.distributionLinkDescription2`),placement:`top`},{default:c(()=>[t(n(u.$t(`distribution.message.technicalDetail`)),1)]),_:1},8,[`content`])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var we=T(L,[[`render`,Ce],[`__scopeId`,`data-v-67465fd5`]]);export{we as default};

package/dist/assets/{Invitees-DV3QywcL.js → Invitees-DK_TIIfN.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,Jt as t,L as n,at as r,ht as i,j as a,mt as o,ot as s,tt as c,z as l}from"./vendor-chart-Dw-P17PN.js";import{n as u,t as d}from"./table-BD6Hv1lx.js";import{t as f}from"./card-IQwqnRJR.js";import{n as p,t as m}from"./row-CSMwp8He.js";import{O as h,kr as g}from"./index-DKnFv8oI.js";import{t as _}from"./CopyToClipboard-BMiCg7d2.js";import{t as v}from"./pagination-D0KEjXO1.js";var y=l({name:`ConsoleDistributionInvitees`,components:{Pagination:v,CopyToClipboard:_,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await g.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(l,u,d,f,p,m){let h=r(`el-col`),g=r(`el-row`),_=r(`copy-to-clipboard`),v=r(`el-table-column`),y=r(`el-table`),O=r(`el-card`),k=r(`pagination`),A=s(`loading`);return c(),a(g,{class:`panel`},{default:o(()=>[n(h,{span:24},{default:o(()=>[n(g,null,{default:o(()=>[n(h,{span:24},{default:o(()=>[e(`h2`,b,t(l.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),n(g,null,{default:o(()=>[n(h,{span:24},{default:o(()=>[n(O,{shadow:`hover`},{default:o(()=>[i((c(),a(y,{data:l.invitees,stripe:``},{default:o(()=>[n(v,{prop:`id`,label:l.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:o(r=>[e(`span`,x,t(r.row.id),1),e(`span`,S,[n(_,{content:r.row.id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.username`),width:`300px`},{default:o(n=>[e(`span`,C,t(n.row?.username),1)]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.email`),width:`300px`},{default:o(n=>[e(`span`,w,t(n.row?.email),1)]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.nickname`),width:`200px`},{default:o(n=>[e(`span`,T,t(n.row.nickname),1)]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.dateJoined`)},{default:o(n=>[e(`span`,E,t(l.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,l.loading]])]),_:1})]),_:1})]),_:1}),n(g,null,{default:o(()=>[n(h,{span:10,offset:14},{default:o(()=>[e(`div`,D,[n(k,{"current-page":l.page,"page-size":l.limit,total:l.total,onChange:l.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=h(y,[[`render`,O],[`__scopeId`,`data-v-b2200c49`]]);export{k as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,Jt as t,L as n,at as r,ht as i,j as a,mt as o,ot as s,tt as c,z as l}from"./vendor-chart-Dw-P17PN.js";import{n as u,t as d}from"./table-DvZrfif5.js";import{t as f}from"./card-IQwqnRJR.js";import{n as p,t as m}from"./row-DwvEQ4Kv.js";import{O as h,ii as g}from"./index-BcBWKKi1.js";import{t as _}from"./CopyToClipboard-CGwG-ynF.js";import{t as v}from"./pagination-CIX0MX3t.js";var y=l({name:`ConsoleDistributionInvitees`,components:{Pagination:v,CopyToClipboard:_,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){let{data:e}=await g.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:`-created_at`});this.invitees=e.items,this.total=e.count}}}),b={class:`title`},x={class:`key`},S={class:`copy`},C={class:`description`},w={class:`description`},T={class:`description`},E={class:`created-at`},D={class:`pagination m-v-lg`};function O(l,u,d,f,p,m){let h=r(`el-col`),g=r(`el-row`),_=r(`copy-to-clipboard`),v=r(`el-table-column`),y=r(`el-table`),O=r(`el-card`),k=r(`pagination`),A=s(`loading`);return c(),a(g,{class:`panel`},{default:o(()=>[n(h,{span:24},{default:o(()=>[n(g,null,{default:o(()=>[n(h,{span:24},{default:o(()=>[e(`h2`,b,t(l.$t(`common.title.invitee`)),1)]),_:1})]),_:1}),n(g,null,{default:o(()=>[n(h,{span:24},{default:o(()=>[n(O,{shadow:`hover`},{default:o(()=>[i((c(),a(y,{data:l.invitees,stripe:``},{default:o(()=>[n(v,{prop:`id`,label:l.$t(`user.field.id`),"class-name":`text-center`,width:`350px`},{default:o(r=>[e(`span`,x,t(r.row.id),1),e(`span`,S,[n(_,{content:r.row.id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.username`),width:`300px`},{default:o(n=>[e(`span`,C,t(n.row?.username),1)]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.email`),width:`300px`},{default:o(n=>[e(`span`,w,t(n.row?.email),1)]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.nickname`),width:`200px`},{default:o(n=>[e(`span`,T,t(n.row.nickname),1)]),_:1},8,[`label`]),n(v,{label:l.$t(`user.field.dateJoined`)},{default:o(n=>[e(`span`,E,t(l.$dayjs.format(n.row.date_joined)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[A,l.loading]])]),_:1})]),_:1})]),_:1}),n(g,null,{default:o(()=>[n(h,{span:10,offset:14},{default:o(()=>[e(`div`,D,[n(k,{"current-page":l.page,"page-size":l.limit,total:l.total,onChange:l.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var k=h(y,[[`render`,O],[`__scopeId`,`data-v-b2200c49`]]);export{k as default};

package/dist/assets/List-BJC4kROk.css

@@ -0,0 +1 @@
+.summary-card[data-v-fd7e3a7f]{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.summary-card .icon-wrapper[data-v-fd7e3a7f]{background-color:var(--el-bg-color-page);width:40px;height:40px;color:var(--el-color-primary);border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:6px;display:grid}.summary-card .icon-wrapper[data-v-fd7e3a7f] svg{width:18px;height:18px;display:block}.summary-card .label[data-v-fd7e3a7f]{color:var(--el-text-color-regular);margin:0;font-size:14px;line-height:20px}.summary-card .value[data-v-fd7e3a7f]{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:30px;font-weight:600;line-height:36px}.summary-card .description[data-v-fd7e3a7f]{color:var(--el-text-color-secondary);margin:4px 0 0;font-size:12px}.application-list[data-v-fd7e3a7f]{width:100%;margin:0}.applications-table-card[data-v-fd7e3a7f] .el-card__body{overflow-x:auto}.application-card__name[data-v-fd7e3a7f]{color:var(--el-text-color-primary);word-break:break-word;font-size:15px;font-weight:600}.application-card__id[data-v-fd7e3a7f]{color:var(--el-text-color-secondary);align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.application-card__id .truncate[data-v-fd7e3a7f]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.application-card__row[data-v-fd7e3a7f]{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.application-card__row .label[data-v-fd7e3a7f]{color:var(--el-text-color-regular);flex-shrink:0;font-size:13px}.application-card__row .value[data-v-fd7e3a7f]{color:var(--el-text-color-primary);text-align:right;word-break:break-all;font-size:14px;font-weight:500}@media screen and (width<=767px){.application-list[data-v-fd7e3a7f]{display:block}.summary-card .value[data-v-fd7e3a7f]{font-size:24px;line-height:30px}}

package/dist/assets/List-CBWKgk0a.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime--c01j_DQ.js";import{A as t,I as n,Jt as r,L as i,M as a,N as o,T as s,a as c,at as l,c as u,d,ht as f,i as p,j as m,l as h,mt as g,n as _,o as v,ot as ee,qt as y,r as b,rt as x,s as S,t as C,tt as w,u as T,x as E,z as D}from"./vendor-chart-Dw-P17PN.js";import{r as O,t as k}from"./select-CeX_bNg0.js";import{n as A,t as j}from"./table-DvZrfif5.js";import{n as M,t as N}from"./tabs-4TPiegps.js";import{a as P,i as F,p as I,v as L}from"./models-C7ANi-Un.js";import{t as R}from"./card-IQwqnRJR.js";import{n as z,r as B}from"./radio-BNhFzeBO.js";import{n as V,t as H}from"./file-output-DzpZPLl7.js";import{n as U,t as W}from"./row-DwvEQ4Kv.js";import{t as G}from"./empty-C5KjRN0h.js";import{t as K}from"./skeleton-Dj_a_iIP.js";import{t as te}from"./switch-CNbPld6w.js";import{t as ne}from"./boxes-C3OmL03p.js";import{t as re}from"./external-link-COz3zr-1.js";import{Gr as q,Hi as ie,Kr as ae,O as oe,Wr as se,ai as ce,ga as le,ma as ue,sa as de,ui as fe}from"./index-BcBWKKi1.js";import{t as pe}from"./CopyToClipboard-CGwG-ynF.js";import{t as me}from"./pagination-CIX0MX3t.js";import{i as J,o as he}from"./x402-CPM8RH8s.js";var ge=e(fe());function Y(e){return e.metadata?.x402===!0}function X(e){let t=e.metadata;if(ye(t))try{let e=BigInt(t.x402_amount_atomic),n=J(e,t.x402_decimals),r,i,a;if(typeof t.x402_list_amount_atomic==`string`&&/^\d+$/.test(t.x402_list_amount_atomic)){let n=BigInt(t.x402_list_amount_atomic),o=Number(t.x402_discount_percent);n>e&&Number.isFinite(o)&&o>0&&o<1&&(r=J(n,t.x402_decimals),t.x402_discount_type===`Coin`&&t.x402_discount_coin_policy_id?a=`ace`:t.x402_discount_type===`Manual`&&(a=`manual`),a&&(i=Number((o*100).toFixed(2)).toString()))}return{amount:n,originalAmount:r,discountPercent:i,discountSource:a,currency:t.x402_currency,network:t.x402_network,transaction:t.x402_tx,payer:typeof t.x402_payer==`string`?t.x402_payer:void 0,explorerUrl:he(t.x402_network,t.x402_tx)}}catch{return}}function _e(e){let t=e.metadata?.x402_tx||e.metadata?.x402_settle_attempt_tx;return typeof t==`string`&&t.length>0?t:void 0}function ve(e){return e?Object.fromEntries(Object.entries(e).filter(([e,t])=>!e.startsWith(`x402`)&&e!==`request`&&e!==`response`&&(typeof t!=`object`||!t))):{}}function ye(e){return!!(e?.x402===!0&&e.x402_settlement_status===`settled`&&typeof e.x402_amount_atomic==`string`&&/^\d+$/.test(e.x402_amount_atomic)&&Number.isSafeInteger(e.x402_decimals)&&e.x402_decimals>=0&&e.x402_decimals<=255&&typeof e.x402_currency==`string`&&e.x402_currency.length>0&&typeof e.x402_network==`string`&&e.x402_network.length>0&&typeof e.x402_tx==`string`&&e.x402_tx.length>0)}v.register(c,u,p,b,S,T,d,h);var Z=[`#5B8FF9`,`#5AD8A6`,`#5D7092`,`#F6BD16`,`#6F5EF9`,`#6DC8EC`,`#945FB9`,`#FF9845`,`#1E9493`,`#FF99C3`],Q=`#C0C4CC`,be=.01,xe=20;function Se(e){return e<=Z.length?Z.slice(0,e):Array.from({length:e},(t,n)=>`hsl(${Math.round(n*360/e)}, 62%, ${n%2==0?55:45}%)`)}var Ce=15e3,we=D({name:`ConsoleUsageList`,components:{ApplicationsIcon:ne,ExportIcon:H,ExternalLinkIcon:re,Pagination:me,ElTag:ue,ElDatePicker:V,ElTable:j,ElSelect:O,ElOption:k,CopyToClipboard:pe,ElRow:W,ElCol:U,ElTableColumn:A,ElCard:R,ElRadioButton:z,ElRadioGroup:B,ElSkeleton:K,ElDialog:de,ElTabs:M,ElTabPane:N,ElButton:le,ElEmpty:G,ElSwitch:te,BarChart:C,DoughnutChart:_},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(`,`):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(`,`):[],applications:[],apis:[],apisLoading:!1,credentialType:F,serviceType:P,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{let e=this.$route.query.created_at_to?.toString(),t=this.$route.query.created_at_from?.toString();if(t&&e)return[new Date(t),new Date(e)];let n=new Date,r=new Date;return r.setDate(1),r.setHours(0,0,0,0),[r,n]})(),shortcuts:[{text:this.$t(`usage.shortcuts.thisMonth`),value:()=>{let e=new Date,t=new Date;return t.setDate(1),t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last1Day`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-1),[t,e]}},{text:this.$t(`usage.shortcuts.last3Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-3),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}],type:P.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],chartView:`trend`,apiBreakdown:[],pieLabels:[],pieData:[],pieColors:[],aggLoading:!1,detailDialogVisible:!1,detailRow:null,detailActiveTab:`request`,detailLoading:!1,exporting:!1,statusCodeFilter:this.$route.query.status_code?.toString()||``,traceId:this.$route.query.trace_id?.toString()||``,statusCodeOptions:[],statusCodeOptionsLoading:!1,autoRefresh:!0,autoRefreshTimer:null,fetchSeq:0}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(e=>({label:e.label,data:e.data,backgroundColor:e.color,maxBarThickness:36,borderRadius:2,borderSkipped:!1}))}},barChartOptions(){let e=e=>new Intl.NumberFormat().format(Math.round(((e||0)+2**-52)*100)/100);return{responsive:!0,maintainAspectRatio:!1,interaction:{mode:`index`,intersect:!1},plugins:{legend:{position:`bottom`,labels:{usePointStyle:!0,pointStyle:`circle`,boxWidth:8,boxHeight:8,padding:14},onClick:(e,t,n)=>{let r=n?.chart;if(!r||t?.datasetIndex===void 0)return;let i=t.datasetIndex,a=r.data?.datasets||[];a.some((e,t)=>t!==i&&r.isDatasetVisible(t))?a.forEach((e,t)=>r.setDatasetVisibility(t,t===i)):a.forEach((e,t)=>r.setDatasetVisibility(t,!0)),r.update()}},title:{display:!1},tooltip:{itemSort:(e,t)=>(t.parsed?.y||0)-(e.parsed?.y||0),callbacks:{label:t=>` ${t.dataset.label}: ${e(t.parsed.y)}`,footer:t=>`${this.$t(`usage.title.totalUsed`)}: ${e(t.reduce((e,t)=>e+(t.parsed?.y||0),0))}`}}},scales:{x:{stacked:!0,grid:{display:!1},ticks:{maxRotation:0,autoSkip:!0,autoSkipPadding:16}},y:{stacked:!0,beginAtZero:!0,border:{display:!1},grid:{color:`rgba(128, 128, 128, 0.15)`},ticks:{callback:t=>e(Number(t))}}}}},doughnutChartData(){return{labels:this.pieLabels,datasets:[{data:this.pieData,backgroundColor:this.pieColors,borderWidth:0,hoverOffset:6}]}},doughnutChartOptions(){let e=e=>this.fmtAmount(e),t=this.pieData.reduce((e,t)=>e+(t||0),0);return{responsive:!0,maintainAspectRatio:!1,cutout:`58%`,plugins:{legend:{position:`right`,labels:{usePointStyle:!0,pointStyle:`circle`,boxWidth:8,boxHeight:8,padding:12}},title:{display:!1},tooltip:{callbacks:{label:n=>{let r=n.parsed||0,i=t>0?(r/t*100).toFixed(1):`0`;return` ${n.label}: ${e(r)} (${i}%)`}}}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()}},autoRefresh:{handler(e){e?this.startAutoRefresh():this.stopAutoRefresh()}}},mounted(){this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions(),this.autoRefresh&&this.startAutoRefresh()},beforeUnmount(){this.stopAutoRefresh()},methods:{async onFetchUsages(e=!1){this.type===P.API?this.onFetchApiUsages(e):this.type===P.Proxy&&this.onFetchProxyUsages(e)},startAutoRefresh(){this.stopAutoRefresh(),this.autoRefreshTimer=window.setInterval(()=>{document.hidden||this.onFetchUsages(!0)},Ce)},stopAutoRefresh(){this.autoRefreshTimer!==null&&(clearInterval(this.autoRefreshTimer),this.autoRefreshTimer=null)},async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e&&e.length?e.join(`,`):``}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``,created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``}}),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e&&e.length?e.join(`,`):``}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`},getDeductedAmount(e){if(e?.deducted_amount===void 0||e?.deducted_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.deducted_amount?.toFixed(6)} ${t}`},getOriginalAmount(e){if(e?.original_amount===void 0||e?.original_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.original_amount?.toFixed(6)} ${t}`},onStatusCodeChange(e){let t={...this.$route.query},n=(e||``).trim();n?t.status_code=n:delete t.status_code,delete t.status_code_filter,this.$router.push({name:this.$route.name?.toString(),query:t}),this.onFetchUsages(),this.onFetchAggregate()},async onFetchStatusCodeOptions(){this.statusCodeOptionsLoading=!0;try{let{data:e}=await q.getStatusCodes({user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}});this.statusCodeOptions=(e?.items||[]).slice().sort((e,t)=>e-t)}catch{this.statusCodeOptions=[]}finally{this.statusCodeOptionsLoading=!1}},formatElapsed(e){return e==null||Number.isNaN(e)?`-`:e<1?`${Math.round(e*1e3)} ms`:`${e.toFixed(2)} s`},isX402Usage:Y,getX402Payment:X,getX402Transaction:_e,getX402DiscountLabel(e){let t=X(e);if(!t?.discountPercent)return``;let n=t.discountSource===`ace`?`usage.value.aceDiscount`:`usage.value.accountDiscount`;return this.$t(n,{percent:t.discountPercent})},getX402StatusType(e){return X(e)?`success`:e.metadata?.x402_settlement_status===`unconfirmed`?`warning`:e.metadata?.x402_settle_error||e.metadata?.x402_skipped?`danger`:`info`},getX402StatusKey(e){return X(e)?`usage.value.paymentSettled`:e.metadata?.x402_settlement_status===`unconfirmed`?`usage.value.paymentUnconfirmed`:e.metadata?.x402_settle_error||e.metadata?.x402_skipped?`usage.value.paymentFailed`:`usage.value.paymentUnavailable`},shortTransaction(e){return!e||e.length<=16?e||``:`${e.slice(0,8)}…${e.slice(-6)}`},getSimpleMetadata(e){return ve(e)},getCredentialLabel(e){return e.credential?.name?.trim()||e.credential?.id||e.credential_id||`-`},onShowDetail(e){if(this.detailRow={...e,metadata:e.metadata?{...e.metadata}:void 0},this.detailActiveTab=Y(e)?`payment`:`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id){let t=e.id;q.get(t).then(e=>{this.detailRow?.id===t&&(this.detailRow=e.data)}).finally(()=>{this.detailRow?.id===t&&(this.detailLoading=!1)})}},formatJson(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}},onFetchApplications(){ce.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:I.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,se.getAll({limit:1e3,offset:0,ordering:`-created_at`}).then(({data:e})=>{this.apis=e.items.filter(e=>e.service?.type===P.API)}).catch(()=>{}).finally(()=>{this.apisLoading=!1})},onFetchApiUsages(e=!1){e||(this.loading=!0);let t=++this.fetchSeq;q.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{},...this.traceId?{trace_id:this.traceId}:{}}).then(({data:e})=>{t===this.fetchSeq&&(this.apiUsages=e.items,this.total=e.count)}).catch(()=>{}).finally(()=>{e||(this.loading=!1)})},onFetchProxyUsages(e=!1){e||(this.loading=!0);let t=++this.fetchSeq;ae.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:e})=>{t===this.fetchSeq&&(this.proxyUsages=e.items,this.total=e.count)}).catch(()=>{}).finally(()=>{e||(this.loading=!1)})},async onExport(){let e=this.$store.state.token?.access;if(!e){L.error(this.$t(`usage.message.exportFailed`));return}let t={user_id:this.$store.getters.user.id,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}},n=`${ie()}/api/v1/usage/apis/export/?${ge.default.stringify(t,{arrayFormat:`repeat`})}`,r=null,i=window.showSaveFilePicker;if(typeof i==`function`)try{r=await i({suggestedName:`usages.csv`,types:[{description:`CSV`,accept:{"text/csv":[`.csv`]}}]})}catch(e){if(e?.name===`AbortError`)return;r=null}this.exporting=!0;try{let t=await fetch(n,{headers:{authorization:`Bearer ${e}`}});if(!t.ok||!t.body)throw Error(`export failed: ${t.status}`);if(r)await t.body.pipeTo(await r.createWritable());else{let e=await t.blob(),n=window.URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=`usages.csv`,r.click(),window.URL.revokeObjectURL(n)}}catch{L.error(this.$t(`usage.message.exportFailed`))}finally{this.exporting=!1}},fmtAmount(e){return new Intl.NumberFormat().format(Math.round(((e||0)+2**-52)*100)/100)},async onFetchAggregate(){if(this.type!==this.serviceType.API)return;this.aggLoading=!0;let e={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},timezone:Intl.DateTimeFormat().resolvedOptions().timeZone};try{let{data:t}=await q.getAggregate(e);this.totalUsed=t.total||0;let n=Array.from(new Set((t.items||[]).map(e=>e.date))).sort(),r={},i={};(t.items||[]).forEach(e=>{let t=e.amount||0;(r[e.date]||(r[e.date]={}))[e.api_id]=(r[e.date]?.[e.api_id]||0)+t,i[e.api_id]=(i[e.api_id]||0)+t});let a=Object.keys(i).sort((e,t)=>i[t]-i[e]),o=a.reduce((e,t)=>e+i[t],0),s=a.length;if(o>0){let e=o*(1-be),t=0;for(let n=0;n<a.length;n++)if(t+=i[a[n]],t>=e){s=n+1;break}s=Math.min(s,xe)}a.length-s===1&&(s=a.length);let c=a.slice(0,s),l=new Set(c),u=Se(c.length),d=a.slice(s),f=`${this.$t(`usage.value.others`)} (${d.length})`,p=c.map((e,i)=>({key:e,label:t.apis?.[e]?.title||e,data:n.map(t=>r[t]?.[e]||0),color:u[i]}));if(d.length){let e=n.map(e=>Object.entries(r[e]||{}).reduce((e,[t,n])=>l.has(t)?e:e+n,0));e.some(e=>e>0)&&p.push({key:`__others__`,label:f,data:e,color:Q})}this.apiBreakdown=a.map((e,n)=>({key:e,label:t.apis?.[e]?.title||e,amount:i[e],color:n<c.length?u[n]:Q,share:o>0?i[e]/o:0}));let m=[],h=[],g=[];c.forEach((e,n)=>{m.push(t.apis?.[e]?.title||e),h.push(i[e]),g.push(u[n])});let _=d.reduce((e,t)=>e+i[t],0);_>0&&(m.push(f),h.push(_),g.push(Q)),this.pieLabels=m,this.pieData=h,this.pieColors=g,this.barChartLabels=n,this.barChartSeries=p}finally{this.aggLoading=!1}}}}),Te={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},Ee={class:`inline-block w-9`},De={class:`inline-block`},Oe={key:1,class:`summary-card`},ke={class:`icon-wrapper`},Ae={class:`text-left`},je={class:`description`},Me={class:`value`},Ne={class:`flex flex-wrap items-center justify-between gap-2`},Pe={class:`text-[15px] font-medium text-[var(--el-text-color-primary)]`},Fe={class:`chart-wrapper`},Ie={class:`share-cell`},Le={class:`share-bar`},Re={class:`share-pct`},ze={class:`flex items-center justify-end gap-2 mb-4`},Be={class:`text-sm text-[var(--el-text-color-regular)]`},Ve={key:0},He={key:0,class:`space-y-1`},Ue={key:0},We={key:1,class:`text-gray-400`},Ge={key:1},Ke={key:2},qe={key:0,class:`space-y-1`},Je={class:`flex min-w-0 items-center justify-center gap-1`},Ye=[`href`],Xe={key:1,class:`key truncate`},Ze={class:`text-xs text-gray-400`},Qe={key:1},$e={class:`flex flex-wrap gap-2`},et={key:1,class:`flex min-w-0 items-center gap-1`},tt={class:`key`},nt={key:0,class:`cursor-pointer`},rt={class:`key`},it={key:0,class:`cursor-pointer`},at={class:`created-at`},ot={class:`key`},st={key:0,class:`cursor-pointer`},ct={class:`created-at`},lt={key:1,class:`payment-details`},ut={key:0,class:`ml-2 text-danger`},dt={key:0},ft={key:0,class:`ml-2`},$={key:1},pt={class:`break-all`},mt={class:`break-all`},ht=[`href`],gt={key:1,class:`detail-json`},_t={key:2,class:`text-gray-400`},vt={key:1,class:`detail-json`},yt={key:2,class:`text-gray-400`},bt={class:`float-right`};function xt(e,c,u,d,p,h){let _=l(`el-col`),v=l(`el-row`),b=l(`el-radio-button`),S=l(`el-radio-group`),C=l(`el-option`),T=l(`el-select`),D=l(`el-date-picker`),O=l(`export-icon`),k=l(`el-button`),A=l(`el-skeleton`),j=l(`applications-icon`),M=l(`el-card`),N=l(`bar-chart`),P=l(`el-empty`),F=l(`doughnut-chart`),I=l(`el-table-column`),L=l(`el-table`),R=l(`el-switch`),z=l(`el-tag`),B=l(`external-link-icon`),V=l(`copy-to-clipboard`),H=l(`el-tab-pane`),U=l(`el-tabs`),W=l(`el-dialog`),G=l(`pagination`),K=ee(`loading`);return w(),m(v,null,{default:g(()=>[i(_,{span:24},{default:g(()=>[i(v,null,{default:g(()=>[i(_,{span:24},{default:g(()=>[t(`h2`,Te,r(e.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),i(v,null,{default:g(()=>[f(i(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:g(()=>[t(`span`,null,r(e.$t(`application.field.type`)),1),i(S,{modelValue:e.type,"onUpdate:modelValue":c[0]||=t=>e.type=t},{default:g(()=>[i(b,{value:e.serviceType.API,label:e.$t(`application.field.api`)},null,8,[`value`,`label`]),i(b,{value:e.serviceType.Proxy,label:e.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1},512),[[E,!1]]),f(i(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:g(()=>[t(`span`,Ee,r(e.$t(`usage.field.application`)),1),i(T,{modelValue:e.applicationIds,"onUpdate:modelValue":c[1]||=t=>e.applicationIds=t,placeholder:e.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:e.onApplicationsChange},{default:g(()=>[(w(!0),o(s,null,x(e.applications,e=>(w(),m(C,{key:e.id,label:e.service?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[E,!1]]),e.type===e.serviceType.API?(w(),m(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:g(()=>[t(`span`,De,r(e.$t(`usage.field.api`)),1),i(T,{modelValue:e.apiIds,"onUpdate:modelValue":c[2]||=t=>e.apiIds=t,placeholder:e.$t(`usage.field.api`),loading:e.apisLoading,clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:e.onApisChange},{default:g(()=>[(w(!0),o(s,null,x(e.apis,e=>(w(),m(C,{key:e?.id,label:e?.title,value:e?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):a(``,!0),e.type===e.serviceType.API?(w(),m(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:g(()=>[i(D,{modelValue:e.createdAtRange,"onUpdate:modelValue":c[3]||=t=>e.createdAtRange=t,type:`datetimerange`,class:`w-full`,shortcuts:e.shortcuts,"range-separator":e.$t(`usage.placeholder.to`),"start-placeholder":e.$t(`usage.placeholder.startDate`),"end-placeholder":e.$t(`usage.placeholder.endDate`),onChange:e.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):a(``,!0),e.type===e.serviceType.API?(w(),m(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:g(()=>[i(T,{modelValue:e.statusCodeFilter,"onUpdate:modelValue":c[4]||=t=>e.statusCodeFilter=t,placeholder:e.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:e.statusCodeOptionsLoading,onChange:e.onStatusCodeChange},{default:g(()=>[(w(!0),o(s,null,x(e.statusCodeOptions,e=>(w(),m(C,{key:e,label:String(e),value:String(e)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):a(``,!0),e.type===e.serviceType.API?(w(),m(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:g(()=>[i(k,{type:`primary`,plain:``,loading:e.exporting,class:`w-full whitespace-nowrap`,onClick:e.onExport},{default:g(()=>[i(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),n(` `+r(e.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):a(``,!0)]),_:1}),i(v,null,{default:g(()=>[i(_,{span:24},{default:g(()=>[e.type===e.serviceType.API?(w(),m(v,{key:0,gutter:24,class:`mb-5`},{default:g(()=>[i(_,{md:6,xs:24},{default:g(()=>[i(M,{shadow:`hover`,class:`h-full`},{default:g(()=>[e.aggLoading?(w(),m(A,{key:0})):(w(),o(`div`,Oe,[t(`div`,ke,[i(j,{class:`icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`})]),t(`div`,Ae,[t(`p`,je,r(e.$t(`usage.title.totalUsed`)),1),t(`p`,Me,r(e.totalUsedString),1)])]))]),_:1})]),_:1}),i(_,{md:18,xs:24},{default:g(()=>[i(M,{shadow:`hover`,class:`h-full`},{header:g(()=>[t(`div`,Ne,[t(`span`,Pe,r(e.$t(`usage.title.usageAnalytics`)),1),i(S,{modelValue:e.chartView,"onUpdate:modelValue":c[5]||=t=>e.chartView=t,size:`small`},{default:g(()=>[i(b,{value:`trend`,label:e.$t(`usage.view.trend`)},null,8,[`label`]),i(b,{value:`distribution`,label:e.$t(`usage.view.distribution`)},null,8,[`label`]),i(b,{value:`breakdown`,label:e.$t(`usage.view.breakdown`)},null,8,[`label`])]),_:1},8,[`modelValue`])])]),default:g(()=>[t(`div`,Fe,[e.aggLoading?(w(),m(A,{key:0,class:`w-full`})):e.chartView===`trend`?(w(),o(s,{key:1},[e.barChartSeries.length?(w(),m(N,{key:0,data:e.barChartData,options:e.barChartOptions,class:`chart`},null,8,[`data`,`options`])):(w(),m(P,{key:1,description:e.$t(`common.message.noData`),"image-size":70,class:`w-full`},null,8,[`description`]))],64)):e.chartView===`distribution`?(w(),o(s,{key:2},[e.pieData.length?(w(),m(F,{key:0,data:e.doughnutChartData,options:e.doughnutChartOptions,class:`chart`},null,8,[`data`,`options`])):(w(),m(P,{key:1,description:e.$t(`common.message.noData`),"image-size":70,class:`w-full`},null,8,[`description`]))],64)):(w(),o(s,{key:3},[e.apiBreakdown.length?(w(),m(L,{key:0,data:e.apiBreakdown,size:`small`,height:`300`,class:`w-full`},{default:g(()=>[i(I,{label:e.$t(`usage.field.api`),"min-width":`160`},{default:g(e=>[t(`span`,{class:`color-dot`,style:y({backgroundColor:e.row.color})},null,4),t(`span`,null,r(e.row.label),1)]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.consumed`),width:`120`,align:`right`},{default:g(n=>[t(`span`,null,r(e.fmtAmount(n.row.amount)),1)]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.share`),width:`150`},{default:g(e=>[t(`div`,Ie,[t(`div`,Le,[t(`div`,{class:`share-bar-fill`,style:y({width:e.row.share*100+`%`,backgroundColor:e.row.color})},null,4)]),t(`span`,Re,r((e.row.share*100).toFixed(1))+`%`,1)])]),_:1},8,[`label`])]),_:1},8,[`data`])):(w(),m(P,{key:1,description:e.$t(`common.message.noData`),"image-size":70,class:`w-full`},null,8,[`description`]))],64))])]),_:1})]),_:1})]),_:1})):a(``,!0),i(M,{shadow:`hover`},{default:g(()=>[t(`div`,ze,[t(`span`,Be,r(e.$t(`usage.field.autoRefresh`)),1),i(R,{modelValue:e.autoRefresh,"onUpdate:modelValue":c[6]||=t=>e.autoRefresh=t},null,8,[`modelValue`])]),e.type===e.serviceType.API?f((w(),m(L,{key:0,data:e.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":e.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:g(()=>[i(I,{label:e.$t(`application.field.name`),width:`160px`},{default:g(e=>[t(`span`,null,r(e.row?.api?.title),1)]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.statusCode`),width:`120px`},{default:g(t=>[t.row.status_code?(w(),o(`span`,Ve,r(t.row.status_code),1)):(w(),m(z,{key:1,type:`warning`,size:`small`},{default:g(()=>[n(r(e.$t(`usage.value.processing`)),1)]),_:1}))]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.elapsed`),width:`120px`},{default:g(n=>[t(`span`,null,r(e.formatElapsed(n.row.elapsed)),1)]),_:1},8,[`label`]),i(I,{prop:`deducted_amount`,label:e.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:g(i=>[e.isX402Usage(i.row)?(w(),o(`div`,He,[e.getX402Payment(i.row)?(w(),o(s,{key:0},[t(`span`,null,r(e.getX402Payment(i.row)?.amount)+` `+r(e.getX402Payment(i.row)?.currency),1),e.getX402Payment(i.row)?.originalAmount?(w(),o(`div`,Ue,[t(`del`,null,r(e.getX402Payment(i.row)?.originalAmount)+` `+r(e.getX402Payment(i.row)?.currency),1)])):a(``,!0),e.getX402Payment(i.row)?.discountPercent?(w(),m(z,{key:1,type:`success`,size:`small`},{default:g(()=>[n(r(e.getX402DiscountLabel(i.row)),1)]),_:2},1024)):a(``,!0)],64)):(w(),o(`span`,We,r(e.$t(`usage.value.paymentUnavailable`)),1))])):e.getDeductedAmount(i.row)===e.getOriginalAmount(i.row)?(w(),o(`div`,Ge,[t(`span`,null,r(e.getDeductedAmount(i.row)),1)])):(w(),o(`div`,Ke,[c[9]||=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,r(e.getDeductedAmount(i.row)),1)]),t(`p`,null,[t(`del`,null,r(e.getOriginalAmount(i.row)),1)])]))]),_:1},8,[`label`]),i(I,{prop:`remaining_amount`,label:e.$t(`usage.field.balanceAfter`),width:`190px`,"class-name":`text-center`},{default:g(s=>[e.isX402Usage(s.row)?(w(),o(`div`,qe,[t(`div`,Je,[e.getX402Payment(s.row)?.explorerUrl?(w(),o(`a`,{key:0,href:e.getX402Payment(s.row)?.explorerUrl,target:`_blank`,rel:`noopener noreferrer`,class:`truncate text-primary`},[n(r(e.$t(`usage.button.viewTransaction`))+` `,1),i(B,{class:`ml-1 inline-block h-3.5 w-3.5`})],8,Ye)):e.getX402Transaction(s.row)?(w(),o(`span`,Xe,r(s.row.metadata?.x402_settle_attempt_tx?`${e.$t(`usage.value.attemptTransaction`)}: `:``)+r(e.shortTransaction(e.getX402Transaction(s.row))),1)):a(``,!0),e.getX402Transaction(s.row)?(w(),m(V,{key:2,content:e.getX402Transaction(s.row),class:`inline-block shrink-0`},null,8,[`content`])):a(``,!0)]),t(`div`,Ze,r(e.$t(e.getX402Payment(s.row)?`usage.value.onChainBalanceNote`:e.getX402StatusKey(s.row))),1)])):(w(),o(`span`,Qe,r(e.getRemainingAmount(s.row)),1))]),_:1},8,[`label`]),i(I,{prop:`metadata`,label:e.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:g(c=>[t(`div`,$e,[!e.isX402Usage(c.row)&&c.row.original_amount>c.row.deducted_amount&&c.row.original_amount>0?(w(),m(z,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:g(()=>[n(r(((c.row.original_amount-c.row.deducted_amount)*100/c.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):a(``,!0),e.isX402Usage(c.row)?(w(),o(`div`,et,[i(z,{type:e.getX402StatusType(c.row)},{default:g(()=>[n(r(e.$t(e.getX402StatusKey(c.row))),1)]),_:2},1032,[`type`])])):a(``,!0),(w(!0),o(s,null,x(e.getSimpleMetadata(c.row.metadata),(e,t)=>(w(),m(z,{key:t,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:g(()=>[n(r(t)+`: `+r(e),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:g(t=>[t.row.id?(w(),m(k,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:n=>e.onShowDetail(t.row)},{default:g(()=>[n(r(e.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):a(``,!0)]),_:1},8,[`label`]),i(I,{prop:`trace_id`,label:e.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:g(e=>[t(`span`,tt,r(e.row.trace_id),1),e.row.trace_id?(w(),o(`span`,nt,[i(V,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):a(``,!0)]),_:1},8,[`label`]),i(I,{prop:`credential_id`,label:e.$t(`usage.field.credential`),width:`200px`,"class-name":`text-center`},{default:g(n=>[t(`span`,rt,r(e.getCredentialLabel(n.row)),1),n.row.credential?.id||n.row.credential_id?(w(),o(`span`,it,[i(V,{content:n.row.credential?.id||n.row.credential_id,class:`inline-block`},null,8,[`content`])])):a(``,!0)]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.createdAt`),width:`200px`},{default:g(n=>[t(`span`,at,r(e.$dayjs.format(n.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[K,e.loading]]):a(``,!0),e.type===e.serviceType.Proxy?f((w(),m(L,{key:1,data:e.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":e.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:g(()=>[i(I,{label:e.$t(`application.field.name`),width:`160px`},{default:g(e=>[t(`span`,null,r(e.row?.service?.title),1)]),_:1},8,[`label`]),i(I,{prop:`remaining_amount`,label:e.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:g(n=>[t(`span`,null,r(e.getRemainingAmount(n.row)),1),t(`span`,null,r(e.getOriginalAmount(n.row)),1)]),_:1},8,[`label`]),i(I,{prop:`deducted_amount`,label:e.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:g(n=>[t(`span`,null,r(e.getDeductedAmount(n.row)),1)]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:g(n=>[t(`span`,null,r(e.getRemainingAmount(n.row)),1)]),_:1},8,[`label`]),i(I,{prop:`metadata`,label:e.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:g(e=>[(w(!0),o(s,null,x(e.row.metadata,(e,t)=>(w(),m(z,{key:t,class:`mb-2`},{default:g(()=>[n(r(t)+`: `+r(e),1)]),_:2},1024))),128))]),_:1},8,[`label`]),i(I,{prop:`credential_id`,label:e.$t(`usage.field.credential`),width:`200px`,"class-name":`text-center`},{default:g(n=>[t(`span`,ot,r(e.getCredentialLabel(n.row)),1),n.row.credential?.id||n.row.credential_id?(w(),o(`span`,st,[i(V,{content:n.row.credential?.id||n.row.credential_id,class:`inline-block`},null,8,[`content`])])):a(``,!0)]),_:1},8,[`label`]),i(I,{label:e.$t(`usage.field.createdAt`),width:`200px`},{default:g(n=>[t(`span`,ct,r(e.$dayjs.format(n.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[K,e.loading]]):a(``,!0)]),_:1})]),_:1})]),_:1}),i(W,{modelValue:e.detailDialogVisible,"onUpdate:modelValue":c[8]||=t=>e.detailDialogVisible=t,title:e.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:g(()=>[i(U,{modelValue:e.detailActiveTab,"onUpdate:modelValue":c[7]||=t=>e.detailActiveTab=t},{default:g(()=>[e.detailRow&&e.isX402Usage(e.detailRow)?(w(),m(H,{key:0,label:e.$t(`usage.dialog.payment`),name:`payment`},{default:g(()=>[e.detailLoading?(w(),m(A,{key:0,rows:6,animated:``})):(w(),o(`dl`,lt,[t(`dt`,null,r(e.$t(`usage.field.status`)),1),t(`dd`,null,[i(z,{type:e.getX402StatusType(e.detailRow)},{default:g(()=>[n(r(e.$t(e.getX402StatusKey(e.detailRow))),1)]),_:1},8,[`type`]),e.detailRow.metadata?.x402_settle_error?(w(),o(`span`,ut,r(e.detailRow.metadata.x402_settle_error),1)):a(``,!0)]),t(`dt`,null,r(e.$t(`usage.field.paidAmount`)),1),e.getX402Payment(e.detailRow)?(w(),o(`dd`,dt,[t(`span`,null,r(e.getX402Payment(e.detailRow)?.amount)+` `+r(e.getX402Payment(e.detailRow)?.currency),1),e.getX402Payment(e.detailRow)?.originalAmount?(w(),o(`del`,ft,r(e.getX402Payment(e.detailRow)?.originalAmount)+` `+r(e.getX402Payment(e.detailRow)?.currency),1)):a(``,!0),e.getX402Payment(e.detailRow)?.discountPercent?(w(),m(z,{key:1,type:`success`,size:`small`,class:`ml-2`},{default:g(()=>[n(r(e.getX402DiscountLabel(e.detailRow)),1)]),_:1})):a(``,!0)])):(w(),o(`dd`,$,r(e.$t(`usage.value.paymentUnavailable`)),1)),t(`dt`,null,r(e.$t(`usage.field.network`)),1),t(`dd`,null,r(e.detailRow.metadata?.x402_network||`-`),1),t(`dt`,null,r(e.$t(`usage.field.payer`)),1),t(`dd`,pt,r(e.detailRow.metadata?.x402_payer||`-`),1),t(`dt`,null,r(e.detailRow.metadata?.x402_settle_attempt_tx?e.$t(`usage.value.attemptTransaction`):e.$t(`usage.field.transaction`)),1),t(`dd`,mt,[n(r(e.getX402Transaction(e.detailRow)||`-`)+` `,1),e.getX402Transaction(e.detailRow)?(w(),m(V,{key:0,content:e.getX402Transaction(e.detailRow),class:`inline-block`},null,8,[`content`])):a(``,!0),e.getX402Payment(e.detailRow)?.explorerUrl?(w(),o(`a`,{key:1,href:e.getX402Payment(e.detailRow)?.explorerUrl,target:`_blank`,rel:`noopener noreferrer`,class:`ml-2 text-primary`},[n(r(e.$t(`usage.button.viewTransaction`))+` `,1),i(B,{class:`ml-1 inline-block h-3.5 w-3.5`})],8,ht)):a(``,!0)])]))]),_:1},8,[`label`])):a(``,!0),i(H,{label:e.$t(`usage.dialog.request`),name:`request`},{default:g(()=>[e.detailLoading?(w(),m(A,{key:0,rows:6,animated:``})):e.detailRow?.metadata?.request?(w(),o(`pre`,gt,r(e.formatJson(e.detailRow.metadata.request)),1)):(w(),o(`p`,_t,r(e.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),i(H,{label:e.$t(`usage.dialog.response`),name:`response`},{default:g(()=>[e.detailLoading?(w(),m(A,{key:0,rows:6,animated:``})):e.detailRow?.metadata?.response?(w(),o(`pre`,vt,r(e.formatJson(e.detailRow.metadata.response)),1)):(w(),o(`p`,yt,r(e.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),i(v,null,{default:g(()=>[i(_,{span:10,offset:14},{default:g(()=>[t(`div`,bt,[i(G,{"current-page":e.page,"page-size":e.limit,total:e.total,onChange:e.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var St=oe(we,[[`render`,xt],[`__scopeId`,`data-v-031f32f8`]]);export{St as default};