@acedatacloud/nexior 3.379.0 → 3.380.1

package/dist/assets/{Index-C63AcaAz.js → Index-CbO-F0I7.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{n as v,r as y,t as b}from"./select-BqzezbgS.js";import{t as x}from"./upload-XUGlysu6.js";import{t as S}from"./tooltip-BBrV3AZK.js";import{t as C}from"./alert-BprQRUmf.js";import{_ as w,v as T}from"./vuex.esm-bundler-BxNPLO2l.js";import{t as E}from"./drawer-BVEcNx1I.js";import{t as D}from"./input-number-BweR5GSS.js";import{t as O}from"./switch-C6gnvMgV.js";import{t as k}from"./box-CYBPc1Rz.js";import{t as A}from"./clock-IAci-Zzy.js";import{t as j}from"./hash-CGhR3E3W.js";import{t as M}from"./image-D-Qn2R2s.js";import{t as N}from"./info-AarYb6UU.js";import{a as P,i as F,n as I,r as ee,t as te}from"./pagination-DkzSLsHS.js";import{t as ne}from"./trash-2-BPjzpfWl.js";import{t as re}from"./triangle-alert-hVh_-DcV.js";import{t as ie}from"./upload-Cra0_3dJ.js";import{t as L}from"./wand-sparkles-B3s3EW_F.js";import{t as ae}from"./zap-CLXFE1AD.js";import{$n as oe,Gn as se,Hn as ce,Jn as le,Kn as R,Qn as ue,Un as de,Vn as fe,Wn as pe,Xn as me,Zn as z,ar as he,cr as ge,dr as B,er as _e,fr as V,ir as ve,lr as ye,nr as be,or as H,rr as xe,tr as Se,ur as Ce}from"./constants-XMLzMJVJ.js";import{D as U,Fi as W,Ki as we,Ma as Te,Ni as G,Ra as K,T as Ee,Xn as q,Za as J,ai as De,at as Oe,ct as ke,ea as Ae,ji as Y,lt as je,ni as Me,ot as Ne,st as Pe,tt as Fe,wn as Ie}from"./index-B_mDD17T.js";import{t as Le}from"./CopyToClipboard-DwbsH1C3.js";import{t as Re}from"./ReportButton-Bzz2CkcM.js";import{t as X}from"./ImagePreview-BLcOkAKu.js";import{n as ze}from"./taskDrawerMixin-DyAUhFEq.js";import{t as Be}from"./ServicePricingSummary-CDYYBNdf.js";import{t as Ve}from"./ScenarioPaymentMode-BaLVOrFz.js";import{t as He}from"./ApiCodeButton-BVdwvbqZ.js";import{t as Ue}from"./BotPlaceholder-BMvZ2r7e.js";import{t as We}from"./taskPollingMixin-CcLxtz8z.js";import{t as Ge}from"./ShowcaseResultTabs-BrMvxK_-.js";import{t as Ke}from"./showcaseRecreateMixin-BWDEj-jO.js";import{t as qe}from"./ImageWrapper-CbWVwZRD.js";import{n as Z}from"./imageRequests-Dpxiq1GM.js";var Je=_({name:`LayoutNanobanana`,components:{MagicIcon:L,ElDrawer:E,ElButton:J},mixins:[ze]}),Ye={class:`main flex flex-row flex-1`},Xe={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)]`},Ze={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Qe(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,Ye,[e(`div`,Xe,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ze,[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 $e=U(Je,[[`render`,Qe],[`__scopeId`,`data-v-92afefbe`]]),et=_({name:`PromptInput`,components:{PromptTextarea:F},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function tt(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(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var nt=U(et,[[`render`,tt]]),rt=_({name:`ImageUrlsInput`,components:{UploadIcon:ie,ElUpload:x,ElButton:J,InfoIcon:P,ImagePreview:X},mixins:[je,ke,Ne,Fe],data(){return{fileList:[],uploadUrl:Te()+`/api/v1/files/`,suppressWatch:!1}},computed:{maxImages(){return 16},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){T.warning(this.$t(`openaiimage.message.uploadImageExceed`,{count:16}))},onError(){T.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),it={class:`field flex min-h-8 w-full items-center justify-between gap-3`},at={class:`flex min-w-0 items-center`},ot={class:`title m-0 text-[14px] font-bold`},st={class:`file-list flex flex-wrap gap-[10px]`};function ct(t,n,o,u,d,g){let _=l(`info-icon`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`),x=l(`image-preview`);return h(),s(`div`,null,[e(`div`,it,[e(`div`,at,[e(`h2`,ot,i(t.$t(`openaiimage.name.imageUrls`)),1),a(_,{content:t.$t(`openaiimage.description.imageUrls`)},null,8,[`content`])]),a(b,{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:t.maxImages,multiple:!0,"show-file-list":!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(y,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(v,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`])]),e(`div`,st,[(h(!0),s(c,null,m(t.fileList,(e,n)=>(h(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])])}var lt=U(rt,[[`render`,ct]]),ut=_({name:`OpenAIImageModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:P},data(){return{options:[{value:z,label:this.$t(`openaiimage.model.gptImage1`)},{value:ue,label:this.$t(`openaiimage.model.gptImage15`)},{value:oe,label:this.$t(`openaiimage.model.gptImage2`)},{value:_e,label:this.$t(`openaiimage.model.gptImage25Flare`)},{value:Se,label:this.$t(`openaiimage.model.gptImage25FlareOfficial`)},{value:be,label:this.$t(`openaiimage.model.gptImage25Sunburst`)},{value:xe,label:this.$t(`openaiimage.model.gptImage25SunburstOfficial`)},{value:ve,label:this.$t(`openaiimage.model.gptImage2Official`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=se}}),dt={class:`field`},ft={class:`label`},pt={class:`box`},mt={class:`title font-bold`};function ht(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,dt,[e(`div`,ft,[e(`div`,pt,[e(`h2`,mt,i(t.$t(`openaiimage.name.model`)),1),a(g,{content:t.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),title:t.value},{default:p(()=>[(h(!0),s(c,null,m(t.options,e=>(h(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`title`])])}var gt=U(ut,[[`render`,ht],[`__scopeId`,`data-v-03b728f3`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var _t=_({name:`OpenAIImageSizeSelector`,components:{ElSelect:y,ElOption:b,ElOptionGroup:v,ElSwitch:O,ElInputNumber:D,InfoIcon:P},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},autoSizeValue(){return B},customSupported(){return pe.includes(this.model)},presets(){return H[this.model]??H[`gpt-image-2`]??[]},presetGroups(){return le.includes(this.model)?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:ge},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:ye},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:Ce}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize(B)}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.autoSizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return fe},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t<655360?this.$t(`openaiimage.error.customSizeMinPixels`,{pixels:de.toLocaleString()}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:ce.toLocaleString()}):Math.max(e,t)/Math.min(e,t)>3?this.$t(`openaiimage.error.customSizeAspectRatio`,{ratio:3}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||e===`auto`||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize(B)}},storedSize(e){if(!e||e===`auto`){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),vt={class:`resolution`},yt={class:`field`},bt={class:`label`},xt={class:`box`},St={class:`title font-bold`},Ct={class:`field custom-toggle`},wt={class:`label`},Tt={class:`box`},Et={class:`title font-bold`},Dt={key:0,class:`custom-inputs`},Ot={class:`row`},kt={class:`row-label`},At={class:`row`},jt={class:`row-label`},Mt={key:0,class:`error`};function Nt(t,n,r,u,d,g){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-option-group`),b=l(`el-select`),x=l(`el-switch`),S=l(`el-input-number`);return h(),s(`div`,vt,[e(`div`,yt,[e(`div`,bt,[e(`div`,xt,[e(`h2`,St,i(t.$t(`openaiimage.name.size`)),1),a(_,{content:t.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:t.presetValue,"onUpdate:modelValue":n[0]||=e=>t.presetValue=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),disabled:t.useCustom},{default:p(()=>[a(v,{label:t.$t(`openaiimage.size.auto`),value:t.autoSizeValue},null,8,[`label`,`value`]),(h(!0),s(c,null,m(t.presetGroups,e=>(h(),f(y,{key:e.label,label:e.label},{default:p(()=>[(h(!0),s(c,null,m(e.options,e=>(h(),f(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),t.customSupported?(h(),s(c,{key:0},[e(`div`,Ct,[e(`div`,wt,[e(`div`,Tt,[e(`h2`,Et,i(t.$t(`openaiimage.name.customSize`)),1),a(_,{content:t.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:t.useCustom,"onUpdate:modelValue":n[1]||=e=>t.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),t.useCustom?(h(),s(`div`,Dt,[e(`div`,Ot,[e(`span`,kt,i(t.$t(`openaiimage.name.width`)),1),a(S,{modelValue:t.customWidth,"onUpdate:modelValue":n[2]||=e=>t.customWidth=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e(`div`,At,[e(`span`,jt,i(t.$t(`openaiimage.name.height`)),1),a(S,{modelValue:t.customHeight,"onUpdate:modelValue":n[3]||=e=>t.customHeight=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),t.customError?(h(),s(`div`,Mt,i(t.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Pt=U(_t,[[`render`,Nt],[`__scopeId`,`data-v-c3247527`]]),Ft=_({name:`OpenAIImageQualitySelector`,components:{ElOption:b,ElSelect:y,InfoIcon:P},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedQuality(){return this.$store.state.openaiimage?.config?.quality},qualities(){return he[this.model]??[`auto`]},quality:{get(){return this.storedQuality&&this.qualities.includes(this.storedQuality)?this.storedQuality:R},set(e){this.commitQuality(e)}}},watch:{model(){this.storedQuality&&this.qualities.includes(this.storedQuality)||this.commitQuality(R)}},methods:{commitQuality(e){let t={...this.$store.state.openaiimage?.config||{},quality:e};this.$store.commit(`openaiimage/setConfig`,t)}}}),It={class:`field`},Lt={class:`label`},Rt={class:`box`},zt={class:`title font-bold`};function Bt(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,It,[e(`div`,Lt,[e(`div`,Rt,[e(`h2`,zt,i(t.$t(`openaiimage.name.quality`)),1),a(g,{content:t.$t(`openaiimage.description.quality`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.quality,"onUpdate:modelValue":n[0]||=e=>t.quality=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(h(!0),s(c,null,m(t.qualities,e=>(h(),f(_,{key:e,label:t.$t(`openaiimage.quality.${e}`),value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Vt=U(Ft,[[`render`,Bt],[`__scopeId`,`data-v-052cc590`]]),Ht=350,Ut=_({name:`ConfigPanel`,components:{MagicIcon:L,ElButton:J,PromptInput:nt,ServicePricingSummary:Be,ImageUrlsInput:lt,ModelSelector:gt,ResolutionSelector:Pt,QualitySelector:Vt,ScenarioPaymentMode:Ve},props:{identityToken:{type:String,default:void 0}},emits:[`generate`],data(){return{OPENAIIMAGE_MODELS:me,quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return Ie({...this.config||{}},this.service?.cost)},displayConsumption(){return V(this.config?.model)?void 0:this.consumption},service(){return this.$store.state.openaiimage?.service},pricingNote(){return V(this.config?.model)?this.$t(`service.message.imageTokenEstimate`):``},walletMode(){return Y()&&G(`openaiimage`).mode===`wallet`}},watch:{walletMode:{handler(e){e?this.scheduleQuote():this.cancelQuote()},immediate:!0},config:{handler(){this.walletMode?this.scheduleQuote():this.cancelQuote()},deep:!0},identityToken(){this.quoteRunId+=1,this.walletMode&&this.scheduleQuote()}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,Ht)},cancelQuote(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},async refreshQuote(){let e=G(`openaiimage`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await q.quote(Z(this.config),this.identityToken);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`)}}}),Wt={class:`flex flex-col h-full`},Gt={class:`flex-1 overflow-y-auto p-5`},Kt={class:`flex flex-col items-center justify-center px-5 pb-5`};function qt(t,n,c,u,d,m){let g=l(`model-selector`),_=l(`resolution-selector`),v=l(`quality-selector`),y=l(`prompt-input`),b=l(`image-urls-input`),x=l(`scenario-payment-mode`),S=l(`service-pricing-summary`),C=l(`magic-icon`),w=l(`el-button`);return h(),s(`div`,Wt,[e(`div`,Gt,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),e(`div`,Kt,[a(x,{scenario:`openaiimage`}),t.walletMode?o(``,!0):(h(),f(S,{key:0,value:t.displayConsumption,service:t.service,note:t.pricingNote,"pricing-models":t.OPENAIIMAGE_MODELS,"pricing-model-default":`dall-e-3`,"pricing-unit-aliases":{n:`image`}},null,8,[`value`,`service`,`note`,`pricing-models`])),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(C,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Jt=U(Ut,[[`render`,qt]]),Yt=_({name:`TaskPreview`,components:{ApplicationIcon:k,ChannelIcon:j,DeleteIcon:ne,ImageIcon:M,InfoIcon:N,LightningIcon:ae,MagicIcon:L,TimeIcon:A,WarningIcon:re,CopyToClipboard:Le,ElAlert:C,ImageWrapper:qe,ElButton:J,ElTooltip:S,ImagePreview:X,ApiCodeButton:He,ReportButton:Re},props:{modelValue:{type:Object,required:!0}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)},async onDelete(){let e=this.modelValue?.id;if(e){try{await K.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(`openaiimage/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}}}}),Xt={class:`preview`},Zt={class:`left`},Qt={class:`main`},$t={class:`bot`},en={class:`datetime`},tn=[`aria-label`],nn={class:`info`},rn={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},an={key:1,class:`prompt mt-2`},on={key:0},sn={key:0,class:n({content:!0,failed:!0})},cn={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},ln={class:n({operations:!0,"mt-2":!0,"mb-2":!0})},un={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},fn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},gn={key:1,class:n({content:!0})},_n={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Sn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cn={key:2,class:n({content:!0})},wn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},En={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function On(n,u,d,g,_,v){let y=l(`capability-presentation`),b=l(`delete-icon`),x=l(`el-tooltip`),S=l(`image-preview`),C=l(`image-wrapper`),w=l(`el-button`),T=l(`api-code-button`),E=l(`report-button`),D=l(`application-icon`),O=l(`image-icon`),k=l(`lightning-icon`),A=l(`magic-icon`),j=l(`copy-to-clipboard`),M=l(`time-icon`),N=l(`channel-icon`),P=l(`el-alert`),F=l(`warning-icon`),I=l(`info-icon`);return h(),s(`div`,Xt,[e(`div`,Zt,[a(y,{capability:`openaiimage`,part:`avatar`,class:`avatar`})]),e(`div`,Qt,[e(`div`,$t,[a(y,{capability:`openaiimage`,part:`name`}),e(`span`,en,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(x,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(h(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:u[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,tn)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,nn,[n.referenceImages.length>0?(h(),s(`div`,rn,[(h(!0),s(c,null,m(n.referenceImages,(e,t)=>(h(),f(S,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),n.modelValue?.request?.prompt?(h(),s(`p`,an,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,on,` - (`+i(n.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,sn,[e(`div`,cn,[(h(!0),s(c,null,m(n.images,(e,t)=>(h(),f(C,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),e(`div`,ln,[a(x,{class:`box-item`,effect:`dark`,content:n.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(w,{type:`info`,size:`small`,class:`btn-action`,onClick:u[1]||=t(e=>n.onEdit(n.images?.[0]?.image_url||n.images?.[0]?.url),[`stop`])},{default:p(()=>[r(i(n.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(T,{path:n.openaiimagePath,body:n.openaiimageCodeBody},null,8,[`path`,`body`]),a(E,{service:`openaiimage`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])]),a(P,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,un,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,dn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,fn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,pn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,mn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,hn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(h(),s(`div`,gn,[a(P,{closable:!1,class:`failure`},{template:p(()=>[a(F,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,_n,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,vn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,yn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,$,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,bn,[a(I,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(j,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,xn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,Sn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(h(),s(`div`,Cn,[a(P,{closable:!1,class:`info`},{template:p(()=>[n.modelValue?.response?(h(),f(I,{key:1,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):(h(),f(M,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),r(` `+i(n.$t(n.modelValue?.response?`openaiimage.name.status`:`openaiimage.status.pending`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,wn,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,Tn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,En,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,Dn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var kn=_({name:`RecentPanel`,components:{TaskPreview:U(Yt,[[`render`,On],[`__scopeId`,`data-v-6519c932`]]),BotPlaceholder:Ue,NoTasks:ee,ScrollList:I},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),An={key:0},jn={key:2,class:`w-full h-full flex items-center justify-center`};function Mn(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`,An,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,e=>(h(),f(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,jn,[a(v)])):o(``,!0)],64)}var Nn=_({name:`OpenAIImageIndex`,components:{ConfigPanel:Jt,Layout:$e,RecentPanel:U(kn,[[`render`,Mn]]),ShowcaseResultTabs:Ge},mixins:[Pe,Ke(`openaiimage`),We(`openaiimage`)],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===w.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks},walletMode(){return Y()&&G(`openaiimage`).mode===`wallet`}},watch:{config:{handler(e){W(`openaiimage`,!(Array.isArray(e?.image_urls)&&e.image_urls.length>0))},deep:!0,immediate:!0},walletMode:{async handler(e,t){t===void 0||e===t||(this.$store.commit(`openaiimage/setTasks`,void 0),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 te({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})},async onGenerate(){if(!Oe(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;W(`openaiimage`,!t);let n=G(`openaiimage`).mode;if(!this.hasText(e.prompt)){T.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let r=Z(e),i={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,quality:e?.quality,image_urls:e?.image_urls||[],async:!0},a;if(n===`wallet`){let e=this.getWalletContext();if(!e){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}a=q.generate(r,{mode:`x402`,x402:{wallet:e,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!Ae())return;let e=this.credential?.token;if(!e){console.error(`no token specified`);return}a=t?q.edit(i,{token:e}):q.generate(r,{token:e})}T.info(this.$t(`openaiimage.message.startingTask`)),we(`openaiimage`,a).then(e=>{let t=e?.data?.task_id;console.debug(`task accepted`,t),n===`wallet`&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{if(e instanceof Me)return;let t=e?.response?.data;Ee(e,`openaiimage`)||(n===`wallet`?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return De(this.$wallet)},async confirmWalletPayment(e){return K.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 Pn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`showcase-result-tabs`),d=l(`layout`);return h(),f(d,null,{config:p(()=>[a(s,{"identity-token":e.credential?.token,onGenerate:e.onGenerate},null,8,[`identity-token`,`onGenerate`])]),result:p(()=>[a(u,{service:`openai`},{tasks:p(()=>[a(c,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})]),_:1})}var Fn=U(Nn,[[`render`,Pn]]);export{Fn 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{n as v,r as y,t as b}from"./select-Z6KgLTht.js";import{t as x}from"./upload-Bf6gfU9e.js";import{t as S}from"./tooltip-Dkhw7cOR.js";import{t as C}from"./alert-BprQRUmf.js";import{_ as w,v as T}from"./vuex.esm-bundler-DdqoLR8S.js";import{t as E}from"./drawer-L7Y4nWQp.js";import{t as D}from"./input-number-B-ci8lJH.js";import{t as O}from"./switch-BSlWfHI1.js";import{t as k}from"./box-C-N2GtXj.js";import{t as A}from"./clock-Df79mUBO.js";import{t as j}from"./hash-fnNMJyhY.js";import{t as M}from"./image-CSGEim55.js";import{t as N}from"./info-CkI7CDMr.js";import{a as P,i as F,n as I,r as ee,t as te}from"./pagination-DebnOQug.js";import{t as ne}from"./trash-2-Bsb0SCBF.js";import{t as re}from"./triangle-alert-BABYNg2h.js";import{t as ie}from"./upload-C6vmRcPM.js";import{t as L}from"./wand-sparkles-D-Tu19dx.js";import{t as ae}from"./zap-O9CajQ-y.js";import{$n as oe,Gn as se,Hn as ce,Jn as le,Kn as R,Qn as ue,Un as de,Vn as fe,Wn as pe,Xn as me,Zn as z,ar as he,cr as ge,dr as B,er as _e,fr as V,ir as ve,lr as ye,nr as be,or as H,rr as xe,tr as Se,ur as Ce}from"./constants-kiieigwv.js";import{D as U,Ii as W,Mi as G,Na as we,Pi as K,Qa as q,T as Te,Tn as Ee,Zn as J,at as De,ct as Oe,lt as ke,oi as Ae,ot as je,qi as Me,ri as Ne,st as Pe,ta as Fe,tt as Ie,za as Y}from"./index-9QPtYDXy.js";import{t as Le}from"./CopyToClipboard-Bx-prlKU.js";import{t as Re}from"./ReportButton-Dw0mHMOU.js";import{t as X}from"./ImagePreview-Cqw8CRzu.js";import{n as ze}from"./taskDrawerMixin-DyAUhFEq.js";import{t as Be}from"./ServicePricingSummary-CIkjhZtm.js";import{t as Ve}from"./ScenarioPaymentMode-B-H0w0Nu.js";import{t as He}from"./ApiCodeButton-CamxfAYn.js";import{t as Ue}from"./BotPlaceholder-DdJ_x_l7.js";import{t as We}from"./taskPollingMixin-CcLxtz8z.js";import{t as Ge}from"./ShowcaseResultTabs-9R6ZuYzV.js";import{t as Ke}from"./showcaseRecreateMixin-C6lb96lp.js";import{t as qe}from"./ImageWrapper-BpTBr_wd.js";import{n as Z}from"./imageRequests-6801C8WR.js";var Je=_({name:`LayoutNanobanana`,components:{MagicIcon:L,ElDrawer:E,ElButton:q},mixins:[ze]}),Ye={class:`main flex flex-row flex-1`},Xe={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)]`},Ze={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Qe(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,Ye,[e(`div`,Xe,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ze,[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 $e=U(Je,[[`render`,Qe],[`__scopeId`,`data-v-92afefbe`]]),et=_({name:`PromptInput`,components:{PromptTextarea:F},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function tt(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(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var nt=U(et,[[`render`,tt]]),rt=_({name:`ImageUrlsInput`,components:{UploadIcon:ie,ElUpload:x,ElButton:q,InfoIcon:P,ImagePreview:X},mixins:[ke,Oe,je,Ie],data(){return{fileList:[],uploadUrl:we()+`/api/v1/files/`,suppressWatch:!1}},computed:{maxImages(){return 16},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){T.warning(this.$t(`openaiimage.message.uploadImageExceed`,{count:16}))},onError(){T.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),it={class:`field flex min-h-8 w-full items-center justify-between gap-3`},at={class:`flex min-w-0 items-center`},ot={class:`title m-0 text-[14px] font-bold`},st={class:`file-list flex flex-wrap gap-[10px]`};function ct(t,n,o,u,d,g){let _=l(`info-icon`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`),x=l(`image-preview`);return h(),s(`div`,null,[e(`div`,it,[e(`div`,at,[e(`h2`,ot,i(t.$t(`openaiimage.name.imageUrls`)),1),a(_,{content:t.$t(`openaiimage.description.imageUrls`)},null,8,[`content`])]),a(b,{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:t.maxImages,multiple:!0,"show-file-list":!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(y,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(v,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`])]),e(`div`,st,[(h(!0),s(c,null,m(t.fileList,(e,n)=>(h(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])])}var lt=U(rt,[[`render`,ct]]),ut=_({name:`OpenAIImageModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:P},data(){return{options:[{value:z,label:this.$t(`openaiimage.model.gptImage1`)},{value:ue,label:this.$t(`openaiimage.model.gptImage15`)},{value:oe,label:this.$t(`openaiimage.model.gptImage2`)},{value:_e,label:this.$t(`openaiimage.model.gptImage25Flare`)},{value:Se,label:this.$t(`openaiimage.model.gptImage25FlareOfficial`)},{value:be,label:this.$t(`openaiimage.model.gptImage25Sunburst`)},{value:xe,label:this.$t(`openaiimage.model.gptImage25SunburstOfficial`)},{value:ve,label:this.$t(`openaiimage.model.gptImage2Official`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=se}}),dt={class:`field`},ft={class:`label`},pt={class:`box`},mt={class:`title font-bold`};function ht(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,dt,[e(`div`,ft,[e(`div`,pt,[e(`h2`,mt,i(t.$t(`openaiimage.name.model`)),1),a(g,{content:t.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),title:t.value},{default:p(()=>[(h(!0),s(c,null,m(t.options,e=>(h(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`title`])])}var gt=U(ut,[[`render`,ht],[`__scopeId`,`data-v-03b728f3`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var _t=_({name:`OpenAIImageSizeSelector`,components:{ElSelect:y,ElOption:b,ElOptionGroup:v,ElSwitch:O,ElInputNumber:D,InfoIcon:P},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},autoSizeValue(){return B},customSupported(){return pe.includes(this.model)},presets(){return H[this.model]??H[`gpt-image-2`]??[]},presetGroups(){return le.includes(this.model)?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:ge},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:ye},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:Ce}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize(B)}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.autoSizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return fe},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t<655360?this.$t(`openaiimage.error.customSizeMinPixels`,{pixels:de.toLocaleString()}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:ce.toLocaleString()}):Math.max(e,t)/Math.min(e,t)>3?this.$t(`openaiimage.error.customSizeAspectRatio`,{ratio:3}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||e===`auto`||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize(B)}},storedSize(e){if(!e||e===`auto`){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),vt={class:`resolution`},yt={class:`field`},bt={class:`label`},xt={class:`box`},St={class:`title font-bold`},Ct={class:`field custom-toggle`},wt={class:`label`},Tt={class:`box`},Et={class:`title font-bold`},Dt={key:0,class:`custom-inputs`},Ot={class:`row`},kt={class:`row-label`},At={class:`row`},jt={class:`row-label`},Mt={key:0,class:`error`};function Nt(t,n,r,u,d,g){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-option-group`),b=l(`el-select`),x=l(`el-switch`),S=l(`el-input-number`);return h(),s(`div`,vt,[e(`div`,yt,[e(`div`,bt,[e(`div`,xt,[e(`h2`,St,i(t.$t(`openaiimage.name.size`)),1),a(_,{content:t.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:t.presetValue,"onUpdate:modelValue":n[0]||=e=>t.presetValue=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),disabled:t.useCustom},{default:p(()=>[a(v,{label:t.$t(`openaiimage.size.auto`),value:t.autoSizeValue},null,8,[`label`,`value`]),(h(!0),s(c,null,m(t.presetGroups,e=>(h(),f(y,{key:e.label,label:e.label},{default:p(()=>[(h(!0),s(c,null,m(e.options,e=>(h(),f(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),t.customSupported?(h(),s(c,{key:0},[e(`div`,Ct,[e(`div`,wt,[e(`div`,Tt,[e(`h2`,Et,i(t.$t(`openaiimage.name.customSize`)),1),a(_,{content:t.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:t.useCustom,"onUpdate:modelValue":n[1]||=e=>t.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),t.useCustom?(h(),s(`div`,Dt,[e(`div`,Ot,[e(`span`,kt,i(t.$t(`openaiimage.name.width`)),1),a(S,{modelValue:t.customWidth,"onUpdate:modelValue":n[2]||=e=>t.customWidth=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e(`div`,At,[e(`span`,jt,i(t.$t(`openaiimage.name.height`)),1),a(S,{modelValue:t.customHeight,"onUpdate:modelValue":n[3]||=e=>t.customHeight=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),t.customError?(h(),s(`div`,Mt,i(t.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Pt=U(_t,[[`render`,Nt],[`__scopeId`,`data-v-c3247527`]]),Ft=_({name:`OpenAIImageQualitySelector`,components:{ElOption:b,ElSelect:y,InfoIcon:P},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedQuality(){return this.$store.state.openaiimage?.config?.quality},qualities(){return he[this.model]??[`auto`]},quality:{get(){return this.storedQuality&&this.qualities.includes(this.storedQuality)?this.storedQuality:R},set(e){this.commitQuality(e)}}},watch:{model(){this.storedQuality&&this.qualities.includes(this.storedQuality)||this.commitQuality(R)}},methods:{commitQuality(e){let t={...this.$store.state.openaiimage?.config||{},quality:e};this.$store.commit(`openaiimage/setConfig`,t)}}}),It={class:`field`},Lt={class:`label`},Rt={class:`box`},zt={class:`title font-bold`};function Bt(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,It,[e(`div`,Lt,[e(`div`,Rt,[e(`h2`,zt,i(t.$t(`openaiimage.name.quality`)),1),a(g,{content:t.$t(`openaiimage.description.quality`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.quality,"onUpdate:modelValue":n[0]||=e=>t.quality=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(h(!0),s(c,null,m(t.qualities,e=>(h(),f(_,{key:e,label:t.$t(`openaiimage.quality.${e}`),value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Vt=U(Ft,[[`render`,Bt],[`__scopeId`,`data-v-052cc590`]]),Ht=350,Ut=_({name:`ConfigPanel`,components:{MagicIcon:L,ElButton:q,PromptInput:nt,ServicePricingSummary:Be,ImageUrlsInput:lt,ModelSelector:gt,ResolutionSelector:Pt,QualitySelector:Vt,ScenarioPaymentMode:Ve},props:{identityToken:{type:String,default:void 0}},emits:[`generate`],data(){return{OPENAIIMAGE_MODELS:me,quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return Ee({...this.config||{}},this.service?.cost)},displayConsumption(){return V(this.config?.model)?void 0:this.consumption},service(){return this.$store.state.openaiimage?.service},pricingNote(){return V(this.config?.model)?this.$t(`service.message.imageTokenEstimate`):``},walletMode(){return G()&&K(`openaiimage`).mode===`wallet`}},watch:{walletMode:{handler(e){e?this.scheduleQuote():this.cancelQuote()},immediate:!0},config:{handler(){this.walletMode?this.scheduleQuote():this.cancelQuote()},deep:!0},identityToken(){this.quoteRunId+=1,this.walletMode&&this.scheduleQuote()}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,Ht)},cancelQuote(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},async refreshQuote(){let e=K(`openaiimage`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await J.quote(Z(this.config),this.identityToken);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`)}}}),Wt={class:`flex flex-col h-full`},Gt={class:`flex-1 overflow-y-auto p-5`},Kt={class:`flex flex-col items-center justify-center px-5 pb-5`};function qt(t,n,c,u,d,m){let g=l(`model-selector`),_=l(`resolution-selector`),v=l(`quality-selector`),y=l(`prompt-input`),b=l(`image-urls-input`),x=l(`scenario-payment-mode`),S=l(`service-pricing-summary`),C=l(`magic-icon`),w=l(`el-button`);return h(),s(`div`,Wt,[e(`div`,Gt,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),e(`div`,Kt,[a(x,{scenario:`openaiimage`}),t.walletMode?o(``,!0):(h(),f(S,{key:0,value:t.displayConsumption,service:t.service,note:t.pricingNote,"pricing-models":t.OPENAIIMAGE_MODELS,"pricing-model-default":`dall-e-3`,"pricing-unit-aliases":{n:`image`}},null,8,[`value`,`service`,`note`,`pricing-models`])),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(C,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Jt=U(Ut,[[`render`,qt]]),Yt=_({name:`TaskPreview`,components:{ApplicationIcon:k,ChannelIcon:j,DeleteIcon:ne,ImageIcon:M,InfoIcon:N,LightningIcon:ae,MagicIcon:L,TimeIcon:A,WarningIcon:re,CopyToClipboard:Le,ElAlert:C,ImageWrapper:qe,ElButton:q,ElTooltip:S,ImagePreview:X,ApiCodeButton:He,ReportButton:Re},props:{modelValue:{type:Object,required:!0}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)},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(`openaiimage/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}}}}),Xt={class:`preview`},Zt={class:`left`},Qt={class:`main`},$t={class:`bot`},en={class:`datetime`},tn=[`aria-label`],nn={class:`info`},rn={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},an={key:1,class:`prompt mt-2`},on={key:0},sn={key:0,class:n({content:!0,failed:!0})},cn={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},ln={class:n({operations:!0,"mt-2":!0,"mb-2":!0})},un={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},fn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},gn={key:1,class:n({content:!0})},_n={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Sn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cn={key:2,class:n({content:!0})},wn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},En={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function On(n,u,d,g,_,v){let y=l(`capability-presentation`),b=l(`delete-icon`),x=l(`el-tooltip`),S=l(`image-preview`),C=l(`image-wrapper`),w=l(`el-button`),T=l(`api-code-button`),E=l(`report-button`),D=l(`application-icon`),O=l(`image-icon`),k=l(`lightning-icon`),A=l(`magic-icon`),j=l(`copy-to-clipboard`),M=l(`time-icon`),N=l(`channel-icon`),P=l(`el-alert`),F=l(`warning-icon`),I=l(`info-icon`);return h(),s(`div`,Xt,[e(`div`,Zt,[a(y,{capability:`openaiimage`,part:`avatar`,class:`avatar`})]),e(`div`,Qt,[e(`div`,$t,[a(y,{capability:`openaiimage`,part:`name`}),e(`span`,en,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(x,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(h(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:u[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,tn)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,nn,[n.referenceImages.length>0?(h(),s(`div`,rn,[(h(!0),s(c,null,m(n.referenceImages,(e,t)=>(h(),f(S,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),n.modelValue?.request?.prompt?(h(),s(`p`,an,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,on,` - (`+i(n.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,sn,[e(`div`,cn,[(h(!0),s(c,null,m(n.images,(e,t)=>(h(),f(C,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),e(`div`,ln,[a(x,{class:`box-item`,effect:`dark`,content:n.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(w,{type:`info`,size:`small`,class:`btn-action`,onClick:u[1]||=t(e=>n.onEdit(n.images?.[0]?.image_url||n.images?.[0]?.url),[`stop`])},{default:p(()=>[r(i(n.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(T,{path:n.openaiimagePath,body:n.openaiimageCodeBody},null,8,[`path`,`body`]),a(E,{service:`openaiimage`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])]),a(P,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,un,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,dn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,fn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,pn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,mn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,hn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(h(),s(`div`,gn,[a(P,{closable:!1,class:`failure`},{template:p(()=>[a(F,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,_n,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,vn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,yn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,$,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,bn,[a(I,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(j,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,xn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,Sn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(h(),s(`div`,Cn,[a(P,{closable:!1,class:`info`},{template:p(()=>[n.modelValue?.response?(h(),f(I,{key:1,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):(h(),f(M,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),r(` `+i(n.$t(n.modelValue?.response?`openaiimage.name.status`:`openaiimage.status.pending`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,wn,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,Tn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,En,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,Dn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var kn=_({name:`RecentPanel`,components:{TaskPreview:U(Yt,[[`render`,On],[`__scopeId`,`data-v-6519c932`]]),BotPlaceholder:Ue,NoTasks:ee,ScrollList:I},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),An={key:0},jn={key:2,class:`w-full h-full flex items-center justify-center`};function Mn(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`,An,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,e=>(h(),f(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,jn,[a(v)])):o(``,!0)],64)}var Nn=_({name:`OpenAIImageIndex`,components:{ConfigPanel:Jt,Layout:$e,RecentPanel:U(kn,[[`render`,Mn]]),ShowcaseResultTabs:Ge},mixins:[Pe,Ke(`openaiimage`),We(`openaiimage`)],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===w.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks},walletMode(){return G()&&K(`openaiimage`).mode===`wallet`}},watch:{config:{handler(e){W(`openaiimage`,!(Array.isArray(e?.image_urls)&&e.image_urls.length>0))},deep:!0,immediate:!0},walletMode:{async handler(e,t){t===void 0||e===t||(this.$store.commit(`openaiimage/setTasks`,void 0),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 te({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})},async onGenerate(){if(!De(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;W(`openaiimage`,!t);let n=K(`openaiimage`).mode;if(!this.hasText(e.prompt)){T.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let r=Z(e),i={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,quality:e?.quality,image_urls:e?.image_urls||[],async:!0},a;if(n===`wallet`){let e=this.getWalletContext();if(!e){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}a=J.generate(r,{mode:`x402`,x402:{wallet:e,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!Fe())return;let e=this.credential?.token;if(!e){console.error(`no token specified`);return}a=t?J.edit(i,{token:e}):J.generate(r,{token:e})}T.info(this.$t(`openaiimage.message.startingTask`)),Me(`openaiimage`,a).then(e=>{let t=e?.data?.task_id;console.debug(`task accepted`,t),n===`wallet`&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{if(e instanceof Ne)return;let t=e?.response?.data;Te(e,`openaiimage`)||(n===`wallet`?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``)))}).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 Pn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`showcase-result-tabs`),d=l(`layout`);return h(),f(d,null,{config:p(()=>[a(s,{"identity-token":e.credential?.token,onGenerate:e.onGenerate},null,8,[`identity-token`,`onGenerate`])]),result:p(()=>[a(u,{service:`openai`},{tasks:p(()=>[a(c,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})]),_:1})}var Fn=U(Nn,[[`render`,Pn]]);export{Fn as default};

package/dist/assets/Index-Cdl5_bOZ.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{r as v,t as y}from"./select-Z6KgLTht.js";import{t as b}from"./upload-Bf6gfU9e.js";import{t as x}from"./tooltip-Dkhw7cOR.js";import{t as S}from"./alert-BprQRUmf.js";import{_ as C,v as w}from"./vuex.esm-bundler-DdqoLR8S.js";import{t as T}from"./checkbox-DXMDpaxv.js";import{t as E}from"./drawer-L7Y4nWQp.js";import{t as D}from"./input-number-B-ci8lJH.js";import{t as O}from"./clock-Df79mUBO.js";import{t as k}from"./hash-fnNMJyhY.js";import{t as ee}from"./info-CkI7CDMr.js";import{a as A,i as j,n as M,r as N,t as P}from"./pagination-DebnOQug.js";import{t as F}from"./trash-2-Bsb0SCBF.js";import{t as te}from"./triangle-alert-BABYNg2h.js";import{t as I}from"./wand-sparkles-D-Tu19dx.js";import{xt as ne}from"./constants-kiieigwv.js";import{Bn as L,D as R,Mi as z,Na as B,Pi as V,Qa as H,T as U,Tn as W,Vn as G,at as K,ct as q,lt as J,oi as Y,oo as X,ot as Z,qi as re,ri as ie,st as ae,ta as oe,tt as se,za as Q}from"./index-9QPtYDXy.js";import{t as ce}from"./CopyToClipboard-Bx-prlKU.js";import{t as le}from"./ReportButton-Dw0mHMOU.js";import{t as ue}from"./ImagePreview-Cqw8CRzu.js";import{n as de}from"./taskDrawerMixin-DyAUhFEq.js";import{t as fe}from"./ServicePricingSummary-CIkjhZtm.js";import{t as pe}from"./VideoPlayer-DnqvHNJD.js";import{t as me}from"./ScenarioPaymentMode-B-H0w0Nu.js";import{t as he}from"./ApiCodeButton-CamxfAYn.js";import{t as ge}from"./BotPlaceholder-DdJ_x_l7.js";import{t as _e}from"./taskPollingMixin-CcLxtz8z.js";import{n as ve,t as ye}from"./generationInput-BGGxEArh.js";var be=_({name:`LayoutWan`,components:{MagicIcon:I,ElDrawer:E,ElButton:H},mixins:[de]}),xe={class:`main flex flex-row flex-1`},Se={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)]`},Ce={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function we(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,xe,[e(`div`,Se,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ce,[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:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Te=R(be,[[`render`,we],[`__scopeId`,`data-v-20dc9571`]]),Ee=_({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},data(){return{}},computed:{options(){return[{value:`wan2.6-t2v`,label:this.$t(`wan.button.modelT2v`)},{value:`wan2.6-i2v`,label:this.$t(`wan.button.modelI2v`)},{value:`wan2.6-i2v-flash`,label:this.$t(`wan.button.modelI2vFlash`)},{value:`wan2.6-r2v`,label:this.$t(`wan.button.modelR2v`)},{value:`wan3.0-video`,label:this.$t(`wan.button.modelWan3`)}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||=ne}}),De={class:`field`},Oe={class:`title font-bold`},ke={class:`float-left`};function Ae(t,n,r,o,u,d){let g=l(`el-option`),_=l(`el-select`);return h(),s(`div`,De,[e(`h2`,Oe,i(t.$t(`wan.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`wan.placeholder.select`),clearable:``},{default:p(()=>[(h(!0),s(c,null,m(t.options,t=>(h(),f(g,{key:t.value,label:t.label,value:t.value},{default:p(()=>[e(`span`,ke,i(t.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var je=R(Ee,[[`render`,Ae],[`__scopeId`,`data-v-f4ee3412`]]),Me=`720p`,Ne=_({name:`ResolutionSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return[{value:`480p`,label:this.$t(`wan.name.resolution480p`)},{value:`720p`,label:this.$t(`wan.name.resolution720p`)},{value:`1080p`,label:this.$t(`wan.name.resolution1080p`)}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||=Me}}),Pe={class:`field`},Fe={class:`title font-bold`},Ie={class:`float-left`};function Le(t,n,r,o,u,d){let g=l(`el-option`),_=l(`el-select`);return h(),s(`div`,Pe,[e(`h2`,Fe,i(t.$t(`wan.name.resolution`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`wan.placeholder.select`),clearable:``},{default:p(()=>[(h(!0),s(c,null,m(t.options,t=>(h(),f(g,{key:t.value,label:t.label,value:t.value},{default:p(()=>[e(`span`,Ie,i(t.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Re=R(Ne,[[`render`,Le],[`__scopeId`,`data-v-3e39f44e`]]),ze=5,Be=_({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return[{value:5,label:this.$t(`wan.name.duration5s`)},{value:10,label:this.$t(`wan.name.duration10s`)},{value:15,label:this.$t(`wan.name.duration15s`)}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||=ze}}),Ve={class:`field`},He={class:`title font-bold`},Ue={class:`float-left`};function We(t,n,r,o,u,d){let g=l(`el-option`),_=l(`el-select`);return h(),s(`div`,Ve,[e(`h2`,He,i(t.$t(`wan.name.duration`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`wan.placeholder.select`),clearable:``},{default:p(()=>[(h(!0),s(c,null,m(t.options,t=>(h(),f(g,{key:t.value,label:t.label,value:t.value},{default:p(()=>[e(`span`,Ue,i(t.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ge=R(Be,[[`render`,We],[`__scopeId`,`data-v-5f35a2cf`]]),Ke=_({name:`ImageUrlInput`,components:{ElUpload:b,ElButton:H,InfoIcon:A,ImagePreview:ue},mixins:[J,q,Z,se],data(){return{fileList:[],uploadUrl:B()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.wan?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetImageUrl()},methods:{onExceed(){w.warning(this.$t(`wan.message.uploadImageExceed`))},onError(){w.error(this.$t(`wan.message.uploadImageError`))},async onRemove(){w.error(this.$t(`wan.message.uploadImageError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),qe={class:`relative`},Je={class:`flex justify-between`},Ye={class:`flex justify-start items-center`},Xe={class:`text-sm font-bold`};function Ze(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`el-button`),y=l(`el-upload`);return h(),s(`div`,qe,[e(`div`,Je,[e(`div`,Ye,[e(`span`,Xe,i(t.$t(`wan.name.imageUrl`)),1),a(g,{content:t.$t(`wan.description.imageUrl`),class:`info`},null,8,[`content`])])]),a(y,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,"show-file-list":!0,limit:1,multiple:!1,"list-type":`picture`,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-remove":t.onRemove,"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(v,{size:`small`,type:`primary`,class:`btn btn-upload`,round:``},{default:p(()=>[r(i(t.$t(`wan.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])])}var Qe=R(Ke,[[`render`,Ze],[`__scopeId`,`data-v-56929914`]]),$e=_({name:`PromptInput`,components:{PromptTextarea:j},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||=``}});function et(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(`wan.name.prompt`),info:e.$t(`wan.description.prompt`),placeholder:e.$t(`wan.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var tt=R($e,[[`render`,et]]),nt=_({name:`WanMediaInput`,components:{ElInput:X},computed:{value:{get(){return this.$store.state.wan?.config?.media_text||``},set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,media_text:e})}}}}),rt={class:`field`},it={class:`flex items-center mb-2`},at={class:`text-sm font-bold`},ot={class:`text-xs mt-1 text-[var(--el-text-color-secondary)]`};function st(t,n,r,o,c,u){let d=l(`el-input`);return h(),s(`div`,rt,[e(`div`,it,[e(`span`,at,i(t.$t(`wan.name.media`)),1)]),a(d,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,type:`textarea`,rows:5,placeholder:t.$t(`wan.placeholder.media`)},null,8,[`modelValue`,`placeholder`]),e(`p`,ot,i(t.$t(`wan.description.media`)),1)])}var ct=R(nt,[[`render`,st]]),lt=_({name:`Wan3Options`,components:{ElSelect:v,ElOption:y,ElInputNumber:D,ElCheckbox:T},data:()=>({ratios:[`adaptive`,`16:9`,`4:3`,`1:1`,`3:4`,`9:16`]}),computed:{ratio:{get(){return this.$store.state.wan?.config?.ratio||`adaptive`},set(e){this.set({ratio:e})}},duration:{get(){return this.$store.state.wan?.config?.duration??5},set(e){this.set({duration:e})}},audio:{get(){return this.$store.state.wan?.config?.audio!==!1},set(e){this.set({audio:e})}}},methods:{set(e){this.$store.commit(`wan/setConfig`,{...this.$store.state.wan?.config,...e})}}}),ut={class:`space-y-4`},dt={class:`field`},ft={class:`label`},pt={class:`field`},mt={class:`label`};function ht(t,n,o,u,d,g){let _=l(`el-option`),v=l(`el-select`),y=l(`el-input-number`),b=l(`el-checkbox`);return h(),s(`div`,ut,[e(`div`,dt,[e(`span`,ft,i(t.$t(`wan.name.ratio`)),1),a(v,{modelValue:t.ratio,"onUpdate:modelValue":n[0]||=e=>t.ratio=e},{default:p(()=>[(h(!0),s(c,null,m(t.ratios,e=>(h(),f(_,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`])]),e(`div`,pt,[e(`span`,mt,i(t.$t(`wan.name.duration`)),1),a(y,{modelValue:t.duration,"onUpdate:modelValue":n[1]||=e=>t.duration=e,min:-1,max:30},null,8,[`modelValue`])]),a(b,{modelValue:t.audio,"onUpdate:modelValue":n[2]||=e=>t.audio=e},{default:p(()=>[r(i(t.$t(`wan.name.audio`)),1)]),_:1},8,[`modelValue`])])}var gt=_({name:`PresetPanel`,components:{MagicIcon:I,ElButton:H,PromptInput:tt,ImageUrlInput:Qe,ModelSelector:je,ResolutionSelector:Re,DurationSelector:Ge,MediaInput:ct,Wan3Options:R(lt,[[`render`,ht],[`__scopeId`,`data-v-49568593`]]),ServicePricingSummary:fe,ScenarioPaymentMode:me},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{canGenerate(){return ye(`wan`,L(this.config))},config(){return this.$store.state.wan?.config},consumption(){return W(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){let e=this.config?.model;return e===`wan2.6-t2v`||e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`||e===`wan3.0-video`},supportsDuration(){return this.config?.model===`wan2.6-t2v`},isWan3(){return this.config?.model===`wan3.0-video`},supportsImageUrl(){let e=this.config?.model;return e===`wan2.6-i2v`||e===`wan2.6-i2v-flash`},walletMode(){return z()&&V(`wan`).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=V(`wan`);e.quoteUsdc=void 0,e.quoteLoading=!1,this.canGenerate&&(this.quoteTimer=window.setTimeout(this.refreshQuote,350))},async refreshQuote(){if(!this.canGenerate)return;let e=V(`wan`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await G.quote(L(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`)}}}),_t={class:`flex flex-col h-full`},vt={class:`flex-1 overflow-y-auto p-5`},yt={class:`flex flex-col items-center justify-center px-5 pb-5`};function bt(t,n,c,u,d,m){let g=l(`prompt-input`),_=l(`model-selector`),v=l(`resolution-selector`),y=l(`duration-selector`),b=l(`image-url-input`),x=l(`media-input`),S=l(`wan3-options`),C=l(`scenario-payment-mode`),w=l(`service-pricing-summary`),T=l(`magic-icon`),E=l(`el-button`);return h(),s(`div`,_t,[e(`div`,vt,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),t.supportsResolution?(h(),f(v,{key:0,class:`mb-4`})):o(``,!0),t.supportsDuration?(h(),f(y,{key:1,class:`mb-4`})):o(``,!0),t.supportsImageUrl?(h(),f(b,{key:2,class:`mb-4`})):o(``,!0),t.isWan3?(h(),f(x,{key:3,class:`mb-4`})):o(``,!0),t.isWan3?(h(),f(S,{key:4,class:`mb-4`})):o(``,!0)]),e(`div`,yt,[a(C,{scenario:`wan`}),t.walletMode?o(``,!0):(h(),f(w,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(E,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(T,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`wan.button.generate`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var xt=R(gt,[[`render`,bt]]),St=_({name:`TaskPreview`,components:{DeleteIcon:F,ChannelIcon:k,InfoIcon:ee,MagicIcon:I,TimeIcon:O,WarningIcon:te,CopyToClipboard:ce,ElAlert:S,VideoPlayer:pe,ElTooltip:x,ElButton:H,ApiCodeButton:he,ReportButton:le},props:{modelValue:{type:Object,required:!0}},computed:{isFailure(){let e=this.modelValue?.response;return e?.success===!1||!!e?.error||e?.state===`failed`||e?.state===`cancelled`},isWaiting(){let e=this.modelValue?.response;return e?this.isFailure?!1:[`queued`,`pending`,`processing`,`running`].includes(e.state||``)?!0:e.success!==!0&&!e.state:!0},application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},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(`wan/deleteTask`,{id:e}),w.success(this.$t(`common.message.deleteTaskSuccess`))}catch{w.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e){console.debug(`on download wan video`,e),window.open(e,`_blank`)}}}),Ct={class:`preview`},wt={class:`left`},Tt={class:`main`},Et={class:`bot`},Dt={class:`datetime`},Ot=[`aria-label`],kt={class:`info`},At={key:0,class:`prompt mt-2`},jt={key:0},Mt={key:1},Nt={key:0,class:n({content:!0,failed:!0})},Pt={key:0,class:`mb-4`},Ft={key:1,class:n({operations:!0,"mt-2":!0})},It={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Lt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Rt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},zt={key:1,class:n({content:!0})},Bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ut={key:2,class:n({content:!0})},Wt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Gt(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(`channel-icon`),w=l(`copy-to-clipboard`),T=l(`magic-icon`),E=l(`time-icon`),D=l(`el-alert`),O=l(`warning-icon`),k=l(`info-icon`);return h(),s(`div`,Ct,[e(`div`,wt,[a(g,{capability:`wan`,part:`avatar`,class:`avatar`})]),e(`div`,Tt,[e(`div`,Et,[a(g,{capability:`wan`,part:`name`}),e(`span`,Dt,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,Ot)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,kt,[n.modelValue?.request?.prompt?(h(),s(`p`,At,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,jt,` - (`+i(n.$t(`wan.status.pending`))+`) `,1)),n.modelValue?.response&&n.isWaiting?(h(),s(`span`,Mt,` - (`+i(n.$t(`wan.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0&&!n.isFailure&&!n.isWaiting?(h(),s(`div`,Nt,[n.modelValue?.response?.video_url?(h(),s(`div`,Pt,[a(y,{src:n.modelValue?.response?.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response?.video_url?(h(),s(`div`,Ft,[a(v,{class:`box-item`,effect:`dark`,content:n.$t(`wan.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`mb-2`,onClick:c[1]||=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`wan.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(x,{path:`/wan/videos`,body:n.modelValue?.request},null,8,[`body`]),a(S,{service:`wan`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,It,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.model`))+`: `+i(n.modelValue?.request?.model)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])])):o(``,!0),e(`p`,Lt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Rt,[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.isFailure?(h(),s(`div`,zt,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.failure`)),1)]),default:p(()=>[e(`p`,Bt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,$,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.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`,Vt,[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Ht,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(w,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),n.isWaiting?(h(),s(`div`,Ut,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(E,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`wan.status.processing`:`wan.status.pending`)),1)]),default:p(()=>[e(`p`,Wt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`wan.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Kt=_({name:`RecentPanel`,components:{TaskPreview:R(St,[[`render`,Gt],[`__scopeId`,`data-v-f180e91e`]]),BotPlaceholder:ge,NoTasks:N,ScrollList:M},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),qt={key:0},Jt={key:2,class:`w-full h-full flex items-center justify-center`};function Yt(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`,qt,[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[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,e=>(h(),f(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Jt,[a(v)])):o(``,!0)],64)}var Xt=_({name:`WanIndex`,components:{ConfigPanel:xt,Layout:Te,RecentPanel:R(Kt,[[`render`,Yt]])},mixins:[ae,_e(`wan`)],inject:[`initialized`],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===C.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===C.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.tasks},walletMode(){return z()&&V(`wan`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`wan/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 P({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`wan/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`wan/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`wan/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){let e=L(this.config),t=ve(`wan`,e);if(t){w.error(this.$t(`common.message.${t}`));return}if(!K(this.uploadTracker,e=>this.$t(e),e=>w.warning(e)))return;let n;if(this.walletMode){let t=this.getWalletContext();if(!t){w.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}n=G.generate(e,{mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!oe())return;let t=this.credential?.token;if(!t)return;n=G.generate(e,{token:t})}w.info(this.$t(`wan.message.startingTask`)),re(`wan`,n).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),w.success(this.$t(`wan.message.startTaskSuccess`))}).catch(e=>{e instanceof ie||U(e,`wan`)||(this.walletMode?w.error(this.$t(`common.x402Scenario.paymentFailed`)):w.error(this.$t(`wan.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return Y(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 Zt(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},null,8,[`loading`,`onReachTop`])]),_:1})}var Qt=R(Xt,[[`render`,Zt]]);export{Qt as default};

package/dist/assets/Index-CjWeOpGe.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-Z6KgLTht.js";import{n as k,t as A}from"./tabs-BIn1pfdA.js";import{n as j,t as M}from"./form-BdKMEyCR.js";import{t as ee}from"./upload-Bf6gfU9e.js";import{t as N}from"./tooltip-Dkhw7cOR.js";import{t as P}from"./alert-BprQRUmf.js";import{_ as F,n as I,v as L}from"./vuex.esm-bundler-DdqoLR8S.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-DlS6esg4.js";import{t as oe}from"./drawer-L7Y4nWQp.js";import{n as se,r as ce,t as le}from"./dropdown-Bw5-2BFz.js";import{t as B}from"./input-number-B-ci8lJH.js";import{t as ue}from"./popover-Dr0_oyas.js";import{t as de}from"./progress-BuyYfFZn.js";import{n as fe,t as pe}from"./skeleton-Dj_a_iIP.js";import{t as me}from"./slider-1_DTJhKi.js";import{t as he}from"./switch-BSlWfHI1.js";import{i as ge,n as _e,r as V,t as ve}from"./Player-sJkecdvX.js";import{t as ye}from"./circle-check-C2eKrvdE.js";import{t as be}from"./clock-Df79mUBO.js";import{t as xe}from"./code-Vo8dFaxl.js";import{t as Se}from"./download-0y-HYDOw.js";import{t as Ce}from"./ellipsis-Bn0nMuSn.js";import{t as we}from"./headphones-DSA76YU2.js";import{t as Te}from"./image-CSGEim55.js";import{t as Ee}from"./info-CkI7CDMr.js";import{t as De}from"./link-Cz-XVIIE.js";import{t as Oe}from"./loader-circle-qEYDw7AI.js";import{a as H,i as ke,n as Ae,o as je,r as Me,t as Ne}from"./pagination-DebnOQug.js";import{t as Pe}from"./mic-BfGutdH1.js";import{t as Fe}from"./music-2-B3N31Le1.js";import{t as Ie}from"./palette-DeSZ2WLY.js";import{t as Le}from"./pause-CNhj1yEv.js";import{t as Re}from"./pencil-DnXQWvKs.js";import{t as ze}from"./play-DMKqNvv-.js";import{t as Be}from"./plus-bghfKQuQ.js";import{t as Ve}from"./refresh-cw-BNmuHc_7.js";import{t as He}from"./rotate-ccw-BALIA2_c.js";import{t as Ue}from"./shuffle-COGeCuR3.js";import{t as We}from"./square-Cy83oEom.js";import{t as Ge}from"./trash-2-Bsb0SCBF.js";import{t as Ke}from"./triangle-alert-BABYNg2h.js";import{t as qe}from"./upload-C6vmRcPM.js";import{t as Je}from"./wand-sparkles-D-Tu19dx.js";import{t as Ye}from"./chip-CNPdFg2A.js";import{Cr as Xe,Ga as Ze,po as Qe}from"./constants-kiieigwv.js";import{D as U,E as $e,Fa as et,Ga as W,Ha as G,Ia as tt,Mi as nt,Na as rt,Pi as it,Qa as K,Qi as at,Ra as q,Tn as ot,Ui as st,Wa as ct,at as lt,nr as J,oi as ut,oo as Y,ot as dt,qi as ft,ri as X,st as pt,ta as mt,tr as ht,tt as gt,za as Z}from"./index-9QPtYDXy.js";import{t as _t}from"./CopyToClipboard-Bx-prlKU.js";import{t as vt}from"./ReportDialog-LE8Yt5jU.js";import{n as yt,t as bt}from"./taskDrawerMixin-DyAUhFEq.js";import{t as xt}from"./ServicePricingSummary-CIkjhZtm.js";import{t as St}from"./ScenarioPaymentMode-B-H0w0Nu.js";import{t as Ct}from"./ApiCodeDialog-B6qw-zTG.js";import{t as wt}from"./taskPollingMixin-CcLxtz8z.js";import{t as Tt}from"./ShowcaseResultTabs-9R6ZuYzV.js";import{t as Et}from"./showcaseRecreateMixin-C6lb96lp.js";import{t as Dt}from"./taskPolling-CvxWFDa8.js";var Ot=q(`arrow-down-wide-narrow`,[[`path`,{d:`m3 16 4 4 4-4`,key:`1co6wj`}],[`path`,{d:`M7 20V4`,key:`1yoxec`}],[`path`,{d:`M11 4h10`,key:`1w87gc`}],[`path`,{d:`M11 8h7`,key:`djye34`}],[`path`,{d:`M11 12h4`,key:`q8tih4`}]]),kt=q(`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=q(`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=q(`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=q(`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=q(`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=q(`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=q(`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:Je,ElDrawer:oe,ElButton:K},mixins:[yt]}),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=I(),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(K),{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:he},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||=Xe}}),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:Pe,StopIcon:We,SuccessIcon:ye,UndoIcon:He,UploadIcon:qe,ElUpload:ee,ElButton:K,ElDialog:W,ElTabs:k,ElTabPane:A,InfoIcon:H,ElRadioGroup:R,ElRadioButton:re},mixins:[dt,gt],emits:[`change`],data(){return{fileList:[],uploadUrl:rt()+`/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 J.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&&$e()){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 ${at()}`},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:Ye,RefreshIcon:Ve,PromptTextarea:ke},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 nt()&&it(`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:je,MagicIcon:Je,UndoIcon:He,ElInput:Y,ElButton:K,ElTooltip:N,ElDialog:W,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=I(),{t:u}=Qe(),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 J.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(W),{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(K),{onClick:n[2]||=e=>d.value=!1},{default:y(()=>[i(a(t.$t(`common.button.cancel`)),1)]),_:1}),s(l(K),{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(Y),{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(Y),{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 J.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 J.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:Ye,MagicIcon:Je,RefreshIcon:Ve,ElInput:Y,ElButton:K,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 J.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:Y,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:G,ElIcon:E,ElInputNumber:B,VideoPlay:ze,VideoPause:Le},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:G,ElIcon:E,VideoPlay:ze,VideoPause:Le},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:Y,ElInputNumber:B,ElSlider:me,ElRadioGroup:R,ElRadioButton:re,ElSwitch:he},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:G,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:G,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:G,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:G,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:W,ElForm:M,ElFormItem:j,ElInput:Y,ElButton:K,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 J.persona({audio_id:this.form.audio_id,name:this.form.name,description:this.form.description},e):await J.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:Be,DeleteIcon:Ge,FavoriteIcon:Ft,ElButton:K,ElIcon:E,ElTabs:k,ElTabPane:A,ElTooltip:N,Loading:Oe,MicrophoneIcon:Pe,MusicIcon:Fe,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:Pe,ElSelect:D,ElOption:O,ElButton:K,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:K,ElCheckbox:ne,ElDialog:W,ElForm:M,ElFormItem:j,ElInput:Y},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 J.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:Be,CustomModelCreateDialog:U(Za,[[`render`,eo]]),ElButton:K,ElEmpty:ct,ElProgress:de},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:K,ElDrawer:oe,ElOption:O,ElSelect:D,InfoIcon:H,MusicIcon:Fe},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:ge,MagicIcon:Je,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:K,ElTabs:k,ElTabPane:A,ServicePricingSummary:xt,ScenarioPaymentMode:St},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 ot(this.usesCustomModel?{...this.config,action:`generate`}:this.config,this.service?.cost)},service(){return this.$store.state.suno?.service},walletMode(){return nt()&&it(`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=it(`suno`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await J.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=_e(),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=I(),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(W),{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(K),{disabled:!m.value.length,onClick:g},{default:y(()=>[i(a(n.$t(`suno.button.downloadSubtitles`)),1)]),_:1},8,[`disabled`]),s(l(K),{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:et,StatusBadge:tt,AudioIcon:we,CodeIcon:xe,CollectionIcon:Nt,CutIcon:Pt,DeleteIcon:Ge,DownloadIcon:Se,DrumIcon:kt,EditIcon:Re,FastForwardIcon:jt,GuitarIcon:Mt,InfoIcon:Ee,LinkIcon:De,MagicIcon:Je,MicrophoneIcon:Pe,MoreIcon:Ce,MusicIcon:Fe,PaletteIcon:Ie,ShuffleIcon:Ue,SortIcon:Ot,TimeIcon:be,UndoIcon:He,WarningIcon:Ke,ElImage:G,ElIcon:E,ElTooltip:N,VideoPlay:ze,VideoPause:Le,ElDropdown:le,ElDropdownMenu:ce,ElDropdownItem:se,ElInput:Y,ElProgress:de,ElCheckbox:ne,ElPopover:ue,Loading:Oe,ApiCodeDialog:Ct,ReportDialog:vt,CopyToClipboard:_t,TimingDialog:Vo,VocalDialog:T({__name:`VocalDialog`,props:{modelValue:{type:Boolean},audio:{}},emits:[`update:modelValue`],setup(n,{emit:r}){let o=n,d=r,p=I(),{t:h}=Qe(),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 J.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 J.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(W),{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(K),{onClick:r[3]||=e=>b.value=!1},{default:y(()=>[i(a(t.$t(`common.button.close`)),1)]),_:1}),s(l(K),{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(K),{onClick:N},{default:y(()=>[i(a(t.$t(`suno.button.download_audio`)),1)]),_:1}),s(l(Y),{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(K),{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===F.Request},showViewCode(){return Ze()},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&&Dt(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&&bt()},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}J.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&&bt(),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 J.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 J.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 J.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`)),J.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`),B=p(`microphone-icon`),ue=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`),V=p(`code-icon`),ve=p(`delete-icon`),ye=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(B,{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(ue,{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(B,{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(B,{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(V,{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(ve,{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(ye,{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:fe,ElSkeleton:pe,ElIcon:E,Loading:Oe,TaskPreview:U(qo,[[`render`,Ds],[`__scopeId`,`data-v-6682eef0`]]),Player:ve,NoTasks:Me,ScrollList:Ae},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:Te,Headset:we,ElImage:G,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:Tt,PreviewPanel:U(Ls,[[`render`,Js]])},mixins:[pt,Et(`suno`),wt(`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===F.Request},tasksLoading(){return this.$store.state.suno?.status?.getTasks===F.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===F.Request},needApply(){return this.$store.state.suno.status.getApplications===F.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 nt()&&it(`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 Ne({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(){st.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=>J.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 J.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-CogPPD-N.css

@@ -0,0 +1 @@
+.landing[data-v-f062e0c9]{--landing-ink:var(--el-text-color-primary);--landing-muted:var(--el-text-color-secondary);--landing-accent:var(--el-color-primary);color:var(--landing-ink);background:var(--el-bg-color)}.container[data-v-f062e0c9]{width:min(1220px,100% - 48px);margin:0 auto}.macbook-frame[data-v-f062e0c9]{filter:drop-shadow(0 24px 28px #050c143d);padding:0 3.5%;position:relative}.macbook-frame__lid[data-v-f062e0c9]{z-index:1;background:linear-gradient(145deg,#11161d 0%,#050709 100%);border:1px solid #3c434d;border-radius:18px 18px 3px 3px;padding:2.6% 2.2% 0;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -14px 22px #00000059}.macbook-frame__camera[data-v-f062e0c9]{background:#1b2730;border-radius:50%;width:5px;height:5px;position:absolute;top:1.2%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #020304}.macbook-frame__viewport[data-v-f062e0c9]{background:#05070a;border-radius:11px 11px 2px 2px;overflow:hidden}.macbook-frame__viewport img[data-v-f062e0c9]{-o-object-fit:contain;object-fit:contain;background:0 0;border:0;width:100%;height:auto;display:block}.macbook-frame__chin[data-v-f062e0c9]{justify-content:center;align-items:center;height:12px;display:flex}.macbook-frame__base[data-v-f062e0c9]{z-index:2;background:linear-gradient(#d7d9dc 0%,#9ca1a7 38%,#575e66 72%,#c9ccd0 100%);border-radius:2px 2px 14px 14px;width:107.5%;height:18px;margin-top:-1px;margin-left:-3.75%;position:relative;box-shadow:inset 0 1px #ffffffd9,0 5px 8px #0000003d}.macbook-frame__base[data-v-f062e0c9]:before{content:"";background:linear-gradient(#737a82,#b8bcc1);border-radius:0 0 8px 8px;width:18%;height:46%;position:absolute;top:0;left:50%;transform:translate(-50%)}.macbook-frame__base[data-v-f062e0c9]:after{content:"";filter:blur(2px);background:#00000047;border-radius:50%;height:3px;position:absolute;bottom:-3px;left:5%;right:5%}.macbook-frame__base span[data-v-f062e0c9]{background:#ffffff80;width:16%;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-device[data-v-f062e0c9]{background:linear-gradient(145deg,#151a20,#030405);border:1px solid #3d4248;border-radius:32px;padding:9px 7px 12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14,0 22px 48px #050c1457}.phone-device[data-v-f062e0c9]:before,.phone-device[data-v-f062e0c9]:after{content:"";background:#363c43;border-radius:2px 0 0 2px;width:3px;position:absolute;left:-3px}.phone-device[data-v-f062e0c9]:before{height:8%;top:23%}.phone-device[data-v-f062e0c9]:after{height:13%;top:34%}.phone-device__speaker[data-v-f062e0c9]{z-index:3;background:#272d34;border-radius:9999px;width:18%;height:3px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.phone-device__screen[data-v-f062e0c9]{background:#05070a;border-radius:23px;position:relative;overflow:hidden}.phone-device__screen img[data-v-f062e0c9]{-o-object-fit:contain;object-fit:contain;background:0 0;border:0;width:100%;height:auto;display:block}.phone-device__island[data-v-f062e0c9]{z-index:2;background:#020304;border-radius:9999px;width:34%;height:13px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hero[data-v-f062e0c9]{background:var(--app-gradient-hero);min-height:720px;position:relative;overflow:hidden}.hero__grid[data-v-f062e0c9]{opacity:.5;background-image:radial-gradient(rgba(var(--app-brand-rgb), .18) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 92%);mask-image:linear-gradient(#000 20%,#0000 92%)}.hero__content[data-v-f062e0c9]{z-index:1;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);align-items:center;gap:56px;min-height:720px;padding-top:60px;padding-bottom:60px;display:grid;position:relative}.hero h1[data-v-f062e0c9]{letter-spacing:0;color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#93b8c3 50%,#689caa 100%);-webkit-background-clip:text;background-clip:text;margin:18px 0 14px;font-size:64px;font-weight:800;line-height:1.05}.hero__headline[data-v-f062e0c9]{color:#fff;max-width:620px;margin:0;font-size:30px;font-weight:700;line-height:1.35}.hero__summary[data-v-f062e0c9]{color:#ffffffb8;max-width:590px;margin:20px 0 32px;font-size:17px;line-height:1.8}.hero__actions[data-v-f062e0c9]{flex-wrap:wrap;gap:12px;display:flex}.hero__actions .el-button[data-v-f062e0c9]:not(.el-button--primary){color:#fff;background:#ffffff1a;border-color:#fff6}.hero__stats[data-v-f062e0c9]{border-top:1px solid #fff3;grid-template-columns:.72fr .72fr 1.56fr;gap:0;margin:44px 0 0;padding:22px 0 0;display:grid}.hero__stats div[data-v-f062e0c9]{padding-right:18px}.hero__stats dt[data-v-f062e0c9]{color:#fff;margin-bottom:6px;font-size:20px;font-weight:750}.hero__stats dd[data-v-f062e0c9]{color:#ffffffa6;margin:0;font-size:13px;line-height:1.5}.hero__screens[data-v-f062e0c9]{min-height:430px;position:relative}.hero__desktop[data-v-f062e0c9]{width:92%}.hero__mobile[data-v-f062e0c9]{z-index:3;width:27%;position:absolute;bottom:12px;right:0}.hero__note[data-v-f062e0c9]{color:#172033;cursor:pointer;background:#fffffff0;border:1px solid #cddcda;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:650;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 12px 30px #1e394424}.hero__note[data-v-f062e0c9]:hover{transform:translateY(-2px);box-shadow:0 16px 34px #1e394433}.hero__note[data-v-f062e0c9]:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:3px}.hero__note svg[data-v-f062e0c9]{color:var(--landing-accent)}.hero__note--top[data-v-f062e0c9]{top:-22px;right:10px}.hero__note--bottom[data-v-f062e0c9]{bottom:38px;left:-20px}.eyebrow[data-v-f062e0c9],.story-kicker[data-v-f062e0c9]{color:var(--landing-accent);text-transform:uppercase;letter-spacing:0;font-size:13px;font-weight:800;line-height:1.4}.eyebrow[data-v-f062e0c9]{color:#fff;background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;padding:7px 10px;display:inline-flex}.eyebrow--light[data-v-f062e0c9]{color:var(--landing-accent);background:0 0;border:0;padding:0}.section[data-v-f062e0c9]{padding:112px 0}.section-heading[data-v-f062e0c9]{text-align:center;max-width:760px;margin:0 auto 64px}.section-heading--wide[data-v-f062e0c9]{max-width:860px}.section-heading h2[data-v-f062e0c9]{letter-spacing:0;margin:12px 0 16px;font-size:42px;line-height:1.18}.section-heading p[data-v-f062e0c9]{color:var(--landing-muted);margin:0;font-size:17px;line-height:1.8}.platform-section[data-v-f062e0c9]{background:var(--el-bg-color);scroll-margin-top:76px}.platform-story[data-v-f062e0c9]{border:1px solid var(--app-border-subtle);background:var(--app-bg-surface);box-shadow:var(--app-shadow-sm);border-radius:16px;grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);align-items:center;gap:72px;margin-bottom:28px;padding:64px;display:grid}.platform-story--reverse[data-v-f062e0c9]{grid-template-columns:minmax(0,1.24fr) minmax(320px,.76fr)}.platform-story--reverse .platform-story__copy[data-v-f062e0c9]{order:2}.platform-story__copy .story-number[data-v-f062e0c9]{color:#c9d1d8;margin-bottom:28px;font-size:42px;font-weight:800;display:block}.platform-story__copy h3[data-v-f062e0c9]{letter-spacing:0;margin:10px 0 16px;font-size:34px;font-weight:800;line-height:1.25}.platform-story__copy>p[data-v-f062e0c9]:not(.story-kicker){color:var(--landing-muted);margin:0 0 28px;font-size:16px;line-height:1.85}.platform-story__copy .el-button svg[data-v-f062e0c9]{margin-left:8px}.platform-story__copy .el-button[data-v-f062e0c9]{color:var(--el-color-primary);border-color:var(--el-color-primary-light-5);background:var(--el-color-primary-light-9)}.feature-points[data-v-f062e0c9]{gap:12px;margin:0 0 28px;padding:0;list-style:none;display:grid}.feature-points li[data-v-f062e0c9]{color:var(--landing-muted);align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;display:flex}.feature-points li svg[data-v-f062e0c9]{color:var(--el-color-success);flex:none;margin-top:5px}.screen-pair[data-v-f062e0c9]{padding:12px 0 24px;position:relative}.screen-pair--large[data-v-f062e0c9]{padding-bottom:18px}.screen-pair__desktop[data-v-f062e0c9]{width:100%}.screen-pair__mobile[data-v-f062e0c9]{width:27%;position:absolute;bottom:0;right:0}.screen-pair--with-phone[data-v-f062e0c9]{padding-bottom:8%;padding-right:9%}.creation-section[data-v-f062e0c9]{background:var(--app-bg-section)}.creation-grid[data-v-f062e0c9]{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.creation-item[data-v-f062e0c9]{background:var(--app-bg-surface);box-shadow:var(--app-shadow-sm);border:1px solid #dbe2e5;border-radius:16px;overflow:hidden}.creation-item .screen-pair[data-v-f062e0c9]{background:var(--el-fill-color-light);padding:18px 18px 28px}.creation-item .screen-pair__mobile[data-v-f062e0c9]{bottom:10px;right:10px}.creation-item .screen-pair--with-phone[data-v-f062e0c9]{padding-bottom:12%;padding-right:13%}.creation-item__copy[data-v-f062e0c9]{grid-template-columns:1fr auto;gap:12px;padding:28px;display:grid}.creation-item__copy h3[data-v-f062e0c9]{letter-spacing:0;margin:5px 0 0;font-size:24px;line-height:1.25}.creation-item__copy>svg[data-v-f062e0c9]{color:var(--landing-accent)}.creation-item__copy>p[data-v-f062e0c9]{min-height:58px;color:var(--landing-muted);grid-column:1/-1;margin:0;font-size:14px;line-height:1.7}.creation-item__link[data-v-f062e0c9]{width:fit-content;color:var(--landing-accent);font:inherit;cursor:pointer;background:0 0;border:0;grid-column:1/-1;padding:0;font-weight:700}.capability-section[data-v-f062e0c9]{background:var(--el-bg-color);border-top:1px solid var(--app-border-subtle)}.capability-directory[data-v-f062e0c9]{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.capability-row[data-v-f062e0c9]{border:1px solid var(--app-border-subtle);background:var(--app-bg-surface);min-width:0;box-shadow:var(--app-shadow-xs);border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.capability-row img[data-v-f062e0c9]{-o-object-fit:contain;object-fit:contain;border-radius:6px;flex:none;width:32px;height:32px}.capability-row span[data-v-f062e0c9]{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.final-cta[data-v-f062e0c9]{color:#fff;background:var(--app-gradient-hero);padding:92px 0}.final-cta__content[data-v-f062e0c9]{justify-content:space-between;align-items:center;gap:48px;display:flex}.final-cta h2[data-v-f062e0c9]{letter-spacing:0;margin:8px 0 12px;font-size:38px;line-height:1.2}.final-cta p[data-v-f062e0c9]:not(.story-kicker){color:#c6ceda;margin:0;font-size:16px}.final-cta .story-kicker[data-v-f062e0c9]{color:#79c0cd;margin:0}.final-cta .el-button[data-v-f062e0c9]:not(.el-button--primary){color:#fff;background:#ffffff1a;border-color:#fff6}.final-cta__actions[data-v-f062e0c9]{flex:none;gap:12px;display:flex}@media only screen and (width<=1024px){.hero__content[data-v-f062e0c9]{grid-template-columns:1fr;min-height:auto;padding-top:84px}.hero__copy[data-v-f062e0c9]{max-width:760px}.hero__screens[data-v-f062e0c9]{width:min(800px,100%);min-height:520px}.platform-story[data-v-f062e0c9],.platform-story--reverse[data-v-f062e0c9]{grid-template-columns:1fr;gap:36px}.platform-story .platform-story__copy[data-v-f062e0c9],.platform-story--reverse .platform-story__copy[data-v-f062e0c9]{order:0;max-width:720px}.capability-directory[data-v-f062e0c9]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media only screen and (width<=767px){.container[data-v-f062e0c9]{width:min(100% - 32px,1220px)}.hero[data-v-f062e0c9]{min-height:auto}.hero__content[data-v-f062e0c9]{gap:42px;padding-top:56px;padding-bottom:48px}.hero h1[data-v-f062e0c9]{font-size:44px}.hero__headline[data-v-f062e0c9]{font-size:25px}.hero__summary[data-v-f062e0c9]{font-size:15px}.hero__actions .el-button[data-v-f062e0c9]{flex:150px;margin-left:0}.hero__stats[data-v-f062e0c9]{grid-template-columns:1fr 1fr;row-gap:18px}.hero__stats div[data-v-f062e0c9]:last-child{grid-column:1/-1}.hero__screens[data-v-f062e0c9]{min-height:390px;padding-bottom:20px}.hero__desktop[data-v-f062e0c9]{width:92%}.hero__mobile[data-v-f062e0c9]{width:29%;bottom:8px;right:0}.hero__note[data-v-f062e0c9]{display:none}.section[data-v-f062e0c9]{padding:76px 0}.section-heading[data-v-f062e0c9]{margin-bottom:42px}.section-heading h2[data-v-f062e0c9]{font-size:32px}.section-heading p[data-v-f062e0c9]{font-size:15px}.platform-story[data-v-f062e0c9]{padding:36px 24px}.platform-story__copy .story-number[data-v-f062e0c9]{margin-bottom:20px;font-size:34px}.platform-story__copy h3[data-v-f062e0c9]{font-size:28px}.screen-pair[data-v-f062e0c9],.screen-pair--large[data-v-f062e0c9]{padding:8px 0 14px}.screen-pair__mobile[data-v-f062e0c9],.screen-pair--large__mobile[data-v-f062e0c9]{width:30%}.screen-pair.screen-pair--with-phone[data-v-f062e0c9],.screen-pair--large.screen-pair--with-phone[data-v-f062e0c9]{padding-bottom:10%;padding-right:9%}.creation-grid[data-v-f062e0c9]{grid-template-columns:1fr}.creation-item .screen-pair[data-v-f062e0c9]{padding:12px}.creation-item .screen-pair.screen-pair--with-phone[data-v-f062e0c9]{padding-bottom:14%;padding-right:12%}.creation-item__copy>p[data-v-f062e0c9]{min-height:0}.capability-directory[data-v-f062e0c9]{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-row[data-v-f062e0c9]{padding:14px 12px}.capability-row img[data-v-f062e0c9]{width:28px;height:28px}.capability-row span[data-v-f062e0c9]{font-size:13px}.final-cta[data-v-f062e0c9]{padding:68px 0}.final-cta__content[data-v-f062e0c9]{flex-direction:column;align-items:flex-start;gap:28px}.final-cta h2[data-v-f062e0c9]{font-size:32px}.final-cta__actions[data-v-f062e0c9]{flex-wrap:wrap;width:100%}.final-cta__actions .el-button[data-v-f062e0c9]{flex:150px;margin-left:0}}