@acedatacloud/nexior 3.377.1 → 3.378.1

package/dist/assets/Index-DpC9wqXK.js

@@ -0,0 +1,2 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,B as t,C as n,Gt as r,I as i,Jt as a,K as o,L as s,M as c,Mt as l,N as u,S as d,T as f,at as p,ft as m,ht as h,it as g,j as _,k as v,mt as y,ot as b,rt as x,tt as S,wt as C,x as w,z as T}from"./vendor-chart-Dw-P17PN.js";import{F as E}from"./icon-CDmWyIgD.js";import{r as D,t as O}from"./select-BuOkom3f.js";import{n as k,t as A}from"./tabs-WluDlUQJ.js";import{n as j,t as M}from"./form-BdKMEyCR.js";import{t as ee}from"./upload-BHQ8IZ4_.js";import{t as N}from"./tooltip-th739z_F.js";import{t as P}from"./alert-BprQRUmf.js";import{_ as F,h as I,v as L}from"./models-CCu2QuuH.js";import{t as te}from"./avatar-DEN_WCPo.js";import{t as ne}from"./checkbox-DXMDpaxv.js";import{n as re,r as R,t as z}from"./radio-BNhFzeBO.js";import{n as ie,t as ae}from"./collapse-dp1hZF2q.js";import{t as oe}from"./drawer-DamI5uaf.js";import{n as se,r as ce,t as le}from"./dropdown-CxemIApF.js";import{t as ue}from"./empty-C5KjRN0h.js";import{t as B}from"./input-number-BBNx1mU6.js";import{t as de}from"./popover-DAFcE4hu.js";import{t as fe}from"./progress-BuyYfFZn.js";import{n as pe,t as me}from"./skeleton-Dj_a_iIP.js";import{t as he}from"./slider-DJ0s7duw.js";import{t as ge}from"./switch-ow_qyizo.js";import{t as _e}from"./arrow-down-wide-narrow-KjIBFADl.js";import{i as ve,n as ye,r as V,t as be}from"./Player-B8uUoiJP.js";import{t as xe}from"./circle-check-gnxlR6Vj.js";import{t as Se}from"./clock-RIcgmtyy.js";import{t as Ce}from"./code-Bp64dHhF.js";import{t as we}from"./download-B0q5f2E1.js";import{t as Te}from"./ellipsis-BYLu3V6h.js";import{t as Ee}from"./headphones-BfmIa5rB.js";import{t as De}from"./image-NtJngVEl.js";import{t as Oe}from"./info-BUW8TMM-.js";import{t as ke}from"./link-rOb35aon.js";import{t as Ae}from"./loader-circle-CTS1wrQv.js";import{a as H,i as je,n as Me,o as Ne,r as Pe,t as Fe}from"./pagination-XDC_l2z2.js";import{t as Ie}from"./mic-DCxmIWeo.js";import{t as Le}from"./music-2-C-M-RW67.js";import{t as Re}from"./palette-Ce6UYKUL.js";import{t as ze}from"./pause-I57M9rCW.js";import{t as Be}from"./pencil-CA98uaFE.js";import{t as Ve}from"./play-C3KPmQgK.js";import{t as He}from"./plus-Gmd8kdtd.js";import{t as Ue}from"./refresh-cw-BdkNZ1NR.js";import{t as We}from"./rotate-ccw-Ekt5q49b.js";import{t as Ge}from"./shuffle-BfoDOPEE.js";import{t as Ke}from"./square-Csk5tTKc.js";import{t as qe}from"./trash-2-B7gaXM-v.js";import{t as Je}from"./triangle-alert-DwX9xyA4.js";import{t as Ye}from"./upload-B3KR4brI.js";import{t as Xe}from"./wand-sparkles-DhtJfk2J.js";import{t as Ze}from"./chip-CNPdFg2A.js";import{Sr as Qe,Wa as $e,fo as et}from"./constants-_IZvla_Y.js";import{D as U,E as tt,Fa as nt,Ha as W,Ia as rt,Mi as it,Na as at,Pi as ot,Qi as st,Ra as G,Ui as ct,Wa as K,Za as q,ao as J,at as lt,nr as Y,oi as ut,ot as dt,qi as ft,ri as X,st as pt,ta as mt,tr as ht,tt as gt,wn as _t,za as Z}from"./index-8jAipDuW.js";import{t as vt}from"./CopyToClipboard-OOLvOJao.js";import{t as yt}from"./ReportDialog-c0CEn7t9.js";import{n as bt,t as xt}from"./taskDrawerMixin-DyAUhFEq.js";import{t as St}from"./ServicePricingSummary-DScjReci.js";import{t as Ct}from"./ScenarioPaymentMode-BcNzNOmt.js";import{t as wt}from"./ApiCodeDialog-B88iMSf-.js";import{t as Tt}from"./taskPollingMixin-CcLxtz8z.js";import{t as Et}from"./ShowcaseResultTabs-BE8TSkDF.js";import{t as Dt}from"./showcaseRecreateMixin-Br3tohbC.js";import{t as Ot}from"./taskPolling-CWPvewf9.js";var kt=G(`drum`,[[`path`,{d:`m2 2 8 8`,key:`1v6059`}],[`path`,{d:`m22 2-8 8`,key:`173r8a`}],[`ellipse`,{cx:`12`,cy:`9`,rx:`10`,ry:`5`,key:`liohsx`}],[`path`,{d:`M7 13.4v7.9`,key:`1yi6u9`}],[`path`,{d:`M12 14v8`,key:`1tn2tj`}],[`path`,{d:`M17 13.4v7.9`,key:`eqz2v3`}],[`path`,{d:`M2 9v8a10 5 0 0 0 20 0V9`,key:`1750ul`}]]),At=G(`eraser`,[[`path`,{d:`M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21`,key:`g5wo59`}],[`path`,{d:`m5.082 11.09 8.828 8.828`,key:`1wx5vj`}]]),jt=G(`fast-forward`,[[`path`,{d:`M12 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 12 18z`,key:`b19h5q`}],[`path`,{d:`M2 6a2 2 0 0 1 3.414-1.414l6 6a2 2 0 0 1 0 2.828l-6 6A2 2 0 0 1 2 18z`,key:`h7h5ge`}]]),Mt=G(`guitar`,[[`path`,{d:`m11.9 12.1 4.514-4.514`,key:`109xqo`}],[`path`,{d:`M20.1 2.3a1 1 0 0 0-1.4 0l-1.114 1.114A2 2 0 0 0 17 4.828v1.344a2 2 0 0 1-.586 1.414A2 2 0 0 1 17.828 7h1.344a2 2 0 0 0 1.414-.586L21.7 5.3a1 1 0 0 0 0-1.4z`,key:`txyc8t`}],[`path`,{d:`m6 16 2 2`,key:`16qmzd`}],[`path`,{d:`M8.23 9.85A3 3 0 0 1 11 8a5 5 0 0 1 5 5 3 3 0 0 1-1.85 2.77l-.92.38A2 2 0 0 0 12 18a4 4 0 0 1-4 4 6 6 0 0 1-6-6 4 4 0 0 1 4-4 2 2 0 0 0 1.85-1.23z`,key:`1de1vg`}]]),Nt=G(`layers`,[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]]),Pt=G(`scissors`,[[`circle`,{cx:`6`,cy:`6`,r:`3`,key:`1lh9wr`}],[`path`,{d:`M8.12 8.12 12 12`,key:`1alkpv`}],[`path`,{d:`M20 4 8.12 15.88`,key:`xgtan2`}],[`circle`,{cx:`6`,cy:`18`,r:`3`,key:`fqmcym`}],[`path`,{d:`M14.8 14.8 20 20`,key:`ptml3r`}]]),Ft=G(`star`,[[`path`,{d:`M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z`,key:`r04s7s`}]]),It=T({name:`LayoutSuno`,components:{MagicIcon:Xe,ElDrawer:oe,ElButton:q},mixins:[bt]}),Lt={class:`main flex flex-row flex-1`},Rt={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)]`},zt={class:`result h-full flex flex-col flex-1 min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`},Bt={class:`preview h-full w-[300px] flex flex-col`};function Vt(t,n,r,i,a,o){let c=p(`magic-icon`),l=p(`el-button`),d=p(`el-drawer`);return S(),u(`div`,Lt,[e(`div`,Rt,[g(t.$slots,`config`,{},void 0,!0)]),e(`div`,zt,[g(t.$slots,`result`,{},void 0,!0)]),e(`div`,Bt,[g(t.$slots,`preview`,{},void 0,!0)]),h(s(l,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:y(()=>[s(c,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[w,!t.tasksEmpty]]),s(d,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:y(()=>[g(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Ht=U(It,[[`render`,Vt],[`__scopeId`,`data-v-e3f41341`]]);function Q(e){return{...e,action:void 0,audio:void 0,audio_id:void 0,audio_urls:void 0,mashup_audio_ids:void 0,persona_id:void 0,custom_model_id:void 0,continue_at:void 0,speed:void 0,replace_section_start:void 0,replace_section_end:void 0,overpainting_start:void 0,overpainting_end:void 0,underpainting_start:void 0,underpainting_end:void 0,samples_start:void 0,samples_end:void 0}}var Ut={key:0},Wt={key:1},Gt={class:`text-sm font-bold mb-2`},Kt={class:`text-xs text-[var(--el-text-color-secondary)] mt-2`},qt=T({__name:`AudioReferencesInput`,setup(t){let n=F(),r=v(()=>n.state.suno?.config?.action),o=v(()=>(n.state.suno?.tasks?.items||[]).flatMap(e=>Array.isArray(e.response?.data)?e.response.data:[]).filter(e=>e.id&&e.audio_url)),d=v({get:()=>(r.value===`inspo`?n.state.suno?.config?.audio_urls:n.state.suno?.config?.mashup_audio_ids)||[],set:e=>n.commit(`suno/setConfig`,{...n.state.suno.config,[r.value===`inspo`?`audio_urls`:`mashup_audio_ids`]:e})});function p(){n.commit(`suno/setConfig`,{...Q(n.state.suno.config),action:`inspo`,model:`chirp-v5`,custom:!0})}return(t,n)=>!r.value||r.value===`generate`?(S(),u(`div`,Ut,[s(l(q),{size:`small`,round:``,onClick:p},{default:y(()=>[i(a(t.$t(`suno.button.inspo`)),1)]),_:1})])):r.value===`inspo`||r.value===`mashup`?(S(),u(`div`,Wt,[e(`p`,Gt,a(t.$t(r.value===`inspo`?`suno.name.inspirationTracks`:`suno.name.mashupTracks`)),1),s(l(D),{modelValue:d.value,"onUpdate:modelValue":n[0]||=e=>d.value=e,multiple:``,filterable:``,"allow-create":r.value===`inspo`,"multiple-limit":r.value===`inspo`?4:2,class:`w-full`,placeholder:t.$t(`suno.placeholder.referenceSongs`)},{default:y(()=>[(S(!0),u(f,null,x(o.value,e=>(S(),_(l(O),{key:e.id,value:r.value===`inspo`?e.audio_url||``:e.id||``,label:`${e.title||e.id} · ${l(V)(e.duration||0)}`},null,8,[`value`,`label`]))),128))]),_:1},8,[`modelValue`,`allow-create`,`multiple-limit`,`placeholder`]),e(`p`,Kt,a(t.$t(r.value===`inspo`?`suno.description.inspo`:`suno.description.mashupTracks`)),1)])):c(``,!0)}}),Jt=T({name:`TypeSelector`,components:{ElSelect:D,ElOption:O,ElSwitch:ge},data(){return{options:[{label:`v6`,value:`chirp-v6`,desc:this.$t(`suno.model.v6desc`)},{label:`v6 Wild`,value:`chirp-v6-wild`,desc:this.$t(`suno.model.v6wilddesc`)},{label:`v6 Mini`,value:`chirp-v6-mini`,desc:this.$t(`suno.model.v6minidesc`),dividerAfter:!0},{label:`v5.5`,value:`chirp-v5-5`,desc:this.$t(`suno.model.v55desc`)},{label:`v5`,value:`chirp-v5`,desc:this.$t(`suno.model.v5desc`)},{label:`v4.5+`,value:`chirp-v4-5-plus`,desc:this.$t(`suno.model.v45plusdesc`)},{label:`v4.5`,value:`chirp-v4-5`,desc:this.$t(`suno.model.v45desc`),dividerAfter:!0},{label:`v4`,value:`chirp-v4`,desc:this.$t(`suno.model.v4desc`)},{label:`v3.5`,value:`chirp-v3-5`,desc:this.$t(`suno.model.v35desc`)},{label:`v3`,value:`chirp-v3-0`,desc:this.$t(`suno.model.v3desc`)}]}},computed:{custom:{get(){return this.$store.state.suno?.config?.custom||!1},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,custom:e})}},instrumental:{get(){return this.$store.state.suno?.config?.instrumental||!1},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,instrumental:e})}},model:{get(){return this.$store.state.suno?.config?.model},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,model:e})}}},mounted(){this.model||=Qe}}),Yt={class:`mb-3`},Xt={class:`flex items-center mb-1`},Zt={class:`text-sm font-bold`},Qt={class:`model-option`},$t={class:`model-option-left`},en={class:`model-option-name`},tn={class:`model-option-desc`},nn={class:`flex items-center justify-between mb-3`},rn={class:`text-sm font-bold`};function an(t,n,i,o,c,l){let d=p(`el-option`),m=p(`el-select`),h=p(`el-switch`);return S(),u(`div`,null,[e(`div`,Yt,[e(`div`,Xt,[e(`span`,Zt,a(t.$t(`suno.name.model`)),1)]),s(m,{modelValue:t.model,"onUpdate:modelValue":n[0]||=e=>t.model=e,disabled:t.$store.state.suno?.config?.action===`inspo`,class:`w-full model-select`,size:`default`,placeholder:t.$t(`suno.placeholder.select`)},{default:y(()=>[(S(!0),u(f,null,x(t.options,t=>(S(),_(d,{key:t.value,label:t.label,value:t.value,class:r({"model-option-divider":t.dividerAfter})},{default:y(()=>[e(`div`,Qt,[e(`div`,$t,[e(`span`,en,a(t.label),1)]),e(`span`,tn,a(t.desc),1)])]),_:2},1032,[`label`,`value`,`class`]))),128))]),_:1},8,[`modelValue`,`disabled`,`placeholder`])]),e(`div`,nn,[e(`span`,rn,a(t.$t(`suno.name.instrumental`)),1),s(h,{modelValue:t.instrumental,"onUpdate:modelValue":n[1]||=e=>t.instrumental=e},null,8,[`modelValue`])])])}var on=U(Jt,[[`render`,an],[`__scopeId`,`data-v-272351bf`]]),sn=T({name:`UploadAudio`,components:{MicrophoneIcon:Ie,StopIcon:Ke,SuccessIcon:xe,UndoIcon:We,UploadIcon:Ye,ElUpload:ee,ElButton:q,ElDialog:K,ElTabs:k,ElTabPane:A,InfoIcon:H,ElRadioGroup:R,ElRadioButton:re},mixins:[dt,gt],emits:[`change`],data(){return{fileList:[],uploadUrl:at()+`/api/v1/files/`,dialogVisible:!1,activeTab:`browse`,recording:!1,recordedBlob:null,recordedAudioUrl:null,audioPreviewUrl:null,recordTimer:null,recordSeconds:0,mediaRecorder:null,mediaStream:null,recordedChunks:[],uploadingRecord:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},credential(){return this.$store.state.suno.credential},config(){return this.$store.state.suno.config},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.suno?.config?.audio_id},set(){}},hasUploadedAudio(){let e=this.$store.state.suno?.config?.action;return e===`upload_extend`||e===`upload_cover`},uploadAction:{get(){return this.$store.state.suno?.config?.action||`upload_extend`},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,action:e})}},formattedTime(){return`${Math.floor(this.recordSeconds/60).toString().padStart(2,`0`)}:${(this.recordSeconds%60).toString().padStart(2,`0`)}`}},watch:{urls:{handler(e){this.$emit(`change`,e)}}},beforeUnmount(){this.cleanupRecording()},methods:{onExceed(){L.warning(this.$t(`suno.message.uploadReferencesExceed`))},onError(){L.error(this.$t(`suno.message.uploadReferencesError`))},async onBrowseSuccess(){let e=this.urls?.[0];e&&(this.audioPreviewUrl=e,await this.onGenerateAudioId(e),this.dialogVisible=!1)},async onGenerateAudioId(e){let t={audio_url:e},n=this.credential?.token;if(!n){console.error(`no token specified`);return}L.info(this.$t(`suno.message.startingUploadAudio`));try{let e=await Y.upload(t,{token:n});console.debug(`get upload music success`,e.data);let r=e.data?.data.audio_id;this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,audio_id:r,action:`upload_extend`}),L.success(this.$t(`suno.message.startUploadAudioSuccess`))}catch(e){L.error(e?.response?.data?.error?.message||this.$t(`suno.message.startUploadAudioFailed`))}},async startRecording(){if(!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){L.error(this.$t(`suno.message.recordingUnsupported`));return}try{this.mediaStream=await navigator.mediaDevices.getUserMedia({audio:!0}),this.recordedChunks=[],this.mediaRecorder=new MediaRecorder(this.mediaStream),this.mediaRecorder.ondataavailable=e=>{e.data&&e.data.size>0&&this.recordedChunks.push(e.data)},this.mediaRecorder.onstop=()=>{let e=new Blob(this.recordedChunks,{type:`audio/webm`});this.recordedBlob=e,this.recordedAudioUrl&&URL.revokeObjectURL(this.recordedAudioUrl),this.recordedAudioUrl=URL.createObjectURL(e),this.releaseStream()},this.mediaRecorder.start(),this.recording=!0,this.recordSeconds=0,this.recordTimer=window.setInterval(()=>{this.recordSeconds+=1,this.recordSeconds>=600&&this.stopRecording()},1e3)}catch(e){console.error(`record error`,e),L.error(this.$t(`suno.message.recordingPermissionDenied`))}},stopRecording(){this.recordTimer&&=(window.clearInterval(this.recordTimer),null),this.mediaRecorder&&this.mediaRecorder.state!==`inactive`&&this.mediaRecorder.stop(),this.recording=!1},resetRecording(){this.recordedAudioUrl&&URL.revokeObjectURL(this.recordedAudioUrl),this.recordedBlob=null,this.recordedAudioUrl=null,this.recordSeconds=0},async uploadRecording(){if(this.recordedBlob&&tt()){this.uploadingRecord=!0;try{let e=new FormData,t=`recording-${Date.now()}.webm`;e.append(`file`,this.recordedBlob,t);let n=await fetch(this.uploadUrl,{method:`POST`,headers:{Authorization:`Bearer ${st()}`},body:e});if(!n.ok)throw Error(`upload failed: ${n.status}`);let r=await n.json(),i=r?.file_url||r?.data?.file_url;if(!i)throw Error(`no file_url in response`);this.audioPreviewUrl=i,await this.onGenerateAudioId(i),this.dialogVisible=!1,this.resetRecording()}catch(e){console.error(e),L.error(e?.message||this.$t(`suno.message.uploadReferencesError`))}finally{this.uploadingRecord=!1}}},releaseStream(){this.mediaStream&&=(this.mediaStream.getTracks().forEach(e=>e.stop()),null)},cleanupRecording(){this.recordTimer&&=(window.clearInterval(this.recordTimer),null),this.releaseStream(),this.recordedAudioUrl&&=(URL.revokeObjectURL(this.recordedAudioUrl),null)}}}),cn={class:`relative`},ln={class:`flex justify-between items-center mb-2`},un={class:`flex justify-start items-center`},dn={class:`text-sm font-bold`},fn={key:0,class:`mb-2`},pn=[`src`],mn={key:1,class:`mt-2`},hn={class:`py-4`},gn={class:`text-center py-6`},_n={class:`text-sm`},vn={class:`text-xs text-gray-400 mt-1`},yn={class:`py-4 text-center`},bn={class:`recorder-display mb-4`},xn={key:0,class:`text-red-500 flex items-center justify-center gap-2`},Sn={class:`text-2xl font-mono`},Cn={key:1,class:`text-green-600`},wn={key:2,class:`text-gray-400 text-2xl font-mono`},Tn={key:0,class:`mb-4`},En=[`src`],Dn={class:`flex justify-center gap-3`};function On(t,n,r,o,l,d){let m=p(`info-icon`),h=p(`el-button`),g=p(`el-radio-button`),v=p(`el-radio-group`),b=p(`upload-icon`),x=p(`el-upload`),C=p(`el-tab-pane`),w=p(`success-icon`),T=p(`microphone-icon`),E=p(`stop-icon`),D=p(`undo-icon`),O=p(`el-tabs`),k=p(`el-dialog`);return S(),u(`div`,cn,[e(`div`,ln,[e(`div`,un,[e(`span`,dn,a(t.$t(`suno.name.referenceAudios`)),1),s(m,{content:t.$t(`suno.description.uploadAudios`)},null,8,[`content`])]),s(h,{round:``,type:`primary`,size:`small`,onClick:n[0]||=e=>t.dialogVisible=!0},{default:y(()=>[i(a(t.$t(`suno.button.addAudio`)),1)]),_:1})]),t.audioPreviewUrl?(S(),u(`div`,fn,[e(`audio`,{src:t.audioPreviewUrl,controls:``,class:`w-full`},null,8,pn)])):c(``,!0),t.hasUploadedAudio?(S(),u(`div`,mn,[s(v,{modelValue:t.uploadAction,"onUpdate:modelValue":n[1]||=e=>t.uploadAction=e,size:`small`},{default:y(()=>[s(g,{value:`upload_extend`},{default:y(()=>[i(a(t.$t(`suno.button.extend`)),1)]),_:1}),s(g,{value:`upload_cover`},{default:y(()=>[i(a(t.$t(`suno.button.upload_cover`)),1)]),_:1})]),_:1},8,[`modelValue`])])):c(``,!0),s(k,{modelValue:t.dialogVisible,"onUpdate:modelValue":n[4]||=e=>t.dialogVisible=e,title:t.$t(`suno.name.addAudio`),width:`520px`,"close-on-click-modal":!1,"append-to-body":``},{default:y(()=>[s(O,{modelValue:t.activeTab,"onUpdate:modelValue":n[3]||=e=>t.activeTab=e,class:`add-audio-tabs`},{default:y(()=>[s(C,{name:`browse`,label:t.$t(`suno.tab.browse`)},{default:y(()=>[e(`div`,hn,[s(x,{"file-list":t.fileList,"onUpdate:fileList":n[2]||=e=>t.fileList=e,name:`file`,limit:1,class:`upload-wrapper`,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,accept:`.mp3,.wav,.m4a,audio/*`,"show-file-list":!0,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onBrowseSuccess,headers:t.headers,drag:``},{default:y(()=>[e(`div`,gn,[s(b,{class:`text-4xl text-gray-400 mb-3`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),e(`div`,_n,a(t.$t(`suno.description.dropAudioHere`)),1),e(`div`,vn,a(t.$t(`suno.description.audioFormats`)),1)])]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])]),_:1},8,[`label`]),s(C,{name:`record`,label:t.$t(`suno.tab.record`)},{default:y(()=>[e(`div`,yn,[e(`div`,bn,[t.recording?(S(),u(`div`,xn,[n[5]||=e(`span`,{class:`recording-dot`},null,-1),e(`span`,Sn,a(t.formattedTime),1)])):t.recordedBlob?(S(),u(`div`,Cn,[s(w,{class:`text-2xl mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),e(`span`,null,a(t.$t(`suno.message.recordingReady`))+` (`+a(t.formattedTime)+`)`,1)])):(S(),u(`div`,wn,`00:00`))]),t.recordedAudioUrl&&!t.recording?(S(),u(`div`,Tn,[e(`audio`,{src:t.recordedAudioUrl,controls:``,class:`w-full`},null,8,En)])):c(``,!0),e(`div`,Dn,[!t.recording&&!t.recordedBlob?(S(),_(h,{key:0,type:`primary`,round:``,onClick:t.startRecording},{default:y(()=>[s(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.startRecord`)),1)]),_:1},8,[`onClick`])):c(``,!0),t.recording?(S(),_(h,{key:1,type:`danger`,round:``,onClick:t.stopRecording},{default:y(()=>[s(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.stopRecord`)),1)]),_:1},8,[`onClick`])):c(``,!0),t.recordedBlob&&!t.recording?(S(),u(f,{key:2},[s(h,{round:``,onClick:t.resetRecording},{default:y(()=>[s(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.reRecord`)),1)]),_:1},8,[`onClick`]),s(h,{type:`primary`,round:``,loading:t.uploadingRecord,onClick:t.uploadRecording},{default:y(()=>[s(b,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.useRecording`)),1)]),_:1},8,[`loading`,`onClick`])],64)):c(``,!0)])])]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`])])}var kn=U(sn,[[`render`,On],[`__scopeId`,`data-v-85240105`]]),An=[{key:`lofi`,label:`🎧 Lo-fi Chill`,prompt:`a relaxing lo-fi hip hop beat for studying`},{key:`pop-love`,label:`💕 Pop Love Song`,prompt:`a catchy pop love song with sweet melodies`},{key:`rock-anthem`,label:`🎸 Rock Anthem`,prompt:`an energetic rock anthem with electric guitars`},{key:`jazz-night`,label:`🎷 Jazz Night`,prompt:`a smooth late-night jazz piece with saxophone`},{key:`edm-drop`,label:`⚡ EDM Drop`,prompt:`an intense EDM track with a massive drop`},{key:`folk-story`,label:`🪕 Folk Story`,prompt:`a warm folk song telling a story about traveling`},{key:`rnb-groove`,label:`🎤 R&B Groove`,prompt:`a smooth R&B groove with soulful vocals`},{key:`classical`,label:`🎻 Classical`,prompt:`an elegant classical piece for orchestra`},{key:`hip-hop`,label:`🎤 Hip Hop`,prompt:`a hard-hitting hip hop beat with bass`},{key:`country`,label:`🤠 Country`,prompt:`an upbeat country song with acoustic guitar and banjo`},{key:`reggae`,label:`🌴 Reggae`,prompt:`a laid-back reggae tune with island vibes`},{key:`latin`,label:`💃 Latin`,prompt:`a vibrant Latin dance track with percussion`},{key:`ambient`,label:`🌊 Ambient`,prompt:`a dreamy ambient soundscape for relaxation`},{key:`metal`,label:`🤘 Metal`,prompt:`a powerful metal song with heavy riffs and double bass drums`},{key:`soul`,label:`🎵 Soul`,prompt:`a heartfelt soul ballad with gospel harmonies`},{key:`synthwave`,label:`🌃 Synthwave`,prompt:`a retro synthwave track with 80s vibes`},{key:`kpop`,label:`🇰🇷 K-Pop`,prompt:`a catchy K-pop dance track with hook`},{key:`lullaby`,label:`🌙 Lullaby`,prompt:`a gentle lullaby for bedtime with soft piano`},{key:`cinematic`,label:`🎬 Cinematic`,prompt:`an epic cinematic orchestral score for a movie trailer`},{key:`blues`,label:`🎸 Blues`,prompt:`a soulful blues song with electric guitar bends`},{key:`disco`,label:`🕺 Disco`,prompt:`a funky disco track with groovy bassline`},{key:`punk`,label:`🔥 Punk Rock`,prompt:`a fast punk rock song with raw energy`},{key:`gospel`,label:`⛪ Gospel`,prompt:`an uplifting gospel choir song with piano`},{key:`trap`,label:`🔊 Trap`,prompt:`a dark trap beat with 808s and hi-hats`},{key:`bossa`,label:`☕ Bossa Nova`,prompt:`a gentle bossa nova with nylon guitar`},{key:`indie`,label:`🎶 Indie`,prompt:`a dreamy indie track with ethereal vocals`},{key:`cpop`,label:`🇨🇳 C-Pop`,prompt:`a beautiful Chinese pop ballad with emotional vocals`},{key:`jpop`,label:`🇯🇵 J-Pop`,prompt:`a cheerful J-pop song with anime vibes`},{key:`afrobeat`,label:`🥁 Afrobeat`,prompt:`a groovy Afrobeat track with layered percussion`},{key:`game`,label:`🎮 Game BGM`,prompt:`an adventurous video game background music`}],jn=8;function Mn(e){let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(Math.random()*(e+1));[t[e],t[n]]=[t[n],t[e]]}return t}var Nn=T({name:`PromptInput`,components:{ActionChip:Ze,RefreshIcon:Ue,PromptTextarea:je},data(){return{shuffledTags:Mn(An)}},computed:{prompt:{get(){return this.$store.state.suno?.config?.prompt},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,prompt:e})}},visibleTags(){return this.shuffledTags.slice(0,jn)}},mounted(){this.prompt||=``},methods:{onTagClick(e){this.prompt=e.prompt},onRefreshTags(){this.shuffledTags=Mn(An)}}}),Pn={class:`inspo-tags`};function Fn(t,n,r,o,c,l){let d=p(`action-chip`),m=p(`refresh-icon`),h=p(`prompt-textarea`);return S(),_(h,{modelValue:t.prompt,"onUpdate:modelValue":n[0]||=e=>t.prompt=e,title:t.$t(`suno.name.songDescription`),info:t.$t(`suno.description.prompt`),placeholder:t.$t(`suno.placeholder.prompt`),"min-rows":5,"max-rows":14},{after:y(()=>[e(`div`,Pn,[(S(!0),u(f,null,x(t.visibleTags,e=>(S(),_(d,{key:e.key,class:`inspo-tag`,onClick:n=>t.onTagClick(e)},{default:y(()=>[i(a(e.label),1)]),_:2},1032,[`onClick`]))),128)),s(d,{class:`inspo-tag inspo-tag-refresh`,"aria-label":t.$t(`common.button.refresh`),title:t.$t(`common.button.refresh`),onClick:t.onRefreshTags},{default:y(()=>[s(m,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`,`onClick`])])]),_:1},8,[`modelValue`,`title`,`info`,`placeholder`])}var In=U(Nn,[[`render`,Fn],[`__scopeId`,`data-v-bfa13455`]]);function Ln(){return it()&&ot(`suno`).mode===`wallet`}function $(e){let t=e.$store.state.suno?.credential?.token;if(!Ln())return t?{token:t}:void 0;let n=Rn(e);if(!n){L.warning(e.$t(`common.x402Scenario.connectWalletFirst`));return}return{mode:`x402`,x402:{wallet:n,confirm:t=>zn(e,t),identityToken:t}}}function Rn(e){let t=e.$wallet?.publicKey?.value,n=e.$wallet?.wallet?.value?.adapter;if(!(!t||!n?.signTransaction))return{publicKey:t,signTransaction:n.signTransaction.bind(n)}}function zn(e,t){return Z.confirm(e.$t(`common.x402Scenario.confirmPayment`,{amount:t.amountUsdc}),e.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:e.$t(`order.message.x402WalletPayCta`),cancelButtonText:e.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)}var Bn={class:`text-sm text-[var(--el-text-color-secondary)]`},Vn={class:`grid grid-cols-1 sm:grid-cols-2 gap-3 mt-3`},Hn=T({name:`LyricInput`,components:{ClearIcon:At,FullscreenIcon:Ne,MagicIcon:Xe,UndoIcon:We,ElInput:J,ElButton:q,ElTooltip:N,ElDialog:K,InfoIcon:H,ElSelect:D,ElOption:O,MashupLyricsDialog:T({__name:`MashupLyricsDialog`,props:{modelValue:{type:Boolean}},emits:[`update:modelValue`,`generated`],setup(t,{emit:n}){let r=t,o=n,c=F(),{t:u}=et(),d=v({get:()=>r.modelValue,set:e=>o(`update:modelValue`,e)}),f=C(``),p=C(``),h=C(!1);m(d,e=>{if(!e)return;let t=c.state.suno.config?.mashup_audio_ids||[],n=(c.state.suno.tasks?.items||[]).flatMap(e=>Array.isArray(e.response?.data)?e.response.data:[]);f.value=n.find(e=>e.id===t[0])?.lyric||c.state.suno.config?.lyric||``,p.value=n.find(e=>e.id===t[1])?.lyric||``});async function g(){let e=c.state.suno?.credential?.token;if(!(!e||Ln()||h.value||!f.value.trim()||!p.value.trim())){h.value=!0;try{let t=await Y.mashupLyrics({lyrics_a:f.value.trim(),lyrics_b:p.value.trim()},{token:e});if(t.data.success===!1||!t.data.data?.text)throw Error(`No lyrics`);o(`generated`,t.data.data.text),d.value=!1,L.success(u(`suno.message.generateLyricsSuccess`))}catch{L.error(u(`suno.message.generateLyricsFailed`))}finally{h.value=!1}}}return(t,n)=>(S(),_(l(K),{modelValue:d.value,"onUpdate:modelValue":n[3]||=e=>d.value=e,title:t.$t(`suno.button.mashup_lyrics`),width:`640px`,"close-on-click-modal":!1},{footer:y(()=>[s(l(q),{onClick:n[2]||=e=>d.value=!1},{default:y(()=>[i(a(t.$t(`common.button.cancel`)),1)]),_:1}),s(l(q),{type:`primary`,loading:h.value,disabled:!f.value.trim()||!p.value.trim(),onClick:g},{default:y(()=>[i(a(t.$t(`suno.button.mashup_lyrics`)),1)]),_:1},8,[`loading`,`disabled`])]),default:y(()=>[e(`p`,Bn,a(t.$t(`suno.description.mashupLyrics`)),1),e(`div`,Vn,[s(l(J),{modelValue:f.value,"onUpdate:modelValue":n[0]||=e=>f.value=e,type:`textarea`,rows:8,placeholder:t.$t(`suno.placeholder.lyricsA`)},null,8,[`modelValue`,`placeholder`]),s(l(J),{modelValue:p.value,"onUpdate:modelValue":n[1]||=e=>p.value=e,type:`textarea`,rows:8,placeholder:t.$t(`suno.placeholder.lyricsB`)},null,8,[`modelValue`,`placeholder`])])]),_:1},8,[`modelValue`,`title`]))}})},data(){return{generatingLyrics:!1,enhancingLyrics:!1,enhancePrompt:``,lyricHistory:[],expanded:!1,mashupVisible:!1,lyricModel:`default`}},computed:{walletMode(){return Ln()},lyric:{get(){return this.$store.state.suno?.config?.lyric},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,lyric:e})}},config(){return this.$store.state.suno?.config},credential(){return this.$store.state.suno?.credential}},mounted(){this.lyric||=``},methods:{onMashupLyrics(e){this.pushHistory(),this.lyric=e},pushHistory(){this.lyric&&(this.lyricHistory.push(this.lyric),this.lyricHistory.length>20&&this.lyricHistory.shift())},onUndo(){let e=this.lyricHistory.pop();e!==void 0&&(this.lyric=e)},onClear(){this.pushHistory(),this.lyric=``},async onEnhanceLyrics(){let e=$(this);if(!(!e||!this.lyric||!this.enhancePrompt)){this.pushHistory(),this.enhancingLyrics=!0,L.info(this.$t(`suno.message.enhancingLyrics`));try{let t=`${this.enhancePrompt}\n\nOriginal lyrics:\n${this.lyric}`,n=(await Y.lyric({prompt:t,model:this.lyricModel},e)).data?.data;n?.text&&(this.lyric=n.text,this.enhancePrompt=``,L.success(this.$t(`suno.message.enhanceLyricsSuccess`)))}catch(e){if(e instanceof X)return;L.error(this.$t(`suno.message.enhanceLyricsFailed`))}finally{this.enhancingLyrics=!1}}},async onGenerateLyrics(){let e=$(this);if(!e)return;let t;try{t=((await Z.prompt(this.$t(`suno.message.lyricsThemePromptMessage`),this.$t(`suno.message.lyricsThemePromptTitle`),{confirmButtonText:this.$t(`common.button.confirm`),cancelButtonText:this.$t(`common.button.cancel`),inputPlaceholder:this.$t(`suno.placeholder.lyricsTheme`),inputValue:this.config?.title||``,inputType:`textarea`,inputValidator:e=>typeof e==`string`&&e.trim().length>0||this.$t(`suno.message.lyricsThemeRequired`)})).value||``).trim()}catch{return}if(t){this.pushHistory(),this.generatingLyrics=!0,L.info(this.$t(`suno.message.generatingLyrics`));try{let n=(await Y.lyric({prompt:t,model:this.lyricModel},e)).data?.data;n?.text&&(this.lyric=n.text,n?.title&&!this.config?.title&&this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,lyric:n.text,title:n.title}),L.success(this.$t(`suno.message.generateLyricsSuccess`)))}catch(e){if(e instanceof X)return;L.error(this.$t(`suno.message.generateLyricsFailed`))}finally{this.generatingLyrics=!1}}}}}),Un={class:`field`},Wn={class:`flex items-center justify-between mb-1`},Gn={class:`flex items-center`},Kn={class:`text-sm font-bold`},qn={class:`flex items-center gap-1`},Jn={class:`relative`},Yn={class:`text-xs text-right text-[var(--el-text-color-secondary)] mt-1`},Xn={class:`flex items-center justify-between gap-2 mt-2`},Zn={key:0,class:`enhance-bar`},Qn={key:0,class:`enhance-bar mt-3`},$n={class:`flex items-center justify-between`},er={class:`flex items-center gap-1`};function tr(t,n,r,o,l,f){let m=p(`info-icon`),h=p(`undo-icon`),g=p(`el-button`),v=p(`el-tooltip`),b=p(`clear-icon`),x=p(`fullscreen-icon`),C=p(`magic-icon`),w=p(`el-input`),T=p(`el-option`),E=p(`el-select`),D=p(`mashup-lyrics-dialog`),O=p(`el-dialog`);return S(),u(`div`,Un,[e(`div`,Wn,[e(`div`,Gn,[e(`span`,Kn,a(t.$t(`suno.name.lyrics`)),1),s(m,{content:t.$t(`suno.description.lyrics`)},null,8,[`content`])]),e(`div`,qn,[t.lyricHistory.length>0?(S(),_(v,{key:0,content:t.$t(`suno.button.undo`),placement:`top`},{default:y(()=>[s(g,{size:`small`,circle:``,"aria-label":t.$t(`suno.button.undo`),title:t.$t(`suno.button.undo`),onClick:t.onUndo},{default:y(()=>[s(h,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`,`onClick`])]),_:1},8,[`content`])):c(``,!0),t.lyric?(S(),_(v,{key:1,content:t.$t(`suno.button.clear_lyrics`),placement:`top`},{default:y(()=>[s(g,{size:`small`,circle:``,"aria-label":t.$t(`suno.button.clear_lyrics`),title:t.$t(`suno.button.clear_lyrics`),onClick:t.onClear},{default:y(()=>[s(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`,`onClick`])]),_:1},8,[`content`])):c(``,!0),s(v,{content:t.$t(`suno.button.expand_lyrics`),placement:`top`},{default:y(()=>[s(g,{size:`small`,circle:``,"aria-label":t.$t(`suno.button.expand_lyrics`),title:t.$t(`suno.button.expand_lyrics`),onClick:n[0]||=e=>t.expanded=!0},{default:y(()=>[s(x,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`])]),_:1},8,[`content`]),t.config?.action===`extend`?c(``,!0):(S(),_(g,{key:2,size:`small`,loading:t.generatingLyrics,round:``,onClick:t.onGenerateLyrics},{default:y(()=>[t.generatingLyrics?c(``,!0):(S(),_(C,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),i(` `+a(t.$t(`suno.button.generate_lyrics`)),1)]),_:1},8,[`loading`,`onClick`]))])]),e(`div`,Jn,[t.config?.action===`extend`?(S(),_(w,{key:1,modelValue:t.lyric,"onUpdate:modelValue":n[2]||=e=>t.lyric=e,rows:5,type:`textarea`,class:`lyrics`,placeholder:t.$t(`suno.placeholder.extend.lyrics`)},null,8,[`modelValue`,`placeholder`])):(S(),_(w,{key:0,modelValue:t.lyric,"onUpdate:modelValue":n[1]||=e=>t.lyric=e,rows:5,type:`textarea`,class:`lyrics`,placeholder:t.$t(`suno.placeholder.lyrics`)},null,8,[`modelValue`,`placeholder`])),e(`div`,Yn,a(t.lyric?.length||0)+`/5000`,1)]),e(`div`,Xn,[s(E,{modelValue:t.lyricModel,"onUpdate:modelValue":n[3]||=e=>t.lyricModel=e,size:`small`,class:`w-[120px]`,"aria-label":t.$t(`suno.name.lyricsModel`)},{default:y(()=>[s(T,{label:t.$t(`suno.lyricsModel.default`),value:`default`},null,8,[`label`]),s(T,{label:`Remi`,value:`remi-v1`})]),_:1},8,[`modelValue`,`aria-label`]),!t.walletMode&&t.credential?.token?(S(),_(g,{key:0,size:`small`,text:``,onClick:n[4]||=e=>t.mashupVisible=!0},{default:y(()=>[i(a(t.$t(`suno.button.mashup_lyrics`)),1)]),_:1})):c(``,!0)]),s(D,{modelValue:t.mashupVisible,"onUpdate:modelValue":n[5]||=e=>t.mashupVisible=e,onGenerated:t.onMashupLyrics},null,8,[`modelValue`,`onGenerated`]),t.lyric&&t.config?.action!==`extend`?(S(),u(`div`,Zn,[s(w,{modelValue:t.enhancePrompt,"onUpdate:modelValue":n[6]||=e=>t.enhancePrompt=e,size:`small`,placeholder:t.$t(`suno.placeholder.enhanceLyrics`),class:`enhance-input`,onKeyup:d(t.onEnhanceLyrics,[`enter`])},{append:y(()=>[s(g,{loading:t.enhancingLyrics,onClick:t.onEnhanceLyrics},{default:y(()=>[t.enhancingLyrics?c(``,!0):(S(),_(C,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),i(` `+a(t.$t(`suno.button.enhance_lyrics`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`,`onKeyup`])])):c(``,!0),s(O,{modelValue:t.expanded,"onUpdate:modelValue":n[10]||=e=>t.expanded=e,title:t.$t(`suno.name.lyrics`),width:`720px`,top:`5vh`,"close-on-click-modal":!1,class:`lyrics-expand-dialog`},{footer:y(()=>[e(`div`,$n,[e(`div`,er,[t.lyricHistory.length>0?(S(),_(g,{key:0,size:`small`,onClick:t.onUndo},{default:y(()=>[s(h,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.undo`)),1)]),_:1},8,[`onClick`])):c(``,!0),t.lyric?(S(),_(g,{key:1,size:`small`,onClick:t.onClear},{default:y(()=>[s(b,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.clear_lyrics`)),1)]),_:1},8,[`onClick`])):c(``,!0),t.config?.action===`extend`?c(``,!0):(S(),_(g,{key:2,size:`small`,loading:t.generatingLyrics,onClick:t.onGenerateLyrics},{default:y(()=>[t.generatingLyrics?c(``,!0):(S(),_(C,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),i(` `+a(t.$t(`suno.button.generate_lyrics`)),1)]),_:1},8,[`loading`,`onClick`]))]),s(g,{type:`primary`,onClick:n[9]||=e=>t.expanded=!1},{default:y(()=>[i(a(t.$t(`common.button.confirm`)),1)]),_:1})])]),default:y(()=>[s(w,{modelValue:t.lyric,"onUpdate:modelValue":n[7]||=e=>t.lyric=e,type:`textarea`,rows:20,class:`lyrics-expanded`,placeholder:t.$t(`suno.placeholder.lyrics`),autofocus:``},null,8,[`modelValue`,`placeholder`]),t.config?.action===`extend`?c(``,!0):(S(),u(`div`,Qn,[s(w,{modelValue:t.enhancePrompt,"onUpdate:modelValue":n[8]||=e=>t.enhancePrompt=e,size:`small`,placeholder:t.$t(`suno.placeholder.enhanceLyrics`),class:`enhance-input`,onKeyup:d(t.onEnhanceLyrics,[`enter`])},{append:y(()=>[s(g,{loading:t.enhancingLyrics,onClick:t.onEnhanceLyrics},{default:y(()=>[t.enhancingLyrics?c(``,!0):(S(),_(C,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),i(` `+a(t.$t(`suno.button.enhance_lyrics`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`,`onKeyup`])]))]),_:1},8,[`modelValue`,`title`])])}var nr=U(Hn,[[`render`,tr],[`__scopeId`,`data-v-5e689327`]]),rr=`Pop.Rock.Jazz.R&B.Hip Hop.Lo-fi.Electronic.Classical.Country.Blues.Folk.Reggae.Metal.Punk.Soul.Funk.Ambient.Indie.Latin.Acoustic.Dance.Disco.Gospel.K-Pop.J-Pop.C-Pop.Bossa Nova.Trap.Drill.House.Techno.Dubstep.Synthwave.Chill.Dreamy.Upbeat.Melancholic.Romantic.Epic.Cinematic.Orchestral.Piano.Guitar.Saxophone.Violin.Tribal.World Music.Afrobeat.Ska.Grunge`.split(`.`),ir=12;function ar(e){let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(Math.random()*(e+1));[t[e],t[n]]=[t[n],t[e]]}return t}var or=T({name:`StyleInput`,components:{ActionChip:Ze,MagicIcon:Xe,RefreshIcon:Ue,ElInput:J,ElButton:q,InfoIcon:H},data(){return{optimizing:!1,shuffledTags:ar(rr)}},computed:{style:{get(){return this.$store.state.suno?.config?.style},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,style:e})}},credential(){return this.$store.state.suno?.credential},visibleTags(){return this.shuffledTags.slice(0,ir)}},methods:{onTagClick(e){let t=this.style||``;t.toLowerCase().includes(e.toLowerCase())||(this.style=t?`${t}, ${e}`:e)},onRefreshTags(){this.shuffledTags=ar(rr)},async onOptimizeStyle(){let e=$(this);if(!(!e||!this.style)){this.optimizing=!0,L.info(this.$t(`suno.message.optimizingStyle`));try{let t=await Y.style({prompt:this.style},e),n=t.data?.text||t.data?.data?.text;n&&(this.style=n,L.success(this.$t(`suno.message.optimizeStyleSuccess`)))}catch(e){if(e instanceof X)return;L.error(this.$t(`suno.message.optimizeStyleFailed`))}finally{this.optimizing=!1}}}}}),sr={class:`field`},cr={class:`flex items-center justify-between mb-1`},lr={class:`flex items-center`},ur={class:`text-sm font-bold`},dr={class:`relative`},fr={class:`text-xs text-right text-[var(--el-text-color-secondary)] mt-1`},pr={class:`style-tags`};function mr(t,n,r,o,l,d){let m=p(`info-icon`),h=p(`magic-icon`),g=p(`el-button`),v=p(`el-input`),b=p(`action-chip`),C=p(`refresh-icon`);return S(),u(`div`,sr,[e(`div`,cr,[e(`div`,lr,[e(`span`,ur,a(t.$t(`suno.name.style`)),1),s(m,{content:t.$t(`suno.description.style`)},null,8,[`content`])]),s(g,{size:`small`,loading:t.optimizing,round:``,onClick:t.onOptimizeStyle},{default:y(()=>[t.optimizing?c(``,!0):(S(),_(h,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),i(` `+a(t.$t(`suno.button.optimize_style`)),1)]),_:1},8,[`loading`,`onClick`])]),e(`div`,dr,[s(v,{modelValue:t.style,"onUpdate:modelValue":n[0]||=e=>t.style=e,rows:2,type:`textarea`,placeholder:t.$t(`suno.placeholder.style`)},null,8,[`modelValue`,`placeholder`]),e(`div`,fr,a(t.style?.length||0)+`/1000`,1)]),e(`div`,pr,[(S(!0),u(f,null,x(t.visibleTags,e=>(S(),_(b,{key:e,class:`style-tag`,onClick:n=>t.onTagClick(e)},{default:y(()=>[i(a(e),1)]),_:2},1032,[`onClick`]))),128)),s(b,{class:`style-tag style-tag-refresh`,"aria-label":t.$t(`common.button.refresh`),title:t.$t(`common.button.refresh`),onClick:t.onRefreshTags},{default:y(()=>[s(C,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`,`onClick`])])])}var hr=U(or,[[`render`,mr],[`__scopeId`,`data-v-4862924e`]]),gr=T({name:`TitleInput`,components:{ElInput:J,InfoIcon:H},computed:{title:{get(){return this.$store.state.suno?.config?.title},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,title:e})}}}}),_r={class:`field`},vr={class:`flex items-center mb-1`},yr={class:`text-sm font-bold`};function br(t,n,r,i,o,c){let l=p(`info-icon`),d=p(`el-input`);return S(),u(`div`,_r,[e(`div`,vr,[e(`span`,yr,a(t.$t(`suno.name.title`)),1),s(l,{content:t.$t(`suno.description.title`)},null,8,[`content`])]),s(d,{modelValue:t.title,"onUpdate:modelValue":n[0]||=e=>t.title=e,placeholder:t.$t(`suno.placeholder.title`)},null,8,[`modelValue`,`placeholder`])])}var xr=U(gr,[[`render`,br]]),Sr=T({name:`ExtendFromInput`,components:{ElImage:W,ElIcon:E,ElInputNumber:B,VideoPlay:Ve,VideoPause:ze},data(){return{}},computed:{audio(){return this.$store.state.suno?.config?.audio},value:{get(){return this.$store.state.suno?.config?.continue_at},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,continue_at:e})}}},mounted(){this.value===void 0&&(this.value=void 0)},methods:{handleChange(e){if(e===void 0){this.value=void 0;return}e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:V,onPlay(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`}),console.log(`on play`)},onPause(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`paused`}),console.log(`on pause`)},onClick(e){this.$store.state?.suno?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Cr={class:`field`},wr={class:`box`},Tr={class:`title font-bold`},Er={class:`input-wrapper`},Dr={class:`task`},Or={class:`left`},kr=[`aria-label`,`title`],Ar=[`aria-label`,`title`],jr={key:2,class:`duration`},Mr={class:`info`},Nr={class:`title`},Pr={class:`style`};function Fr(t,r,i,o,l,f){let m=p(`el-input-number`),g=p(`el-image`),_=p(`video-pause`),v=p(`el-icon`),x=p(`video-play`),C=b(`loading`);return S(),u(`div`,Cr,[e(`div`,wr,[e(`h2`,Tr,a(t.$t(`suno.name.extend`)),1),e(`div`,Er,[s(m,{modelValue:t.value,"onUpdate:modelValue":r[0]||=e=>t.value=e,class:`value`,min:0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.extend.continue_at`),onChange:t.handleChange},null,8,[`modelValue`,`max`,`placeholder`,`onChange`])])]),e(`div`,Dr,[t.audio?(S(),u(`div`,{key:0,class:`audio`,onClick:r[7]||=e=>t.onClick(t.audio)},[h((S(),u(`div`,Or,[s(g,{src:t.audio?.image_url,class:`cover`,fit:`cover`},null,8,[`src`]),t.audio?.audio_url&&t.$store.state?.suno?.audio?.id===t.audio.id&&t.$store.state?.suno?.audio?.state===`playing`?(S(),u(`div`,{key:0,class:`overlay`,role:`button`,tabindex:`0`,"aria-label":t.$t(`common.player.pause`),title:t.$t(`common.player.pause`),onClick:r[1]||=e=>t.onPause(t.audio),onKeydown:[r[2]||=d(n(e=>t.onPause(t.audio),[`stop`,`prevent`]),[`enter`]),r[3]||=d(n(e=>t.onPause(t.audio),[`stop`,`prevent`]),[`space`])]},[s(v,null,{default:y(()=>[s(_,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})],40,kr)):c(``,!0),t.audio?.audio_url&&(t.$store.state?.suno?.audio?.id!==t.audio.id||t.$store.state?.suno?.audio?.id===t.audio.id&&t.$store.state?.suno?.audio?.state===`paused`)?(S(),u(`div`,{key:1,class:`overlay`,role:`button`,tabindex:`0`,"aria-label":t.$t(`common.player.play`),title:t.$t(`common.player.play`),onClick:r[4]||=e=>t.onPlay(t.audio),onKeydown:[r[5]||=d(n(e=>t.onPlay(t.audio),[`stop`,`prevent`]),[`enter`]),r[6]||=d(n(e=>t.onPlay(t.audio),[`stop`,`prevent`]),[`space`])]},[s(v,null,{default:y(()=>[s(x,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})],40,Ar)):c(``,!0),t.audio?.duration?(S(),u(`div`,jr,a(t.useFormatDuring(t.audio?.duration)),1)):c(``,!0)])),[[C,!t.audio?.audio_url]]),e(`div`,Mr,[e(`h2`,Nr,a(t.audio?.title),1),e(`p`,Pr,a(t.audio?.style),1)])])):c(``,!0)])])}var Ir=U(Sr,[[`render`,Fr],[`__scopeId`,`data-v-07ca1cb0`]]),Lr=T({name:`CoverFromInput`,components:{ElImage:W,ElIcon:E,VideoPlay:Ve,VideoPause:ze},data(){return{}},computed:{audio(){return this.$store.state.suno?.config?.audio},value:{get(){return this.$store.state.suno?.config?.continue_at},set(e){console.debug(`set continue_at`,e),this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,continue_at:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0},methods:{handleChange(e){e<0?this.value=0:e>this.audio?.duration?this.value=this.audio?.duration:this.value=e},useFormatDuring:V,onPlay(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`}),console.log(`on play`)},onPause(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`paused`}),console.log(`on pause`)},onClick(e){this.$store.state?.suno?.audio?.id!==e.id&&this.onPlay({...e,progress:0})}}}),Rr={class:`field`},zr={class:`box`},Br={class:`title font-bold`},Vr={class:`task`},Hr={class:`left`},Ur=[`aria-label`,`title`],Wr=[`aria-label`,`title`],Gr={key:2,class:`duration`},Kr={class:`info`},qr={class:`title`},Jr={class:`style`};function Yr(t,r,i,o,l,f){let m=p(`el-image`),g=p(`video-pause`),_=p(`el-icon`),v=p(`video-play`),x=b(`loading`);return S(),u(`div`,Rr,[e(`div`,zr,[e(`h2`,Br,a(t.$t(`suno.name.cover`)),1)]),e(`div`,Vr,[t.audio?(S(),u(`div`,{key:0,class:`audio`,onClick:r[6]||=e=>t.onClick(t.audio)},[h((S(),u(`div`,Hr,[s(m,{src:t.audio?.image_url,class:`cover`,fit:`cover`},null,8,[`src`]),t.audio?.audio_url&&t.$store.state?.suno?.audio?.id===t.audio.id&&t.$store.state?.suno?.audio?.state===`playing`?(S(),u(`div`,{key:0,class:`overlay`,role:`button`,tabindex:`0`,"aria-label":t.$t(`common.player.pause`),title:t.$t(`common.player.pause`),onClick:r[0]||=e=>t.onPause(t.audio),onKeydown:[r[1]||=d(n(e=>t.onPause(t.audio),[`stop`,`prevent`]),[`enter`]),r[2]||=d(n(e=>t.onPause(t.audio),[`stop`,`prevent`]),[`space`])]},[s(_,null,{default:y(()=>[s(g,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})],40,Ur)):c(``,!0),t.audio?.audio_url&&(t.$store.state?.suno?.audio?.id!==t.audio.id||t.$store.state?.suno?.audio?.id===t.audio.id&&t.$store.state?.suno?.audio?.state===`paused`)?(S(),u(`div`,{key:1,class:`overlay`,role:`button`,tabindex:`0`,"aria-label":t.$t(`common.player.play`),title:t.$t(`common.player.play`),onClick:r[3]||=e=>t.onPlay(t.audio),onKeydown:[r[4]||=d(n(e=>t.onPlay(t.audio),[`stop`,`prevent`]),[`enter`]),r[5]||=d(n(e=>t.onPlay(t.audio),[`stop`,`prevent`]),[`space`])]},[s(_,null,{default:y(()=>[s(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})],40,Wr)):c(``,!0),t.audio?.duration?(S(),u(`div`,Gr,a(t.useFormatDuring(t.audio?.duration)),1)):c(``,!0)])),[[x,!t.audio?.audio_url]]),e(`div`,Kr,[e(`h2`,qr,a(t.audio?.title),1),e(`p`,Jr,a(t.audio?.style),1)])])):c(``,!0)])])}var Xr=U(Lr,[[`render`,Yr],[`__scopeId`,`data-v-aa3e3b20`]]),Zr=T({name:`VocalGenderSelector`,components:{ElRadioGroup:R,ElRadioButton:re,InfoIcon:H},computed:{vocalGender:{get(){return this.$store.state.suno?.config?.vocal_gender||``},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,vocal_gender:e||void 0})}}}}),Qr={class:`flex items-center mb-1`},$r={class:`text-sm font-bold`};function ei(t,n,r,o,c,l){let d=p(`info-icon`),f=p(`el-radio-button`),m=p(`el-radio-group`);return S(),u(`div`,null,[e(`div`,Qr,[e(`span`,$r,a(t.$t(`suno.name.vocalGender`)),1),s(d,{content:t.$t(`suno.description.vocalGender`)},null,8,[`content`])]),s(m,{modelValue:t.vocalGender,"onUpdate:modelValue":n[0]||=e=>t.vocalGender=e,size:`small`},{default:y(()=>[s(f,{value:``},{default:y(()=>[i(a(t.$t(`suno.gender.auto`)),1)]),_:1}),s(f,{value:`f`},{default:y(()=>[i(a(t.$t(`suno.gender.female`)),1)]),_:1}),s(f,{value:`m`},{default:y(()=>[i(a(t.$t(`suno.gender.male`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var ti=U(Zr,[[`render`,ei]]),ni=T({name:`AdvancedParams`,components:{ElCollapse:ae,ElCollapseItem:ie,ElInput:J,ElInputNumber:B,ElSlider:he,ElRadioGroup:R,ElRadioButton:re,ElSwitch:ge},data(){return{activeNames:[]}},computed:{config(){return this.$store.state.suno?.config},isV5OrAbove(){let e=this.config?.model||``;return[`chirp-v5`,`chirp-v5-5`,`chirp-v6`,`chirp-v6-wild`,`chirp-v6-mini`].includes(e)},durationEnabled:{get(){return this.$store.state.suno?.config?.duration!==void 0},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,duration:e?120:void 0})}},duration:{get(){return this.$store.state.suno?.config?.duration??120},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,duration:e})}},styleNegative:{get(){return this.$store.state.suno?.config?.negative_tags||``},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,negative_tags:e||void 0})}},lyricPrompt:{get(){return this.$store.state.suno?.config?.lyric_prompt||``},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,lyric_prompt:e||void 0})}},weirdness:{get(){return this.$store.state.suno?.config?.weirdness??0},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,weirdness:e})}},styleInfluence:{get(){return this.$store.state.suno?.config?.style_influence??.5},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,style_influence:e})}},variationCategory:{get(){return this.$store.state.suno?.config?.variation_category||`normal`},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,variation_category:e||void 0})}},audioWeight:{get(){return this.$store.state.suno?.config?.audio_weight??.5},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,audio_weight:e})}},lyricsMode:{get(){return this.$store.state.suno?.config?.lyrics_mode||`manual`},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,lyrics_mode:e})}}},mounted(){let e=this.$store.state.suno?.config;if(!e)return;let t={};typeof e.weirdness==`number`&&e.weirdness>1&&(t.weirdness=e.weirdness/100),typeof e.style_influence==`number`&&e.style_influence>1&&(t.style_influence=e.style_influence/100),typeof e.audio_weight==`number`&&e.audio_weight>1&&(t.audio_weight=e.audio_weight/100),Object.keys(t).length>0&&this.$store.commit(`suno/setConfig`,{...e,...t})}}),ri={key:0,class:`mb-3`},ii={class:`flex items-center mb-1`},ai={class:`text-xs font-bold`},oi={key:1,class:`mb-3`},si={class:`flex items-center mb-1`},ci={class:`text-xs font-bold`},li={key:2,class:`mb-3`},ui={class:`flex items-center justify-between mb-1`},di={class:`text-xs font-bold`},fi={class:`text-xs text-[var(--el-text-color-secondary)]`},pi={key:3,class:`mb-3`},mi={class:`flex items-center justify-between mb-1`},hi={class:`text-xs font-bold`},gi={class:`text-xs text-[var(--el-text-color-secondary)]`},_i={key:4,class:`mb-3`},vi={class:`flex items-center mb-1`},yi={class:`text-xs font-bold`},bi={key:5,class:`mb-3`},xi={class:`flex items-center justify-between mb-1`},Si={class:`text-xs font-bold`},Ci={class:`text-xs text-[var(--el-text-color-secondary)]`},wi={key:6,class:`mb-3`},Ti={class:`flex items-center justify-between mb-1`},Ei={class:`text-xs font-bold`},Di={class:`text-xs text-[var(--el-text-color-secondary)]`},Oi={key:7,class:`mb-3`},ki={class:`flex items-center mb-1`},Ai={class:`text-xs font-bold`};function ji(t,n,r,o,l,d){let m=p(`el-input`),h=p(`el-slider`),g=p(`el-radio-button`),v=p(`el-radio-group`),b=p(`el-switch`),x=p(`el-input-number`),C=p(`el-collapse-item`),w=p(`el-collapse`);return S(),_(w,{modelValue:t.activeNames,"onUpdate:modelValue":n[9]||=e=>t.activeNames=e,class:`advanced-collapse`},{default:y(()=>[s(C,{title:t.$t(`suno.name.advancedParams`),name:`advanced`},{default:y(()=>[t.config?.custom?(S(),u(`div`,ri,[e(`div`,ii,[e(`span`,ai,a(t.$t(`suno.name.styleNegative`)),1)]),s(m,{modelValue:t.styleNegative,"onUpdate:modelValue":n[0]||=e=>t.styleNegative=e,size:`small`,placeholder:t.$t(`suno.placeholder.styleNegative`)},null,8,[`modelValue`,`placeholder`])])):c(``,!0),t.config?.custom&&!t.config?.instrumental?(S(),u(`div`,oi,[e(`div`,si,[e(`span`,ci,a(t.$t(`suno.name.lyricPrompt`)),1)]),s(m,{modelValue:t.lyricPrompt,"onUpdate:modelValue":n[1]||=e=>t.lyricPrompt=e,size:`small`,placeholder:t.$t(`suno.placeholder.lyricPrompt`)},null,8,[`modelValue`,`placeholder`])])):c(``,!0),t.config?.custom?(S(),u(`div`,li,[e(`div`,ui,[e(`span`,di,a(t.$t(`suno.name.weirdness`)),1),e(`span`,fi,a(t.weirdness??0),1)]),s(h,{modelValue:t.weirdness,"onUpdate:modelValue":n[2]||=e=>t.weirdness=e,min:0,max:1,step:.01},null,8,[`modelValue`])])):c(``,!0),t.config?.custom?(S(),u(`div`,pi,[e(`div`,mi,[e(`span`,hi,a(t.$t(`suno.name.styleInfluence`)),1),e(`span`,gi,a(t.styleInfluence??.5),1)]),s(h,{modelValue:t.styleInfluence,"onUpdate:modelValue":n[3]||=e=>t.styleInfluence=e,min:0,max:1,step:.01},null,8,[`modelValue`])])):c(``,!0),t.isV5OrAbove?(S(),u(`div`,_i,[e(`div`,vi,[e(`span`,yi,a(t.$t(`suno.name.variationCategory`)),1)]),s(v,{modelValue:t.variationCategory,"onUpdate:modelValue":n[4]||=e=>t.variationCategory=e},{default:y(()=>[s(g,{value:`normal`},{default:y(()=>[i(a(t.$t(`suno.gender.auto`)),1)]),_:1}),s(g,{value:`high`},{default:y(()=>[i(a(t.$t(`suno.variation.high`)),1)]),_:1}),s(g,{value:`subtle`},{default:y(()=>[i(a(t.$t(`suno.variation.low`)),1)]),_:1})]),_:1},8,[`modelValue`])])):c(``,!0),[`cover`,`upload_cover`,`inspo`].includes(t.config?.action||``)?(S(),u(`div`,bi,[e(`div`,xi,[e(`span`,Si,a(t.$t(`suno.name.audioWeight`)),1),e(`span`,Ci,a(t.audioWeight??.5),1)]),s(h,{modelValue:t.audioWeight,"onUpdate:modelValue":n[5]||=e=>t.audioWeight=e,min:0,max:1,step:.01},null,8,[`modelValue`])])):c(``,!0),t.config?.custom?(S(),u(`div`,wi,[e(`div`,Ti,[e(`span`,Ei,a(t.$t(`suno.name.duration`)),1),s(b,{modelValue:t.durationEnabled,"onUpdate:modelValue":n[6]||=e=>t.durationEnabled=e,size:`small`},null,8,[`modelValue`])]),t.durationEnabled?(S(),u(f,{key:0},[s(x,{modelValue:t.duration,"onUpdate:modelValue":n[7]||=e=>t.duration=e,size:`small`,step:10,precision:0,class:`w-full`},null,8,[`modelValue`]),e(`div`,Di,a(t.$t(`suno.description.duration`)),1)],64)):c(``,!0)])):c(``,!0),t.config?.custom&&!t.config?.instrumental?(S(),u(`div`,Oi,[e(`div`,ki,[e(`span`,Ai,a(t.$t(`suno.name.lyricsMode`)),1)]),s(v,{modelValue:t.lyricsMode,"onUpdate:modelValue":n[8]||=e=>t.lyricsMode=e,size:`small`},{default:y(()=>[s(g,{value:`manual`},{default:y(()=>[i(a(t.$t(`suno.lyricsMode.manual`)),1)]),_:1}),s(g,{value:`auto`},{default:y(()=>[i(a(t.$t(`suno.lyricsMode.auto`)),1)]),_:1})]),_:1},8,[`modelValue`])])):c(``,!0)]),_:1},8,[`title`])]),_:1},8,[`modelValue`])}var Mi=U(ni,[[`render`,ji],[`__scopeId`,`data-v-18834042`]]),Ni=T({name:`ReplaceSectionInput`,components:{ElInputNumber:B,ElImage:W,InfoIcon:H},computed:{audio(){return this.$store.state.suno?.config?.audio},replaceSectionStart:{get(){return this.$store.state.suno?.config?.replace_section_start},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,replace_section_start:e})}},replaceSectionEnd:{get(){return this.$store.state.suno?.config?.replace_section_end},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,replace_section_end:e})}}},methods:{onClick(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`})}}}),Pi={class:`field`},Fi={class:`flex items-center mb-2`},Ii={class:`text-sm font-bold m-0`},Li={key:0,class:`task mb-2`},Ri={class:`left relative w-[50px] h-[50px] mr-3 flex-shrink-0`},zi={class:`info flex-1 min-w-0`},Bi={class:`text-sm font-bold m-0 truncate`},Vi={class:`text-xs text-[var(--el-text-color-secondary)] m-0 truncate`},Hi={class:`flex gap-2`};function Ui(t,n,r,i,o,l){let d=p(`info-icon`),f=p(`el-image`),m=p(`el-input-number`),g=b(`loading`);return S(),u(`div`,Pi,[e(`div`,Fi,[e(`h2`,Ii,a(t.$t(`suno.name.replaceSection`)),1),s(d,{content:t.$t(`suno.description.replaceSection`)},null,8,[`content`])]),t.audio?(S(),u(`div`,Li,[e(`div`,{class:`audio flex items-center`,onClick:n[0]||=e=>t.onClick(t.audio)},[h((S(),u(`div`,Ri,[s(f,{src:t.audio?.image_url,class:`w-full h-full rounded`,fit:`cover`},null,8,[`src`])])),[[g,!t.audio?.audio_url]]),e(`div`,zi,[e(`h2`,Bi,a(t.audio?.title),1),e(`p`,Vi,a(t.audio?.style),1)])])])):c(``,!0),e(`div`,Hi,[s(m,{modelValue:t.replaceSectionStart,"onUpdate:modelValue":n[1]||=e=>t.replaceSectionStart=e,class:`flex-1`,min:0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.replaceSectionStart`)},null,8,[`modelValue`,`max`,`placeholder`]),s(m,{modelValue:t.replaceSectionEnd,"onUpdate:modelValue":n[2]||=e=>t.replaceSectionEnd=e,class:`flex-1`,min:t.replaceSectionStart||0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.replaceSectionEnd`)},null,8,[`modelValue`,`min`,`max`,`placeholder`])])])}var Wi=U(Ni,[[`render`,Ui]]),Gi=T({name:`OverpaintingInput`,components:{ElInputNumber:B,ElImage:W,InfoIcon:H},computed:{audio(){return this.$store.state.suno?.config?.audio},overpaintingStart:{get(){return this.$store.state.suno?.config?.overpainting_start},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,overpainting_start:e})}},overpaintingEnd:{get(){return this.$store.state.suno?.config?.overpainting_end},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,overpainting_end:e})}}},methods:{onClick(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`})}}}),Ki={class:`field`},qi={class:`flex items-center mb-2`},Ji={class:`text-sm font-bold m-0`},Yi={key:0,class:`task mb-2`},Xi={class:`left relative w-[50px] h-[50px] mr-3 flex-shrink-0`},Zi={class:`info flex-1 min-w-0`},Qi={class:`text-sm font-bold m-0 truncate`},$i={class:`text-xs text-[var(--el-text-color-secondary)] m-0 truncate`},ea={class:`flex gap-2`};function ta(t,n,r,i,o,l){let d=p(`info-icon`),f=p(`el-image`),m=p(`el-input-number`),g=b(`loading`);return S(),u(`div`,Ki,[e(`div`,qi,[e(`h2`,Ji,a(t.$t(`suno.name.overpaintingRange`)),1),s(d,{content:t.$t(`suno.description.overpainting`)},null,8,[`content`])]),t.audio?(S(),u(`div`,Yi,[e(`div`,{class:`audio flex items-center`,onClick:n[0]||=e=>t.onClick(t.audio)},[h((S(),u(`div`,Xi,[s(f,{src:t.audio?.image_url,class:`w-full h-full rounded`,fit:`cover`},null,8,[`src`])])),[[g,!t.audio?.audio_url]]),e(`div`,Zi,[e(`h2`,Qi,a(t.audio?.title),1),e(`p`,$i,a(t.audio?.style),1)])])])):c(``,!0),e(`div`,ea,[s(m,{modelValue:t.overpaintingStart,"onUpdate:modelValue":n[1]||=e=>t.overpaintingStart=e,class:`flex-1`,size:`small`,min:0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.overpaintingStart`)},null,8,[`modelValue`,`max`,`placeholder`]),s(m,{modelValue:t.overpaintingEnd,"onUpdate:modelValue":n[2]||=e=>t.overpaintingEnd=e,class:`flex-1`,size:`small`,min:t.overpaintingStart||0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.overpaintingEnd`)},null,8,[`modelValue`,`min`,`max`,`placeholder`])])])}var na=U(Gi,[[`render`,ta]]),ra=T({name:`UnderpaintingInput`,components:{ElInputNumber:B,ElImage:W,InfoIcon:H},computed:{audio(){return this.$store.state.suno?.config?.audio},underpaintingStart:{get(){return this.$store.state.suno?.config?.underpainting_start},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,underpainting_start:e})}},underpaintingEnd:{get(){return this.$store.state.suno?.config?.underpainting_end},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,underpainting_end:e})}}},methods:{onClick(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`})}}}),ia={class:`field`},aa={class:`flex items-center mb-2`},oa={class:`text-sm font-bold m-0`},sa={key:0,class:`task mb-2`},ca={class:`left relative w-[50px] h-[50px] mr-3 flex-shrink-0`},la={class:`info flex-1 min-w-0`},ua={class:`text-sm font-bold m-0 truncate`},da={class:`text-xs text-[var(--el-text-color-secondary)] m-0 truncate`},fa={class:`flex gap-2`};function pa(t,n,r,i,o,l){let d=p(`info-icon`),f=p(`el-image`),m=p(`el-input-number`),g=b(`loading`);return S(),u(`div`,ia,[e(`div`,aa,[e(`h2`,oa,a(t.$t(`suno.name.underpaintingRange`)),1),s(d,{content:t.$t(`suno.description.underpainting`)},null,8,[`content`])]),t.audio?(S(),u(`div`,sa,[e(`div`,{class:`audio flex items-center`,onClick:n[0]||=e=>t.onClick(t.audio)},[h((S(),u(`div`,ca,[s(f,{src:t.audio?.image_url,class:`w-full h-full rounded`,fit:`cover`},null,8,[`src`])])),[[g,!t.audio?.audio_url]]),e(`div`,la,[e(`h2`,ua,a(t.audio?.title),1),e(`p`,da,a(t.audio?.style),1)])])])):c(``,!0),e(`div`,fa,[s(m,{modelValue:t.underpaintingStart,"onUpdate:modelValue":n[1]||=e=>t.underpaintingStart=e,class:`flex-1`,size:`small`,min:0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.underpaintingStart`)},null,8,[`modelValue`,`max`,`placeholder`]),s(m,{modelValue:t.underpaintingEnd,"onUpdate:modelValue":n[2]||=e=>t.underpaintingEnd=e,class:`flex-1`,size:`small`,min:t.underpaintingStart||0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.underpaintingEnd`)},null,8,[`modelValue`,`min`,`max`,`placeholder`])])])}var ma=U(ra,[[`render`,pa]]),ha=T({name:`SamplesInput`,components:{ElInputNumber:B,ElImage:W,InfoIcon:H},computed:{audio(){return this.$store.state.suno?.config?.audio},samplesStart:{get(){return this.$store.state.suno?.config?.samples_start},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,samples_start:e})}},samplesEnd:{get(){return this.$store.state.suno?.config?.samples_end},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,samples_end:e})}}},methods:{onClick(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`})}}}),ga={class:`field`},_a={class:`flex items-center mb-2`},va={class:`text-sm font-bold m-0`},ya={key:0,class:`task mb-2`},ba={class:`left relative w-[50px] h-[50px] mr-3 flex-shrink-0`},xa={class:`info flex-1 min-w-0`},Sa={class:`text-sm font-bold m-0 truncate`},Ca={class:`text-xs text-[var(--el-text-color-secondary)] m-0 truncate`},wa={class:`flex gap-2`};function Ta(t,n,r,i,o,l){let d=p(`info-icon`),f=p(`el-image`),m=p(`el-input-number`),g=b(`loading`);return S(),u(`div`,ga,[e(`div`,_a,[e(`h2`,va,a(t.$t(`suno.name.samplesRange`)),1),s(d,{content:t.$t(`suno.description.samples`)},null,8,[`content`])]),t.audio?(S(),u(`div`,ya,[e(`div`,{class:`audio flex items-center`,onClick:n[0]||=e=>t.onClick(t.audio)},[h((S(),u(`div`,ba,[s(f,{src:t.audio?.image_url,class:`w-full h-full rounded`,fit:`cover`},null,8,[`src`])])),[[g,!t.audio?.audio_url]]),e(`div`,xa,[e(`h2`,Sa,a(t.audio?.title),1),e(`p`,Ca,a(t.audio?.style),1)])])])):c(``,!0),e(`div`,wa,[s(m,{modelValue:t.samplesStart,"onUpdate:modelValue":n[1]||=e=>t.samplesStart=e,class:`flex-1`,size:`small`,min:0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.samplesStart`)},null,8,[`modelValue`,`max`,`placeholder`]),s(m,{modelValue:t.samplesEnd,"onUpdate:modelValue":n[2]||=e=>t.samplesEnd=e,class:`flex-1`,size:`small`,min:t.samplesStart||0,max:t.audio?.duration,controls:!1,placeholder:t.$t(`suno.placeholder.samplesEnd`)},null,8,[`modelValue`,`min`,`max`,`placeholder`])])])}var Ea=U(ha,[[`render`,Ta]]),Da=T({name:`VoiceCreateDialog`,components:{ElDialog:K,ElForm:M,ElFormItem:j,ElInput:J,ElButton:q,ElRadioGroup:R,ElRadio:z,ElSelect:D,ElOption:O},props:{sourceAudio:{type:Object,default:void 0},modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`,`created`],data(){return{sourceType:`song`,form:{name:``,description:``,audio_id:``,audio_url:``},loading:!1}},computed:{visible:{get(){return this.modelValue},set(e){this.$emit(`update:modelValue`,e)}},songs(){return(this.$store.state.suno?.tasks?.items||[]).flatMap(e=>Array.isArray(e.response?.data)?e.response.data:[]).filter(e=>e.id&&e.audio_url)},token(){return this.$store.state.suno?.credential?.token},canSubmit(){return!(!this.form.name||this.sourceType===`song`&&!this.form.audio_id||this.sourceType===`upload`&&!this.form.audio_url)}},watch:{modelValue:{immediate:!0,handler(e){e&&this.sourceAudio?.id&&(this.sourceType=`song`,this.form.audio_id=this.sourceAudio.id,this.form.name=this.sourceAudio.title||``)}}},methods:{onClose(){this.visible=!1,this.resetForm()},resetForm(){this.form={name:``,description:``,audio_id:``,audio_url:``},this.sourceType=`song`},async onSubmit(){let e=$(this);if(e){this.loading=!0;try{this.sourceType===`song`?await Y.persona({audio_id:this.form.audio_id,name:this.form.name,description:this.form.description},e):await Y.voices({audio_url:this.form.audio_url,name:this.form.name,description:this.form.description},e),L.success(this.$t(`suno.voice.createSuccess`)),this.$emit(`created`),this.onClose()}catch(e){if(e instanceof X)return;L.error(this.$t(`suno.voice.createFailed`))}finally{this.loading=!1}}}}});function Oa(e,t,n,r,o,l){let d=p(`el-input`),m=p(`el-form-item`),h=p(`el-radio`),g=p(`el-radio-group`),v=p(`el-option`),b=p(`el-select`),C=p(`el-form`),w=p(`el-button`),T=p(`el-dialog`);return S(),_(T,{modelValue:e.visible,"onUpdate:modelValue":t[5]||=t=>e.visible=t,title:e.$t(`suno.voice.createTitle`),width:`480px`,"close-on-click-modal":!1,onClose:e.onClose},{footer:y(()=>[s(w,{onClick:e.onClose},{default:y(()=>[i(a(e.$t(`common.button.cancel`)),1)]),_:1},8,[`onClick`]),s(w,{type:`primary`,loading:e.loading,disabled:!e.canSubmit,onClick:e.onSubmit},{default:y(()=>[i(a(e.$t(`suno.voice.create`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])]),default:y(()=>[s(C,{"label-position":`top`,class:`voice-create-form`},{default:y(()=>[s(m,{label:e.$t(`suno.voice.name`)},{default:y(()=>[s(d,{modelValue:e.form.name,"onUpdate:modelValue":t[0]||=t=>e.form.name=t,placeholder:e.$t(`suno.voice.namePlaceholder`),maxlength:`50`},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(m,{label:e.$t(`suno.voice.description`)},{default:y(()=>[s(d,{modelValue:e.form.description,"onUpdate:modelValue":t[1]||=t=>e.form.description=t,type:`textarea`,rows:2,placeholder:e.$t(`suno.voice.descriptionPlaceholder`),maxlength:`200`},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(m,{label:e.$t(`suno.voice.sourceType`)},{default:y(()=>[s(g,{modelValue:e.sourceType,"onUpdate:modelValue":t[2]||=t=>e.sourceType=t,class:`w-full`},{default:y(()=>[s(h,{value:`song`},{default:y(()=>[i(a(e.$t(`suno.voice.fromSong`)),1)]),_:1}),s(h,{value:`upload`},{default:y(()=>[i(a(e.$t(`suno.voice.fromUpload`)),1)]),_:1})]),_:1},8,[`modelValue`])]),_:1},8,[`label`]),e.sourceType===`song`?(S(),_(m,{key:0,label:e.$t(`suno.voice.audioId`)},{default:y(()=>[s(b,{modelValue:e.form.audio_id,"onUpdate:modelValue":t[3]||=t=>e.form.audio_id=t,filterable:``,"allow-create":``,"default-first-option":``,class:`w-full`,placeholder:e.$t(`suno.voice.selectSong`)},{default:y(()=>[(S(!0),u(f,null,x(e.songs,e=>(S(),_(v,{key:e.id,value:e.id||``,label:e.title||e.id||``},null,8,[`value`,`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`])]),_:1},8,[`label`])):c(``,!0),e.sourceType===`upload`?(S(),_(m,{key:1,label:e.$t(`suno.voice.audioUrl`)},{default:y(()=>[s(d,{modelValue:e.form.audio_url,"onUpdate:modelValue":t[4]||=t=>e.form.audio_url=t,placeholder:e.$t(`suno.voice.audioUrlPlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`])):c(``,!0)]),_:1})]),_:1},8,[`modelValue`,`title`,`onClose`])}var ka=U(Da,[[`render`,Oa]]),Aa=T({name:`VoiceManager`,components:{AddIcon:He,DeleteIcon:qe,FavoriteIcon:Ft,ElButton:q,ElIcon:E,ElTabs:k,ElTabPane:A,ElTooltip:N,Loading:Ae,MicrophoneIcon:Ie,MusicIcon:Le,VoiceCreateDialog:ka},data(){return{showCreateDialog:!1,loading:!1,deletingId:null,activeTab:`all`}},computed:{personas(){return this.$store.state.suno?.personas||[]},favoriteIds(){return this.$store.state.suno?.favoritePersonaIds||[]},favoritePersonas(){return this.personas.filter(e=>e.persona_id&&this.favoriteIds.includes(e.persona_id))},visiblePersonas(){return this.activeTab===`favorites`?this.favoritePersonas:this.personas},selectedPersonaId(){return this.$store.state.suno?.config?.persona_id}},watch:{"$store.state.suno.credential":{handler(){this.loadPersonas()},immediate:!0}},methods:{isFavorite(e){return!!e&&this.favoriteIds.includes(e)},onToggleFavorite(e){e.persona_id&&this.$store.commit(`suno/togglePersonaFavorite`,e.persona_id)},async loadPersonas(){if(this.$store.state.suno?.credential?.token){this.loading=!0;try{await this.$store.dispatch(`suno/getPersonas`)}finally{this.loading=!1}}},selectPersona(e){let t={...this.$store.state.suno?.config};t.persona_id===e.persona_id?t.persona_id=void 0:t.persona_id=e.persona_id,this.$store.dispatch(`suno/setConfig`,t)},async onDelete(e){try{await Z.confirm(this.$t(`suno.voice.confirmDelete`),this.$t(`suno.voice.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.confirm`),cancelButtonText:this.$t(`common.button.cancel`)})}catch{return}if(!e.persona_id)return;this.deletingId=e.persona_id;let t=await this.$store.dispatch(`suno/deletePersona`,e.persona_id);if(this.deletingId=null,t){if(L.success(this.$t(`suno.voice.deleteSuccess`)),this.selectedPersonaId===e.persona_id){let e={...this.$store.state.suno?.config,persona_id:void 0};this.$store.dispatch(`suno/setConfig`,e)}this.favoriteIds.includes(e.persona_id)&&this.$store.commit(`suno/togglePersonaFavorite`,e.persona_id)}else L.error(this.$t(`suno.voice.deleteFailed`))},async onCreated(){await this.loadPersonas()}}}),ja={class:`voice-manager`},Ma={class:`flex items-center justify-between mb-3`},Na={class:`text-sm font-medium`},Pa={key:0,class:`text-center py-6`},Fa={key:1,class:`text-center py-6 text-gray-400 text-sm`},Ia={key:2,class:`voice-list`},La=[`onClick`],Ra={class:`flex-1 min-w-0`},za={class:`voice-name`},Ba={key:0,class:`voice-desc`};function Va(t,o,l,d,m,h){let g=p(`add-icon`),v=p(`el-button`),b=p(`el-tab-pane`),C=p(`el-tabs`),w=p(`loading`),T=p(`el-icon`),E=p(`microphone-icon`),D=p(`music-icon`),O=p(`favorite-icon`),k=p(`el-tooltip`),A=p(`delete-icon`),j=p(`voice-create-dialog`);return S(),u(`div`,ja,[e(`div`,Ma,[e(`span`,Na,a(t.$t(`suno.voice.title`)),1),s(v,{type:`primary`,size:`small`,onClick:o[0]||=e=>t.showCreateDialog=!0},{default:y(()=>[s(g,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.voice.create`)),1)]),_:1})]),s(C,{modelValue:t.activeTab,"onUpdate:modelValue":o[1]||=e=>t.activeTab=e,class:`voice-tabs`,size:`small`},{default:y(()=>[s(b,{name:`all`,label:t.$t(`suno.voice.tabAll`)+` (`+(t.personas?.length||0)+`)`},null,8,[`label`]),s(b,{name:`favorites`,label:t.$t(`suno.voice.tabFavorites`)+` (`+t.favoritePersonas.length+`)`},null,8,[`label`])]),_:1},8,[`modelValue`]),t.loading?(S(),u(`div`,Pa,[s(T,{class:`is-loading`},{default:y(()=>[s(w,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})])):t.visiblePersonas.length===0?(S(),u(`div`,Fa,a(t.activeTab===`favorites`?t.$t(`suno.voice.emptyFavorites`):t.$t(`suno.voice.empty`)),1)):(S(),u(`div`,Ia,[(S(!0),u(f,null,x(t.visiblePersonas,l=>(S(),u(`div`,{key:l.persona_id,class:r([`voice-item`,{active:t.selectedPersonaId===l.persona_id}]),onClick:e=>t.selectPersona(l)},[e(`div`,Ra,[e(`div`,za,[l.source_type===`voice`?(S(),_(E,{key:0,class:`mr-1.5 text-xs opacity-60`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):(S(),_(D,{key:1,class:`mr-1.5 text-xs opacity-60`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),i(` `+a(l.name||l.persona_id),1)]),l.description?(S(),u(`div`,Ba,a(l.description),1)):c(``,!0)]),e(`div`,{class:`voice-actions`,onClick:o[2]||=n(()=>{},[`stop`])},[s(k,{content:t.isFavorite(l.persona_id)?t.$t(`suno.voice.unfavorite`):t.$t(`suno.voice.favorite`),placement:`top`},{default:y(()=>[s(v,{size:`small`,text:``,class:r({"voice-fav-active":t.isFavorite(l.persona_id)}),"aria-label":t.isFavorite(l.persona_id)?t.$t(`suno.voice.unfavorite`):t.$t(`suno.voice.favorite`),title:t.isFavorite(l.persona_id)?t.$t(`suno.voice.unfavorite`):t.$t(`suno.voice.favorite`),onClick:e=>t.onToggleFavorite(l)},{default:y(()=>[s(O,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`class`,`aria-label`,`title`,`onClick`])]),_:2},1032,[`content`]),s(v,{type:`danger`,size:`small`,text:``,loading:t.deletingId===l.persona_id,"aria-label":t.$t(`common.button.delete`),title:t.$t(`common.button.delete`),onClick:e=>t.onDelete(l)},{default:y(()=>[s(A,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`loading`,`aria-label`,`title`,`onClick`])])],10,La))),128))])),s(j,{modelValue:t.showCreateDialog,"onUpdate:modelValue":o[3]||=e=>t.showCreateDialog=e,onCreated:t.onCreated},null,8,[`modelValue`,`onCreated`])])}var Ha=T({name:`PersonaInput`,components:{MicrophoneIcon:Ie,ElSelect:D,ElOption:O,ElButton:q,ElDrawer:oe,InfoIcon:H,VoiceManager:U(Aa,[[`render`,Va],[`__scopeId`,`data-v-29070b80`]])},data(){return{showManager:!1}},computed:{personaId:{get(){return this.$store.state.suno?.config?.persona_id||``},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,persona_id:e||void 0})}},personas(){return this.$store.state.suno?.personas||[]}}}),Ua={class:`field`},Wa={class:`flex items-center justify-between mb-2`},Ga={class:`flex items-center`},Ka={class:`text-sm font-bold`},qa={class:`flex items-center justify-between w-full`},Ja={key:0,class:`text-xs text-gray-400 ml-2`};function Ya(t,n,r,o,l,d){let m=p(`info-icon`),h=p(`microphone-icon`),g=p(`el-button`),v=p(`el-option`),b=p(`el-select`),C=p(`voice-manager`),w=p(`el-drawer`);return S(),u(`div`,Ua,[e(`div`,Wa,[e(`div`,Ga,[e(`span`,Ka,a(t.$t(`suno.name.persona`)),1),s(m,{content:t.$t(`suno.description.persona`)},null,8,[`content`])]),s(g,{size:`small`,round:``,onClick:n[0]||=e=>t.showManager=!0},{default:y(()=>[s(h,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.voice.manage`)),1)]),_:1})]),s(b,{modelValue:t.personaId,"onUpdate:modelValue":n[1]||=e=>t.personaId=e,placeholder:t.$t(`suno.placeholder.personaId`),clearable:``,filterable:``,class:`w-full`},{default:y(()=>[(S(!0),u(f,null,x(t.personas,t=>(S(),_(v,{key:t.persona_id||``,value:t.persona_id||``,label:t.name||t.persona_id||``},{default:y(()=>[e(`div`,qa,[e(`span`,null,a(t.name||t.persona_id),1),t.source_type?(S(),u(`span`,Ja,a(t.source_type),1)):c(``,!0)])]),_:2},1032,[`value`,`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`]),s(w,{modelValue:t.showManager,"onUpdate:modelValue":n[2]||=e=>t.showManager=e,title:t.$t(`suno.voice.title`),size:`380px`,direction:`rtl`},{default:y(()=>[s(C)]),_:1},8,[`modelValue`,`title`])])}var Xa=U(Ha,[[`render`,Ya]]),Za=T({name:`CustomModelCreateDialog`,components:{ElAlert:P,ElButton:q,ElCheckbox:ne,ElDialog:K,ElForm:M,ElFormItem:j,ElInput:J},props:{modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`,`created`],data(){return{name:``,urlsText:``,rightsConfirmed:!1,loading:!1,submittedFingerprint:``,idempotencyKey:``}},computed:{visible:{get(){return this.modelValue},set(e){this.$emit(`update:modelValue`,e)}},urls(){return this.urlsText.split(/\r?\n/).map(e=>e.trim()).filter(Boolean)},canSubmit(){return!!this.name.trim()&&this.urls.length>=6&&this.urls.length<=24&&new Set(this.urls).size===this.urls.length&&this.urls.every(e=>e.startsWith(`https://`))&&this.rightsConfirmed&&!!this.$store.state.suno?.credential?.token}},methods:{async onSubmit(){let e=this.$store.state.suno?.credential?.token;if(!(!e||!this.canSubmit)){this.loading=!0;try{let t={action:`create`,name:this.name.trim(),audio_urls:this.urls},n=JSON.stringify(t);n!==this.submittedFingerprint&&(this.submittedFingerprint=n,this.idempotencyKey=crypto.randomUUID()),await Y.createCustomModel(t,{token:e,idempotencyKey:this.idempotencyKey}),L.success(this.$t(`suno.customModel.createAccepted`)),this.$emit(`created`),this.visible=!1,this.name=``,this.urlsText=``,this.rightsConfirmed=!1,this.submittedFingerprint=``,this.idempotencyKey=``}catch(e){L.error(e?.response?.data?.error?.message||this.$t(`suno.customModel.createFailed`))}finally{this.loading=!1}}}}}),Qa={class:`text-xs text-gray-400 mt-1`},$a={class:`text-sm mt-3`};function eo(t,n,r,o,c,l){let u=p(`el-alert`),d=p(`el-input`),f=p(`el-form-item`),m=p(`el-checkbox`),h=p(`el-form`),g=p(`el-button`),v=p(`el-dialog`);return S(),_(v,{modelValue:t.visible,"onUpdate:modelValue":n[4]||=e=>t.visible=e,title:t.$t(`suno.customModel.createTitle`),width:`min(560px, 92vw)`,"close-on-click-modal":!1},{footer:y(()=>[s(g,{onClick:n[3]||=e=>t.visible=!1},{default:y(()=>[i(a(t.$t(`common.button.cancel`)),1)]),_:1}),s(g,{type:`primary`,loading:t.loading,disabled:!t.canSubmit,onClick:t.onSubmit},{default:y(()=>[i(a(t.$t(`suno.customModel.create`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])]),default:y(()=>[s(u,{type:`warning`,closable:!1,class:`mb-4`,title:t.$t(`suno.customModel.rightsNotice`)},null,8,[`title`]),s(h,{"label-position":`top`},{default:y(()=>[s(f,{label:t.$t(`suno.customModel.modelName`)},{default:y(()=>[s(d,{modelValue:t.name,"onUpdate:modelValue":n[0]||=e=>t.name=e,maxlength:`100`,placeholder:t.$t(`suno.customModel.namePlaceholder`)},null,8,[`modelValue`,`placeholder`])]),_:1},8,[`label`]),s(f,{label:t.$t(`suno.customModel.audioUrls`)},{default:y(()=>[s(d,{modelValue:t.urlsText,"onUpdate:modelValue":n[1]||=e=>t.urlsText=e,type:`textarea`,rows:9,placeholder:t.$t(`suno.customModel.urlsPlaceholder`)},null,8,[`modelValue`,`placeholder`]),e(`div`,Qa,a(t.$t(`suno.customModel.urlCount`,{count:t.urls.length})),1)]),_:1},8,[`label`]),s(m,{modelValue:t.rightsConfirmed,"onUpdate:modelValue":n[2]||=e=>t.rightsConfirmed=e},{default:y(()=>[i(a(t.$t(`suno.customModel.rightsConfirm`)),1)]),_:1},8,[`modelValue`]),e(`div`,$a,a(t.$t(`suno.customModel.createPrice`)),1)]),_:1})]),_:1},8,[`modelValue`,`title`])}var to=T({name:`CustomModelManager`,components:{AddIcon:He,CustomModelCreateDialog:U(Za,[[`render`,eo]]),ElButton:q,ElEmpty:ue,ElProgress:fe},emits:[`selected`],data(){return{loading:!1,showCreate:!1,archivingId:``}},computed:{models(){return this.$store.state.suno?.customModels||[]}},mounted(){this.loadModels()},methods:{async loadModels(){this.loading=!0;try{await this.$store.dispatch(`suno/getCustomModels`)}finally{this.loading=!1}},select(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,custom_model_id:e.id,persona_id:void 0,custom:!0}),this.$emit(`selected`)},async archive(e){try{await Z.confirm(this.$t(`suno.customModel.archiveConfirm`),this.$t(`suno.customModel.archive`),{type:`warning`})}catch{return}this.archivingId=e.id;let t=await this.$store.dispatch(`suno/archiveCustomModel`,e.id);this.archivingId=``,t?(this.$store.state.suno?.config?.custom_model_id===e.id&&this.$store.commit(`suno/setConfig`,{...this.$store.state.suno.config,custom_model_id:void 0}),L.success(this.$t(`suno.customModel.archiveSuccess`))):L.error(this.$t(`suno.customModel.archiveFailed`))}}}),no={class:`flex items-center justify-between mb-3`},ro={class:`text-sm text-gray-500`},io={class:`flex gap-2`},ao={key:1,class:`model-list`},oo={class:`flex-1 min-w-0`},so={class:`font-medium text-sm truncate`},co={class:`text-xs text-gray-400 mt-1`},lo={class:`flex gap-1 ml-2`};function uo(t,n,r,o,l,d){let m=p(`el-button`),h=p(`add-icon`),g=p(`el-empty`),v=p(`el-progress`),b=p(`custom-model-create-dialog`);return S(),u(`div`,null,[e(`div`,no,[e(`span`,ro,a(t.$t(`suno.customModel.betaNotice`)),1),e(`div`,io,[s(m,{size:`small`,loading:t.loading,onClick:t.loadModels},{default:y(()=>[i(a(t.$t(`common.button.refresh`)),1)]),_:1},8,[`loading`,`onClick`]),s(m,{type:`primary`,size:`small`,onClick:n[0]||=e=>t.showCreate=!0},{default:y(()=>[s(h,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.customModel.create`)),1)]),_:1})])]),!t.loading&&t.models.length===0?(S(),_(g,{key:0,description:t.$t(`suno.customModel.empty`)},null,8,[`description`])):(S(),u(`div`,ao,[(S(!0),u(f,null,x(t.models,n=>(S(),u(`div`,{key:n.id,class:`model-item`},[e(`div`,oo,[e(`div`,so,a(n.name),1),e(`div`,co,a(t.$t(`suno.customModel.status.${n.status}`))+` · `+a(n.source_count),1),n.status===`uploading`&&n.progress?.total?(S(),_(v,{key:0,class:`mt-2`,percentage:Math.round((n.progress.uploaded||0)/n.progress.total*100),"show-text":!1},null,8,[`percentage`])):c(``,!0)]),e(`div`,lo,[n.status===`ready`?(S(),_(m,{key:0,size:`small`,text:``,type:`primary`,onClick:e=>t.select(n)},{default:y(()=>[i(a(t.$t(`suno.customModel.use`)),1)]),_:1},8,[`onClick`])):c(``,!0),s(m,{size:`small`,text:``,type:`danger`,loading:t.archivingId===n.id,onClick:e=>t.archive(n)},{default:y(()=>[i(a(t.$t(`suno.customModel.archive`)),1)]),_:1},8,[`loading`,`onClick`])])]))),128))])),s(b,{modelValue:t.showCreate,"onUpdate:modelValue":n[1]||=e=>t.showCreate=e,onCreated:t.loadModels},null,8,[`modelValue`,`onCreated`])])}var fo=T({name:`CustomModelInput`,components:{CustomModelManager:U(to,[[`render`,uo],[`__scopeId`,`data-v-eb5c7cbb`]]),ElButton:q,ElDrawer:oe,ElOption:O,ElSelect:D,InfoIcon:H,MusicIcon:Le},data(){return{showManager:!1}},computed:{customModelId:{get(){return this.$store.state.suno?.config?.custom_model_id||``},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,custom_model_id:e||void 0,persona_id:e?void 0:this.$store.state.suno?.config?.persona_id})}},readyModels(){return(this.$store.state.suno?.customModels||[]).filter(e=>e.status===`ready`)}},watch:{"$store.state.suno.credential":{handler(){this.$store.state.suno?.credential?.token&&this.$store.dispatch(`suno/getCustomModels`)},immediate:!0}}}),po={class:`field`},mo={class:`flex items-center justify-between mb-2`},ho={class:`flex items-center`},go={class:`text-sm font-bold`};function _o(t,n,r,o,c,l){let d=p(`info-icon`),m=p(`music-icon`),h=p(`el-button`),g=p(`el-option`),v=p(`el-select`),b=p(`custom-model-manager`),C=p(`el-drawer`);return S(),u(`div`,po,[e(`div`,mo,[e(`div`,ho,[e(`span`,go,a(t.$t(`suno.customModel.name`)),1),s(d,{content:t.$t(`suno.customModel.description`)},null,8,[`content`])]),s(h,{size:`small`,round:``,onClick:n[0]||=e=>t.showManager=!0},{default:y(()=>[s(m,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.customModel.manage`)),1)]),_:1})]),s(v,{modelValue:t.customModelId,"onUpdate:modelValue":n[1]||=e=>t.customModelId=e,placeholder:t.$t(`suno.customModel.placeholder`),clearable:``,filterable:``,class:`w-full`},{default:y(()=>[(S(!0),u(f,null,x(t.readyModels,e=>(S(),_(g,{key:e.id,value:e.id,label:e.name},null,8,[`value`,`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`]),s(C,{modelValue:t.showManager,"onUpdate:modelValue":n[3]||=e=>t.showManager=e,title:t.$t(`suno.customModel.title`),size:`420px`,direction:`rtl`},{default:y(()=>[s(b,{onSelected:n[2]||=e=>t.showManager=!1})]),_:1},8,[`modelValue`,`title`])])}var vo=T({name:`PresetPanel`,components:{CleanupIcon:ve,MagicIcon:Xe,TypeSelector:on,AudioReferencesInput:qt,PromptInput:In,LyricInput:nr,StyleInput:hr,TitleInput:xr,ExtendFromInput:Ir,CoverFromInput:Xr,UploadAudio:kn,VocalGenderSelector:ti,AdvancedParams:Mi,ReplaceSectionInput:Wi,OverpaintingInput:na,UnderpaintingInput:ma,SamplesInput:Ea,PersonaInput:Xa,CustomModelInput:U(fo,[[`render`,_o]]),ElButton:q,ElTabs:k,ElTabPane:A,ServicePricingSummary:St,ScenarioPaymentMode:Ct},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.suno?.config},mode:{get(){return this.$store.state.suno?.config?.custom?`custom`:`simple`},set(e){this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,custom:e===`custom`,custom_model_id:e===`custom`?this.$store.state.suno?.config?.custom_model_id:void 0})}},consumption(){return _t(this.usesCustomModel?{...this.config,action:`generate`}:this.config,this.service?.cost)},service(){return this.$store.state.suno?.service},walletMode(){return it()&&ot(`suno`).mode===`wallet`},supportsVocalGender(){let e=this.config?.model||``;return[`chirp-v4-5-plus`,`chirp-v5`,`chirp-v5-5`,`chirp-v6`,`chirp-v6-wild`,`chirp-v6-mini`].includes(e)},supportsPersona(){let e=this.config?.action;return!e||e===`generate`||e===`artist_consistency`||e===`artist_consistency_vox`},supportsCustomModels(){let e=this.config?.action;return!this.walletMode&&(!e||e===`generate`)},usesCustomModel(){let e=this.config?.action;return!!this.config?.custom&&!!this.config?.custom_model_id&&(!e||e===`generate`)},generateButtonText(){let e=this.config?.action;return e===`inspo`?this.$t(`suno.button.inspo`):e===`upload_extend`?this.$t(`suno.button.upload_extend`):e===`all_stems`?this.$t(`suno.button.all_stems`):e===`extend`?this.$t(`suno.button.extend`):e===`cover`?this.$t(`suno.button.cover_music`):e===`remaster`?this.$t(`suno.button.remaster`):e===`replace_section`?this.$t(`suno.button.replace_section`):e===`mashup`?this.$t(`suno.button.mashup`):e===`stems`?this.$t(`suno.button.get_stems`):e===`concat`?this.$t(`suno.button.concat_music`):e===`upload_cover`?this.$t(`suno.button.upload_cover`):e===`artist_consistency`?this.$t(`suno.button.artist_consistency`):e===`artist_consistency_vox`?this.$t(`suno.button.artist_consistency_vox`):e===`overpainting`?this.$t(`suno.button.overpainting`):e===`underpainting`?this.$t(`suno.button.underpainting`):e===`samples`?this.$t(`suno.button.samples`):this.$t(`suno.button.generate`)}},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:{onCancelOperation(){this.$store.commit(`suno/setConfig`,Q(this.config))},scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=ot(`suno`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await Y.quoteAudio(ht(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`)},onClearAll(){this.$store.commit(`suno/setConfig`,{custom:!1,sounds:!1,instrumental:!1,lyric:``,style:``,title:``,lyrics_mode:`manual`,model:this.$store.state.suno?.config?.model})}}}),yo={class:`flex flex-col h-full`},bo={class:`flex-1 min-h-0 overflow-hidden`},xo={class:`p-5`},So={key:0,class:`operation-context mb-4`},Co={class:`p-5`},wo={key:0,class:`operation-context mb-4`},To={class:`flex flex-col items-center justify-center px-5 pb-5 gap-2`},Eo={class:`flex gap-2 w-full`};function Do(t,n,r,o,l,d){let f=p(`type-selector`),m=p(`el-button`),h=p(`audio-references-input`),g=p(`upload-audio`),v=p(`prompt-input`),b=p(`extend-from-input`),x=p(`cover-from-input`),C=p(`replace-section-input`),w=p(`overpainting-input`),T=p(`underpainting-input`),E=p(`samples-input`),D=p(`advanced-params`),O=p(`el-tab-pane`),k=p(`lyric-input`),A=p(`style-input`),j=p(`title-input`),M=p(`vocal-gender-selector`),ee=p(`custom-model-input`),N=p(`persona-input`),P=p(`el-tabs`),F=p(`scenario-payment-mode`),I=p(`service-pricing-summary`),L=p(`cleanup-icon`),te=p(`magic-icon`);return S(),u(`div`,yo,[e(`div`,bo,[s(P,{modelValue:t.mode,"onUpdate:modelValue":n[0]||=e=>t.mode=e,class:`suno-mode-tabs scenario-tabs scenario-tabs--scrollable`},{default:y(()=>[s(O,{label:t.$t(`suno.mode.simple`),name:`simple`},{default:y(()=>[e(`div`,xo,[s(f,{class:`mb-4`}),t.config?.action&&t.config.action!==`generate`?(S(),u(`div`,So,[e(`span`,null,a(t.generateButtonText),1),s(m,{size:`small`,text:``,onClick:t.onCancelOperation},{default:y(()=>[i(a(t.$t(`suno.button.newSong`)),1)]),_:1},8,[`onClick`])])):c(``,!0),s(h,{class:`mb-4`}),s(g,{class:`mb-4`}),s(v,{class:`mb-4`}),[`extend`,`upload_extend`].includes(t.config?.action||``)?(S(),_(b,{key:1,class:`mb-4`})):c(``,!0),t.config?.action===`cover`?(S(),_(x,{key:2,class:`mb-4`})):c(``,!0),t.config?.action===`replace_section`?(S(),_(C,{key:3,class:`mb-4`})):c(``,!0),t.config?.action===`overpainting`?(S(),_(w,{key:4,class:`mb-4`})):c(``,!0),t.config?.action===`underpainting`?(S(),_(T,{key:5,class:`mb-4`})):c(``,!0),t.config?.action===`samples`?(S(),_(E,{key:6,class:`mb-4`})):c(``,!0),s(D,{class:`mb-4`})])]),_:1},8,[`label`]),s(O,{label:t.$t(`suno.mode.custom`),name:`custom`},{default:y(()=>[e(`div`,Co,[s(f,{class:`mb-4`}),t.config?.action&&t.config.action!==`generate`?(S(),u(`div`,wo,[e(`span`,null,a(t.generateButtonText),1),s(m,{size:`small`,text:``,onClick:t.onCancelOperation},{default:y(()=>[i(a(t.$t(`suno.button.newSong`)),1)]),_:1},8,[`onClick`])])):c(``,!0),s(h,{class:`mb-4`}),s(g,{class:`mb-4`}),t.config?.instrumental?c(``,!0):(S(),_(k,{key:1,class:`mb-4`})),s(A,{class:`mb-4`}),s(j,{class:`mb-4`}),!t.config?.instrumental&&t.supportsVocalGender?(S(),_(M,{key:2,class:`mb-4`})):c(``,!0),t.supportsCustomModels?(S(),_(ee,{key:3,class:`mb-4`})):c(``,!0),t.supportsPersona&&!t.config?.custom_model_id?(S(),_(N,{key:4,class:`mb-4`})):c(``,!0),[`extend`,`upload_extend`].includes(t.config?.action||``)?(S(),_(b,{key:5,class:`mb-4`})):c(``,!0),t.config?.action===`cover`?(S(),_(x,{key:6,class:`mb-4`})):c(``,!0),t.config?.action===`replace_section`?(S(),_(C,{key:7,class:`mb-4`})):c(``,!0),t.config?.action===`overpainting`?(S(),_(w,{key:8,class:`mb-4`})):c(``,!0),t.config?.action===`underpainting`?(S(),_(T,{key:9,class:`mb-4`})):c(``,!0),t.config?.action===`samples`?(S(),_(E,{key:10,class:`mb-4`})):c(``,!0),s(D,{class:`mb-4`})])]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),e(`div`,To,[s(F,{scenario:`suno`}),t.walletMode?c(``,!0):(S(),_(I,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),e(`div`,Eo,[s(m,{class:`flex-1`,onClick:t.onClearAll},{default:y(()=>[s(L,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.clear_all`)),1)]),_:1},8,[`onClick`]),s(m,{type:`primary`,class:`flex-1`,round:``,onClick:t.onGenerate},{default:y(()=>[s(te,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.generateButtonText),1)]),_:1},8,[`onClick`])])])])}var Oo=U(vo,[[`render`,Do],[`__scopeId`,`data-v-e6383ed0`]]),ko=ye(),Ao=e=>{if(!Number.isSafeInteger(e)||e<0||e>268435455)throw Error(`Invalid MIDI time`);let t=[e&127];for(;e=Math.floor(e/128);)t.unshift(e&127|128);return t},jo=e=>[e>>>24,e>>>16&255,e>>>8&255,e&255],Mo=(e,t)=>[...new TextEncoder().encode(e),...jo(t.length),...t];function No(e){if(e.some(e=>e.state&&e.state!==`complete`))throw Error(`MIDI is not complete`);let t=e.flatMap(e=>e.instruments||[]).filter(e=>e.notes?.length);if(!t.length)throw Error(`No MIDI notes`);if(t.length>=65535)throw Error(`Too many MIDI tracks`);let n=[Mo(`MTrk`,[0,255,81,3,7,161,32,0,255,47,0])];t.forEach((e,t)=>{let r=t%15+ +(t%15>=9),i=[];for(let t of e.notes){if(!Number.isInteger(t.pitch)||t.pitch<0||t.pitch>127||!Number.isFinite(t.start)||!Number.isFinite(t.end)||t.start<0||t.end<=t.start||!Number.isFinite(t.velocity)||t.velocity<0||t.velocity>1)throw Error(`Invalid MIDI note`);let e=Math.round(t.start*960),n=Math.max(e+1,Math.round(t.end*960));i.push({tick:e,bytes:[144|r,t.pitch,Math.max(1,Math.round(t.velocity*127))],off:!1}),i.push({tick:n,bytes:[128|r,t.pitch,0],off:!0})}i.sort((e,t)=>e.tick-t.tick||Number(t.off)-Number(e.off));let a=Array.from(new TextEncoder().encode(e.name||`Track ${t+1}`)),o=[0,255,3,...Ao(a.length),...a],s=0;for(let e of i)o.push(...Ao(e.tick-s),...e.bytes),s=e.tick;o.push(0,255,47,0),n.push(Mo(`MTrk`,o))});let r=n.length,i=Mo(`MThd`,[0,1,r>>>8,r&255,1,224]);for(let e of n)for(let t of e)i.push(t);return new Uint8Array(i)}function Po(e){let t=(Array.isArray(e)?e[0]:e)?.aligned_words;return(Array.isArray(t)?t:[]).filter(e=>typeof e.word==`string`&&e.word.trim()&&e.success!==!1&&Number.isFinite(e.start_s)&&Number.isFinite(e.end_s)&&e.start_s>=0&&e.end_s>e.start_s).sort((e,t)=>e.start_s-t.start_s)}var Fo=e=>{let t=Math.round(e*1e3);return`${String(Math.floor(t/36e5)).padStart(2,`0`)}:${String(Math.floor(t/6e4)%60).padStart(2,`0`)}:${String(Math.floor(t/1e3)%60).padStart(2,`0`)},${String(t%1e3).padStart(3,`0`)}`};function Io(e){return e.map((e,t)=>`${t+1}\n${Fo(e.start_s)} --> ${Fo(e.end_s)}\n${e.word.trim()}\n`).join(`
+`)}var Lo={class:`text-sm text-[var(--el-text-color-secondary)]`},Ro={key:0,class:`timing-words`},zo=[`onClick`],Bo={key:1,class:`text-sm text-[var(--el-text-color-secondary)]`},Vo=U(T({__name:`TimingDialog`,props:{modelValue:{type:Boolean},audio:{},data:{}},emits:[`update:modelValue`],setup(t,{emit:n}){let r=t,c=n,d=F(),p=v({get:()=>r.modelValue,set:e=>c(`update:modelValue`,e)}),m=v(()=>Po(r.data));async function h(e){if(!r.audio.audio_url)return;await d.dispatch(`suno/setAudio`,{...d.state.suno.audio,...r.audio,progress:e,state:`playing`}),await o();let t=d.state.suno.audio?.object;if(!t)return;let n=()=>{d.state.suno.audio?.object===t&&(t.currentTime=e)};t.readyState>=1?n():t.addEventListener(`loadedmetadata`,n,{once:!0})}function g(){(0,ko.saveAs)(new Blob([Io(m.value)],{type:`text/plain;charset=utf-8`}),`${r.audio.title||`suno`}.srt`)}return(n,r)=>(S(),_(l(K),{modelValue:p.value,"onUpdate:modelValue":r[1]||=e=>p.value=e,title:n.$t(`suno.name.lyricTiming`),width:`640px`,class:`suno-timing-dialog`},{footer:y(()=>[s(l(q),{disabled:!m.value.length,onClick:g},{default:y(()=>[i(a(n.$t(`suno.button.downloadSubtitles`)),1)]),_:1},8,[`disabled`]),s(l(q),{type:`primary`,onClick:r[0]||=e=>p.value=!1},{default:y(()=>[i(a(n.$t(`common.button.close`)),1)]),_:1})]),default:y(()=>[e(`p`,Lo,a(t.audio.title),1),m.value.length?(S(),u(`div`,Ro,[(S(!0),u(f,null,x(m.value,(t,n)=>(S(),u(`button`,{key:n,type:`button`,class:`timing-word`,onClick:e=>h(t.start_s)},[e(`time`,null,a(l(V)(t.start_s)),1),e(`span`,null,a(t.word),1)],8,zo))),128))])):(S(),u(`p`,Bo,a(n.$t(`suno.message.noTiming`)),1))]),_:1},8,[`modelValue`,`title`]))}}),[[`__scopeId`,`data-v-5727eb9a`]]);function Ho(e,t,n){return typeof e==`number`&&typeof t==`number`&&Number.isFinite(e)&&Number.isFinite(t)&&e>=0&&t>e&&t-e<30&&(n===void 0||t<=n)}var Uo={class:`font-medium`},Wo={class:`text-sm text-[var(--el-text-color-secondary)]`},Go={class:`flex gap-3 my-4`},Ko=[`src`],qo=T({name:`TaskPreview`,components:{MetaTag:nt,StatusBadge:rt,AudioIcon:Ee,CodeIcon:Ce,CollectionIcon:Nt,CutIcon:Pt,DeleteIcon:qe,DownloadIcon:we,DrumIcon:kt,EditIcon:Be,FastForwardIcon:jt,GuitarIcon:Mt,InfoIcon:Oe,LinkIcon:ke,MagicIcon:Xe,MicrophoneIcon:Ie,MoreIcon:Te,MusicIcon:Le,PaletteIcon:Re,ShuffleIcon:Ge,SortIcon:_e,TimeIcon:Se,UndoIcon:We,WarningIcon:Je,ElImage:W,ElIcon:E,ElTooltip:N,VideoPlay:Ve,VideoPause:ze,ElDropdown:le,ElDropdownMenu:ce,ElDropdownItem:se,ElInput:J,ElProgress:fe,ElCheckbox:ne,ElPopover:de,Loading:Ae,ApiCodeDialog:wt,ReportDialog:yt,CopyToClipboard:vt,TimingDialog:Vo,VocalDialog:T({__name:`VocalDialog`,props:{modelValue:{type:Boolean},audio:{}},emits:[`update:modelValue`],setup(n,{emit:r}){let o=n,d=r,p=F(),{t:h}=et(),g=t()?.appContext.config.globalProperties.$wallet,b=v({get:()=>o.modelValue,set:e=>d(`update:modelValue`,e)}),x=C(0),w=C(20),T=C(!1),E=C(!1),D=C(``),O=C(),k=C(),A=0,j=v(()=>!!o.audio.id&&Ho(x.value,w.value,o.audio.duration));m(b,e=>{A+=1,T.value=!1,e&&(x.value=0,w.value=Math.min(20,o.audio.duration||20),O.value=void 0,D.value=o.audio.title||``)});async function M(){if(!j.value||T.value)return;let e=$({$store:p,$t:h,$wallet:g});if(!e)return;T.value=!0;let t=++A,n={audioId:o.audio.id,start:x.value,end:w.value};O.value=void 0;try{let r=await Y.vox({audio_id:n.audioId,vocal_start:n.start,vocal_end:n.end},e);if(r.data.success===!1||!r.data.data?.id||!r.data.data?.vocal_audio_url)throw Error(`No vocal result`);if(t!==A||!b.value)return;O.value=r.data.data,k.value=n}catch(e){e instanceof X||L.error(h(`suno.message.extractVocalsFailed`))}finally{t===A&&(T.value=!1)}}async function ee(){if(!O.value?.id||!k.value||E.value||!D.value.trim())return;let e=$({$store:p,$t:h,$wallet:g});if(e){E.value=!0;try{if((await Y.persona({audio_id:k.value.audioId,vox_audio_id:O.value.id,name:D.value.trim(),vocal_start:k.value.start,vocal_end:k.value.end},e)).data.success===!1)throw Error(`Persona failed`);await p.dispatch(`suno/getPersonas`),L.success(h(`suno.voice.createSuccess`))}catch(e){e instanceof X||L.error(h(`suno.voice.createFailed`))}finally{E.value=!1}}}async function N(){let e=O.value?.vocal_audio_url;if(e)try{let t=await fetch(e);if(!t.ok)throw Error(`Download failed`);(0,ko.saveAs)(await t.blob(),`${o.audio.title||`suno`}-vocals.mp3`)}catch{L.error(h(`suno.message.extractVocalsFailed`))}}return(t,r)=>(S(),_(l(K),{modelValue:b.value,"onUpdate:modelValue":r[4]||=e=>b.value=e,title:t.$t(`suno.button.extract_vocals`),width:`480px`,"close-on-click-modal":!1},{footer:y(()=>[s(l(q),{onClick:r[3]||=e=>b.value=!1},{default:y(()=>[i(a(t.$t(`common.button.close`)),1)]),_:1}),s(l(q),{type:`primary`,loading:T.value,disabled:!j.value,onClick:M},{default:y(()=>[i(a(t.$t(`suno.button.extract_vocals`)),1)]),_:1},8,[`loading`,`disabled`])]),default:y(()=>[e(`p`,Uo,a(n.audio.title),1),e(`p`,Wo,a(t.$t(`suno.description.vocalRange`)),1),e(`div`,Go,[s(l(B),{modelValue:x.value,"onUpdate:modelValue":r[0]||=e=>x.value=e,min:0,max:n.audio.duration,precision:2,"aria-label":t.$t(`suno.name.rangeStart`)},null,8,[`modelValue`,`max`,`aria-label`]),s(l(B),{modelValue:w.value,"onUpdate:modelValue":r[1]||=e=>w.value=e,min:0,max:n.audio.duration,precision:2,"aria-label":t.$t(`suno.name.rangeEnd`)},null,8,[`modelValue`,`max`,`aria-label`])]),O.value?.vocal_audio_url?(S(),u(f,{key:0},[e(`audio`,{src:O.value.vocal_audio_url,controls:``,class:`w-full my-3`},null,8,Ko),s(l(q),{onClick:N},{default:y(()=>[i(a(t.$t(`suno.button.download_audio`)),1)]),_:1}),s(l(J),{modelValue:D.value,"onUpdate:modelValue":r[2]||=e=>D.value=e,class:`mt-4`,placeholder:t.$t(`suno.voice.namePlaceholder`),maxlength:`50`},null,8,[`modelValue`,`placeholder`]),s(l(q),{class:`mt-3`,loading:E.value,disabled:!D.value.trim(),onClick:ee},{default:y(()=>[i(a(t.$t(`suno.button.create_persona`)),1)]),_:1},8,[`loading`,`disabled`])],64)):c(``,!0)]),_:1},8,[`modelValue`,`title`]))}}),VoiceCreateDialog:ka},props:{modelValue:{type:Object,required:!0}},emits:[`wallet-task`],data(){return{isFetchingVideoUrl:!1,isFetchingWav:!1,isFetchingMidi:!1,isFetchingTiming:!1,timingVisible:!1,timingData:void 0,timingAudio:{},vocalVisible:!1,voiceVisible:!1,sourceAudio:{},editingAudioId:null,editingTitle:``,apiCodeVisible:!1,reportVisible:!1,reportTargetId:``,reportSnapshot:void 0,apiCodePath:`/suno/audios`,apiCodeBody:{}}},computed:{loading(){return this.$store.state.suno?.status?.getApplications===I.Request},showViewCode(){return $e()},credential(){return this.$store.state.suno.credential},config(){return this.$store.state.suno.config},task(){return this.$store.state.suno?.tasks},audios(){let e=this.modelValue?.response?.data,t=Array.isArray(e)?e:[],n=this.modelValue?.request?.action;return n?t.map(e=>({...e,action:n})):t},isFailure(){return this.audios.length===0&&Ot(this.modelValue)},isPending(){return this.audios.length===0&&!this.isFailure&&!this.modelValue.response},placeholderTitle(){return this.modelValue.request?.title||this.$t(`suno.name.untitledSong`)},placeholderDescription(){let e=this.modelValue.request;return e?.style||e?.prompt||e?.lyric_prompt||this.$t(`suno.message.songPlaceholder`)},placeholderModel(){return this.shortModel({model:this.modelValue.request?.model})},failureReason(){let e=this.modelValue?.response?.error;return typeof e==`string`?e:e?.message},traceId(){return this.modelValue?.response?.trace_id||this.modelValue?.trace_id},application(){return this.$store.state.suno?.application},active(){return this.$store.state.suno?.tasks?.active},isMashupMode(){return this.$store.state.suno?.config?.action===`mashup`},mashupAudioIds(){return this.$store.state.suno?.config?.mashup_audio_ids||[]}},methods:{setOperation(e){this.$store.commit(`suno/setConfig`,e),window.matchMedia(`(max-width: 767px)`).matches&&xt()},onReport(e){this.reportTargetId=e?.id||``,this.reportSnapshot={prompt:e?.prompt,title:e?.title},this.reportVisible=!0},useFormatDuring:V,shortModel(e){let t=e?.model;if(!t)return``;let n=/v(\d+)(?:-(\d+))?(-plus)?/i.exec(t);if(!n)return t;if(t===`chirp-v6-wild`)return`v6 Wild`;if(t===`chirp-v6-mini`)return`v6 Mini`;let r=n[2]&&n[2]!==`0`?`.`+n[2]:``;return`v${n[1]}${r}${n[3]?`+`:``}`},onViewCode(){let e=this.modelValue?.request||{},t={};Object.entries(e).forEach(([e,n])=>{e===`application_id`||e===`callback_url`||n!=null&&(typeof n==`string`&&n===``||Array.isArray(n)&&n.length===0||(t[e]=n))}),this.apiCodeBody=t,this.apiCodePath=`/suno/audios`,this.apiCodeVisible=!0},onPlay(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`playing`})},onPause(e){this.$store.dispatch(`suno/setAudio`,{...this.$store.state.suno.audio,...e,state:`paused`})},onClick(e){e.audio_url&&this.$store.state?.suno?.audio?.id!==e.id&&this.onPlay({...e,progress:0})},onExtend(e,t){e?.stopPropagation(),this.setOperation({...Q(this.$store.state.suno?.config),model:t.model,custom:!0,instrumental:!1,style:t.style,action:`extend`,audio:t,audio_id:t.id,continue_at:t.duration})},onDownload(e,t){e&&e?.stopPropagation();let n=new URL(t).pathname,r=n.substring(n.lastIndexOf(`/`)+1);fetch(t).then(e=>e.blob()).then(e=>{(0,ko.saveAs)(e,r)})},async handleVideoDownload(e){if(e.video_url){this.onDownload(null,e.video_url);return}if(!this.isFetchingVideoUrl)try{this.isFetchingVideoUrl=!0;let t=await this.fetchVideoUrlFromApi(e?.id);e.video_url=t,this.onDownload(null,t)}catch(e){console.error(`get videoUrl failed:`,e),L.error(this.$t(`suno.message.getVideoUrlFailed`))}finally{this.isFetchingVideoUrl=!1}},async fetchVideoUrlFromApi(e){return new Promise((t,n)=>{let r={audio_id:e},i=this.credential?.token;if(!i){console.error(`no token specified`),n(Error(`No token specified`));return}Y.mp4(r,{token:i}).then(e=>{let r=e.data?.data?.video_url;r?t(r):n(Error(`Video URL not found in response`))}).catch(e=>{n(e)})})},onPreview(e,t){e?.stopPropagation(),window.open(t,`_blank`)},async onGetStems(e){await this.onGenerateAudioUrl(`stems`,e)},onCover(e){this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,instrumental:!1,style:e.style,action:`cover`,audio:e,audio_id:e.id})},async onConcatMusic(e){await this.onGenerateAudioUrl(`concat`,e)},onRemaster(e){this.setOperation({...Q(this.$store.state.suno.config),action:`remaster`,audio:e,audio_id:e.id,model:e.model,custom:!0,variation_category:`normal`})},async onGetAllStems(e){await this.onGenerateAudioUrl(`all_stems`,e)},onReplaceSection(e){this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,instrumental:!1,style:e.style,action:`replace_section`,audio:e,audio_id:e.id,replace_section_start:0,replace_section_end:Math.min(30,e.duration||30)})},onMashup(e){e.id&&this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,style:e.style,action:`mashup`,audio:e,audio_id:e.id,mashup_audio_ids:[e.id]})},onOverpainting(e){this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,style:e.style,action:`overpainting`,audio:e,audio_id:e.id,overpainting_start:0,overpainting_end:Math.min(30,e.duration||30)})},onUnderpainting(e){this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,style:e.style,action:`underpainting`,audio:e,audio_id:e.id,underpainting_start:0,underpainting_end:Math.min(30,e.duration||30)})},onSamples(e){this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,style:e.style,action:`samples`,audio:e,audio_id:e.id,samples_start:0,samples_end:Math.min(30,e.duration||30)})},onArtistConsistency(e){this.setOperation({...Q(this.$store.state.suno?.config),model:e.model,custom:!0,style:e.style,action:`artist_consistency`,audio:e,audio_id:e.id})},onReusePrompt(e){let t=this.modelValue?.request??{};if(!(t.prompt||t.lyric||t.style||t.title||t.lyric_prompt||t.negative_tags||t.style_negative||t.persona_id)){L.warning(this.$t(`suno.message.reusePromptEmpty`));return}this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,model:t.model??e.model,custom:t.custom??!1,instrumental:t.instrumental??!1,prompt:t.prompt??``,lyric:t.lyric??``,lyric_prompt:t.lyric_prompt??``,lyrics_mode:t.lyrics_mode??`manual`,title:t.title??``,style:t.style??``,negative_tags:t.negative_tags??t.style_negative??``,vocal_gender:t.vocal_gender,weirdness:t.weirdness,style_influence:t.style_influence,variation_category:t.variation_category,audio_weight:t.audio_weight,duration:t.duration,persona_id:t.persona_id,custom_model_id:void 0,audio_urls:void 0,action:void 0,audio:void 0,audio_id:void 0,mashup_audio_ids:void 0,continue_at:void 0,speed:void 0,replace_section_start:void 0,replace_section_end:void 0,overpainting_start:void 0,overpainting_end:void 0,underpainting_start:void 0,underpainting_end:void 0,samples_start:void 0,samples_end:void 0}),window.matchMedia(`(max-width: 767px)`).matches&&xt(),L.success(this.$t(`suno.message.reusePromptSuccess`))},onExtractVocals(e){this.sourceAudio=e,this.vocalVisible=!0},onCreatePersona(e){this.sourceAudio=e,this.voiceVisible=!0},async onGetTiming(e){if(!e.id||this.isFetchingTiming)return;let t=$(this);if(t){this.isFetchingTiming=!0;try{let n=await Y.timing({audio_id:e.id},t);if(n.data.success===!1)throw Error(`Timing failed`);this.timingData=n.data.data,this.timingAudio=e,this.timingVisible=!0}catch(e){if(e instanceof X)return;L.error(this.$t(`suno.message.fetchTimingFailed`))}finally{this.isFetchingTiming=!1}}},async handleWavDownload(e){if(!e?.id||this.isFetchingWav)return;let t=$(this);if(t)try{this.isFetchingWav=!0,L.info(this.$t(`suno.message.fetchingWav`));let n=(await Y.wav({audio_id:e.id},t)).data?.data?.[0]?.file_url;n?this.onDownload(null,n):L.error(this.$t(`suno.message.fetchWavFailed`))}catch(e){if(e instanceof X)return;let t=e?.response?.data?.error?.message;L.error(t||this.$t(`suno.message.fetchWavFailed`))}finally{this.isFetchingWav=!1}},async handleMidiDownload(e){if(!e?.id||this.isFetchingMidi)return;let t=$(this);if(t)try{this.isFetchingMidi=!0,L.info(this.$t(`suno.message.fetchingMidi`));let n=No((await Y.midi({audio_id:e.id},t)).data?.data||[]),r=(e.title||e.id||`suno`).replace(/[/\\:*?"<>|]+/g,`_`)+`.mid`;(0,ko.saveAs)(new Blob([n],{type:`audio/midi`}),r)}catch(e){if(e instanceof X)return;let t=e?.response?.data?.error?.message;L.error(t||this.$t(`suno.message.fetchMidiFailed`))}finally{this.isFetchingMidi=!1}},async onGenerateAudioUrl(e,t){let n={action:e,audio_id:t,async:!0},r=$(this);r&&(L.info(this.$t(`suno.message.startingTask`)),Y.audio(n,r).then(e=>{let t=e?.data?.task_id;t&&this.$emit(`wallet-task`,t),L.success(this.$t(`suno.message.startTaskSuccess`))}).catch(e=>{e instanceof X||L.error(e?.response?.data?.error?.message||this.$t(`suno.message.startTaskFailed`))}).finally(async()=>{await this.onGetTasks(),await this.onScrollDown()}))},isMashupSelected(e){return!!e.id&&this.mashupAudioIds.includes(e.id)},onToggleMashup(e){if(!e.id)return;let t=[...this.mashupAudioIds],n=t.indexOf(e.id);if(n!==-1)t.splice(n,1);else{if(t.length>=2){L.warning(this.$t(`suno.message.mashupReferencesRequired`));return}t.push(e.id)}this.$store.commit(`suno/setConfig`,{...this.$store.state.suno?.config,mashup_audio_ids:t})},onArtistConsistencyVox(e){this.onArtistConsistency(e),this.$store.commit(`suno/setConfig`,{...this.$store.state.suno.config,action:`artist_consistency_vox`})},onInspire(e){e.audio_url&&this.setOperation({...Q(this.$store.state.suno.config),action:`inspo`,style:e.style||this.$store.state.suno.config?.style,model:`chirp-v5`,custom:!0,audio_urls:[e.audio_url]})},async onScrollDown(){setTimeout(()=>{let e=document.querySelector(`.tasks`);e&&(e.scrollTop=e.scrollHeight)},1e3)},onStartTitleEdit(e){this.editingAudioId=e.id??null,this.editingTitle=e.title||``,this.$nextTick(()=>{this.$refs.titleInput?.focus?.()})},onSaveTitleEdit(e){if(this.editingAudioId!==e.id)return;let t=this.editingTitle.trim();if(t&&t!==e.title){let n=this.$store.state.suno?.tasks;if(n?.items)for(let r of n.items){let n=(r?.response?.data??[]).find(t=>t.id===e.id);if(n){n.title=t;break}}}this.editingAudioId=null,this.editingTitle=``},onCancelTitleEdit(){this.editingAudioId=null,this.editingTitle=``},async onDelete(e){try{await Z.confirm(this.$t(`suno.message.confirmDelete`),{confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}let t=this.$store.state.suno?.tasks;if(t?.items)for(let n of t.items){let r=n?.response?.data??[],i=r.findIndex(t=>t.id===e.id);if(i!==-1){if(r.splice(i,1),r.length===0){let e=t.items.indexOf(n);e!==-1&&t.items.splice(e,1)}break}}this.$store.state?.suno?.audio?.id===e.id&&this.$store.dispatch(`suno/setAudio`,null),L.success(this.$t(`suno.message.deleteSuccess`))},async onGetTasks(){this.loading||await this.$store.dispatch(`suno/getTasks`,{limit:30,offset:0})}}}),Jo={class:`task`},Yo={key:0,class:`cover-status`},Xo={class:`info`},Zo={class:`title-row`},Qo={class:`title`},$o={class:`style`},es={key:0,class:`placeholder-actions`},ts=[`aria-label`],ns=[`aria-label`],rs={class:`suno-failure-details`},is={key:0},as={key:1},os=[`onClick`],ss=[`onClick`],cs={class:`left`},ls={key:0,class:`variation-badge`},us=[`aria-label`,`title`,`onClick`,`onKeydown`],ds=[`aria-label`,`title`,`onClick`,`onKeydown`],fs={key:3,class:`duration`},ps={class:`info`},ms={key:1,class:`title-row`},hs={class:`title`},gs=[`aria-label`,`title`,`onClick`],_s={class:`style`},vs={key:2,class:`progress-row`},ys={class:`progress-text`},bs={class:`right`},xs=[`aria-label`,`title`,`onClick`],Ss={class:`el-dropdown-link`},Cs={class:`flex items-center min-w-[120px]`},ws={class:`flex items-center min-w-[120px]`},Ts={class:`flex items-center min-w-[120px]`},Es={class:`el-dropdown-link`};function Ds(t,o,l,m,g,v){let C=p(`music-icon`),w=p(`warning-icon`),T=p(`meta-tag`),E=p(`status-badge`),D=p(`undo-icon`),O=p(`el-tooltip`),k=p(`info-icon`),A=p(`copy-to-clipboard`),j=p(`el-popover`),M=p(`el-checkbox`),ee=p(`el-image`),N=p(`video-pause`),P=p(`el-icon`),F=p(`video-play`),I=p(`el-input`),L=p(`edit-icon`),te=p(`el-progress`),ne=p(`fast-forward-icon`),re=p(`download-icon`),R=p(`Loading`),z=p(`el-dropdown-item`),ie=p(`el-dropdown-menu`),ae=p(`el-dropdown`),oe=p(`more-icon`),se=p(`shuffle-icon`),ce=p(`link-icon`),le=p(`cut-icon`),ue=p(`microphone-icon`),B=p(`guitar-icon`),de=p(`drum-icon`),fe=p(`collection-icon`),pe=p(`sort-icon`),me=p(`magic-icon`),he=p(`audio-icon`),ge=p(`palette-icon`),_e=p(`time-icon`),ve=p(`code-icon`),ye=p(`delete-icon`),V=p(`timing-dialog`),be=p(`vocal-dialog`),xe=p(`voice-create-dialog`),Se=p(`api-code-dialog`),Ce=p(`report-dialog`),we=b(`loading`);return S(),u(`div`,Jo,[t.isFailure||t.isPending?(S(),u(`div`,{key:0,class:r([`audio placeholder-row`,{"failed-row":t.isFailure}])},[e(`div`,{class:r([`left placeholder-cover`,{"pending-cover":t.isPending}])},[s(C,{size:`24`,"aria-hidden":`true`,focusable:`false`}),t.isFailure?(S(),u(`span`,Yo,[s(w,{size:`12`,"aria-hidden":`true`,focusable:`false`})])):c(``,!0)],2),e(`div`,Xo,[e(`div`,Zo,[e(`h2`,Qo,a(t.placeholderTitle),1),t.placeholderModel?(S(),_(T,{key:0,class:`model-chip`,tone:`brand`,density:`compact`},{default:y(()=>[i(a(t.placeholderModel),1)]),_:1})):c(``,!0)]),e(`p`,$o,a(t.placeholderDescription),1),s(E,{class:`task-status`,tone:t.isFailure?`danger`:`info`,density:`compact`,role:`status`},{default:y(()=>[i(a(t.$t(t.isFailure?`suno.name.failure`:`suno.name.generating`)),1)]),_:1},8,[`tone`])]),t.isFailure?(S(),u(`div`,es,[s(O,{content:t.$t(`suno.button.reuse_prompt`)},{default:y(()=>[e(`button`,{type:`button`,class:`icon-button`,"aria-label":t.$t(`suno.button.reuse_prompt`),onClick:o[0]||=e=>t.onReusePrompt({})},[s(D,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,ts)]),_:1},8,[`content`]),s(j,{trigger:`click`,placement:`bottom-end`,width:320},{reference:y(()=>[e(`button`,{type:`button`,class:`icon-button`,"aria-label":t.$t(`suno.button.failureDetails`)},[s(k,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,ns)]),default:y(()=>[e(`div`,rs,[t.failureReason?(S(),u(`p`,is,[i(a(t.$t(`suno.name.failureReason`))+`: `+a(t.failureReason)+` `,1),s(A,{content:t.failureReason},null,8,[`content`])])):c(``,!0),e(`p`,null,[i(a(t.$t(`suno.name.taskId`))+`: `+a(t.modelValue.id)+` `,1),s(A,{content:t.modelValue.id},null,8,[`content`])]),t.traceId?(S(),u(`p`,as,[i(a(t.$t(`suno.name.traceId`))+`: `+a(t.traceId)+` `,1),s(A,{content:t.traceId},null,8,[`content`])])):c(``,!0)])]),_:1})])):c(``,!0)],2)):c(``,!0),(S(!0),u(f,null,x(t.audios,(l,f)=>(S(),u(`div`,{key:l.id,class:r([`audio`,{"mashup-selected":t.isMashupSelected(l),active:t.$store.state?.suno?.audio?.id===l.id,generating:!l?.audio_url}]),onClick:n(e=>t.onClick(l),[`stop`])},[t.isMashupMode&&l?.audio_url?(S(),u(`div`,{key:0,class:`mashup-check`,onClick:n(e=>t.onToggleMashup(l),[`stop`])},[s(M,{"model-value":t.isMashupSelected(l),onClick:o[1]||=n(()=>{},[`stop`])},null,8,[`model-value`])],8,ss)):c(``,!0),h((S(),u(`div`,cs,[s(ee,{src:l?.image_url,class:`cover`,fit:`cover`,lazy:``},null,8,[`src`]),t.audios.length>1?(S(),u(`div`,ls,a(f+1),1)):c(``,!0),l?.audio_url&&t.$store.state?.suno?.audio?.id===l.id&&t.$store.state?.suno?.audio?.state===`playing`?(S(),u(`div`,{key:1,class:`play-btn`,role:`button`,tabindex:`0`,"aria-label":t.$t(`common.player.pause`),title:t.$t(`common.player.pause`),onClick:n(e=>t.onPause(l),[`stop`]),onKeydown:[d(n(e=>t.onPause(l),[`stop`,`prevent`]),[`enter`]),d(n(e=>t.onPause(l),[`stop`,`prevent`]),[`space`])]},[s(P,null,{default:y(()=>[s(N,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})],40,us)):l?.audio_url?(S(),u(`div`,{key:2,class:`play-btn`,role:`button`,tabindex:`0`,"aria-label":t.$t(`common.player.play`),title:t.$t(`common.player.play`),onClick:n(e=>t.onPlay(l),[`stop`]),onKeydown:[d(n(e=>t.onPlay(l),[`stop`,`prevent`]),[`enter`]),d(n(e=>t.onPlay(l),[`stop`,`prevent`]),[`space`])]},[s(P,null,{default:y(()=>[s(F,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})],40,ds)):c(``,!0),l?.duration?(S(),u(`div`,fs,a(t.useFormatDuring(l?.duration)),1)):c(``,!0)])),[[we,!l?.audio_url]]),e(`div`,ps,[t.editingAudioId===l.id?(S(),u(`div`,{key:0,class:`title-edit`,onClick:o[3]||=n(()=>{},[`stop`])},[s(I,{ref_for:!0,ref:`titleInput`,modelValue:t.editingTitle,"onUpdate:modelValue":o[2]||=e=>t.editingTitle=e,size:`small`,onKeyup:[d(e=>t.onSaveTitleEdit(l),[`enter`]),d(t.onCancelTitleEdit,[`escape`])],onBlur:e=>t.onSaveTitleEdit(l)},null,8,[`modelValue`,`onKeyup`,`onBlur`])])):(S(),u(`div`,ms,[e(`h2`,hs,a(l?.title),1),t.shortModel(l)?(S(),_(T,{key:0,class:`model-chip`,tone:`brand`,density:`compact`},{default:y(()=>[i(a(t.shortModel(l)),1)]),_:2},1024)):c(``,!0),l?.audio_url?(S(),u(`button`,{key:1,type:`button`,class:`icon-button edit-icon`,"aria-label":t.$t(`common.button.edit`),title:t.$t(`common.button.edit`),onClick:n(e=>t.onStartTitleEdit(l),[`stop`])},[s(L,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,gs)):c(``,!0)])),e(`p`,_s,a(l?.style),1),!l?.audio_url&&l?.progress!=null&&l?.progress<100?(S(),u(`div`,vs,[s(te,{percentage:Math.round(l.progress),"stroke-width":4,"show-text":!1,status:`warning`,class:`progress-bar`},null,8,[`percentage`]),e(`span`,ys,a(t.$t(`suno.name.generating`))+` `+a(Math.round(l.progress))+`%`,1)])):c(``,!0)]),e(`div`,bs,[l?.audio_url?(S(),_(O,{key:0,effect:`dark`,content:t.$t(`suno.button.extend`),placement:`top`},{default:y(()=>[e(`button`,{type:`button`,class:`icon-button icon icon-extend`,"aria-label":t.$t(`suno.button.extend`),title:t.$t(`suno.button.extend`),onClick:n(e=>t.onExtend(e,l),[`stop`])},[s(ne,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,xs)]),_:2},1032,[`content`])):c(``,!0),s(ae,null,{dropdown:y(()=>[s(ie,null,{default:y(()=>[s(z,{disabled:t.isFetchingVideoUrl,onClick:e=>t.handleVideoDownload(l)},{default:y(()=>[e(`div`,Cs,[t.isFetchingVideoUrl?(S(),_(P,{key:0,class:`is-loading mr-2`},{default:y(()=>[s(R,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})):c(``,!0),e(`span`,null,a(t.$t(`suno.button.download_video`)),1)])]),_:1},8,[`disabled`,`onClick`]),l?.audio_url?(S(),_(z,{key:0,onClick:n(e=>t.onDownload(e,l?.audio_url),[`stop`])},{default:y(()=>[i(a(t.$t(`suno.button.download_audio`)),1)]),_:1},8,[`onClick`])):c(``,!0),s(z,{disabled:t.isFetchingWav,onClick:e=>t.handleWavDownload(l)},{default:y(()=>[e(`div`,ws,[t.isFetchingWav?(S(),_(P,{key:0,class:`is-loading mr-2`},{default:y(()=>[s(R,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})):c(``,!0),e(`span`,null,a(t.$t(`suno.button.download_wav`)),1)])]),_:1},8,[`disabled`,`onClick`]),s(z,{disabled:t.isFetchingMidi,onClick:e=>t.handleMidiDownload(l)},{default:y(()=>[e(`div`,Ts,[t.isFetchingMidi?(S(),_(P,{key:0,class:`is-loading mr-2`},{default:y(()=>[s(R,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})):c(``,!0),e(`span`,null,a(t.$t(`suno.button.download_midi`)),1)])]),_:1},8,[`disabled`,`onClick`])]),_:2},1024)]),default:y(()=>[e(`span`,Ss,[s(O,{effect:`dark`,content:t.$t(`common.button.download`),placement:`top`},{default:y(()=>[l?.audio_url||l?.video_url?(S(),_(re,{key:0,class:`icon icon-download`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):c(``,!0)]),_:2},1032,[`content`])])]),_:2},1024),s(ae,null,{dropdown:y(()=>[s(ie,{class:`suno-action-menu`},{default:y(()=>[l?.audio_url?(S(),_(z,{key:0,onClick:n(e=>t.onExtend(e,l),[`stop`])},{default:y(()=>[s(ne,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.extend`)),1)]),_:1},8,[`onClick`])):c(``,!0),s(z,{onClick:n(e=>t.onCover(l),[`stop`])},{default:y(()=>[s(C,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.cover_music`)),1)]),_:1},8,[`onClick`]),l?.id?(S(),_(z,{key:1,onClick:n(e=>t.onMashup(l),[`stop`])},{default:y(()=>[s(se,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.mashup`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id&&l?.action===`extend`?(S(),_(z,{key:2,onClick:n(e=>t.onConcatMusic(l?.id),[`stop`])},{default:y(()=>[s(ce,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.concat_music`)),1)]),_:1},8,[`onClick`])):c(``,!0),o[10]||=e(`div`,{class:`menu-divider`},null,-1),l?.id?(S(),_(z,{key:3,onClick:n(e=>t.onReplaceSection(l),[`stop`])},{default:y(()=>[s(le,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.replace_section`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:4,onClick:n(e=>t.onOverpainting(l),[`stop`])},{default:y(()=>[s(ue,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.overpainting`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:5,onClick:n(e=>t.onUnderpainting(l),[`stop`])},{default:y(()=>[s(B,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.underpainting`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:6,onClick:n(e=>t.onSamples(l),[`stop`])},{default:y(()=>[s(de,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.samples`)),1)]),_:1},8,[`onClick`])):c(``,!0),o[11]||=e(`div`,{class:`menu-divider`},null,-1),l.id?(S(),_(z,{key:7,onClick:n(e=>t.onGetStems(l.id),[`stop`])},{default:y(()=>[s(fe,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.get_stems`)),1)]),_:1},8,[`onClick`])):c(``,!0),l.id?(S(),_(z,{key:8,onClick:n(e=>t.onGetAllStems(l.id),[`stop`])},{default:y(()=>[s(pe,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.all_stems`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:9,onClick:n(e=>t.onRemaster(l),[`stop`])},{default:y(()=>[s(me,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.remaster`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:10,onClick:n(e=>t.onExtractVocals(l),[`stop`])},{default:y(()=>[s(he,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.extract_vocals`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:11,onClick:n(e=>t.onArtistConsistency(l),[`stop`])},{default:y(()=>[s(ge,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.artist_consistency`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:12,onClick:n(e=>t.onArtistConsistencyVox(l),[`stop`])},{default:y(()=>[s(ue,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.artist_consistency_vox`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:13,onClick:n(e=>t.onCreatePersona(l),[`stop`])},{default:y(()=>[s(ue,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.create_persona`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.audio_url?(S(),_(z,{key:14,onClick:n(e=>t.onInspire(l),[`stop`])},{default:y(()=>[s(me,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.inspo`)),1)]),_:1},8,[`onClick`])):c(``,!0),o[12]||=e(`div`,{class:`menu-divider`},null,-1),s(z,{onClick:n(e=>t.onReusePrompt(l),[`stop`])},{default:y(()=>[s(D,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.reuse_prompt`)),1)]),_:1},8,[`onClick`]),l?.id?(S(),_(z,{key:15,disabled:t.isFetchingTiming,onClick:n(e=>t.onGetTiming(l),[`stop`])},{default:y(()=>[s(_e,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`suno.button.get_timing`)),1)]),_:1},8,[`disabled`,`onClick`])):c(``,!0),t.showViewCode?(S(),_(z,{key:16,onClick:n(t.onViewCode,[`stop`])},{default:y(()=>[s(ve,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`common.button.viewCode`)),1)]),_:1},8,[`onClick`])):c(``,!0),l?.id?(S(),_(z,{key:17,onClick:n(e=>t.onReport(l),[`stop`])},{default:y(()=>[s(w,{class:`menu-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`common.button.report`)),1)]),_:1},8,[`onClick`])):c(``,!0),o[13]||=e(`div`,{class:`menu-divider`},null,-1),l?.id?(S(),_(z,{key:18,class:`delete-item`,onClick:n(e=>t.onDelete(l),[`stop`])},{default:y(()=>[s(ye,{class:`menu-icon delete-icon`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),i(` `+a(t.$t(`common.button.delete`)),1)]),_:1},8,[`onClick`])):c(``,!0)]),_:2},1024)]),default:y(()=>[e(`span`,Es,[s(O,{effect:`dark`,content:t.$t(`suno.button.more`),placement:`top`},{default:y(()=>[l?.audio_url||l?.video_url?(S(),_(oe,{key:0,class:`icon icon-ellipsis`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):c(``,!0)]),_:2},1032,[`content`])])]),_:2},1024)])],10,os))),128)),s(V,{modelValue:t.timingVisible,"onUpdate:modelValue":o[4]||=e=>t.timingVisible=e,audio:t.timingAudio,data:t.timingData},null,8,[`modelValue`,`audio`,`data`]),s(be,{modelValue:t.vocalVisible,"onUpdate:modelValue":o[5]||=e=>t.vocalVisible=e,audio:t.sourceAudio},null,8,[`modelValue`,`audio`]),s(xe,{modelValue:t.voiceVisible,"onUpdate:modelValue":o[6]||=e=>t.voiceVisible=e,"source-audio":t.sourceAudio,onCreated:o[7]||=e=>t.$store.dispatch(`suno/getPersonas`)},null,8,[`modelValue`,`source-audio`]),s(Se,{visible:t.apiCodeVisible,"onUpdate:visible":o[8]||=e=>t.apiCodeVisible=e,method:`POST`,path:t.apiCodePath,body:t.apiCodeBody,token:t.$store.state.suno?.credential?.token||``},null,8,[`visible`,`path`,`body`,`token`]),s(Ce,{visible:t.reportVisible,"onUpdate:visible":o[9]||=e=>t.reportVisible=e,service:`suno`,"target-id":t.reportTargetId,snapshot:t.reportSnapshot},null,8,[`visible`,`target-id`,`snapshot`])])}var Os=T({name:`RecentPanel`,components:{ElSkeletonItem:pe,ElSkeleton:me,ElIcon:E,Loading:Ae,TaskPreview:U(qo,[[`render`,Ds],[`__scopeId`,`data-v-6682eef0`]]),Player:be,NoTasks:Pe,ScrollList:Me},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`load-all`,`wallet-task`],computed:{tasks(){return{...this.$store.state.suno?.tasks,items:this.$store.state.suno?.tasks?.items?.slice()}},orderedTasks(){return this.tasks?.items||[]},visibleTracks(){let e=[];for(let t of this.orderedTasks)for(let n of Array.isArray(t?.response?.data)?t.response.data:[])n?.audio_url&&e.push(n);return e}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ks={key:0,class:`tasks`},As={class:`left w-[70px] p-[10px] flex items-center`},js={class:`main w-[calc(100%-70px)] flex-1 p-[10px]`},Ms={key:1,class:`w-full flex-1 flex items-center justify-center`},Ns={key:2,class:`w-full flex-1 flex items-center justify-center`},Ps={class:`h-20`};function Fs(t,n,r,i,a,o){let l=p(`el-skeleton-item`),d=p(`el-skeleton`),m=p(`task-preview`),g=p(`scroll-list`),v=p(`loading`),b=p(`el-icon`),C=p(`no-tasks`),T=p(`player`);return S(),u(f,null,[t.tasks?.items===void 0?(S(),u(`div`,ks,[(S(),u(f,null,x(3,t=>e(`div`,{key:t,class:`flex`},[e(`div`,As,[s(d,{animated:``},{template:y(()=>[s(l,{variant:`image`,class:`avatar w-[50px] h-[50px]`})]),_:1})]),e(`div`,js,[s(d,{animated:``},{template:y(()=>[s(l,{variant:`p`,class:`w-[200px] h-[15px] mb-[5px] mt-[10px]`}),s(l,{variant:`text`})]),_:1})])])),64))])):(S(),u(f,{key:1},[t.orderedTasks?.length>0?(S(),_(g,{key:0,ref:`scrollList`,class:`flex-1 w-full overflow-y-auto tasks p-2`,loading:t.loading,onReachTop:n[1]||=e=>t.$emit(`reach-top`)},{default:y(()=>[(S(!0),u(f,null,x(t.orderedTasks,e=>(S(),_(m,{key:e.id,"model-value":e,class:`preview`,onWalletTask:n[0]||=e=>t.$emit(`wallet-task`,e)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):t.loading?(S(),u(`div`,Ms,[s(b,{class:`is-loading text-xl text-gray-400`},{default:y(()=>[s(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})])):t.tasks?.items?.length===0?(S(),u(`div`,Ns,[s(C)])):c(``,!0)],64)),h(e(`div`,Ps,[s(T,{namespace:`suno`,tracks:t.visibleTracks},null,8,[`tracks`])],512),[[w,!!t.$store?.state?.suno?.audio?.object]])],64)}var Is=U(Os,[[`render`,Fs]]),Ls=T({name:`TaskPreview`,components:{IconPicture:De,Headset:Ee,ElImage:W,ElAvatar:te,ElIcon:E},computed:{audio(){return this.$store.state.suno?.audio}}}),Rs={key:0,class:`size-full overflow-y-auto`},zs={class:`relative h-[300px]`},Bs={class:`flex items-center justify-center size-full bg-[var(--el-bg-color)]`},Vs={class:`absolute bottom-0 left-0 right-0 m-0 p-4 text-white z-10 bg-gradient-to-t from-black/70 to-transparent`},Hs={class:`p-4`},Us={class:`flex items-center font-bold mb-2`},Ws={class:`text-[var(--el-text-color-regular)] mb-2`},Gs={class:`text-xs text-[var(--el-text-color-regular)]`},Ks={class:`mt-4 text-sm leading-[25px] whitespace-pre-wrap`},qs={key:1,class:`flex flex-col items-center justify-center w-full h-full text-[var(--el-text-color-placeholder)]`};function Js(t,n,r,i,o,c){let l=p(`icon-picture`),d=p(`el-icon`),f=p(`el-image`),m=p(`el-avatar`),h=p(`headset`);return t.audio?.object?(S(),u(`div`,Rs,[e(`div`,zs,[s(f,{src:t.audio.image_url,fit:`cover`,class:`size-full`},{error:y(()=>[e(`div`,Bs,[s(d,{class:`text-3xl`},{default:y(()=>[s(l,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})])]),_:1},8,[`src`]),e(`h2`,Vs,a(t.audio?.title),1)]),e(`div`,Hs,[e(`div`,Us,[s(m,{size:30,src:t.audio?.image_url,class:`mr-2`},null,8,[`src`]),e(`span`,null,a(t.audio?.title),1)]),e(`p`,Ws,a(t.audio?.style),1),e(`p`,Gs,a(t.$dayjs.format(t.audio?.created_at)),1),e(`div`,Ks,[e(`p`,null,a(t.audio?.lyric),1)])])])):(S(),u(`div`,qs,[s(d,{class:`text-5xl opacity-40`},{default:y(()=>[s(h,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1})]))}var Ys=T({name:`SunoIndex`,components:{Layout:Ht,ConfigPanel:Oo,RecentPanel:Is,ShowcaseResultTabs:Et,PreviewPanel:U(Ls,[[`render`,Js]])},mixins:[pt,Dt(`suno`),Tt(`suno`)],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,loadingAll:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.suno?.status?.getApplications===I.Request},tasksLoading(){return this.$store.state.suno?.status?.getTasks===I.Request||this.fetchingTasks},service(){return this.$store.state.suno.service},credential(){return this.$store.state.suno.credential},config(){return this.$store.state.suno.config},initializing(){return this.$store.state.suno.status.getApplications===I.Request},needApply(){return this.$store.state.suno.status.getApplications===I.Success&&!this.application},application(){return this.$store.state.suno.application},tasks(){return this.$store.state.suno.tasks},applications(){return this.$store.state.suno.applications},walletMode(){return it()&&ot(`suno`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`suno/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onPollTasks,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},deep:!0},initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job||=window.setInterval(this.onPollTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Fe({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 onLoadAll(){if(!(this.walletMode&&!this.credential?.token)&&!this.loadingAll){this.loadingAll=!0;try{for(let e=0;e<100;e++){for(let e=0;(this.fetchingTasks||this.applicationsLoading)&&e<50;e++)await new Promise(e=>setTimeout(e,100));let e=this.tasks?.items??[],t=this.tasks?.total;if(t!==void 0&&e.length>=t)break;let n=e[0];if(!n?.created_at)break;let r=e.length;if(await this.onGetTasks({createdAtMax:n.created_at}),(this.tasks?.items?.length??0)<=r)break}}finally{this.loadingAll=!1}}},async onGetService(){await this.$store.dispatch(`suno/getService`)},async onGetApplication(){await this.$store.dispatch(`suno/getApplications`),await this.onGetTasks()},onApply(){ct.create({application:this.application}).then(({data:e})=>{this.application=e,L.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&L.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`suno/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerateAudio(){if(!lt(this.uploadTracker,e=>this.$t(e),e=>L.warning(e)))return;let e=ht(this.config);if(e.action===`inspo`&&(!e.audio_urls?.length||e.audio_urls.length>4||e.audio_urls.some(e=>!/^https?:\/\/\S+$/i.test(e)))){L.error(this.$t(`suno.message.inspoReferencesRequired`));return}if(e.action===`mashup`&&(e.mashup_audio_ids?.length!==2||new Set(e.mashup_audio_ids).size!==2)){L.error(this.$t(`suno.message.mashupReferencesRequired`));return}if(!this.hasSunoInput(e)){L.error(this.$t(`suno.message.promptRequired`));return}this.hasText(e.prompt)&&(e.prompt=e.prompt.trim());let t=this.config?.custom_model_id,n=this.config?.custom&&t&&(!this.config?.action||this.config.action===`generate`)?this.createCustomModelOperation(t,e):this.createPaymentOperation(t=>Y.audio(e,t));if(n){L.info(this.$t(`suno.message.startingTask`));try{let e=await ft(`suno`,n);this.onWalletTask(e?.data?.task_id),L.success(this.$t(`suno.message.startTaskSuccess`))}catch(e){if(e instanceof X)return;this.walletMode?L.error(this.$t(`common.x402Scenario.paymentFailed`)):L.error(e?.response?.data?.error?.message||this.$t(`suno.message.startTaskFailed`))}finally{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)}}},createCustomModelOperation(e,t){if(this.walletMode){L.error(this.$t(`suno.customModel.creditsOnly`));return}if(!mt())return;let n=this.credential?.token;if(n)return Y.generateWithCustomModel({action:`generate`,id:e,lyric:t.lyric,lyric_prompt:t.lyric_prompt,style:t.style,negative_tags:t.negative_tags,title:t.title,instrumental:t.instrumental,vocal_gender:t.vocal_gender,weirdness:t.weirdness,style_influence:t.style_influence,duration:t.duration,async:!0},{token:n})},createPaymentOperation(e){if(!this.walletMode){if(!mt())return;let t=this.credential?.token;return t?e({token:t}):void 0}let t=this.getWalletContext();if(!t){L.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}return e({mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})},onWalletTask(e){this.walletMode&&!this.credential?.token&&e&&!this.walletTaskIds.includes(e)&&this.walletTaskIds.unshift(e)},getWalletContext(){return ut(this.$wallet)},async confirmWalletPayment(e){return Z.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?.()},hasText(e){return typeof e==`string`&&e.trim().length>0},hasSunoInput(e){return[e.prompt,e.lyric,e.lyric_prompt,e.style,e.title].some(e=>this.hasText(e))||this.hasText(e.audio_id)||Array.isArray(e.mashup_audio_ids)&&e.mashup_audio_ids.length>0||Array.isArray(e.audio_urls)&&e.audio_urls.length>0}}});function Xs(e,t,n,r,i,a){let o=p(`config-panel`),c=p(`recent-panel`),l=p(`showcase-result-tabs`),u=p(`preview-panel`),d=p(`layout`);return S(),_(d,null,{config:y(()=>[s(o,{onGenerate:e.onGenerateAudio},null,8,[`onGenerate`])]),result:y(()=>[s(l,{service:`suno`},{tasks:y(()=>[s(c,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore||e.loadingAll,onReachTop:e.onReachTop,onLoadAll:e.onLoadAll,onWalletTask:e.onWalletTask},null,8,[`loading`,`onReachTop`,`onLoadAll`,`onWalletTask`])]),_:1})]),preview:y(()=>[s(u)]),_:1})}var Zs=U(Ys,[[`render`,Xs],[`__scopeId`,`data-v-da39973f`]]);export{Zs as default};

package/dist/assets/{Index-INQMtJno.js → Index-Dq9TZSG6.js}

@@ -1 +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,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import"./constants-CtnklZiH.js";import{t as v}from"./upload-DLWfBIaW.js";import{t as y}from"./tooltip-BguAk2Sc.js";import{t as b}from"./alert-U2MaPlJ9.js";import{h as x,v as S}from"./models-GnX-yPYT.js";import{t as C}from"./drawer-sdYHY1zp.js";import{t as w}from"./switch-Ci7ELfju.js";import{t as T}from"./clock-XA93ZULg.js";import{t as E}from"./hash-Bn1uvpHk.js";import{t as D}from"./info-caEaZVGr.js";import{a as O,i as k,n as A,r as j,t as ee}from"./pagination-B9jQ50ES.js";import{t as te}from"./trash-2-DWBPW1yS.js";import{t as M}from"./triangle-alert-Bb8xoxEs.js";import{t as N}from"./upload-CuYJXxkL.js";import{t as P}from"./wand-sparkles-lgMM7K5x.js";import{Ba as F,D as I,Gr as L,Ka as R,Kr as z,T as B,Vi as V,at as ne,ca as re,ct as H,ea as ie,io as U,lt as W,ot as G,pi as K,st as q,tt as J,ui as Y,wn as ae,zi as X}from"./index-CfzJ_Jkq.js";import{t as oe}from"./CopyToClipboard-CgPeryyz.js";import{t as se}from"./ReportButton-BLxE3uj7.js";import{t as ce}from"./FilePreview-BJxz40ro.js";import{t as Z}from"./ImagePreview-CHtT7AjC.js";import{n as le}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ue}from"./ServicePricingSummary-BD3Ban3F.js";import{t as Q}from"./VideoPlayer-2KVCaTz-.js";import{t as de}from"./ScenarioPaymentMode-A4snmp1R.js";import{t as fe}from"./ApiCodeButton-9MmMX2Rz.js";import{t as pe}from"./BotPlaceholder-DbLUWxuQ.js";import{t as me}from"./taskPollingMixin-CcLxtz8z.js";var he=_({name:`LayoutLuma`,components:{MagicIcon:P,ElDrawer:C,ElButton:U},mixins:[le]}),ge={class:`main flex flex-row flex-1`},_e={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-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ye(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,ge,[e(`div`,_e,[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`]),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var be=I(he,[[`render`,ye],[`__scopeId`,`data-v-4ab11479`]]),xe=_({name:`EnhancementSelector`,components:{ElSwitch:w,InfoIcon:O},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),Se={class:`relative`},Ce={class:`flex justify-between`},we={class:`flex justify-start items-center`},Te={class:`text-sm font-bold`},Ee={class:`flex justify-end items-center`};function De(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Se,[e(`div`,Ce,[e(`div`,we,[e(`span`,Te,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,Ee,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Oe=I(xe,[[`render`,De]]),ke=_({name:`CustomSelector`,components:{ElSwitch:w,InfoIcon:O},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ae={class:`relative`},je={class:`flex justify-between`},Me={class:`flex justify-start items-center`},Ne={class:`text-sm font-bold`},Pe={class:`flex justify-end items-center`};function Fe(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Ae,[e(`div`,je,[e(`div`,Me,[e(`span`,Ne,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,Pe,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Ie=I(ke,[[`render`,Fe]]),Le=_({name:`LoopSelector`,components:{ElSwitch:w,InfoIcon:O},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Re={class:`relative`},ze={class:`flex justify-between`},Be={class:`flex justify-start items-center`},Ve={class:`text-sm font-bold`},He={class:`flex justify-end items-center`};function Ue(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Re,[e(`div`,ze,[e(`div`,Be,[e(`span`,Ve,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,He,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var We=I(Le,[[`render`,Ue]]),Ge=_({name:`EndImage`,components:{UploadIcon:N,ElUpload:v,ElButton:U,ImagePreview:Z,InfoIcon:O},mixins:[W,H,G,J],data(){return{fileList:[],uploadUrl:F()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Ke={class:`relative`},qe={class:`flex justify-between`},Je={class:`flex justify-start items-center`},Ye={class:`text-sm font-bold`};function Xe(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ke,[e(`div`,qe,[e(`div`,Je,[e(`span`,Ye,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},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:5,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?(h(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},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(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ze=I(Ge,[[`render`,Xe],[`__scopeId`,`data-v-04c461bb`]]),Qe=_({name:`StartImage`,components:{UploadIcon:N,ElUpload:v,ElButton:U,ImagePreview:Z,InfoIcon:O},mixins:[W,H,G,J],data(){return{fileList:[],uploadUrl:F()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),$e={class:`relative`},et={class:`flex justify-between`},tt={class:`flex justify-start items-center`},nt={class:`text-sm font-bold`};function rt(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,$e,[e(`div`,et,[e(`div`,tt,[e(`span`,nt,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},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:5,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.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},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(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var it=I(Qe,[[`render`,rt],[`__scopeId`,`data-v-31c07a19`]]),at=_({name:`UploadVideo`,components:{UploadIcon:N,ElUpload:v,ElButton:U,InfoIcon:O,FilePreview:ce},mixins:[H,G],data(){return{fileList:[],uploadUrl:F()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){S.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(S.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(S.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),ot={class:`relative`},st={class:`flex justify-between`},ct={class:`flex justify-start items-center`},lt={class:`text-sm font-bold`};function ut(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,ot,[e(`div`,st,[e(`div`,ct,[e(`span`,lt,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4`,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==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},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(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var dt=I(at,[[`render`,ut],[`__scopeId`,`data-v-2189fc52`]]),ft=_({name:`PromptInput`,components:{PromptTextarea:k},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function pt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var mt=I(ft,[[`render`,pt]]),ht=_({name:`ExtendFromInput`,components:{VideoPlayer:Q},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),gt={class:`relative`},_t={class:`flex mb-2`},vt={class:`text-sm font-bold`};function yt(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,gt,[e(`div`,_t,[e(`span`,vt,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var bt=_({name:`ConfigPanel`,components:{MagicIcon:P,LoopSelector:We,StartImageInput:it,EndImageInput:Ze,EnhancementSelector:Oe,ElButton:U,PromptInput:mt,ExtendFromInput:I(ht,[[`render`,yt]]),CustomSelector:Ie,UploadVideo:dt,ServicePricingSummary:ue,ScenarioPaymentMode:de},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.luma?.config},consumption(){return ae(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service},walletMode(){return X()&&V(`luma`).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=V(`luma`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await z.quote(L(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`)}}}),xt={class:`flex flex-col h-full`},St={class:`flex-1 overflow-y-auto p-5`},Ct={class:`flex flex-col items-center justify-center px-5 pb-5`};function wt(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`scenario-payment-mode`),T=l(`service-pricing-summary`),E=l(`magic-icon`),D=l(`el-button`);return h(),s(`div`,xt,[e(`div`,St,[t.config?.video_id||t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id||t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,Ct,[a(w,{scenario:`luma`}),t.walletMode?o(``,!0):(h(),f(T,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),t.config?.video_url!==void 0||t.config?.custom?(h(),f(D,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(D,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var Tt=I(bt,[[`render`,wt]]),Et=_({name:`TaskPreview`,components:{DeleteIcon:te,ChannelIcon:E,InfoIcon:D,MagicIcon:P,TimeIcon:T,WarningIcon:M,CopyToClipboard:oe,ElAlert:b,VideoPlayer:Q,ElTooltip:y,ElButton:U,ApiCodeButton:fe,ReportButton:se},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await R.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(`luma/deleteTask`,{id:e}),S.success(this.$t(`common.message.deleteTaskSuccess`))}catch{S.error(this.$t(`common.message.deleteTaskFailed`))}}},onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),Dt={class:`preview`},Ot={class:`left`},kt={class:`main`},At={class:`bot`},jt={class:`datetime`},Mt=[`aria-label`],Nt={class:`info`},Pt={key:0,class:`prompt mt-2`},Ft={key:0},It={key:1},Lt={key:0,class:n({content:!0,failed:!0})},Rt={key:0,class:`mb-4`},zt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},Bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Vt={key:1,class:n({content:!0})},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Kt={key:2,class:n({content:!0})},qt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Jt(n,c,u,d,f,m){let g=l(`capability-presentation`),_=l(`delete-icon`),v=l(`el-tooltip`),y=l(`video-player`),b=l(`el-button`),x=l(`api-code-button`),S=l(`report-button`),C=l(`magic-icon`),w=l(`copy-to-clipboard`),T=l(`time-icon`),E=l(`el-alert`),D=l(`warning-icon`),O=l(`info-icon`),k=l(`channel-icon`);return h(),s(`div`,Dt,[e(`div`,Ot,[a(g,{capability:`luma`,part:`avatar`,class:`avatar`})]),e(`div`,kt,[e(`div`,At,[a(g,{capability:`luma`,part:`name`}),e(`span`,jt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(v,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(h(),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(_,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Mt)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Nt,[n.modelValue?.request?.prompt?(h(),s(`p`,Pt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,Ft,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`span`,It,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,Lt,[n.modelValue.response.video_url?(h(),s(`div`,Rt,[a(y,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,zt,[a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[2]||=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(x,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`]),a(S,{service:`luma`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(E,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Bt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,$,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`||n.modelValue?.response?.success===!1?(h(),s(`div`,Vt,[a(E,{closable:!1,class:`failure`},{template:p(()=>[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,Ht,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Ut,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(w,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Wt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Gt,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(w,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response||n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`div`,Kt,[a(E,{closable:!1,class:`info`},{template:p(()=>[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`luma.status.processing`:`luma.status.pending`)),1)]),default:p(()=>[e(`p`,qt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Yt=_({name:`RecentPanel`,components:{BotPlaceholder:pe,TaskPreview:I(Et,[[`render`,Jt],[`__scopeId`,`data-v-46a32bda`]]),NoTasks:j,ScrollList:A},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Xt={key:0},Zt={key:2,class:`w-full h-full flex items-center justify-center`};function Qt(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,Xt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Zt,[a(v)])):o(``,!0)],64)}var $t=_({name:`LumaIndex`,components:{ConfigPanel:Tt,Layout:be,RecentPanel:I(Yt,[[`render`,Qt]])},mixins:[q,me(`luma`)],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===x.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===x.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks},walletMode(){return X()&&V(`luma`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`luma/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onPollTasks,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.onPollTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ee({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ne(this.uploadTracker,e=>this.$t(e),e=>S.warning(e)))return;let e=L(this.config);if(!this.hasText(e.prompt)){S.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t;if(this.walletMode){let n=this.getWalletContext();if(!n){S.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=z.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!re())return;let n=this.credential?.token;if(!n)return;t=z.generate(e,{token:n})}S.info(this.$t(`luma.message.startingTask`)),ie(`luma`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),S.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{e instanceof Y||B(e,`luma`)||(this.walletMode?S.error(this.$t(`common.x402Scenario.paymentFailed`)):S.error(this.$t(`luma.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return K(this.$wallet)},async confirmWalletPayment(e){return R.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?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function en(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var tn=I($t,[[`render`,en]]);export{tn as default};
+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,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{t as v}from"./upload-BHQ8IZ4_.js";import{t as y}from"./tooltip-th739z_F.js";import{t as b}from"./alert-BprQRUmf.js";import{h as x,v as S}from"./models-CCu2QuuH.js";import{t as C}from"./drawer-DamI5uaf.js";import{t as w}from"./switch-ow_qyizo.js";import{t as T}from"./clock-RIcgmtyy.js";import{t as E}from"./hash-Diu_HqIl.js";import{t as D}from"./info-BUW8TMM-.js";import{a as O,i as k,n as A,r as j,t as ee}from"./pagination-XDC_l2z2.js";import{t as te}from"./trash-2-B7gaXM-v.js";import{t as ne}from"./triangle-alert-DwX9xyA4.js";import{t as M}from"./upload-B3KR4brI.js";import{t as N}from"./wand-sparkles-DhtJfk2J.js";import"./constants-_IZvla_Y.js";import{D as P,Mi as F,Na as I,Pi as L,Rr as R,T as re,Za as z,at as ie,ct as B,lt as V,oi as ae,ot as H,qi as U,ri as W,st as G,ta as K,tt as q,wn as J,za as Y,zr as X}from"./index-8jAipDuW.js";import{t as oe}from"./CopyToClipboard-OOLvOJao.js";import{t as se}from"./ReportButton-D8C8AdnZ.js";import{t as ce}from"./FilePreview-8gEj6A92.js";import{t as Z}from"./ImagePreview-BxZfDCVX.js";import{n as le}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ue}from"./ServicePricingSummary-DScjReci.js";import{t as Q}from"./VideoPlayer-BcGlUuhp.js";import{t as de}from"./ScenarioPaymentMode-BcNzNOmt.js";import{t as fe}from"./ApiCodeButton-DPrhCmGA.js";import{t as pe}from"./BotPlaceholder-CRexoh1F.js";import{t as me}from"./taskPollingMixin-CcLxtz8z.js";var he=_({name:`LayoutLuma`,components:{MagicIcon:N,ElDrawer:C,ElButton:z},mixins:[le]}),ge={class:`main flex flex-row flex-1`},_e={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-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ye(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,ge,[e(`div`,_e,[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`]),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var be=P(he,[[`render`,ye],[`__scopeId`,`data-v-4ab11479`]]),xe=_({name:`EnhancementSelector`,components:{ElSwitch:w,InfoIcon:O},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),Se={class:`relative`},Ce={class:`flex justify-between`},we={class:`flex justify-start items-center`},Te={class:`text-sm font-bold`},Ee={class:`flex justify-end items-center`};function De(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Se,[e(`div`,Ce,[e(`div`,we,[e(`span`,Te,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,Ee,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Oe=P(xe,[[`render`,De]]),ke=_({name:`CustomSelector`,components:{ElSwitch:w,InfoIcon:O},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ae={class:`relative`},je={class:`flex justify-between`},Me={class:`flex justify-start items-center`},Ne={class:`text-sm font-bold`},Pe={class:`flex justify-end items-center`};function Fe(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Ae,[e(`div`,je,[e(`div`,Me,[e(`span`,Ne,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,Pe,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Ie=P(ke,[[`render`,Fe]]),Le=_({name:`LoopSelector`,components:{ElSwitch:w,InfoIcon:O},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Re={class:`relative`},ze={class:`flex justify-between`},Be={class:`flex justify-start items-center`},Ve={class:`text-sm font-bold`},He={class:`flex justify-end items-center`};function Ue(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Re,[e(`div`,ze,[e(`div`,Be,[e(`span`,Ve,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,He,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var We=P(Le,[[`render`,Ue]]),Ge=_({name:`EndImage`,components:{UploadIcon:M,ElUpload:v,ElButton:z,ImagePreview:Z,InfoIcon:O},mixins:[V,B,H,q],data(){return{fileList:[],uploadUrl:I()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Ke={class:`relative`},qe={class:`flex justify-between`},Je={class:`flex justify-start items-center`},Ye={class:`text-sm font-bold`};function Xe(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ke,[e(`div`,qe,[e(`div`,Je,[e(`span`,Ye,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},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:5,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?(h(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},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(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ze=P(Ge,[[`render`,Xe],[`__scopeId`,`data-v-04c461bb`]]),Qe=_({name:`StartImage`,components:{UploadIcon:M,ElUpload:v,ElButton:z,ImagePreview:Z,InfoIcon:O},mixins:[V,B,H,q],data(){return{fileList:[],uploadUrl:I()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),$e={class:`relative`},et={class:`flex justify-between`},tt={class:`flex justify-start items-center`},nt={class:`text-sm font-bold`};function rt(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,$e,[e(`div`,et,[e(`div`,tt,[e(`span`,nt,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},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:5,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.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},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(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var it=P(Qe,[[`render`,rt],[`__scopeId`,`data-v-31c07a19`]]),at=_({name:`UploadVideo`,components:{UploadIcon:M,ElUpload:v,ElButton:z,InfoIcon:O,FilePreview:ce},mixins:[B,H],data(){return{fileList:[],uploadUrl:I()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){S.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(S.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(S.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),ot={class:`relative`},st={class:`flex justify-between`},ct={class:`flex justify-start items-center`},lt={class:`text-sm font-bold`};function ut(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,ot,[e(`div`,st,[e(`div`,ct,[e(`span`,lt,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4`,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==null?o(``,!0):(h(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},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(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var dt=P(at,[[`render`,ut],[`__scopeId`,`data-v-2189fc52`]]),ft=_({name:`PromptInput`,components:{PromptTextarea:k},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function pt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var mt=P(ft,[[`render`,pt]]),ht=_({name:`ExtendFromInput`,components:{VideoPlayer:Q},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),gt={class:`relative`},_t={class:`flex mb-2`},vt={class:`text-sm font-bold`};function yt(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,gt,[e(`div`,_t,[e(`span`,vt,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var bt=_({name:`ConfigPanel`,components:{MagicIcon:N,LoopSelector:We,StartImageInput:it,EndImageInput:Ze,EnhancementSelector:Oe,ElButton:z,PromptInput:mt,ExtendFromInput:P(ht,[[`render`,yt]]),CustomSelector:Ie,UploadVideo:dt,ServicePricingSummary:ue,ScenarioPaymentMode:de},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.luma?.config},consumption(){return J(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service},walletMode(){return F()&&L(`luma`).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=L(`luma`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await X.quote(R(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`)}}}),xt={class:`flex flex-col h-full`},St={class:`flex-1 overflow-y-auto p-5`},Ct={class:`flex flex-col items-center justify-center px-5 pb-5`};function wt(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`scenario-payment-mode`),T=l(`service-pricing-summary`),E=l(`magic-icon`),D=l(`el-button`);return h(),s(`div`,xt,[e(`div`,St,[t.config?.video_id||t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id||t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,Ct,[a(w,{scenario:`luma`}),t.walletMode?o(``,!0):(h(),f(T,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),t.config?.video_url!==void 0||t.config?.custom?(h(),f(D,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(D,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var Tt=P(bt,[[`render`,wt]]),Et=_({name:`TaskPreview`,components:{DeleteIcon:te,ChannelIcon:E,InfoIcon:D,MagicIcon:N,TimeIcon:T,WarningIcon:ne,CopyToClipboard:oe,ElAlert:b,VideoPlayer:Q,ElTooltip:y,ElButton:z,ApiCodeButton:fe,ReportButton:se},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await Y.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(`luma/deleteTask`,{id:e}),S.success(this.$t(`common.message.deleteTaskSuccess`))}catch{S.error(this.$t(`common.message.deleteTaskFailed`))}}},onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),Dt={class:`preview`},Ot={class:`left`},kt={class:`main`},At={class:`bot`},jt={class:`datetime`},Mt=[`aria-label`],Nt={class:`info`},Pt={key:0,class:`prompt mt-2`},Ft={key:0},It={key:1},Lt={key:0,class:n({content:!0,failed:!0})},Rt={key:0,class:`mb-4`},zt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},Bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Vt={key:1,class:n({content:!0})},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Kt={key:2,class:n({content:!0})},qt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Jt(n,c,u,d,f,m){let g=l(`capability-presentation`),_=l(`delete-icon`),v=l(`el-tooltip`),y=l(`video-player`),b=l(`el-button`),x=l(`api-code-button`),S=l(`report-button`),C=l(`magic-icon`),w=l(`copy-to-clipboard`),T=l(`time-icon`),E=l(`el-alert`),D=l(`warning-icon`),O=l(`info-icon`),k=l(`channel-icon`);return h(),s(`div`,Dt,[e(`div`,Ot,[a(g,{capability:`luma`,part:`avatar`,class:`avatar`})]),e(`div`,kt,[e(`div`,At,[a(g,{capability:`luma`,part:`name`}),e(`span`,jt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(v,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(h(),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(_,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Mt)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Nt,[n.modelValue?.request?.prompt?(h(),s(`p`,Pt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,Ft,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`span`,It,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,Lt,[n.modelValue.response.video_url?(h(),s(`div`,Rt,[a(y,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,zt,[a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[2]||=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(x,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`]),a(S,{service:`luma`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(E,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Bt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,$,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`||n.modelValue?.response?.success===!1?(h(),s(`div`,Vt,[a(E,{closable:!1,class:`failure`},{template:p(()=>[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,Ht,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Ut,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(w,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Wt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Gt,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(w,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response||n.modelValue?.response?.state===`processing`||n.modelValue?.response?.state===`pending`?(h(),s(`div`,Kt,[a(E,{closable:!1,class:`info`},{template:p(()=>[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`luma.status.processing`:`luma.status.pending`)),1)]),default:p(()=>[e(`p`,qt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Yt=_({name:`RecentPanel`,components:{BotPlaceholder:pe,TaskPreview:P(Et,[[`render`,Jt],[`__scopeId`,`data-v-46a32bda`]]),NoTasks:j,ScrollList:A},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Xt={key:0},Zt={key:2,class:`w-full h-full flex items-center justify-center`};function Qt(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,Xt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Zt,[a(v)])):o(``,!0)],64)}var $t=_({name:`LumaIndex`,components:{ConfigPanel:Tt,Layout:be,RecentPanel:P(Yt,[[`render`,Qt]])},mixins:[G,me(`luma`)],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===x.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===x.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks},walletMode(){return F()&&L(`luma`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`luma/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onPollTasks,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.onPollTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ee({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ie(this.uploadTracker,e=>this.$t(e),e=>S.warning(e)))return;let e=R(this.config);if(!this.hasText(e.prompt)){S.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t;if(this.walletMode){let n=this.getWalletContext();if(!n){S.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=X.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!K())return;let n=this.credential?.token;if(!n)return;t=X.generate(e,{token:n})}S.info(this.$t(`luma.message.startingTask`)),U(`luma`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),S.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{e instanceof W||re(e,`luma`)||(this.walletMode?S.error(this.$t(`common.x402Scenario.paymentFailed`)):S.error(this.$t(`luma.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return ae(this.$wallet)},async confirmWalletPayment(e){return Y.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?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function en(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var tn=P($t,[[`render`,en]]);export{tn as default};

package/dist/assets/Index-I3Kb9vqq.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,R 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-BuOkom3f.js";import{t as x}from"./upload-BHQ8IZ4_.js";import{t as S}from"./tooltip-th739z_F.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-CCu2QuuH.js";import{n as E,r as D}from"./radio-BNhFzeBO.js";import{t as O}from"./drawer-DamI5uaf.js";import{t as k}from"./switch-ow_qyizo.js";import{t as A}from"./clock-RIcgmtyy.js";import{t as j}from"./hash-Diu_HqIl.js";import{t as M}from"./info-BUW8TMM-.js";import{a as N,i as ee,n as P,r as F,t as I}from"./pagination-XDC_l2z2.js";import{t as L}from"./trash-2-B7gaXM-v.js";import{t as R}from"./triangle-alert-DwX9xyA4.js";import{t as z}from"./upload-B3KR4brI.js";import{t as B}from"./wand-sparkles-DhtJfk2J.js";import{Pi as te}from"./constants-_IZvla_Y.js";import{t as ne}from"./preload-helper-zJ_50EbN.js";import{D as V,Ir as H,Lr as U,Mi as W,Na as G,Pi as K,T as q,Ui as J,Za as Y,at as X,ct as Z,lt as re,oi as ie,ot as ae,qi as oe,ri as se,st as ce,ta as le,tt as ue,wn as de,za as Q}from"./index-8jAipDuW.js";import{t as fe}from"./CopyToClipboard-OOLvOJao.js";import{t as pe}from"./ReportButton-D8C8AdnZ.js";import{t as me}from"./ImagePreview-BxZfDCVX.js";import{n as he}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ge}from"./ServicePricingSummary-DScjReci.js";/* empty css                 */import{t as _e}from"./ScenarioPaymentMode-BcNzNOmt.js";import{t as ve}from"./ApiCodeButton-DPrhCmGA.js";import{t as ye}from"./BotPlaceholder-CRexoh1F.js";import{t as be}from"./taskPollingMixin-CcLxtz8z.js";import{n as xe,t as Se}from"./generationInput-DCls0eJq.js";var Ce=v({name:`LayoutPika`,components:{MagicIcon:B,ElDrawer:O,ElButton:Y},mixins:[he]}),we={class:`main flex flex-row flex-1`},Te={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)]`},Ee={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function De(t,n,r,i,o,c){let l=u(`magic-icon`),p=u(`el-button`),h=u(`el-drawer`);return g(),s(`div`,we,[e(`div`,Te,[f(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ee,[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 Oe=V(Ce,[[`render`,De],[`__scopeId`,`data-v-85e060ce`]]),ke=v({name:`IngredientsSelector`,components:{ElSwitch:k,InfoIcon:N},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){if(!e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0});return}this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ae={class:`field`},je={class:`label`},Me={class:`title font-bold`};function Ne(t,n,r,o,c,l){let d=u(`info-icon`),f=u(`el-switch`);return g(),s(`div`,Ae,[e(`div`,je,[e(`h2`,Me,i(t.$t(`pika.name.ingredients`)),1),a(d,{content:t.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])]),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])}var Pe=V(ke,[[`render`,Ne],[`__scopeId`,`data-v-606e1d1a`]]),Fe=v({name:`EffectSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),Ie={class:`field`},Le={class:`title font-bold`},Re={class:`float-left`};function ze(t,n,r,o,c,d){let f=u(`el-option`),_=u(`el-select`);return g(),s(`div`,Ie,[e(`h2`,Le,i(t.$t(`pika.name.effect`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pika.placeholder.select`),clearable:``},{default:m(()=>[(g(!0),s(l,null,h(t.options,t=>(g(),p(f,{key:t.value,label:t.label,value:t.value},{default:m(()=>[e(`span`,Re,i(t.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Be=V(Fe,[[`render`,ze],[`__scopeId`,`data-v-d1c54475`]]),Ve=v({name:`IngredientsModelSelector`,components:{ElRadioButton:E,ElRadioGroup:D},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=te}}),He={class:`field`},Ue={class:`title font-bold`};function We(t,n,o,c,d,f){let _=u(`el-radio-button`),v=u(`el-radio-group`);return g(),s(`div`,He,[e(`h2`,Ue,i(t.$t(`pika.name.ingredientsModel`)),1),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`quality`},{default:m(()=>[(g(!0),s(l,null,h(t.options,e=>(g(),p(_,{key:e.value,label:e.value},{default:m(()=>[r(i(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var Ge=V(Ve,[[`render`,We],[`__scopeId`,`data-v-b72865fa`]]),Ke=v({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),qe={class:`field`},Je={class:`title font-bold`};function Ye(t,n,r,o,c,d){let f=u(`el-option`),_=u(`el-select`);return g(),s(`div`,qe,[e(`h2`,Je,i(t.$t(`pika.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pika.placeholder.select`)},{default:m(()=>[(g(!0),s(l,null,h(t.options,e=>(g(),p(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Xe=V(Ke,[[`render`,Ye],[`__scopeId`,`data-v-7b2e870a`]]),Ze=v({name:`ImageUrlInput`,components:{UploadIcon:z,ElUpload:x,ElButton:Y,InfoIcon:N,ImagePreview:me},mixins:[re,Z,ae,ue],data(){return{fileList:[],uploadUrl:G()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.pika?.config?.image_url}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;let t=this.fileList.filter(e=>!e.response?.file_url),n=(e||[]).map(e=>this.fileList.find(t=>t.response?.file_url===e||t.url===e)||{name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}});this.fileList=[...n,...t.filter(e=>!n.includes(e))]}}},methods:{onChange(e){!e.url&&e.raw&&(e.url=URL.createObjectURL(e.raw))},onExceed(){T.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){T.error(this.$t(`pika.message.uploadStartImageError`))},onRemove(){this.onSetStartImageUrl()},onSetStartImageUrl(){this.suppressWatch=!0,this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls}),this.$nextTick(()=>{this.suppressWatch=!1})},onSuccess(){this.onSetStartImageUrl()},onRemovePreview(e){let t=this.fileList.indexOf(e);t>=0&&this.fileList.splice(t,1),e.url?.startsWith(`blob:`)&&URL.revokeObjectURL(e.url),this.onSetStartImageUrl()}}}),Qe={class:`field`},$e={class:`label`},et={class:`title font-bold`},tt={key:0,class:`file-list mt-2 flex flex-wrap gap-[10px]`};function nt(t,n,c,d,f,_){let v=u(`info-icon`),y=u(`upload-icon`),b=u(`el-button`),x=u(`el-upload`),S=u(`image-preview`);return g(),s(`div`,null,[e(`div`,Qe,[e(`div`,$e,[e(`h2`,et,i(t.$t(`pika.name.imageUrl`)),1),a(v,{content:t.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])]),a(x,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value shrink-0`,limit:3,multiple:!0,"show-file-list":!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-change":t.onChange,"on-remove":t.onRemove,"on-success":t.onSuccess,headers:t.headers},{default:m(()=>[a(b,{size:`small`,type:`primary`,round:``},{default:m(()=>[a(y,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-change`,`on-remove`,`on-success`,`headers`])]),t.fileList.length?(g(),s(`div`,tt,[(g(!0),s(l,null,h(t.fileList,(e,n)=>(g(),p(S,{key:e.uid||e.url||n,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemovePreview(e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])):o(``,!0)])}var rt=V(Ze,[[`render`,nt],[`__scopeId`,`data-v-637337bb`]]),it=v({name:`PromptInput`,components:{PromptTextarea:ee},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function at(e,t,n,r,i,a){let o=u(`prompt-textarea`);return g(),p(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ot=v({name:`PresetPanel`,components:{MagicIcon:B,ImageUrlInput:rt,ElButton:Y,ServicePricingSummary:ge,PromptInput:V(it,[[`render`,at]]),IngredientsSelector:Pe,IngredientsModelSelector:Ge,ModelSelector:Xe,EffectSelector:Be,ScenarioPaymentMode:_e},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{canGenerate(){return Se(`pika`,H(this.config))},config(){return this.$store.state.pika?.config},consumption(){return de(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service},walletMode(){return W()&&K(`pika`).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.quoteRunId+=1;let e=K(`pika`);e.quoteUsdc=void 0,e.quoteLoading=!1,this.canGenerate&&(this.quoteTimer=window.setTimeout(this.refreshQuote,350))},async refreshQuote(){if(!this.canGenerate)return;let e=K(`pika`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await U.quote(H(this.config));t===this.quoteRunId&&e.mode===`wallet`&&this.canGenerate&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),st={class:`flex flex-col h-full`},ct={class:`flex-1 overflow-y-auto p-5`},lt={class:`flex flex-col items-center justify-center px-5 pb-5`};function ut(t,n,c,l,d,f){let h=u(`prompt-input`),_=u(`model-selector`),v=u(`ingredients-selector`),y=u(`effect-selector`),b=u(`image-url-input`),x=u(`ingredients-model-selector`),S=u(`scenario-payment-mode`),C=u(`service-pricing-summary`),w=u(`magic-icon`),T=u(`el-button`);return g(),s(`div`,st,[e(`div`,ct,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),t.config?.ingredients?(g(),p(b,{key:0,class:`mb-4`})):o(``,!0),t.config?.ingredients?(g(),p(x,{key:1,class:`mb-4`})):o(``,!0)]),e(`div`,lt,[a(S,{scenario:`pika`}),t.walletMode?o(``,!0):(g(),p(C,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(T,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:m(()=>[a(w,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`pika.button.generate`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var dt=V(ot,[[`render`,ut]]),ft=v({name:`VideoPlayer`,components:{VuePlyr:c(()=>ne(()=>import(`./index.esm-B6OqqThm.js`),[]))},props:{modelValue:{type:Object,required:!0}},data(){return{clientReady:!1,options:{quality:{default:1080,options:[1080]}}}},mounted(){this.clientReady=!0}}),pt=[`data-poster`],mt=[`src`];function ht(t,n,r,i,a,c){let l=u(`vue-plyr`);return g(),s(`div`,null,[t.clientReady?(g(),p(l,{key:0,options:t.options,class:`video`},{default:m(()=>[e(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":t.modelValue?.image_url},[e(`source`,{size:`1080`,src:t.modelValue?.video_url,type:`video/mp4`},null,8,mt)],8,pt)]),_:1},8,[`options`])):o(``,!0)])}var gt=v({name:`TaskPreview`,components:{DeleteIcon:L,ChannelIcon:j,InfoIcon:M,MagicIcon:B,TimeIcon:A,WarningIcon:R,CopyToClipboard:fe,ElAlert:C,VideoPlayer:V(ft,[[`render`,ht],[`__scopeId`,`data-v-3a68a4bd`]]),ElTooltip:S,ElButton:Y,ApiCodeButton:ve,ReportButton:pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e.length===0&&e.push({}),e}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await Q.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(`pika/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}},isFailure(e){let t=this.modelValue?.response;return t?.success===!1||!!t?.error||e?.state===`failed`||e?.state===`cancelled`},isWaiting(e){return this.modelValue?.response?this.isFailure(e)||e?.video_url?!1:!e?.state||[`queued`,`pending`,`processing`,`running`].includes(e.state):!0},onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),_t={class:`left`},vt={class:`main`},yt={class:`bot`},bt={class:`datetime`},xt=[`aria-label`],St={class:`info`},Ct={key:0,class:`prompt mt-2`},wt={key:0},Tt={key:1},Et={key:0,class:n({content:!0,failed:!0})},Dt={class:`image-wrapper`},Ot={key:0,class:n({operations:!0,"mt-2":!0})},kt={key:0,class:`description`},At={class:`description`},jt={key:1,class:`description`},Mt={key:1,class:n({content:!0})},Nt={class:`description`},$={class:`description`},Pt={key:0,class:`description`},Ft={class:`description`},It={key:2,class:n({content:!0})},Lt={class:`description`};function Rt(n,c,d,f,_,v){let y=u(`capability-presentation`),b=u(`delete-icon`),x=u(`el-tooltip`),S=u(`VideoPlayer`),C=u(`el-button`),w=u(`api-code-button`),T=u(`report-button`),E=u(`channel-icon`),D=u(`magic-icon`),O=u(`copy-to-clipboard`),k=u(`time-icon`),A=u(`el-alert`),j=u(`warning-icon`),M=u(`info-icon`);return g(!0),s(l,null,h(n.videos,(l,u)=>(g(),s(`div`,{key:u,class:`preview`},[e(`div`,_t,[a(y,{capability:`pika`,part:`avatar`,class:`avatar`})]),e(`div`,vt,[e(`div`,yt,[a(y,{capability:`pika`,part:`name`}),e(`span`,bt,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: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(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,xt)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,St,[n.modelValue?.request?.prompt?(g(),s(`p`,Ct,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(g(),s(`span`,wt,` - (`+i(n.$t(`pika.status.pending`))+`) `,1)),n.modelValue?.response&&n.isWaiting(l)?(g(),s(`span`,Tt,` - (`+i(n.$t(`pika.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0&&l?.video_url?(g(),s(`div`,Et,[e(`div`,Dt,[a(S,{"model-value":l},null,8,[`model-value`])]),l?(g(),s(`div`,Ot,[a(x,{class:`box-item`,effect:`dark`,content:n.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:m(()=>[l?.video_url?(g(),p(C,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:e=>n.onDownload(l?.video_url)},{default:m(()=>[r(i(n.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):o(``,!0)]),_:2},1032,[`content`]),a(w,{path:`/pika/videos`,body:n.modelValue?.request},null,8,[`body`]),a(T,{service:`pika`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(A,{closable:!1,class:`mt-2 success`},{default:m(()=>[n.modelValue?.request?.model?(g(),s(`p`,kt,[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),e(`p`,At,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(O,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,jt,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.isFailure(l)?(g(),s(`div`,Mt,[a(A,{closable:!1,class:`failure`},{template:m(()=>[a(j,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.failure`)),1)]),default:m(()=>[e(`p`,Nt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(O,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,$,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(O,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Pt,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Ft,[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(O,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),n.isWaiting(l)?(g(),s(`div`,It,[a(A,{closable:!1,class:`info`},{template:m(()=>[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`pika.status.processing`:`pika.status.pending`)),1)]),default:m(()=>[e(`p`,Lt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pika.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(O,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])]))),128)}var zt=v({name:`RecentPanel`,components:{TaskPreview:V(gt,[[`render`,Rt],[`__scopeId`,`data-v-4c95d941`]]),BotPlaceholder:ye,NoTasks:F,ScrollList:P},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Bt={key:0},Vt={key:2,class:`w-full h-full flex items-center justify-center`};function Ht(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`,Bt,[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`,Vt,[a(v)])):o(``,!0)],64)}var Ut=v({name:`PikaIndex`,components:{ConfigPanel:dt,Layout:Oe,RecentPanel:V(zt,[[`render`,Ht]])},mixins:[ce,be(`pika`)],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===w.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===w.Request},needApply(){return this.$store.state.pika.status.getApplications===w.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks},walletMode(){return W()&&K(`pika`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`pika/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onPollTasks,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.onPollTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await I({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){J.create({application:this.application}).then(({data:e})=>{this.application=e,T.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&T.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){let e=H(this.config),t=xe(`pika`,e);if(t){T.error(this.$t(`common.message.${t}`));return}if(!X(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let n;if(this.walletMode){let t=this.getWalletContext();if(!t){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}n=U.generate(e,{mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!le())return;let t=this.credential?.token;if(!t)return;n=U.generate(e,{token:t})}T.info(this.$t(`pika.message.startingTask`)),oe(`pika`,n).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(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{e instanceof se||q(e,`pika`)||(this.walletMode?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`pika.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return ie(this.$wallet)},async confirmWalletPayment(e){return Q.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 Wt(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`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Gt=V(Ut,[[`render`,Wt],[`__scopeId`,`data-v-50569acf`]]);export{Gt as default};

package/dist/assets/Index-KPbML_BV.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,F as t,I as n,Jt as r,L as i,M as a,N as o,T as s,at as c,it as l,j as u,mt as d,rt as f,tt as p,z as m}from"./vendor-chart-Dw-P17PN.js";import{r as h,t as g}from"./select-BuOkom3f.js";import{h as _,v}from"./models-CCu2QuuH.js";import{n as y,t as b}from"./collapse-dp1hZF2q.js";import{t as x}from"./drawer-DamI5uaf.js";import{t as S}from"./circle-question-mark-BKjf4U2z.js";import{t as C}from"./globe-D4HWyujz.js";import{t as w}from"./search-CQEBM7oa.js";import{D as T,Hn as ee,Mi as E,Pi as D,T as O,Un as te,Za as k,ao as A,oi as j,ri as M,ta as N,wn as P,za as F}from"./index-8jAipDuW.js";import{t as I}from"./ServicePricingSummary-DScjReci.js";import{t as L}from"./ScenarioPaymentMode-BcNzNOmt.js";var R=m({name:`LayoutSerp`,components:{SearchIcon:w,ElDrawer:x,ElButton:k},data(){return{drawer:!1}}}),z={class:`main flex flex-row flex-1`},B={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},V={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function H(t,n,r,a,s,u){let f=c(`search-icon`),m=c(`el-button`),h=c(`el-drawer`);return p(),o(`div`,z,[e(`div`,B,[l(t.$slots,`config`,{},void 0,!0)]),e(`div`,V,[l(t.$slots,`result`,{},void 0,!0)]),i(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:d(()=>[i(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),i(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:d(()=>[l(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var U=T(R,[[`render`,H],[`__scopeId`,`data-v-fc67ba0b`]]),W=m({name:`QueryInput`,components:{ElInput:A},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),G={class:`field`},K={class:`box`},q={class:`title font-bold`};function J(t,n,a,s,l,u){let d=c(`el-input`);return p(),o(`div`,G,[e(`div`,K,[e(`h2`,q,r(t.$t(`serp.name.query`)),1)]),i(d,{modelValue:t.query,"onUpdate:modelValue":n[0]||=e=>t.query=e,rows:3,type:`textarea`,class:`prompt`,placeholder:t.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var Y=T(W,[[`render`,J],[`__scopeId`,`data-v-3582b195`]]),X=m({name:`TypeSelector`,components:{ElSelect:h,ElOption:g},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),Z={class:`field`},Q={class:`title font-bold`};function ne(t,n,a,s,l,u){let f=c(`el-option`),m=c(`el-select`);return p(),o(`div`,Z,[e(`h2`,Q,r(t.$t(`serp.name.type`)),1),i(m,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},{default:d(()=>[i(f,{value:`search`,label:t.$t(`serp.type.search`)},null,8,[`label`]),i(f,{value:`images`,label:t.$t(`serp.type.images`)},null,8,[`label`]),i(f,{value:`news`,label:t.$t(`serp.type.news`)},null,8,[`label`]),i(f,{value:`videos`,label:t.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var re=T(X,[[`render`,ne],[`__scopeId`,`data-v-2913fb62`]]),ie=m({name:`CountryInput`,components:{ElInput:A},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),ae={class:`field`},oe={class:`title font-bold`};function se(t,n,a,s,l,u){let d=c(`el-input`);return p(),o(`div`,ae,[e(`h2`,oe,r(t.$t(`serp.name.country`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var ce=T(ie,[[`render`,se],[`__scopeId`,`data-v-f0672cc6`]]),le=m({name:`LanguageInput`,components:{ElInput:A},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),ue={class:`field`},de={class:`title font-bold`};function fe(t,n,a,s,l,u){let d=c(`el-input`);return p(),o(`div`,ue,[e(`h2`,de,r(t.$t(`serp.name.language`)),1),i(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var pe=m({name:`SearchPanel`,components:{SearchIcon:w,ElButton:k,QueryInput:Y,TypeSelector:re,CountryInput:ce,LanguageInput:T(le,[[`render`,fe],[`__scopeId`,`data-v-dc1c94b7`]]),ServicePricingSummary:I,ScenarioPaymentMode:L},emits:[`search`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.serp?.config},consumption(){return P(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===_.Request},walletMode(){return E()&&D(`serp`).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=D(`serp`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await te.quote(ee(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)}},onSearch(){this.$emit(`search`)}}}),me={class:`flex flex-col h-full`},he={class:`flex-1 overflow-y-auto p-5`},ge={class:`flex flex-col items-center justify-center px-5 pb-5`};function _e(t,s,l,f,m,h){let g=c(`query-input`),_=c(`type-selector`),v=c(`country-input`),y=c(`language-input`),b=c(`scenario-payment-mode`),x=c(`service-pricing-summary`),S=c(`search-icon`),C=c(`el-button`);return p(),o(`div`,me,[e(`div`,he,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`}),i(v,{class:`mb-4`}),i(y,{class:`mb-4`})]),e(`div`,ge,[i(b,{scenario:`serp`}),t.walletMode?a(``,!0):(p(),u(x,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),i(C,{type:`primary`,class:`btn w-full`,round:``,loading:t.searching,onClick:t.onSearch},{default:d(()=>[i(S,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),n(` `+r(t.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var ve=T(pe,[[`render`,_e]]),ye=m({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),be={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},xe={class:`flex flex-row gap-4`},Se=[`src`,`alt`],Ce={class:`flex-1 min-w-0`},we={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},Te={class:`text-xl font-bold mb-1.5`},Ee={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},De=[`href`],Oe={key:2,class:`text-sm`},ke={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},Ae={class:`text-[var(--el-text-color-regular)]`};function je(t,i,c,l,u,d){return p(),o(`div`,be,[e(`div`,xe,[t.data.image_url?(p(),o(`img`,{key:0,src:t.data.image_url,alt:t.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,Se)):a(``,!0),e(`div`,Ce,[t.data.type?(p(),o(`div`,we,r(t.data.type),1)):a(``,!0),e(`h3`,Te,r(t.data.title),1),t.data.description?(p(),o(`p`,Ee,[n(r(t.data.description)+` `,1),t.data.description_link?(p(),o(`a`,{key:0,href:t.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},r(t.data.description_source||`Source`),9,De)):a(``,!0)])):a(``,!0),t.data.attributes&&Object.keys(t.data.attributes).length?(p(),o(`div`,Oe,[(p(!0),o(s,null,f(t.data.attributes,(t,n)=>(p(),o(`div`,{key:n,class:`flex gap-2 mb-1 py-0.5`},[e(`span`,ke,r(n)+`:`,1),e(`span`,Ae,r(t),1)]))),128))])):a(``,!0)])])])}var Me=T(ye,[[`render`,je]]),Ne=m({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Pe={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Fe={key:0,class:`flex items-center gap-2 mb-1.5`},Ie=[`src`,`alt`],Le={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Re={class:`text-xs text-[var(--el-text-color-disabled)]`},ze=[`href`],Be={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},Ve={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},He={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},Ue=[`href`];function We(t,n,i,c,l,u){return p(),o(`div`,Pe,[t.displayUrl?(p(),o(`div`,Fe,[e(`img`,{src:t.faviconUrl,alt:t.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:n[0]||=(...e)=>t.onFaviconError&&t.onFaviconError(...e)},null,40,Ie),e(`span`,Le,r(t.hostname),1),e(`span`,Re,r(t.pathname),1)])):a(``,!0),e(`a`,{href:t.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},r(t.data.title),9,ze),t.data.date?(p(),o(`div`,Be,r(t.data.date),1)):a(``,!0),t.data.snippet?(p(),o(`p`,Ve,r(t.data.snippet),1)):a(``,!0),t.data.sitelinks?.length?(p(),o(`div`,He,[(p(!0),o(s,null,f(t.data.sitelinks,(e,t)=>(p(),o(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},r(e.title),9,Ue))),128))])):a(``,!0)])}var Ge=T(Ne,[[`render`,We]]),Ke=m({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),qe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Je={class:`text-base font-bold mb-3`},Ye={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Xe=[`href`],Ze=[`src`,`alt`],Qe={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},$e={class:`text-xs text-white line-clamp-2`};function et(t,n,i,c,l,u){return p(),o(`div`,qe,[e(`h3`,Je,r(t.$t(`serp.name.imageResults`)),1),e(`div`,Ye,[(p(!0),o(s,null,f(t.data,(t,n)=>(p(),o(`a`,{key:n,href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[t.image_url?(p(),o(`img`,{key:0,src:t.image_url,alt:t.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,Ze)):a(``,!0),e(`div`,Qe,[e(`span`,$e,r(t.title),1)])],8,Xe))),128))])])}var tt=T(Ke,[[`render`,et]]),nt=m({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),rt={class:`text-base font-bold mb-3`},it={class:`space-y-4`},at=[`href`],ot={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},st=[`src`,`alt`],ct={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},lt={class:`flex-1 min-w-0`},ut={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},dt={class:`text-xs text-gray-400 mt-1`},ft={key:0},pt={key:1},mt={key:2},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function gt(t,n,i,c,l,u){return p(),o(`div`,null,[e(`h3`,rt,r(t.$t(`serp.name.videoResults`)),1),e(`div`,it,[(p(!0),o(s,null,f(t.data,(t,n)=>(p(),o(`a`,{key:n,href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[e(`div`,ot,[t.image_url?(p(),o(`img`,{key:0,src:t.image_url,alt:t.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,st)):a(``,!0),t.duration?(p(),o(`div`,ct,r(t.duration),1)):a(``,!0)]),e(`div`,lt,[e(`div`,ut,r(t.title),1),e(`div`,dt,[t.source?(p(),o(`span`,ft,r(t.source),1)):a(``,!0),t.channel?(p(),o(`span`,pt,` · `+r(t.channel),1)):a(``,!0),t.date?(p(),o(`span`,mt,` · `+r(t.date),1)):a(``,!0)]),t.snippet?(p(),o(`p`,ht,r(t.snippet),1)):a(``,!0)])],8,at))),128))])])}var _t=T(nt,[[`render`,gt]]),vt=m({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),yt={class:`text-base font-bold mb-3`},bt={class:`space-y-4`},xt=[`href`],St={class:`flex-1 min-w-0`},Ct={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},wt={class:`text-xs text-gray-400 mt-1`},Tt={key:0},Et={key:1},Dt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},Ot={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},kt=[`src`,`alt`];function At(t,n,i,c,l,u){return p(),o(`div`,null,[e(`h3`,yt,r(t.$t(`serp.name.newsResults`)),1),e(`div`,bt,[(p(!0),o(s,null,f(t.data,(t,n)=>(p(),o(`a`,{key:n,href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[e(`div`,St,[e(`div`,Ct,r(t.title),1),e(`div`,wt,[t.source?(p(),o(`span`,Tt,r(t.source),1)):a(``,!0),t.date?(p(),o(`span`,Et,` · `+r(t.date),1)):a(``,!0)]),t.snippet?(p(),o(`p`,Dt,r(t.snippet),1)):a(``,!0)]),t.image_url?(p(),o(`div`,Ot,[e(`img`,{src:t.image_url,alt:t.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,kt)])):a(``,!0)],8,xt))),128))])])}var jt=T(vt,[[`render`,At]]),Mt=m({name:`PeopleAlsoAsk`,components:{ElCollapse:b,ElCollapseItem:y},props:{data:{type:Array,required:!0}}}),Nt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Pt={class:`text-base font-bold mb-3`},Ft={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},It=[`href`];function Lt(t,n,l,m,h,g){let _=c(`el-collapse-item`),v=c(`el-collapse`);return p(),o(`div`,Nt,[e(`h3`,Pt,r(t.$t(`serp.name.peopleAlsoAsk`)),1),i(v,null,{default:d(()=>[(p(!0),o(s,null,f(t.data,(e,t)=>(p(),u(_,{key:t,title:e.question||e.title||``},{default:d(()=>[e.snippet?(p(),o(`p`,Ft,r(e.snippet),1)):a(``,!0),e.link?(p(),o(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},r(e.title||e.link),9,It)):a(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Rt=T(Mt,[[`render`,Lt]]),zt=m({name:`RelatedSearches`,components:{SearchIcon:w},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Bt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},$={class:`text-base font-bold mb-3`},Vt={class:`flex flex-wrap gap-2`},Ht=[`onClick`];function Ut(t,a,l,u,d,m){let h=c(`search-icon`);return p(),o(`div`,Bt,[e(`h3`,$,r(t.$t(`serp.name.relatedSearches`)),1),e(`div`,Vt,[(p(!0),o(s,null,f(t.data,(e,a)=>(p(),o(`button`,{key:a,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:n=>t.onSearch(e.query)},[i(h,{class:`text-xs opacity-50`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),n(` `+r(e.query),1)],8,Ht))),128))])])}var Wt=m({name:`ResultPanel`,components:{GlobeIcon:C,HelpIcon:S,KnowledgeGraph:Me,OrganicResult:Ge,ImageResults:tt,VideoResults:_t,NewsResults:jt,PeopleAlsoAsk:Rt,RelatedSearches:T(zt,[[`render`,Ut]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===_.Request},noResults(){return this.$store.state.serp?.status?.search===_.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),Gt={class:`h-full overflow-y-auto p-6`},Kt={key:0,class:`max-w-3xl mx-auto py-8`},qt={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Jt={class:`text-base`},Yt={key:2,class:`max-w-3xl mx-auto`},Xt={key:1,class:`mb-6`},Zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Qt={class:`text-base`};function $t(n,l,d,m,h,g){let _=c(`help-icon`),v=c(`knowledge-graph`),y=c(`organic-result`),b=c(`image-results`),x=c(`video-results`),S=c(`news-results`),C=c(`people-also-ask`),w=c(`related-searches`),T=c(`globe-icon`);return p(),o(`div`,Gt,[n.searching?(p(),o(`div`,Kt,[(p(),o(s,null,f(4,n=>e(`div`,{key:n,class:`mb-6 animate-pulse`},[...l[0]||=[t(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):n.noResults?(p(),o(`div`,qt,[i(_,{class:`text-5xl mb-4 opacity-40`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),e(`p`,Jt,r(n.$t(`serp.message.noResults`)),1)])):n.results?(p(),o(`div`,Yt,[n.results.knowledge_graph?.title?(p(),u(v,{key:0,data:n.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.organic?.length?(p(),o(`div`,Xt,[(p(!0),o(s,null,f(n.results.organic,(e,t)=>(p(),u(y,{key:t,data:e,class:`mb-1`},null,8,[`data`]))),128))])):a(``,!0),n.results.images?.length?(p(),u(b,{key:2,data:n.results.images,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.videos?.length?(p(),u(x,{key:3,data:n.results.videos,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.news?.length?(p(),u(S,{key:4,data:n.results.news,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.people_also_ask?.length?(p(),u(C,{key:5,data:n.results.people_also_ask,class:`mb-6`},null,8,[`data`])):a(``,!0),n.results.related_searches?.length?(p(),u(w,{key:6,data:n.results.related_searches,class:`mb-6`,onSearch:n.onRelatedSearch},null,8,[`data`,`onSearch`])):a(``,!0)])):(p(),o(`div`,Zt,[i(T,{class:`text-5xl mb-4 opacity-30`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),e(`p`,Qt,r(n.$t(`serp.description.query`)),1)]))])}var en=m({name:`SerpIndex`,components:{Layout:U,SearchPanel:ve,ResultPanel:T(Wt,[[`render`,$t]])},inject:[`initialized`],computed:{credential(){return this.$store.state.serp?.credential},walletMode(){return E()&&D(`serp`).mode===`wallet`}},async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(!this.$store.state.serp?.config?.query)return;let e;if(this.walletMode){let t=this.getWalletContext();if(!t){v.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}e={mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}}}else if(!N())return;v.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`,e),v.success(this.$t(`serp.message.searchSuccess`))}catch(e){if(e instanceof M||O(e,`serp`))return;this.walletMode?v.error(this.$t(`common.x402Scenario.paymentFailed`)):v.error(this.$t(`serp.message.searchFailed`))}},getWalletContext(){return j(this.$wallet)},async confirmWalletPayment(e){return F.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)},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function tn(e,t,n,r,a,o){let s=c(`search-panel`),l=c(`result-panel`),f=c(`layout`);return p(),u(f,null,{config:d(()=>[i(s,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:d(()=>[i(l,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var nn=T(en,[[`render`,tn]]);export{nn as default};