@acedatacloud/nexior 3.264.0 → 3.265.0

package/dist/assets/{Index-CMurMjC2.js → Index-BRavL05V.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{r as g,t as _}from"./select-CCWm08v4.js";import{t as v}from"./upload-DL6R-BcD.js";import{t as y}from"./tooltip-hII4wDEz.js";import{t as b}from"./image-D6w_R6Gb.js";import{t as x}from"./alert-Cs6WDxgv.js";import{n as S,r as C}from"./radio-ClH7NqRe.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./switch-Cd_GVBye.js";import{qr as E,tr as ee}from"./constants-BH6GgBVD.js";import{At as D,Dt as O,E as k,Er as A,Mt as te,Nn as j,On as M,Ot as N,fn as P,gr as F,kt as I,yr as L}from"./index-B0D_GXuA.js";import{t as R}from"./index.es-CyW7EvoI.js";import{t as z}from"./CopyToClipboard-D0L4lc6w.js";import{t as B}from"./ImagePreview-4W25TI3U.js";import{t as V}from"./BotPlaceholder-Ca3n8DbE.js";import{i as H,n as U,t as W}from"./pagination-BGnbEU3d.js";import{n as G,t as K}from"./NoTasks-eKpQJSqW.js";import{t as q}from"./Consumption-BBaQNNS9.js";import{t as J}from"./ApiCodeButton-DkBjUHPb.js";import{t as Y}from"./vue-plyr-wiIKa-zl.js";var X=s({name:`LayoutPika`,components:{ElDrawer:w,ElButton:h,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=k(X,[[`render`,re],[`__scopeId`,`data-v-10596416`]]),ae=s({name:`IngredientsSelector`,components:{ElSwitch:T,InfoIcon:H},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug(`set ingredients`,e),e||this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),oe={class:`field`},se={class:`title font-bold`};function ce(e,t,n,i,o,s){let c=d(`el-switch`),p=d(`info-icon`);return u(),f(`div`,oe,[r(`h2`,se,l(e.$t(`pika.name.ingredients`)),1),a(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`]),a(p,{content:e.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])])}var le=k(ae,[[`render`,ce],[`__scopeId`,`data-v-17c0af5c`]]),ue=s({name:`EffectSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),de={class:`field`},fe={class:`title font-bold`},pe={class:`float-left`};function me(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,de,[r(`h2`,fe,l(e.$t(`pika.name.effect`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,pe,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=k(ue,[[`render`,me],[`__scopeId`,`data-v-d1c54475`]]),ge=s({name:`IngredientsModelSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=ee}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,o,s,h,g){let _=d(`el-radio-button`),v=d(`el-radio-group`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`pika.name.ingredientsModel`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`quality`},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.value},{default:p(()=>[i(l(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var be=k(ge,[[`render`,ye],[`__scopeId`,`data-v-b72865fa`]]),xe=s({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),Se={class:`field`},Ce={class:`title font-bold`};function we(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,Se,[r(`h2`,Ce,l(e.$t(`pika.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=k(xe,[[`render`,we],[`__scopeId`,`data-v-7b2e870a`]]),Ee=s({name:`ImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[D,N],data(){return{fileList:[],uploadUrl:L()+`/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.pika?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){A.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){A.error(this.$t(`pika.message.uploadStartImageError`))},async onRemove(){A.error(this.$t(`pika.message.uploadStartImageError`))},onSetStartImageUrl(){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),De={class:`field`},Oe={class:`title font-bold`},ke={class:`upload-wrapper`};function Ae(e,t,n,o,s,c){let m=d(`image-preview`),h=d(`font-awesome-icon`),g=d(`el-button`),_=d(`el-upload`),v=d(`info-icon`);return u(),f(`div`,De,[r(`h2`,Oe,l(e.$t(`pika.name.imageUrl`)),1),r(`div`,ke,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:3,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[a(m,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])]),a(v,{content:e.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])])}var je=k(Ee,[[`render`,Ae],[`__scopeId`,`data-v-25cefe78`]]),Me=s({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ne(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Pe=s({name:`PresetPanel`,components:{ImageUrlInput:je,ElButton:h,FontAwesomeIcon:R,Consumption:q,PromptInput:k(Me,[[`render`,Ne]]),IngredientsSelector:le,IngredientsModelSelector:be,ModelSelector:Te,EffectSelector:he},emits:[`generate`],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,s,c,m,h){let g=d(`prompt-input`),_=d(`model-selector`),v=d(`ingredients-selector`),y=d(`effect-selector`),b=d(`image-url-input`),x=d(`ingredients-model-selector`),S=d(`consumption`),C=d(`font-awesome-icon`),w=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),e.config?.ingredients?(u(),n(b,{key:0,class:`mb-4`})):o(``,!0),e.config?.ingredients?(u(),n(x,{key:1,class:`mb-4`})):o(``,!0)]),r(`div`,Le,[a(S,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`pika.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=k(Pe,[[`render`,Re]]),Be=s({name:`VideoPlayer`,components:{VuePlyr:Y},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),Ve=[`data-poster`],He=[`src`];function Ue(e,t,n,i,o,s){let c=d(`vue-plyr`);return u(),f(`div`,null,[a(c,{options:e.options,class:`video`},{default:p(()=>[r(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":e.modelValue?.image_url},[r(`source`,{size:`1080`,src:e.modelValue?.video_url,type:`video/mp4`},null,8,He)],8,Ve)]),_:1},8,[`options`])])}var We=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:x,VideoPlayer:k(Be,[[`render`,Ue],[`__scopeId`,`data-v-897d9fe0`]]),ElTooltip:y,ElButton:h,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),Ge={class:`left`},Ke={class:`main`},qe={class:`bot`},Je={class:`datetime`},Ye={class:`info`},Xe={key:0,class:`prompt mt-2`},Ze={key:0},Qe={key:1},$e={key:0,class:t({content:!0,failed:!0})},et={class:`image-wrapper`},tt={key:0,class:t({operations:!0,"mt-2":!0})},nt={key:0,class:`description`},rt={class:`description`},it={key:1,class:`description`},at={key:1,class:t({content:!0})},ot={class:`description`},st={class:`description`},ct={key:0,class:`description`},lt={class:`description`},ut={key:2,class:t({content:!0})},dt={class:`description`};function ft(e,t,s,h,g,_){let v=d(`el-image`),y=d(`VideoPlayer`),b=d(`el-button`),x=d(`el-tooltip`),S=d(`api-code-button`),C=d(`font-awesome-icon`),w=d(`copy-to-clipboard`),T=d(`el-alert`);return u(!0),f(m,null,c(e.videos,(t,s)=>(u(),f(`div`,{key:s,class:`preview`},[r(`div`,Ge,[a(v,{src:`https://cdn.acedata.cloud/i80tgn.png`,class:`avatar`})]),r(`div`,Ke,[r(`div`,qe,[i(l(e.$t(`pika.name.pikaBot`))+` `,1),r(`span`,Je,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ye,[e.modelValue?.request?.prompt?(u(),f(`p`,Xe,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ze,` - (`+l(e.$t(`pika.status.pending`))+`) `,1)),t?.state===`processing`||t?.state===`pending`?(u(),f(`span`,Qe,` - (`+l(e.$t(`pika.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,$e,[r(`div`,et,[a(y,{"model-value":t},null,8,[`model-value`])]),t?(u(),f(`div`,tt,[a(x,{class:`box-item`,effect:`dark`,content:e.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:p(()=>[t?.video_url?(u(),n(b,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:n=>e.onDownload(t?.video_url)},{default:p(()=>[i(l(e.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):o(``,!0)]),_:2},1032,[`content`]),a(S,{path:`/pika/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,nt,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),r(`p`,rt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),f(`div`,at,[a(T,{closable:!1,class:`failure`},{template:p(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:p(()=>[r(`p`,ot,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,st,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(w,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,ct,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,lt,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(w,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||t?.state===`processing`||t?.state===`pending`?(u(),f(`div`,ut,[a(T,{closable:!1,class:`info`},{template:p(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:p(()=>[r(`p`,dt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])]))),128)}var $=s({name:`RecentPanel`,components:{TaskPreview:k(We,[[`render`,ft],[`__scopeId`,`data-v-52856c99`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),pt={key:0},mt={key:2,class:`w-full h-full flex items-center justify-center`};function ht(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,pt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,(e,t)=>(u(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,mt,[a(v)])):o(``,!0)],64)}var gt=k($,[[`render`,ht]]),_t=E(`pika`),vt=s({name:`PikaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:gt},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===F.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===F.Request},needApply(){return this.$store.state.pika.status.getApplications===F.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.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 W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){M.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&A.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!O(this.uploadTracker,e=>this.$t(e),e=>A.warning(e)))return;let e={...this.config,callback_url:_t},t=this.credential?.token;if(!t){console.error(`no token specified`);return}A.info(this.$t(`pika.message.startingTask`)),j(`pika`,P.generate(e,{token:t})).then(()=>{A.success(this.$t(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?A.error(this.$t(`pika.message.usedUp`)):A.error(this.$t(`pika.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function yt(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var bt=k(vt,[[`render`,yt],[`__scopeId`,`data-v-eae39ce1`]]);export{bt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{r as g,t as _}from"./select-TkQ8fTfG.js";import{t as v}from"./upload-DvUP_130.js";import{t as y}from"./tooltip-hII4wDEz.js";import{t as b}from"./image-DfBMdB5i.js";import{t as x}from"./alert-Cs6WDxgv.js";import{n as S,r as C}from"./radio-ClH7NqRe.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./switch-CfNJncrO.js";import{qr as E,tr as ee}from"./constants-BH6GgBVD.js";import{At as D,Dt as O,E as k,Er as A,Mt as te,Nn as j,On as M,Ot as N,fn as P,gr as F,kt as I,yr as L}from"./index-h1VSduWr.js";import{t as R}from"./index.es-BE5hSUb7.js";import{t as z}from"./CopyToClipboard-DhVhNUXq.js";import{t as B}from"./ImagePreview-DHUA_A_A.js";import{t as V}from"./BotPlaceholder-BIvYhNGJ.js";import{i as H,n as U,t as W}from"./pagination-BB30gtKs.js";import{n as G,t as K}from"./NoTasks-sy2GTN52.js";import{t as q}from"./Consumption-kIdlj4_c.js";import{t as J}from"./ApiCodeButton-BF0PS1pj.js";import{t as Y}from"./vue-plyr-wiIKa-zl.js";var X=s({name:`LayoutPika`,components:{ElDrawer:w,ElButton:h,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=k(X,[[`render`,re],[`__scopeId`,`data-v-10596416`]]),ae=s({name:`IngredientsSelector`,components:{ElSwitch:T,InfoIcon:H},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug(`set ingredients`,e),e||this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients:e,model:`2.0`})}}},mounted(){this.value===void 0&&(this.value=!1)}}),oe={class:`field`},se={class:`title font-bold`};function ce(e,t,n,i,o,s){let c=d(`el-switch`),p=d(`info-icon`);return u(),f(`div`,oe,[r(`h2`,se,l(e.$t(`pika.name.ingredients`)),1),a(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`]),a(p,{content:e.$t(`pika.description.ingredients`),class:`info`},null,8,[`content`])])}var le=k(ae,[[`render`,ce],[`__scopeId`,`data-v-17c0af5c`]]),ue=s({name:`EffectSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`Levitate`,label:this.$t(`pika.style.effect1`)},{value:`Decapitate`,label:this.$t(`pika.style.effect2`)},{value:`Eye-pop`,label:this.$t(`pika.style.effect3`)},{value:`Ta-da`,label:this.$t(`pika.style.effect4`)},{value:`Deflate`,label:this.$t(`pika.style.effect5`)},{value:`Crumble`,label:this.$t(`pika.style.effect6`)},{value:`Dissolve`,label:this.$t(`pika.style.effect7`)},{value:`Squish`,label:this.$t(`pika.style.effect8`)},{value:`Inflate`,label:this.$t(`pika.style.effect9`)},{value:`Melt`,label:this.$t(`pika.style.effect10`)},{value:`Cake-ify`,label:this.$t(`pika.style.effect11`)},{value:`Crush`,label:this.$t(`pika.style.effect12`)},{value:`Explode`,label:this.$t(`pika.style.effect13`)}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,effect:e})}}}}),de={class:`field`},fe={class:`title font-bold`},pe={class:`float-left`};function me(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,de,[r(`h2`,fe,l(e.$t(`pika.name.effect`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,pe,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=k(ue,[[`render`,me],[`__scopeId`,`data-v-d1c54475`]]),ge=s({name:`IngredientsModelSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`pika.button.precise`),value:`precise`},{label:this.$t(`pika.button.creative`),value:`creative`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||=ee}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,o,s,h,g){let _=d(`el-radio-button`),v=d(`el-radio-group`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`pika.name.ingredientsModel`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`quality`},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.value},{default:p(()=>[i(l(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var be=k(ge,[[`render`,ye],[`__scopeId`,`data-v-b72865fa`]]),xe=s({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`2.0`,label:`2.0`},{value:`1.5`,label:`1.5`}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||=`2.0`}}),Se={class:`field`},Ce={class:`title font-bold`};function we(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,Se,[r(`h2`,Ce,l(e.$t(`pika.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`pika.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Te=k(xe,[[`render`,we],[`__scopeId`,`data-v-7b2e870a`]]),Ee=s({name:`ImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[D,N],data(){return{fileList:[],uploadUrl:L()+`/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.pika?.config?.image_url},set(){let e=this.urls?.[0];this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){A.warning(this.$t(`pika.message.uploadStartImageExceed`))},onError(){A.error(this.$t(`pika.message.uploadStartImageError`))},async onRemove(){A.error(this.$t(`pika.message.uploadStartImageError`))},onSetStartImageUrl(){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),De={class:`field`},Oe={class:`title font-bold`},ke={class:`upload-wrapper`};function Ae(e,t,n,o,s,c){let m=d(`image-preview`),h=d(`font-awesome-icon`),g=d(`el-button`),_=d(`el-upload`),v=d(`info-icon`);return u(),f(`div`,De,[r(`h2`,Oe,l(e.$t(`pika.name.imageUrl`)),1),r(`div`,ke,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:3,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[a(m,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`pika.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-remove`,`on-success`,`headers`])]),a(v,{content:e.$t(`pika.description.imageUrl`),class:`info`},null,8,[`content`])])}var je=k(Ee,[[`render`,Ae],[`__scopeId`,`data-v-25cefe78`]]),Me=s({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit(`pika/setConfig`,{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ne(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`pika.name.prompt`),info:e.$t(`pika.description.prompt`),placeholder:e.$t(`pika.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Pe=s({name:`PresetPanel`,components:{ImageUrlInput:je,ElButton:h,FontAwesomeIcon:R,Consumption:q,PromptInput:k(Me,[[`render`,Ne]]),IngredientsSelector:le,IngredientsModelSelector:be,ModelSelector:Te,EffectSelector:he},emits:[`generate`],computed:{config(){return this.$store.state.pika?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,s,c,m,h){let g=d(`prompt-input`),_=d(`model-selector`),v=d(`ingredients-selector`),y=d(`effect-selector`),b=d(`image-url-input`),x=d(`ingredients-model-selector`),S=d(`consumption`),C=d(`font-awesome-icon`),w=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),e.config?.ingredients?(u(),n(b,{key:0,class:`mb-4`})):o(``,!0),e.config?.ingredients?(u(),n(x,{key:1,class:`mb-4`})):o(``,!0)]),r(`div`,Le,[a(S,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(C,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`pika.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=k(Pe,[[`render`,Re]]),Be=s({name:`VideoPlayer`,components:{VuePlyr:Y},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),Ve=[`data-poster`],He=[`src`];function Ue(e,t,n,i,o,s){let c=d(`vue-plyr`);return u(),f(`div`,null,[a(c,{options:e.options,class:`video`},{default:p(()=>[r(`video`,{controls:``,playsinline:``,preload:`metadata`,"data-poster":e.modelValue?.image_url},[r(`source`,{size:`1080`,src:e.modelValue?.video_url,type:`video/mp4`},null,8,He)],8,Ve)]),_:1},8,[`options`])])}var We=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:x,VideoPlayer:k(Be,[[`render`,Ue],[`__scopeId`,`data-v-897d9fe0`]]),ElTooltip:y,ElButton:h,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e){console.log(`on download`),window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),Ge={class:`left`},Ke={class:`main`},qe={class:`bot`},Je={class:`datetime`},Ye={class:`info`},Xe={key:0,class:`prompt mt-2`},Ze={key:0},Qe={key:1},$e={key:0,class:t({content:!0,failed:!0})},et={class:`image-wrapper`},tt={key:0,class:t({operations:!0,"mt-2":!0})},nt={key:0,class:`description`},rt={class:`description`},it={key:1,class:`description`},at={key:1,class:t({content:!0})},ot={class:`description`},st={class:`description`},ct={key:0,class:`description`},lt={class:`description`},ut={key:2,class:t({content:!0})},dt={class:`description`};function ft(e,t,s,h,g,_){let v=d(`el-image`),y=d(`VideoPlayer`),b=d(`el-button`),x=d(`el-tooltip`),S=d(`api-code-button`),C=d(`font-awesome-icon`),w=d(`copy-to-clipboard`),T=d(`el-alert`);return u(!0),f(m,null,c(e.videos,(t,s)=>(u(),f(`div`,{key:s,class:`preview`},[r(`div`,Ge,[a(v,{src:`https://cdn.acedata.cloud/i80tgn.png`,class:`avatar`})]),r(`div`,Ke,[r(`div`,qe,[i(l(e.$t(`pika.name.pikaBot`))+` `,1),r(`span`,Je,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ye,[e.modelValue?.request?.prompt?(u(),f(`p`,Xe,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ze,` - (`+l(e.$t(`pika.status.pending`))+`) `,1)),t?.state===`processing`||t?.state===`pending`?(u(),f(`span`,Qe,` - (`+l(e.$t(`pika.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,$e,[r(`div`,et,[a(y,{"model-value":t},null,8,[`model-value`])]),t?(u(),f(`div`,tt,[a(x,{class:`box-item`,effect:`dark`,content:e.$t(`pika.message.downloadVideo`),placement:`top-start`},{default:p(()=>[t?.video_url?(u(),n(b,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:n=>e.onDownload(t?.video_url)},{default:p(()=>[i(l(e.$t(`pika.button.download`)),1)]),_:1},8,[`onClick`])):o(``,!0)]),_:2},1032,[`content`]),a(S,{path:`/pika/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(T,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,nt,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),r(`p`,rt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),f(`div`,at,[a(T,{closable:!1,class:`failure`},{template:p(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:p(()=>[r(`p`,ot,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,st,[a(C,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(w,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,ct,[a(C,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,lt,[a(C,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(w,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||t?.state===`processing`||t?.state===`pending`?(u(),f(`div`,ut,[a(T,{closable:!1,class:`info`},{template:p(()=>[a(C,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.failure`)),1)]),default:p(()=>[r(`p`,dt,[a(C,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`pika.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(w,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])]))),128)}var $=s({name:`RecentPanel`,components:{TaskPreview:k(We,[[`render`,ft],[`__scopeId`,`data-v-52856c99`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),pt={key:0},mt={key:2,class:`w-full h-full flex items-center justify-center`};function ht(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,pt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,(e,t)=>(u(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,mt,[a(v)])):o(``,!0)],64)}var gt=k($,[[`render`,ht]]),_t=E(`pika`),vt=s({name:`PikaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:gt},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===F.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===F.Request},needApply(){return this.$store.state.pika.status.getApplications===F.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.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 W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`pika/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`pika/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){M.create({application:this.application}).then(({data:e})=>{this.application=e,A.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&A.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`pika/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!O(this.uploadTracker,e=>this.$t(e),e=>A.warning(e)))return;let e={...this.config,callback_url:_t},t=this.credential?.token;if(!t){console.error(`no token specified`);return}A.info(this.$t(`pika.message.startingTask`)),j(`pika`,P.generate(e,{token:t})).then(()=>{A.success(this.$t(`pika.message.startTaskSuccess`)),this.$store.commit(`pika/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?A.error(this.$t(`pika.message.usedUp`)):A.error(this.$t(`pika.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function yt(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var bt=k(vt,[[`render`,yt],[`__scopeId`,`data-v-eae39ce1`]]);export{bt as default};

package/dist/assets/{Index-B3srvBL_.js → Index-BVAWJxMP.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{r as _,t as v}from"./select-CCWm08v4.js";import{t as y}from"./upload-DL6R-BcD.js";import{t as b}from"./tooltip-hII4wDEz.js";import{t as x}from"./image-D6w_R6Gb.js";import{t as S}from"./alert-Cs6WDxgv.js";import{t as C}from"./drawer-B42T8GMw.js";import{cn as w,in as T,on as E,qr as D,sn as O}from"./constants-BH6GgBVD.js";import{$t as k,At as A,Dt as j,E as M,Er as N,Mt as ee,Nn as te,Ot as P,gr as F,kt as I,yr as L}from"./index-B0D_GXuA.js";import{t as R}from"./index.es-CyW7EvoI.js";import{t as z}from"./CopyToClipboard-D0L4lc6w.js";import{t as B}from"./ImagePreview-4W25TI3U.js";import{t as V}from"./BotPlaceholder-Ca3n8DbE.js";import{i as H,n as U,t as W}from"./pagination-BGnbEU3d.js";import{n as G,t as K}from"./NoTasks-eKpQJSqW.js";import{t as q}from"./Consumption-BBaQNNS9.js";import{t as J}from"./ApiCodeButton-DkBjUHPb.js";import{t as Y}from"./ImageWrapper-Atmtz1bd.js";var X=s({name:`LayoutNanobanana`,components:{ElDrawer:C,ElButton:g,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=M(X,[[`render`,re],[`__scopeId`,`data-v-8ca1c212`]]),ae=s({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||=``}});function oe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var se=M(ae,[[`render`,oe]]),ce=s({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[A,P],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){N.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){N.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),le={class:`field flex items-center justify-between`},ue={class:`title font-bold text-[14px] mb-[10px]`},de={class:`upload-wrapper flex flex-col items-start gap-[8px]`},fe={class:`controls flex items-center`},pe={class:`file-list flex flex-wrap gap-[10px]`};function me(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,le,[r(`h2`,ue,l(e.$t(`nanobanana.name.imageUrls`)),1),r(`div`,de,[r(`div`,fe,[a(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,pe,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var he=M(ce,[[`render`,me]]),ge=s({name:`AspectRatioSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[`1:1`,`3:2`,`2:3`,`16:9`,`9:16`,`4:3`,`3:4`]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`nanobanana.name.aspectRatio`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,clearable:``,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var be=M(ge,[[`render`,ye],[`__scopeId`,`data-v-67f08a08`]]),xe=s({name:`NanobananaModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{options:[{value:E,label:this.$t(`nanobanana.model.nanoBanana`)},{value:w,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:O,label:this.$t(`nanobanana.model.nanoBanana2`)}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t(`nanobanana.description.model`)}},mounted(){this.value||=T}}),Se={class:`field`},Ce={class:`label`},we={class:`box`},Te={class:`title font-bold`};function Ee(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,Se,[r(`div`,Ce,[r(`div`,we,[r(`h2`,Te,l(e.$t(`nanobanana.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var De=M(xe,[[`render`,Ee],[`__scopeId`,`data-v-94304d73`]]),Oe=s({name:`NanobananaResolutionSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==E}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(this.value&&(this.cachedResolution=this.value),this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`nanobanana.name.resolution`)),1),a(g,{content:e.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`),disabled:!e.isProModel},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Pe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:R,PromptInput:se,Consumption:q,ImageUrlsInput:he,AspectRatioSelector:be,ModelSelector:De,ResolutionSelector:M(Oe,[[`render`,Ne],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ee({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`aspect-ratio-selector`),v=d(`image-urls-input`),y=d(`consumption`),b=d(`font-awesome-icon`),x=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`})]),r(`div`,Le,[a(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=M(Pe,[[`render`,Re]]),Be=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,ImageWrapper:Y,ElButton:g,ElTooltip:b,ImagePreview:B,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},computed:{images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),Ve={class:`preview`},He={class:`left`},Ue={class:`main`},We={class:`bot`},Ge={class:`datetime`},Ke={class:`info`},qe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Je={key:1,class:`prompt mt-2`},Ye={key:0},Xe={key:0,class:t({content:!0,failed:!0})},Ze={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Qe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},$e={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},et={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ot={key:1,class:t({content:!0})},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-2`},lt={key:2,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`},dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ht={key:2,class:t({content:!0})},gt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function bt(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,Ve,[r(`div`,He,[a(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),r(`div`,Ue,[r(`div`,We,[i(l(e.$t(`nanobanana.name.nanobananaBot`))+` `,1),r(`span`,Ge,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ke,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(u(),f(`div`,qe,[(u(!0),f(m,null,c(e.modelValue?.request?.image_urls,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ye,` - (`+l(e.$t(`nanobanana.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Xe,[r(`div`,Ze,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),r(`div`,Qe,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/nano-banana/images`,body:e.modelValue?.request},null,8,[`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,$e,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,et,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,tt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,nt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,rt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,at,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,ot,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,st,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,ct,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,lt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,ut,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ft,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,pt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,mt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,ht,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,gt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,$,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var xt=s({name:`RecentPanel`,components:{TaskPreview:M(Be,[[`render`,bt],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),St={key:0},Ct={key:2,class:`w-full h-full flex items-center justify-center`};function wt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,St,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Ct,[a(v)])):o(``,!0)],64)}var Tt=M(xt,[[`render`,wt]]),Et=D(`nanobanana`),Dt=s({name:`NanobananaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:Tt},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.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 W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`nanobanana/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`nanobanana/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>N.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&`image_urls`in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:Et},r=this.credential?.token;if(!r){console.error(`no token specified`);return}N.info(this.$t(`nanobanana.message.startingTask`)),te(`nanobanana`,k.generate(n,{token:r})).then(()=>{N.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?N.error(this.$t(`nanobanana.message.usedUp`)):N.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ot(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var kt=M(Dt,[[`render`,Ot]]);export{kt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{r as _,t as v}from"./select-TkQ8fTfG.js";import{t as y}from"./upload-DvUP_130.js";import{t as b}from"./tooltip-hII4wDEz.js";import{t as x}from"./image-DfBMdB5i.js";import{t as S}from"./alert-Cs6WDxgv.js";import{t as C}from"./drawer-B42T8GMw.js";import{cn as w,in as T,on as E,qr as D,sn as O}from"./constants-BH6GgBVD.js";import{$t as k,At as A,Dt as j,E as M,Er as N,Mt as ee,Nn as te,Ot as P,gr as F,kt as I,yr as L}from"./index-h1VSduWr.js";import{t as R}from"./index.es-BE5hSUb7.js";import{t as z}from"./CopyToClipboard-DhVhNUXq.js";import{t as B}from"./ImagePreview-DHUA_A_A.js";import{t as V}from"./BotPlaceholder-BIvYhNGJ.js";import{i as H,n as U,t as W}from"./pagination-BB30gtKs.js";import{n as G,t as K}from"./NoTasks-sy2GTN52.js";import{t as q}from"./Consumption-kIdlj4_c.js";import{t as J}from"./ApiCodeButton-BF0PS1pj.js";import{t as Y}from"./ImageWrapper-BDrrcGhX.js";var X=s({name:`LayoutNanobanana`,components:{ElDrawer:C,ElButton:g,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=M(X,[[`render`,re],[`__scopeId`,`data-v-8ca1c212`]]),ae=s({name:`PromptInput`,components:{PromptTextarea:G},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||=``}});function oe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var se=M(ae,[[`render`,oe]]),ce=s({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[A,P],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){N.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){N.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),le={class:`field flex items-center justify-between`},ue={class:`title font-bold text-[14px] mb-[10px]`},de={class:`upload-wrapper flex flex-col items-start gap-[8px]`},fe={class:`controls flex items-center`},pe={class:`file-list flex flex-wrap gap-[10px]`};function me(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,le,[r(`h2`,ue,l(e.$t(`nanobanana.name.imageUrls`)),1),r(`div`,de,[r(`div`,fe,[a(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,pe,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var he=M(ce,[[`render`,me]]),ge=s({name:`AspectRatioSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[`1:1`,`3:2`,`2:3`,`16:9`,`9:16`,`4:3`,`3:4`]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`nanobanana.name.aspectRatio`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,clearable:``,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var be=M(ge,[[`render`,ye],[`__scopeId`,`data-v-67f08a08`]]),xe=s({name:`NanobananaModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{options:[{value:E,label:this.$t(`nanobanana.model.nanoBanana`)},{value:w,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:O,label:this.$t(`nanobanana.model.nanoBanana2`)}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t(`nanobanana.description.model`)}},mounted(){this.value||=T}}),Se={class:`field`},Ce={class:`label`},we={class:`box`},Te={class:`title font-bold`};function Ee(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,Se,[r(`div`,Ce,[r(`div`,we,[r(`h2`,Te,l(e.$t(`nanobanana.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var De=M(xe,[[`render`,Ee],[`__scopeId`,`data-v-94304d73`]]),Oe=s({name:`NanobananaResolutionSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==E}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(this.value&&(this.cachedResolution=this.value),this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`nanobanana.name.resolution`)),1),a(g,{content:e.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`),disabled:!e.isProModel},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Pe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:R,PromptInput:se,Consumption:q,ImageUrlsInput:he,AspectRatioSelector:be,ModelSelector:De,ResolutionSelector:M(Oe,[[`render`,Ne],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ee({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`aspect-ratio-selector`),v=d(`image-urls-input`),y=d(`consumption`),b=d(`font-awesome-icon`),x=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`})]),r(`div`,Le,[a(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=M(Pe,[[`render`,Re]]),Be=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,ImageWrapper:Y,ElButton:g,ElTooltip:b,ImagePreview:B,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},computed:{images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),Ve={class:`preview`},He={class:`left`},Ue={class:`main`},We={class:`bot`},Ge={class:`datetime`},Ke={class:`info`},qe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Je={key:1,class:`prompt mt-2`},Ye={key:0},Xe={key:0,class:t({content:!0,failed:!0})},Ze={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Qe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},$e={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},et={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},at={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ot={key:1,class:t({content:!0})},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-2`},lt={key:2,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`},dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ht={key:2,class:t({content:!0})},gt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function bt(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,Ve,[r(`div`,He,[a(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),r(`div`,Ue,[r(`div`,We,[i(l(e.$t(`nanobanana.name.nanobananaBot`))+` `,1),r(`span`,Ge,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ke,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(u(),f(`div`,qe,[(u(!0),f(m,null,c(e.modelValue?.request?.image_urls,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ye,` - (`+l(e.$t(`nanobanana.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Xe,[r(`div`,Ze,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),r(`div`,Qe,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/nano-banana/images`,body:e.modelValue?.request},null,8,[`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,$e,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,et,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,tt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,nt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,rt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,at,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,ot,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,st,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,ct,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,lt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,ut,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ft,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,pt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,mt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,ht,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,gt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,$,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var xt=s({name:`RecentPanel`,components:{TaskPreview:M(Be,[[`render`,bt],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),St={key:0},Ct={key:2,class:`w-full h-full flex items-center justify-center`};function wt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,St,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Ct,[a(v)])):o(``,!0)],64)}var Tt=M(xt,[[`render`,wt]]),Et=D(`nanobanana`),Dt=s({name:`NanobananaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:Tt},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.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 W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`nanobanana/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`nanobanana/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!j(this.uploadTracker,e=>this.$t(e),e=>N.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&`image_urls`in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:Et},r=this.credential?.token;if(!r){console.error(`no token specified`);return}N.info(this.$t(`nanobanana.message.startingTask`)),te(`nanobanana`,k.generate(n,{token:r})).then(()=>{N.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?N.error(this.$t(`nanobanana.message.usedUp`)):N.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ot(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var kt=M(Dt,[[`render`,Ot]]);export{kt as default};

package/dist/assets/{Index-DXG1dyN5.js → Index-BdX28mb2.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h,y as g}from"./vendor-chart-Df3WBvr0.js";import{t as _}from"./button-Diu_mJ2H.js";import{r as v,t as y}from"./select-CCWm08v4.js";import{t as b}from"./upload-DL6R-BcD.js";import{t as x}from"./tooltip-hII4wDEz.js";import{t as S}from"./image-D6w_R6Gb.js";import{t as C}from"./alert-Cs6WDxgv.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./input-number-DqQ2LuOV.js";import{t as E}from"./switch-Cd_GVBye.js";import{At as D,Ct as O,Dt as k,Et as A,St as ee,Tt as j,_t as M,bt as N,ct as P,dt as te,ft as ne,gt as re,ht as ie,jt as F,kt as ae,lt as oe,mt as se,pt as ce,qr as I,vt as L,wt as R,xt as z,yt as B}from"./constants-BH6GgBVD.js";import{At as V,Dt as H,E as U,Er as W,Mt as G,Nn as le,Ot as K,Xt as ue,gr as q,kt as de,yr as J}from"./index-B0D_GXuA.js";import{t as Y}from"./index.es-CyW7EvoI.js";import{t as fe}from"./CopyToClipboard-D0L4lc6w.js";import{t as X}from"./ImagePreview-4W25TI3U.js";import{t as pe}from"./BotPlaceholder-Ca3n8DbE.js";import{i as Z,n as me,t as he}from"./pagination-BGnbEU3d.js";import{n as ge,t as _e}from"./NoTasks-eKpQJSqW.js";import{t as ve}from"./Consumption-BBaQNNS9.js";import{t as ye}from"./ApiCodeButton-DkBjUHPb.js";import{t as be}from"./ImageWrapper-Atmtz1bd.js";import{t as xe}from"./VideoPlayer-Dk3k3U1z.js";var Se=c({name:`LayoutSeedance`,components:{ElDrawer:w,ElButton:_,FontAwesomeIcon:Y},data(){return{drawer:!1}}}),Ce={class:`main flex flex-row flex-1`},we={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Te={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Ee(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,Ce,[r(`div`,we,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Te,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var De=U(Se,[[`render`,Ee],[`__scopeId`,`data-v-caafd095`]]),Oe=c({name:`SeedancePromptInput`,components:{PromptTextarea:ge},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ke(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`seedance.name.prompt`),info:e.$t(`seedance.description.prompt`),placeholder:e.$t(`seedance.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ae=U(Oe,[[`render`,ke]]),je=c({name:`SeedanceModelSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:Z},data(){return{options:[{value:L,label:this.$t(`seedance.model.seedance20`)},{value:B,label:this.$t(`seedance.model.seedance20Fast`)},{value:M,label:this.$t(`seedance.model.seedance15pro`)},{value:ie,label:this.$t(`seedance.model.seedance10pro`)},{value:re,label:this.$t(`seedance.model.seedance10proFast`)},{value:se,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:ce,label:this.$t(`seedance.model.seedance10liteI2v`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||=P}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,Me,[r(`div`,Ne,[r(`div`,Pe,[r(`h2`,Fe,u(e.$t(`seedance.name.model`)),1),o(g,{content:e.$t(`seedance.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`seedance.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Le=U(je,[[`render`,Ie],[`__scopeId`,`data-v-61816a81`]]),Re=c({name:`SeedanceDurationSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:Z},data(){return{options:[{value:2,label:`2s`},{value:3,label:`3s`},{value:4,label:`4s`},{value:5,label:`5s`},{value:6,label:`6s`},{value:7,label:`7s`},{value:8,label:`8s`},{value:9,label:`9s`},{value:10,label:`10s`},{value:11,label:`11s`},{value:12,label:`12s`}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,duration:e})}}},mounted(){this.value||=5}}),ze={class:`field`},Be={class:`label`},Ve={class:`box`},He={class:`title font-bold`};function Ue(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,ze,[r(`div`,Be,[r(`div`,Ve,[r(`h2`,He,u(e.$t(`seedance.name.duration`)),1),o(g,{content:e.$t(`seedance.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`seedance.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var We=U(Re,[[`render`,Ue],[`__scopeId`,`data-v-5c809a72`]]),Ge=k,Q={[A]:0,[k]:1,[j]:2},Ke=c({name:`SeedanceResolutionSelector`,components:{InfoIcon:Z,ElTooltip:x},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return F(this.model)},isLiteModel(){return typeof this.model==`string`&&this.model.includes(`-lite-`)},options(){let e=[{value:A,label:`480p`},{value:k,label:`720p`},{value:j,label:`1080p`}],t=this.isLiteModel;return e.map(e=>({...e,disabled:t&&Q[e.value]>Q[Ge]}))},value:{get(){return this.$store.state.seedance?.config?.resolution},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,resolution:e})}}},watch:{model(){this.clampValue()}},mounted(){this.value?this.clampValue():this.value=this.capability.defaultResolution||`720p`},methods:{onSelect(e){e.disabled||(this.value=e.value)},clampValue(){let e=this.value,t=this.options.find(t=>t.value===e);(!e||t&&t.disabled)&&(this.value=this.capability.defaultResolution||`720p`)}}}),qe={class:`resolution`},Je={class:`header`},Ye={class:`title font-bold`},Xe={class:`items`},Ze=[`onClick`];function Qe(e,i,a,s,c,g){let _=f(`info-icon`),v=f(`el-tooltip`);return d(),p(`div`,qe,[r(`div`,Je,[r(`h2`,Ye,u(e.$t(`seedance.name.resolution`)),1),o(_,{content:e.$t(`seedance.description.resolution`),class:`info`},null,8,[`content`])]),r(`div`,Xe,[(d(!0),p(h,null,l(e.options,i=>(d(),n(v,{key:i.value,content:e.$t(`seedance.message.resolutionNotSupported`),disabled:!i.disabled,placement:`top`},{default:m(()=>[r(`div`,{class:t([`item`,{active:e.value===i.value,disabled:i.disabled}]),onClick:t=>e.onSelect(i)},u(i.label),11,Ze)]),_:2},1032,[`content`,`disabled`]))),128))])])}var $e=U(Ke,[[`render`,Qe],[`__scopeId`,`data-v-fd8d4e4b`]]),et=c({name:`SeedanceRatioSelector`,components:{InfoIcon:Z},computed:{options(){return[{value:z,label:`16:9`,w:32,h:18},{value:O,label:`9:16`,w:18,h:32},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`1:1`,label:`1:1`,w:24,h:24},{value:ee,label:`21:9`,w:34,h:14},{value:R,label:this.$t(`seedance.ratio.adaptive`),w:0,h:0}]},value:{get(){return this.$store.state.seedance?.config?.ratio},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,ratio:e})}}},mounted(){this.value||=oe}}),tt={class:`ratio`},nt={class:`header`},rt={class:`title font-bold`},it={class:`items`},at=[`onClick`],ot={class:`preview`},st={key:1,class:`rect rect-auto`},ct={class:`name`};function lt(e,n,a,s,c,m){let g=f(`info-icon`);return d(),p(`div`,tt,[r(`div`,nt,[r(`h2`,rt,u(e.$t(`seedance.name.ratio`)),1),o(g,{content:e.$t(`seedance.description.ratio`),class:`info`},null,8,[`content`])]),r(`div`,it,[(d(!0),p(h,null,l(e.options,n=>(d(),p(`div`,{key:n.value,class:t([`item`,{active:e.value===n.value}]),onClick:t=>e.value=n.value},[r(`div`,ot,[n.w&&n.h?(d(),p(`div`,{key:0,class:`rect`,style:i({width:n.w+`px`,height:n.h+`px`})},null,4)):(d(),p(`div`,st,`A`))]),r(`div`,ct,u(n.label),1)],10,at))),128))])])}var ut=U(et,[[`render`,lt],[`__scopeId`,`data-v-8ddec2dd`]]),dt=c({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:E,InfoIcon:Z},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return F(e).acceptsAudio},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),ft={key:0,class:`field`},pt={class:`label`},mt={class:`box`},ht={class:`title font-bold`},gt={class:`value`};function _t(e,t,n,i,a,c){let l=f(`info-icon`),m=f(`el-switch`);return e.isSupported?(d(),p(`div`,ft,[r(`div`,pt,[r(`div`,mt,[r(`h2`,ht,u(e.$t(`seedance.name.generateAudio`)),1),o(l,{content:e.$t(`seedance.description.generateAudio`),class:`info`},null,8,[`content`])])]),r(`div`,gt,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):s(``,!0)}var vt=U(dt,[[`render`,_t],[`__scopeId`,`data-v-df51dfbd`]]),yt=c({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:E,InfoIcon:Z},computed:{value:{get(){return this.$store.state.seedance?.config?.camerafixed??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,camerafixed:e})}}},mounted(){this.$store.state.seedance?.config?.camerafixed===void 0&&(this.value=!1)}}),bt={class:`field`},xt={class:`label`},St={class:`box`},Ct={class:`title font-bold`},wt={class:`value`};function Tt(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-switch`);return d(),p(`div`,bt,[r(`div`,xt,[r(`div`,St,[r(`h2`,Ct,u(e.$t(`seedance.name.cameraFixed`)),1),o(c,{content:e.$t(`seedance.description.cameraFixed`),class:`info`},null,8,[`content`])])]),r(`div`,wt,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])}var Et=U(yt,[[`render`,Tt],[`__scopeId`,`data-v-ae777d61`]]),Dt=c({name:`SeedanceFirstFrameImage`,components:{ElUpload:b,ElButton:_,InfoIcon:Z,FontAwesomeIcon:Y,ImagePreview:X},mixins:[V,K],data(){return{fileList:[],uploadUrl:J()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return F(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetFirstFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`first_frame`);e&&t.push({url:e,role:`first_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),Ot={key:0,class:`relative`},kt={class:`flex justify-between`},At={class:`flex justify-start items-center`},jt={class:`text-sm font-bold`},Mt={key:0,class:`required-badge`};function Nt(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return e.capability.acceptsImage?(d(),p(`div`,Ot,[r(`div`,kt,[r(`div`,At,[r(`span`,jt,u(e.$t(`seedance.name.firstFrame`)),1),e.capability.requiresImage?(d(),p(`span`,Mt,u(e.$t(`seedance.name.required`)),1)):s(``,!0),o(g,{content:e.$t(`seedance.description.firstFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):s(``,!0)}var Pt=U(Dt,[[`render`,Nt],[`__scopeId`,`data-v-e2597f23`]]),Ft=c({name:`SeedanceLastFrameImage`,components:{ElUpload:b,ElButton:_,ImagePreview:X,InfoIcon:Z,FontAwesomeIcon:Y},mixins:[V,K],data(){return{fileList:[],uploadUrl:J()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return F(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetLastFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`last_frame`);e&&t.push({url:e,role:`last_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),It={key:0,class:`relative`},Lt={class:`flex justify-between`},Rt={class:`flex justify-start items-center`},zt={class:`text-sm font-bold`};function Bt(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return e.capability.acceptsLastFrame?(d(),p(`div`,It,[r(`div`,Lt,[r(`div`,Rt,[r(`span`,zt,u(e.$t(`seedance.name.lastFrame`)),1),o(g,{content:e.$t(`seedance.description.lastFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):s(``,!0)}var Vt=U(Ft,[[`render`,Bt],[`__scopeId`,`data-v-3a191e51`]]),Ht=c({name:`SeedanceServiceTierSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:Z},data(){return{options:[{value:ae,label:this.$t(`seedance.serviceTier.default`)},{value:D,label:this.$t(`seedance.serviceTier.flex`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||=te}}),Ut={class:`field`},Wt={class:`label`},Gt={class:`box`},Kt={class:`title font-bold`};function qt(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,Ut,[r(`div`,Wt,[r(`div`,Gt,[r(`h2`,Kt,u(e.$t(`seedance.name.serviceTier`)),1),o(g,{content:e.$t(`seedance.description.serviceTier`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`seedance.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Jt=U(Ht,[[`render`,qt],[`__scopeId`,`data-v-cc938de2`]]),Yt=c({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:E,InfoIcon:Z},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return F(this.model).acceptsReturnLastFrame},value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,return_last_frame:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),Xt={key:0,class:`field`},Zt={class:`label`},Qt={class:`box`},$t={class:`title font-bold`},en={class:`value`};function tn(e,t,n,i,a,c){let l=f(`info-icon`),m=f(`el-switch`);return e.isSupported?(d(),p(`div`,Xt,[r(`div`,Zt,[r(`div`,Qt,[r(`h2`,$t,u(e.$t(`seedance.name.returnLastFrame`)),1),o(l,{content:e.$t(`seedance.description.returnLastFrame`),class:`info`},null,8,[`content`])])]),r(`div`,en,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):s(``,!0)}var nn=U(Yt,[[`render`,tn],[`__scopeId`,`data-v-edea5451`]]),rn=c({name:`SeedanceSeedInput`,components:{ElInputNumber:T,InfoIcon:Z},computed:{value:{get(){let e=this.$store.state.seedance?.config?.seed;return typeof e==`number`?e:-1},set(e){let t={...this.$store.state.seedance?.config||{}};t.seed=typeof e==`number`&&Number.isInteger(e)?e:-1,this.$store.commit(`seedance/setConfig`,t)}}}}),an={class:`field`},on={class:`label`},sn={class:`box`},cn={class:`title font-bold`},ln={class:`value`};function un(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input-number`);return d(),p(`div`,an,[r(`div`,on,[r(`div`,sn,[r(`h2`,cn,u(e.$t(`seedance.name.seed`)),1),o(c,{content:e.$t(`seedance.description.seed`),class:`info`},null,8,[`content`])])]),r(`div`,ln,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,min:-1,max:2147483647,step:1,size:`default`,"controls-position":`right`,class:`counter`},null,8,[`modelValue`])])])}var dn=c({name:`SeedanceConfigPanel`,components:{ElButton:_,FontAwesomeIcon:Y,PromptInput:Ae,ModelSelector:Le,DurationSelector:We,ResolutionSelector:$e,RatioSelector:ut,GenerateAudioSwitch:vt,CameraFixedSwitch:Et,ServiceTierSelector:Jt,ReturnLastFrameSwitch:nn,SeedInput:U(rn,[[`render`,un],[`__scopeId`,`data-v-685a9869`]]),FirstFrameImage:Pt,LastFrameImage:Vt,Consumption:ve},emits:[`generate`],computed:{config(){return this.$store.state.seedance?.config},consumption(){return G(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),fn={class:`flex flex-col h-full`},pn={class:`flex-1 overflow-y-auto p-5`},mn={class:`flex flex-col items-center justify-center px-5 pb-5`};function hn(e,t,n,i,s,c){let l=f(`prompt-input`),h=f(`model-selector`),g=f(`ratio-selector`),_=f(`resolution-selector`),v=f(`duration-selector`),y=f(`service-tier-selector`),b=f(`generate-audio-switch`),x=f(`camera-fixed-switch`),S=f(`return-last-frame-switch`),C=f(`seed-input`),w=f(`first-frame-image`),T=f(`last-frame-image`),E=f(`consumption`),D=f(`font-awesome-icon`),O=f(`el-button`);return d(),p(`div`,fn,[r(`div`,pn,[o(l,{class:`mb-4`}),o(h,{class:`mb-4`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-2`}),o(T,{class:`mb-2`})]),r(`div`,mn,[o(E,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(O,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(D,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`seedance.button.generate`)),1)]),_:1},8,[`onClick`])])])}var gn=U(dn,[[`render`,hn]]),_n=c({name:`SeedanceTaskPreview`,components:{ElImage:S,CopyToClipboard:fe,FontAwesomeIcon:Y,ElAlert:C,VideoPlayer:xe,ElTooltip:x,ElButton:_,ImageWrapper:be,ImagePreview:X,ApiCodeButton:ye},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:ne}},computed:{video(){return this.modelValue?.response?.data},referenceImages(){let e=this.modelValue?.request?.images;if(!Array.isArray(e))return[];let t=[],n=e.find(e=>e?.role===`first_frame`);n?.url&&t.push({url:n.url,name:`first-frame`});let r=e.find(e=>e?.role===`last_frame`);return r?.url&&t.push({url:r.url,name:`last-frame`}),e.forEach((e,n)=>{e?.url&&e.role!==`first_frame`&&e.role!==`last_frame`&&t.push({url:e.url,name:e.role||`image-${n}`})}),t}},methods:{onDownload(e){window.open(e,`_blank`)}}}),vn={class:`preview`},yn={class:`left`},bn={class:`main`},xn={class:`bot`},Sn={class:`datetime`},Cn={class:`info`},wn={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Tn={key:1,class:`prompt mt-2`},En={key:0},Dn={key:1},On={key:0,class:t({content:!0})},kn={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},An={key:1,class:t({content:!0})},jn={key:0,class:`mb-4`},Mn={key:1,class:`mb-4`},Nn={key:2,class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Pn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Fn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},In={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ln={key:0},Rn={key:1},zn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vn={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Hn={key:2,class:t({content:!0})},Un={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Kn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},qn={key:3,class:t({content:!0})},Jn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Xn(e,t,i,c,_,v){let y=f(`el-image`),b=f(`image-preview`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`),w=f(`video-player`),T=f(`image-wrapper`),E=f(`el-button`),D=f(`el-tooltip`),O=f(`api-code-button`);return d(),p(`div`,vn,[r(`div`,yn,[o(y,{src:e.seedanceLogo,class:`avatar`},null,8,[`src`])]),r(`div`,bn,[r(`div`,xn,[a(u(e.$t(`seedance.name.seedanceBot`))+` `,1),r(`span`,Sn,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Cn,[e.referenceImages.length>0?(d(),p(`div`,wn,[(d(!0),p(h,null,l(e.referenceImages,(e,t)=>(d(),n(b,{key:t,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128))])):s(``,!0),e.modelValue?.request?.prompt?(d(),p(`p`,Tn,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?e.video?.status===`processing`||e.video?.status===`pending`?(d(),p(`span`,Dn,` - (`+u(e.$t(`seedance.status.processing`))+`) `,1)):s(``,!0):(d(),p(`span`,En,` - (`+u(e.$t(`seedance.status.pending`))+`) `,1))])):s(``,!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(d(),p(`div`,An,[e.video?.video_url?(d(),p(`div`,jn,[o(w,{src:e.video?.video_url},null,8,[`src`])])):s(``,!0),e.video?.last_frame_url?(d(),p(`div`,Mn,[o(T,{src:e.video?.last_frame_url,"raw-src":e.video?.last_frame_url},null,8,[`src`,`raw-src`])])):s(``,!0),e.video?.video_url?(d(),p(`div`,Nn,[o(D,{class:`box-item`,effect:`dark`,content:e.$t(`seedance.message.downloadVideo`),placement:`top-start`},{default:m(()=>[o(E,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=g(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:m(()=>[a(u(e.$t(`seedance.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(O,{path:`/seedance/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(d(),p(`p`,Pn,[o(x,{icon:`fa-solid fa-cube`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.model`))+`: `+u(e.modelValue?.request?.model),1)])):s(``,!0),e.video?.duration?(d(),p(`p`,Fn,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.duration`))+`: `+u(e.video?.duration)+`s `,1)])):s(``,!0),e.video?.resolution?(d(),p(`p`,In,[o(x,{icon:`fa-solid fa-expand`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.resolution`))+`: `+u(e.video?.resolution)+` `,1),e.video?.ratio?(d(),p(`span`,Ln,` · `+u(e.video?.ratio),1)):s(``,!0),e.video?.framespersecond?(d(),p(`span`,Rn,` · `+u(e.video?.framespersecond)+`fps`,1)):s(``,!0)])):s(``,!0),e.modelValue?.request?.generate_audio?(d(),p(`p`,zn,[o(x,{icon:`fa-solid fa-volume-up`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.generateAudio`))+`: `+u(e.$t(`seedance.button.on`)),1)])):s(``,!0),r(`p`,Bn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,$,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Vn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(d(),p(`div`,Hn,[o(C,{closable:!1,class:`failure`},{template:m(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.failure`)),1)]),default:m(()=>[r(`p`,Un,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.error?.message?(d(),p(`p`,Wn,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0),e.modelValue?.elapsed?(d(),p(`p`,Gn,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Kn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0)]),_:1})])):(d(),p(`div`,qn,[o(C,{closable:!1,class:`info`},{template:m(()=>[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.status`)),1)]),default:m(()=>[r(`p`,Jn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),p(`p`,Yn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0)]),_:1})])):(d(),p(`div`,On,[o(C,{closable:!1,class:`info`},{template:m(()=>[o(x,{icon:`fa-regular fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.status.pending`)),1)]),default:m(()=>[r(`p`,kn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})]))])])}var Zn=c({name:`SeedanceRecentPanel`,components:{TaskPreview:U(_n,[[`render`,Xn],[`__scopeId`,`data-v-8b7e10f0`]]),BotPlaceholder:pe,NoTasks:_e,ScrollList:me},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Qn={key:0},$n={key:2,class:`w-full h-full flex items-center justify-center`};function er(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,Qn,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,e=>(d(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,$n,[o(v)])):s(``,!0)],64)}var tr=U(Zn,[[`render`,er]]),nr=I(`seedance`),rr=c({name:`SeedanceIndex`,components:{ConfigPanel:gn,Layout:De,RecentPanel:tr},mixins:[de],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===q.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===q.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.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 he({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(`seedance/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(`seedance/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,e=>this.$t(e),e=>W.warning(e)))return;let e={...this.config||{}};if(typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(e=>!!e?.url);let t=e.images.some(e=>e?.role===`first_frame`),n=e.images.some(e=>e?.role===`last_frame`);!t&&n&&(e.images=e.images.map(e=>e?.role===`last_frame`?{...e,role:`first_frame`}:e))}let t=Array.isArray(e?.images)&&e.images.length>0;if(!t&&`images`in e&&delete e.images,e?.model&&!N[e.model]){W.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=F(e?.model);if(n.requiresImage&&!t){W.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){W.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){W.warning(this.$t(`seedance.message.modelRequiresImage`));return}!n.acceptsAudio&&e.generate_audio&&(e.generate_audio=!1),!n.acceptsReturnLastFrame&&e.return_last_frame&&(e.return_last_frame=!1),!n.acceptsLastFrame&&t&&(e.images=e.images.filter(e=>e?.role!==`last_frame`));let r={...e,callback_url:nr},i=this.credential?.token;if(!i){console.error(`no token specified`);return}W.info(this.$t(`seedance.message.startingTask`)),le(`seedance`,ue.generate(r,{token:i})).then(()=>{W.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?W.error(this.$t(`seedance.message.usedUp`)):W.error(this.$t(`seedance.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ir(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`recent-panel`),u=f(`layout`);return d(),n(u,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ar=U(rr,[[`render`,ir]]);export{ar as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h,y as g}from"./vendor-chart-Df3WBvr0.js";import{t as _}from"./button-Diu_mJ2H.js";import{r as v,t as y}from"./select-TkQ8fTfG.js";import{t as b}from"./upload-DvUP_130.js";import{t as x}from"./tooltip-hII4wDEz.js";import{t as S}from"./image-DfBMdB5i.js";import{t as C}from"./alert-Cs6WDxgv.js";import{t as w}from"./drawer-B42T8GMw.js";import{t as T}from"./input-number-hF6S2tOX.js";import{t as E}from"./switch-CfNJncrO.js";import{At as D,Ct as O,Dt as k,Et as A,St as ee,Tt as j,_t as M,bt as N,ct as P,dt as te,ft as ne,gt as re,ht as ie,jt as F,kt as ae,lt as oe,mt as se,pt as ce,qr as I,vt as L,wt as R,xt as z,yt as B}from"./constants-BH6GgBVD.js";import{At as V,Dt as H,E as U,Er as W,Mt as G,Nn as le,Ot as K,Xt as ue,gr as q,kt as de,yr as J}from"./index-h1VSduWr.js";import{t as Y}from"./index.es-BE5hSUb7.js";import{t as fe}from"./CopyToClipboard-DhVhNUXq.js";import{t as X}from"./ImagePreview-DHUA_A_A.js";import{t as pe}from"./BotPlaceholder-BIvYhNGJ.js";import{i as Z,n as me,t as he}from"./pagination-BB30gtKs.js";import{n as ge,t as _e}from"./NoTasks-sy2GTN52.js";import{t as ve}from"./Consumption-kIdlj4_c.js";import{t as ye}from"./ApiCodeButton-BF0PS1pj.js";import{t as be}from"./ImageWrapper-BDrrcGhX.js";import{t as xe}from"./VideoPlayer-DuaXKjXf.js";var Se=c({name:`LayoutSeedance`,components:{ElDrawer:w,ElButton:_,FontAwesomeIcon:Y},data(){return{drawer:!1}}}),Ce={class:`main flex flex-row flex-1`},we={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Te={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Ee(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,Ce,[r(`div`,we,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Te,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var De=U(Se,[[`render`,Ee],[`__scopeId`,`data-v-caafd095`]]),Oe=c({name:`SeedancePromptInput`,components:{PromptTextarea:ge},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ke(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`seedance.name.prompt`),info:e.$t(`seedance.description.prompt`),placeholder:e.$t(`seedance.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ae=U(Oe,[[`render`,ke]]),je=c({name:`SeedanceModelSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:Z},data(){return{options:[{value:L,label:this.$t(`seedance.model.seedance20`)},{value:B,label:this.$t(`seedance.model.seedance20Fast`)},{value:M,label:this.$t(`seedance.model.seedance15pro`)},{value:ie,label:this.$t(`seedance.model.seedance10pro`)},{value:re,label:this.$t(`seedance.model.seedance10proFast`)},{value:se,label:this.$t(`seedance.model.seedance10liteT2v`)},{value:ce,label:this.$t(`seedance.model.seedance10liteI2v`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||=P}}),Me={class:`field`},Ne={class:`label`},Pe={class:`box`},Fe={class:`title font-bold`};function Ie(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,Me,[r(`div`,Ne,[r(`div`,Pe,[r(`h2`,Fe,u(e.$t(`seedance.name.model`)),1),o(g,{content:e.$t(`seedance.description.model`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`seedance.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Le=U(je,[[`render`,Ie],[`__scopeId`,`data-v-61816a81`]]),Re=c({name:`SeedanceDurationSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:Z},data(){return{options:[{value:2,label:`2s`},{value:3,label:`3s`},{value:4,label:`4s`},{value:5,label:`5s`},{value:6,label:`6s`},{value:7,label:`7s`},{value:8,label:`8s`},{value:9,label:`9s`},{value:10,label:`10s`},{value:11,label:`11s`},{value:12,label:`12s`}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,duration:e})}}},mounted(){this.value||=5}}),ze={class:`field`},Be={class:`label`},Ve={class:`box`},He={class:`title font-bold`};function Ue(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,ze,[r(`div`,Be,[r(`div`,Ve,[r(`h2`,He,u(e.$t(`seedance.name.duration`)),1),o(g,{content:e.$t(`seedance.description.duration`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`seedance.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var We=U(Re,[[`render`,Ue],[`__scopeId`,`data-v-5c809a72`]]),Ge=k,Q={[A]:0,[k]:1,[j]:2},Ke=c({name:`SeedanceResolutionSelector`,components:{InfoIcon:Z,ElTooltip:x},computed:{model(){return this.$store.state.seedance?.config?.model},capability(){return F(this.model)},isLiteModel(){return typeof this.model==`string`&&this.model.includes(`-lite-`)},options(){let e=[{value:A,label:`480p`},{value:k,label:`720p`},{value:j,label:`1080p`}],t=this.isLiteModel;return e.map(e=>({...e,disabled:t&&Q[e.value]>Q[Ge]}))},value:{get(){return this.$store.state.seedance?.config?.resolution},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,resolution:e})}}},watch:{model(){this.clampValue()}},mounted(){this.value?this.clampValue():this.value=this.capability.defaultResolution||`720p`},methods:{onSelect(e){e.disabled||(this.value=e.value)},clampValue(){let e=this.value,t=this.options.find(t=>t.value===e);(!e||t&&t.disabled)&&(this.value=this.capability.defaultResolution||`720p`)}}}),qe={class:`resolution`},Je={class:`header`},Ye={class:`title font-bold`},Xe={class:`items`},Ze=[`onClick`];function Qe(e,i,a,s,c,g){let _=f(`info-icon`),v=f(`el-tooltip`);return d(),p(`div`,qe,[r(`div`,Je,[r(`h2`,Ye,u(e.$t(`seedance.name.resolution`)),1),o(_,{content:e.$t(`seedance.description.resolution`),class:`info`},null,8,[`content`])]),r(`div`,Xe,[(d(!0),p(h,null,l(e.options,i=>(d(),n(v,{key:i.value,content:e.$t(`seedance.message.resolutionNotSupported`),disabled:!i.disabled,placement:`top`},{default:m(()=>[r(`div`,{class:t([`item`,{active:e.value===i.value,disabled:i.disabled}]),onClick:t=>e.onSelect(i)},u(i.label),11,Ze)]),_:2},1032,[`content`,`disabled`]))),128))])])}var $e=U(Ke,[[`render`,Qe],[`__scopeId`,`data-v-fd8d4e4b`]]),et=c({name:`SeedanceRatioSelector`,components:{InfoIcon:Z},computed:{options(){return[{value:z,label:`16:9`,w:32,h:18},{value:O,label:`9:16`,w:18,h:32},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`1:1`,label:`1:1`,w:24,h:24},{value:ee,label:`21:9`,w:34,h:14},{value:R,label:this.$t(`seedance.ratio.adaptive`),w:0,h:0}]},value:{get(){return this.$store.state.seedance?.config?.ratio},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,ratio:e})}}},mounted(){this.value||=oe}}),tt={class:`ratio`},nt={class:`header`},rt={class:`title font-bold`},it={class:`items`},at=[`onClick`],ot={class:`preview`},st={key:1,class:`rect rect-auto`},ct={class:`name`};function lt(e,n,a,s,c,m){let g=f(`info-icon`);return d(),p(`div`,tt,[r(`div`,nt,[r(`h2`,rt,u(e.$t(`seedance.name.ratio`)),1),o(g,{content:e.$t(`seedance.description.ratio`),class:`info`},null,8,[`content`])]),r(`div`,it,[(d(!0),p(h,null,l(e.options,n=>(d(),p(`div`,{key:n.value,class:t([`item`,{active:e.value===n.value}]),onClick:t=>e.value=n.value},[r(`div`,ot,[n.w&&n.h?(d(),p(`div`,{key:0,class:`rect`,style:i({width:n.w+`px`,height:n.h+`px`})},null,4)):(d(),p(`div`,st,`A`))]),r(`div`,ct,u(n.label),1)],10,at))),128))])])}var ut=U(et,[[`render`,lt],[`__scopeId`,`data-v-8ddec2dd`]]),dt=c({name:`SeedanceGenerateAudioSwitch`,components:{ElSwitch:E,InfoIcon:Z},computed:{isSupported(){let e=this.$store.state.seedance?.config?.model;return F(e).acceptsAudio},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),ft={key:0,class:`field`},pt={class:`label`},mt={class:`box`},ht={class:`title font-bold`},gt={class:`value`};function _t(e,t,n,i,a,c){let l=f(`info-icon`),m=f(`el-switch`);return e.isSupported?(d(),p(`div`,ft,[r(`div`,pt,[r(`div`,mt,[r(`h2`,ht,u(e.$t(`seedance.name.generateAudio`)),1),o(l,{content:e.$t(`seedance.description.generateAudio`),class:`info`},null,8,[`content`])])]),r(`div`,gt,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):s(``,!0)}var vt=U(dt,[[`render`,_t],[`__scopeId`,`data-v-df51dfbd`]]),yt=c({name:`SeedanceCameraFixedSwitch`,components:{ElSwitch:E,InfoIcon:Z},computed:{value:{get(){return this.$store.state.seedance?.config?.camerafixed??!1},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,camerafixed:e})}}},mounted(){this.$store.state.seedance?.config?.camerafixed===void 0&&(this.value=!1)}}),bt={class:`field`},xt={class:`label`},St={class:`box`},Ct={class:`title font-bold`},wt={class:`value`};function Tt(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-switch`);return d(),p(`div`,bt,[r(`div`,xt,[r(`div`,St,[r(`h2`,Ct,u(e.$t(`seedance.name.cameraFixed`)),1),o(c,{content:e.$t(`seedance.description.cameraFixed`),class:`info`},null,8,[`content`])])]),r(`div`,wt,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])}var Et=U(yt,[[`render`,Tt],[`__scopeId`,`data-v-ae777d61`]]),Dt=c({name:`SeedanceFirstFrameImage`,components:{ElUpload:b,ElButton:_,InfoIcon:Z,FontAwesomeIcon:Y,ImagePreview:X},mixins:[V,K],data(){return{fileList:[],uploadUrl:J()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return F(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsImage"(e){e||(this.fileList=[],this.onSetFirstFrameUrl())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetFirstFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`first_frame`);e&&t.push({url:e,role:`first_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),Ot={key:0,class:`relative`},kt={class:`flex justify-between`},At={class:`flex justify-start items-center`},jt={class:`text-sm font-bold`},Mt={key:0,class:`required-badge`};function Nt(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return e.capability.acceptsImage?(d(),p(`div`,Ot,[r(`div`,kt,[r(`div`,At,[r(`span`,jt,u(e.$t(`seedance.name.firstFrame`)),1),e.capability.requiresImage?(d(),p(`span`,Mt,u(e.$t(`seedance.name.required`)),1)):s(``,!0),o(g,{content:e.$t(`seedance.description.firstFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):s(``,!0)}var Pt=U(Dt,[[`render`,Nt],[`__scopeId`,`data-v-e2597f23`]]),Ft=c({name:`SeedanceLastFrameImage`,components:{ElUpload:b,ElButton:_,ImagePreview:X,InfoIcon:Z,FontAwesomeIcon:Y},mixins:[V,K],data(){return{fileList:[],uploadUrl:J()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},model(){return this.$store.state.seedance?.config?.model},capability(){return F(this.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{"capability.acceptsLastFrame"(e){e||(this.fileList=[],this.onSetLastFrameUrl())}},methods:{onExceed(){W.warning(this.$t(`seedance.message.uploadExceed`))},onError(){W.error(this.$t(`seedance.message.uploadError`))},onSetLastFrameUrl(){let e=this.urls?.[0],t=(this.$store.state.seedance?.config?.images||[]).filter(e=>e?.role!==`last_frame`);e&&t.push({url:e,role:`last_frame`}),this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,images:t.length>0?t:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),It={key:0,class:`relative`},Lt={class:`flex justify-between`},Rt={class:`flex justify-start items-center`},zt={class:`text-sm font-bold`};function Bt(e,t,i,c,l,h){let g=f(`info-icon`),_=f(`image-preview`),v=f(`font-awesome-icon`),y=f(`el-button`),b=f(`el-upload`);return e.capability.acceptsLastFrame?(d(),p(`div`,It,[r(`div`,Lt,[r(`div`,Rt,[r(`span`,zt,u(e.$t(`seedance.name.lastFrame`)),1),o(g,{content:e.$t(`seedance.description.lastFrame`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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:m(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:m(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:m(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`seedance.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])):s(``,!0)}var Vt=U(Ft,[[`render`,Bt],[`__scopeId`,`data-v-3a191e51`]]),Ht=c({name:`SeedanceServiceTierSelector`,components:{ElSelect:v,ElOption:y,InfoIcon:Z},data(){return{options:[{value:ae,label:this.$t(`seedance.serviceTier.default`)},{value:D,label:this.$t(`seedance.serviceTier.flex`)}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||=te}}),Ut={class:`field`},Wt={class:`label`},Gt={class:`box`},Kt={class:`title font-bold`};function qt(e,t,i,a,s,c){let g=f(`info-icon`),_=f(`el-option`),v=f(`el-select`);return d(),p(`div`,Ut,[r(`div`,Wt,[r(`div`,Gt,[r(`h2`,Kt,u(e.$t(`seedance.name.serviceTier`)),1),o(g,{content:e.$t(`seedance.description.serviceTier`),class:`info`},null,8,[`content`])])]),o(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`seedance.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Jt=U(Ht,[[`render`,qt],[`__scopeId`,`data-v-cc938de2`]]),Yt=c({name:`SeedanceReturnLastFrameSwitch`,components:{ElSwitch:E,InfoIcon:Z},computed:{model(){return this.$store.state.seedance?.config?.model},isSupported(){return F(this.model).acceptsReturnLastFrame},value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit(`seedance/setConfig`,{...this.$store.state.seedance?.config,return_last_frame:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=!1)}}),Xt={key:0,class:`field`},Zt={class:`label`},Qt={class:`box`},$t={class:`title font-bold`},en={class:`value`};function tn(e,t,n,i,a,c){let l=f(`info-icon`),m=f(`el-switch`);return e.isSupported?(d(),p(`div`,Xt,[r(`div`,Zt,[r(`div`,Qt,[r(`h2`,$t,u(e.$t(`seedance.name.returnLastFrame`)),1),o(l,{content:e.$t(`seedance.description.returnLastFrame`),class:`info`},null,8,[`content`])])]),r(`div`,en,[o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"inline-prompt":``,"active-text":e.$t(`seedance.button.on`),"inactive-text":e.$t(`seedance.button.off`)},null,8,[`modelValue`,`active-text`,`inactive-text`])])])):s(``,!0)}var nn=U(Yt,[[`render`,tn],[`__scopeId`,`data-v-edea5451`]]),rn=c({name:`SeedanceSeedInput`,components:{ElInputNumber:T,InfoIcon:Z},computed:{value:{get(){let e=this.$store.state.seedance?.config?.seed;return typeof e==`number`?e:-1},set(e){let t={...this.$store.state.seedance?.config||{}};t.seed=typeof e==`number`&&Number.isInteger(e)?e:-1,this.$store.commit(`seedance/setConfig`,t)}}}}),an={class:`field`},on={class:`label`},sn={class:`box`},cn={class:`title font-bold`},ln={class:`value`};function un(e,t,n,i,a,s){let c=f(`info-icon`),l=f(`el-input-number`);return d(),p(`div`,an,[r(`div`,on,[r(`div`,sn,[r(`h2`,cn,u(e.$t(`seedance.name.seed`)),1),o(c,{content:e.$t(`seedance.description.seed`),class:`info`},null,8,[`content`])])]),r(`div`,ln,[o(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,min:-1,max:2147483647,step:1,size:`default`,"controls-position":`right`,class:`counter`},null,8,[`modelValue`])])])}var dn=c({name:`SeedanceConfigPanel`,components:{ElButton:_,FontAwesomeIcon:Y,PromptInput:Ae,ModelSelector:Le,DurationSelector:We,ResolutionSelector:$e,RatioSelector:ut,GenerateAudioSwitch:vt,CameraFixedSwitch:Et,ServiceTierSelector:Jt,ReturnLastFrameSwitch:nn,SeedInput:U(rn,[[`render`,un],[`__scopeId`,`data-v-685a9869`]]),FirstFrameImage:Pt,LastFrameImage:Vt,Consumption:ve},emits:[`generate`],computed:{config(){return this.$store.state.seedance?.config},consumption(){return G(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),fn={class:`flex flex-col h-full`},pn={class:`flex-1 overflow-y-auto p-5`},mn={class:`flex flex-col items-center justify-center px-5 pb-5`};function hn(e,t,n,i,s,c){let l=f(`prompt-input`),h=f(`model-selector`),g=f(`ratio-selector`),_=f(`resolution-selector`),v=f(`duration-selector`),y=f(`service-tier-selector`),b=f(`generate-audio-switch`),x=f(`camera-fixed-switch`),S=f(`return-last-frame-switch`),C=f(`seed-input`),w=f(`first-frame-image`),T=f(`last-frame-image`),E=f(`consumption`),D=f(`font-awesome-icon`),O=f(`el-button`);return d(),p(`div`,fn,[r(`div`,pn,[o(l,{class:`mb-4`}),o(h,{class:`mb-4`}),o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),o(w,{class:`mb-2`}),o(T,{class:`mb-2`})]),r(`div`,mn,[o(E,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(O,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[o(D,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`seedance.button.generate`)),1)]),_:1},8,[`onClick`])])])}var gn=U(dn,[[`render`,hn]]),_n=c({name:`SeedanceTaskPreview`,components:{ElImage:S,CopyToClipboard:fe,FontAwesomeIcon:Y,ElAlert:C,VideoPlayer:xe,ElTooltip:x,ElButton:_,ImageWrapper:be,ImagePreview:X,ApiCodeButton:ye},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:ne}},computed:{video(){return this.modelValue?.response?.data},referenceImages(){let e=this.modelValue?.request?.images;if(!Array.isArray(e))return[];let t=[],n=e.find(e=>e?.role===`first_frame`);n?.url&&t.push({url:n.url,name:`first-frame`});let r=e.find(e=>e?.role===`last_frame`);return r?.url&&t.push({url:r.url,name:`last-frame`}),e.forEach((e,n)=>{e?.url&&e.role!==`first_frame`&&e.role!==`last_frame`&&t.push({url:e.url,name:e.role||`image-${n}`})}),t}},methods:{onDownload(e){window.open(e,`_blank`)}}}),vn={class:`preview`},yn={class:`left`},bn={class:`main`},xn={class:`bot`},Sn={class:`datetime`},Cn={class:`info`},wn={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Tn={key:1,class:`prompt mt-2`},En={key:0},Dn={key:1},On={key:0,class:t({content:!0})},kn={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},An={key:1,class:t({content:!0})},jn={key:0,class:`mb-4`},Mn={key:1,class:`mb-4`},Nn={key:2,class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Pn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Fn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},In={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ln={key:0},Rn={key:1},zn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Bn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Vn={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Hn={key:2,class:t({content:!0})},Un={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Wn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Kn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},qn={key:3,class:t({content:!0})},Jn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Xn(e,t,i,c,_,v){let y=f(`el-image`),b=f(`image-preview`),x=f(`font-awesome-icon`),S=f(`copy-to-clipboard`),C=f(`el-alert`),w=f(`video-player`),T=f(`image-wrapper`),E=f(`el-button`),D=f(`el-tooltip`),O=f(`api-code-button`);return d(),p(`div`,vn,[r(`div`,yn,[o(y,{src:e.seedanceLogo,class:`avatar`},null,8,[`src`])]),r(`div`,bn,[r(`div`,xn,[a(u(e.$t(`seedance.name.seedanceBot`))+` `,1),r(`span`,Sn,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Cn,[e.referenceImages.length>0?(d(),p(`div`,wn,[(d(!0),p(h,null,l(e.referenceImages,(e,t)=>(d(),n(b,{key:t,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128))])):s(``,!0),e.modelValue?.request?.prompt?(d(),p(`p`,Tn,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?e.video?.status===`processing`||e.video?.status===`pending`?(d(),p(`span`,Dn,` - (`+u(e.$t(`seedance.status.processing`))+`) `,1)):s(``,!0):(d(),p(`span`,En,` - (`+u(e.$t(`seedance.status.pending`))+`) `,1))])):s(``,!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(d(),p(`div`,An,[e.video?.video_url?(d(),p(`div`,jn,[o(w,{src:e.video?.video_url},null,8,[`src`])])):s(``,!0),e.video?.last_frame_url?(d(),p(`div`,Mn,[o(T,{src:e.video?.last_frame_url,"raw-src":e.video?.last_frame_url},null,8,[`src`,`raw-src`])])):s(``,!0),e.video?.video_url?(d(),p(`div`,Nn,[o(D,{class:`box-item`,effect:`dark`,content:e.$t(`seedance.message.downloadVideo`),placement:`top-start`},{default:m(()=>[o(E,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=g(t=>e.onDownload(e.video?.video_url),[`stop`])},{default:m(()=>[a(u(e.$t(`seedance.button.download`)),1)]),_:1})]),_:1},8,[`content`]),o(O,{path:`/seedance/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:m(()=>[e.modelValue?.request?.model?(d(),p(`p`,Pn,[o(x,{icon:`fa-solid fa-cube`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.model`))+`: `+u(e.modelValue?.request?.model),1)])):s(``,!0),e.video?.duration?(d(),p(`p`,Fn,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.duration`))+`: `+u(e.video?.duration)+`s `,1)])):s(``,!0),e.video?.resolution?(d(),p(`p`,In,[o(x,{icon:`fa-solid fa-expand`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.resolution`))+`: `+u(e.video?.resolution)+` `,1),e.video?.ratio?(d(),p(`span`,Ln,` · `+u(e.video?.ratio),1)):s(``,!0),e.video?.framespersecond?(d(),p(`span`,Rn,` · `+u(e.video?.framespersecond)+`fps`,1)):s(``,!0)])):s(``,!0),e.modelValue?.request?.generate_audio?(d(),p(`p`,zn,[o(x,{icon:`fa-solid fa-volume-up`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.generateAudio`))+`: `+u(e.$t(`seedance.button.on`)),1)])):s(``,!0),r(`p`,Bn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,$,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Vn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(d(),p(`div`,Hn,[o(C,{closable:!1,class:`failure`},{template:m(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.failure`)),1)]),default:m(()=>[r(`p`,Un,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.error?.message?(d(),p(`p`,Wn,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(S,{content:e.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0),e.modelValue?.elapsed?(d(),p(`p`,Gn,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),p(`p`,Kn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0)]),_:1})])):(d(),p(`div`,qn,[o(C,{closable:!1,class:`info`},{template:m(()=>[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.status`)),1)]),default:m(()=>[r(`p`,Jn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.response?.trace_id?(d(),p(`p`,Yn,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):s(``,!0)]),_:1})])):(d(),p(`div`,On,[o(C,{closable:!1,class:`info`},{template:m(()=>[o(x,{icon:`fa-regular fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`seedance.status.pending`)),1)]),default:m(()=>[r(`p`,kn,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`seedance.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})]))])])}var Zn=c({name:`SeedanceRecentPanel`,components:{TaskPreview:U(_n,[[`render`,Xn],[`__scopeId`,`data-v-8b7e10f0`]]),BotPlaceholder:pe,NoTasks:_e,ScrollList:me},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Qn={key:0},$n={key:2,class:`w-full h-full flex items-center justify-center`};function er(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,Qn,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,e=>(d(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,$n,[o(v)])):s(``,!0)],64)}var tr=U(Zn,[[`render`,er]]),nr=I(`seedance`),rr=c({name:`SeedanceIndex`,components:{ConfigPanel:gn,Layout:De,RecentPanel:tr},mixins:[de],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===q.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===q.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.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 he({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(`seedance/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(`seedance/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,e=>this.$t(e),e=>W.warning(e)))return;let e={...this.config||{}};if(typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(e=>!!e?.url);let t=e.images.some(e=>e?.role===`first_frame`),n=e.images.some(e=>e?.role===`last_frame`);!t&&n&&(e.images=e.images.map(e=>e?.role===`last_frame`?{...e,role:`first_frame`}:e))}let t=Array.isArray(e?.images)&&e.images.length>0;if(!t&&`images`in e&&delete e.images,e?.model&&!N[e.model]){W.warning(this.$t(`seedance.message.modelUnsupported`));return}let n=F(e?.model);if(n.requiresImage&&!t){W.warning(this.$t(`seedance.message.modelRequiresImage`));return}if(!n.acceptsImage&&t){W.warning(this.$t(`seedance.message.modelRejectsImage`));return}if(!n.acceptsText&&!t){W.warning(this.$t(`seedance.message.modelRequiresImage`));return}!n.acceptsAudio&&e.generate_audio&&(e.generate_audio=!1),!n.acceptsReturnLastFrame&&e.return_last_frame&&(e.return_last_frame=!1),!n.acceptsLastFrame&&t&&(e.images=e.images.filter(e=>e?.role!==`last_frame`));let r={...e,callback_url:nr},i=this.credential?.token;if(!i){console.error(`no token specified`);return}W.info(this.$t(`seedance.message.startingTask`)),le(`seedance`,ue.generate(r,{token:i})).then(()=>{W.success(this.$t(`seedance.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?W.error(this.$t(`seedance.message.usedUp`)):W.error(this.$t(`seedance.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ir(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`recent-panel`),u=f(`layout`);return d(),n(u,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ar=U(rr,[[`render`,ir]]);export{ar as default};

package/dist/assets/{Index-D1ZEulmq.js → Index-C23tZUKx.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,_ as f,et as p,k as m,lt as h,ut as g,x as _}from"./vendor-chart-Df3WBvr0.js";import{t as v}from"./button-Diu_mJ2H.js";import{r as y,t as b}from"./select-CCWm08v4.js";import{t as x}from"./upload-DL6R-BcD.js";import{t as S}from"./tooltip-hII4wDEz.js";import{t as C}from"./image-D6w_R6Gb.js";import{t as w}from"./alert-Cs6WDxgv.js";import{t as T}from"./drawer-B42T8GMw.js";import{An as E,Fn as D,Ln as O,Mn as k,Nn as A,Pn as ee,Rn as te,jn as j,qr as M}from"./constants-BH6GgBVD.js";import{At as N,Dt as P,E as F,Er as I,Mt as L,Nn as R,Ot as z,gr as B,kt as V,ln as H,yr as U}from"./index-B0D_GXuA.js";import{t as W}from"./index.es-CyW7EvoI.js";import{t as G}from"./CopyToClipboard-D0L4lc6w.js";import{t as K}from"./ImagePreview-4W25TI3U.js";import{t as q}from"./BotPlaceholder-Ca3n8DbE.js";import{i as J,n as Y,t as X}from"./pagination-BGnbEU3d.js";import{n as Z,t as Q}from"./NoTasks-eKpQJSqW.js";import{t as ne}from"./Consumption-BBaQNNS9.js";import{t as re}from"./ApiCodeButton-DkBjUHPb.js";import{t as ie}from"./VideoPlayer-Dk3k3U1z.js";var ae=c({name:`LayoutSora`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:W},data(){return{drawer:!1}}}),oe={class:`main flex flex-row flex-1`},se={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ce={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function le(t,n,i,a,s,c){let l=p(`font-awesome-icon`),u=p(`el-button`),f=p(`el-drawer`);return d(),m(`div`,oe,[r(`div`,se,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ce,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:h(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(f,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:h(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ue=F(ae,[[`render`,le],[`__scopeId`,`data-v-bbee238c`]]),de=c({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:te,label:`sora-2`},{value:O,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config||{},n=E[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||=A}}),fe={class:`field`},pe={class:`title font-bold`};function me(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,fe,[r(`h2`,pe,u(e.$t(`sora.name.model`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=F(de,[[`render`,me],[`__scopeId`,`data-v-0cb7913d`]]),ge=c({name:`ActionSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`sora.button.action1`)},{value:`image2video`,label:this.$t(`sora.button.action2`)}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||=k}}),_e={class:`field`},ve={class:`title font-bold`},ye={class:`float-left`};function be(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,_e,[r(`h2`,ve,u(e.$t(`sora.name.action`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`),clearable:``},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},{default:h(()=>[r(`span`,ye,u(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var xe=F(ge,[[`render`,be],[`__scopeId`,`data-v-7b82fa7f`]]),Se=c({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{model(){return this.$store.state.sora?.config?.model||`sora-2`},allowedDurations(){return E[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}}),Ce={class:`field`},we={class:`control`},Te={class:`title font-bold`};function Ee(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,Ce,[r(`div`,we,[r(`h2`,Te,u(e.$t(`sora.name.duration`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.optionsForModel,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var De=F(Se,[[`render`,Ee],[`__scopeId`,`data-v-c2934598`]]),Oe=c({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||=ee}}),ke={class:`text-sm font-bold mb-2 block`},Ae={class:`items`},je=[`onClick`],Me={class:`name`};function Ne(e,n,a,o,s,c){return d(),m(`div`,null,[r(`span`,ke,u(e.$t(`sora.name.orientation`)),1),r(`div`,Ae,[(d(!0),m(_,null,l(e.options,(n,a)=>(d(),m(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.value])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,Me,u(e.$t(n.labelKey)),1)],10,je))),128))])])}var Pe=F(Oe,[[`render`,Ne],[`__scopeId`,`data-v-a20be6d9`]]),Fe=c({name:`StartEndImage`,components:{ElUpload:x,ElButton:v,InfoIcon:J,FontAwesomeIcon:W,ImagePreview:K},mixins:[N,z],emits:[`change`],data(){return{fileList:[],uploadUrl:U()+`/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(){I.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){I.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()}}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`};function Be(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`image-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-upload`);return d(),m(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`span`,ze,u(e.$t(`sora.name.startEndImage`)),1),o(g,{content:e.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ve=F(Fe,[[`render`,Be],[`__scopeId`,`data-v-4f7d9ba5`]]),He=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Ue=c({name:`SizeSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:j.map(e=>({value:e,label:He(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||=D}}),We={class:`field`},Ge={class:`control`},Ke={class:`title font-bold`};function qe(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,We,[r(`div`,Ge,[r(`h2`,Ke,u(e.$t(`sora.name.size`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Je=F(Ue,[[`render`,qe],[`__scopeId`,`data-v-8c485f0f`]]),Ye=c({name:`PromptInput`,components:{PromptTextarea:Z},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 Xe(e,t,r,i,a,o){let s=p(`prompt-textarea`);return d(),n(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 Ze=c({name:`ConfigPanel`,components:{ElButton:v,Consumption:ne,FontAwesomeIcon:W,PromptInput:F(Ye,[[`render`,Xe]]),ModelSelector:he,StartEndImage:Ve,SizeSelector:Je,ActionSelector:xe,OrientationSelector:Pe,DurationSelector:De},emits:[`generate`],computed:{config(){return this.$store.state.sora?.config},consumption(){return L(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Qe={class:`flex flex-col h-full`},$e={class:`flex-1 overflow-y-auto p-5`},et={class:`flex flex-col items-center justify-center px-5 pb-5`};function tt(e,t,n,i,s,c){let l=p(`model-selector`),_=p(`action-selector`),v=p(`duration-selector`),y=p(`size-selector`),b=p(`orientation-selector`),x=p(`prompt-input`),S=p(`start-end-image`),C=p(`consumption`),w=p(`font-awesome-icon`),T=p(`el-button`);return d(),m(`div`,Qe,[r(`div`,$e,[o(l,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),g(o(S,{class:`mb-2`},null,512),[[f,e.config?.action===`image2video`]])]),r(`div`,et,[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:h(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var nt=F(Ze,[[`render`,tt]]),rt=c({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:w,VideoPlayer:ie,ElTooltip:S,ElButton:v,ApiCodeButton:re},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`)}}}),it={class:`preview`},at={class:`left`},ot={class:`main`},st={class:`bot`},ct={class:`datetime`},lt={class:`info`},ut={key:0,class:`prompt mt-2`},dt={key:0},ft={key:1},pt={key:0,class:t({content:!0,failed:!0})},mt={key:0,class:`mb-4`},ht={key:1,class:t({operations:!0,"mt-2":!0})},gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},yt={key:1,class:t({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:t({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 $(e,t,i,c,l,f){let g=p(`el-image`),_=p(`video-player`),v=p(`el-button`),y=p(`el-tooltip`),b=p(`api-code-button`),x=p(`font-awesome-icon`),S=p(`copy-to-clipboard`),C=p(`el-alert`);return d(),m(`div`,it,[r(`div`,at,[o(g,{src:`https://cdn.acedata.cloud/z5id1u.png`,class:`avatar`})]),r(`div`,ot,[r(`div`,st,[a(u(e.$t(`sora.name.soraBot`))+` `,1),r(`span`,ct,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,lt,[e.modelValue?.request?.prompt?(d(),m(`p`,ut,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),m(`span`,dt,` - (`+u(e.$t(`sora.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`pending`?(d(),m(`span`,ft,` - (`+u(e.$t(`sora.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),m(`div`,pt,[e.modelValue?.response?.data[0]?.video_url?(d(),m(`div`,mt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),m(`div`,ht,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:h(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),n(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:h(()=>[a(u(e.$t(`sora.button.download`)),1)]),_:1})):s(``,!0)]),_:1},8,[`content`]),o(b,{path:`/sora/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:h(()=>[r(`p`,gt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),r(`p`,_t,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),m(`p`,vt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),m(`div`,yt,[o(C,{closable:!1,class:`failure`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failure`)),1)]),default:h(()=>[r(`p`,bt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,xt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+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(),m(`p`,St,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),m(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===void 0?(d(),m(`div`,wt,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failure`)),1)]),default:h(()=>[r(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+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(),m(`p`,Et,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0)])])}var Dt=c({name:`RecentPanel`,components:{TaskPreview:F(rt,[[`render`,$],[`__scopeId`,`data-v-935f9471`]]),NoTasks:Q,BotPlaceholder:q,ScrollList:Y},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?.()}}}),Ot={key:0},kt={key:2,class:`w-full h-full flex items-center justify-center`};function At(e,t,r,i,a,c){let u=p(`bot-placeholder`),f=p(`task-preview`),g=p(`scroll-list`),v=p(`no-tasks`);return d(),m(_,null,[e.tasks?.items===void 0?(d(),m(`div`,Ot,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(g,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:h(()=>[(d(!0),m(_,null,l(e.tasks?.items,(e,t)=>(d(),n(f,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),m(`div`,kt,[o(v)])):s(``,!0)],64)}var jt=F(Dt,[[`render`,At]]),Mt=M(`sora`),Nt=c({name:`SoraIndex`,components:{ConfigPanel:nt,Layout:ue,RecentPanel:jt},mixins:[V],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===B.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 X({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(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:Mt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`sora.message.startingTask`)),R(`sora`,H.generate(e,{token:t})).then(()=>{I.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`sora.message.usedUp`)):I.error(this.$t(`sora.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Pt(e,t,r,i,a,s){let c=p(`config-panel`),l=p(`recent-panel`),u=p(`layout`);return d(),n(u,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ft=F(Nt,[[`render`,Pt]]);export{Ft as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,_ as f,et as p,k as m,lt as h,ut as g,x as _}from"./vendor-chart-Df3WBvr0.js";import{t as v}from"./button-Diu_mJ2H.js";import{r as y,t as b}from"./select-TkQ8fTfG.js";import{t as x}from"./upload-DvUP_130.js";import{t as S}from"./tooltip-hII4wDEz.js";import{t as C}from"./image-DfBMdB5i.js";import{t as w}from"./alert-Cs6WDxgv.js";import{t as T}from"./drawer-B42T8GMw.js";import{An as E,Fn as D,Ln as O,Mn as k,Nn as A,Pn as ee,Rn as te,jn as j,qr as M}from"./constants-BH6GgBVD.js";import{At as N,Dt as P,E as F,Er as I,Mt as L,Nn as R,Ot as z,gr as B,kt as V,ln as H,yr as U}from"./index-h1VSduWr.js";import{t as W}from"./index.es-BE5hSUb7.js";import{t as G}from"./CopyToClipboard-DhVhNUXq.js";import{t as K}from"./ImagePreview-DHUA_A_A.js";import{t as q}from"./BotPlaceholder-BIvYhNGJ.js";import{i as J,n as Y,t as X}from"./pagination-BB30gtKs.js";import{n as Z,t as Q}from"./NoTasks-sy2GTN52.js";import{t as ne}from"./Consumption-kIdlj4_c.js";import{t as re}from"./ApiCodeButton-BF0PS1pj.js";import{t as ie}from"./VideoPlayer-DuaXKjXf.js";var ae=c({name:`LayoutSora`,components:{ElDrawer:T,ElButton:v,FontAwesomeIcon:W},data(){return{drawer:!1}}}),oe={class:`main flex flex-row flex-1`},se={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ce={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function le(t,n,i,a,s,c){let l=p(`font-awesome-icon`),u=p(`el-button`),f=p(`el-drawer`);return d(),m(`div`,oe,[r(`div`,se,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ce,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:h(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(f,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:h(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ue=F(ae,[[`render`,le],[`__scopeId`,`data-v-bbee238c`]]),de=c({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:te,label:`sora-2`},{value:O,label:`sora-2-pro`}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){let t=this.$store.state.sora?.config||{},n=E[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||=A}}),fe={class:`field`},pe={class:`title font-bold`};function me(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,fe,[r(`h2`,pe,u(e.$t(`sora.name.model`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var he=F(de,[[`render`,me],[`__scopeId`,`data-v-0cb7913d`]]),ge=c({name:`ActionSelector`,components:{ElSelect:y,ElOption:b},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`sora.button.action1`)},{value:`image2video`,label:this.$t(`sora.button.action2`)}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit(`sora/setConfig`,{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||=k}}),_e={class:`field`},ve={class:`title font-bold`},ye={class:`float-left`};function be(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,_e,[r(`h2`,ve,u(e.$t(`sora.name.action`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`),clearable:``},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},{default:h(()=>[r(`span`,ye,u(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var xe=F(ge,[[`render`,be],[`__scopeId`,`data-v-7b82fa7f`]]),Se=c({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},computed:{model(){return this.$store.state.sora?.config?.model||`sora-2`},allowedDurations(){return E[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}}),Ce={class:`field`},we={class:`control`},Te={class:`title font-bold`};function Ee(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,Ce,[r(`div`,we,[r(`h2`,Te,u(e.$t(`sora.name.duration`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.optionsForModel,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var De=F(Se,[[`render`,Ee],[`__scopeId`,`data-v-c2934598`]]),Oe=c({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||=ee}}),ke={class:`text-sm font-bold mb-2 block`},Ae={class:`items`},je=[`onClick`],Me={class:`name`};function Ne(e,n,a,o,s,c){return d(),m(`div`,null,[r(`span`,ke,u(e.$t(`sora.name.orientation`)),1),r(`div`,Ae,[(d(!0),m(_,null,l(e.options,(n,a)=>(d(),m(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.value])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,Me,u(e.$t(n.labelKey)),1)],10,je))),128))])])}var Pe=F(Oe,[[`render`,Ne],[`__scopeId`,`data-v-a20be6d9`]]),Fe=c({name:`StartEndImage`,components:{ElUpload:x,ElButton:v,InfoIcon:J,FontAwesomeIcon:W,ImagePreview:K},mixins:[N,z],emits:[`change`],data(){return{fileList:[],uploadUrl:U()+`/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(){I.warning(this.$t(`sora.message.uploadReferencesExceed`))},onError(){I.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()}}}),Ie={class:`relative`},Le={class:`flex justify-between`},Re={class:`flex justify-start items-center`},ze={class:`text-sm font-bold`};function Be(e,t,i,c,l,f){let g=p(`info-icon`),_=p(`image-preview`),v=p(`font-awesome-icon`),y=p(`el-button`),b=p(`el-upload`);return d(),m(`div`,Ie,[r(`div`,Le,[r(`div`,Re,[r(`span`,ze,u(e.$t(`sora.name.startEndImage`)),1),o(g,{content:e.$t(`sora.description.uploadStartEndImage`)},null,8,[`content`])])]),o(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[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:h(({file:t})=>[t.url&&t.percentage!==void 0?(d(),n(_,{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`])):s(``,!0)]),default:h(()=>[o(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:h(()=>[o(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),a(` `+u(e.$t(`sora.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ve=F(Fe,[[`render`,Be],[`__scopeId`,`data-v-4f7d9ba5`]]),He=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Ue=c({name:`SizeSelector`,components:{ElSelect:y,ElOption:b},data(){return{options:j.map(e=>({value:e,label:He(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||=D}}),We={class:`field`},Ge={class:`control`},Ke={class:`title font-bold`};function qe(e,t,i,a,s,c){let f=p(`el-option`),g=p(`el-select`);return d(),m(`div`,We,[r(`div`,Ge,[r(`h2`,Ke,u(e.$t(`sora.name.size`)),1),o(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`sora.placeholder.select`)},{default:h(()=>[(d(!0),m(_,null,l(e.options,e=>(d(),n(f,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])])}var Je=F(Ue,[[`render`,qe],[`__scopeId`,`data-v-8c485f0f`]]),Ye=c({name:`PromptInput`,components:{PromptTextarea:Z},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 Xe(e,t,r,i,a,o){let s=p(`prompt-textarea`);return d(),n(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 Ze=c({name:`ConfigPanel`,components:{ElButton:v,Consumption:ne,FontAwesomeIcon:W,PromptInput:F(Ye,[[`render`,Xe]]),ModelSelector:he,StartEndImage:Ve,SizeSelector:Je,ActionSelector:xe,OrientationSelector:Pe,DurationSelector:De},emits:[`generate`],computed:{config(){return this.$store.state.sora?.config},consumption(){return L(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Qe={class:`flex flex-col h-full`},$e={class:`flex-1 overflow-y-auto p-5`},et={class:`flex flex-col items-center justify-center px-5 pb-5`};function tt(e,t,n,i,s,c){let l=p(`model-selector`),_=p(`action-selector`),v=p(`duration-selector`),y=p(`size-selector`),b=p(`orientation-selector`),x=p(`prompt-input`),S=p(`start-end-image`),C=p(`consumption`),w=p(`font-awesome-icon`),T=p(`el-button`);return d(),m(`div`,Qe,[r(`div`,$e,[o(l,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),g(o(S,{class:`mb-2`},null,512),[[f,e.config?.action===`image2video`]])]),r(`div`,et,[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:h(()=>[o(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`sora.button.generate`)),1)]),_:1},8,[`onClick`])])])}var nt=F(Ze,[[`render`,tt]]),rt=c({name:`TaskPreview`,components:{ElImage:C,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:w,VideoPlayer:ie,ElTooltip:S,ElButton:v,ApiCodeButton:re},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`)}}}),it={class:`preview`},at={class:`left`},ot={class:`main`},st={class:`bot`},ct={class:`datetime`},lt={class:`info`},ut={key:0,class:`prompt mt-2`},dt={key:0},ft={key:1},pt={key:0,class:t({content:!0,failed:!0})},mt={key:0,class:`mb-4`},ht={key:1,class:t({operations:!0,"mt-2":!0})},gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},yt={key:1,class:t({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:t({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 $(e,t,i,c,l,f){let g=p(`el-image`),_=p(`video-player`),v=p(`el-button`),y=p(`el-tooltip`),b=p(`api-code-button`),x=p(`font-awesome-icon`),S=p(`copy-to-clipboard`),C=p(`el-alert`);return d(),m(`div`,it,[r(`div`,at,[o(g,{src:`https://cdn.acedata.cloud/z5id1u.png`,class:`avatar`})]),r(`div`,ot,[r(`div`,st,[a(u(e.$t(`sora.name.soraBot`))+` `,1),r(`span`,ct,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,lt,[e.modelValue?.request?.prompt?(d(),m(`p`,ut,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),m(`span`,dt,` - (`+u(e.$t(`sora.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`pending`?(d(),m(`span`,ft,` - (`+u(e.$t(`sora.status.processing`))+`) `,1)):s(``,!0)])):s(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(d(),m(`div`,pt,[e.modelValue?.response?.data[0]?.video_url?(d(),m(`div`,mt,[o(_,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):s(``,!0),e.modelValue?.response.success?(d(),m(`div`,ht,[o(y,{class:`box-item`,effect:`dark`,content:e.$t(`sora.message.downloadVideo`),placement:`top-start`},{default:h(()=>[e.modelValue?.response?.data[0]?.video_url?(d(),n(v,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:h(()=>[a(u(e.$t(`sora.button.download`)),1)]),_:1})):s(``,!0)]),_:1},8,[`content`]),o(b,{path:`/sora/videos`,body:e.modelValue?.request},null,8,[`body`])])):s(``,!0),o(C,{closable:!1,class:`mt-2 success`},{default:h(()=>[r(`p`,gt,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.model`))+`: `+u(e.modelValue?.request?.model),1)]),r(`p`,_t,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(d(),m(`p`,vt,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),m(`div`,yt,[o(C,{closable:!1,class:`failure`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failure`)),1)]),default:h(()=>[r(`p`,bt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,xt,[o(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+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(),m(`p`,St,[o(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),e.modelValue?.response?.trace_id?(d(),m(`p`,Ct,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===void 0?(d(),m(`div`,wt,[o(C,{closable:!1,class:`info`},{template:h(()=>[o(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.failure`)),1)]),default:h(()=>[r(`p`,Tt,[o(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+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(),m(`p`,Et,[o(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`sora.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):s(``,!0)]),_:1})])):s(``,!0)])])}var Dt=c({name:`RecentPanel`,components:{TaskPreview:F(rt,[[`render`,$],[`__scopeId`,`data-v-935f9471`]]),NoTasks:Q,BotPlaceholder:q,ScrollList:Y},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?.()}}}),Ot={key:0},kt={key:2,class:`w-full h-full flex items-center justify-center`};function At(e,t,r,i,a,c){let u=p(`bot-placeholder`),f=p(`task-preview`),g=p(`scroll-list`),v=p(`no-tasks`);return d(),m(_,null,[e.tasks?.items===void 0?(d(),m(`div`,Ot,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(g,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:h(()=>[(d(!0),m(_,null,l(e.tasks?.items,(e,t)=>(d(),n(f,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),m(`div`,kt,[o(v)])):s(``,!0)],64)}var jt=F(Dt,[[`render`,At]]),Mt=M(`sora`),Nt=c({name:`SoraIndex`,components:{ConfigPanel:nt,Layout:ue,RecentPanel:jt},mixins:[V],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===B.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===B.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 X({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(!P(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:Mt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`sora.message.startingTask`)),R(`sora`,H.generate(e,{token:t})).then(()=>{I.success(this.$t(`sora.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`sora.message.usedUp`)):I.error(this.$t(`sora.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Pt(e,t,r,i,a,s){let c=p(`config-panel`),l=p(`recent-panel`),u=p(`layout`);return d(),n(u,null,{config:h(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:h(()=>[o(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ft=F(Nt,[[`render`,Pt]]);export{Ft as default};

package/dist/assets/Index-C9aU6G6F.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,tt as p,ut as m,v as h,x as g,y as _}from"./vendor-chart-Df3WBvr0.js";import{t as v}from"./button-Diu_mJ2H.js";import{r as y,t as b}from"./select-TkQ8fTfG.js";import{t as x}from"./upload-DvUP_130.js";import{t as S}from"./drawer-B42T8GMw.js";import{n as C,r as w,t as T}from"./dropdown-Dkkt8Kjc.js";import{t as E}from"./popover-BNB68gYw.js";import{At as D,E as O,Er as k,Nr as A,Pt as j,Tr as ee,gr as M,kr as N,yr as te}from"./index-h1VSduWr.js";import"./vendor-highlight-mMg7GAOR.js";import{t as P}from"./index.es-BE5hSUb7.js";import{t as ne}from"./VueMarkdown-CT-QpmIP.js";var F=o({name:`CodingBridgeNodeList`,components:{ElButton:v,FontAwesomeIcon:P},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 ee.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),k.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{k.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),I={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},L={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},R={class:`flex items-center gap-2 font-medium`},z={class:`flex items-center gap-1`},B={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},V={class:`text-[var(--app-text-subtle)]`},H={class:`flex-1 overflow-y-auto`},U={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},W={class:`mb-3`},G={key:1,class:`list-none m-0 p-0`},K=[`onClick`],q={class:`flex-1 min-w-0`},J={class:`flex items-center gap-2`},Y={class:`truncate font-medium`},X=[`title`],Z={class:`text-xs text-[var(--app-text-subtle)] truncate`};function re(t,a,o,p,m,h){let v=u(`font-awesome-icon`),y=u(`el-button`);return l(),d(`div`,I,[n(`div`,L,[n(`div`,R,[i(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,c(t.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,z,[i(y,{circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.refresh`),onClick:t.onRefresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),i(y,{type:`primary`,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,B,[n(`span`,{class:e([`inline-block w-2 h-2 rounded-full`,t.connectionDotClass])},null,2),n(`span`,V,c(t.connectionLabel),1)]),n(`div`,H,[t.nodes.length?(l(),d(`ul`,G,[(l(!0),d(g,null,s(t.nodes,r=>(l(),d(`li`,{key:r.node_id,class:e([`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)]":r.node_id===t.currentNodeId}]),onClick:e=>t.onSelect(r.node_id)},[i(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,q,[n(`div`,J,[n(`span`,Y,c(r.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,r.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)},null,10,X)]),n(`div`,Z,c(r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)),1)]),i(y,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.remove`),onClick:_(e=>t.onDelete(r),[`stop`])},{default:f(()=>[i(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,K))),128))])):(l(),d(`div`,U,[n(`p`,W,c(t.$t(`codingBridge.nodeList.empty`)),1),i(y,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(t.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var ie=O(F,[[`render`,re]]),ae=o({name:`CodingBridgeTranscriptItem`,directives:{highlight:j},components:{FontAwesomeIcon:P,VueMarkdown:ne},props:{event:{type:Object,required:!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 n}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`},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 JSON.stringify(t,null,2)}catch{return String(e)}},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},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}}}),oe={key:0,class:`flex justify-end`},se={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},ce=[`src`],le=[`href`],ue=[`src`],de={key:1,class:`flex h-9 w-9 items-center justify-center rounded bg-white/15`},fe={class:`min-w-0 truncate`},pe={key:2},me={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},he={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},ge={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},_e={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},ve={key:0,class:`px-2.5 pb-2`},ye={class:`flex gap-2 overflow-x-auto rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 font-mono text-xs`},be={class:`whitespace-pre-wrap break-words`},xe={key:1,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},Se={key:2,class:`m-0 overflow-x-auto whitespace-pre-wrap break-words px-2.5 pb-2 text-xs text-[var(--app-text-subtle)]`},Ce={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},we={key:6,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 Te(r,o,f,h,_,v){let y=u(`font-awesome-icon`),b=u(`vue-markdown`),x=p(`highlight`);return l(),d(`div`,{class:e([`transcript-item text-sm leading-relaxed`,`kind-${r.event.kind}`])},[r.event.kind===`prompt`?(l(),d(`div`,oe,[n(`div`,se,[r.event.images&&r.event.images.length?(l(),d(`div`,{key:0,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":r.event.text||r.hasAttachments}])},[(l(!0),d(g,null,s(r.event.images,(e,t)=>(l(),d(`img`,{key:t,src:e,class:`w-16 h-16 rounded object-cover`,alt:``},null,8,ce))),128))],2)):a(``,!0),r.hasAttachments?(l(),d(`div`,{key:1,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":r.event.text}])},[(l(!0),d(g,null,s(r.event.attachments,(e,t)=>(l(),d(`a`,{key:`${e.url}-${t}`,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`?(l(),d(`img`,{key:0,src:e.url,class:`h-9 w-9 rounded object-cover`,alt:``},null,8,ue)):(l(),d(`span`,de,[i(y,{icon:`fa-solid fa-file`})])),n(`span`,fe,c(e.name||e.url),1)],8,le))),128))],2)):a(``,!0),r.event.text?(l(),d(`span`,pe,c(r.event.text),1)):a(``,!0)])])):r.event.kind===`text`?m((l(),t(b,{key:1,source:r.event.text||``,class:`markdown-body bg-transparent text-[var(--app-text)]`},null,8,[`source`])),[[x]]):r.event.kind===`thinking`?(l(),d(`div`,me,c(r.event.text),1)):r.event.kind===`tool_use`?(l(),d(`div`,he,[n(`div`,ge,[i(y,{icon:r.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,c(r.event.tool),1),r.toolDescription?(l(),d(`span`,_e,c(r.toolDescription),1)):a(``,!0)]),r.commandText?(l(),d(`div`,ve,[n(`div`,ye,[o[0]||=n(`span`,{class:`select-none text-[var(--el-color-success)]`},`$`,-1),n(`span`,be,c(r.commandText),1)])])):r.filePath?(l(),d(`div`,xe,c(r.filePath),1)):r.inputText?(l(),d(`pre`,Se,c(r.inputText),1)):a(``,!0)])):r.event.kind===`tool_result`?(l(),d(`div`,{key:4,class:e([`overflow-hidden rounded-md`,r.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[n(`pre`,{class:e([`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)]`])},c(r.resultText),3)],2)):r.event.kind===`result`?(l(),d(`div`,Ce,[i(y,{icon:r.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,c(r.resultLabel),1)])):r.event.kind===`error`?(l(),d(`div`,we,c(r.event.text),1)):a(``,!0)],2)}var Ee=O(ae,[[`render`,Te],[`__scopeId`,`data-v-ca2d3db7`]]),De=o({name:`CodingBridgeDirectoryDialog`,components:{ElDialog:N,ElButton:v,FontAwesomeIcon:P},props:{visible:{type:Boolean,default:!1},initialPath:{type:String,default:``}},emits:[`update:visible`,`select`],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}},methods:{onOpen(){this.$store.dispatch(`codingBridge/browseDir`,this.initialPath||void 0)},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))}}}),Oe={class:`flex flex-col gap-2`},ke={class:`flex items-center gap-2 min-w-0`},Ae={class:`text-xs text-[var(--app-text-subtle)] truncate flex-1`,dir:`ltr`},je={class:`h-72 overflow-y-auto border border-[var(--app-border-subtle)] rounded-md divide-y divide-[var(--app-border-subtle)]`},Me={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)]`},Ne={key:1,class:`h-full flex items-center justify-center text-sm text-[var(--el-color-danger)]`},Pe=[`onClick`],Fe={class:`truncate`,dir:`ltr`},Ie={class:`truncate`,dir:`ltr`},Le={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)] py-8`},Re={key:0,class:`text-[11px] text-[var(--app-text-subtle)] px-1`},ze={class:`flex items-center justify-end gap-2`};function Be(e,o,p,m,h,_){let v=u(`font-awesome-icon`),y=u(`el-button`),b=u(`el-dialog`);return l(),t(b,{"model-value":e.visible,title:e.$t(`codingBridge.directory.title`),width:`520px`,"append-to-body":``,"onUpdate:modelValue":e.onVisibleChange,onOpen:e.onOpen},{footer:f(()=>[n(`div`,ze,[i(y,{round:``,onClick:o[0]||=t=>e.onVisibleChange(!1)},{default:f(()=>[r(c(e.$t(`common.button.cancel`)),1)]),_:1}),i(y,{type:`primary`,round:``,disabled:!e.listing||!!e.listing.error,onClick:e.chooseCurrent},{default:f(()=>[r(c(e.$t(`codingBridge.directory.choose`)),1)]),_:1},8,[`disabled`,`onClick`])])]),default:f(()=>[n(`div`,Oe,[n(`div`,ke,[i(y,{size:`small`,circle:``,disabled:!e.listing||!e.listing.parent||e.loading,title:e.$t(`codingBridge.directory.up`),onClick:e.goParent},{default:f(()=>[i(v,{icon:`fa-solid fa-arrow-up`})]),_:1},8,[`disabled`,`title`,`onClick`]),n(`span`,Ae,c(e.listing?e.listing.path:`…`),1),i(y,{size:`small`,circle:``,disabled:e.loading,title:e.$t(`codingBridge.directory.refresh`),onClick:e.refresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`,spin:e.loading},null,8,[`spin`])]),_:1},8,[`disabled`,`title`,`onClick`])]),n(`div`,je,[e.loading&&!e.listing?(l(),d(`div`,Me,c(e.$t(`codingBridge.directory.loading`)),1)):e.listing&&e.listing.error?(l(),d(`div`,Ne,c(e.listing.error),1)):(l(),d(g,{key:2},[(l(!0),d(g,null,s(e.directories,t=>(l(),d(`button`,{key:t.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:n=>e.openDir(t.path)},[i(v,{icon:`fa-solid fa-folder`,class:`text-[var(--el-color-warning)]`}),n(`span`,Fe,c(t.name),1)],8,Pe))),128)),(l(!0),d(g,null,s(e.files,e=>(l(),d(`div`,{key:e.path,class:`w-full flex items-center gap-2 px-3 py-2 text-sm text-[var(--app-text-subtle)]`},[i(v,{icon:`fa-solid fa-file`}),n(`span`,Ie,c(e.name),1)]))),128)),e.isEmpty?(l(),d(`div`,Le,c(e.$t(`codingBridge.directory.empty`)),1)):a(``,!0)],64))]),e.listing&&e.listing.truncated?(l(),d(`p`,Re,c(e.$t(`codingBridge.directory.truncated`)),1)):a(``,!0)])]),_:1},8,[`model-value`,`title`,`onUpdate:modelValue`,`onOpen`])}var Ve=O(De,[[`render`,Be]]),He=50*1024*1024,Q=10,Ue=o({name:`CodingBridgeSessionView`,components:{ElInput:A,ElButton:v,ElSelect:y,ElOption:b,ElPopover:E,ElDropdown:T,ElDropdownMenu:w,ElDropdownItem:C,ElUpload:x,FontAwesomeIcon:P,TranscriptItem:Ee,DirectoryDialog:Ve},mixins:[D],emits:[`history`],data(){return{prompt:``,cwd:``,model:``,permissionMode:`default`,provider:`claude`,effort:``,directoryVisible:!1,attachmentFileList:[],uploadUrl:te()+`/api/v1/files/`,maxAttachments:Q}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},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]??[]:[]},isNewSession(){return!this.currentSessionId},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.$t(`codingBridge.history.claudeLabel`)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},connected(){return this.$store.state.codingBridge?.connection===`connected`},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.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)},providerOptions(){return this.providerCaps.length?this.providerCaps.map(e=>({value:e.name,label:e.label})):[{label:this.$t(`codingBridge.session.providerClaude`),value:`claude`},{label:this.$t(`codingBridge.session.providerCodex`),value:`codex`}]},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(` · `)}},watch:{events(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom()},currentNodeId(){this.requestCapabilities()},providerCaps(){this.providerCaps.length&&!this.providerCaps.some(e=>e.name===this.provider)&&(this.provider=this.providerCaps[0].name)},provider(){this.model=``,this.effort=``}},mounted(){this.requestCapabilities()},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:e===`codex`?this.$t(`codingBridge.session.providerCodex`):this.$t(`codingBridge.session.providerClaude`)},onComposerEnter(e){let t=e;t.isComposing||t.keyCode===229||t.shiftKey||t.ctrlKey||t.metaKey||t.altKey||(t.preventDefault(),this.onSend())},onSend(){if(!this.canSend)return;let e=this.attachments;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.prompt=``,this.clearAttachments()},beforeAttachmentUpload(e){return this.attachmentFileList.length>=Q?(k.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Q})),!1):e.size>He?(k.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(){k.error(this.$t(`codingBridge.session.attachmentUploadError`))},onAttachmentExceed(){k.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Q}))},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`)},openDirectory(){this.directoryVisible=!0},onDirectorySelect(e){this.cwd=e},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.cwd=``,this.model=``,this.permissionMode=`default`,this.provider=`claude`,this.effort=``,this.prompt=``,this.clearAttachments()},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})}}}),We={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},Ge={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},Ke={class:`text-sm`},qe={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},Je={class:`min-w-0`},Ye={class:`flex items-center gap-2 font-medium`},Xe={class:`truncate`},Ze={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},Qe={key:0,class:`text-[var(--el-color-primary)]`},$e={class:`flex items-center gap-2 flex-none`},et={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)]`},tt={ref:`transcript`,class:`flex-1 overflow-y-auto px-5 py-4 flex flex-col gap-3`},nt={key:0,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},rt={class:`border-t border-[var(--app-border-subtle)] p-3`},it={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},at={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)]`},ot={key:0,class:`flex flex-wrap gap-2 pb-2`},st=[`src`,`alt`],ct={key:1,class:`flex h-8 w-8 items-center justify-center rounded bg-[var(--app-content-bg)]`},lt=[`title`],ut={key:2,class:`text-[10px] text-[var(--app-text-subtle)]`},dt=[`title`,`onClick`],ft={ref:`attachmentUploadTrigger`,class:`block h-0 w-0`,"aria-hidden":`true`},pt={class:`mt-1.5 flex items-center gap-1.5`},mt=[`title`],ht={class:`flex min-w-0 flex-1 flex-wrap items-center gap-1.5`},gt={type:`button`,class:`cb-pill`},_t={class:`truncate`},vt={type:`button`,class:`cb-pill`},yt={class:`truncate`},bt={type:`button`,class:`cb-pill`},xt={class:`truncate`},St={type:`button`,class:`cb-pill`},Ct={class:`truncate`},wt={type:`button`,class:`cb-pill`},Tt={class:`truncate`},Et={class:`cb-pill cb-pill--static`},Dt={class:`truncate`},Ot={key:0,class:`cb-pill cb-pill--static`},kt={class:`truncate`},At={key:1,class:`cb-pill cb-pill--static`},jt={class:`truncate`},Mt={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Nt(o,p,m,_,v,y){let b=u(`font-awesome-icon`),x=u(`el-button`),S=u(`transcript-item`),C=u(`el-input`),w=u(`el-upload`),T=u(`el-dropdown-item`),E=u(`el-dropdown-menu`),D=u(`el-dropdown`),O=u(`el-option`),k=u(`el-select`),A=u(`el-popover`),j=u(`directory-dialog`);return l(),d(`div`,We,[o.currentNode?(l(),d(g,{key:1},[n(`div`,qe,[n(`div`,Je,[n(`div`,Ye,[n(`span`,Xe,c(o.currentNode.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,o.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),o.currentSession?(l(),d(`div`,Ze,[n(`span`,null,c(o.sessionMeta),1),o.replayLabel?(l(),d(`span`,Qe,` · `+c(o.replayLabel),1)):a(``,!0)])):a(``,!0)]),n(`div`,$e,[i(x,{size:`small`,round:``,onClick:p[0]||=e=>o.$emit(`history`)},{default:f(()=>[i(b,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.history.button`)),1)]),_:1}),o.currentSessionId?(l(),t(x,{key:0,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[i(b,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):a(``,!0)])]),o.nodeOnline?a(``,!0):(l(),d(`div`,et,c(o.$t(`codingBridge.session.deviceOffline`)),1)),n(`div`,tt,[o.events.length?a(``,!0):(l(),d(`div`,nt,c(o.$t(`codingBridge.session.startHint`)),1)),(l(!0),d(g,null,s(o.events,e=>(l(),t(S,{key:e.id,event:e},null,8,[`event`]))),128))],512),n(`div`,rt,[o.readonly?(l(),d(`div`,it,[i(b,{icon:`fa-solid fa-eye`}),n(`span`,null,c(o.$t(`codingBridge.history.readonly`)),1),i(x,{class:`ml-auto`,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[r(c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(l(),d(g,{key:1},[n(`div`,at,[o.attachmentFileList.length?(l(),d(`div`,ot,[(l(!0),d(g,null,s(o.attachmentFileList,(e,t)=>(l(),d(`div`,{key:e.uid||e.name||t,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`},[o.attachmentPreviewUrl(e)?(l(),d(`img`,{key:0,src:o.attachmentPreviewUrl(e),class:`h-8 w-8 rounded object-cover`,alt:o.$t(`codingBridge.session.attachmentImageAlt`)},null,8,st)):(l(),d(`span`,ct,[i(b,{icon:`fa-solid fa-file`})])),n(`span`,{class:`min-w-0 flex-1 truncate`,title:e.name},c(e.name),9,lt),o.isAttachmentUploading(e)?(l(),d(`span`,ut,c(Math.round(e.percentage||0))+`% `,1)):a(``,!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:o.$t(`codingBridge.session.removeAttachment`),onClick:n=>o.removeAttachment(t,e)},[i(b,{icon:`fa-solid fa-xmark`})],8,dt)]))),128))])):a(``,!0),i(C,{modelValue:o.prompt,"onUpdate:modelValue":p[1]||=e=>o.prompt=e,type:`textarea`,autosize:{minRows:2,maxRows:12},resize:`none`,class:`cb-composer__input`,placeholder:o.$t(`codingBridge.session.promptPlaceholder`),onKeydown:h(o.onComposerEnter,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`]),i(w,{ref:`uploader`,"file-list":o.attachmentFileList,"onUpdate:fileList":p[2]||=e=>o.attachmentFileList=e,class:`h-0 w-0 overflow-hidden opacity-0`,name:`file`,action:o.uploadUrl,headers:o.headers,multiple:!0,limit:o.maxAttachments,"show-file-list":!1,"before-upload":o.beforeAttachmentUpload,"on-change":o.onAttachmentChange,"on-success":o.onAttachmentSuccess,"on-error":o.onAttachmentError,"on-exceed":o.onAttachmentExceed},{default:f(()=>[n(`span`,ft,null,512)]),_:1},8,[`file-list`,`action`,`headers`,`limit`,`before-upload`,`on-change`,`on-success`,`on-error`,`on-exceed`]),n(`div`,pt,[n(`button`,{type:`button`,class:`cb-icon-btn`,title:o.$t(`codingBridge.session.attachFile`),onClick:p[3]||=(...e)=>o.onTriggerAttachmentUpload&&o.onTriggerAttachmentUpload(...e)},[i(b,{icon:`fa-solid fa-paperclip`})],8,mt),n(`div`,ht,[o.isNewSession?(l(),d(g,{key:0},[i(D,{trigger:`click`,onCommand:p[4]||=e=>o.provider=e},{dropdown:f(()=>[i(E,null,{default:f(()=>[(l(!0),d(g,null,s(o.providerOptions,n=>(l(),t(T,{key:n.value,command:n.value},{default:f(()=>[i(b,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.provider?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,gt,[i(b,{icon:`fa-solid fa-code`,class:`cb-pill__icon`}),n(`span`,_t,c(o.providerName(o.provider)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),i(A,{trigger:`click`,placement:`top-start`,width:260},{reference:f(()=>[n(`button`,vt,[i(b,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,yt,c(o.model||o.$t(`codingBridge.session.modelDefault`)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[i(k,{modelValue:o.model,"onUpdate:modelValue":p[5]||=e=>o.model=e,class:`w-full`,size:`small`,filterable:``,"allow-create":o.allowCustomModel,"default-first-option":``,clearable:``,teleported:!1,placeholder:o.$t(`codingBridge.session.modelPlaceholder`)},{default:f(()=>[(l(!0),d(g,null,s(o.modelOptions,e=>(l(),t(O,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`allow-create`,`placeholder`])]),_:1}),o.effortOptions.length>1?(l(),t(D,{key:0,trigger:`click`,onCommand:p[6]||=e=>o.effort=e},{dropdown:f(()=>[i(E,null,{default:f(()=>[(l(!0),d(g,null,s(o.effortOptions,n=>(l(),t(T,{key:n.value,command:n.value},{default:f(()=>[i(b,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.effort?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,bt,[i(b,{icon:`fa-solid fa-gauge-high`,class:`cb-pill__icon`}),n(`span`,xt,c(o.effortLabel(o.effort)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):a(``,!0),i(D,{trigger:`click`,onCommand:p[7]||=e=>o.permissionMode=e},{dropdown:f(()=>[i(E,null,{default:f(()=>[(l(!0),d(g,null,s(o.permissionModeOptions,n=>(l(),t(T,{key:n.value,command:n.value},{default:f(()=>[i(b,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.permissionMode?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,St,[i(b,{icon:`fa-solid fa-shield-halved`,class:`cb-pill__icon`}),n(`span`,Ct,c(o.permissionModeLabel(o.permissionMode)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),i(A,{trigger:`click`,placement:`top-start`,width:320},{reference:f(()=>[n(`button`,wt,[i(b,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,Tt,c(o.cwd||o.$t(`codingBridge.session.cwdDefault`)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[i(C,{modelValue:o.cwd,"onUpdate:modelValue":p[8]||=e=>o.cwd=e,size:`small`,clearable:``,placeholder:o.$t(`codingBridge.session.cwdPlaceholder`)},{append:f(()=>[i(x,{title:o.$t(`codingBridge.directory.title`),onClick:o.openDirectory},{default:f(()=>[i(b,{icon:`fa-solid fa-folder-open`})]),_:1},8,[`title`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`])]),_:1})],64)):(l(),d(g,{key:1},[n(`span`,Et,[i(b,{icon:`fa-solid fa-code`,class:`cb-pill__icon`}),n(`span`,Dt,c(o.providerName(o.currentSession?.provider||`claude`)),1)]),o.currentSession?.model?(l(),d(`span`,Ot,[i(b,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,kt,c(o.currentSession?.model),1)])):a(``,!0),o.currentSession?.cwd?(l(),d(`span`,At,[i(b,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,jt,c(o.currentSession?.cwd),1)])):a(``,!0)],64))]),o.running?(l(),t(x,{key:0,circle:``,onClick:o.onInterrupt},{default:f(()=>[i(b,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):a(``,!0),i(x,{type:`primary`,round:``,disabled:!o.canSend,onClick:o.onSend},{default:f(()=>[r(c(o.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])])]),n(`p`,Mt,c(o.composerHint),1)],64))])],64)):(l(),d(`div`,Ge,[i(b,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,Ke,c(o.$t(`codingBridge.session.noDevice`)),1)])),i(j,{visible:o.directoryVisible,"onUpdate:visible":p[9]||=e=>o.directoryVisible=e,"initial-path":o.cwd,onSelect:o.onDirectorySelect},null,8,[`visible`,`initial-path`,`onSelect`])])}var Pt=O(Ue,[[`render`,Nt],[`__scopeId`,`data-v-07a3fb3b`]]),Ft=o({name:`CodingBridgePairDialog`,components:{ElDialog:N,ElInput:A,ElButton:v,FontAwesomeIcon:P},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===M.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);k.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?k.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?k.error(this.$t(`codingBridge.pair.usedCode`)):k.error(this.$t(`codingBridge.pair.failed`))}}}}),It={class:`content`},Lt={class:`text-sm text-[var(--app-text-subtle)] mb-4`},Rt={class:`steps list-none m-0 p-0 mb-4`},zt={class:`flex gap-3 mb-3`},Bt={class:`flex-1 min-w-0`},Vt={class:`text-sm mb-1`},Ht={class:`flex gap-3 mb-3`},Ut={class:`flex-1 min-w-0`},Wt={class:`text-sm mb-1`},Gt={class:`flex gap-3`},Kt={class:`flex-1 min-w-0`},qt={class:`text-sm`};function Jt(e,a,o,s,d,p){let m=u(`el-input`),g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":a[1]||=t=>e.$emit(`update:visible`,t)},{default:f(()=>[n(`div`,It,[n(`p`,Lt,c(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,Rt,[n(`li`,zt,[a[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,Bt,[n(`p`,Vt,c(e.$t(`codingBridge.pair.step1`)),1),a[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge-agent`,-1)])]),n(`li`,Ht,[a[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,Ut,[n(`p`,Wt,c(e.$t(`codingBridge.pair.step2`)),1),a[4]||=n(`code`,{class:`cmd`},`coding-bridge-agent up`,-1)])]),n(`li`,Gt,[a[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,Kt,[n(`p`,qt,c(e.$t(`codingBridge.pair.step3`)),1)])])]),i(m,{modelValue:e.code,"onUpdate:modelValue":a[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:h(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),i(_,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:f(()=>[i(g,{icon:`fa-solid fa-link`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var Yt=O(Ft,[[`render`,Jt],[`__scopeId`,`data-v-3d1ed01f`]]),Xt=o({name:`CodingBridgePermissionDialog`,components:{ElDialog:N,ElButton:v,FontAwesomeIcon:P},computed:{request(){return this.$store.state.codingBridge?.permissions?.[0]},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`})}}}),Zt={key:0,class:`content`},Qt={class:`text-sm text-[var(--app-text-subtle)] mb-3`},$t={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},en={class:`flex items-center gap-2 font-medium`},tn={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},nn={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},rn={class:`flex justify-end gap-2`};function an(e,o,s,p,m,h){let g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:f(()=>[n(`div`,rn,[i(_,{round:``,onClick:e.onDeny},{default:f(()=>[i(g,{icon:`fa-solid fa-xmark`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),i(_,{type:`primary`,round:``,onClick:e.onAllow},{default:f(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:f(()=>[e.request?(l(),d(`div`,Zt,[n(`p`,Qt,c(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,$t,[n(`div`,en,[i(g,{icon:`fa-solid fa-code`}),n(`span`,null,c(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(l(),d(`p`,tn,c(e.request.description),1)):a(``,!0),e.hasInput?(l(),d(`pre`,nn,c(e.inputText),1)):a(``,!0)])])):a(``,!0)]),_:1},8,[`model-value`,`title`])}var on=O(Xt,[[`render`,an]]),sn=o({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:S,ElButton:v,FontAwesomeIcon:P},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===M.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:{refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/getHistoryDetail`,{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``}}}}),cn={class:`flex flex-col h-full`},$={class:`flex items-center justify-between mb-3`},ln={class:`text-xs text-[var(--app-text-subtle)] m-0`},un={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},dn={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},fn={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},pn={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},mn=[`onClick`],hn={class:`flex items-center gap-2 mb-1`},gn={class:`text-sm font-medium truncate flex-1`},_n={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},vn={key:0},yn={key:1},bn={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},xn={key:0},Sn={key:1};function Cn(o,p,m,h,_,v){let y=u(`font-awesome-icon`),b=u(`el-button`),x=u(`el-drawer`);return l(),t(x,{"model-value":o.visible,direction:`rtl`,size:`380px`,title:o.$t(`codingBridge.history.title`),"onUpdate:modelValue":p[0]||=e=>o.$emit(`update:visible`,e)},{default:f(()=>[n(`div`,cn,[n(`div`,$,[n(`p`,ln,c(o.$t(`codingBridge.history.intro`)),1),i(b,{size:`small`,round:``,loading:o.loading,onClick:o.refresh},{default:f(()=>[o.loading?a(``,!0):(l(),t(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),r(` `+c(o.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),o.currentNodeId?o.loading&&!o.sessions.length?(l(),d(`div`,dn,c(o.$t(`codingBridge.history.loading`)),1)):o.sessions.length?(l(),d(`ul`,pn,[(l(!0),d(g,null,s(o.sessions,t=>(l(),d(`li`,{key:t.provider+`:`+t.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:e=>o.open(t)},[n(`div`,hn,[n(`span`,{class:e([`provider-tag`,t.provider])},c(t.provider===`codex`?`Codex`:`Claude`),3),n(`span`,gn,c(t.title),1)]),n(`div`,_n,[t.cwd?(l(),d(`span`,vn,c(t.cwd),1)):a(``,!0),t.git_branch?(l(),d(`span`,yn,` · `+c(t.git_branch),1)):a(``,!0)]),n(`div`,bn,[t.updated_at?(l(),d(`span`,xn,c(o.formatTime(t.updated_at)),1)):a(``,!0),t.message_count?(l(),d(`span`,Sn,` · `+c(o.$t(`codingBridge.history.messages`,{count:t.message_count})),1)):a(``,!0)])],8,mn))),128))])):(l(),d(`div`,fn,c(o.$t(`codingBridge.history.empty`)),1)):(l(),d(`div`,un,c(o.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var wn=o({name:`CodingBridgeIndex`,components:{ElButton:v,ElDrawer:S,FontAwesomeIcon:P,NodeList:ie,SessionView:Pt,PairDialog:Yt,PermissionDialog:on,HistoryDrawer:O(sn,[[`render`,Cn],[`__scopeId`,`data-v-3414881a`]])},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)},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()}}}),Tn={class:`coding-bridge flex flex-row h-full relative`};function En(e,t,n,r,a,o){let s=u(`node-list`),c=u(`session-view`),p=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`),g=u(`pair-dialog`),_=u(`permission-dialog`),v=u(`history-drawer`);return l(),d(`div`,Tn,[i(s,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),i(c,{class:`flex-1 min-w-0`,onHistory:t[0]||=t=>e.historyVisible=!0}),i(m,{circle:``,class:`menu`,onClick:t[1]||=t=>e.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-laptop-code`})]),_:1}),i(h,{modelValue:e.drawer,"onUpdate:modelValue":t[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:f(()=>[i(s,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),i(g,{visible:e.pairVisible,"onUpdate:visible":t[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),i(_),i(v,{visible:e.historyVisible,"onUpdate:visible":t[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var Dn=O(wn,[[`render`,En],[`__scopeId`,`data-v-3a406429`]]);export{Dn as default};