@acedatacloud/nexior 3.315.3 → 3.316.0

package/dist/assets/{Index-MUKbcwCH.js → Index-BRFeiZVa.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{r as v,t as y}from"./select-CRisKiTc.js";import{t as b}from"./upload-e-ie04XI.js";import{t as x}from"./tooltip--YByBfb-.js";import{t as S}from"./image-CgX-bCDU.js";import{t as C}from"./alert-DvsfPYK5.js";import{t as w}from"./drawer-CZrXLXia.js";import{t as T}from"./input-number-DVkirvvV.js";import{t as E}from"./slider-BimFnAfq.js";import{er as ee,nr as D,rr as O,tr as k}from"./constants-CIzfgEjU.js";import{$r as A,A as j,Br as te,Hr as M,Ht as N,Kt as P,Lr as F,Tn as I,Ut as L,Vt as R,Wt as z,Zn as B,en as V}from"./index-gMMpa4Qq.js";import{t as H}from"./index.es-CXt_78ap.js";import{t as U}from"./CopyToClipboard-B6xAtf3G.js";import{t as W}from"./ImagePreview-Z216rpLJ.js";import{n as G}from"./taskDrawerMixin-DEgO_R5H.js";import{t as K}from"./Consumption-DX1ZwYQU.js";import{i as q,n as J,t as Y}from"./pagination-BjJ755QR.js";import{t as X}from"./VideoPlayer-BXuQMTQe.js";import{t as Z}from"./ApiCodeButton-99X128_M.js";import{t as Q}from"./BotPlaceholder-D9aa7OKZ.js";import{t as ne}from"./NoTasks-Dj6Ly9GW.js";import{t as re}from"./PromptTextarea-BKejbdxq.js";var ie=r({name:`LayoutPixverse`,components:{ElDrawer:w,ElButton:A,FontAwesomeIcon:H},mixins:[G]}),ae={class:`main flex flex-row flex-1`},oe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},se={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ce(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,ae,[n(`div`,oe,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,se,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var le=j(ie,[[`render`,ce],[`__scopeId`,`data-v-e688a015`]]),ue=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`v3.5`,label:`v3.5`},{value:`v4`,label:`v4`},{value:`v4.5`,label:`v4.5`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||=k}}),de={class:`field`},fe={class:`title font-bold`};function pe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,de,[n(`h2`,fe,u(r.$t(`pixverse.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var me=j(ue,[[`render`,pe],[`__scopeId`,`data-v-e8f337ca`]]),he=r({name:`QualitySelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`360p`,label:`360p`},{value:`540p`,label:`540p`},{value:`720p`,label:`720p`},{value:`1080p`,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||=O}}),ge={class:`field`},_e={class:`title font-bold`};function ve(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ge,[n(`h2`,_e,u(r.$t(`pixverse.name.quality`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=j(he,[[`render`,ve],[`__scopeId`,`data-v-64aeaae9`]]),be=r({name:`MotionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`normal`,label:this.$t(`pixverse.name.motion1`)},{value:`fast`,label:this.$t(`pixverse.name.motion2`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||=D}}),xe={class:`field`},Se={class:`title font-bold`};function Ce(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,xe,[n(`h2`,Se,u(r.$t(`pixverse.name.motion`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var we=j(be,[[`render`,Ce],[`__scopeId`,`data-v-94237408`]]),Te=r({name:`StyleSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`cyberpunk`,label:this.$t(`pixverse.name.style1`)},{value:`anime`,label:this.$t(`pixverse.name.style2`)},{value:`comic`,label:this.$t(`pixverse.name.style3`)},{value:`clay`,label:this.$t(`pixverse.name.style4`)},{value:`3d_animation`,label:this.$t(`pixverse.name.style5`)},{value:`realistic`,label:this.$t(`pixverse.name.style6`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||=``}}),Ee={class:`field`},De={class:`title font-bold`};function Oe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Ee,[n(`h2`,De,u(r.$t(`pixverse.name.style`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ke=j(Te,[[`render`,Oe],[`__scopeId`,`data-v-64e17b3c`]]),Ae=r({name:`SeedSelector`,components:{ElSlider:E,InfoIcon:q,ElInputNumber:T},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||=void 0}}),je={class:`flex justify-between`},Me={class:`flex justify-start items-center`},Ne={class:`text-sm font-bold`},Pe={class:`flex justify-end items-center`},Fe={class:`w-full`};function Ie(e,r,i,a,s,c){let l=h(`info-icon`),f=h(`el-input-number`),p=h(`el-slider`);return d(),t(`div`,null,[n(`div`,je,[n(`div`,Me,[n(`span`,Ne,u(e.$t(`pixverse.name.seed`)),1),o(l,{content:e.$t(`pixverse.description.seed`)},null,8,[`content`])]),n(`div`,Pe,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,Fe,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Le=j(Ae,[[`render`,Ie]]),Re=r({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:5,label:`5s`},{value:8,label:`8s`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||=5}}),ze={class:`field`},Be={class:`title font-bold`};function Ve(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ze,[n(`h2`,Be,u(r.$t(`pixverse.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var He=j(Re,[[`render`,Ve],[`__scopeId`,`data-v-065c77ef`]]),Ue=r({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||=ee}}),We={class:`text-sm font-bold mb-2 block`},Ge={class:`items`},Ke=[`onClick`],qe={class:`name`};function Je(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,We,u(r.$t(`pixverse.name.aspectRatio`)),1),n(`div`,Ge,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,qe,u(e.label),1)],10,Ke))),128))])])}var Ye=j(Ue,[[`render`,Je],[`__scopeId`,`data-v-53038264`]]),Xe=r({name:`StartImage`,components:{ElUpload:b,ElButton:A,InfoIcon:q,FontAwesomeIcon:H,ImagePreview:W},mixins:[z,N],emits:[`change`],data(){return{fileList:[],uploadUrl:te()+`/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?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){M.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){M.error(this.$t(`pixverse.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,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(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Ze,[n(`div`,Qe,[n(`div`,$e,[n(`span`,et,u(e.$t(`pixverse.name.startImage`)),1),o(p,{content:e.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var nt=j(Xe,[[`render`,tt],[`__scopeId`,`data-v-0d570ad7`]]),rt=r({name:`PromptInput`,components:{PromptTextarea:re},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||=``}});function it(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pixverse.name.prompt`),info:e.$t(`pixverse.description.prompt`),placeholder:e.$t(`pixverse.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var at=r({name:`ConfigPanel`,components:{ElButton:A,FontAwesomeIcon:H,PromptInput:j(rt,[[`render`,it]]),ModelSelector:me,QualitySelector:ye,MotionSelector:we,StyleSelector:ke,DurationSelector:He,StartImage:nt,SeedSelector:Le,RatioSelector:Ye,Consumption:K},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return P(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),ot={class:`flex flex-col h-full`},st={class:`flex-1 overflow-y-auto p-5`},ct={class:`flex flex-col items-center justify-center px-5 pb-5`};function lt(e,r,a,s,c,l){let f=h(`prompt-input`),p=h(`model-selector`),m=h(`style-selector`),_=h(`ratio-selector`),v=h(`motion-selector`),y=h(`quality-selector`),b=h(`start-image`),x=h(`seed-selector`),S=h(`duration-selector`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,ot,[n(`div`,st,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`})]),n(`div`,ct,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ut=j(at,[[`render`,lt]]),dt=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:U,FontAwesomeIcon:H,ElAlert:C,VideoPlayer:X,ElTooltip:x,ElButton:A,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),ft={class:`preview`},pt={class:`left`},mt={class:`main`},ht={class:`bot`},gt={class:`datetime`},_t={class:`info`},vt={key:0,class:`prompt mt-2`},yt={key:0},bt={key:1},xt={key:0,class:l({content:!0,failed:!0})},St={key:0,class:`mb-4`},Ct={key:1,class:l({operations:!0,"mt-2":!0})},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:l({content:!0})},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function jt(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,ft,[n(`div`,pt,[o(p,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),n(`div`,mt,[n(`div`,ht,[i(u(e.$t(`pixverse.name.pixverseBot`))+` `,1),n(`span`,gt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,_t,[e.modelValue?.request?.prompt?(d(),t(`p`,vt,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,yt,` - (`+u(e.$t(`pixverse.status.pending`))+`) `,1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state===`processing`||e.modelValue?.response?.data[0]?.state===`pending`)?(d(),t(`span`,bt,` - (`+u(e.$t(`pixverse.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,xt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,St,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,Ct,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`pixverse.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/pixverse/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,wt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Et,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,$,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failure`)),1)]),default:g(()=>[n(`p`,Dt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),n(`p`,Ot,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,kt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,At,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var Mt=r({name:`RecentPanel`,components:{TaskPreview:j(dt,[[`render`,jt],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:ne,BotPlaceholder:Q,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},Pt={key:2,class:`w-full h-full flex items-center justify-center`};function Ft(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Nt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Pt,[o(v)])):m(``,!0)],64)}var It=r({name:`PixverseIndex`,components:{ConfigPanel:ut,Layout:le,RecentPanel:j(Mt,[[`render`,Ft]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===F.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Y({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(`pixverse/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pixverse/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(`pixverse/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!R(this.uploadTracker,e=>this.$t(e),e=>M.warning(e)))return;let e={...this.config,async:!0};if(!V())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}M.info(this.$t(`pixverse.message.startingTask`)),B(`pixverse`,I.generate(e,{token:t})).then(()=>{M.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?M.error(this.$t(`pixverse.message.usedUp`)):M.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Lt(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Rt=j(It,[[`render`,Lt]]);export{Rt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{r as v,t as y}from"./select-FL-lX1_B.js";import{t as b}from"./upload-D5vK-W8L.js";import{t as x}from"./tooltip-BR9wIIHv.js";import{t as S}from"./image-tBQ7XaNU.js";import{t as C}from"./alert-B1G1Qd-1.js";import{t as w}from"./drawer-5MaRvlOw.js";import{t as T}from"./input-number-CzOXEohd.js";import{t as E}from"./slider-Bq-g50sw.js";import{ar as D,ir as O,nr as k,rr as A}from"./constants-DsrifDHk.js";import{A as j,Br as ee,Ht as te,Kt as M,Lr as N,Tn as P,Ut as F,Vt as I,Wt as L,Zn as R,Zr as z,ci as B,en as V}from"./index-CrvSJdHx.js";import{t as H}from"./index.es-DYk00Y_j.js";import{t as U}from"./CopyToClipboard-DoJ6mRHT.js";import{t as W}from"./ImagePreview-BGqnZWZy.js";import{n as G}from"./taskDrawerMixin-DEgO_R5H.js";import{t as K}from"./Consumption-DA2DWIIE.js";import{i as q,n as J,t as Y}from"./pagination-B1NojfTM.js";import{t as X}from"./VideoPlayer-Bsm81nly.js";import{t as Z}from"./ApiCodeButton-DcH6BAE7.js";import{t as Q}from"./BotPlaceholder-DGfOk-D2.js";import{t as ne}from"./NoTasks-BnCmnrhm.js";import{t as re}from"./PromptTextarea-CYZ37K25.js";var ie=r({name:`LayoutPixverse`,components:{ElDrawer:w,ElButton:B,FontAwesomeIcon:H},mixins:[G]}),ae={class:`main flex flex-row flex-1`},oe={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},se={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ce(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,ae,[n(`div`,oe,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,se,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var le=j(ie,[[`render`,ce],[`__scopeId`,`data-v-e688a015`]]),ue=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`v3.5`,label:`v3.5`},{value:`v4`,label:`v4`},{value:`v4.5`,label:`v4.5`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||=A}}),de={class:`field`},fe={class:`title font-bold`};function pe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,de,[n(`h2`,fe,u(r.$t(`pixverse.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var me=j(ue,[[`render`,pe],[`__scopeId`,`data-v-e8f337ca`]]),he=r({name:`QualitySelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`360p`,label:`360p`},{value:`540p`,label:`540p`},{value:`720p`,label:`720p`},{value:`1080p`,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||=D}}),ge={class:`field`},_e={class:`title font-bold`};function ve(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ge,[n(`h2`,_e,u(r.$t(`pixverse.name.quality`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=j(he,[[`render`,ve],[`__scopeId`,`data-v-64aeaae9`]]),be=r({name:`MotionSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`normal`,label:this.$t(`pixverse.name.motion1`)},{value:`fast`,label:this.$t(`pixverse.name.motion2`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||=O}}),xe={class:`field`},Se={class:`title font-bold`};function Ce(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,xe,[n(`h2`,Se,u(r.$t(`pixverse.name.motion`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var we=j(be,[[`render`,Ce],[`__scopeId`,`data-v-94237408`]]),Te=r({name:`StyleSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`cyberpunk`,label:this.$t(`pixverse.name.style1`)},{value:`anime`,label:this.$t(`pixverse.name.style2`)},{value:`comic`,label:this.$t(`pixverse.name.style3`)},{value:`clay`,label:this.$t(`pixverse.name.style4`)},{value:`3d_animation`,label:this.$t(`pixverse.name.style5`)},{value:`realistic`,label:this.$t(`pixverse.name.style6`)}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||=``}}),Ee={class:`field`},De={class:`title font-bold`};function Oe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Ee,[n(`h2`,De,u(r.$t(`pixverse.name.style`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ke=j(Te,[[`render`,Oe],[`__scopeId`,`data-v-64e17b3c`]]),Ae=r({name:`SeedSelector`,components:{ElSlider:E,InfoIcon:q,ElInputNumber:T},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||=void 0}}),je={class:`flex justify-between`},Me={class:`flex justify-start items-center`},Ne={class:`text-sm font-bold`},Pe={class:`flex justify-end items-center`},Fe={class:`w-full`};function Ie(e,r,i,a,s,c){let l=h(`info-icon`),f=h(`el-input-number`),p=h(`el-slider`);return d(),t(`div`,null,[n(`div`,je,[n(`div`,Me,[n(`span`,Ne,u(e.$t(`pixverse.name.seed`)),1),o(l,{content:e.$t(`pixverse.description.seed`)},null,8,[`content`])]),n(`div`,Pe,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),n(`div`,Fe,[o(p,{modelValue:e.value,"onUpdate:modelValue":r[1]||=t=>e.value=t,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var Le=j(Ae,[[`render`,Ie]]),Re=r({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:5,label:`5s`},{value:8,label:`8s`}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||=5}}),ze={class:`field`},Be={class:`title font-bold`};function Ve(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ze,[n(`h2`,Be,u(r.$t(`pixverse.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`pixverse.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var He=j(Re,[[`render`,Ve],[`__scopeId`,`data-v-065c77ef`]]),Ue=r({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`4:3`,label:`4:3`,width:20,height:15},{value:`3:4`,label:`3:4`,width:15,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||=k}}),We={class:`text-sm font-bold mb-2 block`},Ge={class:`items`},Ke=[`onClick`],qe={class:`name`};function Je(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,We,u(r.$t(`pixverse.name.aspectRatio`)),1),n(`div`,Ge,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,qe,u(e.label),1)],10,Ke))),128))])])}var Ye=j(Ue,[[`render`,Je],[`__scopeId`,`data-v-53038264`]]),Xe=r({name:`StartImage`,components:{ElUpload:b,ElButton:B,InfoIcon:q,FontAwesomeIcon:H,ImagePreview:W},mixins:[L,te],emits:[`change`],data(){return{fileList:[],uploadUrl:ee()+`/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?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){z.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){z.error(this.$t(`pixverse.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`pixverse/setConfig`,{...this.$store.state?.pixverse?.config,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(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Ze,[n(`div`,Qe,[n(`div`,$e,[n(`span`,et,u(e.$t(`pixverse.name.startImage`)),1),o(p,{content:e.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var nt=j(Xe,[[`render`,tt],[`__scopeId`,`data-v-0d570ad7`]]),rt=r({name:`PromptInput`,components:{PromptTextarea:re},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit(`pixverse/setConfig`,{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||=``}});function it(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pixverse.name.prompt`),info:e.$t(`pixverse.description.prompt`),placeholder:e.$t(`pixverse.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var at=r({name:`ConfigPanel`,components:{ElButton:B,FontAwesomeIcon:H,PromptInput:j(rt,[[`render`,it]]),ModelSelector:me,QualitySelector:ye,MotionSelector:we,StyleSelector:ke,DurationSelector:He,StartImage:nt,SeedSelector:Le,RatioSelector:Ye,Consumption:K},emits:[`generate`],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return M(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),ot={class:`flex flex-col h-full`},st={class:`flex-1 overflow-y-auto p-5`},ct={class:`flex flex-col items-center justify-center px-5 pb-5`};function lt(e,r,a,s,c,l){let f=h(`prompt-input`),p=h(`model-selector`),m=h(`style-selector`),_=h(`ratio-selector`),v=h(`motion-selector`),y=h(`quality-selector`),b=h(`start-image`),x=h(`seed-selector`),S=h(`duration-selector`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,ot,[n(`div`,st,[o(f,{class:`mb-4`}),o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-2`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`})]),n(`div`,ct,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`pixverse.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ut=j(at,[[`render`,lt]]),dt=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:U,FontAwesomeIcon:H,ElAlert:C,VideoPlayer:X,ElTooltip:x,ElButton:B,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),ft={class:`preview`},pt={class:`left`},mt={class:`main`},ht={class:`bot`},gt={class:`datetime`},_t={class:`info`},vt={key:0,class:`prompt mt-2`},yt={key:0},bt={key:1},xt={key:0,class:l({content:!0,failed:!0})},St={key:0,class:`mb-4`},Ct={key:1,class:l({operations:!0,"mt-2":!0})},wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:l({content:!0})},Dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function jt(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,ft,[n(`div`,pt,[o(p,{src:`https://cdn.acedata.cloud/viy61r.jpg`,class:`avatar`})]),n(`div`,mt,[n(`div`,ht,[i(u(e.$t(`pixverse.name.pixverseBot`))+` `,1),n(`span`,gt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,_t,[e.modelValue?.request?.prompt?(d(),t(`p`,vt,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,yt,` - (`+u(e.$t(`pixverse.status.pending`))+`) `,1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state===`processing`||e.modelValue?.response?.data[0]?.state===`pending`)?(d(),t(`span`,bt,` - (`+u(e.$t(`pixverse.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,xt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,St,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,Ct,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`pixverse.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/pixverse/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,wt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Et,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,$,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failure`)),1)]),default:g(()=>[n(`p`,Dt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),n(`p`,Ot,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,kt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,At,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`pixverse.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var Mt=r({name:`RecentPanel`,components:{TaskPreview:j(dt,[[`render`,jt],[`__scopeId`,`data-v-dd3037dc`]]),NoTasks:ne,BotPlaceholder:Q,ScrollList:J},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Nt={key:0},Pt={key:2,class:`w-full h-full flex items-center justify-center`};function Ft(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,Nt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,Pt,[o(v)])):m(``,!0)],64)}var It=r({name:`PixverseIndex`,components:{ConfigPanel:ut,Layout:le,RecentPanel:j(Mt,[[`render`,Ft]])},mixins:[F],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===N.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===N.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Y({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(`pixverse/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pixverse/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(`pixverse/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!I(this.uploadTracker,e=>this.$t(e),e=>z.warning(e)))return;let e={...this.config,async:!0};if(!V())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}z.info(this.$t(`pixverse.message.startingTask`)),R(`pixverse`,P.generate(e,{token:t})).then(()=>{z.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?z.error(this.$t(`pixverse.message.usedUp`)):z.error(this.$t(`pixverse.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Lt(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Rt=j(It,[[`render`,Lt]]);export{Rt as default};

package/dist/assets/{Index-qHGY3d3c.js → Index-Ba7kMDd7.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{r as v,t as y}from"./select-CRisKiTc.js";import{t as b}from"./upload-e-ie04XI.js";import{t as x}from"./tooltip--YByBfb-.js";import{t as S}from"./image-CgX-bCDU.js";import{t as C}from"./alert-DvsfPYK5.js";import{t as w}from"./drawer-CZrXLXia.js";import{Ar as T,Ir as ee,Lr as te,Mr as E,Nr as D,Pr as O,jr as k,kr as A}from"./constants-CIzfgEjU.js";import{$r as j,A as M,Br as N,Hr as P,Ht as F,Kt as I,Lr as L,On as R,Ut as z,Vt as B,Wt as V,Zn as H,en as U}from"./index-gMMpa4Qq.js";import{t as W}from"./index.es-CXt_78ap.js";import{t as G}from"./CopyToClipboard-B6xAtf3G.js";import{t as K}from"./ImagePreview-Z216rpLJ.js";import{n as q}from"./taskDrawerMixin-DEgO_R5H.js";import{t as J}from"./Consumption-DX1ZwYQU.js";import{i as Y,n as X,t as Z}from"./pagination-BjJ755QR.js";import{t as Q}from"./VideoPlayer-BXuQMTQe.js";import{t as ne}from"./ApiCodeButton-99X128_M.js";import{t as re}from"./BotPlaceholder-D9aa7OKZ.js";import{t as ie}from"./NoTasks-Dj6Ly9GW.js";import{t as ae}from"./PromptTextarea-BKejbdxq.js";var oe=r({name:`LayoutSora`,components:{ElDrawer:w,ElButton:j,FontAwesomeIcon:W},mixins:[q]}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,se,[n(`div`,ce,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,le,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=M(oe,[[`render`,ue],[`__scopeId`,`data-v-531ab990`]]),fe=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:te,label:`sora-2`},{value:ee,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config||{},n=A[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||=E}}),pe={class:`field`},me={class:`title font-bold`};function he(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,pe,[n(`h2`,me,u(r.$t(`sora.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=M(fe,[[`render`,he],[`__scopeId`,`data-v-0cb7913d`]]),_e=r({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},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||=k}}),ve={class:`field`},ye={class:`title font-bold`},be={class:`float-left`};function xe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ve,[n(`h2`,ye,u(r.$t(`sora.name.action`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`),clearable:``},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`span`,be,u(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Se=M(_e,[[`render`,xe],[`__scopeId`,`data-v-7b82fa7f`]]),Ce=r({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},computed:{model(){return this.$store.state.sora?.config?.model||`sora-2`},allowedDurations(){return A[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}}),we={class:`field`},Te={class:`control`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,we,[n(`div`,Te,[n(`h2`,Ee,u(r.$t(`sora.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.optionsForModel,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Oe=M(Ce,[[`render`,De],[`__scopeId`,`data-v-c2934598`]]),ke=r({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||=D}}),Ae={class:`text-sm font-bold mb-2 block`},je={class:`items`},Me=[`onClick`],Ne={class:`name`};function Pe(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,Ae,u(r.$t(`sora.name.orientation`)),1),n(`div`,je,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.value])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,Ne,u(r.$t(e.labelKey)),1)],10,Me))),128))])])}var Fe=M(ke,[[`render`,Pe],[`__scopeId`,`data-v-a20be6d9`]]),Ie=r({name:`StartEndImage`,components:{ElUpload:b,ElButton:j,InfoIcon:Y,FontAwesomeIcon:W,ImagePreview:K},mixins:[V,F],emits:[`change`],data(){return{fileList:[],uploadUrl:N()+`/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(){P.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){P.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()}}}),Le={class:`relative`},Re={class:`flex justify-between`},ze={class:`flex justify-start items-center`},Be={class:`text-sm font-bold`};function Ve(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`span`,Be,u(e.$t(`sora.name.startEndImage`)),1),o(p,{content:e.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var He=M(Ie,[[`render`,Ve],[`__scopeId`,`data-v-4f7d9ba5`]]),Ue=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),We=r({name:`SizeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:T.map(e=>({value:e,label:Ue(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||=O}}),Ge={class:`field`},Ke={class:`control`},qe={class:`title font-bold`};function Je(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Ge,[n(`div`,Ke,[n(`h2`,qe,u(r.$t(`sora.name.size`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Ye=M(We,[[`render`,Je],[`__scopeId`,`data-v-8c485f0f`]]),Xe=r({name:`PromptInput`,components:{PromptTextarea:ae},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 Ze(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{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 Qe=r({name:`ConfigPanel`,components:{ElButton:j,Consumption:J,FontAwesomeIcon:W,PromptInput:M(Xe,[[`render`,Ze]]),ModelSelector:ge,StartEndImage:He,SizeSelector:Ye,ActionSelector:Se,OrientationSelector:Fe,DurationSelector:Oe},emits:[`generate`],computed:{config(){return this.$store.state.sora?.config},consumption(){return I(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$e={class:`flex flex-col h-full`},et={class:`flex-1 overflow-y-auto p-5`},tt={class:`flex flex-col items-center justify-center px-5 pb-5`};function nt(e,r,a,s,c,l){let p=h(`model-selector`),m=h(`action-selector`),v=h(`duration-selector`),y=h(`size-selector`),b=h(`orientation-selector`),x=h(`prompt-input`),S=h(`start-end-image`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,$e,[n(`div`,et,[o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),f(o(S,{class:`mb-2`},null,512),[[_,e.config?.action===`image2video`]])]),n(`div`,tt,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var rt=M(Qe,[[`render`,nt]]),it=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:C,VideoPlayer:Q,ElTooltip:x,ElButton:j,ApiCodeButton:ne},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),at={class:`preview`},ot={class:`left`},st={class:`main`},ct={class:`bot`},lt={class:`datetime`},ut={class:`info`},dt={key:0,class:`prompt mt-2`},ft={key:0},pt={key:1},mt={key:0,class:l({content:!0,failed:!0})},ht={key:0,class:`mb-4`},gt={key:1,class:l({operations:!0,"mt-2":!0})},_t={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:l({content:!0})},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:2,class:l({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Dt(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,at,[n(`div`,ot,[o(p,{src:`https://cdn.acedata.cloud/z5id1u.png`,class:`avatar`})]),n(`div`,st,[n(`div`,ct,[i(u(e.$t(`sora.name.soraBot`))+` `,1),n(`span`,lt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,ut,[e.modelValue?.request?.prompt?(d(),t(`p`,dt,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,ft,` - (`+u(e.$t(`sora.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`pending`?(d(),t(`span`,pt,` - (`+u(e.$t(`sora.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,mt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,ht,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,gt,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`sora.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/sora/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,_t,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,vt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,yt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,$,[o(C,{closable:!1,class:`failure`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.failure`)),1)]),default:g(()=>[n(`p`,bt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,xt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,St,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===void 0?(d(),t(`div`,wt,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.failure`)),1)]),default:g(()=>[n(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),t(`p`,Et,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var Ot=r({name:`RecentPanel`,components:{TaskPreview:M(it,[[`render`,Dt],[`__scopeId`,`data-v-564d52e9`]]),NoTasks:ie,BotPlaceholder:re,ScrollList:X},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},At={key:2,class:`w-full h-full flex items-center justify-center`};function jt(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,kt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,At,[o(v)])):m(``,!0)],64)}var Mt=r({name:`SoraIndex`,components:{ConfigPanel:rt,Layout:de,RecentPanel:M(Ot,[[`render`,jt]])},mixins:[z],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Z({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})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!B(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let e={...this.config,async:!0};if(!U())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}P.info(this.$t(`sora.message.startingTask`)),H(`sora`,R.generate(e,{token:t})).then(()=>{P.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`sora.message.usedUp`)):P.error(this.$t(`sora.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nt(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pt=M(Mt,[[`render`,Nt]]);export{Pt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{r as v,t as y}from"./select-FL-lX1_B.js";import{t as b}from"./upload-D5vK-W8L.js";import{t as x}from"./tooltip-BR9wIIHv.js";import{t as S}from"./image-tBQ7XaNU.js";import{t as C}from"./alert-B1G1Qd-1.js";import{t as w}from"./drawer-5MaRvlOw.js";import{Fr as T,Ir as E,Mr as ee,Nr as D,Pr as O,Rr as k,jr as A,zr as te}from"./constants-DsrifDHk.js";import{A as j,Br as M,Ht as N,Kt as P,Lr as F,On as I,Ut as L,Vt as R,Wt as z,Zn as B,Zr as V,ci as H,en as U}from"./index-CrvSJdHx.js";import{t as W}from"./index.es-DYk00Y_j.js";import{t as G}from"./CopyToClipboard-DoJ6mRHT.js";import{t as K}from"./ImagePreview-BGqnZWZy.js";import{n as q}from"./taskDrawerMixin-DEgO_R5H.js";import{t as J}from"./Consumption-DA2DWIIE.js";import{i as Y,n as X,t as Z}from"./pagination-B1NojfTM.js";import{t as Q}from"./VideoPlayer-Bsm81nly.js";import{t as ne}from"./ApiCodeButton-DcH6BAE7.js";import{t as re}from"./BotPlaceholder-DGfOk-D2.js";import{t as ie}from"./NoTasks-BnCmnrhm.js";import{t as ae}from"./PromptTextarea-CYZ37K25.js";var oe=r({name:`LayoutSora`,components:{ElDrawer:w,ElButton:H,FontAwesomeIcon:W},mixins:[q]}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,se,[n(`div`,ce,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,le,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=j(oe,[[`render`,ue],[`__scopeId`,`data-v-531ab990`]]),fe=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:te,label:`sora-2`},{value:k,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config||{},n=A[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||=O}}),pe={class:`field`},me={class:`title font-bold`};function he(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,pe,[n(`h2`,me,u(r.$t(`sora.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=j(fe,[[`render`,he],[`__scopeId`,`data-v-0cb7913d`]]),_e=r({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},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||=D}}),ve={class:`field`},ye={class:`title font-bold`},be={class:`float-left`};function xe(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ve,[n(`h2`,ye,u(r.$t(`sora.name.action`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`),clearable:``},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`span`,be,u(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Se=j(_e,[[`render`,xe],[`__scopeId`,`data-v-7b82fa7f`]]),Ce=r({name:`DurationSelector`,components:{ElSelect:v,ElOption:y},computed:{model(){return this.$store.state.sora?.config?.model||`sora-2`},allowedDurations(){return A[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}}),we={class:`field`},Te={class:`control`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,we,[n(`div`,Te,[n(`h2`,Ee,u(r.$t(`sora.name.duration`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.optionsForModel,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Oe=j(Ce,[[`render`,De],[`__scopeId`,`data-v-c2934598`]]),ke=r({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||=T}}),Ae={class:`text-sm font-bold mb-2 block`},je={class:`items`},Me=[`onClick`],Ne={class:`name`};function Pe(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,Ae,u(r.$t(`sora.name.orientation`)),1),n(`div`,je,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.value])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,Ne,u(r.$t(e.labelKey)),1)],10,Me))),128))])])}var Fe=j(ke,[[`render`,Pe],[`__scopeId`,`data-v-a20be6d9`]]),Ie=r({name:`StartEndImage`,components:{ElUpload:b,ElButton:H,InfoIcon:Y,FontAwesomeIcon:W,ImagePreview:K},mixins:[z,N],emits:[`change`],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value||=void 0,this.onSetStartEndImageUrl()},methods:{onExceed(){V.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){V.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()}}}),Le={class:`relative`},Re={class:`flex justify-between`},ze={class:`flex justify-start items-center`},Be={class:`text-sm font-bold`};function Ve(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,Le,[n(`div`,Re,[n(`div`,ze,[n(`span`,Be,u(e.$t(`sora.name.startEndImage`)),1),o(p,{content:e.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var He=j(Ie,[[`render`,Ve],[`__scopeId`,`data-v-4f7d9ba5`]]),Ue=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),We=r({name:`SizeSelector`,components:{ElSelect:v,ElOption:y},data(){return{options:ee.map(e=>({value:e,label:Ue(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||=E}}),Ge={class:`field`},Ke={class:`control`},qe={class:`title font-bold`};function Je(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,Ge,[n(`div`,Ke,[n(`h2`,qe,u(r.$t(`sora.name.size`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`sora.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Ye=j(We,[[`render`,Je],[`__scopeId`,`data-v-8c485f0f`]]),Xe=r({name:`PromptInput`,components:{PromptTextarea:ae},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 Ze(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{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 Qe=r({name:`ConfigPanel`,components:{ElButton:H,Consumption:J,FontAwesomeIcon:W,PromptInput:j(Xe,[[`render`,Ze]]),ModelSelector:ge,StartEndImage:He,SizeSelector:Ye,ActionSelector:Se,OrientationSelector:Fe,DurationSelector:Oe},emits:[`generate`],computed:{config(){return this.$store.state.sora?.config},consumption(){return P(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$e={class:`flex flex-col h-full`},et={class:`flex-1 overflow-y-auto p-5`},tt={class:`flex flex-col items-center justify-center px-5 pb-5`};function nt(e,r,a,s,c,l){let p=h(`model-selector`),m=h(`action-selector`),v=h(`duration-selector`),y=h(`size-selector`),b=h(`orientation-selector`),x=h(`prompt-input`),S=h(`start-end-image`),C=h(`consumption`),w=h(`font-awesome-icon`),T=h(`el-button`);return d(),t(`div`,$e,[n(`div`,et,[o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),f(o(S,{class:`mb-2`},null,512),[[_,e.config?.action===`image2video`]])]),n(`div`,tt,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var rt=j(Qe,[[`render`,nt]]),it=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:C,VideoPlayer:Q,ElTooltip:x,ElButton:H,ApiCodeButton:ne},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),at={class:`preview`},ot={class:`left`},st={class:`main`},ct={class:`bot`},lt={class:`datetime`},ut={class:`info`},dt={key:0,class:`prompt mt-2`},ft={key:0},pt={key:1},mt={key:0,class:l({content:!0,failed:!0})},ht={key:0,class:`mb-4`},gt={key:1,class:l({operations:!0,"mt-2":!0})},_t={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:l({content:!0})},bt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:2,class:l({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Dt(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,at,[n(`div`,ot,[o(p,{src:`https://cdn.acedata.cloud/z5id1u.png`,class:`avatar`})]),n(`div`,st,[n(`div`,ct,[i(u(e.$t(`sora.name.soraBot`))+` `,1),n(`span`,lt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,ut,[e.modelValue?.request?.prompt?(d(),t(`p`,dt,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,ft,` - (`+u(e.$t(`sora.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`pending`?(d(),t(`span`,pt,` - (`+u(e.$t(`sora.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,mt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,ht,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,gt,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`sora.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/sora/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,_t,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,vt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,yt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,$,[o(C,{closable:!1,class:`failure`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.failure`)),1)]),default:g(()=>[n(`p`,bt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,xt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,St,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===void 0?(d(),t(`div`,wt,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.failure`)),1)]),default:g(()=>[n(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),t(`p`,Et,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var Ot=r({name:`RecentPanel`,components:{TaskPreview:j(it,[[`render`,Dt],[`__scopeId`,`data-v-564d52e9`]]),NoTasks:ie,BotPlaceholder:re,ScrollList:X},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},At={key:2,class:`w-full h-full flex items-center justify-center`};function jt(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,kt,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,At,[o(v)])):m(``,!0)],64)}var Mt=r({name:`SoraIndex`,components:{ConfigPanel:rt,Layout:de,RecentPanel:j(Ot,[[`render`,jt]])},mixins:[L],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===F.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await Z({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})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!R(this.uploadTracker,e=>this.$t(e),e=>V.warning(e)))return;let e={...this.config,async:!0};if(!U())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}V.info(this.$t(`sora.message.startingTask`)),B(`sora`,I.generate(e,{token:t})).then(()=>{V.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?V.error(this.$t(`sora.message.usedUp`)):V.error(this.$t(`sora.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Nt(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Pt=j(Mt,[[`render`,Nt]]);export{Pt as default};

package/dist/assets/Index-BfhqbpEB.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,dt as f,et as p,k as m,tt as h,ut as g,v as _}from"./vendor-chart-BJCvKk8-.js";import{r as v,t as y}from"./select-FL-lX1_B.js";import{t as b}from"./upload-D5vK-W8L.js";import{t as x}from"./tooltip-BR9wIIHv.js";import{t as S}from"./image-tBQ7XaNU.js";import{t as C}from"./alert-B1G1Qd-1.js";import{t as w}from"./drawer-5MaRvlOw.js";import{t as T}from"./switch-CfOtTgJ3.js";import{Gr as E,Hr as D,Kr as O,Ur as k,Vr as A,Wr as j,Yr as M,Zr as N,qr as P}from"./constants-DsrifDHk.js";import{A as F,Br as I,Ht as L,Kt as R,Lr as z,Ut as ee,Vt as te,Wt as ne,Zn as B,Zr as V,_i as H,ci as U,en as W,kn as G}from"./index-CrvSJdHx.js";import{t as K}from"./index.es-DYk00Y_j.js";import{t as q}from"./CopyToClipboard-DoJ6mRHT.js";import{t as J}from"./ImagePreview-BGqnZWZy.js";import{n as Y}from"./taskDrawerMixin-DEgO_R5H.js";import{t as X}from"./Consumption-DA2DWIIE.js";import{i as Z,n as re,t as ie}from"./pagination-B1NojfTM.js";import{t as Q}from"./VideoPlayer-Bsm81nly.js";import{t as ae}from"./ApiCodeButton-DcH6BAE7.js";import{t as oe}from"./BotPlaceholder-DGfOk-D2.js";import{t as se}from"./NoTasks-BnCmnrhm.js";import{t as ce}from"./PromptTextarea-CYZ37K25.js";var le=r({name:`LayoutVeo`,components:{ElDrawer:w,ElButton:U,FontAwesomeIcon:K},mixins:[Y]}),ue={class:`main flex flex-row flex-1`},de={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},fe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function pe(e,r,i,a,s,c){let l=h(`font-awesome-icon`),u=h(`el-button`),m=h(`el-drawer`);return d(),t(`div`,ue,[n(`div`,de,[p(e.$slots,`config`,{},void 0,!0)]),n(`div`,fe,[p(e.$slots,`result`,{},void 0,!0)]),f(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:g(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!e.tasksEmpty]]),o(m,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:g(()=>[p(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var me=F(le,[[`render`,pe],[`__scopeId`,`data-v-12b82bc3`]]),he=r({name:`ModelSelector`,components:{ElSelect:v,ElOption:y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`veo2`,label:`veo2`},{value:`veo2-fast`,label:`veo2-fast`},{value:`veo3`,label:`veo3`},{value:`veo3-fast`,label:`veo3-fast`},{value:`veo31-fast`,label:`veo31-fast`},{value:`veo31`,label:`veo31`},{value:`veo31-fast-ingredients`,label:`veo31-fast-ingredients`}]}},computed:{value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||=j}}),ge={class:`field`},_e={class:`title font-bold`};function ve(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ge,[n(`h2`,_e,u(r.$t(`veo.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`veo.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ye=F(he,[[`render`,ve],[`__scopeId`,`data-v-a59d89c9`]]),be=r({name:`ActionSelector`,components:{ElSelect:v,ElOption:y},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`veo.button.action1`)},{value:`image2video`,label:this.$t(`veo.button.action2`)},{value:`ingredients2video`,label:this.$t(`veo.button.actionIngredients`)},{value:`upsample`,label:this.$t(`veo.button.actionUpsample`)},{value:`extend`,label:this.$t(`veo.button.actionExtend`)},{value:`reshoot`,label:this.$t(`veo.button.actionReshoot`)},{value:`object_insert`,label:this.$t(`veo.button.actionObjectInsert`)},{value:`object_remove`,label:this.$t(`veo.button.actionObjectRemove`)}]},value:{get(){return this.$store.state.veo?.config?.action},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,action:e})}}},mounted(){this.value||=A}}),xe={class:`field`},Se={class:`title font-bold`},Ce={class:`float-left`};function we(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,xe,[n(`h2`,Se,u(r.$t(`veo.name.action`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`veo.placeholder.select`),clearable:``},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},{default:g(()=>[n(`span`,Ce,u(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=F(be,[[`render`,we],[`__scopeId`,`data-v-f4d8785c`]]),Ee=r({name:`TranslationSelector`,components:{ElSwitch:T,InfoIcon:Z},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug(`set translation`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),De={class:`relative`},Oe={class:`flex justify-between`},ke={class:`flex justify-start items-center`},Ae={class:`text-sm font-bold`},je={class:`flex justify-end items-center`};function Me(e,r,i,a,s,c){let l=h(`info-icon`),f=h(`el-switch`);return d(),t(`div`,De,[n(`div`,Oe,[n(`div`,ke,[n(`span`,Ae,u(e.$t(`veo.name.translation`)),1),o(l,{content:e.$t(`veo.description.translation`)},null,8,[`content`])]),n(`div`,je,[o(f,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var Ne=F(Ee,[[`render`,Me]]),Pe=r({name:`AspectRatioSelector`,data(){return{options:[{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.veo?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||=D}}),Fe={class:`text-sm font-bold mb-2 block`},Ie={class:`items`},Le=[`onClick`],Re={class:`name`};function ze(r,i,a,o,f,p){return d(),t(`div`,null,[n(`span`,Fe,u(r.$t(`veo.name.ratio`)),1),n(`div`,Ie,[(d(!0),t(s,null,e(r.options,(e,i)=>(d(),t(`div`,{key:i,class:l({active:r.active===i,item:!0}),onClick:t=>r.value=e.value},[n(`div`,{class:l([`preview`,e.label])},[n(`div`,{class:`rect`,style:c({width:e.width+`px`,height:e.height+`px`})},null,4)],2),n(`p`,Re,u(e.label),1)],10,Le))),128))])])}var Be=F(Pe,[[`render`,ze],[`__scopeId`,`data-v-28c472c4`]]),Ve=r({name:`VideoFromInput`,components:{VideoPlayer:Q},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.veo?.config}}}),He={class:`relative`},Ue={class:`flex mb-2`},We={class:`text-sm font-bold`};function Ge(e,r,i,o,s,c){let l=h(`video-player`);return d(),t(`div`,He,[n(`div`,Ue,[n(`span`,We,u(e.$t(`veo.name.action3`)),1)]),n(`div`,null,[e.config?.video_url?(d(),a(l,{key:0,src:e.config?.video_url},null,8,[`src`])):m(``,!0)])])}var Ke=F(Ve,[[`render`,Ge]]),qe=r({name:`VideoIdInput`,components:{ElInput:H},computed:{value:{get(){return this.$store.state.veo?.config?.video_id},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,video_id:e})}}}}),Je={class:`field`},Ye={class:`title font-bold`};function Xe(e,r,i,a,s,c){let l=h(`el-input`);return d(),t(`div`,Je,[n(`h2`,Ye,u(e.$t(`veo.name.videoId`)),1),o(l,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,type:`text`,placeholder:e.$t(`veo.placeholder.videoId`),clearable:``},null,8,[`modelValue`,`placeholder`])])}var Ze=F(qe,[[`render`,Xe],[`__scopeId`,`data-v-6eba4026`]]),Qe=r({name:`StartEndImage`,components:{ElUpload:b,ElButton:U,InfoIcon:Z,FontAwesomeIcon:K,ImagePreview:J},mixins:[ne,L],emits:[`change`],data(){return{fileList:[],uploadUrl:I()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},mounted(){this.value||=void 0,this.onSetStartEndImageUrl()},methods:{onExceed(){V.warning(this.$t(`veo.message.uploadReferencesExceed`))},onError(){V.error(this.$t(`veo.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.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(e,r,s,c,l,f){let p=h(`info-icon`),_=h(`image-preview`),v=h(`font-awesome-icon`),y=h(`el-button`),b=h(`el-upload`);return d(),t(`div`,$e,[n(`div`,et,[n(`div`,tt,[n(`span`,nt,u(e.$t(`veo.name.startEndImage`)),1),o(p,{content:e.$t(`veo.description.uploadStartEndImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:g(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):m(``,!0)]),default:g(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:g(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`veo.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var it=F(Qe,[[`render`,rt],[`__scopeId`,`data-v-f9a79b4a`]]),at=r({name:`UpsampleActionSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return N.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.upsample_action},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,upsample_action:e})}}},mounted(){this.value||=O}}),ot={class:`field`},st={class:`title font-bold`};function ct(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,ot,[n(`h2`,st,u(r.$t(`veo.name.upsampleAction`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`veo.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var lt=F(at,[[`render`,ct],[`__scopeId`,`data-v-8b74a7ae`]]),ut=r({name:`ExtendModelSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return P.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,model:e})}}},mounted(){(!this.value||!P.includes(this.value))&&(this.value=k)}}),dt={class:`field`},ft={class:`title font-bold`};function pt(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,dt,[n(`h2`,ft,u(r.$t(`veo.name.model`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`veo.placeholder.select`)},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var mt=F(ut,[[`render`,pt],[`__scopeId`,`data-v-cc3f9355`]]),ht=r({name:`MotionTypeSelector`,components:{ElSelect:v,ElOption:y},computed:{options(){return M.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.motion_type},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,motion_type:e})}}},mounted(){this.value||=E}}),gt={class:`field`},_t={class:`title font-bold`};function vt(r,i,c,l,f,p){let m=h(`el-option`),_=h(`el-select`);return d(),t(`div`,gt,[n(`h2`,_t,u(r.$t(`veo.name.motionType`)),1),o(_,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`veo.placeholder.select`),filterable:``},{default:g(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var yt=F(ht,[[`render`,vt],[`__scopeId`,`data-v-3affff3c`]]),bt=r({name:`ImageMaskInput`,components:{ElInput:H},computed:{value:{get(){return this.$store.state.veo?.config?.image_mask},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,image_mask:e})}}}}),xt={class:`field`},St={class:`title font-bold`};function Ct(e,r,i,a,s,c){let l=h(`el-input`);return d(),t(`div`,xt,[n(`h2`,St,u(e.$t(`veo.name.imageMask`)),1),o(l,{modelValue:e.value,"onUpdate:modelValue":r[0]||=t=>e.value=t,class:`value`,type:`text`,placeholder:e.$t(`veo.placeholder.imageMask`),clearable:``},null,8,[`modelValue`,`placeholder`])])}var wt=F(bt,[[`render`,Ct],[`__scopeId`,`data-v-6cc27c68`]]),Tt=r({name:`PromptInput`,components:{PromptTextarea:ce},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Et(e,t,n,r,i,o){let s=h(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`veo.name.prompt`),info:e.$t(`veo.description.prompt`),placeholder:e.$t(`veo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Dt=F(Tt,[[`render`,Et]]),Ot=[`upsample`,`extend`,`reshoot`,`object_insert`,`object_remove`,`get1080p`],kt=[`text2video`,`image2video`,`ingredients2video`],At=r({name:`ConfigPanel`,components:{ElButton:U,Consumption:X,FontAwesomeIcon:K,PromptInput:Dt,ModelSelector:ye,StartEndImage:it,ActionSelector:Te,VideoFromInput:Ke,VideoIdInput:Ze,UpsampleActionSelector:lt,ExtendModelSelector:mt,MotionTypeSelector:yt,ImageMaskInput:wt,TranslationSelector:Ne,AspectRatioSelector:Be},emits:[`generate`],computed:{config(){return this.$store.state.veo?.config},consumption(){return R(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Ot.includes(this.config?.action??``)},isGeneration(){return kt.includes(this.config?.action??``)}},methods:{onGenerate(){this.$emit(`generate`)}}}),jt={class:`flex flex-col h-full`},Mt={class:`flex-1 overflow-y-auto p-5`},Nt={class:`flex flex-col items-center justify-center px-5 pb-5`};function Pt(e,r,c,l,f,p){let _=h(`action-selector`),v=h(`video-from-input`),y=h(`video-id-input`),b=h(`upsample-action-selector`),x=h(`extend-model-selector`),S=h(`prompt-input`),C=h(`motion-type-selector`),w=h(`image-mask-input`),T=h(`translation-selector`),E=h(`aspect-ratio-selector`),D=h(`model-selector`),O=h(`start-end-image`),k=h(`consumption`),A=h(`font-awesome-icon`),j=h(`el-button`);return d(),t(`div`,jt,[n(`div`,Mt,[o(_,{class:`mb-4`}),e.isPostProcessing?(d(),t(s,{key:0},[e.config?.video_url?(d(),a(v,{key:0,class:`mb-4`})):m(``,!0),o(y,{class:`mb-4`})],64)):m(``,!0),e.config?.action===`upsample`?(d(),a(b,{key:1,class:`mb-4`})):m(``,!0),e.config?.action===`extend`?(d(),a(x,{key:2,class:`mb-4`})):m(``,!0),e.config?.action===`extend`?(d(),a(S,{key:3,class:`mb-4`})):m(``,!0),e.config?.action===`reshoot`?(d(),a(C,{key:4,class:`mb-4`})):m(``,!0),e.config?.action===`object_insert`?(d(),a(S,{key:5,class:`mb-4`})):m(``,!0),e.config?.action===`object_insert`||e.config?.action===`object_remove`?(d(),a(w,{key:6,class:`mb-4`})):m(``,!0),e.config?.action===`object_remove`?(d(),a(S,{key:7,class:`mb-4`})):m(``,!0),e.isGeneration?(d(),t(s,{key:8},[o(T,{class:`mb-4`}),o(E,{class:`mb-4`}),o(S,{class:`mb-4`}),e.config?.action===`ingredients2video`?m(``,!0):(d(),a(D,{key:0,class:`mb-4`})),e.config?.action===`image2video`||e.config?.action===`ingredients2video`?(d(),a(O,{key:1,class:`mb-2`})):m(``,!0)],64)):m(``,!0)]),n(`div`,Nt,[o(k,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(j,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:g(()=>[o(A,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`veo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ft=F(At,[[`render`,Pt]]),It=r({name:`TaskPreview`,components:{ElImage:S,CopyToClipboard:q,FontAwesomeIcon:K,ElAlert:C,VideoPlayer:Q,ElTooltip:x,ElButton:U,ApiCodeButton:ae},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onPickAction(e,t,n,r){console.debug(`seed config from preview`,{action:n,upsampleAction:r,response:t}),this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,action:n,video_id:t?.data?.[0]?.id,video_url:t?.data?.[0]?.video_url,...r?{upsample_action:r}:{}})},onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Lt={class:`preview`},Rt={class:`left`},zt={class:`main`},Bt={class:`bot`},Vt={class:`datetime`},Ht={class:`info`},Ut={key:0,class:`prompt mt-2`},Wt={key:0},Gt={key:1},Kt={key:0,class:l({content:!0,failed:!0})},qt={key:0,class:`mb-4`},$={key:1,class:l({operations:!0,"mt-2":!0})},Jt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Zt={key:1,class:l({content:!0})},Qt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$t={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},en={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},nn={key:2,class:l({content:!0})},rn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},an={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function on(e,r,s,c,l,f){let p=h(`el-image`),_=h(`video-player`),v=h(`el-button`),y=h(`el-tooltip`),b=h(`api-code-button`),x=h(`font-awesome-icon`),S=h(`copy-to-clipboard`),C=h(`el-alert`);return d(),t(`div`,Lt,[n(`div`,Rt,[o(p,{src:`https://cdn.acedata.cloud/8nxyy9.jpg`,class:`avatar`})]),n(`div`,zt,[n(`div`,Bt,[i(u(e.$t(`veo.name.veoBot`))+` `,1),n(`span`,Vt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ht,[e.modelValue?.request?.prompt?(d(),t(`p`,Ut,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?m(``,!0):(d(),t(`span`,Wt,` - (`+u(e.$t(`veo.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`running`?(d(),t(`span`,Gt,` - (`+u(e.$t(`veo.status.processing`))+`) `,1)):m(``,!0)])):m(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),t(`div`,Kt,[e.modelValue?.response?.data[0]?.video_url?(d(),t(`div`,qt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):m(``,!0),e.modelValue?.response.success?(d(),t(`div`,$,[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=t=>e.onPickAction(t,e.modelValue?.response,`upsample`,`1080p`)},{default:g(()=>[i(u(e.$t(`veo.button.actionUpsample1080p`)),1)]),_:1})):m(``,!0),e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:1,type:`info`,size:`small`,class:`btn-action`,onClick:r[1]||=t=>e.onPickAction(t,e.modelValue?.response,`upsample`,`4k`)},{default:g(()=>[i(u(e.$t(`veo.button.actionUpsample4k`)),1)]),_:1})):m(``,!0),e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:2,type:`info`,size:`small`,class:`btn-action`,onClick:r[2]||=t=>e.onPickAction(t,e.modelValue?.response,`upsample`,`gif`)},{default:g(()=>[i(u(e.$t(`veo.button.actionUpsampleGif`)),1)]),_:1})):m(``,!0),e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:3,type:`info`,size:`small`,class:`btn-action`,onClick:r[3]||=t=>e.onPickAction(t,e.modelValue?.response,`extend`)},{default:g(()=>[i(u(e.$t(`veo.button.actionExtend`)),1)]),_:1})):m(``,!0),e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:4,type:`info`,size:`small`,class:`btn-action`,onClick:r[4]||=t=>e.onPickAction(t,e.modelValue?.response,`reshoot`)},{default:g(()=>[i(u(e.$t(`veo.button.actionReshoot`)),1)]),_:1})):m(``,!0),e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:5,type:`info`,size:`small`,class:`btn-action`,onClick:r[5]||=t=>e.onPickAction(t,e.modelValue?.response,`object_insert`)},{default:g(()=>[i(u(e.$t(`veo.button.actionObjectInsert`)),1)]),_:1})):m(``,!0),e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:6,type:`info`,size:`small`,class:`btn-action`,onClick:r[6]||=t=>e.onPickAction(t,e.modelValue?.response,`object_remove`)},{default:g(()=>[i(u(e.$t(`veo.button.actionObjectRemove`)),1)]),_:1})):m(``,!0),o(y,{class:`box-item`,effect:`dark`,content:e.$t(`veo.message.downloadVideo`),placement:`top-start`},{default:g(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),a(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:r[7]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:g(()=>[i(u(e.$t(`veo.button.download`)),1)]),_:1})):m(``,!0)]),_:1},8,[`content`]),o(b,{path:`/veo/videos`,body:e.modelValue?.request},null,8,[`body`])])):m(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:g(()=>[n(`p`,Jt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),n(`p`,Yt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Xt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===!1?(d(),t(`div`,Zt,[o(C,{closable:!1,class:`failure`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.failure`)),1)]),default:g(()=>[n(`p`,Qt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),n(`p`,$t,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,en,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):m(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,tn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0),e.modelValue?.response?.success===void 0?(d(),t(`div`,nn,[o(C,{closable:!1,class:`info`},{template:g(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.failure`)),1)]),default:g(()=>[n(`p`,rn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),t(`p`,an,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`veo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):m(``,!0)]),_:1})])):m(``,!0)])])}var sn=r({name:`RecentPanel`,components:{TaskPreview:F(It,[[`render`,on],[`__scopeId`,`data-v-9698fe5f`]]),NoTasks:se,BotPlaceholder:oe,ScrollList:re},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),cn={key:0},ln={key:2,class:`w-full h-full flex items-center justify-center`};function un(n,r,i,c,l,u){let f=h(`bot-placeholder`),p=h(`task-preview`),_=h(`scroll-list`),v=h(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,cn,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:g(()=>[(d(!0),t(s,null,e(n.tasks?.items,(e,t)=>(d(),a(p,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):m(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,ln,[o(v)])):m(``,!0)],64)}var dn=r({name:`VeoIndex`,components:{ConfigPanel:Ft,Layout:me,RecentPanel:F(sn,[[`render`,un]])},mixins:[ee],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===z.Request||this.fetchingTasks},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ie({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(`veo/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`veo/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(`veo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!te(this.uploadTracker,e=>this.$t(e),e=>V.warning(e)))return;let e={...this.config,async:!0};if(!W())return;let t=this.credential?.token;if(!t){console.error(`no token specified`);return}if(e.action===`image2video`&&!(e.image_urls&&e.image_urls.length>0)){V.warning(this.$t(`veo.message.imageRequired`));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,V.info(this.$t(`veo.message.startingTask`)),B(`veo`,G.generate(e,{token:t})).then(()=>{V.success(this.$t(`veo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?V.error(this.$t(`veo.message.usedUp`)):V.error(this.$t(`veo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function fn(e,t,n,r,i,s){let c=h(`config-panel`),l=h(`recent-panel`),u=h(`layout`);return d(),a(u,null,{config:g(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:g(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var pn=F(dn,[[`render`,fn]]);export{pn as default};

package/dist/assets/Index-Bz1GXzVN.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Vt as c,Wt as l,Z as u,b as d,dt as f,k as p,nt as m,tt as h,ut as g,y as _}from"./vendor-chart-BJCvKk8-.js";import{t as v}from"./upload-D5vK-W8L.js";import{t as y}from"./checkbox-BC1X4B2U.js";import{t as b}from"./drawer-5MaRvlOw.js";import{n as x,r as S,t as C}from"./dropdown-C7DzAKi1.js";import{t as w}from"./popover-Kx35zv5U.js";import{n as T,t as E}from"./skeleton-BwNBivMN.js";import{A as D,Br as O,Jt as k,Lr as A,Wt as j,Xr as M,Zr as N,_i as P,ci as F,ei as I,qr as L}from"./index-CrvSJdHx.js";import"./vendor-highlight-BtIeKitL.js";import{t as R}from"./index.es-DYk00Y_j.js";import{t as z}from"./CopyToClipboard-DoJ6mRHT.js";import{n as ee,t as te}from"./AskUserQuestionCard-D3rI-QY5.js";import{s as ne,t as re}from"./codingBridgeNotify-CnwLwoT5.js";import{t as ie}from"./CodeSnippet-fb97l3Vo.js";var ae=r({name:`CodingBridgeNotificationToggle`,components:{ElButton:F,FontAwesomeIcon:R},data(){return{enabled:!1,busy:!1}},computed:{supported(){return L()||ne()}},mounted(){this.enabled=!L()&&re()===`granted`},methods:{async onToggle(){this.busy=!0;try{if(this.enabled){await this.$store.dispatch(`codingBridge/disableNotifications`),this.enabled=!1,N.success(this.$t(`codingBridge.notify.disabled`));return}let e=await this.$store.dispatch(`codingBridge/enableNotifications`);e===`enabled`?(this.enabled=!0,N.success(this.$t(`codingBridge.notify.enabled`))):e===`denied`?N.warning(this.$t(`codingBridge.notify.denied`)):N.warning(this.$t(`codingBridge.notify.unsupported`))}catch{N.error(this.$t(`codingBridge.notify.failed`))}finally{this.busy=!1}}}});function oe(e,t,n,r,i,o){let s=h(`font-awesome-icon`),c=h(`el-button`);return e.supported?(u(),a(c,{key:0,circle:``,size:`small`,type:e.enabled?`primary`:`default`,title:e.enabled?e.$t(`codingBridge.notify.disable`):e.$t(`codingBridge.notify.enable`),disabled:e.busy,onClick:e.onToggle},{default:g(()=>[e.busy?(u(),a(s,{key:0,icon:`fa-solid fa-spinner`,spin:``})):(u(),a(s,{key:1,icon:e.enabled?`fa-solid fa-bell`:`fa-regular fa-bell`},null,8,[`icon`]))]),_:1},8,[`type`,`title`,`disabled`,`onClick`])):p(``,!0)}var se=r({name:`CodingBridgeNodeList`,components:{ElButton:F,FontAwesomeIcon:R,NotificationToggle:D(ae,[[`render`,oe]])},emits:[`pair`],computed:{nodes(){return this.$store.state.codingBridge?.nodes??[]},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},connection(){return this.$store.state.codingBridge?.connection??`disconnected`},connectionLabel(){return this.$t(`codingBridge.connection.${this.connection}`)},connectionDotClass(){switch(this.connection){case`connected`:return`bg-[var(--el-color-success)]`;case`connecting`:return`bg-[var(--el-color-warning)]`;case`error`:return`bg-[var(--el-color-danger)]`;default:return`bg-[var(--app-text-subtle)]`}}},methods:{onSelect(e){this.$store.dispatch(`codingBridge/selectNode`,e)},onRefresh(){this.$store.dispatch(`codingBridge/getNodes`)},async onDelete(e){try{await M.confirm(this.$t(`codingBridge.nodeList.removeConfirm`,{name:e.name}),this.$t(`codingBridge.nodeList.remove`),{confirmButtonText:this.$t(`codingBridge.nodeList.remove`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}try{await this.$store.dispatch(`codingBridge/deleteNode`,e.node_id),N.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{N.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),ce={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},ue={class:`flex items-center gap-2 font-medium`},de={class:`flex items-center gap-1`},fe={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},pe={class:`text-[var(--app-text-subtle)]`},B={class:`flex-1 overflow-y-auto`},me={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},he={class:`mb-3`},ge={key:1,class:`list-none m-0 p-0`},_e=[`onClick`],ve={class:`flex-1 min-w-0`},ye={class:`flex items-center gap-2`},be={class:`truncate font-medium`},xe=[`title`],Se={class:`text-xs text-[var(--app-text-subtle)] truncate`};function Ce(r,a,f,p,m,_){let v=h(`font-awesome-icon`),y=h(`notification-toggle`),b=h(`el-button`);return u(),t(`div`,ce,[n(`div`,le,[n(`div`,ue,[o(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,l(r.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,de,[o(y),o(b,{circle:``,size:`small`,title:r.$t(`codingBridge.nodeList.refresh`),onClick:r.onRefresh},{default:g(()=>[o(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),o(b,{type:`primary`,circle:``,size:`small`,title:r.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>r.$emit(`pair`)},{default:g(()=>[o(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,fe,[n(`span`,{class:c([`inline-block w-2 h-2 rounded-full`,r.connectionDotClass])},null,2),n(`span`,pe,l(r.connectionLabel),1)]),n(`div`,B,[r.nodes.length?(u(),t(`ul`,ge,[(u(!0),t(s,null,e(r.nodes,e=>(u(),t(`li`,{key:e.node_id,class:c([`group flex items-center gap-3 px-4 py-3 cursor-pointer border-b border-[var(--app-border-subtle)] hover:bg-[var(--app-content-bg)]`,{"bg-[var(--app-content-bg)]":e.node_id===r.currentNodeId}]),onClick:t=>r.onSelect(e.node_id)},[o(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,ve,[n(`div`,ye,[n(`span`,be,l(e.name),1),n(`span`,{class:c([`inline-block w-2 h-2 rounded-full flex-none`,e.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:e.status===`online`?r.$t(`codingBridge.status.online`):r.$t(`codingBridge.status.offline`)},null,10,xe)]),n(`div`,Se,l(e.status===`online`?r.$t(`codingBridge.status.online`):r.$t(`codingBridge.status.offline`)),1)]),o(b,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:r.$t(`codingBridge.nodeList.remove`),onClick:d(t=>r.onDelete(e),[`stop`])},{default:g(()=>[o(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,_e))),128))])):(u(),t(`div`,me,[n(`p`,he,l(r.$t(`codingBridge.nodeList.empty`)),1),o(b,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>r.$emit(`pair`)},{default:g(()=>[o(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),i(` `+l(r.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var we=D(se,[[`render`,Ce]]),Te=e=>{let t=e?.questions;return Array.isArray(t)&&t.length>0&&t.every(e=>e&&typeof e.question==`string`&&Array.isArray(e.options))},V=e=>e?(e.tool||``).toLowerCase()===`askuserquestion`?!0:Te(e.input):!1,Ee=e=>({questions:e.input?.questions??[]}),De=100,H=4e4,Oe=12e3,U=6e3,W=(e,t)=>{if(e.length<=t)return e;let n=((e.length-t)/1024).toFixed(1);return`${e.slice(0,t)}\n\n··· +${n} KB ···`},ke=r({name:`CodingBridgeTranscriptItem`,directives:{highlight:k},components:{FontAwesomeIcon:R,VueMarkdown:ee,CodeSnippet:ie,CopyToClipboard:z},props:{event:{type:Object,required:!0},editable:{type:Boolean,default:!1}},emits:[`edit`],data(){return{renderedText:W(this.event.text||``,H),streamTimer:0}},computed:{commandText(){let e=this.event.input;if(!e)return``;for(let t of[`command`,`cmd`,`script`]){let n=e[t];if(typeof n==`string`&&n.trim())return W(n,U)}return``},filePath(){let e=this.event.input;if(!e)return``;for(let t of[`file_path`,`filePath`,`path`,`notebook_path`,`filename`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},toolDescription(){let e=this.event.input?.description;return typeof e==`string`?e:``},toolIcon(){if(this.commandText)return`fa-solid fa-terminal`;let e=(this.event.tool??``).toLowerCase();return/read|cat|view/.test(e)?`fa-solid fa-file-lines`:/write|edit|create|update|insert/.test(e)?`fa-solid fa-pen`:/grep|glob|search|find|list/.test(e)?`fa-solid fa-magnifying-glass`:`fa-solid fa-code`},questionLines(){let e=(this.event.tool??``).toLowerCase(),t=this.event.input?.questions;return!(e===`askuserquestion`||Array.isArray(t))||!Array.isArray(t)?[]:t.filter(e=>e&&typeof e.question==`string`).map(e=>({header:typeof e.header==`string`?e.header:``,question:e.question}))},inputText(){let e=this.event.input;if(!e)return``;let t={};for(let[n,r]of Object.entries(e))n===`timeout`||n===`description`||(t[n]=r);if(Object.keys(t).length===0)return``;try{return W(JSON.stringify(t,null,2),U)}catch{return W(String(e),U)}},thinkingText(){return W(this.event.text||``,H)},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},resultDisplay(){return W(this.resultText,Oe)},resultLabel(){let e=[];return this.event.is_error?e.push(this.$t(`codingBridge.transcript.turnFailed`)):e.push(this.$t(`codingBridge.transcript.turnDone`)),typeof this.event.cost_usd==`number`&&this.event.cost_usd>0&&e.push(`$${this.event.cost_usd.toFixed(4)}`),e.join(` · `)},hasAttachments(){return!!this.event.attachments?.length},noticeText(){let e=this.event.subtype,t=this.event.command;if(t){if(e===`slash_unavailable`)return this.$t(`codingBridge.notice.slashUnavailable`,{command:t});if(e===`slash_codex_unsupported`)return this.$t(`codingBridge.notice.slashCodexUnsupported`,{command:t})}return this.event.text||``}},watch:{"event.text"(){this.scheduleRender()},"event.streaming"(e){e||this.flushRender()}},beforeUnmount(){this.streamTimer&&window.clearTimeout(this.streamTimer)},methods:{scheduleRender(){if(!this.event.streaming){this.flushRender();return}this.streamTimer||=window.setTimeout(()=>{this.streamTimer=0,this.renderedText=W(this.event.text||``,H)},De)},flushRender(){this.streamTimer&&=(window.clearTimeout(this.streamTimer),0),this.renderedText=W(this.event.text||``,H)}}}),Ae={key:0,class:`group flex items-end justify-end gap-1.5`},je=[`title`,`aria-label`],Me={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},Ne=[`src`],Pe=[`href`],Fe=[`src`],Ie={key:1,class:`flex h-9 w-9 items-center justify-center rounded bg-white/15`},Le={class:`min-w-0 truncate`},Re={key:2},ze={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},Be={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},Ve={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},He={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},Ue={key:0,class:`flex flex-col gap-1.5 px-2.5 pb-2`},We={key:0,class:`font-medium text-[var(--app-text)]`},Ge={class:`whitespace-pre-wrap break-words text-[var(--app-text-subtle)]`},Ke={key:1,class:`px-2.5 pb-2`},qe={key:2,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},Je={key:3,class:`px-2.5 pb-2`},Ye={key:0,class:`absolute right-1.5 top-1.5 z-10 rounded bg-[var(--app-content-bg)] px-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100`},Xe={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},Ze={key:6,class:`flex items-start gap-2 rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)] text-[var(--app-text-subtle)] px-3 py-2 text-xs`},Qe={class:`whitespace-pre-wrap break-words`},$e={key:7,class:`rounded-md bg-[var(--el-color-danger-light-9)] text-[var(--el-color-danger)] px-3 py-2 whitespace-pre-wrap break-words`};function et(r,i,a,d,g,_){let v=h(`font-awesome-icon`),y=h(`vue-markdown`),b=h(`code-snippet`),x=h(`copy-to-clipboard`),S=m(`highlight`);return u(),t(`div`,{class:c([`transcript-item text-sm leading-relaxed`,`kind-${r.event.kind}`])},[r.event.kind===`prompt`?(u(),t(`div`,Ae,[r.editable?(u(),t(`button`,{key:0,type:`button`,class:`cb-edit-btn opacity-0 transition-opacity group-hover:opacity-100 focus-visible:opacity-100`,title:r.$t(`codingBridge.session.editPrompt`),"aria-label":r.$t(`codingBridge.session.editPrompt`),onClick:i[0]||=e=>r.$emit(`edit`,r.event)},[o(v,{icon:`fa-solid fa-pen`})],8,je)):p(``,!0),n(`div`,Me,[r.event.images&&r.event.images.length?(u(),t(`div`,{key:0,class:c([`flex flex-wrap gap-1.5`,{"mb-1.5":r.event.text||r.hasAttachments}])},[(u(!0),t(s,null,e(r.event.images,(e,n)=>(u(),t(`img`,{key:n,src:e,class:`w-16 h-16 rounded object-cover`,alt:``},null,8,Ne))),128))],2)):p(``,!0),r.hasAttachments?(u(),t(`div`,{key:1,class:c([`flex flex-wrap gap-1.5`,{"mb-1.5":r.event.text}])},[(u(!0),t(s,null,e(r.event.attachments,(e,r)=>(u(),t(`a`,{key:`${e.url}-${r}`,href:e.url,target:`_blank`,rel:`noopener noreferrer`,class:`flex max-w-[220px] items-center gap-2 rounded-md bg-white/15 px-2 py-1.5 text-xs text-white hover:bg-white/20`},[e.type===`image`?(u(),t(`img`,{key:0,src:e.url,class:`h-9 w-9 rounded object-cover`,alt:``},null,8,Fe)):(u(),t(`span`,Ie,[o(v,{icon:`fa-solid fa-file`})])),n(`span`,Le,l(e.name||e.url),1)],8,Pe))),128))],2)):p(``,!0),r.event.text?(u(),t(`span`,Re,l(r.event.text),1)):p(``,!0)])])):r.event.kind===`text`?(u(),t(`div`,{key:1,class:c([`cb-stream-text`,{"is-streaming":r.event.streaming}])},[f(o(y,{source:r.renderedText,class:`markdown-body bg-transparent text-[var(--app-text)]`},null,8,[`source`]),[[S]])],2)):r.event.kind===`thinking`?(u(),t(`div`,ze,l(r.thinkingText),1)):r.event.kind===`tool_use`?(u(),t(`div`,Be,[n(`div`,Ve,[o(v,{icon:r.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,l(r.event.tool),1),r.toolDescription?(u(),t(`span`,He,l(r.toolDescription),1)):p(``,!0)]),r.questionLines.length?(u(),t(`div`,Ue,[(u(!0),t(s,null,e(r.questionLines,(e,r)=>(u(),t(`div`,{key:r,class:`rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 text-xs`},[e.header?(u(),t(`div`,We,l(e.header),1)):p(``,!0),n(`div`,Ge,l(e.question),1)]))),128))])):r.commandText?(u(),t(`div`,Ke,[o(b,{code:r.commandText,lang:`bash`,copyable:``},null,8,[`code`])])):r.filePath?(u(),t(`div`,qe,l(r.filePath),1)):r.inputText?(u(),t(`div`,Je,[o(b,{code:r.inputText,lang:`json`,copyable:``},null,8,[`code`])])):p(``,!0)])):r.event.kind===`tool_result`?(u(),t(`div`,{key:4,class:c([`group relative overflow-hidden rounded-md`,r.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[r.event.content?(u(),t(`div`,Ye,[o(x,{content:r.resultText},null,8,[`content`])])):p(``,!0),n(`pre`,{class:c([`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-words px-2.5 py-2 font-mono text-xs`,r.event.is_error?`text-[var(--el-color-danger)]`:`text-[var(--app-text-subtle)]`])},l(r.resultDisplay),3)],2)):r.event.kind===`result`?(u(),t(`div`,Xe,[o(v,{icon:r.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,l(r.resultLabel),1)])):r.event.kind===`notice`?(u(),t(`div`,Ze,[o(v,{icon:`fa-solid fa-circle-info`,class:`mt-0.5 flex-none text-[var(--el-color-primary)]`}),n(`span`,Qe,l(r.noticeText),1)])):r.event.kind===`error`?(u(),t(`div`,$e,l(r.event.text),1)):p(``,!0)],2)}var tt=D(ke,[[`render`,et],[`__scopeId`,`data-v-1b7ef381`]]),G=[`⠋`,`⠙`,`⠹`,`⠸`,`⠼`,`⠴`,`⠦`,`⠧`,`⠇`,`⠏`],nt=`Pondering.Noodling.Conjuring.Brewing.Cooking.Crafting.Churning.Simmering.Percolating.Ruminating.Musing.Marinating.Synthesizing.Computing.Hatching.Forging.Vibing.Working.Thinking.Cogitating.Mulling.Stewing.Tinkering.Wrangling.Spinning.Reticulating.Manifesting.Deliberating`.split(`.`),rt=[`思考中`,`酝酿中`,`沉思中`,`推敲中`,`构思中`,`计算中`,`琢磨中`,`捣鼓中`,`炼制中`,`召唤中`,`编织中`,`烹饪中`,`咀嚼中`,`盘算中`,`发酵中`,`运转中`,`冥想中`,`鼓捣中`,`熬制中`,`神游中`,`演算中`,`雕琢中`,`头脑风暴中`,`反复斟酌中`],it=80,K=60,at=1500,q=28,ot=r({name:`CodingBridgeThinkingIndicator`,data(){return{spinnerIndex:0,display:``,elapsed:0,charIndex:0,phase:`typing`,currentWord:``,spinnerTimer:0,elapsedTimer:0,typeTimer:0}},computed:{spinnerFrame(){return G[this.spinnerIndex]},words(){return this.$i18n.locale.startsWith(`zh`)?rt:nt}},mounted(){this.currentWord=this.pickWord(),this.spinnerTimer=window.setInterval(()=>{this.spinnerIndex=(this.spinnerIndex+1)%G.length},it),this.elapsedTimer=window.setInterval(()=>{this.elapsed+=1},1e3),this.scheduleType(K)},beforeUnmount(){window.clearInterval(this.spinnerTimer),window.clearInterval(this.elapsedTimer),window.clearTimeout(this.typeTimer)},methods:{pickWord(){let e=this.words;if(e.length<=1)return e[0]??``;let t=this.currentWord;for(;t===this.currentWord;)t=e[Math.floor(Math.random()*e.length)];return t},scheduleType(e){this.typeTimer=window.setTimeout(this.advance,e)},advance(){let e=this.currentWord;this.phase===`typing`?(this.charIndex+=1,this.display=e.slice(0,this.charIndex),this.charIndex>=e.length?(this.phase=`holding`,this.scheduleType(at)):this.scheduleType(K)):this.phase===`holding`?(this.phase=`deleting`,this.scheduleType(q)):(--this.charIndex,this.display=e.slice(0,Math.max(0,this.charIndex)),this.charIndex<=0?(this.currentWord=this.pickWord(),this.phase=`typing`,this.scheduleType(K)):this.scheduleType(q))}}}),st={class:`cb-thinking flex items-center gap-2 text-sm text-[var(--app-text-subtle)] py-1`},ct={class:`cb-thinking__spinner text-[var(--el-color-primary)]`},lt={class:`cb-thinking__word`},ut={class:`cb-thinking__elapsed tabular-nums opacity-60`};function dt(e,r,a,o,s,c){return u(),t(`div`,st,[n(`span`,ct,l(e.spinnerFrame),1),n(`span`,lt,[i(l(e.display),1),r[0]||=n(`span`,{class:`cb-thinking__caret`},`▋`,-1)]),n(`span`,ut,`(`+l(e.elapsed)+`s)`,1)])}var ft=D(ot,[[`render`,dt],[`__scopeId`,`data-v-6087e9e6`]]),pt=r({name:`CodingBridgeDirectoryDialog`,components:{ElDialog:I,ElButton:F,ElInput:P,FontAwesomeIcon:R},props:{visible:{type:Boolean,default:!1},initialPath:{type:String,default:``}},emits:[`update:visible`,`select`],data(){return{pathInput:``}},computed:{listing(){return this.$store.state.codingBridge?.directory},loading(){return this.$store.state.codingBridge?.directoryLoading===!0},directories(){return(this.listing?.entries??[]).filter(e=>e.type===`dir`)},files(){return(this.listing?.entries??[]).filter(e=>e.type===`file`)},isEmpty(){return!!this.listing&&!this.listing.error&&(this.listing.entries??[]).length===0}},watch:{"listing.path"(e){this.pathInput=e??``}},methods:{onOpen(){this.pathInput=this.initialPath||``,this.$store.dispatch(`codingBridge/browseDir`,this.initialPath||void 0)},goPath(){let e=this.pathInput.trim();e&&this.$store.dispatch(`codingBridge/browseDir`,e)},syncPathInput(){this.pathInput=this.listing?.path??``},onVisibleChange(e){this.$emit(`update:visible`,e),e||this.$store.dispatch(`codingBridge/clearDirectory`)},openDir(e){this.$store.dispatch(`codingBridge/browseDir`,e)},goParent(){this.listing?.parent&&this.$store.dispatch(`codingBridge/browseDir`,this.listing.parent)},refresh(){this.$store.dispatch(`codingBridge/browseDir`,this.listing?.path||this.initialPath||void 0)},chooseCurrent(){this.listing&&!this.listing.error&&(this.$emit(`select`,this.listing.path),this.onVisibleChange(!1))}}}),mt={class:`flex flex-col gap-2`},ht={class:`flex items-center gap-2 min-w-0`},gt={class:`h-72 overflow-y-auto border border-[var(--app-border-subtle)] rounded-md divide-y divide-[var(--app-border-subtle)]`},_t={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)]`},vt={key:1,class:`h-full flex items-center justify-center text-sm text-[var(--el-color-danger)]`},yt=[`onClick`],bt={class:`truncate`,dir:`ltr`},xt={class:`truncate`,dir:`ltr`},St={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)] py-8`},Ct={key:0,class:`text-[11px] text-[var(--app-text-subtle)] px-1`},wt={class:`flex items-center justify-end gap-2`};function Tt(r,c,d,f,m,v){let y=h(`font-awesome-icon`),b=h(`el-button`),x=h(`el-input`),S=h(`el-dialog`);return u(),a(S,{"model-value":r.visible,title:r.$t(`codingBridge.directory.title`),width:`520px`,"append-to-body":``,"onUpdate:modelValue":r.onVisibleChange,onOpen:r.onOpen},{footer:g(()=>[n(`div`,wt,[o(b,{round:``,onClick:c[1]||=e=>r.onVisibleChange(!1)},{default:g(()=>[i(l(r.$t(`common.button.cancel`)),1)]),_:1}),o(b,{type:`primary`,round:``,disabled:!r.listing||!!r.listing.error,onClick:r.chooseCurrent},{default:g(()=>[i(l(r.$t(`codingBridge.directory.choose`)),1)]),_:1},8,[`disabled`,`onClick`])])]),default:g(()=>[n(`div`,mt,[n(`div`,ht,[o(b,{size:`small`,circle:``,disabled:!r.listing||!r.listing.parent||r.loading,title:r.$t(`codingBridge.directory.up`),onClick:r.goParent},{default:g(()=>[o(y,{icon:`fa-solid fa-arrow-up`})]),_:1},8,[`disabled`,`title`,`onClick`]),o(x,{modelValue:r.pathInput,"onUpdate:modelValue":c[0]||=e=>r.pathInput=e,size:`small`,class:`flex-1 min-w-0`,dir:`ltr`,placeholder:r.$t(`codingBridge.directory.pathPlaceholder`),disabled:r.loading,onKeyup:_(r.goPath,[`enter`]),onBlur:r.syncPathInput},{append:g(()=>[o(b,{title:r.$t(`codingBridge.directory.go`),disabled:r.loading||!r.pathInput.trim(),onClick:r.goPath},{default:g(()=>[o(y,{icon:`fa-solid fa-arrow-right`})]),_:1},8,[`title`,`disabled`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`,`disabled`,`onKeyup`,`onBlur`]),o(b,{size:`small`,circle:``,disabled:r.loading,title:r.$t(`codingBridge.directory.refresh`),onClick:r.refresh},{default:g(()=>[o(y,{icon:`fa-solid fa-rotate-right`,spin:r.loading},null,8,[`spin`])]),_:1},8,[`disabled`,`title`,`onClick`])]),n(`div`,gt,[r.loading&&!r.listing?(u(),t(`div`,_t,l(r.$t(`codingBridge.directory.loading`)),1)):r.listing&&r.listing.error?(u(),t(`div`,vt,l(r.listing.error),1)):(u(),t(s,{key:2},[(u(!0),t(s,null,e(r.directories,e=>(u(),t(`button`,{key:e.path,type:`button`,class:`w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-[var(--app-content-hover-bg)]`,onClick:t=>r.openDir(e.path)},[o(y,{icon:`fa-solid fa-folder`,class:`text-[var(--el-color-warning)]`}),n(`span`,bt,l(e.name),1)],8,yt))),128)),(u(!0),t(s,null,e(r.files,e=>(u(),t(`div`,{key:e.path,class:`w-full flex items-center gap-2 px-3 py-2 text-sm text-[var(--app-text-subtle)]`},[o(y,{icon:`fa-solid fa-file`}),n(`span`,xt,l(e.name),1)]))),128)),r.isEmpty?(u(),t(`div`,St,l(r.$t(`codingBridge.directory.empty`)),1)):p(``,!0)],64))]),r.listing&&r.listing.truncated?(u(),t(`p`,Ct,l(r.$t(`codingBridge.directory.truncated`)),1)):p(``,!0)])]),_:1},8,[`model-value`,`title`,`onUpdate:modelValue`,`onOpen`])}var Et=D(pt,[[`render`,Tt]]),J=`data:image/svg+xml,%3csvg%20fill='%23D97757'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eClaude%3c/title%3e%3cpath%20d='m4.7144%2015.9555%204.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608%201.5179.1032%202.2767.1578%201.6514.0972%202.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973%209.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686%201.9064%201.4754%202.4893%201.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335%206.6997%200l.9957.1336.419.3642.6192%201.4147%201.0018%202.2282%201.5543%203.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853%201.8517-.5586%202.9021-.3643%201.9429h.2125l.2429-.2429.9835-1.3053%201.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759%201.1293-.34%201.1657-1.0625%201.3478-.8804%201.1414-1.2628%201.7-.7893%201.36.0729.1093.1882-.0183%202.8535-.607%201.5421-.2794%201.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607%201.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929%201.0686%202.0035%201.8092%202.5075%202.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496%202.3436%203.5214.1214%201.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38%2017.959l-1.1414-1.9428-.1397.079-.674%207.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328%201.9672-2.1796%202.9446-1.7243%201.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889%202.386-3.0357%201.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385%204.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429%201.9064-1.3114Z'/%3e%3c/svg%3e`,Y=`data:image/svg+xml,%3csvg%20fill='%23000000'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eOpenAI%3c/title%3e%3cpath%20d='M22.282%209.821a5.985%205.985%200%200%200-.516-4.91%206.046%206.046%200%200%200-6.51-2.9A6.065%206.065%200%200%200%204.981%204.18a5.985%205.985%200%200%200-3.998%202.9%206.046%206.046%200%200%200%20.743%207.097%205.98%205.98%200%200%200%20.51%204.911%206.051%206.051%200%200%200%206.515%202.9A5.985%205.985%200%200%200%2013.26%2024a6.056%206.056%200%200%200%205.772-4.206%205.99%205.99%200%200%200%203.997-2.9%206.056%206.056%200%200%200-.747-7.073zM13.26%2022.43a4.476%204.476%200%200%201-2.876-1.04l.141-.081%204.779-2.758a.795.795%200%200%200%20.392-.681v-6.737l2.02%201.168a.071.071%200%200%201%20.038.052v5.583a4.504%204.504%200%200%201-4.494%204.494zM3.6%2018.304a4.47%204.47%200%200%201-.535-3.014l.142.085%204.783%202.759a.771.771%200%200%200%20.78%200l5.843-3.369v2.332a.08.08%200%200%201-.033.062L9.74%2019.95a4.5%204.5%200%200%201-6.14-1.646zM2.34%207.896a4.485%204.485%200%200%201%202.366-1.973V11.6a.766.766%200%200%200%20.388.676l5.815%203.355-2.02%201.168a.076.076%200%200%201-.071%200l-4.83-2.786A4.504%204.504%200%200%201%202.34%207.872zm16.597%203.855l-5.833-3.387L15.119%207.2a.076.076%200%200%201%20.071%200l4.83%202.791a4.494%204.494%200%200%201-.676%208.105v-5.678a.79.79%200%200%200-.407-.667zm2.01-3.023l-.141-.085-4.774-2.782a.776.776%200%200%200-.785%200L9.409%209.23V6.897a.066.066%200%200%201%20.028-.061l4.83-2.787a4.5%204.5%200%200%201%206.68%204.66zm-12.64%204.135l-2.02-1.164a.08.08%200%200%201-.038-.057V6.075a4.5%204.5%200%200%201%207.375-3.453l-.142.08L8.704%205.46a.795.795%200%200%200-.393.681zm1.097-2.365l2.602-1.5%202.607%201.5v2.999l-2.597%201.5-2.607-1.5z'/%3e%3c/svg%3e`,X=`data:image/svg+xml,%3csvg%20fill='%23000'%20role='img'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3eGitHub%20Copilot%3c/title%3e%3cpath%20d='M23.922%2016.997C23.061%2018.492%2018.063%2022.02%2012%2022.02%205.937%2022.02.939%2018.492.078%2016.997A.641.641%200%200%201%200%2016.741v-2.869a.883.883%200%200%201%20.053-.22c.372-.935%201.347-2.292%202.605-2.656.167-.429.414-1.055.644-1.517a10.098%2010.098%200%200%201-.052-1.086c0-1.331.282-2.499%201.132-3.368.397-.406.89-.717%201.474-.952C7.255%202.937%209.248%201.98%2011.978%201.98c2.731%200%204.767.957%206.166%202.093.584.235%201.077.546%201.474.952.85.869%201.132%202.037%201.132%203.368%200%20.368-.014.733-.052%201.086.23.462.477%201.088.644%201.517%201.258.364%202.233%201.721%202.605%202.656a.841.841%200%200%201%20.053.22v2.869a.641.641%200%200%201-.078.256Zm-11.75-5.992h-.344a4.359%204.359%200%200%201-.355.508c-.77.947-1.918%201.492-3.508%201.492-1.725%200-2.989-.359-3.782-1.259a2.137%202.137%200%200%201-.085-.104L4%2011.746v6.585c1.435.779%204.514%202.179%208%202.179%203.486%200%206.565-1.4%208-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057%201.259-3.782%201.259-1.59%200-2.738-.545-3.508-1.492a4.359%204.359%200%200%201-.355-.508Zm2.328%203.25c.549%200%201%20.451%201%201v2c0%20.549-.451%201-1%201-.549%200-1-.451-1-1v-2c0-.549.451-1%201-1Zm-5%200c.549%200%201%20.451%201%201v2c0%20.549-.451%201-1%201-.549%200-1-.451-1-1v-2c0-.549.451-1%201-1Zm3.313-6.185c.136%201.057.403%201.913.878%202.497.442.544%201.134.938%202.344.938%201.573%200%202.292-.337%202.657-.751.384-.435.558-1.15.558-2.361%200-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438%201.578v.021c0%20.265.021.562.063.893Zm-1.626%200c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824%201.025-.462.472-.705%201.179-.705%202.319%200%201.211.175%201.926.558%202.361.365.414%201.084.751%202.657.751%201.21%200%201.902-.394%202.344-.938.475-.584.742-1.44.878-2.497Z'/%3e%3c/svg%3e`,Dt=50*1024*1024,Z=10,Q=60,Ot=60,kt={claude:{src:J,invertOnDark:!1},codex:{src:Y,invertOnDark:!0},copilot:{src:X,invertOnDark:!0}},At=r({name:`CodingBridgeSessionView`,components:{ElInput:P,ElButton:F,ElPopover:w,ElDropdown:C,ElDropdownMenu:S,ElDropdownItem:x,ElUpload:v,ElCheckbox:y,ElSkeleton:E,ElSkeletonItem:T,FontAwesomeIcon:R,TranscriptItem:tt,ThinkingIndicator:ft,DirectoryDialog:Et,AskUserQuestionCard:te,CopyToClipboard:z},mixins:[j],emits:[`history`,`devices`],data(){return{prompt:``,cwd:``,model:``,customModelDraft:``,permissionMode:`bypassPermissions`,provider:`claude`,effort:``,directoryVisible:!1,slashMenuOpen:!1,slashActiveIndex:0,editingEventId:``,restoreCode:!1,attachmentFileList:[],uploadUrl:O()+`/api/v1/files/`,maxAttachments:Z,visibleCount:Q}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},lastComposer(){let e=this.currentNodeId;return(e?this.$store.state.codingBridge?.lastComposer?.[e]:void 0)??{}},currentNode(){return this.$store.state.codingBridge?.nodes?.find(e=>e.node_id===this.currentNodeId)},nodeOnline(){return this.currentNode?.status===`online`},currentSessionId(){return this.$store.state.codingBridge?.currentSessionId},currentSession(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.sessions?.[e]:void 0},events(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.events?.[e]??[]:[]},visibleEvents(){let e=this.events;return e.length>this.visibleCount?e.slice(-this.visibleCount):e},hiddenEventCount(){return Math.max(0,this.events.length-this.visibleCount)},historyLoading(){return this.$store.state.codingBridge?.status?.getHistoryDetail===A.Request},pendingQuestion(){let e=this.currentSessionId;if(!e)return;let t=(this.$store.state.codingBridge?.permissions??[]).find(t=>t.session_id===e&&V(t));return t?{request_id:t.request_id,payload:Ee(t)}:void 0},isNewSession(){return!this.currentSessionId},canPickCwd(){return this.isNewSession||!this.currentSession?.started},readonly(){return this.currentSession?.readonly===!0},resumeHint(){return!!this.currentSession?.provider&&!this.currentSession?.started&&!this.readonly},replayLabel(){return!this.currentSession?.provider||this.currentSession?.started?``:this.currentSession.provider===`codex`?this.$t(`codingBridge.history.codexLabel`):this.currentSession.provider===`claude`?this.$t(`codingBridge.history.claudeLabel`):this.providerName(this.currentSession.provider)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},thinking(){return this.running&&!this.pendingQuestion},connected(){return this.$store.state.codingBridge?.connection===`connected`},canRetry(){return this.currentSession?.status===`error`&&!this.readonly&&this.connected&&this.nodeOnline&&this.events.some(e=>e.kind===`prompt`)},attachments(){return(this.attachmentFileList||[]).map(e=>{let t=e.response?.file_url||(typeof e.url==`string`&&!e.url.startsWith(`blob:`)?e.url:``);if(!t)return;let n=e.raw,r=n?.type||e.mime_type||``;return{type:this.isImageAttachment(e)?`image`:`file`,url:t,name:e.name,mime_type:r,size:n?.size}}).filter(e=>!!e)},uploadingAttachments(){return(this.attachmentFileList||[]).some(e=>this.isAttachmentUploading(e))},canSend(){return(!!this.prompt.trim()||this.attachments.length>0)&&!this.uploadingAttachments&&this.connected&&this.nodeOnline},composerHint(){return this.uploadingAttachments?this.$t(`codingBridge.session.uploadingAttachment`):this.providerCaps.length&&!this.currentProviderAvailable?this.$t(`codingBridge.session.providerUnavailableHint`,{name:this.providerName(this.provider)}):this.resumeHint?this.$t(`codingBridge.history.resumeHint`):this.$t(`codingBridge.session.enterHint`)},nodeCapabilities(){let e=this.currentNodeId;return e?this.$store.state.codingBridge?.capabilities?.[e]:void 0},providerCaps(){return this.nodeCapabilities?.providers??[]},currentProviderCap(){return this.providerCaps.find(e=>e.name===this.provider)},canEdit(){return this.readonly?!1:!!this.providerCaps.find(e=>e.name===this.activeProviderName)?.supports_edit},canRestoreCode(){return!!this.providerCaps.find(e=>e.name===this.activeProviderName)?.supports_code_restore},editingActive(){return!!this.editingEventId},currentProviderAvailable(){return this.providerCaps.length?this.currentProviderCap?.available!==!1:!0},providerOptions(){return this.providerCaps.length?this.providerCaps.map(e=>({value:e.name,label:e.label,available:e.available!==!1})):[{label:this.$t(`codingBridge.session.providerClaude`),value:`claude`,available:!0},{label:this.$t(`codingBridge.session.providerCodex`),value:`codex`,available:!0},{label:`GitHub Copilot`,value:`copilot`,available:!0}]},modelOptions(){return this.currentProviderCap?.models??[]},allowCustomModel(){return this.currentProviderCap?.allow_custom_model??!0},effortOptions(){let e=this.currentProviderCap?.efforts;return(e&&e.length?e:[``]).map(e=>({value:e,label:this.effortLabel(e)}))},permissionModeOptions(){let e=this.currentProviderCap?.permission_modes;return(e&&e.length?e:[`default`,`acceptEdits`,`plan`,`bypassPermissions`]).map(e=>({value:e,label:this.permissionModeLabel(e)}))},sessionMeta(){let e=this.currentSession;if(!e)return``;let t=[];return e.provider&&t.push(this.providerName(e.provider)),e.cwd&&t.push(e.cwd),e.model&&t.push(e.model),t.join(` · `)},activeProviderName(){return this.currentSession?.provider||this.provider},slashCommands(){let e=this.activeProviderName;return this.providerCaps.find(t=>t.name===e)?.commands??[]},slashMatches(){let e=this.prompt.match(/^\/(\S*)$/);if(!e)return[];let t=e[1].toLowerCase();return this.slashCommands.filter(e=>[e.name,...e.aliases??[]].some(e=>e.toLowerCase().startsWith(t)))},slashMenuVisible(){return this.slashMenuOpen&&this.slashMatches.length>0},diagnostics(){let e=[];return this.currentNodeId&&e.push({label:this.$t(`codingBridge.session.nodeId`),value:this.currentNodeId}),this.currentSessionId&&e.push({label:this.$t(`codingBridge.session.sessionId`),value:this.currentSessionId}),this.currentSession?.trace_id&&e.push({label:this.$t(`codingBridge.session.traceId`),value:this.currentSession.trace_id}),e}},watch:{events(){this.scrollToBottom()},pendingQuestion(){this.scrollToBottom()},thinking(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom(),this.visibleCount=Q,this.editingEventId=``,this.restoreCode=!1,this.syncSessionSettings()},currentNodeId(){this.requestCapabilities(),this.isNewSession&&this.restoreComposerPrefs()},providerCaps(){if(!this.isNewSession||!this.providerCaps.length)return;let e=this.providerCaps.find(e=>e.name===this.provider);if(!e||e.available===!1){let e=this.providerCaps.find(e=>e.available!==!1);e&&(this.provider=e.name)}},provider(){this.isNewSession&&(this.model=``,this.effort=``)},prompt(e){this.slashMenuOpen=/^\/\S*$/.test(e),this.slashActiveIndex>=this.slashMatches.length&&(this.slashActiveIndex=0)}},mounted(){this.requestCapabilities(),this.syncSessionSettings()},methods:{requestCapabilities(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getCapabilities`,this.currentNodeId)},effortLabel(e){let t={"":`codingBridge.session.effortDefault`,low:`codingBridge.session.effortLow`,medium:`codingBridge.session.effortMedium`,high:`codingBridge.session.effortHigh`,max:`codingBridge.session.effortMax`}[e];return t?this.$t(t):e},permissionModeLabel(e){let t={default:`codingBridge.session.permissionModeDefault`,acceptEdits:`codingBridge.session.permissionModeAcceptEdits`,plan:`codingBridge.session.permissionModePlan`,bypassPermissions:`codingBridge.session.permissionModeBypass`}[e];return t?this.$t(t):e},providerName(e){let t=this.providerCaps.find(t=>t.name===e);return t?t.label:{claude:this.$t(`codingBridge.session.providerClaude`),codex:this.$t(`codingBridge.session.providerCodex`),copilot:`GitHub Copilot`}[e]??e},providerIcon(e){return kt[e]??null},syncSessionSettings(){let e=this.currentSession;if(!e){this.restoreComposerPrefs();return}let t=this.lastComposer;e.provider&&(this.provider=e.provider),this.model=e.model??``,this.customModelDraft=``,this.cwd=e.cwd??t.cwd??``,this.effort=e.effort??t.effort??``,this.permissionMode=e.permission_mode??t.permissionMode??`bypassPermissions`},selectModel(e){this.model=e,this.customModelDraft=``,this.closeModelPopover()},applyCustomModel(){let e=this.customModelDraft.trim();e&&(this.model=e,this.customModelDraft=``,this.closeModelPopover())},closeModelPopover(){this.$refs.modelPopover?.hide?.()},onComposerEnter(e){let t=e;t.isComposing||t.keyCode===229||t.shiftKey||t.ctrlKey||t.metaKey||t.altKey||(t.preventDefault(),this.onSend())},onComposerKeydown(e){let t=e;if(this.slashMenuVisible&&!t.isComposing&&t.keyCode!==229){if(t.key===`ArrowDown`){t.preventDefault(),this.moveSlash(1);return}if(t.key===`ArrowUp`){t.preventDefault(),this.moveSlash(-1);return}if(t.key===`Escape`){t.preventDefault(),this.slashMenuOpen=!1;return}if(t.key===`Tab`||t.key===`Enter`&&!t.shiftKey){t.preventDefault(),this.applySlash(this.slashMatches[this.slashActiveIndex]);return}}t.key===`Enter`&&this.onComposerEnter(t)},moveSlash(e){let t=this.slashMatches.length;t&&(this.slashActiveIndex=(this.slashActiveIndex+e+t)%t,this.$nextTick(()=>{(this.$el?.querySelector?.(`.cb-slash-menu__item--active`))?.scrollIntoView({block:`nearest`})}))},applySlash(e){e&&(this.prompt=`/${e.name} `,this.slashMenuOpen=!1,this.slashActiveIndex=0)},onSend(){if(!this.canSend)return;let e=this.attachments;if(this.editingEventId){this.$store.dispatch(`codingBridge/editPrompt`,{eventId:this.editingEventId,prompt:this.prompt,model:this.model,permissionMode:this.permissionMode,effort:this.effort,attachments:e.length?e:void 0,restoreCode:this.restoreCode}),this.resetComposer();return}this.currentNodeId&&this.$store.commit(`codingBridge/setLastComposer`,{node_id:this.currentNodeId,prefs:{cwd:this.cwd,provider:this.provider,model:this.model,permissionMode:this.permissionMode,effort:this.effort}}),this.$store.dispatch(`codingBridge/sendPrompt`,{prompt:this.prompt,cwd:this.cwd,model:this.model,permissionMode:this.permissionMode,provider:this.provider,effort:this.effort,attachments:e.length?e:void 0}),this.resetComposer()},resetComposer(){this.prompt=``,this.slashMenuOpen=!1,this.slashActiveIndex=0,this.editingEventId=``,this.restoreCode=!1,this.clearAttachments()},cancelEdit(){this.resetComposer()},onAnswerQuestion(e){this.$store.dispatch(`codingBridge/answerQuestion`,{request_id:e.tool_use_id,output:e.output})},onSkipQuestion(e){this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:e.tool_use_id,decision:`deny`})},beforeAttachmentUpload(e){return this.attachmentFileList.length>=Z?(N.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Z})),!1):e.size>Dt?(N.warning(this.$t(`codingBridge.session.attachmentTooLarge`)),!1):!0},onAttachmentChange(e){if(!e.url&&e.raw&&this.isImageAttachment(e))try{e.url=URL.createObjectURL(e.raw)}catch{}},onAttachmentSuccess(e,t){e?.file_url&&(this.revokeBlobUrl(t),t.url=e.file_url,t.response=e)},onAttachmentError(){N.error(this.$t(`codingBridge.session.attachmentUploadError`))},onAttachmentExceed(){N.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Z}))},onTriggerAttachmentUpload(){this.$nextTick(()=>{let e=this.$refs.uploader?.$el;(e?.querySelector(`input.el-upload__input`)||e?.querySelector(`input[type="file"]`))?.click()})},isAttachmentUploading(e){return e.status===`ready`||e.status===`uploading`},isImageAttachment(e){return(e.raw?.type||``).startsWith(`image/`)?!0:/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(e.name||e.url||``)},attachmentPreviewUrl(e){return this.isImageAttachment(e)&&(e.url||e.response?.file_url)||``},removeAttachment(e,t){this.revokeBlobUrl(t),this.attachmentFileList.splice(e,1)},clearAttachments(){for(let e of this.attachmentFileList)this.revokeBlobUrl(e);this.attachmentFileList=[]},revokeBlobUrl(e){if(e.url?.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}},onInterrupt(){this.$store.dispatch(`codingBridge/interruptSession`)},onRetry(){this.$store.dispatch(`codingBridge/retryLastPrompt`)},onEditPrompt(e){this.canEdit&&(this.editingEventId=e.id,this.restoreCode=!1,this.prompt=e.text??``,this.slashMenuOpen=!1,this.slashActiveIndex=0,this.clearAttachments(),this.attachmentFileList=(e.attachments??[]).map((e,t)=>({name:e.name||e.url,url:e.url,status:`success`,percentage:100,uid:Date.now()+t,response:{file_url:e.url},mime_type:e.mime_type})),this.$nextTick(()=>{(this.$el?.querySelector?.(`.cb-composer__input textarea`))?.focus()}))},openDirectory(){this.directoryVisible=!0},onDirectorySelect(e){this.cwd=e},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.restoreComposerPrefs(),this.resetComposer()},restoreComposerPrefs(){let e=this.lastComposer;this.cwd=e.cwd??``,this.provider=e.provider??`claude`,this.permissionMode=e.permissionMode??`bypassPermissions`,this.customModelDraft=``,this.$nextTick(()=>{this.model=e.model??``,this.effort=e.effort??``})},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})},loadEarlier(){let e=this.$refs.transcript,t=e?.scrollHeight??0;this.visibleCount+=Ot,this.$nextTick(()=>{e&&(e.scrollTop=e.scrollHeight-t+e.scrollTop)})}}}),jt={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},Mt={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},Nt={class:`text-sm`},Pt={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},Ft={class:`flex items-center gap-2 min-w-0`},It=[`title`,`aria-label`],Lt={class:`min-w-0`},Rt={class:`flex items-center gap-2 font-medium`},zt={class:`truncate`},Bt={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},Vt={key:0,class:`text-[var(--el-color-primary)]`},Ht={class:`flex items-center gap-2 flex-none`},Ut={key:0,class:`px-5 py-2 text-xs bg-[var(--el-color-warning-light-9)] text-[var(--el-color-warning)] border-b border-[var(--app-border-subtle)]`},Wt={key:1,class:`flex flex-wrap items-center gap-x-4 gap-y-1 px-5 py-1.5 text-[11px] text-[var(--app-text-subtle)] border-b border-[var(--app-border-subtle)]`},Gt={class:`opacity-70 flex-none`},Kt=[`title`],qt={ref:`transcript`,class:`flex-1 min-h-0 overflow-y-auto px-5 py-4 flex flex-col gap-3`},Jt={key:0,class:`cb-skeleton`},Yt={class:`flex flex-col gap-4`},Xt={class:`flex justify-end`},Zt={class:`flex flex-col gap-1.5`},Qt={class:`flex justify-end`},$t={class:`flex flex-col gap-1.5`},en={key:1,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},tn=[`title`],nn={key:4,class:`flex justify-center pt-1`},rn={key:2,class:`cb-question-dock flex-none px-5`},an={class:`border-t border-[var(--app-border-subtle)] p-3`},on={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},sn={key:0,class:`mb-2 flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-lg bg-[var(--el-color-primary-light-9)] px-3 py-2 text-xs text-[var(--app-text)]`},cn={class:`inline-flex items-center gap-1.5`},ln={class:`cb-composer rounded-2xl border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-3 py-2.5 transition-colors focus-within:border-[var(--el-color-primary-light-5)]`},un={key:0,class:`flex flex-wrap gap-2 pb-2`},dn=[`src`,`alt`],fn={key:1,class:`flex h-8 w-8 items-center justify-center rounded bg-[var(--app-content-bg)]`},pn=[`title`],mn={key:2,class:`text-[10px] text-[var(--app-text-subtle)]`},hn=[`title`,`onClick`],gn={key:1,class:`cb-slash-menu`},_n=[`onMousedown`,`onMouseenter`],vn={class:`cb-slash-menu__name`},yn={key:0,class:`cb-slash-menu__hint`},bn={key:1,class:`cb-slash-menu__desc`},xn={ref:`attachmentUploadTrigger`,class:`block h-0 w-0`,"aria-hidden":`true`},Sn={class:`mt-1.5 flex items-center gap-1.5`},Cn=[`title`],wn={class:`flex min-w-0 flex-1 flex-wrap items-center gap-1.5`},Tn={type:`button`,class:`cb-pill`},En=[`src`],Dn={class:`truncate`},On=[`src`],kn={key:1,class:`ml-1 text-xs opacity-60`},An={key:1,class:`cb-pill cb-pill--static`},jn=[`src`],Mn={class:`truncate`},Nn={type:`button`,class:`cb-pill`},Pn={class:`truncate`},Fn={class:`cb-model-menu`},In={class:`truncate`},Ln=[`onClick`],Rn={class:`truncate`},zn={key:0,class:`cb-model-custom`},Bn={type:`button`,class:`cb-pill`},Vn={class:`truncate`},Hn={type:`button`,class:`cb-pill`},Un={class:`truncate`},Wn={type:`button`,class:`cb-pill`},Gn={class:`truncate`},Kn=[`title`,`aria-label`],qn={key:4,class:`cb-pill cb-pill--static`},Jn={class:`truncate`},Yn={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Xn(r,f,m,v,y,b){let x=h(`font-awesome-icon`),S=h(`el-button`),C=h(`copy-to-clipboard`),w=h(`el-skeleton-item`),T=h(`el-skeleton`),E=h(`transcript-item`),D=h(`thinking-indicator`),O=h(`ask-user-question-card`),k=h(`el-checkbox`),A=h(`el-input`),j=h(`el-upload`),M=h(`el-dropdown-item`),N=h(`el-dropdown-menu`),P=h(`el-dropdown`),F=h(`el-popover`),I=h(`directory-dialog`);return u(),t(`div`,jt,[r.currentNode?(u(),t(s,{key:1},[n(`div`,Pt,[n(`div`,Ft,[n(`button`,{type:`button`,class:`cb-devices-btn md:hidden`,title:r.$t(`codingBridge.nodeList.title`),"aria-label":r.$t(`codingBridge.nodeList.title`),onClick:f[1]||=e=>r.$emit(`devices`)},[o(x,{icon:`fa-solid fa-laptop-code`})],8,It),n(`div`,Lt,[n(`div`,Rt,[n(`span`,zt,l(r.currentNode.name),1),n(`span`,{class:c([`inline-block w-2 h-2 rounded-full flex-none`,r.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),r.currentSession?(u(),t(`div`,Bt,[n(`span`,null,l(r.sessionMeta),1),r.replayLabel?(u(),t(`span`,Vt,` · `+l(r.replayLabel),1)):p(``,!0)])):p(``,!0)])]),n(`div`,Ht,[o(S,{size:`small`,round:``,onClick:f[2]||=e=>r.$emit(`history`)},{default:g(()=>[o(x,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),i(` `+l(r.$t(`codingBridge.history.button`)),1)]),_:1}),r.currentSessionId?(u(),a(S,{key:0,size:`small`,round:``,onClick:r.onNewSession},{default:g(()=>[o(x,{icon:`fa-solid fa-plus`,class:`mr-1`}),i(` `+l(r.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):p(``,!0)])]),r.nodeOnline?p(``,!0):(u(),t(`div`,Ut,l(r.$t(`codingBridge.session.deviceOffline`)),1)),r.diagnostics.length?(u(),t(`div`,Wt,[(u(!0),t(s,null,e(r.diagnostics,e=>(u(),t(`span`,{key:e.label,class:`inline-flex items-center gap-1 min-w-0`},[n(`span`,Gt,l(e.label)+`:`,1),n(`span`,{class:`font-mono break-all`,title:e.value},l(e.value),9,Kt),o(C,{content:e.value,class:`inline-block flex-none`},null,8,[`content`])]))),128))])):p(``,!0),n(`div`,qt,[r.historyLoading&&!r.events.length?(u(),t(`div`,Jt,[o(T,{animated:``},{template:g(()=>[n(`div`,Yt,[n(`div`,Xt,[o(w,{variant:`rect`,class:`cb-sk cb-sk--user`})]),n(`div`,Zt,[o(w,{variant:`text`,style:{width:`55%`}}),o(w,{variant:`text`,style:{width:`88%`}}),o(w,{variant:`text`,style:{width:`70%`}})]),o(w,{variant:`rect`,class:`cb-sk cb-sk--tool`}),n(`div`,Qt,[o(w,{variant:`rect`,class:`cb-sk cb-sk--user-sm`})]),n(`div`,$t,[o(w,{variant:`text`,style:{width:`80%`}}),o(w,{variant:`text`,style:{width:`45%`}})])])]),_:1})])):r.events.length?p(``,!0):(u(),t(`div`,en,l(r.$t(`codingBridge.session.startHint`)),1)),r.hiddenEventCount>0?(u(),t(`button`,{key:2,type:`button`,class:`cb-load-earlier mx-auto mb-1 flex items-center gap-1.5 rounded-full border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-3 py-1 text-xs text-[var(--app-text-subtle)] hover:text-[var(--el-color-primary)]`,title:`+${r.hiddenEventCount}`,onClick:f[3]||=(...e)=>r.loadEarlier&&r.loadEarlier(...e)},[o(x,{icon:`fa-solid fa-arrow-up`}),i(` `+l(r.hiddenEventCount),1)],8,tn)):p(``,!0),(u(!0),t(s,null,e(r.visibleEvents,e=>(u(),a(E,{key:e.id,event:e,editable:r.canEdit,onEdit:r.onEditPrompt},null,8,[`event`,`editable`,`onEdit`]))),128)),r.thinking?(u(),a(D,{key:3})):p(``,!0),r.canRetry?(u(),t(`div`,nn,[o(S,{size:`small`,round:``,onClick:r.onRetry},{default:g(()=>[o(x,{icon:`fa-solid fa-rotate-right`,class:`mr-1`}),i(` `+l(r.$t(`codingBridge.session.retry`)),1)]),_:1},8,[`onClick`])])):p(``,!0)],512),r.pendingQuestion?(u(),t(`div`,rn,[(u(),a(O,{key:r.pendingQuestion.request_id,"tool-use-id":r.pendingQuestion.request_id,payload:r.pendingQuestion.payload,onSubmit:r.onAnswerQuestion,onSkip:r.onSkipQuestion},null,8,[`tool-use-id`,`payload`,`onSubmit`,`onSkip`]))])):p(``,!0),n(`div`,an,[r.readonly?(u(),t(`div`,on,[o(x,{icon:`fa-solid fa-eye`}),n(`span`,null,l(r.$t(`codingBridge.history.readonly`)),1),o(S,{class:`ml-auto`,size:`small`,round:``,onClick:r.onNewSession},{default:g(()=>[i(l(r.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(u(),t(s,{key:1},[r.editingActive?(u(),t(`div`,sn,[n(`span`,cn,[o(x,{icon:`fa-solid fa-pen`,class:`text-[var(--el-color-primary)]`}),i(` `+l(r.$t(`codingBridge.session.editingBanner`)),1)]),r.canRestoreCode?(u(),a(k,{key:0,modelValue:r.restoreCode,"onUpdate:modelValue":f[4]||=e=>r.restoreCode=e,size:`small`,class:`cb-restore-code`},{default:g(()=>[i(l(r.$t(`codingBridge.session.editRestoreCode`)),1)]),_:1},8,[`modelValue`])):p(``,!0),n(`button`,{type:`button`,class:`ml-auto cb-edit-cancel`,onClick:f[5]||=(...e)=>r.cancelEdit&&r.cancelEdit(...e)},l(r.$t(`codingBridge.session.editCancel`)),1)])):p(``,!0),n(`div`,ln,[r.attachmentFileList.length?(u(),t(`div`,un,[(u(!0),t(s,null,e(r.attachmentFileList,(e,i)=>(u(),t(`div`,{key:e.uid||e.name||i,class:`group relative flex max-w-[220px] items-center gap-2 rounded-md border border-[var(--app-border-subtle)] bg-[var(--app-sidebar-bg)] px-2 py-1.5 text-xs`},[r.attachmentPreviewUrl(e)?(u(),t(`img`,{key:0,src:r.attachmentPreviewUrl(e),class:`h-8 w-8 rounded object-cover`,alt:r.$t(`codingBridge.session.attachmentImageAlt`)},null,8,dn)):(u(),t(`span`,fn,[o(x,{icon:`fa-solid fa-file`})])),n(`span`,{class:`min-w-0 flex-1 truncate`,title:e.name},l(e.name),9,pn),r.isAttachmentUploading(e)?(u(),t(`span`,mn,l(Math.round(e.percentage||0))+`% `,1)):p(``,!0),n(`button`,{type:`button`,class:`flex h-5 w-5 items-center justify-center rounded-full text-[var(--app-text-subtle)] hover:bg-[var(--app-content-hover-bg)] hover:text-[var(--el-color-danger)]`,title:r.$t(`codingBridge.session.removeAttachment`),onClick:t=>r.removeAttachment(i,e)},[o(x,{icon:`fa-solid fa-xmark`})],8,hn)]))),128))])):p(``,!0),r.slashMenuVisible?(u(),t(`ul`,gn,[(u(!0),t(s,null,e(r.slashMatches,(e,i)=>(u(),t(`li`,{key:e.name,class:c([`cb-slash-menu__item`,{"cb-slash-menu__item--active":i===r.slashActiveIndex}]),onMousedown:d(t=>r.applySlash(e),[`prevent`]),onMouseenter:e=>r.slashActiveIndex=i},[n(`span`,vn,`/`+l(e.name),1),e.argument_hint?(u(),t(`span`,yn,l(e.argument_hint),1)):p(``,!0),e.description?(u(),t(`span`,bn,l(e.description),1)):p(``,!0)],42,_n))),128))])):p(``,!0),o(A,{modelValue:r.prompt,"onUpdate:modelValue":f[6]||=e=>r.prompt=e,type:`textarea`,autosize:{minRows:2,maxRows:12},resize:`none`,class:`cb-composer__input`,placeholder:r.$t(`codingBridge.session.promptPlaceholder`),onKeydown:r.onComposerKeydown},null,8,[`modelValue`,`placeholder`,`onKeydown`]),o(j,{ref:`uploader`,"file-list":r.attachmentFileList,"onUpdate:fileList":f[7]||=e=>r.attachmentFileList=e,class:`h-0 w-0 overflow-hidden opacity-0`,name:`file`,action:r.uploadUrl,headers:r.headers,multiple:!0,limit:r.maxAttachments,"show-file-list":!1,"before-upload":r.beforeAttachmentUpload,"on-change":r.onAttachmentChange,"on-success":r.onAttachmentSuccess,"on-error":r.onAttachmentError,"on-exceed":r.onAttachmentExceed},{default:g(()=>[n(`span`,xn,null,512)]),_:1},8,[`file-list`,`action`,`headers`,`limit`,`before-upload`,`on-change`,`on-success`,`on-error`,`on-exceed`]),n(`div`,Sn,[n(`button`,{type:`button`,class:`cb-icon-btn`,title:r.$t(`codingBridge.session.attachFile`),onClick:f[8]||=(...e)=>r.onTriggerAttachmentUpload&&r.onTriggerAttachmentUpload(...e)},[o(x,{icon:`fa-solid fa-paperclip`})],8,Cn),n(`div`,wn,[r.isNewSession?(u(),a(P,{key:0,trigger:`click`,onCommand:f[9]||=e=>r.provider=e},{dropdown:g(()=>[o(N,null,{default:g(()=>[(u(!0),t(s,null,e(r.providerOptions,e=>(u(),a(M,{key:e.value,command:e.value,disabled:!e.available},{default:g(()=>[o(x,{icon:`fa-solid fa-check`,class:c([`mr-2`,e.value===r.provider?`opacity-100`:`opacity-0`])},null,8,[`class`]),r.providerIcon(e.value)?(u(),t(`img`,{key:0,src:r.providerIcon(e.value).src,class:c([`cb-pill__brand mr-1.5`,{"cb-pill__brand--invert":r.providerIcon(e.value).invertOnDark}]),alt:``},null,10,On)):p(``,!0),i(` `+l(e.label)+` `,1),e.available?p(``,!0):(u(),t(`span`,kn,l(r.$t(`codingBridge.session.providerUnavailable`)),1))]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:g(()=>[n(`button`,Tn,[r.providerIcon(r.provider)?(u(),t(`img`,{key:0,src:r.providerIcon(r.provider).src,class:c([`cb-pill__brand`,{"cb-pill__brand--invert":r.providerIcon(r.provider).invertOnDark}]),alt:``},null,10,En)):(u(),a(x,{key:1,icon:`fa-solid fa-code`,class:`cb-pill__icon`})),n(`span`,Dn,l(r.providerName(r.provider)),1),o(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):(u(),t(`span`,An,[r.providerIcon(r.currentSession?.provider||`claude`)?(u(),t(`img`,{key:0,src:r.providerIcon(r.currentSession?.provider||`claude`).src,class:c([`cb-pill__brand`,{"cb-pill__brand--invert":r.providerIcon(r.currentSession?.provider||`claude`).invertOnDark}]),alt:``},null,10,jn)):(u(),a(x,{key:1,icon:`fa-solid fa-code`,class:`cb-pill__icon`})),n(`span`,Mn,l(r.providerName(r.currentSession?.provider||`claude`)),1)])),o(F,{ref:`modelPopover`,trigger:`click`,placement:`top-start`,width:260},{reference:g(()=>[n(`button`,Nn,[o(x,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,Pn,l(r.model||r.$t(`codingBridge.session.modelDefault`)),1),o(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:g(()=>[n(`div`,Fn,[n(`button`,{type:`button`,class:`cb-model-option`,onClick:f[10]||=e=>r.selectModel(``)},[o(x,{icon:`fa-solid fa-check`,class:c([`cb-model-option__check`,r.model?`opacity-0`:`opacity-100`])},null,8,[`class`]),n(`span`,In,l(r.$t(`codingBridge.session.modelDefault`)),1)]),(u(!0),t(s,null,e(r.modelOptions,e=>(u(),t(`button`,{key:e.value,type:`button`,class:`cb-model-option`,onClick:t=>r.selectModel(e.value)},[o(x,{icon:`fa-solid fa-check`,class:c([`cb-model-option__check`,e.value===r.model?`opacity-100`:`opacity-0`])},null,8,[`class`]),n(`span`,Rn,l(e.label),1)],8,Ln))),128)),r.allowCustomModel?(u(),t(`div`,zn,[o(A,{modelValue:r.customModelDraft,"onUpdate:modelValue":f[11]||=e=>r.customModelDraft=e,size:`small`,placeholder:r.$t(`codingBridge.session.modelPlaceholder`),onKeyup:_(r.applyCustomModel,[`enter`])},{append:g(()=>[o(S,{disabled:!r.customModelDraft.trim(),onClick:r.applyCustomModel},{default:g(()=>[o(x,{icon:`fa-solid fa-check`})]),_:1},8,[`disabled`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`,`onKeyup`])])):p(``,!0)])]),_:1},512),r.effortOptions.length>1?(u(),a(P,{key:2,trigger:`click`,onCommand:f[12]||=e=>r.effort=e},{dropdown:g(()=>[o(N,null,{default:g(()=>[(u(!0),t(s,null,e(r.effortOptions,e=>(u(),a(M,{key:e.value,command:e.value},{default:g(()=>[o(x,{icon:`fa-solid fa-check`,class:c([`mr-2`,e.value===r.effort?`opacity-100`:`opacity-0`])},null,8,[`class`]),i(` `+l(e.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:g(()=>[n(`button`,Bn,[o(x,{icon:`fa-solid fa-gauge-high`,class:`cb-pill__icon`}),n(`span`,Vn,l(r.effortLabel(r.effort)),1),o(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):p(``,!0),o(P,{trigger:`click`,onCommand:f[13]||=e=>r.permissionMode=e},{dropdown:g(()=>[o(N,null,{default:g(()=>[(u(!0),t(s,null,e(r.permissionModeOptions,e=>(u(),a(M,{key:e.value,command:e.value},{default:g(()=>[o(x,{icon:`fa-solid fa-check`,class:c([`mr-2`,e.value===r.permissionMode?`opacity-100`:`opacity-0`])},null,8,[`class`]),i(` `+l(e.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:g(()=>[n(`button`,Hn,[o(x,{icon:`fa-solid fa-shield-halved`,class:`cb-pill__icon`}),n(`span`,Un,l(r.permissionModeLabel(r.permissionMode)),1),o(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),r.canPickCwd?(u(),a(F,{key:3,trigger:`click`,placement:`top-start`,width:320},{reference:g(()=>[n(`button`,Wn,[o(x,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,Gn,l(r.cwd||r.$t(`codingBridge.session.cwdDefault`)),1),o(x,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:g(()=>[o(A,{modelValue:r.cwd,"onUpdate:modelValue":f[17]||=e=>r.cwd=e,size:`small`,clearable:``,class:`cb-cwd-input`,placeholder:r.$t(`codingBridge.session.cwdPlaceholder`)},{suffix:g(()=>[n(`span`,{class:`cb-cwd-browse`,role:`button`,tabindex:`0`,title:r.$t(`codingBridge.directory.title`),"aria-label":r.$t(`codingBridge.directory.title`),onClick:f[14]||=(...e)=>r.openDirectory&&r.openDirectory(...e),onKeydown:[f[15]||=_(d((...e)=>r.openDirectory&&r.openDirectory(...e),[`prevent`]),[`enter`]),f[16]||=_(d((...e)=>r.openDirectory&&r.openDirectory(...e),[`prevent`]),[`space`])]},[o(x,{icon:`fa-solid fa-folder-open`})],40,Kn)]),_:1},8,[`modelValue`,`placeholder`])]),_:1})):r.currentSession?.cwd?(u(),t(`span`,qn,[o(x,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,Jn,l(r.currentSession?.cwd),1)])):p(``,!0)]),r.running?(u(),a(S,{key:0,circle:``,onClick:r.onInterrupt},{default:g(()=>[o(x,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):p(``,!0),o(S,{type:`primary`,round:``,disabled:!r.canSend,onClick:r.onSend},{default:g(()=>[i(l(r.editingActive?r.$t(`codingBridge.session.editSubmit`):r.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])])]),n(`p`,Yn,l(r.composerHint),1)],64))])],64)):(u(),t(`div`,Mt,[o(x,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,Nt,l(r.$t(`codingBridge.session.noDevice`)),1),o(S,{class:`md:hidden mt-4`,round:``,onClick:f[0]||=e=>r.$emit(`devices`)},{default:g(()=>[o(x,{icon:`fa-solid fa-laptop-code`,class:`mr-1`}),i(` `+l(r.$t(`codingBridge.nodeList.title`)),1)]),_:1})])),o(I,{visible:r.directoryVisible,"onUpdate:visible":f[18]||=e=>r.directoryVisible=e,"initial-path":r.cwd,onSelect:r.onDirectorySelect},null,8,[`visible`,`initial-path`,`onSelect`])])}var Zn=D(At,[[`render`,Xn],[`__scopeId`,`data-v-8b172940`]]),Qn=r({name:`CodingBridgePairDialog`,components:{ElDialog:I,ElInput:P,ElButton:F,FontAwesomeIcon:R},props:{visible:{type:Boolean,default:!1},initialCode:{type:String,default:``}},emits:[`update:visible`],data(){return{code:``}},computed:{claiming(){return this.$store.state.codingBridge?.status?.claimPair===A.Request}},watch:{visible(e){e&&this.initialCode&&(this.code=this.initialCode)},initialCode(e){e&&(this.code=e)}},methods:{async onClaim(){let e=this.code.trim();if(e)try{let t=await this.$store.dispatch(`codingBridge/claimPair`,e);N.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?N.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?N.error(this.$t(`codingBridge.pair.usedCode`)):N.error(this.$t(`codingBridge.pair.failed`))}}}}),$n={class:`content`},er={class:`text-sm text-[var(--app-text-subtle)] mb-4`},tr={class:`steps list-none m-0 p-0 mb-4`},nr={class:`flex gap-3 mb-3`},rr={class:`flex-1 min-w-0`},ir={class:`text-sm mb-1`},ar={class:`flex gap-3 mb-3`},or={class:`flex-1 min-w-0`},sr={class:`text-sm mb-1`},cr={class:`flex gap-3`},lr={class:`flex-1 min-w-0`},ur={class:`text-sm`};function dr(e,t,r,s,c,d){let f=h(`el-input`),p=h(`font-awesome-icon`),m=h(`el-button`),v=h(`el-dialog`);return u(),a(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":t[1]||=t=>e.$emit(`update:visible`,t)},{default:g(()=>[n(`div`,$n,[n(`p`,er,l(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,tr,[n(`li`,nr,[t[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,rr,[n(`p`,ir,l(e.$t(`codingBridge.pair.step1`)),1),t[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge`,-1)])]),n(`li`,ar,[t[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,or,[n(`p`,sr,l(e.$t(`codingBridge.pair.step2`)),1),t[4]||=n(`code`,{class:`cmd`},`coding-bridge up`,-1)])]),n(`li`,cr,[t[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,lr,[n(`p`,ur,l(e.$t(`codingBridge.pair.step3`)),1)])])]),o(f,{modelValue:e.code,"onUpdate:modelValue":t[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:_(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),o(m,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:g(()=>[o(p,{icon:`fa-solid fa-link`,class:`mr-1`}),i(` `+l(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var fr=D(Qn,[[`render`,dr],[`__scopeId`,`data-v-085c4083`]]),pr=r({name:`CodingBridgePermissionDialog`,components:{ElDialog:I,ElButton:F,FontAwesomeIcon:R},computed:{request(){return(this.$store.state.codingBridge?.permissions??[]).find(e=>!V(e))},hasInput(){return!!this.request?.input&&Object.keys(this.request.input).length>0},inputText(){try{return JSON.stringify(this.request?.input,null,2)}catch{return String(this.request?.input??``)}}},methods:{onAllow(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`allow`})},onDeny(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`deny`})}}}),mr={key:0,class:`content`},hr={class:`text-sm text-[var(--app-text-subtle)] mb-3`},gr={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},_r={class:`flex items-center gap-2 font-medium`},vr={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},yr={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},br={class:`flex justify-end gap-2`};function xr(e,r,s,c,d,f){let m=h(`font-awesome-icon`),_=h(`el-button`),v=h(`el-dialog`);return u(),a(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:g(()=>[n(`div`,br,[o(_,{round:``,onClick:e.onDeny},{default:g(()=>[o(m,{icon:`fa-solid fa-xmark`,class:`mr-1`}),i(` `+l(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),o(_,{type:`primary`,round:``,onClick:e.onAllow},{default:g(()=>[o(m,{icon:`fa-solid fa-check`,class:`mr-1`}),i(` `+l(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:g(()=>[e.request?(u(),t(`div`,mr,[n(`p`,hr,l(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,gr,[n(`div`,_r,[o(m,{icon:`fa-solid fa-code`}),n(`span`,null,l(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(u(),t(`p`,vr,l(e.request.description),1)):p(``,!0),e.hasInput?(u(),t(`pre`,yr,l(e.inputText),1)):p(``,!0)])])):p(``,!0)]),_:1},8,[`model-value`,`title`])}var Sr=D(pr,[[`render`,xr]]),Cr={claude:{src:J,invertOnDark:!1},codex:{src:Y,invertOnDark:!0},copilot:{src:X,invertOnDark:!0}},wr=r({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:b,ElButton:F,FontAwesomeIcon:R},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`],computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},loading(){return this.$store.state.codingBridge?.status?.getHistory===A.Request},sessions(){let e=this.currentNodeId;return[...e?this.$store.state.codingBridge?.history?.[e]??[]:[]].sort((e,t)=>(t.updated_at??0)-(e.updated_at??0))}},watch:{visible(e){e&&this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)}},methods:{providerLabel(e){return{claude:`Claude Code`,codex:`Codex`,copilot:`GitHub Copilot`}[e]??e},providerIcon(e){return Cr[e]??null},refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/reattachSession`,{node_id:this.currentNodeId,provider:e.provider,session_id:e.session_id}),this.$emit(`update:visible`,!1))},formatTime(e){try{return new Date(e).toLocaleString()}catch{return``}}}}),Tr={class:`flex flex-col h-full`},$={class:`flex items-center justify-between mb-3`},Er={class:`text-xs text-[var(--app-text-subtle)] m-0`},Dr={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},Or={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},kr={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},Ar={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},jr=[`onClick`],Mr={class:`flex items-center gap-2 mb-1`},Nr=[`src`,`alt`],Pr={class:`text-sm font-medium truncate flex-1`},Fr=[`title`],Ir={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},Lr={key:0},Rr={key:1},zr={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},Br={key:0},Vr={key:1};function Hr(r,d,f,m,_,v){let y=h(`font-awesome-icon`),b=h(`el-button`),x=h(`el-drawer`);return u(),a(x,{"model-value":r.visible,direction:`rtl`,size:`380px`,title:r.$t(`codingBridge.history.title`),"onUpdate:modelValue":d[0]||=e=>r.$emit(`update:visible`,e)},{default:g(()=>[n(`div`,Tr,[n(`div`,$,[n(`p`,Er,l(r.$t(`codingBridge.history.intro`)),1),o(b,{size:`small`,round:``,loading:r.loading,onClick:r.refresh},{default:g(()=>[r.loading?p(``,!0):(u(),a(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),i(` `+l(r.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),r.currentNodeId?r.loading&&!r.sessions.length?(u(),t(`div`,Or,l(r.$t(`codingBridge.history.loading`)),1)):r.sessions.length?(u(),t(`ul`,Ar,[(u(!0),t(s,null,e(r.sessions,e=>(u(),t(`li`,{key:e.provider+`:`+e.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:t=>r.open(e)},[n(`div`,Mr,[r.providerIcon(e.provider)?(u(),t(`img`,{key:0,src:r.providerIcon(e.provider).src,class:c([`provider-icon`,{"provider-icon--invert":r.providerIcon(e.provider).invertOnDark}]),alt:r.providerLabel(e.provider)},null,10,Nr)):(u(),a(y,{key:1,icon:`fa-solid fa-code`,class:`provider-icon`,title:r.providerLabel(e.provider)},null,8,[`title`])),n(`span`,Pr,l(e.title),1),e.running?(u(),t(`span`,{key:2,class:`running-dot`,title:r.$t(`codingBridge.history.running`)},null,8,Fr)):p(``,!0)]),n(`div`,Ir,[e.cwd?(u(),t(`span`,Lr,l(e.cwd),1)):p(``,!0),e.git_branch?(u(),t(`span`,Rr,` · `+l(e.git_branch),1)):p(``,!0)]),n(`div`,zr,[e.updated_at?(u(),t(`span`,Br,l(r.formatTime(e.updated_at)),1)):p(``,!0),e.message_count?(u(),t(`span`,Vr,` · `+l(r.$t(`codingBridge.history.messages`,{count:e.message_count})),1)):p(``,!0)])],8,jr))),128))])):(u(),t(`div`,kr,l(r.$t(`codingBridge.history.empty`)),1)):(u(),t(`div`,Dr,l(r.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var Ur=r({name:`CodingBridgeIndex`,components:{ElDrawer:b,NodeList:we,SessionView:Zn,PairDialog:fr,PermissionDialog:Sr,HistoryDrawer:D(wr,[[`render`,Hr],[`__scopeId`,`data-v-df7d50a8`]])},data(){return{drawer:!1,pairVisible:!1,historyVisible:!1,initialCode:``}},mounted(){this.$store.dispatch(`codingBridge/connect`),this.$store.dispatch(`codingBridge/getNodes`);let e=this.$route.query.code;typeof e==`string`&&e&&(this.initialCode=e,this.pairVisible=!0),this.restoreFromUrl(),this.handleNotificationDeepLink(),this.cleanUrl()},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()},restoreFromUrl(){let e=this.$route.query,t=typeof e.session==`string`?e.session:``,n=typeof e.node==`string`?e.node:``;if(!t||!n)return;let r=e.provider===`codex`||e.provider===`copilot`?e.provider:`claude`;this.$store.commit(`codingBridge/setCurrentNode`,n),this.$store.commit(`codingBridge/setHistoryRef`,{node_id:n,provider:r,session_id:t}),this.$store.dispatch(`codingBridge/getHistory`,n),this.$store.dispatch(`codingBridge/requestSessions`,n)},cleanUrl(){let e=this.$route.query,t=[`session`,`node`,`provider`,`request`,`code`];if(!t.some(t=>t in e))return;let n={...e};t.forEach(e=>delete n[e]),this.$router.replace({query:n}).catch(()=>{})},handleNotificationDeepLink(){let e=this.$route.query.node;typeof e==`string`&&e&&(this.$route.query.session||this.$store.dispatch(`codingBridge/selectNode`,e),this.$store.dispatch(`codingBridge/requestPendingPermissions`,e))}}}),Wr={class:`coding-bridge flex flex-row h-full relative`};function Gr(e,n,r,i,a,s){let c=h(`node-list`),l=h(`session-view`),d=h(`el-drawer`),f=h(`pair-dialog`),p=h(`permission-dialog`),m=h(`history-drawer`);return u(),t(`div`,Wr,[o(c,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),o(l,{class:`flex-1 min-w-0`,onHistory:n[0]||=t=>e.historyVisible=!0,onDevices:n[1]||=t=>e.drawer=!0}),o(d,{modelValue:e.drawer,"onUpdate:modelValue":n[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:g(()=>[o(c,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),o(f,{visible:e.pairVisible,"onUpdate:visible":n[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),o(p),o(m,{visible:e.historyVisible,"onUpdate:visible":n[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var Kr=D(Ur,[[`render`,Gr],[`__scopeId`,`data-v-2879fe0f`]]);export{Kr as default};

package/dist/assets/{Index-DpYmCB5s.js → Index-BzWJzcgS.js}

@@ -1 +1 @@
-import{A as e,F as t,Z as n}from"./vendor-chart-BJCvKk8-.js";import{A as r}from"./index-gMMpa4Qq.js";var i=t({name:`SettingsIndex`,mounted(){let e=this.$route.query.tab||``;window.dispatchEvent(new CustomEvent(`open-user-settings`,{detail:{tab:e}}))}}),a={class:`settings-page`};function o(t,r,i,o,s,c){return n(),e(`div`,a)}var s=r(i,[[`render`,o]]);export{s as default};
+import{A as e,F as t,Z as n}from"./vendor-chart-BJCvKk8-.js";import{A as r}from"./index-CrvSJdHx.js";var i=t({name:`SettingsIndex`,mounted(){let e=this.$route.query.tab||``;window.dispatchEvent(new CustomEvent(`open-user-settings`,{detail:{tab:e}}))}}),a={class:`settings-page`};function o(t,r,i,o,s,c){return n(),e(`div`,a)}var s=r(i,[[`render`,o]]);export{s as default};

package/dist/assets/{Index-uO6rDDln.js → Index-C2YpGz2Z.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v}from"./vendor-chart-BJCvKk8-.js";import{r as y,t as b}from"./select-CRisKiTc.js";import{t as x}from"./upload-e-ie04XI.js";import{t as S}from"./tooltip--YByBfb-.js";import{t as C}from"./image-CgX-bCDU.js";import{t as w}from"./alert-DvsfPYK5.js";import{t as T}from"./drawer-CZrXLXia.js";import{At as E,Ct as D,Dt as O,Et as k,Mt as A,Nt as j,Ot as M,St as N,Tt as P,bt as ee,kt as te,wt as ne,xt as re,yt as F}from"./constants-CIzfgEjU.js";import{$r as I,A as L,Br as R,Hr as z,Ht as B,Kt as V,Lr as H,Ut as U,Vt as W,Wt as G,Zn as K,en as q,fn as J}from"./index-gMMpa4Qq.js";import{t as Y}from"./index.es-CXt_78ap.js";import{t as X}from"./CopyToClipboard-B6xAtf3G.js";import{t as Z}from"./ImagePreview-Z216rpLJ.js";import{n as ie}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ae}from"./Consumption-DX1ZwYQU.js";import{i as Q,n as oe,t as se}from"./pagination-BjJ755QR.js";import{t as ce}from"./VideoPlayer-BXuQMTQe.js";import{t as le}from"./ApiCodeButton-99X128_M.js";import{t as ue}from"./BotPlaceholder-D9aa7OKZ.js";import{t as de}from"./NoTasks-Dj6Ly9GW.js";import{t as fe}from"./PromptTextarea-BKejbdxq.js";var pe=r({name:`LayoutGrokVideo`,components:{ElDrawer:T,ElButton:I,FontAwesomeIcon:Y},mixins:[ie]}),me={class:`main flex flex-row flex-1`},he={class:`config w-[320px] flex-none h-full overflow-y-auto 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(e,r,i,a,s,c){let l=g(`font-awesome-icon`),u=g(`el-button`),f=g(`el-drawer`);return d(),t(`div`,me,[n(`div`,he,[m(e.$slots,`config`,{},void 0,!0)]),n(`div`,ge,[m(e.$slots,`result`,{},void 0,!0)]),p(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:_(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[v,!e.tasksEmpty]]),o(f,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:_(()=>[m(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ve=L(pe,[[`render`,_e],[`__scopeId`,`data-v-76ddc288`]]),ye=r({name:`GrokVideoPromptInput`,components:{PromptTextarea:fe},computed:{prompt:{get(){return this.$store.state.grokvideo?.config?.prompt},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function be(e,t,n,r,i,o){let s=g(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`grokvideo.name.prompt`),info:e.$t(`grokvideo.description.prompt`),placeholder:e.$t(`grokvideo.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var xe=L(ye,[[`render`,be]]),Se=r({name:`GrokVideoModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},data(){return{options:[{value:P,label:this.$t(`grokvideo.model.default`)},{value:ne,label:this.$t(`grokvideo.model.preview15`)}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.model},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,model:e})}}},mounted(){this.value||=F}}),Ce={class:`field`},we={class:`label`},Te={class:`box`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,Ce,[n(`div`,we,[n(`div`,Te,[n(`h2`,Ee,u(r.$t(`grokvideo.name.model`)),1),o(m,{content:r.$t(`grokvideo.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`grokvideo.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=L(Se,[[`render`,De],[`__scopeId`,`data-v-291d93fb`]]),ke=r({name:`GrokVideoDurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},computed:{model(){return this.$store.state.grokvideo?.config?.model},maxDuration(){return A(this.model)},options(){return N.filter(e=>e<=this.maxDuration).map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.grokvideo?.config?.duration},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,duration:e})}}},watch:{maxDuration(e){this.value&&this.value>e&&(this.value=e)}},mounted(){this.value||=8}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,Ae,[n(`div`,je,[n(`div`,Me,[n(`h2`,Ne,u(r.$t(`grokvideo.name.duration`)),1),o(m,{content:r.$t(`grokvideo.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`grokvideo.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=L(ke,[[`render`,Pe],[`__scopeId`,`data-v-9c711686`]]),Ie=r({name:`GrokVideoResolutionSelector`,components:{InfoIcon:Q},data(){return{options:[{value:te,label:`480p`},{value:E,label:`720p`},{value:M,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.resolution},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,resolution:e})}}},mounted(){this.value||=re}}),Le={class:`resolution`},Re={class:`header`},ze={class:`title font-bold`},Be={class:`items`},Ve=[`onClick`];function He(r,i,a,c,f,p){let m=g(`info-icon`);return d(),t(`div`,Le,[n(`div`,Re,[n(`h2`,ze,u(r.$t(`grokvideo.name.resolution`)),1),o(m,{content:r.$t(`grokvideo.description.resolution`),class:`info`},null,8,[`content`])]),n(`div`,Be,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},u(e.label),11,Ve))),128))])])}var Ue=L(Ie,[[`render`,He],[`__scopeId`,`data-v-54f22a22`]]),We=r({name:`GrokVideoRatioSelector`,components:{InfoIcon:Q},computed:{options(){return[{value:k,label:`16:9`,w:32,h:18},{value:O,label:`9:16`,w:18,h:32},{value:`1:1`,label:`1:1`,w:24,h:24},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`3:2`,label:`3:2`,w:30,h:20},{value:`2:3`,label:`2:3`,w:20,h:30}]},value:{get(){return this.$store.state.grokvideo?.config?.aspect_ratio},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,aspect_ratio:e})}}},mounted(){this.value||=ee}}),Ge={class:`ratio`},Ke={class:`header`},qe={class:`title font-bold`},Je={class:`items`},Ye=[`onClick`],Xe={class:`preview`},Ze={class:`name`};function Qe(r,i,a,f,p,m){let h=g(`info-icon`);return d(),t(`div`,Ge,[n(`div`,Ke,[n(`h2`,qe,u(r.$t(`grokvideo.name.ratio`)),1),o(h,{content:r.$t(`grokvideo.description.ratio`),class:`info`},null,8,[`content`])]),n(`div`,Je,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},[n(`div`,Xe,[n(`div`,{class:`rect`,style:c({width:e.w+`px`,height:e.h+`px`})},null,4)]),n(`div`,Ze,u(e.label),1)],10,Ye))),128))])])}var $e=L(We,[[`render`,Qe],[`__scopeId`,`data-v-70115284`]]),et=r({name:`GrokVideoImageInput`,components:{ElUpload:x,ElButton:I,InfoIcon:Q,FontAwesomeIcon:Y,ImagePreview:Z},mixins:[G,B],data(){return{fileList:[],uploadUrl:R()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},required(){return j(this.$store.state.grokvideo?.config?.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){z.warning(this.$t(`grokvideo.message.uploadExceed`))},onError(){z.error(this.$t(`grokvideo.message.uploadError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,image_url:e||void 0})},async onSuccess(){this.onSetImageUrl()},async onRemove(){this.onSetImageUrl()}}}),tt={class:`relative`},nt={class:`flex justify-between`},rt={class:`flex justify-start items-center`},it={class:`text-sm font-bold`},at={key:0,class:`required-badge`};function ot(e,r,s,c,l,f){let p=g(`info-icon`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`el-button`),b=g(`el-upload`);return d(),t(`div`,tt,[n(`div`,nt,[n(`div`,rt,[n(`span`,it,u(e.$t(`grokvideo.name.image`)),1),e.required?(d(),t(`span`,at,u(e.$t(`grokvideo.name.required`)),1)):h(``,!0),o(p,{content:e.$t(`grokvideo.description.image`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(m,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):h(``,!0)]),default:_(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])}var st=L(et,[[`render`,ot],[`__scopeId`,`data-v-164e5a1d`]]),ct=4,lt=r({name:`GrokVideoReferenceImagesInput`,components:{ElUpload:x,ElButton:I,InfoIcon:Q,ImagePreview:Z,FontAwesomeIcon:Y},mixins:[G,B],data(){return{fileList:[],uploadUrl:R()+`/api/v1/files/`,limit:ct,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)||[]},value(){return this.$store.state.grokvideo?.config?.reference_image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetReferenceImages()},onExceed(){z.warning(this.$t(`grokvideo.message.uploadReferenceExceed`))},onError(){z.error(this.$t(`grokvideo.message.uploadError`))},onSetReferenceImages(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,reference_image_urls:e.length?e:void 0}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetReferenceImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetReferenceImages()}}}),ut={class:`field flex items-center justify-between`},dt={class:`title font-bold text-[14px] mb-[10px]`},ft={class:`upload-wrapper flex flex-col items-start gap-[8px]`},pt={class:`controls flex items-center`},mt={class:`file-list flex flex-wrap gap-[10px]`};function ht(r,c,l,f,p,m){let h=g(`font-awesome-icon`),v=g(`el-button`),y=g(`el-upload`),b=g(`info-icon`),x=g(`image-preview`);return d(),t(s,null,[n(`div`,ut,[n(`h2`,dt,u(r.$t(`grokvideo.name.referenceImages`)),1),n(`div`,ft,[n(`div`,pt,[o(y,{ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:r.limit,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:_(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:_(()=>[o(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+u(r.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`grokvideo.description.referenceImages`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,mt,[(d(!0),t(s,null,e(r.fileList,(e,t)=>(d(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var gt=r({name:`GrokVideoConfigPanel`,components:{ElButton:I,FontAwesomeIcon:Y,PromptInput:xe,ModelSelector:Oe,DurationSelector:Fe,ResolutionSelector:Ue,RatioSelector:$e,ImageInput:st,ReferenceImagesInput:L(lt,[[`render`,ht]]),Consumption:ae},emits:[`generate`],computed:{config(){return this.$store.state.grokvideo?.config},supportsReferenceImages(){return!j(this.$store.state.grokvideo?.config?.model)},consumption(){return V(this.config,this.service?.cost)},service(){return this.$store.state.grokvideo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),_t={class:`flex flex-col h-full`},vt={class:`flex-1 overflow-y-auto p-5`},yt={class:`flex flex-col items-center justify-center px-5 pb-5`};function bt(e,r,s,c,l,f){let p=g(`prompt-input`),m=g(`model-selector`),v=g(`ratio-selector`),y=g(`resolution-selector`),b=g(`duration-selector`),x=g(`image-input`),S=g(`reference-images-input`),C=g(`consumption`),w=g(`font-awesome-icon`),T=g(`el-button`);return d(),t(`div`,_t,[n(`div`,vt,[o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-2`}),e.supportsReferenceImages?(d(),a(S,{key:0,class:`mb-2`})):h(``,!0)]),n(`div`,yt,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:_(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`grokvideo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var xt=L(gt,[[`render`,bt]]),St=r({name:`GrokVideoTaskPreview`,components:{ElImage:C,CopyToClipboard:X,FontAwesomeIcon:Y,ElAlert:w,VideoPlayer:ce,ElTooltip:S,ElButton:I,ImagePreview:Z,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},data(){return{grokVideoLogo:D,nowTs:Date.now(),timer:0}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_url},pendingElapsed(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(e)return Math.max(0,Math.floor(this.nowTs/1e3-e))}},watch:{"modelValue.response":{handler(e){e&&this.stopTimer()}}},mounted(){this.modelValue?.response||(this.timer=window.setInterval(()=>{this.nowTs=Date.now()},1e3))},beforeUnmount(){this.stopTimer()},methods:{stopTimer(){this.timer&&=(window.clearInterval(this.timer),0)},onDownload(e){window.open(e,`_blank`)}}}),Ct={class:`preview`},wt={class:`left`},Tt={class:`main`},Et={class:`bot`},Dt={class:`datetime`},Ot={class:`info`},kt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},At={key:1,class:`prompt mt-2`},jt={key:0},Mt={key:1},Nt={key:0,class:l({content:!0})},Pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},It={key:1,class:l({content:!0})},Lt={key:0,class:`mb-4`},Rt={key:1,class:l({operations:!0,"mt-2":!0,"mb-2":!0})},zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={key:0},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Gt={key:2,class:l({content:!0})},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Jt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Yt={key:3,class:l({content:!0})},Xt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Zt(e,r,a,s,c,l){let p=g(`el-image`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`copy-to-clipboard`),b=g(`el-alert`),x=g(`video-player`),S=g(`el-button`),C=g(`el-tooltip`),w=g(`api-code-button`);return d(),t(`div`,Ct,[n(`div`,wt,[o(p,{src:e.grokVideoLogo,class:`avatar`},null,8,[`src`])]),n(`div`,Tt,[n(`div`,Et,[i(u(e.$t(`grokvideo.name.bot`))+` `,1),n(`span`,Dt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ot,[e.inputImage?(d(),t(`div`,kt,[o(m,{url:e.inputImage,name:`image`,closable:!1},null,8,[`url`])])):h(``,!0),e.modelValue?.request?.prompt?(d(),t(`p`,At,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?e.video?.state===`processing`||e.video?.state===`pending`?(d(),t(`span`,Mt,` - (`+u(e.$t(`grokvideo.status.processing`))+`) `,1)):h(``,!0):(d(),t(`span`,jt,` - (`+u(e.$t(`grokvideo.status.pending`))+`) `,1))])):h(``,!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(d(),t(`div`,It,[e.video?.video_url?(d(),t(`div`,Lt,[o(x,{src:e.video?.video_url},null,8,[`src`])])):h(``,!0),e.video?.video_url?(d(),t(`div`,Rt,[o(C,{class:`box-item`,effect:`dark`,content:e.$t(`grokvideo.message.downloadVideo`),placement:`top-start`},{default:_(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=f(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:_(()=>[i(u(e.$t(`grokvideo.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:`/grok/videos`,body:e.modelValue?.request},null,8,[`body`])])):h(``,!0),o(b,{closable:!1,class:`mt-2 success`},{default:_(()=>[e.modelValue?.request?.model?(d(),t(`p`,zt,[o(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.model`))+`: `+u(e.modelValue?.request?.model),1)])):h(``,!0),e.video?.duration?(d(),t(`p`,Bt,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.duration`))+`: `+u(e.video?.duration)+`s `,1)])):h(``,!0),e.modelValue?.request?.resolution?(d(),t(`p`,$,[o(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.resolution`))+`: `+u(e.modelValue?.request?.resolution)+` `,1),e.modelValue?.request?.aspect_ratio?(d(),t(`span`,Vt,` · `+u(e.modelValue?.request?.aspect_ratio),1)):h(``,!0)])):h(``,!0),n(`p`,Ht,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ut,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,Wt,[o(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(d(),t(`div`,Gt,[o(b,{closable:!1,class:`failure`},{template:_(()=>[o(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.failure`)),1)]),default:_(()=>[n(`p`,Kt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.error?.message?(d(),t(`p`,qt,[o(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,Jt,[o(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):(d(),t(`div`,Yt,[o(b,{closable:!1,class:`info`},{template:_(()=>[o(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.status`)),1)]),default:_(()=>[n(`p`,Xt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(d(),t(`div`,Nt,[o(b,{closable:!1,class:`info`},{template:_(()=>[o(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.status.pending`)),1)]),default:_(()=>[n(`p`,Pt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.pendingElapsed===void 0?h(``,!0):(d(),t(`p`,Ft,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.elapsed`))+`: `+u(e.pendingElapsed)+`s `,1)]))]),_:1})]))])])}var Qt=r({name:`GrokVideoRecentPanel`,components:{TaskPreview:L(St,[[`render`,Zt],[`__scopeId`,`data-v-48f65a64`]]),BotPlaceholder:ue,NoTasks:de,ScrollList:oe},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.grokvideo?.tasks,items:this.$store.state.grokvideo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$t={key:0},en={key:2,class:`w-full h-full flex items-center justify-center`};function tn(n,r,i,c,l,u){let f=g(`bot-placeholder`),p=g(`task-preview`),m=g(`scroll-list`),v=g(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,$t,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(m,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:_(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):h(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,en,[o(v)])):h(``,!0)],64)}var nn=r({name:`GrokVideoIndex`,components:{ConfigPanel:xt,Layout:ve,RecentPanel:L(Qt,[[`render`,tn]])},mixins:[U],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.grokvideo?.status?.getApplications===H.Request},tasksLoading(){return this.$store.state.grokvideo?.status?.getTasks===H.Request||this.fetchingTasks},credential(){return this.$store.state.grokvideo?.credential},config(){return this.$store.state.grokvideo?.config},tasks(){return this.$store.state.grokvideo?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await se({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){await this.$store.dispatch(`grokvideo/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`grokvideo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!W(this.uploadTracker,e=>this.$t(e),e=>z.warning(e)))return;let e={...this.config||{}};typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),typeof e?.image_url==`string`&&!e.image_url.trim()&&delete e.image_url,(j(e?.model)||!(Array.isArray(e?.reference_image_urls)&&e.reference_image_urls.length))&&delete e.reference_image_urls;let t=!!e?.image_url;if(j(e?.model)&&!t){z.warning(this.$t(`grokvideo.message.modelRequiresImage`));return}if(!t&&!e?.prompt){z.warning(this.$t(`grokvideo.message.promptOrImageRequired`));return}let n={...e,async:!0};if(!q())return;let r=this.credential?.token;if(!r){console.error(`no token specified`);return}z.info(this.$t(`grokvideo.message.startingTask`)),K(`grokvideo`,J.generate(n,{token:r})).then(()=>{z.success(this.$t(`grokvideo.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?z.error(this.$t(`grokvideo.message.usedUp`)):z.error(this.$t(`grokvideo.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function rn(e,t,n,r,i,s){let c=g(`config-panel`),l=g(`recent-panel`),u=g(`layout`);return d(),a(u,null,{config:_(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:_(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var an=L(nn,[[`render`,rn]]);export{an as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,A as t,D as n,F as r,N as i,O as a,P as o,S as s,Ut as c,Vt as l,Wt as u,Z as d,b as f,dt as p,et as m,k as h,tt as g,ut as _,v}from"./vendor-chart-BJCvKk8-.js";import{r as y,t as b}from"./select-FL-lX1_B.js";import{t as x}from"./upload-D5vK-W8L.js";import{t as S}from"./tooltip-BR9wIIHv.js";import{t as C}from"./image-tBQ7XaNU.js";import{t as w}from"./alert-B1G1Qd-1.js";import{t as T}from"./drawer-5MaRvlOw.js";import{At as E,Ct as D,Dt as O,Et as k,Ft as A,Mt as j,Ot as M,Pt as N,St as P,Tt as ee,jt as te,kt as ne,wt as re,xt as F}from"./constants-DsrifDHk.js";import{A as I,Br as L,Ht as R,Kt as z,Lr as B,Ut as V,Vt as H,Wt as U,Zn as W,Zr as G,ci as K,en as q,fn as J}from"./index-CrvSJdHx.js";import{t as Y}from"./index.es-DYk00Y_j.js";import{t as X}from"./CopyToClipboard-DoJ6mRHT.js";import{t as Z}from"./ImagePreview-BGqnZWZy.js";import{n as ie}from"./taskDrawerMixin-DEgO_R5H.js";import{t as ae}from"./Consumption-DA2DWIIE.js";import{i as Q,n as oe,t as se}from"./pagination-B1NojfTM.js";import{t as ce}from"./VideoPlayer-Bsm81nly.js";import{t as le}from"./ApiCodeButton-DcH6BAE7.js";import{t as ue}from"./BotPlaceholder-DGfOk-D2.js";import{t as de}from"./NoTasks-BnCmnrhm.js";import{t as fe}from"./PromptTextarea-CYZ37K25.js";var pe=r({name:`LayoutGrokVideo`,components:{ElDrawer:T,ElButton:K,FontAwesomeIcon:Y},mixins:[ie]}),me={class:`main flex flex-row flex-1`},he={class:`config w-[320px] flex-none h-full overflow-y-auto 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(e,r,i,a,s,c){let l=g(`font-awesome-icon`),u=g(`el-button`),f=g(`el-drawer`);return d(),t(`div`,me,[n(`div`,he,[m(e.$slots,`config`,{},void 0,!0)]),n(`div`,ge,[m(e.$slots,`result`,{},void 0,!0)]),p(o(u,{circle:``,class:`menu`,onClick:r[0]||=t=>e.drawer=!0},{default:_(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1},512),[[v,!e.tasksEmpty]]),o(f,{modelValue:e.drawer,"onUpdate:modelValue":r[1]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`350px`},{default:_(()=>[m(e.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ve=I(pe,[[`render`,_e],[`__scopeId`,`data-v-76ddc288`]]),ye=r({name:`GrokVideoPromptInput`,components:{PromptTextarea:fe},computed:{prompt:{get(){return this.$store.state.grokvideo?.config?.prompt},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function be(e,t,n,r,i,o){let s=g(`prompt-textarea`);return d(),a(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`grokvideo.name.prompt`),info:e.$t(`grokvideo.description.prompt`),placeholder:e.$t(`grokvideo.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var xe=I(ye,[[`render`,be]]),Se=r({name:`GrokVideoModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},data(){return{options:[{value:O,label:this.$t(`grokvideo.model.default`)},{value:k,label:this.$t(`grokvideo.model.preview15`)}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.model},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,model:e})}}},mounted(){this.value||=F}}),Ce={class:`field`},we={class:`label`},Te={class:`box`},Ee={class:`title font-bold`};function De(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,Ce,[n(`div`,we,[n(`div`,Te,[n(`h2`,Ee,u(r.$t(`grokvideo.name.model`)),1),o(m,{content:r.$t(`grokvideo.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`grokvideo.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Oe=I(Se,[[`render`,De],[`__scopeId`,`data-v-291d93fb`]]),ke=r({name:`GrokVideoDurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},computed:{model(){return this.$store.state.grokvideo?.config?.model},maxDuration(){return N(this.model)},options(){return re.filter(e=>e<=this.maxDuration).map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.grokvideo?.config?.duration},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,duration:e})}}},watch:{maxDuration(e){this.value&&this.value>e&&(this.value=e)}},mounted(){this.value||=8}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(r,i,c,l,f,p){let m=g(`info-icon`),h=g(`el-option`),v=g(`el-select`);return d(),t(`div`,Ae,[n(`div`,je,[n(`div`,Me,[n(`h2`,Ne,u(r.$t(`grokvideo.name.duration`)),1),o(m,{content:r.$t(`grokvideo.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:r.value,"onUpdate:modelValue":i[0]||=e=>r.value=e,class:`value`,placeholder:r.$t(`grokvideo.placeholder.select`)},{default:_(()=>[(d(!0),t(s,null,e(r.options,e=>(d(),a(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=I(ke,[[`render`,Pe],[`__scopeId`,`data-v-9c711686`]]),Ie=r({name:`GrokVideoResolutionSelector`,components:{InfoIcon:Q},data(){return{options:[{value:te,label:`480p`},{value:j,label:`720p`},{value:E,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.resolution},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,resolution:e})}}},mounted(){this.value||=D}}),Le={class:`resolution`},Re={class:`header`},ze={class:`title font-bold`},Be={class:`items`},Ve=[`onClick`];function He(r,i,a,c,f,p){let m=g(`info-icon`);return d(),t(`div`,Le,[n(`div`,Re,[n(`h2`,ze,u(r.$t(`grokvideo.name.resolution`)),1),o(m,{content:r.$t(`grokvideo.description.resolution`),class:`info`},null,8,[`content`])]),n(`div`,Be,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},u(e.label),11,Ve))),128))])])}var Ue=I(Ie,[[`render`,He],[`__scopeId`,`data-v-54f22a22`]]),We=r({name:`GrokVideoRatioSelector`,components:{InfoIcon:Q},computed:{options(){return[{value:M,label:`16:9`,w:32,h:18},{value:ne,label:`9:16`,w:18,h:32},{value:`1:1`,label:`1:1`,w:24,h:24},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`3:2`,label:`3:2`,w:30,h:20},{value:`2:3`,label:`2:3`,w:20,h:30}]},value:{get(){return this.$store.state.grokvideo?.config?.aspect_ratio},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,aspect_ratio:e})}}},mounted(){this.value||=P}}),Ge={class:`ratio`},Ke={class:`header`},qe={class:`title font-bold`},Je={class:`items`},Ye=[`onClick`],Xe={class:`preview`},Ze={class:`name`};function Qe(r,i,a,f,p,m){let h=g(`info-icon`);return d(),t(`div`,Ge,[n(`div`,Ke,[n(`h2`,qe,u(r.$t(`grokvideo.name.ratio`)),1),o(h,{content:r.$t(`grokvideo.description.ratio`),class:`info`},null,8,[`content`])]),n(`div`,Je,[(d(!0),t(s,null,e(r.options,e=>(d(),t(`div`,{key:e.value,class:l([`item`,{active:r.value===e.value}]),onClick:t=>r.value=e.value},[n(`div`,Xe,[n(`div`,{class:`rect`,style:c({width:e.w+`px`,height:e.h+`px`})},null,4)]),n(`div`,Ze,u(e.label),1)],10,Ye))),128))])])}var $e=I(We,[[`render`,Qe],[`__scopeId`,`data-v-70115284`]]),et=r({name:`GrokVideoImageInput`,components:{ElUpload:x,ElButton:K,InfoIcon:Q,FontAwesomeIcon:Y,ImagePreview:Z},mixins:[U,R],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},required(){return A(this.$store.state.grokvideo?.config?.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){G.warning(this.$t(`grokvideo.message.uploadExceed`))},onError(){G.error(this.$t(`grokvideo.message.uploadError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,image_url:e||void 0})},async onSuccess(){this.onSetImageUrl()},async onRemove(){this.onSetImageUrl()}}}),tt={class:`relative`},nt={class:`flex justify-between`},rt={class:`flex justify-start items-center`},it={class:`text-sm font-bold`},at={key:0,class:`required-badge`};function ot(e,r,s,c,l,f){let p=g(`info-icon`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`el-button`),b=g(`el-upload`);return d(),t(`div`,tt,[n(`div`,nt,[n(`div`,rt,[n(`span`,it,u(e.$t(`grokvideo.name.image`)),1),e.required?(d(),t(`span`,at,u(e.$t(`grokvideo.name.required`)),1)):h(``,!0),o(p,{content:e.$t(`grokvideo.description.image`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":r[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:t})=>[t.url&&t.percentage!==void 0?(d(),a(m,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):h(``,!0)]),default:_(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:_(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+u(e.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])}var st=I(et,[[`render`,ot],[`__scopeId`,`data-v-164e5a1d`]]),ct=4,lt=r({name:`GrokVideoReferenceImagesInput`,components:{ElUpload:x,ElButton:K,InfoIcon:Q,ImagePreview:Z,FontAwesomeIcon:Y},mixins:[U,R],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`,limit:ct,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)||[]},value(){return this.$store.state.grokvideo?.config?.reference_image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetReferenceImages()},onExceed(){G.warning(this.$t(`grokvideo.message.uploadReferenceExceed`))},onError(){G.error(this.$t(`grokvideo.message.uploadError`))},onSetReferenceImages(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,reference_image_urls:e.length?e:void 0}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetReferenceImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetReferenceImages()}}}),ut={class:`field flex items-center justify-between`},dt={class:`title font-bold text-[14px] mb-[10px]`},ft={class:`upload-wrapper flex flex-col items-start gap-[8px]`},pt={class:`controls flex items-center`},mt={class:`file-list flex flex-wrap gap-[10px]`};function ht(r,c,l,f,p,m){let h=g(`font-awesome-icon`),v=g(`el-button`),y=g(`el-upload`),b=g(`info-icon`),x=g(`image-preview`);return d(),t(s,null,[n(`div`,ut,[n(`h2`,dt,u(r.$t(`grokvideo.name.referenceImages`)),1),n(`div`,ft,[n(`div`,pt,[o(y,{ref:`uploader`,"file-list":r.fileList,"onUpdate:fileList":c[0]||=e=>r.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:r.limit,multiple:!0,"show-file-list":!1,action:r.uploadUrl,"on-exceed":r.onExceed,"on-error":r.onError,"on-success":r.onSuccess,"on-change":r.onChange,"on-remove":r.onRemove,headers:r.headers},{default:_(()=>[o(v,{size:`small`,type:`primary`,round:``},{default:_(()=>[o(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+u(r.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),o(b,{content:r.$t(`grokvideo.description.referenceImages`),class:`ml-2`},null,8,[`content`])])])]),n(`div`,mt,[(d(!0),t(s,null,e(r.fileList,(e,t)=>(d(),a(x,{key:e.uid||e?.response?.file_url||e.url||t,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>r.onRemovePreview(t,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var gt=r({name:`GrokVideoConfigPanel`,components:{ElButton:K,FontAwesomeIcon:Y,PromptInput:xe,ModelSelector:Oe,DurationSelector:Fe,ResolutionSelector:Ue,RatioSelector:$e,ImageInput:st,ReferenceImagesInput:I(lt,[[`render`,ht]]),Consumption:ae},emits:[`generate`],computed:{config(){return this.$store.state.grokvideo?.config},supportsReferenceImages(){return!A(this.$store.state.grokvideo?.config?.model)},consumption(){return z(this.config,this.service?.cost)},service(){return this.$store.state.grokvideo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),_t={class:`flex flex-col h-full`},vt={class:`flex-1 overflow-y-auto p-5`},yt={class:`flex flex-col items-center justify-center px-5 pb-5`};function bt(e,r,s,c,l,f){let p=g(`prompt-input`),m=g(`model-selector`),v=g(`ratio-selector`),y=g(`resolution-selector`),b=g(`duration-selector`),x=g(`image-input`),S=g(`reference-images-input`),C=g(`consumption`),w=g(`font-awesome-icon`),T=g(`el-button`);return d(),t(`div`,_t,[n(`div`,vt,[o(p,{class:`mb-4`}),o(m,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-2`}),e.supportsReferenceImages?(d(),a(S,{key:0,class:`mb-2`})):h(``,!0)]),n(`div`,yt,[o(C,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(T,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:_(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`grokvideo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var xt=I(gt,[[`render`,bt]]),St=r({name:`GrokVideoTaskPreview`,components:{ElImage:C,CopyToClipboard:X,FontAwesomeIcon:Y,ElAlert:w,VideoPlayer:ce,ElTooltip:S,ElButton:K,ImagePreview:Z,ApiCodeButton:le},props:{modelValue:{type:Object,required:!0}},data(){return{grokVideoLogo:ee,nowTs:Date.now(),timer:0}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_url},pendingElapsed(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(e)return Math.max(0,Math.floor(this.nowTs/1e3-e))}},watch:{"modelValue.response":{handler(e){e&&this.stopTimer()}}},mounted(){this.modelValue?.response||(this.timer=window.setInterval(()=>{this.nowTs=Date.now()},1e3))},beforeUnmount(){this.stopTimer()},methods:{stopTimer(){this.timer&&=(window.clearInterval(this.timer),0)},onDownload(e){window.open(e,`_blank`)}}}),Ct={class:`preview`},wt={class:`left`},Tt={class:`main`},Et={class:`bot`},Dt={class:`datetime`},Ot={class:`info`},kt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},At={key:1,class:`prompt mt-2`},jt={key:0},Mt={key:1},Nt={key:0,class:l({content:!0})},Pt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},It={key:1,class:l({content:!0})},Lt={key:0,class:`mb-4`},Rt={key:1,class:l({operations:!0,"mt-2":!0,"mb-2":!0})},zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vt={key:0},Ht={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Gt={key:2,class:l({content:!0})},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Jt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Yt={key:3,class:l({content:!0})},Xt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Zt(e,r,a,s,c,l){let p=g(`el-image`),m=g(`image-preview`),v=g(`font-awesome-icon`),y=g(`copy-to-clipboard`),b=g(`el-alert`),x=g(`video-player`),S=g(`el-button`),C=g(`el-tooltip`),w=g(`api-code-button`);return d(),t(`div`,Ct,[n(`div`,wt,[o(p,{src:e.grokVideoLogo,class:`avatar`},null,8,[`src`])]),n(`div`,Tt,[n(`div`,Et,[i(u(e.$t(`grokvideo.name.bot`))+` `,1),n(`span`,Dt,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),n(`div`,Ot,[e.inputImage?(d(),t(`div`,kt,[o(m,{url:e.inputImage,name:`image`,closable:!1},null,8,[`url`])])):h(``,!0),e.modelValue?.request?.prompt?(d(),t(`p`,At,[i(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?e.video?.state===`processing`||e.video?.state===`pending`?(d(),t(`span`,Mt,` - (`+u(e.$t(`grokvideo.status.processing`))+`) `,1)):h(``,!0):(d(),t(`span`,jt,` - (`+u(e.$t(`grokvideo.status.pending`))+`) `,1))])):h(``,!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(d(),t(`div`,It,[e.video?.video_url?(d(),t(`div`,Lt,[o(x,{src:e.video?.video_url},null,8,[`src`])])):h(``,!0),e.video?.video_url?(d(),t(`div`,Rt,[o(C,{class:`box-item`,effect:`dark`,content:e.$t(`grokvideo.message.downloadVideo`),placement:`top-start`},{default:_(()=>[o(S,{type:`info`,size:`small`,class:`btn-action`,onClick:r[0]||=f(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:_(()=>[i(u(e.$t(`grokvideo.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(w,{path:`/grok/videos`,body:e.modelValue?.request},null,8,[`body`])])):h(``,!0),o(b,{closable:!1,class:`mt-2 success`},{default:_(()=>[e.modelValue?.request?.model?(d(),t(`p`,zt,[o(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.model`))+`: `+u(e.modelValue?.request?.model),1)])):h(``,!0),e.video?.duration?(d(),t(`p`,Bt,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.duration`))+`: `+u(e.video?.duration)+`s `,1)])):h(``,!0),e.modelValue?.request?.resolution?(d(),t(`p`,$,[o(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.resolution`))+`: `+u(e.modelValue?.request?.resolution)+` `,1),e.modelValue?.request?.aspect_ratio?(d(),t(`span`,Vt,` · `+u(e.modelValue?.request?.aspect_ratio),1)):h(``,!0)])):h(``,!0),n(`p`,Ht,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),t(`p`,Ut,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):h(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,Wt,[o(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(d(),t(`div`,Gt,[o(b,{closable:!1,class:`failure`},{template:_(()=>[o(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.failure`)),1)]),default:_(()=>[n(`p`,Kt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.error?.message?(d(),t(`p`,qt,[o(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0),e.modelValue?.response?.trace_id?(d(),t(`p`,Jt,[o(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):h(``,!0)]),_:1})])):(d(),t(`div`,Yt,[o(b,{closable:!1,class:`info`},{template:_(()=>[o(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.status`)),1)]),default:_(()=>[n(`p`,Xt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(d(),t(`div`,Nt,[o(b,{closable:!1,class:`info`},{template:_(()=>[o(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.status.pending`)),1)]),default:_(()=>[n(`p`,Pt,[o(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(y,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.pendingElapsed===void 0?h(``,!0):(d(),t(`p`,Ft,[o(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`grokvideo.name.elapsed`))+`: `+u(e.pendingElapsed)+`s `,1)]))]),_:1})]))])])}var Qt=r({name:`GrokVideoRecentPanel`,components:{TaskPreview:I(St,[[`render`,Zt],[`__scopeId`,`data-v-48f65a64`]]),BotPlaceholder:ue,NoTasks:de,ScrollList:oe},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.grokvideo?.tasks,items:this.$store.state.grokvideo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$t={key:0},en={key:2,class:`w-full h-full flex items-center justify-center`};function tn(n,r,i,c,l,u){let f=g(`bot-placeholder`),p=g(`task-preview`),m=g(`scroll-list`),v=g(`no-tasks`);return d(),t(s,null,[n.tasks?.items===void 0?(d(),t(`div`,$t,[o(f)])):n.tasks?.items?.length&&n.tasks?.items?.length>0?(d(),a(m,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:n.loading,onReachTop:r[0]||=e=>n.$emit(`reach-top`)},{default:_(()=>[(d(!0),t(s,null,e(n.tasks?.items,e=>(d(),a(p,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):h(``,!0),n.tasks?.items?.length===0?(d(),t(`div`,en,[o(v)])):h(``,!0)],64)}var nn=r({name:`GrokVideoIndex`,components:{ConfigPanel:xt,Layout:ve,RecentPanel:I(Qt,[[`render`,tn]])},mixins:[V],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.grokvideo?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.grokvideo?.status?.getTasks===B.Request||this.fetchingTasks},credential(){return this.$store.state.grokvideo?.credential},config(){return this.$store.state.grokvideo?.config},tasks(){return this.$store.state.grokvideo?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await se({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){await this.$store.dispatch(`grokvideo/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`grokvideo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,e=>this.$t(e),e=>G.warning(e)))return;let e={...this.config||{}};typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),typeof e?.image_url==`string`&&!e.image_url.trim()&&delete e.image_url,(A(e?.model)||!(Array.isArray(e?.reference_image_urls)&&e.reference_image_urls.length))&&delete e.reference_image_urls;let t=!!e?.image_url;if(A(e?.model)&&!t){G.warning(this.$t(`grokvideo.message.modelRequiresImage`));return}if(!t&&!e?.prompt){G.warning(this.$t(`grokvideo.message.promptOrImageRequired`));return}let n={...e,async:!0};if(!q())return;let r=this.credential?.token;if(!r){console.error(`no token specified`);return}G.info(this.$t(`grokvideo.message.startingTask`)),W(`grokvideo`,J.generate(n,{token:r})).then(()=>{G.success(this.$t(`grokvideo.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?G.error(this.$t(`grokvideo.message.usedUp`)):G.error(this.$t(`grokvideo.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function rn(e,t,n,r,i,s){let c=g(`config-panel`),l=g(`recent-panel`),u=g(`layout`);return d(),a(u,null,{config:_(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:_(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var an=I(nn,[[`render`,rn]]);export{an as default};