npm - @acedatacloud/nexior - Versions diffs - 3.362.6 → 3.364.0 - Mend

@acedatacloud/nexior 3.362.6 → 3.364.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (319) hide show

package/dist/assets/{Index-CJJhQn0t.js → Index-Dc9swDEB.js} RENAMED Viewed

	@@ -1 +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,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-BODA2jf6.js";import{t as x}from"./upload-KvU-H2Pn.js";import{t as S}from"./tooltip-Ck3eIRCt.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-BoFv4bCY.js";import{t as E}from"./drawer-LnmmvO3L.js";import{t as D}from"./clock-CJP1L4iF.js";import{a as O,i as k,n as A,r as ee,s as te,t as j}from"./pagination-D3ecBdTD.js";import{t as M}from"./info-SrHD5DCZ.js";import{t as N}from"./trash-2-BrR9MfiV.js";import{t as ne}from"./triangle-alert-BOFNM383.js";import{t as re}from"./upload-D5utuckf.js";import{t as P}from"./wand-sparkles-RkL6p2k8.js";import{$r as F,ei as ie,ii as ae,ni as I,oi as L,ri as R,si as z,ti as B}from"./constants-DB14FZRU.js";import{Ai as V,G as H,J as U,K as W,O as G,Pa as K,Qr as q,Sr as J,V as oe,Y as se,_i as Y,an as ce,ba as X,ei as le,gi as Z,mn as ue,oa as de,q as fe,xr as Q}from"./index-CcjQxvfb.js";import{t as pe}from"./CopyToClipboard-BWMbyEe8.js";import{t as me}from"./ReportButton-DX9HrIMC.js";import{t as he}from"./ImagePreview-3n2g823_.js";import{n as ge}from"./taskDrawerMixin-DyAUhFEq.js";import{t as _e}from"./Consumption-B8Aoy3S9.js";import{t as ve}from"./VideoPlayer-CBlsHZPm.js";import{t as ye}from"./ScenarioPaymentMode-DyQODbhi.js";import{t as be}from"./ApiCodeButton-CE_3dTKv.js";import{t as xe}from"./BotPlaceholder-BvZp_nGe.js";var Se=v({name:`LayoutSora`,components:{MagicIcon:P,ElDrawer:E,ElButton:K},mixins:[ge]}),Ce={class:`main flex flex-row flex-1`},we={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)]`},Te={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Ee(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,Ce,[e(`div`,we,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Te,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]\|\|=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]\|\|=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var De=G(Se,[[`render`,Ee],[`__scopeId`,`data-v-b8cedc77`]]),Oe=v({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:z,label:`sora-2`},{value:L,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config\|\|{},n=F[e]\|\|[10],r=t.duration,i=r&&n.includes(r)?r:n.includes(10)?10:n[0],a={...t,model:e,duration:i,size:t.size\|\|`small`};this.$store.commit(`sora/setConfig`,a)}}},mounted(){this.value\|\|=I}}),ke={class:`field`},Ae={class:`title font-bold`};function je(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,ke,[e(`h2`,Ae,i(t.$t(`sora.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Me=G(Oe,[[`render`,je],[`__scopeId`,`data-v-0cb7913d`]]),Ne=v({name:`ActionSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`sora.button.action1`)},{value:`image2video`,label:this.$t(`sora.button.action2`)}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value\|\|=B}}),Pe={class:`field`},Fe={class:`title font-bold`},Ie={class:`float-left`};function Le(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Pe,[e(`h2`,Fe,i(t.$t(`sora.name.action`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`),clearable:``},{default:p(()=>[(g(!0),s(c,null,h(t.options,t=>(g(),f(m,{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=G(Ne,[[`render`,Le],[`__scopeId`,`data-v-7b82fa7f`]]),ze=v({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{model(){return this.$store.state.sora?.config?.model\|\|`sora-2`},allowedDurations(){return F[this.model]\|\|[10]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){let t=this.$store.state.sora?.config\|\|{};this.$store.commit(`sora/setConfig`,{...t,duration:e})}}},watch:{allowedDurations(){let e=this.allowedDurations;if(!e.includes(this.value)){let t=e.includes(10)?10:e[0];this.value=t}}},mounted(){this.value\|\|=10}}),Be={class:`field`},Ve={class:`control`},He={class:`title font-bold`};function Ue(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Be,[e(`div`,Ve,[e(`h2`,He,i(t.$t(`sora.name.duration`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.optionsForModel,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var We=G(ze,[[`render`,Ue],[`__scopeId`,`data-v-c2934598`]]),Ge=v({name:`OrientationSelector`,data(){return{options:[{value:`portrait`,labelKey:`sora.option.portrait`,width:13,height:25},{value:`landscape`,labelKey:`sora.option.landscape`,width:25,height:13}]}},computed:{active(){let e=this.options.findIndex(e=>e.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug(`set orientation`,e),this.$store.commit(`sora/setConfig`,{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value\|\|=R}}),Ke={class:`text-sm font-bold mb-2 block`},qe={class:`items`},Je=[`onClick`],Ye={class:`name`};function Xe(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,Ke,i(t.$t(`sora.name.orientation`)),1),e(`div`,qe,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.value])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,Ye,i(t.$t(r.labelKey)),1)],10,Je))),128))])])}var Ze=G(Ge,[[`render`,Xe],[`__scopeId`,`data-v-a20be6d9`]]),Qe=v({name:`StartEndImage`,components:{UploadIcon:re,ElUpload:x,ElButton:K,InfoIcon:O,ImagePreview:he},mixins:[se,U,W,oe],emits:[`change`],data(){return{fileList:[],uploadUrl:de()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value\|\|=void 0,this.onSetStartEndImageUrl()},methods:{onExceed(){T.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){T.error(this.$t(`sora.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`sora/setConfig`,{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),$e={class:`relative`},et={class:`flex justify-between`},tt={class:`flex justify-start items-center`},nt={class:`text-sm font-bold`};function rt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,$e,[e(`div`,et,[e(`div`,tt,[e(`span`,nt,i(t.$t(`sora.name.startEndImage`)),1),a(h,{content:t.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var it=G(Qe,[[`render`,rt],[`__scopeId`,`data-v-01b87539`]]),at=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),ot=v({name:`SizeSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:ie.map(e=>({value:e,label:at(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){let t=this.$store.state.sora?.config\|\|{};this.$store.commit(`sora/setConfig`,{...t,size:e})}}},mounted(){this.value\|\|=ae}}),st={class:`field`},ct={class:`control`},lt={class:`title font-bold`};function ut(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,st,[e(`div`,ct,[e(`h2`,lt,i(t.$t(`sora.name.size`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var dt=G(ot,[[`render`,ut],[`__scopeId`,`data-v-8c485f0f`]]),ft=v({name:`PromptInput`,components:{PromptTextarea:k},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt\|\|=``}});function pt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|=t=>e.prompt=t,title:e.$t(`sora.name.prompt`),info:e.$t(`sora.description.prompt`),placeholder:e.$t(`sora.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var mt=v({name:`ConfigPanel`,components:{MagicIcon:P,ElButton:K,Consumption:_e,PromptInput:G(ft,[[`render`,pt]]),ModelSelector:Me,StartEndImage:it,SizeSelector:dt,ActionSelector:Re,OrientationSelector:Ze,DurationSelector:We,ScenarioPaymentMode:ye},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.sora?.config},consumption(){return ce(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service},walletMode(){return Z()&&Y(`sora`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=Y(`sora`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await J.quote(Q(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`)}}}),ht={class:`flex flex-col h-full`},gt={class:`flex-1 overflow-y-auto p-5`},_t={class:`flex flex-col items-center justify-center px-5 pb-5`};function vt(t,n,c,d,m,h){let v=l(`model-selector`),y=l(`action-selector`),b=l(`duration-selector`),x=l(`size-selector`),S=l(`orientation-selector`),C=l(`prompt-input`),w=l(`start-end-image`),T=l(`scenario-payment-mode`),E=l(`consumption`),D=l(`magic-icon`),O=l(`el-button`);return g(),s(`div`,ht,[e(`div`,gt,[a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`}),u(a(w,{class:`mb-4`},null,512),[[_,t.config?.action===`image2video`]])]),e(`div`,_t,[a(T,{scenario:`sora`}),t.walletMode?o(``,!0):(g(),f(E,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(O,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(D,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var yt=G(mt,[[`render`,vt]]),bt=v({name:`TaskPreview`,components:{DeleteIcon:N,ChannelIcon:te,InfoIcon:M,MagicIcon:P,TimeIcon:D,WarningIcon:ne,CopyToClipboard:pe,ElAlert:C,VideoPlayer:ve,ElTooltip:S,ElButton:K,ApiCodeButton:be,ReportButton:me},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await X.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(`sora/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),xt={class:`preview`},St={class:`left`},Ct={class:`main`},wt={class:`bot`},Tt={class:`datetime`},Et=[`aria-label`],Dt={class:`info`},Ot={key:0,class:`prompt mt-2`},kt={key:0},At={key:1},jt={key:0,class:n({content:!0,failed:!0})},Mt={key:0,class:`mb-4`},Nt={key:1,class:n({operations:!0,"mt-2":!0})},Pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},It={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Lt={key:1,class:n({content:!0})},Rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Vt={key:2,class:n({content:!0})},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Wt(n,c,u,d,m,h){let _=l(`capability-presentation`),v=l(`delete-icon`),y=l(`el-tooltip`),b=l(`video-player`),x=l(`el-button`),S=l(`api-code-button`),C=l(`report-button`),w=l(`channel-icon`),T=l(`magic-icon`),E=l(`copy-to-clipboard`),D=l(`time-icon`),O=l(`el-alert`),k=l(`warning-icon`),A=l(`info-icon`);return g(),s(`div`,xt,[e(`div`,St,[a(_,{capability:`sora`,part:`avatar`,class:`avatar`})]),e(`div`,Ct,[e(`div`,wt,[a(_,{capability:`sora`,part:`name`}),e(`span`,Tt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at\|\|``).toString())*1e3))),1),a(y,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(g(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:c[0]\|\|=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Et)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Dt,[n.modelValue?.request?.prompt?(g(),s(`p`,Ot,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(g(),s(`span`,kt,` - (`+i(n.$t(`sora.status.pending`))+`) `,1)),n.modelValue?.response&&n.modelValue?.response?.success===void 0?(g(),s(`span`,At,` - (`+i(n.$t(`sora.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0&&n.modelValue?.response?.data?(g(),s(`div`,jt,[n.modelValue?.response?.data[0]?.video_url?(g(),s(`div`,Mt,[a(b,{src:n.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response.success?(g(),s(`div`,Nt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:p(()=>[n.modelValue?.response?.data[0]?.video_url?(g(),f(x,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:c[1]\|\|=e=>n.onDownload(e,n.modelValue?.response?.data[0]?.video_url)},{default:p(()=>[r(i(n.$t(`sora.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(S,{path:`/sora/videos`,body:n.modelValue?.request},null,8,[`body`]),a(C,{service:`sora`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(O,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Pt,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.model`))+`: `+i(n.modelValue?.request?.model),1)]),e(`p`,Ft,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,It,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.success===!1?(g(),s(`div`,Lt,[a(O,{closable:!1,class:`failure`},{template:p(()=>[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.failure`)),1)]),default:p(()=>[e(`p`,Rt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,zt,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(E,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Bt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,$,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.success===void 0?(g(),s(`div`,Vt,[a(O,{closable:!1,class:`info`},{template:p(()=>[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`sora.status.processing`:`sora.status.pending`)),1)]),default:p(()=>[e(`p`,Ht,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.response?.trace_id?(g(),s(`p`,Ut,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var Gt=v({name:`RecentPanel`,components:{TaskPreview:G(bt,[[`render`,Wt],[`__scopeId`,`data-v-808e51ba`]]),NoTasks:ee,BotPlaceholder:xe,ScrollList:A},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Kt={key:0},qt={key:2,class:`w-full h-full flex items-center justify-center`};function Jt(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,Kt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),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(()=>[(g(!0),s(c,null,h(e.tasks?.items,(e,t)=>(g(),f(m,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,qt,[a(v)])):o(``,!0)],64)}var Yt=v({name:`SoraIndex`,components:{ConfigPanel:yt,Layout:De,RecentPanel:G(Gt,[[`render`,Jt]])},mixins:[fe],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===w.Request\|\|this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks},walletMode(){return Z()&&Y(`sora`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0\|\|e===t)){if(this.$store.commit(`sora/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onGetTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job\|\|=window.setInterval(this.onGetTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await j({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(`sora/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`sora/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(`sora/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let e=Q(this.config),t;if(this.walletMode){let n=this.getWalletContext();if(!n){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=J.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!ue())return;let n=this.credential?.token;if(!n)return;t=J.generate(e,{token:n})}T.info(this.$t(`sora.message.startingTask`)),V(`sora`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;e instanceof q\|\|(t?.error?.code===`used_up`?T.error(this.$t(`sora.message.usedUp`)):this.walletMode?T.error(`${this.$t(`common.x402Scenario.paymentFailed`)} ${e?.message\|\|``}`.trim()):T.error(this.$t(`sora.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return le(this.$wallet)},async confirmWalletPayment(e){return X.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 Xt(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),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 Zt=G(Yt,[[`render`,Xt]]);export{Zt as default};
1	+ import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-GtYHNXRC.js";import{t as x}from"./upload-B00IKLgn.js";import{t as S}from"./tooltip-Dln0dM7R.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-CEDM8gqr.js";import{t as E}from"./drawer-ChQUNhkL.js";import{t as D}from"./clock-rFAprEpr.js";import{a as O,i as k,n as A,r as ee,s as te,t as j}from"./pagination-B6pTs6wL.js";import{t as M}from"./info-BPHR1_Sl.js";import{t as N}from"./trash-2-BbaXLLU6.js";import{t as ne}from"./triangle-alert-CU11AnXi.js";import{t as re}from"./upload-BnDeuuAo.js";import{t as P}from"./wand-sparkles-CSQPIKkW.js";import{ai as ie,ci as ae,ei as F,ii as I,ni as L,ri as R,si as z,ti as B}from"./constants-hOwFVX3t.js";import{Ai as V,G as H,J as U,K as W,O as G,Pa as K,Qr as q,Sr as J,V as oe,Y as se,_i as Y,an as ce,ba as X,ei as le,gi as Z,mn as ue,oa as de,q as fe,xr as Q}from"./index-BKdU9uf3.js";import{t as pe}from"./CopyToClipboard-C7EP1prL.js";import{t as me}from"./ReportButton-sFjoqZEF.js";import{t as he}from"./ImagePreview-DGqGvoU9.js";import{n as ge}from"./taskDrawerMixin-DyAUhFEq.js";import{t as _e}from"./Consumption-um3nwzSp.js";import{t as ve}from"./VideoPlayer-BBjRo1nf.js";import{t as ye}from"./ScenarioPaymentMode-DKIuF-zB.js";import{t as be}from"./ApiCodeButton-igYhfPJu.js";import{t as xe}from"./BotPlaceholder-DSFlYQDF.js";var Se=v({name:`LayoutSora`,components:{MagicIcon:P,ElDrawer:E,ElButton:K},mixins:[ge]}),Ce={class:`main flex flex-row flex-1`},we={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)]`},Te={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Ee(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,Ce,[e(`div`,we,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Te,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]\|\|=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]\|\|=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var De=G(Se,[[`render`,Ee],[`__scopeId`,`data-v-b8cedc77`]]),Oe=v({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:ae,label:`sora-2`},{value:z,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config\|\|{},n=F[e]\|\|[10],r=t.duration,i=r&&n.includes(r)?r:n.includes(10)?10:n[0],a={...t,model:e,duration:i,size:t.size\|\|`small`};this.$store.commit(`sora/setConfig`,a)}}},mounted(){this.value\|\|=R}}),ke={class:`field`},Ae={class:`title font-bold`};function je(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,ke,[e(`h2`,Ae,i(t.$t(`sora.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Me=G(Oe,[[`render`,je],[`__scopeId`,`data-v-0cb7913d`]]),Ne=v({name:`ActionSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`sora.button.action1`)},{value:`image2video`,label:this.$t(`sora.button.action2`)}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value\|\|=L}}),Pe={class:`field`},Fe={class:`title font-bold`},Ie={class:`float-left`};function Le(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Pe,[e(`h2`,Fe,i(t.$t(`sora.name.action`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`),clearable:``},{default:p(()=>[(g(!0),s(c,null,h(t.options,t=>(g(),f(m,{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=G(Ne,[[`render`,Le],[`__scopeId`,`data-v-7b82fa7f`]]),ze=v({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{model(){return this.$store.state.sora?.config?.model\|\|`sora-2`},allowedDurations(){return F[this.model]\|\|[10]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){let t=this.$store.state.sora?.config\|\|{};this.$store.commit(`sora/setConfig`,{...t,duration:e})}}},watch:{allowedDurations(){let e=this.allowedDurations;if(!e.includes(this.value)){let t=e.includes(10)?10:e[0];this.value=t}}},mounted(){this.value\|\|=10}}),Be={class:`field`},Ve={class:`control`},He={class:`title font-bold`};function Ue(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Be,[e(`div`,Ve,[e(`h2`,He,i(t.$t(`sora.name.duration`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.optionsForModel,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var We=G(ze,[[`render`,Ue],[`__scopeId`,`data-v-c2934598`]]),Ge=v({name:`OrientationSelector`,data(){return{options:[{value:`portrait`,labelKey:`sora.option.portrait`,width:13,height:25},{value:`landscape`,labelKey:`sora.option.landscape`,width:25,height:13}]}},computed:{active(){let e=this.options.findIndex(e=>e.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug(`set orientation`,e),this.$store.commit(`sora/setConfig`,{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value\|\|=I}}),Ke={class:`text-sm font-bold mb-2 block`},qe={class:`items`},Je=[`onClick`],Ye={class:`name`};function Xe(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,Ke,i(t.$t(`sora.name.orientation`)),1),e(`div`,qe,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.value])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,Ye,i(t.$t(r.labelKey)),1)],10,Je))),128))])])}var Ze=G(Ge,[[`render`,Xe],[`__scopeId`,`data-v-a20be6d9`]]),Qe=v({name:`StartEndImage`,components:{UploadIcon:re,ElUpload:x,ElButton:K,InfoIcon:O,ImagePreview:he},mixins:[se,U,W,oe],emits:[`change`],data(){return{fileList:[],uploadUrl:de()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value\|\|=void 0,this.onSetStartEndImageUrl()},methods:{onExceed(){T.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){T.error(this.$t(`sora.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`sora/setConfig`,{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),$e={class:`relative`},et={class:`flex justify-between`},tt={class:`flex justify-start items-center`},nt={class:`text-sm font-bold`};function rt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,$e,[e(`div`,et,[e(`div`,tt,[e(`span`,nt,i(t.$t(`sora.name.startEndImage`)),1),a(h,{content:t.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var it=G(Qe,[[`render`,rt],[`__scopeId`,`data-v-01b87539`]]),at=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),ot=v({name:`SizeSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:B.map(e=>({value:e,label:at(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){let t=this.$store.state.sora?.config\|\|{};this.$store.commit(`sora/setConfig`,{...t,size:e})}}},mounted(){this.value\|\|=ie}}),st={class:`field`},ct={class:`control`},lt={class:`title font-bold`};function ut(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,st,[e(`div`,ct,[e(`h2`,lt,i(t.$t(`sora.name.size`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`,placeholder:t.$t(`sora.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var dt=G(ot,[[`render`,ut],[`__scopeId`,`data-v-8c485f0f`]]),ft=v({name:`PromptInput`,components:{PromptTextarea:k},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt\|\|=``}});function pt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|=t=>e.prompt=t,title:e.$t(`sora.name.prompt`),info:e.$t(`sora.description.prompt`),placeholder:e.$t(`sora.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var mt=v({name:`ConfigPanel`,components:{MagicIcon:P,ElButton:K,Consumption:_e,PromptInput:G(ft,[[`render`,pt]]),ModelSelector:Me,StartEndImage:it,SizeSelector:dt,ActionSelector:Re,OrientationSelector:Ze,DurationSelector:We,ScenarioPaymentMode:ye},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.sora?.config},consumption(){return ce(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service},walletMode(){return Z()&&Y(`sora`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=Y(`sora`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await J.quote(Q(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`)}}}),ht={class:`flex flex-col h-full`},gt={class:`flex-1 overflow-y-auto p-5`},_t={class:`flex flex-col items-center justify-center px-5 pb-5`};function vt(t,n,c,d,m,h){let v=l(`model-selector`),y=l(`action-selector`),b=l(`duration-selector`),x=l(`size-selector`),S=l(`orientation-selector`),C=l(`prompt-input`),w=l(`start-end-image`),T=l(`scenario-payment-mode`),E=l(`consumption`),D=l(`magic-icon`),O=l(`el-button`);return g(),s(`div`,ht,[e(`div`,gt,[a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`}),u(a(w,{class:`mb-4`},null,512),[[_,t.config?.action===`image2video`]])]),e(`div`,_t,[a(T,{scenario:`sora`}),t.walletMode?o(``,!0):(g(),f(E,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(O,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(D,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var yt=G(mt,[[`render`,vt]]),bt=v({name:`TaskPreview`,components:{DeleteIcon:N,ChannelIcon:te,InfoIcon:M,MagicIcon:P,TimeIcon:D,WarningIcon:ne,CopyToClipboard:pe,ElAlert:C,VideoPlayer:ve,ElTooltip:S,ElButton:K,ApiCodeButton:be,ReportButton:me},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await X.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(`sora/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),xt={class:`preview`},St={class:`left`},Ct={class:`main`},wt={class:`bot`},Tt={class:`datetime`},Et=[`aria-label`],Dt={class:`info`},Ot={key:0,class:`prompt mt-2`},kt={key:0},At={key:1},jt={key:0,class:n({content:!0,failed:!0})},Mt={key:0,class:`mb-4`},Nt={key:1,class:n({operations:!0,"mt-2":!0})},Pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},It={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Lt={key:1,class:n({content:!0})},Rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Vt={key:2,class:n({content:!0})},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Wt(n,c,u,d,m,h){let _=l(`capability-presentation`),v=l(`delete-icon`),y=l(`el-tooltip`),b=l(`video-player`),x=l(`el-button`),S=l(`api-code-button`),C=l(`report-button`),w=l(`channel-icon`),T=l(`magic-icon`),E=l(`copy-to-clipboard`),D=l(`time-icon`),O=l(`el-alert`),k=l(`warning-icon`),A=l(`info-icon`);return g(),s(`div`,xt,[e(`div`,St,[a(_,{capability:`sora`,part:`avatar`,class:`avatar`})]),e(`div`,Ct,[e(`div`,wt,[a(_,{capability:`sora`,part:`name`}),e(`span`,Tt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at\|\|``).toString())*1e3))),1),a(y,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(g(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:c[0]\|\|=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Et)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Dt,[n.modelValue?.request?.prompt?(g(),s(`p`,Ot,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(g(),s(`span`,kt,` - (`+i(n.$t(`sora.status.pending`))+`) `,1)),n.modelValue?.response&&n.modelValue?.response?.success===void 0?(g(),s(`span`,At,` - (`+i(n.$t(`sora.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0&&n.modelValue?.response?.data?(g(),s(`div`,jt,[n.modelValue?.response?.data[0]?.video_url?(g(),s(`div`,Mt,[a(b,{src:n.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response.success?(g(),s(`div`,Nt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:p(()=>[n.modelValue?.response?.data[0]?.video_url?(g(),f(x,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:c[1]\|\|=e=>n.onDownload(e,n.modelValue?.response?.data[0]?.video_url)},{default:p(()=>[r(i(n.$t(`sora.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(S,{path:`/sora/videos`,body:n.modelValue?.request},null,8,[`body`]),a(C,{service:`sora`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(O,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Pt,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.model`))+`: `+i(n.modelValue?.request?.model),1)]),e(`p`,Ft,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,It,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.success===!1?(g(),s(`div`,Lt,[a(O,{closable:!1,class:`failure`},{template:p(()=>[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.failure`)),1)]),default:p(()=>[e(`p`,Rt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,zt,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(E,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Bt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,$,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.success===void 0?(g(),s(`div`,Vt,[a(O,{closable:!1,class:`info`},{template:p(()=>[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`sora.status.processing`:`sora.status.pending`)),1)]),default:p(()=>[e(`p`,Ht,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.response?.trace_id?(g(),s(`p`,Ut,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`sora.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var Gt=v({name:`RecentPanel`,components:{TaskPreview:G(bt,[[`render`,Wt],[`__scopeId`,`data-v-808e51ba`]]),NoTasks:ee,BotPlaceholder:xe,ScrollList:A},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Kt={key:0},qt={key:2,class:`w-full h-full flex items-center justify-center`};function Jt(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,Kt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),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(()=>[(g(!0),s(c,null,h(e.tasks?.items,(e,t)=>(g(),f(m,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,qt,[a(v)])):o(``,!0)],64)}var Yt=v({name:`SoraIndex`,components:{ConfigPanel:yt,Layout:De,RecentPanel:G(Gt,[[`render`,Jt]])},mixins:[fe],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===w.Request\|\|this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks},walletMode(){return Z()&&Y(`sora`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0\|\|e===t)){if(this.$store.commit(`sora/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onGetTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job\|\|=window.setInterval(this.onGetTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await j({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(`sora/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`sora/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(`sora/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let e=Q(this.config),t;if(this.walletMode){let n=this.getWalletContext();if(!n){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=J.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!ue())return;let n=this.credential?.token;if(!n)return;t=J.generate(e,{token:n})}T.info(this.$t(`sora.message.startingTask`)),V(`sora`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;e instanceof q\|\|(t?.error?.code===`used_up`?T.error(this.$t(`sora.message.usedUp`)):this.walletMode?T.error(`${this.$t(`common.x402Scenario.paymentFailed`)} ${e?.message\|\|``}`.trim()):T.error(this.$t(`sora.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return le(this.$wallet)},async confirmWalletPayment(e){return X.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 Xt(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),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 Zt=G(Yt,[[`render`,Xt]]);export{Zt as default};

package/dist/assets/{Index-BB1bDlkg.js → Index-Dh-czj4Q.js} RENAMED Viewed

	@@ -1 +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{t as v}from"./upload-KvU-H2Pn.js";import{t as y}from"./tooltip-Ck3eIRCt.js";import{t as b}from"./alert-BprQRUmf.js";import{h as x,v as S}from"./models-BoFv4bCY.js";import{t as C}from"./drawer-LnmmvO3L.js";import{t as w}from"./switch-DO_m4tjD.js";import{t as T}from"./clock-CJP1L4iF.js";import{a as E,i as D,n as O,r as k,s as A,t as j}from"./pagination-D3ecBdTD.js";import{t as ee}from"./info-SrHD5DCZ.js";import{t as M}from"./trash-2-BrR9MfiV.js";import{t as N}from"./triangle-alert-BOFNM383.js";import{t as P}from"./upload-D5utuckf.js";import{t as F}from"./wand-sparkles-RkL6p2k8.js";import"./constants-DB14FZRU.js";import{Ai as te,G as ne,J as I,K as L,Nr as R,O as z,Pa as B,Pr as V,Qr as re,V as H,Y as U,_i as W,an as G,ba as K,ei as q,gi as J,mn as Y,oa as X,q as ie}from"./index-CcjQxvfb.js";import{t as ae}from"./CopyToClipboard-BWMbyEe8.js";import{t as oe}from"./ReportButton-DX9HrIMC.js";import{t as se}from"./FilePreview-DJNOTisa.js";import{t as Z}from"./ImagePreview-3n2g823_.js";import{n as ce}from"./taskDrawerMixin-DyAUhFEq.js";import{t as le}from"./Consumption-B8Aoy3S9.js";import{t as Q}from"./VideoPlayer-CBlsHZPm.js";import{t as ue}from"./ScenarioPaymentMode-DyQODbhi.js";import{t as de}from"./ApiCodeButton-CE_3dTKv.js";import{t as fe}from"./BotPlaceholder-BvZp_nGe.js";var pe=_({name:`LayoutLuma`,components:{MagicIcon:F,ElDrawer:C,ElButton:B},mixins:[ce]}),me={class:`main flex flex-row flex-1`},he={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)]`},ge={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function _e(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,me,[e(`div`,he,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,ge,[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 ve=z(pe,[[`render`,_e],[`__scopeId`,`data-v-d13d43a9`]]),ye=_({name:`EnhancementSelector`,components:{ElSwitch:w,InfoIcon:E},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),be={class:`relative`},xe={class:`flex justify-between`},Se={class:`flex justify-start items-center`},Ce={class:`text-sm font-bold`},we={class:`flex justify-end items-center`};function Te(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,be,[e(`div`,xe,[e(`div`,Se,[e(`span`,Ce,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,we,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Ee=z(ye,[[`render`,Te]]),De=_({name:`CustomSelector`,components:{ElSwitch:w,InfoIcon:E},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Oe={class:`relative`},ke={class:`flex justify-between`},Ae={class:`flex justify-start items-center`},je={class:`text-sm font-bold`},Me={class:`flex justify-end items-center`};function Ne(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Oe,[e(`div`,ke,[e(`div`,Ae,[e(`span`,je,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,Me,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Pe=z(De,[[`render`,Ne]]),Fe=_({name:`LoopSelector`,components:{ElSwitch:w,InfoIcon:E},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`},Be={class:`flex justify-end items-center`};function Ve(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Ie,[e(`div`,Le,[e(`div`,Re,[e(`span`,ze,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,Be,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var He=z(Fe,[[`render`,Ve]]),Ue=_({name:`EndImage`,components:{UploadIcon:P,ElUpload:v,ElButton:B,ImagePreview:Z,InfoIcon:E},mixins:[U,I,L,H],data(){return{fileList:[],uploadUrl:X()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|=void 0,this.onSetEndImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),We={class:`relative`},Ge={class:`flex justify-between`},Ke={class:`flex justify-start items-center`},qe={class:`text-sm font-bold`};function Je(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,We,[e(`div`,Ge,[e(`div`,Ke,[e(`span`,qe,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(h(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ye=z(Ue,[[`render`,Je],[`__scopeId`,`data-v-04c461bb`]]),Xe=_({name:`StartImage`,components:{UploadIcon:P,ElUpload:v,ElButton:B,ImagePreview:Z,InfoIcon:E},mixins:[U,I,L,H],data(){return{fileList:[],uploadUrl:X()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|=void 0,this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ze={class:`relative`},Qe={class:`flex justify-between`},$e={class:`flex justify-start items-center`},et={class:`text-sm font-bold`};function tt(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ze,[e(`div`,Qe,[e(`div`,$e,[e(`span`,et,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url\|\|e.response.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var nt=z(Xe,[[`render`,tt],[`__scopeId`,`data-v-31c07a19`]]),rt=_({name:`UploadVideo`,components:{UploadIcon:P,ElUpload:v,ElButton:B,InfoIcon:E,FilePreview:se},mixins:[I,L],data(){return{fileList:[],uploadUrl:X()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value\|\|=void 0},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){S.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(S.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(S.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),it={class:`relative`},at={class:`flex justify-between`},ot={class:`flex justify-start items-center`},st={class:`text-sm font-bold`};function ct(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,it,[e(`div`,at,[e(`div`,ot,[e(`span`,st,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url\|\|e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var lt=z(rt,[[`render`,ct],[`__scopeId`,`data-v-2189fc52`]]),ut=_({name:`PromptInput`,components:{PromptTextarea:D},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt\|\|=``}});function dt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ft=z(ut,[[`render`,dt]]),pt=_({name:`ExtendFromInput`,components:{VideoPlayer:Q},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),mt={class:`relative`},ht={class:`flex mb-2`},gt={class:`text-sm font-bold`};function _t(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,mt,[e(`div`,ht,[e(`span`,gt,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var vt=_({name:`ConfigPanel`,components:{MagicIcon:F,LoopSelector:He,StartImageInput:nt,EndImageInput:Ye,EnhancementSelector:Ee,ElButton:B,PromptInput:ft,ExtendFromInput:z(pt,[[`render`,_t]]),CustomSelector:Pe,UploadVideo:lt,Consumption:le,ScenarioPaymentMode:ue},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.luma?.config},consumption(){return G(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service},walletMode(){return J()&&W(`luma`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=W(`luma`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await V.quote(R(this.config));t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),yt={class:`flex flex-col h-full`},bt={class:`flex-1 overflow-y-auto p-5`},xt={class:`flex flex-col items-center justify-center px-5 pb-5`};function St(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`scenario-payment-mode`),T=l(`consumption`),E=l(`magic-icon`),D=l(`el-button`);return h(),s(`div`,yt,[e(`div`,bt,[t.config?.video_id\|\|t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id\|\|t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,xt,[a(w,{scenario:`luma`}),t.walletMode?o(``,!0):(h(),f(T,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),t.config?.video_url!==void 0\|\|t.config?.custom?(h(),f(D,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(D,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var Ct=z(vt,[[`render`,St]]),wt=_({name:`TaskPreview`,components:{DeleteIcon:M,ChannelIcon:A,InfoIcon:ee,MagicIcon:F,TimeIcon:T,WarningIcon:N,CopyToClipboard:ae,ElAlert:b,VideoPlayer:Q,ElTooltip:y,ElButton:B,ApiCodeButton:de,ReportButton:oe},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await 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(`luma/deleteTask`,{id:e}),S.success(this.$t(`common.message.deleteTaskSuccess`))}catch{S.error(this.$t(`common.message.deleteTaskFailed`))}}},onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),Tt={class:`preview`},Et={class:`left`},Dt={class:`main`},Ot={class:`bot`},kt={class:`datetime`},At=[`aria-label`],jt={class:`info`},Mt={key:0,class:`prompt mt-2`},Nt={key:0},Pt={key:1},Ft={key:0,class:n({content:!0,failed:!0})},It={key:0,class:`mb-4`},Lt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},Rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Bt={key:1,class:n({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ht={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Wt={key:2,class:n({content:!0})},Gt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Kt(n,c,u,d,f,m){let g=l(`capability-presentation`),_=l(`delete-icon`),v=l(`el-tooltip`),y=l(`video-player`),b=l(`el-button`),x=l(`api-code-button`),S=l(`report-button`),C=l(`magic-icon`),w=l(`copy-to-clipboard`),T=l(`time-icon`),E=l(`el-alert`),D=l(`warning-icon`),O=l(`info-icon`),k=l(`channel-icon`);return h(),s(`div`,Tt,[e(`div`,Et,[a(g,{capability:`luma`,part:`avatar`,class:`avatar`})]),e(`div`,Dt,[e(`div`,Ot,[a(g,{capability:`luma`,part:`name`}),e(`span`,kt,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,At)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,jt,[n.modelValue?.request?.prompt?(h(),s(`p`,Mt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,Nt,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`\|\|n.modelValue?.response?.state===`pending`?(h(),s(`span`,Pt,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,Ft,[n.modelValue.response.video_url?(h(),s(`div`,It,[a(y,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,Lt,[a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]\|\|=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[2]\|\|=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(x,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`]),a(S,{service:`luma`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(E,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Rt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,zt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`\|\|n.modelValue?.response?.success===!1?(h(),s(`div`,Bt,[a(E,{closable:!1,class:`failure`},{template:p(()=>[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,$,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Vt,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(w,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Ht,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Ut,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(w,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response\|\|n.modelValue?.response?.state===`processing`\|\|n.modelValue?.response?.state===`pending`?(h(),s(`div`,Wt,[a(E,{closable:!1,class:`info`},{template:p(()=>[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`luma.status.processing`:`luma.status.pending`)),1)]),default:p(()=>[e(`p`,Gt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var qt=_({name:`RecentPanel`,components:{BotPlaceholder:fe,TaskPreview:z(wt,[[`render`,Kt],[`__scopeId`,`data-v-46a32bda`]]),NoTasks:k,ScrollList:O},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Jt={key:0},Yt={key:2,class:`w-full h-full flex items-center justify-center`};function Xt(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`,Jt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]\|\|=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]\|\|=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Yt,[a(v)])):o(``,!0)],64)}var Zt=_({name:`LumaIndex`,components:{ConfigPanel:Ct,Layout:ve,RecentPanel:z(qt,[[`render`,Xt]])},mixins:[ie],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===x.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===x.Request\|\|this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks},walletMode(){return J()&&W(`luma`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0\|\|e===t)){if(this.$store.commit(`luma/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onGetTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job\|\|=window.setInterval(this.onGetTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await j({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading\|\|this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading\|\|this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e\|\|{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ne(this.uploadTracker,e=>this.$t(e),e=>S.warning(e)))return;let e=R(this.config);if(!this.hasText(e.prompt)){S.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t;if(this.walletMode){let n=this.getWalletContext();if(!n){S.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=V.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!Y())return;let n=this.credential?.token;if(!n)return;t=V.generate(e,{token:n})}S.info(this.$t(`luma.message.startingTask`)),te(`luma`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),S.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;e instanceof re\|\|(t?.error?.code===`used_up`?S.error(this.$t(`luma.message.usedUp`)):this.walletMode?S.error(`${this.$t(`common.x402Scenario.paymentFailed`)} ${e?.message\|\|``}`.trim()):S.error(this.$t(`luma.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return q(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 Qt(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]\|\|=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var $t=z(Zt,[[`render`,Qt]]);export{$t as default};
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{t as v}from"./upload-B00IKLgn.js";import{t as y}from"./tooltip-Dln0dM7R.js";import{t as b}from"./alert-BprQRUmf.js";import{h as x,v as S}from"./models-CEDM8gqr.js";import{t as C}from"./drawer-ChQUNhkL.js";import{t as w}from"./switch-CygkkvMU.js";import{t as T}from"./clock-rFAprEpr.js";import{a as E,i as D,n as O,r as k,s as A,t as j}from"./pagination-B6pTs6wL.js";import{t as ee}from"./info-BPHR1_Sl.js";import{t as M}from"./trash-2-BbaXLLU6.js";import{t as N}from"./triangle-alert-CU11AnXi.js";import{t as P}from"./upload-BnDeuuAo.js";import{t as F}from"./wand-sparkles-CSQPIKkW.js";import"./constants-hOwFVX3t.js";import{Ai as te,G as ne,J as I,K as L,Nr as R,O as z,Pa as B,Pr as V,Qr as re,V as H,Y as U,_i as W,an as G,ba as K,ei as q,gi as J,mn as Y,oa as X,q as ie}from"./index-BKdU9uf3.js";import{t as ae}from"./CopyToClipboard-C7EP1prL.js";import{t as oe}from"./ReportButton-sFjoqZEF.js";import{t as se}from"./FilePreview-BRl5k8fG.js";import{t as Z}from"./ImagePreview-DGqGvoU9.js";import{n as ce}from"./taskDrawerMixin-DyAUhFEq.js";import{t as le}from"./Consumption-um3nwzSp.js";import{t as Q}from"./VideoPlayer-BBjRo1nf.js";import{t as ue}from"./ScenarioPaymentMode-DKIuF-zB.js";import{t as de}from"./ApiCodeButton-igYhfPJu.js";import{t as fe}from"./BotPlaceholder-DSFlYQDF.js";var pe=_({name:`LayoutLuma`,components:{MagicIcon:F,ElDrawer:C,ElButton:B},mixins:[ce]}),me={class:`main flex flex-row flex-1`},he={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)]`},ge={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function _e(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,me,[e(`div`,he,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,ge,[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 ve=z(pe,[[`render`,_e],[`__scopeId`,`data-v-d13d43a9`]]),ye=_({name:`EnhancementSelector`,components:{ElSwitch:w,InfoIcon:E},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),be={class:`relative`},xe={class:`flex justify-between`},Se={class:`flex justify-start items-center`},Ce={class:`text-sm font-bold`},we={class:`flex justify-end items-center`};function Te(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,be,[e(`div`,xe,[e(`div`,Se,[e(`span`,Ce,i(t.$t(`luma.name.enhancement`)),1),a(d,{content:t.$t(`luma.description.enhancement`)},null,8,[`content`])]),e(`div`,we,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Ee=z(ye,[[`render`,Te]]),De=_({name:`CustomSelector`,components:{ElSwitch:w,InfoIcon:E},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Oe={class:`relative`},ke={class:`flex justify-between`},Ae={class:`flex justify-start items-center`},je={class:`text-sm font-bold`},Me={class:`flex justify-end items-center`};function Ne(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Oe,[e(`div`,ke,[e(`div`,Ae,[e(`span`,je,i(t.$t(`luma.name.custom`)),1),a(d,{content:t.$t(`luma.description.custom`)},null,8,[`content`])]),e(`div`,Me,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var Pe=z(De,[[`render`,Ne]]),Fe=_({name:`LoopSelector`,components:{ElSwitch:w,InfoIcon:E},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`},Be={class:`flex justify-end items-center`};function Ve(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return h(),s(`div`,Ie,[e(`div`,Le,[e(`div`,Re,[e(`span`,ze,i(t.$t(`luma.name.loop`)),1),a(d,{content:t.$t(`luma.description.loop`)},null,8,[`content`])]),e(`div`,Be,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]\|\|=e=>t.value=e,class:`value`},null,8,[`modelValue`])])])])}var He=z(Fe,[[`render`,Ve]]),Ue=_({name:`EndImage`,components:{UploadIcon:P,ElUpload:v,ElButton:B,ImagePreview:Z,InfoIcon:E},mixins:[U,I,L,H],data(){return{fileList:[],uploadUrl:X()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|=void 0,this.onSetEndImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),We={class:`relative`},Ge={class:`flex justify-between`},Ke={class:`flex justify-start items-center`},qe={class:`text-sm font-bold`};function Je(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,We,[e(`div`,Ge,[e(`div`,Ke,[e(`span`,qe,i(t.$t(`luma.name.endImageUrl`)),1),a(g,{content:t.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(h(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ye=z(Ue,[[`render`,Je],[`__scopeId`,`data-v-04c461bb`]]),Xe=_({name:`StartImage`,components:{UploadIcon:P,ElUpload:v,ElButton:B,ImagePreview:Z,InfoIcon:E},mixins:[U,I,L,H],data(){return{fileList:[],uploadUrl:X()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.luma?.config?.start_image_url},set(){}}},mounted(){this.value\|\|=void 0,this.onSetStartImageUrl()},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){S.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ze={class:`relative`},Qe={class:`flex justify-between`},$e={class:`flex justify-start items-center`},et={class:`text-sm font-bold`};function tt(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,Ze,[e(`div`,Qe,[e(`div`,$e,[e(`span`,et,i(t.$t(`luma.name.startImageUrl`)),1),a(g,{content:t.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url\|\|e.response.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var nt=z(Xe,[[`render`,tt],[`__scopeId`,`data-v-31c07a19`]]),rt=_({name:`UploadVideo`,components:{UploadIcon:P,ElUpload:v,ElButton:B,InfoIcon:E,FilePreview:se},mixins:[I,L],data(){return{fileList:[],uploadUrl:X()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value\|\|=void 0},methods:{onExceed(){S.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){S.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(S.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(S.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),it={class:`relative`},at={class:`flex justify-between`},ot={class:`flex justify-start items-center`},st={class:`text-sm font-bold`};function ct(t,n,c,u,d,m){let g=l(`info-icon`),_=l(`file-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return h(),s(`div`,it,[e(`div`,at,[e(`div`,ot,[e(`span`,st,i(t.$t(`luma.name.videoUrl`)),1),a(g,{content:t.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]\|\|=e=>t.fileList=e,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage==null?o(``,!0):(h(),f(_,{key:0,url:e.url\|\|e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var lt=z(rt,[[`render`,ct],[`__scopeId`,`data-v-2189fc52`]]),ut=_({name:`PromptInput`,components:{PromptTextarea:D},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt\|\|=``}});function dt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]\|\|=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ft=z(ut,[[`render`,dt]]),pt=_({name:`ExtendFromInput`,components:{VideoPlayer:Q},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),mt={class:`relative`},ht={class:`flex mb-2`},gt={class:`text-sm font-bold`};function _t(t,n,r,a,c,u){let d=l(`video-player`);return h(),s(`div`,mt,[e(`div`,ht,[e(`span`,gt,i(t.$t(`luma.name.extend`)),1)]),e(`div`,null,[t.config?.video_url?(h(),f(d,{key:0,src:t.config?.video_url},null,8,[`src`])):o(``,!0)])])}var vt=_({name:`ConfigPanel`,components:{MagicIcon:F,LoopSelector:He,StartImageInput:nt,EndImageInput:Ye,EnhancementSelector:Ee,ElButton:B,PromptInput:ft,ExtendFromInput:z(pt,[[`render`,_t]]),CustomSelector:Pe,UploadVideo:lt,Consumption:le,ScenarioPaymentMode:ue},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.luma?.config},consumption(){return G(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service},walletMode(){return J()&&W(`luma`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,350)},async refreshQuote(){let e=W(`luma`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await V.quote(R(this.config));t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),yt={class:`flex flex-col h-full`},bt={class:`flex-1 overflow-y-auto p-5`},xt={class:`flex flex-col items-center justify-center px-5 pb-5`};function St(t,n,c,u,d,m){let g=l(`extend-from-input`),_=l(`prompt-input`),v=l(`custom-selector`),y=l(`upload-video`),b=l(`start-image-input`),x=l(`end-image-input`),S=l(`enhancement-selector`),C=l(`loop-selector`),w=l(`scenario-payment-mode`),T=l(`consumption`),E=l(`magic-icon`),D=l(`el-button`);return h(),s(`div`,yt,[e(`div`,bt,[t.config?.video_id\|\|t.config?.video_url?(h(),f(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),t.config?.video_id?o(``,!0):(h(),f(v,{key:1,class:`mb-4`})),t.config?.custom?(h(),f(y,{key:2,class:`mb-4`})):o(``,!0),!(t.config?.video_id\|\|t.config?.video_url)&&!t.config?.custom?(h(),f(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),e(`div`,xt,[a(w,{scenario:`luma`}),t.walletMode?o(``,!0):(h(),f(T,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),t.config?.video_url!==void 0\|\|t.config?.custom?(h(),f(D,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(h(),f(D,{key:2,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(E,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var Ct=z(vt,[[`render`,St]]),wt=_({name:`TaskPreview`,components:{DeleteIcon:M,ChannelIcon:A,InfoIcon:ee,MagicIcon:F,TimeIcon:T,WarningIcon:N,CopyToClipboard:ae,ElAlert:b,VideoPlayer:Q,ElTooltip:y,ElButton:B,ApiCodeButton:de,ReportButton:oe},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await 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(`luma/deleteTask`,{id:e}),S.success(this.$t(`common.message.deleteTaskSuccess`))}catch{S.error(this.$t(`common.message.deleteTaskFailed`))}}},onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),Tt={class:`preview`},Et={class:`left`},Dt={class:`main`},Ot={class:`bot`},kt={class:`datetime`},At=[`aria-label`],jt={class:`info`},Mt={key:0,class:`prompt mt-2`},Nt={key:0},Pt={key:1},Ft={key:0,class:n({content:!0,failed:!0})},It={key:0,class:`mb-4`},Lt={key:1,class:n({operations:!0,"mt-2":!0,"mb-4":!0})},Rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Bt={key:1,class:n({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ht={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Wt={key:2,class:n({content:!0})},Gt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Kt(n,c,u,d,f,m){let g=l(`capability-presentation`),_=l(`delete-icon`),v=l(`el-tooltip`),y=l(`video-player`),b=l(`el-button`),x=l(`api-code-button`),S=l(`report-button`),C=l(`magic-icon`),w=l(`copy-to-clipboard`),T=l(`time-icon`),E=l(`el-alert`),D=l(`warning-icon`),O=l(`info-icon`),k=l(`channel-icon`);return h(),s(`div`,Tt,[e(`div`,Et,[a(g,{capability:`luma`,part:`avatar`,class:`avatar`})]),e(`div`,Dt,[e(`div`,Ot,[a(g,{capability:`luma`,part:`name`}),e(`span`,kt,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,At)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,jt,[n.modelValue?.request?.prompt?(h(),s(`p`,Mt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,Nt,` - (`+i(n.$t(`luma.status.pending`))+`) `,1)),n.modelValue?.response?.state===`processing`\|\|n.modelValue?.response?.state===`pending`?(h(),s(`span`,Pt,` - (`+i(n.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,Ft,[n.modelValue.response.video_url?(h(),s(`div`,It,[a(y,{src:n.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response&&!n.config?.custom?(h(),s(`div`,Lt,[a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[1]\|\|=t(e=>n.onExtend(e,n.modelValue?.response),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(v,{class:`box-item`,effect:`dark`,content:n.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(b,{type:`info`,size:`small`,class:`btn-action`,onClick:c[2]\|\|=t(e=>n.onDownload(n.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(x,{path:`/luma/videos`,body:n.modelValue?.request},null,8,[`body`]),a(S,{service:`luma`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(E,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Rt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,zt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.state===`failed`\|\|n.modelValue?.response?.success===!1?(h(),s(`div`,Bt,[a(E,{closable:!1,class:`failure`},{template:p(()=>[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failure`)),1)]),default:p(()=>[e(`p`,$,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])]),e(`p`,Vt,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(w,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,Ht,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e(`p`,Ut,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.traceId`))+`: `+i(n.modelValue?.trace_id)+` `,1),a(w,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!n.modelValue?.response\|\|n.modelValue?.response?.state===`processing`\|\|n.modelValue?.response?.state===`pending`?(h(),s(`div`,Wt,[a(E,{closable:!1,class:`info`},{template:p(()=>[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(n.modelValue?.response?`luma.status.processing`:`luma.status.pending`)),1)]),default:p(()=>[e(`p`,Gt,[a(C,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`luma.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(w,{content:n.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var qt=_({name:`RecentPanel`,components:{BotPlaceholder:fe,TaskPreview:z(wt,[[`render`,Kt],[`__scopeId`,`data-v-46a32bda`]]),NoTasks:k,ScrollList:O},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Jt={key:0},Yt={key:2,class:`w-full h-full flex items-center justify-center`};function Xt(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`,Jt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]\|\|=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,n=>(h(),f(g,{key:n.id,"model-value":n,onExtend:t[0]\|\|=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,Yt,[a(v)])):o(``,!0)],64)}var Zt=_({name:`LumaIndex`,components:{ConfigPanel:Ct,Layout:ve,RecentPanel:z(qt,[[`render`,Xt]])},mixins:[ie],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===x.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===x.Request\|\|this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks},walletMode(){return J()&&W(`luma`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0\|\|e===t)){if(this.$store.commit(`luma/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onGetTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job\|\|=window.setInterval(this.onGetTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await j({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading\|\|this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading\|\|this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e\|\|{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ne(this.uploadTracker,e=>this.$t(e),e=>S.warning(e)))return;let e=R(this.config);if(!this.hasText(e.prompt)){S.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t;if(this.walletMode){let n=this.getWalletContext();if(!n){S.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}t=V.generate(e,{mode:`x402`,x402:{wallet:n,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!Y())return;let n=this.credential?.token;if(!n)return;t=V.generate(e,{token:n})}S.info(this.$t(`luma.message.startingTask`)),te(`luma`,t).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),S.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;e instanceof re\|\|(t?.error?.code===`used_up`?S.error(this.$t(`luma.message.usedUp`)):this.walletMode?S.error(`${this.$t(`common.x402Scenario.paymentFailed`)} ${e?.message\|\|``}`.trim()):S.error(this.$t(`luma.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return q(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 Qt(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]\|\|=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var $t=z(Zt,[[`render`,Qt]]);export{$t as default};

package/dist/assets/{Index-BbxAE6Dv.css → Index-DlTsW4lg.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .main .menu[data-v-fa528a88]{display:none}@media (width<=767px){.main[data-v-fa528a88]{position:relative}.main .config[data-v-fa528a88]{display:none}.main .results[data-v-fa528a88]{width:100%;display:block}.main .menu[data-v-fa528a88]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.title[data-v-b1114c34]{margin-bottom:10px;font-size:14px}.items[data-v-b1114c34]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.items .item[data-v-b1114c34]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:var(--el-border-radius-base);flex-direction:column;align-items:center;width:48px;height:65px;transition:background-color .2s,border-color .2s;display:flex}.items .item .preview[data-v-b1114c34]{flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-top:5px;margin-bottom:3px;display:flex}.items .item .preview .rect[data-v-b1114c34]{border:1px solid var(--el-border-color-lighter);border-radius:2px;width:20px;height:20px}.items .item .name[data-v-b1114c34]{color:var(--el-text-color-primary);font-size:12px;display:block}.items .item[data-v-b1114c34]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-b1114c34]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-b1114c34]{border-color:var(--el-color-primary)}.field[data-v-2d55fce2]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-2d55fce2]{width:30%;margin:0;font-size:14px}.field .value[data-v-2d55fce2]{flex:1}.field .info[data-v-2d55fce2]{width:20px}.field[data-v-~~c5a62d22~~]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-~~c5a62d22~~]{width:30%;margin:0;font-size:14px}.field .value[data-v-~~c5a62d22~~]{width:80px}.field[data-v-a97b008b]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .info-icon[data-v-a97b008b]{color:var(--el-text-color-secondary);cursor:pointer;margin-left:4px;font-size:12px}.title[data-v-e785a985]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-e785a985]{position:absolute;top:5px;right:0}.title[data-v-ab778070]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-ab778070]{position:absolute;top:5px;right:0}.title[data-v-000610fb]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-000610fb]{position:absolute;top:5px;right:0}.field[data-v-ed158765]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-ed158765]{width:30%;margin:0;font-size:14px}.field .value[data-v-ed158765]{flex:1}.title[data-v-ebc6758e]{margin-bottom:10px;font-size:14px}.items[data-v-ebc6758e]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.items .item[data-v-ebc6758e]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:var(--el-border-radius-base);flex-direction:column;align-items:center;width:130px;height:60px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.items .item .image[data-v-ebc6758e]{width:100%;height:100%}.items .item .name[data-v-ebc6758e]{color:#fff;text-align:center;font-size:18px;display:block;position:absolute;top:12px}.items .item.active[data-v-ebc6758e],.items .item.active .rect[data-v-ebc6758e]{border-color:var(--el-color-primary)}.field[data-v-~~f1efdc92~~]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-~~f1efdc92~~]{width:30%;margin:0;font-size:14px}.field .value[data-v-~~f1efdc92~~]{flex:1}.quality .el-radio-button .el-radio-button__inner{padding:8px 11px}.field[data-v-12537f29]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-12537f29]{width:30%;margin:0;font-size:14px}.field .value[data-v-12537f29]{width:80px}.field[data-v-a02ec063]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-a02ec063]{width:30%;margin:0;font-size:14px}.field .value[data-v-a02ec063]{flex:1}.field[data-v-00d50831]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-00d50831]{width:30%;margin:0;font-size:14px}.field .value[data-v-00d50831]{flex:1}.title[data-v-ec52a37e]{margin-bottom:10px;font-size:14px}.pane[data-v-ec52a37e]{flex-flow:wrap;justify-content:left;align-items:flex-start;gap:10px;height:230px;display:flex;overflow-y:auto}.pane .item[data-v-ec52a37e]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:10px;width:100px;height:100px;transition:border-color .2s;position:relative;overflow:hidden}.pane .item .icon[data-v-ec52a37e]{visibility:hidden;z-index:100;color:var(--el-color-white);background-color:var(--el-color-primary);border-radius:50%;padding:5px;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pane .item.hidden[data-v-ec52a37e]{display:none}.pane .item.active[data-v-ec52a37e]{border-color:var(--el-color-primary)}.pane .item.active .icon[data-v-ec52a37e]{visibility:visible}.pane .item .preview[data-v-ec52a37e]{width:100px;height:100px}.pane .item .name[data-v-ec52a37e]{text-overflow:ellipsis;color:#fff;text-align:center;background-color:#000c;width:100px;padding:0 5px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.field[data-v-26af51e8]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-26af51e8]{width:30%;margin:0;font-size:14px}.field .value[data-v-26af51e8]{flex:1}.mode .el-radio-button--small .el-radio-button__inner{padding:8px 11px}.title[data-v-16eb82b3]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-16eb82b3]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{width:100%;margin:0}.demo-tabs[data-v-~~64bdba1b~~] .el-tabs__item{white-space:nowrap;padding:0 16px}.item[data-v-3db556f3]{flex-direction:row;display:flex}.item .left[data-v-3db556f3]{width:70px}.item .left .avatar[data-v-3db556f3]{width:50px;height:50px;box-shadow:var(--app-shadow-xs);border-radius:50%;margin:10px}.item .preview[data-v-3db556f3]{flex-direction:column;flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0;display:flex}.item .preview .bot[data-v-3db556f3]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:10px;font-size:16px;font-weight:700;overflow:hidden}.item .preview .bot .datetime[data-v-3db556f3]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.item .preview .description[data-v-3db556f3]{color:var(--el-text-color-regular);text-align:left;margin-bottom:10px;font-size:12px}.item .preview .info[data-v-3db556f3]{width:100%;overflow:hidden}.item .preview .info .prompt[data-v-3db556f3]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:14px;font-weight:700}.item .preview .info .mode .icon[data-v-3db556f3]{margin-right:2px;display:inline-block}.item .preview .info .mode .icon.turbo[data-v-3db556f3]{color:#f90}.item .preview .info .mode .icon.fast[data-v-3db556f3]{color:#2dc49c}.item .preview .info .mode .icon.relax[data-v-3db556f3]{color:#ce65e6}.item .preview .content[data-v-3db556f3]{width:100%;margin-bottom:10px;position:relative}.item .preview .content.full[data-v-3db556f3]{align-items:center;height:220px;display:flex}.item .preview .content.full .image[data-v-3db556f3]{min-height:200px}.item .preview .content .progress[data-v-3db556f3]{color:#fff;text-shadow:0 0 5px #000;font-size:20px;font-weight:700;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.item .preview .el-alert[data-v-3db556f3]{border-left-style:solid;border-left-width:2px}.item .preview .el-alert.failure[data-v-3db556f3]{border-color:var(--el-color-danger)}.item .preview .el-alert.success[data-v-3db556f3]{border-color:var(--el-color-success)}.item .preview .el-alert.info[data-v-3db556f3]{border-color:var(--el-color-info)}.item .preview .operations[data-v-3db556f3]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;gap:10px;margin-bottom:15px;font-size:14px;display:flex;overflow:hidden scroll}.item .preview .operations.full[data-v-3db556f3]{height:70px}.item .preview .operations .btn-action[data-v-3db556f3]{margin-left:0}
1	+ .main .menu[data-v-fa528a88]{display:none}@media (width<=767px){.main[data-v-fa528a88]{position:relative}.main .config[data-v-fa528a88]{display:none}.main .results[data-v-fa528a88]{width:100%;display:block}.main .menu[data-v-fa528a88]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.title[data-v-b1114c34]{margin-bottom:10px;font-size:14px}.items[data-v-b1114c34]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.items .item[data-v-b1114c34]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:var(--el-border-radius-base);flex-direction:column;align-items:center;width:48px;height:65px;transition:background-color .2s,border-color .2s;display:flex}.items .item .preview[data-v-b1114c34]{flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-top:5px;margin-bottom:3px;display:flex}.items .item .preview .rect[data-v-b1114c34]{border:1px solid var(--el-border-color-lighter);border-radius:2px;width:20px;height:20px}.items .item .name[data-v-b1114c34]{color:var(--el-text-color-primary);font-size:12px;display:block}.items .item[data-v-b1114c34]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-b1114c34]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-b1114c34]{border-color:var(--el-color-primary)}.field[data-v-2d55fce2]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-2d55fce2]{width:30%;margin:0;font-size:14px}.field .value[data-v-2d55fce2]{flex:1}.field .info[data-v-2d55fce2]{width:20px}.field[data-v-a992fcf0]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-a992fcf0]{width:30%;margin:0;font-size:14px}.field .value[data-v-a992fcf0]{width:80px}.field[data-v-a97b008b]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .info-icon[data-v-a97b008b]{color:var(--el-text-color-secondary);cursor:pointer;margin-left:4px;font-size:12px}.title[data-v-e785a985]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-e785a985]{position:absolute;top:5px;right:0}.title[data-v-ab778070]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-ab778070]{position:absolute;top:5px;right:0}.title[data-v-000610fb]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-000610fb]{position:absolute;top:5px;right:0}.field[data-v-ed158765]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-ed158765]{width:30%;margin:0;font-size:14px}.field .value[data-v-ed158765]{flex:1}.title[data-v-ebc6758e]{margin-bottom:10px;font-size:14px}.items[data-v-ebc6758e]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.items .item[data-v-ebc6758e]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:var(--el-border-radius-base);flex-direction:column;align-items:center;width:130px;height:60px;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.items .item .image[data-v-ebc6758e]{width:100%;height:100%}.items .item .name[data-v-ebc6758e]{color:#fff;text-align:center;font-size:18px;display:block;position:absolute;top:12px}.items .item.active[data-v-ebc6758e],.items .item.active .rect[data-v-ebc6758e]{border-color:var(--el-color-primary)}.field[data-v-a4ebdaf2]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-a4ebdaf2]{width:30%;margin:0;font-size:14px}.field .value[data-v-a4ebdaf2]{flex:1}.quality .el-radio-button .el-radio-button__inner{padding:8px 11px}.field[data-v-12537f29]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-12537f29]{width:30%;margin:0;font-size:14px}.field .value[data-v-12537f29]{width:80px}.field[data-v-a02ec063]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-a02ec063]{width:30%;margin:0;font-size:14px}.field .value[data-v-a02ec063]{flex:1}.field[data-v-00d50831]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-00d50831]{width:30%;margin:0;font-size:14px}.field .value[data-v-00d50831]{flex:1}.title[data-v-ec52a37e]{margin-bottom:10px;font-size:14px}.pane[data-v-ec52a37e]{flex-flow:wrap;justify-content:left;align-items:flex-start;gap:10px;height:230px;display:flex;overflow-y:auto}.pane .item[data-v-ec52a37e]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:10px;width:100px;height:100px;transition:border-color .2s;position:relative;overflow:hidden}.pane .item .icon[data-v-ec52a37e]{visibility:hidden;z-index:100;color:var(--el-color-white);background-color:var(--el-color-primary);border-radius:50%;padding:5px;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pane .item.hidden[data-v-ec52a37e]{display:none}.pane .item.active[data-v-ec52a37e]{border-color:var(--el-color-primary)}.pane .item.active .icon[data-v-ec52a37e]{visibility:visible}.pane .item .preview[data-v-ec52a37e]{width:100px;height:100px}.pane .item .name[data-v-ec52a37e]{text-overflow:ellipsis;color:#fff;text-align:center;background-color:#000c;width:100px;padding:0 5px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.field[data-v-26af51e8]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-26af51e8]{width:30%;margin:0;font-size:14px}.field .value[data-v-26af51e8]{flex:1}.mode .el-radio-button--small .el-radio-button__inner{padding:8px 11px}.title[data-v-16eb82b3]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-16eb82b3]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{width:100%;margin:0}.demo-tabs[data-v-ed67f6c3] .el-tabs__item{white-space:nowrap;padding:0 16px}.item[data-v-3db556f3]{flex-direction:row;display:flex}.item .left[data-v-3db556f3]{width:70px}.item .left .avatar[data-v-3db556f3]{width:50px;height:50px;box-shadow:var(--app-shadow-xs);border-radius:50%;margin:10px}.item .preview[data-v-3db556f3]{flex-direction:column;flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0;display:flex}.item .preview .bot[data-v-3db556f3]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:10px;font-size:16px;font-weight:700;overflow:hidden}.item .preview .bot .datetime[data-v-3db556f3]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.item .preview .description[data-v-3db556f3]{color:var(--el-text-color-regular);text-align:left;margin-bottom:10px;font-size:12px}.item .preview .info[data-v-3db556f3]{width:100%;overflow:hidden}.item .preview .info .prompt[data-v-3db556f3]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:14px;font-weight:700}.item .preview .info .mode .icon[data-v-3db556f3]{margin-right:2px;display:inline-block}.item .preview .info .mode .icon.turbo[data-v-3db556f3]{color:#f90}.item .preview .info .mode .icon.fast[data-v-3db556f3]{color:#2dc49c}.item .preview .info .mode .icon.relax[data-v-3db556f3]{color:#ce65e6}.item .preview .content[data-v-3db556f3]{width:100%;margin-bottom:10px;position:relative}.item .preview .content.full[data-v-3db556f3]{align-items:center;height:220px;display:flex}.item .preview .content.full .image[data-v-3db556f3]{min-height:200px}.item .preview .content .progress[data-v-3db556f3]{color:#fff;text-shadow:0 0 5px #000;font-size:20px;font-weight:700;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.item .preview .el-alert[data-v-3db556f3]{border-left-style:solid;border-left-width:2px}.item .preview .el-alert.failure[data-v-3db556f3]{border-color:var(--el-color-danger)}.item .preview .el-alert.success[data-v-3db556f3]{border-color:var(--el-color-success)}.item .preview .el-alert.info[data-v-3db556f3]{border-color:var(--el-color-info)}.item .preview .operations[data-v-3db556f3]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;gap:10px;margin-bottom:15px;font-size:14px;display:flex;overflow:hidden scroll}.item .preview .operations.full[data-v-3db556f3]{height:70px}.item .preview .operations .btn-action[data-v-3db556f3]{margin-left:0}