@acedatacloud/nexior 3.102.0 → 3.103.0

package/dist/assets/{Index-DMlDIH35.js → Index-JyZxLo3T.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-CJsiWXMF.js";import{E as L}from"./index-DwY9pOO3.js";import{E as j}from"./index-C5TjNMIl.js";import{d as $,H as i,E as l,z as S,C as t,y as f,D as s,q as a,F as r,O as V,N as I,x as w,I as h,J as x,Q as U}from"./vendor-vue-DU0w5ewx.js";import{D as v,b0 as D,ao as A}from"./index-D4saMGlC.js";import{a as F,b as M,c as B}from"./flux-BDAe6Szo.js";import{E as G,a as P}from"./index-CzJ7fWUH.js";import{I as C,S as O}from"./ScrollList-DRIMxtWX.js";import{E as N,a as q}from"./index-IijLqayZ.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{I as X}from"./ImagePreview-VbvXxzqA.js";import{E as H}from"./index-dQUkT91P.js";import{E as y}from"./index-Ct-EZ76M.js";import{E as J}from"./index-DH6MtP3d.js";import{C as K}from"./Consumption--BQQHppN.js";import{a as Q}from"./price-B613-HvG.js";import{b as W}from"./errorCode-Cqj9Td_Z.js";import{f as Y}from"./flux-xsUe0L4n.js";import{C as Z}from"./CopyToClipboard-B6G-wNJD.js";import{I as ee}from"./ImageWrapper-BYRsN2IJ.js";import{E as te}from"./index-CcP3nmgG.js";import{E as oe}from"./index-jv4wsHGw.js";import{B as se}from"./BotPlaceholder-C5ljOz4A.js";import{N as ne}from"./NoTasks-BeyOLEbn.js";import{l as le}from"./pagination-CcnL0MdN.js";import"./use-form-item-DcOclXCw.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-DXexZRXn.js";import"./index-B_KH4K5T.js";import"./typescript-ClSWGTjJ.js";import"./index-DmVTvMHH.js";import"./strings-DigWlKo9.js";import"./isEqual-BGJ5u1aM.js";import"./_Uint8Array-VygXE9xf.js";import"./castArray--oY6r8jd.js";import"./debounce-CxAObiU1.js";import"./_baseIteratee-BUY84h9-.js";import"./index-C8RMr0ye.js";import"./index-Bz0iDXPF.js";import"./index-8U5mSU__.js";import"./_baseClone-8AWe3BQs.js";import"./_initCloneObject-BrdqfTp3.js";import"./index-Cuy1fHGt.js";import"./index-CvURsQ8o.js";const ae=$({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),re={class:"main flex flex-row flex-1"},ie={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 ue(e,o,m,d,b,k){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",re,[l("div",ie,[S(e.$slots,"config",{},void 0,!0)]),l("div",ce,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=p=>e.drawer=!0)},{default:f(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const de=v(ae,[["render",ue],["__scopeId","data-v-3c0d2b44"]]),pe=$({name:"ModelSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=F)}}),me={class:"field"},fe={class:"title font-bold"};function _e(e,o,m,d,b,k){const c=s("el-option"),u=s("el-select");return a(),i("div",me,[l("h2",fe,r(e.$t("flux.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const he=v(pe,[["render",_e],["__scopeId","data-v-8df4b8a7"]]),ge=$({name:"CountSelector",components:{ElSlider:q,InfoIcon:C,ElInputNumber:N},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=M)}}),$e={class:"flex justify-between"},ve={class:"flex justify-start items-center"},be={class:"text-sm font-bold"},ke={class:"flex justify-end items-center"},xe={class:"w-full"};function we(e,o,m,d,b,k){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[l("div",$e,[l("div",ve,[l("span",be,r(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",ke,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),l("div",xe,[t(n,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=p=>e.value=p),min:1,max:4,step:1},null,8,["modelValue"])])])}const ye=v(ge,[["render",we]]),Ve=$({name:"ActionSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=B)}}),Ee={class:"field"},Te={class:"title font-bold"};function Ie(e,o,m,d,b,k){const c=s("el-option"),u=s("el-select");return a(),i("div",Ee,[l("h2",Te,r(e.$t("flux.name.task")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Se=v(Ve,[["render",Ie],["__scopeId","data-v-81fd05e5"]]),Le=$({name:"ImageUrlInput",components:{ElUpload:H,ElButton:L,InfoIcon:C,FontAwesomeIcon:T,ImagePreview:X},mixins:[z],emits:["change"],data(){return{fileList:[],uploadUrl:D()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),Ue={class:"relative"},Ce={class:"flex justify-between"},Ae={class:"flex justify-start items-center"},Ge={class:"text-sm font-bold"};function Pe(e,o,m,d,b,k){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),p=s("el-button"),g=s("el-upload");return a(),i("div",Ue,[l("div",Ce,[l("div",Ae,[l("span",Ge,r(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:_})=>[t(u,{url:_.url||_.response?.file_url,name:_.name,percentage:_.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(_),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(p,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+r(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Re=v(Le,[["render",Pe],["__scopeId","data-v-1b692c6e"]]),je="",De=$({name:"PromptInput",components:{ElInput:J,InfoIcon:C},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=je)}}),Fe={class:"field"},Me={class:"box"},Be={class:"title font-bold"};function Oe(e,o,m,d,b,k){const c=s("info-icon"),u=s("el-input");return a(),i("div",Fe,[l("div",Me,[l("h2",Be,r(e.$t("flux.name.prompt")),1),t(c,{content:e.$t("flux.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ne=v(De,[["render",Oe],["__scopeId","data-v-96df0218"]]),qe=$({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:T,PromptInput:Ne,ModelSelector:he,CountSelector:ye,Consumption:K,ActionSelector:Se,ImageUrlInput:Re},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},He={class:"flex flex-col items-center justify-center px-5 pb-5"};function Je(e,o,m,d,b,k){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),_=s("consumption"),E=s("font-awesome-icon"),R=s("el-button");return a(),i("div",ze,[l("div",Xe,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):x("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),l("div",He,[t(_,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(E,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+r(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Ke=v(qe,[["render",Je]]),Qe=$({name:"TaskPreview",components:{ElImage:oe,CopyToClipboard:Z,FontAwesomeIcon:T,ElAlert:te,ImageWrapper:ee},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let d=m;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),We={class:"preview"},Ye={class:"left"},Ze={class:"main"},et={class:"bot"},tt={class:"datetime"},ot={class:"info"},st={key:0,class:"prompt mt-2"},nt={key:0},lt={key:0,class:U({content:!0,failed:!0})},at={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},it={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ct={key:1,class:U({content:!0})},ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},mt={key:2,class:U({content:!0})},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function _t(e,o,m,d,b,k){const c=s("el-image"),u=s("image-wrapper"),n=s("font-awesome-icon"),p=s("copy-to-clipboard"),g=s("el-alert");return a(),i("div",We,[l("div",Ye,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ze,[l("div",et,[h(r(e.$t("flux.name.fluxBot"))+" ",1),l("span",tt,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ot,[e.modelValue?.request?.prompt?(a(),i("p",st,[h(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?x("",!0):(a(),i("span",nt," - ("+r(e.$t("flux.status.pending"))+") ",1))])):x("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",lt,[l("div",at,[(a(!0),i(V,null,I(e.images,(_,E)=>(a(),w(u,{key:E,src:_?.image_url,"raw-src":_?.image_url,"model-value":_},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",rt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.model"))+": "+r(e.modelValue?.request?.model),1)]),l("p",it,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):x("",!0),e.modelValue?.response?.success===!1?(a(),i("div",ct,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",ut,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",dt,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+r(e.$t("flux.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),l("p",pt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):x("",!0),e.modelValue?.response?x("",!0):(a(),i("div",mt,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",ft,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const ht=v(Qe,[["render",_t],["__scopeId","data-v-74c3c3a5"]]),gt=$({name:"RecentPanel",components:{TaskPreview:ht,BotPlaceholder:se,NoTasks:ne,ScrollList:O},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$t={key:0},vt={key:2,class:"w-full h-full flex items-center justify-center"};function bt(e,o,m,d,b,k){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),p=s("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",$t,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=g=>e.$emit("reach-top"))},{default:f(()=>[(a(!0),i(V,null,I(e.tasks?.items,g=>(a(),w(u,{key:g.id,"model-value":g},null,8,["model-value"]))),128))]),_:1},8,["loading"])):x("",!0),e.tasks?.items?.length===0?(a(),i("div",vt,[t(p)])):x("",!0)],64)}const kt=v(gt,[["render",bt]]),xt="https://webhook.acedata.cloud/flux",wt=$({name:"FluxIndex",components:{ConfigPanel:Ke,Layout:de,RecentPanel:kt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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 le({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("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const 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);const{limit:o=5,createdAtMin:m,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:xt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),Y.generate(e,{token:o}).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===W?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+d?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function yt(e,o,m,d,b,k){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:f(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const vo=v(wt,[["render",yt]]);export{vo as default};
+import{F as T}from"./index.es-CgtdXCC6.js";import{E as L}from"./index-C25CVHv_.js";import{E as j}from"./index-xvfpY1YX.js";import{d as $,H as i,E as l,z as S,C as t,y as f,D as s,q as a,F as r,O as V,N as I,x as w,I as h,J as x,Q as U}from"./vendor-vue-DU0w5ewx.js";import{D as v,b0 as D,ao as A}from"./index-C3-wmF1i.js";import{a as F,b as M,c as B}from"./flux-BDAe6Szo.js";import{E as G,a as P}from"./index-BtoTXqsU.js";import{I as C,S as O}from"./ScrollList-Cu2yoCEI.js";import{E as N,a as q}from"./index-ehWXrG6r.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{I as X}from"./ImagePreview-DArls9pq.js";import{E as H}from"./index-DkRHsTiz.js";import{E as y}from"./index-W-5lLi59.js";import{E as J}from"./index-CqSMS5t2.js";import{C as K}from"./Consumption-GxTGyrc1.js";import{a as Q}from"./price-DFVz0G2x.js";import{b as W}from"./errorCode-Cqj9Td_Z.js";import{f as Y}from"./flux-BrJXpTSb.js";import{C as Z}from"./CopyToClipboard-C36KVGrD.js";import{I as ee}from"./ImageWrapper-D9des0o3.js";import{E as te}from"./index-DrwBl4LW.js";import{E as oe}from"./index-D_hokSbg.js";import{B as se}from"./BotPlaceholder-BQlSeXx6.js";import{N as ne}from"./NoTasks-b4OJIqL7.js";import{l as le}from"./pagination-CcnL0MdN.js";import"./use-form-item-DtuhYcUh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-B1-mbMYf.js";import"./index-BXLjYm-G.js";import"./typescript-pqBgKOiU.js";import"./index-CwP-L7Jn.js";import"./strings-DigWlKo9.js";import"./isEqual-BVwuIEtt.js";import"./_Uint8Array-C9DPZS3B.js";import"./castArray-1sgHWSEQ.js";import"./debounce-CoJflkTH.js";import"./_baseIteratee-D0DKZ8mg.js";import"./index-DUfDW12r.js";import"./index-Bz0iDXPF.js";import"./index-BWkjL97f.js";import"./_baseClone-DroBZ78C.js";import"./_initCloneObject-CydGahMP.js";import"./index-DktIFTNG.js";import"./index-6zN8vY1F.js";const ae=$({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),re={class:"main flex flex-row flex-1"},ie={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 ue(e,o,m,d,b,k){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",re,[l("div",ie,[S(e.$slots,"config",{},void 0,!0)]),l("div",ce,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=p=>e.drawer=!0)},{default:f(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const de=v(ae,[["render",ue],["__scopeId","data-v-3c0d2b44"]]),pe=$({name:"ModelSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=F)}}),me={class:"field"},fe={class:"title font-bold"};function _e(e,o,m,d,b,k){const c=s("el-option"),u=s("el-select");return a(),i("div",me,[l("h2",fe,r(e.$t("flux.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const he=v(pe,[["render",_e],["__scopeId","data-v-8df4b8a7"]]),ge=$({name:"CountSelector",components:{ElSlider:q,InfoIcon:C,ElInputNumber:N},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=M)}}),$e={class:"flex justify-between"},ve={class:"flex justify-start items-center"},be={class:"text-sm font-bold"},ke={class:"flex justify-end items-center"},xe={class:"w-full"};function we(e,o,m,d,b,k){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[l("div",$e,[l("div",ve,[l("span",be,r(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",ke,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),l("div",xe,[t(n,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=p=>e.value=p),min:1,max:4,step:1},null,8,["modelValue"])])])}const ye=v(ge,[["render",we]]),Ve=$({name:"ActionSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=B)}}),Ee={class:"field"},Te={class:"title font-bold"};function Ie(e,o,m,d,b,k){const c=s("el-option"),u=s("el-select");return a(),i("div",Ee,[l("h2",Te,r(e.$t("flux.name.task")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Se=v(Ve,[["render",Ie],["__scopeId","data-v-81fd05e5"]]),Le=$({name:"ImageUrlInput",components:{ElUpload:H,ElButton:L,InfoIcon:C,FontAwesomeIcon:T,ImagePreview:X},mixins:[z],emits:["change"],data(){return{fileList:[],uploadUrl:D()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),Ue={class:"relative"},Ce={class:"flex justify-between"},Ae={class:"flex justify-start items-center"},Ge={class:"text-sm font-bold"};function Pe(e,o,m,d,b,k){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),p=s("el-button"),g=s("el-upload");return a(),i("div",Ue,[l("div",Ce,[l("div",Ae,[l("span",Ge,r(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:_})=>[t(u,{url:_.url||_.response?.file_url,name:_.name,percentage:_.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(_),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(p,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+r(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const Re=v(Le,[["render",Pe],["__scopeId","data-v-1b692c6e"]]),je="",De=$({name:"PromptInput",components:{ElInput:J,InfoIcon:C},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=je)}}),Fe={class:"field"},Me={class:"box"},Be={class:"title font-bold"};function Oe(e,o,m,d,b,k){const c=s("info-icon"),u=s("el-input");return a(),i("div",Fe,[l("div",Me,[l("h2",Be,r(e.$t("flux.name.prompt")),1),t(c,{content:e.$t("flux.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ne=v(De,[["render",Oe],["__scopeId","data-v-96df0218"]]),qe=$({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:T,PromptInput:Ne,ModelSelector:he,CountSelector:ye,Consumption:K,ActionSelector:Se,ImageUrlInput:Re},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return Q(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},He={class:"flex flex-col items-center justify-center px-5 pb-5"};function Je(e,o,m,d,b,k){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),_=s("consumption"),E=s("font-awesome-icon"),R=s("el-button");return a(),i("div",ze,[l("div",Xe,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):x("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),l("div",He,[t(_,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(E,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+r(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Ke=v(qe,[["render",Je]]),Qe=$({name:"TaskPreview",components:{ElImage:oe,CopyToClipboard:Z,FontAwesomeIcon:T,ElAlert:te,ImageWrapper:ee},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let d=m;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),We={class:"preview"},Ye={class:"left"},Ze={class:"main"},et={class:"bot"},tt={class:"datetime"},ot={class:"info"},st={key:0,class:"prompt mt-2"},nt={key:0},lt={key:0,class:U({content:!0,failed:!0})},at={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},it={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ct={key:1,class:U({content:!0})},ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},mt={key:2,class:U({content:!0})},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function _t(e,o,m,d,b,k){const c=s("el-image"),u=s("image-wrapper"),n=s("font-awesome-icon"),p=s("copy-to-clipboard"),g=s("el-alert");return a(),i("div",We,[l("div",Ye,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ze,[l("div",et,[h(r(e.$t("flux.name.fluxBot"))+" ",1),l("span",tt,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ot,[e.modelValue?.request?.prompt?(a(),i("p",st,[h(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?x("",!0):(a(),i("span",nt," - ("+r(e.$t("flux.status.pending"))+") ",1))])):x("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",lt,[l("div",at,[(a(!0),i(V,null,I(e.images,(_,E)=>(a(),w(u,{key:E,src:_?.image_url,"raw-src":_?.image_url,"model-value":_},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",rt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.model"))+": "+r(e.modelValue?.request?.model),1)]),l("p",it,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})])):x("",!0),e.modelValue?.response?.success===!1?(a(),i("div",ct,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",ut,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",dt,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+r(e.$t("flux.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),l("p",pt,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+r(e.$t("flux.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):x("",!0),e.modelValue?.response?x("",!0):(a(),i("div",mt,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+r(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",ft,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+r(e.$t("flux.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const ht=v(Qe,[["render",_t],["__scopeId","data-v-74c3c3a5"]]),gt=$({name:"RecentPanel",components:{TaskPreview:ht,BotPlaceholder:se,NoTasks:ne,ScrollList:O},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$t={key:0},vt={key:2,class:"w-full h-full flex items-center justify-center"};function bt(e,o,m,d,b,k){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),p=s("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",$t,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=g=>e.$emit("reach-top"))},{default:f(()=>[(a(!0),i(V,null,I(e.tasks?.items,g=>(a(),w(u,{key:g.id,"model-value":g},null,8,["model-value"]))),128))]),_:1},8,["loading"])):x("",!0),e.tasks?.items?.length===0?(a(),i("div",vt,[t(p)])):x("",!0)],64)}const kt=v(gt,[["render",bt]]),xt="https://webhook.acedata.cloud/flux",wt=$({name:"FluxIndex",components:{ConfigPanel:Ke,Layout:de,RecentPanel:kt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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 le({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("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const 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);const{limit:o=5,createdAtMin:m,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:xt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),Y.generate(e,{token:o}).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===W?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+d?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function yt(e,o,m,d,b,k){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:f(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const vo=v(wt,[["render",yt]]);export{vo as default};

package/dist/assets/{Index-Bx3C0bOp.js → Index-_DCNZ2Kx.js}

@@ -1 +1 @@
-import{F as P}from"./index.es-CJsiWXMF.js";import{E as U}from"./index-DwY9pOO3.js";import{E as Y}from"./index-C5TjNMIl.js";import{d as g,H as r,E as i,z as L,C as a,y as p,D as n,q as t,F as l,O as E,N as T,x as m,Q as A,R as J,J as d,I as h}from"./vendor-vue-DU0w5ewx.js";import{D as b,b0 as Q,ao as M}from"./index-D4saMGlC.js";import{b as K,c as W,d as Z,e as x,f as ee,g as oe,h as D,i as te,j as se,k as ne}from"./veo-NH_MUVor.js";import{E as C,a as O}from"./index-CzJ7fWUH.js";import{I as j,S as ae}from"./ScrollList-DRIMxtWX.js";import{E as le}from"./index-DnRK--rq.js";import{V as G}from"./VideoPlayer-DEViwP6l.js";import{E as R}from"./index-DH6MtP3d.js";import{p as ie}from"./pasteUploadMixin-BurWbGNQ.js";import{I as re}from"./ImagePreview-VbvXxzqA.js";import{E as ce}from"./index-dQUkT91P.js";import{E as I}from"./index-Ct-EZ76M.js";import{C as de}from"./Consumption--BQQHppN.js";import{a as ue}from"./price-B613-HvG.js";import{b as pe}from"./errorCode-Cqj9Td_Z.js";import{v as me}from"./veo-BFM7txtt.js";import{C as ve}from"./CopyToClipboard-B6G-wNJD.js";import{E as fe}from"./index-DXexZRXn.js";import{E as _e}from"./index-CcP3nmgG.js";import{E as he}from"./index-jv4wsHGw.js";import{B as $e}from"./BotPlaceholder-C5ljOz4A.js";import{N as ge}from"./NoTasks-BeyOLEbn.js";import{l as be}from"./pagination-CcnL0MdN.js";import"./use-form-item-DcOclXCw.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-DmVTvMHH.js";import"./typescript-ClSWGTjJ.js";import"./index-B_KH4K5T.js";import"./strings-DigWlKo9.js";import"./isEqual-BGJ5u1aM.js";import"./_Uint8Array-VygXE9xf.js";import"./castArray--oY6r8jd.js";import"./debounce-CxAObiU1.js";import"./_baseIteratee-BUY84h9-.js";import"./index-C8RMr0ye.js";import"./validator-BVNDYkbY.js";import"./vue-plyr-BO2nlN4c.js";import"./index-Cuy1fHGt.js";import"./index-8U5mSU__.js";import"./_baseClone-8AWe3BQs.js";import"./_initCloneObject-BrdqfTp3.js";import"./index-CvURsQ8o.js";const ke=g({name:"LayoutVeo",components:{ElDrawer:Y,ElButton:U,FontAwesomeIcon:P},data(){return{drawer:!1}}}),ye={class:"main flex flex-row flex-1"},Ve={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},we={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ee(e,o,v,f,k,y){const c=n("font-awesome-icon"),u=n("el-button"),s=n("el-drawer");return t(),r("div",ye,[i("div",Ve,[L(e.$slots,"config",{},void 0,!0)]),i("div",we,[L(e.$slots,"result",{},void 0,!0)]),a(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=w=>e.drawer=!0)},{default:p(()=>[a(c,{icon:"fa-solid fa-magic"})]),_:1}),a(s,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ie=b(ke,[["render",Ee],["__scopeId","data-v-816b984c"]]),Te=g({name:"ModelSelector",components:{ElSelect:O,ElOption:C},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"veo2",label:"veo2"},{value:"veo2-fast",label:"veo2-fast"},{value:"veo3",label:"veo3"},{value:"veo3-fast",label:"veo3-fast"},{value:"veo31-fast",label:"veo31-fast"},{value:"veo31",label:"veo31"},{value:"veo31-fast-ingredients",label:"veo31-fast-ingredients"}]}},computed:{value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||(this.value=K)}}),Se={class:"field"},Ae={class:"title font-bold"};function Ce(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",Se,[i("h2",Ae,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Oe=b(Te,[["render",Ce],["__scopeId","data-v-a59d89c9"]]),Pe=g({name:"ActionSelector",components:{ElSelect:O,ElOption:C},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("veo.button.action1")},{value:"image2video",label:this.$t("veo.button.action2")},{value:"ingredients2video",label:this.$t("veo.button.actionIngredients")},{value:"upsample",label:this.$t("veo.button.actionUpsample")},{value:"extend",label:this.$t("veo.button.actionExtend")},{value:"reshoot",label:this.$t("veo.button.actionReshoot")},{value:"object_insert",label:this.$t("veo.button.actionObjectInsert")},{value:"object_remove",label:this.$t("veo.button.actionObjectRemove")}]},value:{get(){return this.$store.state.veo?.config?.action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:e})}}},mounted(){this.value||(this.value=W)}}),Ue={class:"field"},Le={class:"title font-bold"},je={class:"float-left"};function Re(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",Ue,[i("h2",Le,l(e.$t("veo.name.action")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},{default:p(()=>[i("span",je,l(s.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Me=b(Pe,[["render",Re],["__scopeId","data-v-f4d8785c"]]),De=g({name:"TranslationSelector",components:{ElSwitch:le,InfoIcon:j},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug("set translation",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=Z)}}),Ge={class:"relative"},Ne={class:"flex justify-between"},ze={class:"flex justify-start items-center"},Fe={class:"text-sm font-bold"},Be={class:"flex justify-end items-center"};function qe(e,o,v,f,k,y){const c=n("info-icon"),u=n("el-switch");return t(),r("div",Ge,[i("div",Ne,[i("div",ze,[i("span",Fe,l(e.$t("veo.name.translation")),1),a(c,{content:e.$t("veo.description.translation")},null,8,["content"])]),i("div",Be,[a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value"},null,8,["modelValue"])])])])}const He=b(De,[["render",qe]]),Xe=g({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.veo?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=x)}}),Ye={class:"text-sm font-bold mb-2 block"},Je={class:"items"},Qe=["onClick"],Ke={class:"name"};function We(e,o,v,f,k,y){return t(),r("div",null,[i("span",Ye,l(e.$t("veo.name.ratio")),1),i("div",Je,[(t(!0),r(E,null,T(e.options,(c,u)=>(t(),r("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:s=>e.value=c.value},[i("div",{class:A(["preview",c.label])},[i("div",{class:"rect",style:J({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ke,l(c.label),1)],10,Qe))),128))])])}const Ze=b(Xe,[["render",We],["__scopeId","data-v-0f16be77"]]),xe=g({name:"VideoFromInput",components:{VideoPlayer:G},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),eo={class:"relative"},oo={class:"flex mb-2"},to={class:"text-sm font-bold"};function so(e,o,v,f,k,y){const c=n("video-player");return t(),r("div",eo,[i("div",oo,[i("span",to,l(e.$t("veo.name.action3")),1)]),i("div",null,[e.config?.video_url?(t(),m(c,{key:0,src:e.config?.video_url},null,8,["src"])):d("",!0)])])}const no=b(xe,[["render",so]]),ao=g({name:"VideoIdInput",components:{ElInput:R},computed:{value:{get(){return this.$store.state.veo?.config?.video_id},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,video_id:e})}}}}),lo={class:"field"},io={class:"title font-bold"};function ro(e,o,v,f,k,y){const c=n("el-input");return t(),r("div",lo,[i("h2",io,l(e.$t("veo.name.videoId")),1),a(c,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.videoId"),clearable:""},null,8,["modelValue","placeholder"])])}const co=b(ao,[["render",ro],["__scopeId","data-v-6eba4026"]]),uo=g({name:"StartEndImage",components:{ElUpload:ce,ElButton:U,InfoIcon:j,FontAwesomeIcon:P,ImagePreview:re},mixins:[ie],emits:["change"],data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){I.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){I.error(this.$t("veo.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),po={class:"relative"},mo={class:"flex justify-between"},vo={class:"flex justify-start items-center"},fo={class:"text-sm font-bold"};function _o(e,o,v,f,k,y){const c=n("info-icon"),u=n("image-preview"),s=n("font-awesome-icon"),w=n("el-button"),V=n("el-upload");return t(),r("div",po,[i("div",mo,[i("div",vo,[i("span",fo,l(e.$t("veo.name.startEndImage")),1),a(c,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),a(V,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),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:p(({file:_})=>[_.url&&_.percentage!==void 0?(t(),m(u,{key:0,url:_.url,name:_.name,percentage:_.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(_),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:p(()=>[a(w,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[a(s,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const ho=b(uo,[["render",_o],["__scopeId","data-v-b8ddb8fb"]]),$o=g({name:"UpsampleActionSelector",components:{ElSelect:O,ElOption:C},computed:{options(){return oe.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.upsample_action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,upsample_action:e})}}},mounted(){this.value||(this.value=ee)}}),go={class:"field"},bo={class:"title font-bold"};function ko(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",go,[i("h2",bo,l(e.$t("veo.name.upsampleAction")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const yo=b($o,[["render",ko],["__scopeId","data-v-8b74a7ae"]]),Vo=g({name:"ExtendModelSelector",components:{ElSelect:O,ElOption:C},computed:{options(){return D.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,model:e})}}},mounted(){(!this.value||!D.includes(this.value))&&(this.value=te)}}),wo={class:"field"},Eo={class:"title font-bold"};function Io(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",wo,[i("h2",Eo,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const To=b(Vo,[["render",Io],["__scopeId","data-v-cc3f9355"]]),So=g({name:"MotionTypeSelector",components:{ElSelect:O,ElOption:C},computed:{options(){return ne.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.motion_type},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,motion_type:e})}}},mounted(){this.value||(this.value=se)}}),Ao={class:"field"},Co={class:"title font-bold"};function Oo(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",Ao,[i("h2",Co,l(e.$t("veo.name.motionType")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select"),filterable:""},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Po=b(So,[["render",Oo],["__scopeId","data-v-3affff3c"]]),Uo=g({name:"ImageMaskInput",components:{ElInput:R},computed:{value:{get(){return this.$store.state.veo?.config?.image_mask},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,image_mask:e})}}}}),Lo={class:"field"},jo={class:"title font-bold"};function Ro(e,o,v,f,k,y){const c=n("el-input");return t(),r("div",Lo,[i("h2",jo,l(e.$t("veo.name.imageMask")),1),a(c,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.imageMask"),clearable:""},null,8,["modelValue","placeholder"])])}const Mo=b(Uo,[["render",Ro],["__scopeId","data-v-6cc27c68"]]),Do="",Go=g({name:"PromptInput",components:{ElInput:R,InfoIcon:j},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Do)}}),No={class:"field"},zo={class:"box"},Fo={class:"title font-bold"};function Bo(e,o,v,f,k,y){const c=n("info-icon"),u=n("el-input");return t(),r("div",No,[i("div",zo,[i("h2",Fo,l(e.$t("veo.name.prompt")),1),a(c,{content:e.$t("veo.description.prompt"),class:"info"},null,8,["content"])]),a(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=s=>e.prompt=s),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("veo.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const qo=b(Go,[["render",Bo],["__scopeId","data-v-84c55ea0"]]),Ho=["upsample","extend","reshoot","object_insert","object_remove","get1080p"],Xo=["text2video","image2video","ingredients2video"],Yo=g({name:"ConfigPanel",components:{ElButton:U,Consumption:de,FontAwesomeIcon:P,PromptInput:qo,ModelSelector:Oe,StartEndImage:ho,ActionSelector:Me,VideoFromInput:no,VideoIdInput:co,UpsampleActionSelector:yo,ExtendModelSelector:To,MotionTypeSelector:Po,ImageMaskInput:Mo,TranslationSelector:He,AspectRatioSelector:Ze},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return ue(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Ho.includes(this.config?.action??"")},isGeneration(){return Xo.includes(this.config?.action??"")}},methods:{onGenerate(){this.$emit("generate")}}}),Jo={class:"flex flex-col h-full"},Qo={class:"flex-1 overflow-y-auto p-5"},Ko={class:"flex flex-col items-center justify-center px-5 pb-5"};function Wo(e,o,v,f,k,y){const c=n("action-selector"),u=n("video-from-input"),s=n("video-id-input"),w=n("upsample-action-selector"),V=n("extend-model-selector"),_=n("prompt-input"),S=n("motion-type-selector"),$=n("image-mask-input"),N=n("translation-selector"),z=n("aspect-ratio-selector"),F=n("model-selector"),B=n("start-end-image"),q=n("consumption"),H=n("font-awesome-icon"),X=n("el-button");return t(),r("div",Jo,[i("div",Qo,[a(c,{class:"mb-4"}),e.isPostProcessing?(t(),r(E,{key:0},[e.config?.video_url?(t(),m(u,{key:0,class:"mb-4"})):d("",!0),a(s,{class:"mb-4"})],64)):d("",!0),e.config?.action==="upsample"?(t(),m(w,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(V,{key:2,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(_,{key:3,class:"mb-4"})):d("",!0),e.config?.action==="reshoot"?(t(),m(S,{key:4,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"?(t(),m(_,{key:5,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"||e.config?.action==="object_remove"?(t(),m($,{key:6,class:"mb-4"})):d("",!0),e.config?.action==="object_remove"?(t(),m(_,{key:7,class:"mb-4"})):d("",!0),e.isGeneration?(t(),r(E,{key:8},[a(N,{class:"mb-4"}),e.config?.action==="image2video"||e.config?.action==="ingredients2video"?(t(),m(z,{key:0,class:"mb-4"})):d("",!0),a(_,{class:"mb-4"}),e.config?.action!=="ingredients2video"?(t(),m(F,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="image2video"||e.config?.action==="ingredients2video"?(t(),m(B,{key:2,class:"mb-2"})):d("",!0)],64)):d("",!0)]),i("div",Ko,[a(q,{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(H,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const Zo=b(Yo,[["render",Wo]]),xo=g({name:"TaskPreview",components:{ElImage:he,CopyToClipboard:ve,FontAwesomeIcon:P,ElAlert:_e,VideoPlayer:G,ElTooltip:fe,ElButton:U},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onPickAction(e,o,v,f){console.debug("seed config from preview",{action:v,upsampleAction:f,response:o}),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:v,video_id:o?.data?.[0]?.id,video_url:o?.data?.[0]?.video_url,...f?{upsample_action:f}:{}})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),et={class:"preview"},ot={class:"left"},tt={class:"main"},st={class:"bot"},nt={class:"datetime"},at={class:"info"},lt={key:0,class:"prompt mt-2"},it={key:0},rt={key:1},ct={key:0,class:A({content:!0,failed:!0})},dt={key:0,class:"mb-4"},ut={key:1,class:A({operations:!0,"mt-2":!0})},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},vt={key:1,class:A({content:!0})},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},$t={key:2,class:A({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function kt(e,o,v,f,k,y){const c=n("el-image"),u=n("video-player"),s=n("el-button"),w=n("el-tooltip"),V=n("font-awesome-icon"),_=n("copy-to-clipboard"),S=n("el-alert");return t(),r("div",et,[i("div",ot,[a(c,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),i("div",tt,[i("div",st,[h(l(e.$t("veo.name.veoBot"))+" ",1),i("span",nt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",at,[e.modelValue?.request?.prompt?(t(),r("p",lt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(t(),r("span",it," - ("+l(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(t(),r("span",rt," - ("+l(e.$t("veo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(t(),r("div",ct,[e.modelValue?.response?.data[0]?.video_url?(t(),r("div",dt,[a(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):d("",!0),e.modelValue?.response.success?(t(),r("div",ut,[e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=$=>e.onPickAction($,e.modelValue?.response,"upsample","1080p"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample1080p")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:1,type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=$=>e.onPickAction($,e.modelValue?.response,"upsample","4k"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample4k")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:2,type:"info",size:"small",class:"btn-action",onClick:o[2]||(o[2]=$=>e.onPickAction($,e.modelValue?.response,"upsample","gif"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsampleGif")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:3,type:"info",size:"small",class:"btn-action",onClick:o[3]||(o[3]=$=>e.onPickAction($,e.modelValue?.response,"extend"))},{default:p(()=>[h(l(e.$t("veo.button.actionExtend")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:4,type:"info",size:"small",class:"btn-action",onClick:o[4]||(o[4]=$=>e.onPickAction($,e.modelValue?.response,"reshoot"))},{default:p(()=>[h(l(e.$t("veo.button.actionReshoot")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:5,type:"info",size:"small",class:"btn-action",onClick:o[5]||(o[5]=$=>e.onPickAction($,e.modelValue?.response,"object_insert"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectInsert")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:6,type:"info",size:"small",class:"btn-action",onClick:o[6]||(o[6]=$=>e.onPickAction($,e.modelValue?.response,"object_remove"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectRemove")),1)]),_:1})):d("",!0),a(w,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[7]||(o[7]=$=>e.onDownload($,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[h(l(e.$t("veo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"])])):d("",!0),a(S,{closable:!1,class:"mt-2 success"},{default:p(()=>[i("p",pt,[a(V,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",mt,[a(V,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(_,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(t(),r("div",vt,[a(S,{closable:!1,class:"failure"},{template:p(()=>[a(V,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[i("p",ft,[a(V,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(_,{content:e.modelValue?.id},null,8,["content"])]),i("p",_t,[a(V,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("veo.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),a(_,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),r("p",ht,[a(V,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(_,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(t(),r("div",$t,[a(S,{closable:!1,class:"info"},{template:p(()=>[a(V,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[i("p",gt,[a(V,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(_,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),r("p",bt,[a(V,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(_,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0)])])}const yt=b(xo,[["render",kt],["__scopeId","data-v-b6e6abee"]]),Vt=g({name:"RecentPanel",components:{TaskPreview:yt,NoTasks:ge,BotPlaceholder:$e,ScrollList:ae},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),wt={key:0},Et={key:2,class:"w-full h-full flex items-center justify-center"};function It(e,o,v,f,k,y){const c=n("bot-placeholder"),u=n("task-preview"),s=n("scroll-list"),w=n("no-tasks");return t(),r(E,null,[e.tasks?.items===void 0?(t(),r("div",wt,[a(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(t(),m(s,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=V=>e.$emit("reach-top"))},{default:p(()=>[(t(!0),r(E,null,T(e.tasks?.items,(V,_)=>(t(),m(u,{key:_,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(t(),r("div",Et,[a(w)])):d("",!0)],64)}const Tt=b(Vt,[["render",It]]),St="https://webhook.acedata.cloud/veo",At=g({name:"VeoIndex",components:{ConfigPanel:Zo,Layout:Ie,RecentPanel:Tt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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 be({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("veo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("veo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const 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);const{limit:o=5,createdAtMin:v,createdAtMax:f}=e||{};console.debug("limit",o,"createdAtMin",v,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:v,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:St},o=this.credential?.token;if(!o){console.error("no token specified");return}if(e.action==="image2video"&&!(e.image_urls&&e.image_urls.length>0)){I.warning(this.$t("veo.message.imageRequired"));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,I.info(this.$t("veo.message.startingTask")),me.generate(e,{token:o}).then(()=>{I.success(this.$t("veo.message.startTaskSuccess"))}).catch(v=>{v?.response?.data?.error?.code===pe?I.error(this.$t("veo.message.usedUp")):I.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ct(e,o,v,f,k,y){const c=n("config-panel"),u=n("recent-panel"),s=n("layout");return t(),m(s,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[a(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Es=b(At,[["render",Ct]]);export{Es as default};
+import{F as P}from"./index.es-CgtdXCC6.js";import{E as U}from"./index-C25CVHv_.js";import{E as Y}from"./index-xvfpY1YX.js";import{d as g,H as r,E as i,z as L,C as a,y as p,D as n,q as t,F as l,O as E,N as T,x as m,Q as A,R as J,J as d,I as h}from"./vendor-vue-DU0w5ewx.js";import{D as b,b0 as Q,ao as M}from"./index-C3-wmF1i.js";import{b as K,c as W,d as Z,e as x,f as ee,g as oe,h as D,i as te,j as se,k as ne}from"./veo-NH_MUVor.js";import{E as C,a as O}from"./index-BtoTXqsU.js";import{I as j,S as ae}from"./ScrollList-Cu2yoCEI.js";import{E as le}from"./index-Bp1kxQj2.js";import{V as G}from"./VideoPlayer-BIMxsfIZ.js";import{E as R}from"./index-CqSMS5t2.js";import{p as ie}from"./pasteUploadMixin-BurWbGNQ.js";import{I as re}from"./ImagePreview-DArls9pq.js";import{E as ce}from"./index-DkRHsTiz.js";import{E as I}from"./index-W-5lLi59.js";import{C as de}from"./Consumption-GxTGyrc1.js";import{a as ue}from"./price-DFVz0G2x.js";import{b as pe}from"./errorCode-Cqj9Td_Z.js";import{v as me}from"./veo-CP2ukGMM.js";import{C as ve}from"./CopyToClipboard-C36KVGrD.js";import{E as fe}from"./index-B1-mbMYf.js";import{E as _e}from"./index-DrwBl4LW.js";import{E as he}from"./index-D_hokSbg.js";import{B as $e}from"./BotPlaceholder-BQlSeXx6.js";import{N as ge}from"./NoTasks-b4OJIqL7.js";import{l as be}from"./pagination-CcnL0MdN.js";import"./use-form-item-DtuhYcUh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-CwP-L7Jn.js";import"./typescript-pqBgKOiU.js";import"./index-BXLjYm-G.js";import"./strings-DigWlKo9.js";import"./isEqual-BVwuIEtt.js";import"./_Uint8Array-C9DPZS3B.js";import"./castArray-1sgHWSEQ.js";import"./debounce-CoJflkTH.js";import"./_baseIteratee-D0DKZ8mg.js";import"./index-DUfDW12r.js";import"./validator-Dyj2d5gI.js";import"./vue-plyr-BO2nlN4c.js";import"./index-DktIFTNG.js";import"./index-BWkjL97f.js";import"./_baseClone-DroBZ78C.js";import"./_initCloneObject-CydGahMP.js";import"./index-6zN8vY1F.js";const ke=g({name:"LayoutVeo",components:{ElDrawer:Y,ElButton:U,FontAwesomeIcon:P},data(){return{drawer:!1}}}),ye={class:"main flex flex-row flex-1"},Ve={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},we={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ee(e,o,v,f,k,y){const c=n("font-awesome-icon"),u=n("el-button"),s=n("el-drawer");return t(),r("div",ye,[i("div",Ve,[L(e.$slots,"config",{},void 0,!0)]),i("div",we,[L(e.$slots,"result",{},void 0,!0)]),a(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=w=>e.drawer=!0)},{default:p(()=>[a(c,{icon:"fa-solid fa-magic"})]),_:1}),a(s,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[L(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ie=b(ke,[["render",Ee],["__scopeId","data-v-816b984c"]]),Te=g({name:"ModelSelector",components:{ElSelect:O,ElOption:C},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"veo2",label:"veo2"},{value:"veo2-fast",label:"veo2-fast"},{value:"veo3",label:"veo3"},{value:"veo3-fast",label:"veo3-fast"},{value:"veo31-fast",label:"veo31-fast"},{value:"veo31",label:"veo31"},{value:"veo31-fast-ingredients",label:"veo31-fast-ingredients"}]}},computed:{value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||(this.value=K)}}),Se={class:"field"},Ae={class:"title font-bold"};function Ce(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",Se,[i("h2",Ae,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Oe=b(Te,[["render",Ce],["__scopeId","data-v-a59d89c9"]]),Pe=g({name:"ActionSelector",components:{ElSelect:O,ElOption:C},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("veo.button.action1")},{value:"image2video",label:this.$t("veo.button.action2")},{value:"ingredients2video",label:this.$t("veo.button.actionIngredients")},{value:"upsample",label:this.$t("veo.button.actionUpsample")},{value:"extend",label:this.$t("veo.button.actionExtend")},{value:"reshoot",label:this.$t("veo.button.actionReshoot")},{value:"object_insert",label:this.$t("veo.button.actionObjectInsert")},{value:"object_remove",label:this.$t("veo.button.actionObjectRemove")}]},value:{get(){return this.$store.state.veo?.config?.action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:e})}}},mounted(){this.value||(this.value=W)}}),Ue={class:"field"},Le={class:"title font-bold"},je={class:"float-left"};function Re(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",Ue,[i("h2",Le,l(e.$t("veo.name.action")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select"),clearable:""},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},{default:p(()=>[i("span",je,l(s.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Me=b(Pe,[["render",Re],["__scopeId","data-v-f4d8785c"]]),De=g({name:"TranslationSelector",components:{ElSwitch:le,InfoIcon:j},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug("set translation",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=Z)}}),Ge={class:"relative"},Ne={class:"flex justify-between"},ze={class:"flex justify-start items-center"},Fe={class:"text-sm font-bold"},Be={class:"flex justify-end items-center"};function qe(e,o,v,f,k,y){const c=n("info-icon"),u=n("el-switch");return t(),r("div",Ge,[i("div",Ne,[i("div",ze,[i("span",Fe,l(e.$t("veo.name.translation")),1),a(c,{content:e.$t("veo.description.translation")},null,8,["content"])]),i("div",Be,[a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value"},null,8,["modelValue"])])])])}const He=b(De,[["render",qe]]),Xe=g({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.veo?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=x)}}),Ye={class:"text-sm font-bold mb-2 block"},Je={class:"items"},Qe=["onClick"],Ke={class:"name"};function We(e,o,v,f,k,y){return t(),r("div",null,[i("span",Ye,l(e.$t("veo.name.ratio")),1),i("div",Je,[(t(!0),r(E,null,T(e.options,(c,u)=>(t(),r("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:s=>e.value=c.value},[i("div",{class:A(["preview",c.label])},[i("div",{class:"rect",style:J({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ke,l(c.label),1)],10,Qe))),128))])])}const Ze=b(Xe,[["render",We],["__scopeId","data-v-0f16be77"]]),xe=g({name:"VideoFromInput",components:{VideoPlayer:G},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:"1080p"}}}},computed:{config(){return this.$store.state.veo?.config}}}),eo={class:"relative"},oo={class:"flex mb-2"},to={class:"text-sm font-bold"};function so(e,o,v,f,k,y){const c=n("video-player");return t(),r("div",eo,[i("div",oo,[i("span",to,l(e.$t("veo.name.action3")),1)]),i("div",null,[e.config?.video_url?(t(),m(c,{key:0,src:e.config?.video_url},null,8,["src"])):d("",!0)])])}const no=b(xe,[["render",so]]),ao=g({name:"VideoIdInput",components:{ElInput:R},computed:{value:{get(){return this.$store.state.veo?.config?.video_id},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,video_id:e})}}}}),lo={class:"field"},io={class:"title font-bold"};function ro(e,o,v,f,k,y){const c=n("el-input");return t(),r("div",lo,[i("h2",io,l(e.$t("veo.name.videoId")),1),a(c,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.videoId"),clearable:""},null,8,["modelValue","placeholder"])])}const co=b(ao,[["render",ro],["__scopeId","data-v-6eba4026"]]),uo=g({name:"StartEndImage",components:{ElUpload:ce,ElButton:U,InfoIcon:j,FontAwesomeIcon:P,ImagePreview:re},mixins:[ie],emits:["change"],data(){return{fileList:[],uploadUrl:Q()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){I.warning(this.$t("veo.message.uploadReferencesExceed"))},onError(){I.error(this.$t("veo.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("veo/setConfig",{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),po={class:"relative"},mo={class:"flex justify-between"},vo={class:"flex justify-start items-center"},fo={class:"text-sm font-bold"};function _o(e,o,v,f,k,y){const c=n("info-icon"),u=n("image-preview"),s=n("font-awesome-icon"),w=n("el-button"),V=n("el-upload");return t(),r("div",po,[i("div",mo,[i("div",vo,[i("span",fo,l(e.$t("veo.name.startEndImage")),1),a(c,{content:e.$t("veo.description.uploadStartEndImage")},null,8,["content"])])]),a(V,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=_=>e.fileList=_),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:p(({file:_})=>[_.url&&_.percentage!==void 0?(t(),m(u,{key:0,url:_.url,name:_.name,percentage:_.percentage,onRemove:S=>e.fileList.splice(e.fileList.indexOf(_),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:p(()=>[a(w,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[a(s,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+l(e.$t("veo.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const ho=b(uo,[["render",_o],["__scopeId","data-v-b8ddb8fb"]]),$o=g({name:"UpsampleActionSelector",components:{ElSelect:O,ElOption:C},computed:{options(){return oe.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.upsample_action},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,upsample_action:e})}}},mounted(){this.value||(this.value=ee)}}),go={class:"field"},bo={class:"title font-bold"};function ko(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",go,[i("h2",bo,l(e.$t("veo.name.upsampleAction")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const yo=b($o,[["render",ko],["__scopeId","data-v-8b74a7ae"]]),Vo=g({name:"ExtendModelSelector",components:{ElSelect:O,ElOption:C},computed:{options(){return D.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,model:e})}}},mounted(){(!this.value||!D.includes(this.value))&&(this.value=te)}}),wo={class:"field"},Eo={class:"title font-bold"};function Io(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",wo,[i("h2",Eo,l(e.$t("veo.name.model")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select")},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const To=b(Vo,[["render",Io],["__scopeId","data-v-cc3f9355"]]),So=g({name:"MotionTypeSelector",components:{ElSelect:O,ElOption:C},computed:{options(){return ne.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.motion_type},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,motion_type:e})}}},mounted(){this.value||(this.value=se)}}),Ao={class:"field"},Co={class:"title font-bold"};function Oo(e,o,v,f,k,y){const c=n("el-option"),u=n("el-select");return t(),r("div",Ao,[i("h2",Co,l(e.$t("veo.name.motionType")),1),a(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=s=>e.value=s),class:"value",placeholder:e.$t("veo.placeholder.select"),filterable:""},{default:p(()=>[(t(!0),r(E,null,T(e.options,s=>(t(),m(c,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Po=b(So,[["render",Oo],["__scopeId","data-v-3affff3c"]]),Uo=g({name:"ImageMaskInput",components:{ElInput:R},computed:{value:{get(){return this.$store.state.veo?.config?.image_mask},set(e){this.$store.commit("veo/setConfig",{...this.$store.state.veo.config,image_mask:e})}}}}),Lo={class:"field"},jo={class:"title font-bold"};function Ro(e,o,v,f,k,y){const c=n("el-input");return t(),r("div",Lo,[i("h2",jo,l(e.$t("veo.name.imageMask")),1),a(c,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=u=>e.value=u),class:"value",type:"text",placeholder:e.$t("veo.placeholder.imageMask"),clearable:""},null,8,["modelValue","placeholder"])])}const Mo=b(Uo,[["render",Ro],["__scopeId","data-v-6cc27c68"]]),Do="",Go=g({name:"PromptInput",components:{ElInput:R,InfoIcon:j},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Do)}}),No={class:"field"},zo={class:"box"},Fo={class:"title font-bold"};function Bo(e,o,v,f,k,y){const c=n("info-icon"),u=n("el-input");return t(),r("div",No,[i("div",zo,[i("h2",Fo,l(e.$t("veo.name.prompt")),1),a(c,{content:e.$t("veo.description.prompt"),class:"info"},null,8,["content"])]),a(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=s=>e.prompt=s),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("veo.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const qo=b(Go,[["render",Bo],["__scopeId","data-v-84c55ea0"]]),Ho=["upsample","extend","reshoot","object_insert","object_remove","get1080p"],Xo=["text2video","image2video","ingredients2video"],Yo=g({name:"ConfigPanel",components:{ElButton:U,Consumption:de,FontAwesomeIcon:P,PromptInput:qo,ModelSelector:Oe,StartEndImage:ho,ActionSelector:Me,VideoFromInput:no,VideoIdInput:co,UpsampleActionSelector:yo,ExtendModelSelector:To,MotionTypeSelector:Po,ImageMaskInput:Mo,TranslationSelector:He,AspectRatioSelector:Ze},emits:["generate"],computed:{config(){return this.$store.state.veo?.config},consumption(){return ue(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Ho.includes(this.config?.action??"")},isGeneration(){return Xo.includes(this.config?.action??"")}},methods:{onGenerate(){this.$emit("generate")}}}),Jo={class:"flex flex-col h-full"},Qo={class:"flex-1 overflow-y-auto p-5"},Ko={class:"flex flex-col items-center justify-center px-5 pb-5"};function Wo(e,o,v,f,k,y){const c=n("action-selector"),u=n("video-from-input"),s=n("video-id-input"),w=n("upsample-action-selector"),V=n("extend-model-selector"),_=n("prompt-input"),S=n("motion-type-selector"),$=n("image-mask-input"),N=n("translation-selector"),z=n("aspect-ratio-selector"),F=n("model-selector"),B=n("start-end-image"),q=n("consumption"),H=n("font-awesome-icon"),X=n("el-button");return t(),r("div",Jo,[i("div",Qo,[a(c,{class:"mb-4"}),e.isPostProcessing?(t(),r(E,{key:0},[e.config?.video_url?(t(),m(u,{key:0,class:"mb-4"})):d("",!0),a(s,{class:"mb-4"})],64)):d("",!0),e.config?.action==="upsample"?(t(),m(w,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(V,{key:2,class:"mb-4"})):d("",!0),e.config?.action==="extend"?(t(),m(_,{key:3,class:"mb-4"})):d("",!0),e.config?.action==="reshoot"?(t(),m(S,{key:4,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"?(t(),m(_,{key:5,class:"mb-4"})):d("",!0),e.config?.action==="object_insert"||e.config?.action==="object_remove"?(t(),m($,{key:6,class:"mb-4"})):d("",!0),e.config?.action==="object_remove"?(t(),m(_,{key:7,class:"mb-4"})):d("",!0),e.isGeneration?(t(),r(E,{key:8},[a(N,{class:"mb-4"}),e.config?.action==="image2video"||e.config?.action==="ingredients2video"?(t(),m(z,{key:0,class:"mb-4"})):d("",!0),a(_,{class:"mb-4"}),e.config?.action!=="ingredients2video"?(t(),m(F,{key:1,class:"mb-4"})):d("",!0),e.config?.action==="image2video"||e.config?.action==="ingredients2video"?(t(),m(B,{key:2,class:"mb-2"})):d("",!0)],64)):d("",!0)]),i("div",Ko,[a(q,{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(H,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+l(e.$t("veo.button.generate")),1)]),_:1},8,["onClick"])])])}const Zo=b(Yo,[["render",Wo]]),xo=g({name:"TaskPreview",components:{ElImage:he,CopyToClipboard:ve,FontAwesomeIcon:P,ElAlert:_e,VideoPlayer:G,ElTooltip:fe,ElButton:U},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onPickAction(e,o,v,f){console.debug("seed config from preview",{action:v,upsampleAction:f,response:o}),this.$store.commit("veo/setConfig",{...this.$store.state.veo?.config,action:v,video_id:o?.data?.[0]?.id,video_url:o?.data?.[0]?.video_url,...f?{upsample_action:f}:{}})},onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),et={class:"preview"},ot={class:"left"},tt={class:"main"},st={class:"bot"},nt={class:"datetime"},at={class:"info"},lt={key:0,class:"prompt mt-2"},it={key:0},rt={key:1},ct={key:0,class:A({content:!0,failed:!0})},dt={key:0,class:"mb-4"},ut={key:1,class:A({operations:!0,"mt-2":!0})},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},vt={key:1,class:A({content:!0})},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},$t={key:2,class:A({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function kt(e,o,v,f,k,y){const c=n("el-image"),u=n("video-player"),s=n("el-button"),w=n("el-tooltip"),V=n("font-awesome-icon"),_=n("copy-to-clipboard"),S=n("el-alert");return t(),r("div",et,[i("div",ot,[a(c,{src:"https://cdn.acedata.cloud/8nxyy9.jpg",class:"avatar"})]),i("div",tt,[i("div",st,[h(l(e.$t("veo.name.veoBot"))+" ",1),i("span",nt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",at,[e.modelValue?.request?.prompt?(t(),r("p",lt,[h(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(t(),r("span",it," - ("+l(e.$t("veo.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="running"?(t(),r("span",rt," - ("+l(e.$t("veo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(t(),r("div",ct,[e.modelValue?.response?.data[0]?.video_url?(t(),r("div",dt,[a(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):d("",!0),e.modelValue?.response.success?(t(),r("div",ut,[e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[0]||(o[0]=$=>e.onPickAction($,e.modelValue?.response,"upsample","1080p"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample1080p")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:1,type:"info",size:"small",class:"btn-action",onClick:o[1]||(o[1]=$=>e.onPickAction($,e.modelValue?.response,"upsample","4k"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsample4k")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:2,type:"info",size:"small",class:"btn-action",onClick:o[2]||(o[2]=$=>e.onPickAction($,e.modelValue?.response,"upsample","gif"))},{default:p(()=>[h(l(e.$t("veo.button.actionUpsampleGif")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:3,type:"info",size:"small",class:"btn-action",onClick:o[3]||(o[3]=$=>e.onPickAction($,e.modelValue?.response,"extend"))},{default:p(()=>[h(l(e.$t("veo.button.actionExtend")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:4,type:"info",size:"small",class:"btn-action",onClick:o[4]||(o[4]=$=>e.onPickAction($,e.modelValue?.response,"reshoot"))},{default:p(()=>[h(l(e.$t("veo.button.actionReshoot")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:5,type:"info",size:"small",class:"btn-action",onClick:o[5]||(o[5]=$=>e.onPickAction($,e.modelValue?.response,"object_insert"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectInsert")),1)]),_:1})):d("",!0),e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:6,type:"info",size:"small",class:"btn-action",onClick:o[6]||(o[6]=$=>e.onPickAction($,e.modelValue?.response,"object_remove"))},{default:p(()=>[h(l(e.$t("veo.button.actionObjectRemove")),1)]),_:1})):d("",!0),a(w,{class:"box-item",effect:"dark",content:e.$t("veo.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(t(),m(s,{key:0,type:"info",size:"small",class:"btn-action",onClick:o[7]||(o[7]=$=>e.onDownload($,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[h(l(e.$t("veo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"])])):d("",!0),a(S,{closable:!1,class:"mt-2 success"},{default:p(()=>[i("p",pt,[a(V,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",mt,[a(V,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(_,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(t(),r("div",vt,[a(S,{closable:!1,class:"failure"},{template:p(()=>[a(V,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[i("p",ft,[a(V,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(_,{content:e.modelValue?.id},null,8,["content"])]),i("p",_t,[a(V,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+l(e.$t("veo.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),a(_,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),r("p",ht,[a(V,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(_,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(t(),r("div",$t,[a(S,{closable:!1,class:"info"},{template:p(()=>[a(V,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+l(e.$t("veo.name.failure")),1)]),default:p(()=>[i("p",gt,[a(V,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+l(e.$t("veo.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),a(_,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(t(),r("p",bt,[a(V,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+l(e.$t("veo.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),a(_,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):d("",!0)]),_:1})])):d("",!0)])])}const yt=b(xo,[["render",kt],["__scopeId","data-v-b6e6abee"]]),Vt=g({name:"RecentPanel",components:{TaskPreview:yt,NoTasks:ge,BotPlaceholder:$e,ScrollList:ae},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),wt={key:0},Et={key:2,class:"w-full h-full flex items-center justify-center"};function It(e,o,v,f,k,y){const c=n("bot-placeholder"),u=n("task-preview"),s=n("scroll-list"),w=n("no-tasks");return t(),r(E,null,[e.tasks?.items===void 0?(t(),r("div",wt,[a(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(t(),m(s,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=V=>e.$emit("reach-top"))},{default:p(()=>[(t(!0),r(E,null,T(e.tasks?.items,(V,_)=>(t(),m(u,{key:_,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(t(),r("div",Et,[a(w)])):d("",!0)],64)}const Tt=b(Vt,[["render",It]]),St="https://webhook.acedata.cloud/veo",At=g({name:"VeoIndex",components:{ConfigPanel:Zo,Layout:Ie,RecentPanel:Tt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===M.Request||this.fetchingTasks},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.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 be({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("veo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("veo/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const 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);const{limit:o=5,createdAtMin:v,createdAtMax:f}=e||{};console.debug("limit",o,"createdAtMin",v,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("veo/getTasks",{limit:o,createdAtMin:v,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:St},o=this.credential?.token;if(!o){console.error("no token specified");return}if(e.action==="image2video"&&!(e.image_urls&&e.image_urls.length>0)){I.warning(this.$t("veo.message.imageRequired"));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,I.info(this.$t("veo.message.startingTask")),me.generate(e,{token:o}).then(()=>{I.success(this.$t("veo.message.startTaskSuccess"))}).catch(v=>{v?.response?.data?.error?.code===pe?I.error(this.$t("veo.message.usedUp")):I.error(this.$t("veo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ct(e,o,v,f,k,y){const c=n("config-panel"),u=n("recent-panel"),s=n("layout");return t(),m(s,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[a(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Es=b(At,[["render",Ct]]);export{Es as default};

package/dist/assets/{Index-BbxvHcEl.js → Index-nL0aAA0S.js}

@@ -1 +1 @@
-import{y as R,z as A,u as x,H as ee,ae as te,S as se,A as ie,k as V,E as oe,aZ as O,D as M,an as U,bL as ae}from"./index-D4saMGlC.js";import{E as ne}from"./index-B0aR0s7l.js";import{E as Z}from"./index-DH6MtP3d.js";import{E as G,a as q}from"./index-BFQ62bjd.js";import{d as C,q as c,H as g,E as s,u as r,z as L,C as n,R as le,Q as I,F as a,J as w,c as P,x as _,y as o,G as H,O as re,N as de,M as j,I as h,K as W,D as u,a7 as ue}from"./vendor-vue-DU0w5ewx.js";import{E as J}from"./index-DwY9pOO3.js";import{E as K}from"./index-zSPYOXLf.js";import{E as p}from"./index-Ct-EZ76M.js";import{E as me,a as ce}from"./index-DgDNtUBe.js";import{E as pe}from"./index-BlKyot0X.js";import{E as fe,a as he}from"./index-BlnTs38h.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-ClSWGTjJ.js";import"./index-B_KH4K5T.js";import"./index-Cuy1fHGt.js";import"./use-form-item-DcOclXCw.js";import"./castArray--oY6r8jd.js";import"./_baseClone-8AWe3BQs.js";import"./_Uint8Array-VygXE9xf.js";import"./_initCloneObject-BrdqfTp3.js";import"./index-BuyEbX8F.js";import"./validator-BVNDYkbY.js";import"./index-DmVTvMHH.js";import"./index-DXexZRXn.js";import"./isPlainObject-FvgO03a8.js";import"./_baseIteratee-BUY84h9-.js";import"./isEqual-BGJ5u1aM.js";import"./debounce-CxAObiU1.js";import"./index-BQA0Ltgm.js";import"./index-C8RMr0ye.js";const ge=C({name:"ImgEmpty"}),be=C({...ge,setup(e){const t=A("empty"),i=x();return(d,b)=>(c(),g("svg",{viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[s("defs",null,[s("linearGradient",{id:`linearGradient-1-${r(i)}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-4")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("linearGradient",{id:`linearGradient-2-${r(i)}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-6")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("rect",{id:`path-3-${r(i)}`,x:"0",y:"0",width:"17",height:"36"},null,8,["id"])]),s("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[s("g",{transform:"translate(-1268.000000, -535.000000)"},[s("g",{transform:"translate(1268.000000, 535.000000)"},[s("path",{d:"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",fill:`var(${r(t).cssVarBlockName("fill-color-3")})`},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",points:"13 58 53 58 42 45 2 45"},null,8,["fill"]),s("g",{transform:"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"},[s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",points:"2.84078316e-14 3 18 3 23 7 5 7"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-5")})`,points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,8,["fill"]),s("rect",{fill:`url(#linearGradient-1-${r(i)})`,transform:"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",x:"38",y:"7",width:"17",height:"36"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",points:"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"},null,8,["fill"])]),s("rect",{fill:`url(#linearGradient-2-${r(i)})`,x:"13",y:"45",width:"40",height:"36"},null,8,["fill"]),s("g",{transform:"translate(53.000000, 45.000000)"},[s("use",{fill:`var(${r(t).cssVarBlockName("fill-color-8")})`,transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${r(i)}`},null,8,["fill","xlink:href"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-9")})`,mask:`url(#mask-4-${r(i)})`,transform:"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",points:"7 0 24 0 20 18 7 16.5"},null,8,["fill","mask"])]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",points:"62 45 79 45 70 58 53 58"},null,8,["fill"])])])])]))}});var ye=R(be,[["__file","img-empty.vue"]]);const $e=ee({image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}}),_e=C({name:"ElEmpty"}),ke=C({..._e,props:$e,setup(e){const t=e,{t:i}=te(),d=A("empty"),b=P(()=>t.description||i("el.table.emptyText")),k=P(()=>({width:se(t.imageSize)}));return(f,y)=>(c(),g("div",{class:I(r(d).b())},[s("div",{class:I(r(d).e("image")),style:le(r(k))},[f.image?(c(),g("img",{key:0,src:f.image,ondragstart:"return false"},null,8,["src"])):L(f.$slots,"image",{key:1},()=>[n(ye)])],6),s("div",{class:I(r(d).e("description"))},[f.$slots.description?L(f.$slots,"description",{key:0}):(c(),g("p",{key:1},a(r(b)),1))],2),f.$slots.default?(c(),g("div",{key:0,class:I(r(d).e("bottom"))},[L(f.$slots,"default")],2)):w("v-if",!0)],2))}});var ve=R(ke,[["__file","empty.vue"]]);const Q=ie(ve);class we{key="site-domains";async getAll(t={}){return await V.get(`/${this.key}/`,{params:t})}async get(t){return await V.get(`/${this.key}/${t}`)}async create(t){return await V.post(`/${this.key}/`,t)}async verify(t){return await V.post(`/${this.key}/${t}/verify/`)}async delete(t){return await V.delete(`/${this.key}/${t}`)}}const E=new we,Ce=/^[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?$/,Ve=["acedata.cloud","surl.id","localhost"];function Ee(e){let t=(e||"").trim().toLowerCase();if(!t)return{ok:!1,reason:"empty"};if(t.includes("://"))try{t=new URL(t).hostname||""}catch{return{ok:!1,reason:"invalid_url"}}if(t=t.replace(/\/.*$/,"").split(":")[0],!t)return{ok:!1,reason:"empty"};if(!t.includes("."))return{ok:!1,reason:"no_dot"};for(const d of Ve)if(t===d||t.endsWith("."+d))return{ok:!1,reason:"reserved"};const i=t.split(".");if(i.length<2)return{ok:!1,reason:"too_few_labels"};for(const d of i)if(!d||!Ce.test(d))return{ok:!1,reason:"bad_label"};return{ok:!0,value:t}}const De=C({name:"DomainsDialog",components:{ElDialog:O,ElButton:J,ElEmpty:Q,ElForm:q,ElFormItem:G,ElInput:Z,ElTag:oe,ElDivider:ne},props:{modelValue:{type:Boolean,required:!0},site:{type:Object,default:null}},emits:["update:modelValue"],data(){return{loading:!1,domains:[],bind:{hostname:""},binding:!1,busyId:null}},watch:{modelValue(e){e&&this.site?.id?this.fetchDomains():e||(this.domains=[],this.bind.hostname="",this.busyId=null)}},methods:{async fetchDomains(){if(this.site?.id){this.loading=!0;try{const{data:e}=await E.getAll({site:this.site.id});this.domains=e?.items||[]}catch(e){console.error("failed to load domains",e),p.error(this.$t("subsite.message.domainsLoadFailed"))}finally{this.loading=!1}}},async onBind(){if(!this.site?.id)return;const e=Ee(this.bind.hostname);if(!e.ok){p.warning(this.$t("subsite.message.hostnameInvalid"));return}this.binding=!0;try{const{data:t}=await E.create({site:this.site.id,hostname:e.value});p.success(this.$t("subsite.message.domainCreated")),this.domains=[t,...this.domains],this.bind.hostname=""}catch(t){const i=t?.response?.data?.hostname||t?.response?.data?.detail||t?.response?.data?.site||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainCreateFailed"))}finally{this.binding=!1}},async onVerify(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.verify(e.id);this.replaceRow(t),t.status==="Active"?p.success(this.$t("subsite.message.domainActive")):t.status==="Failed"?p.error(t.status_reason||this.$t("subsite.message.domainFailed")):p.info(this.$t("subsite.message.domainProgressed"))}catch(t){const i=t?.response?.data?.verification||t?.response?.data?.edgeone||t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainVerifyFailed"))}finally{this.busyId=null}}},async onRefresh(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.get(e.id);this.replaceRow(t)}catch(t){console.error("refresh failed",t)}finally{this.busyId=null}}},async onDelete(e){if(!(!e.id||!e.hostname)){try{await K.confirm(this.$t("subsite.message.domainDeleteConfirm",{hostname:e.hostname}),this.$t("common.button.delete"),{type:"warning",confirmButtonText:this.$t("common.button.delete"),cancelButtonText:this.$t("common.button.cancel")})}catch{return}this.busyId=e.id;try{await E.delete(e.id),this.domains=this.domains.filter(t=>t.id!==e.id)}catch(t){const i=t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainDeleteFailed"))}finally{this.busyId=null}}},replaceRow(e){const t=this.domains.findIndex(i=>i.id===e.id);t>=0?this.domains.splice(t,1,e):this.domains=[e,...this.domains]},canVerify(e){return e.status==="PendingDnsVerification"||e.status==="ProvisioningEo"||e.status==="ProvisioningCert"},verifyButtonLabel(e){return e==="PendingDnsVerification"?this.$t("subsite.button.verify"):this.$t("subsite.button.checkProgress")},statusLabel(e){if(!e)return"-";const t=`subsite.status.${e.charAt(0).toLowerCase()+e.slice(1)}`;return this.$t(t)},statusTagType(e){return e==="Active"?"success":e==="Failed"?"danger":e==="PendingDnsVerification"?"info":"warning"}}}),Se={class:"domains-body"},Be={class:"tip"},Ie={class:"domain-row-head"},Ne={class:"hostname"},ze={class:"row-actions"},Te={key:0,class:"status-reason error"},Le={key:1,class:"dns-instructions"},Fe={class:"instructions"},Ue={class:"dns-record"},Pe={class:"break"},Re={class:"bind-title"},Ae={class:"tip"};function Oe(e,t,i,d,b,k){const f=u("el-empty"),y=u("el-tag"),$=u("el-button"),N=u("el-divider"),v=u("el-input"),z=u("el-form-item"),T=u("el-form"),D=u("el-dialog"),S=W("loading");return c(),_(D,{"model-value":e.modelValue,title:e.$t("subsite.title.domains",{origin:e.site?.origin||""}),width:"640px",class:"domains-dialog","onUpdate:modelValue":t[3]||(t[3]=l=>e.$emit("update:modelValue",l))},{footer:o(()=>[s("span",null,[n($,{round:"",onClick:t[2]||(t[2]=l=>e.$emit("update:modelValue",!1))},{default:o(()=>[h(a(e.$t("common.button.close")),1)]),_:1}),n($,{round:"",type:"primary",loading:e.binding,disabled:!e.bind.hostname.trim(),onClick:e.onBind},{default:o(()=>[h(a(e.$t("subsite.button.bindDomain")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[H((c(),g("div",Se,[s("p",Be,a(e.$t("subsite.message.domainsIntro")),1),!e.loading&&e.domains.length===0?(c(),_(f,{key:0,description:e.$t("subsite.message.domainsEmpty")},null,8,["description"])):w("",!0),(c(!0),g(re,null,de(e.domains,l=>(c(),g("div",{key:l.id,class:"domain-row"},[s("div",Ie,[s("strong",Ne,a(l.hostname),1),n(y,{type:e.statusTagType(l.status),size:"small",class:"status-tag"},{default:o(()=>[h(a(e.statusLabel(l.status)),1)]),_:2},1032,["type"]),s("span",ze,[e.canVerify(l)?(c(),_($,{key:0,size:"small",type:"primary",loading:e.busyId===l.id,link:"",onClick:B=>e.onVerify(l)},{default:o(()=>[h(a(e.verifyButtonLabel(l.status)),1)]),_:2},1032,["loading","onClick"])):w("",!0),l.status!=="Active"?(c(),_($,{key:1,size:"small",link:"",loading:e.busyId===l.id,onClick:B=>e.onRefresh(l)},{default:o(()=>[h(a(e.$t("subsite.button.refresh")),1)]),_:1},8,["loading","onClick"])):w("",!0),n($,{size:"small",link:"",type:"danger",loading:e.busyId===l.id,onClick:B=>e.onDelete(l)},{default:o(()=>[h(a(e.$t("common.button.delete")),1)]),_:1},8,["loading","onClick"])])]),l.status_reason?(c(),g("div",Te,a(l.status_reason),1)):w("",!0),l.dns_instructions?(c(),g("div",Le,[s("p",Fe,a(l.dns_instructions.instructions),1),s("table",Ue,[s("tr",null,[s("th",null,a(e.$t("subsite.field.recordType")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_type),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordName")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_name),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordValue")),1),s("td",null,[s("code",Pe,a(l.dns_instructions.record_value),1)])])])])):w("",!0)]))),128)),n(N),s("h4",Re,a(e.$t("subsite.title.bindDomain")),1),n(T,{model:e.bind,"label-width":"auto",class:"form",onSubmit:t[1]||(t[1]=j(()=>{},["prevent"]))},{default:o(()=>[n(z,{label:e.$t("subsite.field.hostname"),required:""},{default:o(()=>[n(v,{modelValue:e.bind.hostname,"onUpdate:modelValue":t[0]||(t[0]=l=>e.bind.hostname=l),placeholder:e.$t("subsite.placeholder.hostname"),maxlength:"253",autofocus:""},null,8,["modelValue","placeholder"]),s("span",Ae,a(e.$t("subsite.message.hostnameTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])])),[[S,e.loading]])]),_:1},8,["model-value","title"])}const Me=M(De,[["render",Oe],["__scopeId","data-v-28d4f7c7"]]),Ze=/^(?!.*--)[a-z0-9][a-z0-9-]{1,30}[a-z0-9]$/,Ge=C({name:"SubsiteIndex",components:{ElRow:he,ElCol:fe,ElCard:pe,ElButton:J,ElTable:ce,ElTableColumn:me,ElEmpty:Q,ElDialog:O,ElForm:q,ElFormItem:G,ElInput:Z,DomainsDialog:Me},data(){return{Plus:ue(ae),loading:!1,items:[],creating:{visible:!1,submitting:!1,form:{slug:"",title:""}},domainsDialog:{visible:!1,site:null}}},computed:{parentSite(){return this.$store.state.site},user(){return this.$store.getters.user},subdomainZone(){const e=this.parentSite?.features?.subsite?.subdomain_zone;return e||(typeof window<"u"&&window.location?.host?window.location.host.split(":")[0]:this.parentSite?.origin||"")},maxSubsitesPerUser(){const e=this.parentSite?.features?.subsite?.max_subsites_per_user;return typeof e=="number"&&e>0?e:5},canCreate(){return!!this.subdomainZone&&!!this.user?.id&&this.items.length<this.maxSubsitesPerUser}},mounted(){this.fetchSubsites()},methods:{async fetchSubsites(){const e=this.user?.id;if(!e){this.items=[];return}this.loading=!0;try{const{data:t}=await U.getAll({user_id:e}),i=t?.items||[],d=this.parentSite?.id;this.items=i.filter(b=>{if(b.id===d)return!1;const k=b.metadata||{};return d&&k.parent_site_id?k.parent_site_id===d:!!(b.origin&&this.subdomainZone&&b.origin.endsWith(`.${this.subdomainZone}`))})}catch(t){console.error("failed to load subsites",t),p.error(this.$t("subsite.message.loadFailed"))}finally{this.loading=!1}},onOpenCreate(){this.creating.form.slug="",this.creating.form.title="",this.creating.visible=!0},onCancelCreate(){this.creating.visible=!1},async onSubmitCreate(){const e=this.creating.form.slug.trim().toLowerCase();if(!Ze.test(e)){p.warning(this.$t("subsite.message.slugInvalid"));return}if(!this.subdomainZone){p.error(this.$t("subsite.message.zoneMissing"));return}const t=`${e}.${this.subdomainZone}`;this.creating.submitting=!0;try{const{data:i}=await U.create({origin:t,title:this.creating.form.title.trim()||void 0});p.success(this.$t("subsite.message.created")),this.creating.visible=!1,this.items=[i,...this.items],K.confirm(this.$t("subsite.message.openNowConfirm",{origin:t}),this.$t("subsite.title.openNow"),{confirmButtonText:this.$t("subsite.button.open"),cancelButtonText:this.$t("common.button.cancel"),type:"success"}).then(()=>window.open(`https://${t}/`,"_blank","noopener")).catch(()=>{})}catch(i){const d=i?.response?.data?.origin||i?.response?.data?.detail||i?.message;p.error(typeof d=="string"?d:this.$t("subsite.message.createFailed"))}finally{this.creating.submitting=!1}},onOpenSite(e){e.origin&&window.open(`https://${e.origin}/`,"_blank","noopener")},onManageSite(e){e.origin&&window.open(`https://${e.origin}/site`,"_blank","noopener")},onOpenDomains(e){this.domainsDialog.site=e,this.domainsDialog.visible=!0},rowUrl(e){return e.origin?`https://${e.origin}/`:"#"},formatDate(e){if(!e)return"-";try{return new Date(e).toLocaleString()}catch{return e}}}}),qe={class:"title"},He={class:"tip"},je=["href"],We={class:"tip"};function Je(e,t,i,d,b,k){const f=u("el-col"),y=u("el-button"),$=u("el-row"),N=u("el-empty"),v=u("el-table-column"),z=u("el-table"),T=u("el-card"),D=u("el-input"),S=u("el-form-item"),l=u("el-form"),B=u("el-dialog"),X=u("domains-dialog"),Y=W("loading");return c(),_($,{class:"panel"},{default:o(()=>[n(f,{span:24},{default:o(()=>[n($,{class:"header",justify:"space-between",align:"middle"},{default:o(()=>[n(f,{md:16,xs:24},{default:o(()=>[s("h2",qe,a(e.$t("subsite.title.index")),1),s("p",He,a(e.$t("subsite.message.indexTip")),1)]),_:1}),n(f,{md:8,xs:24,class:"header-actions"},{default:o(()=>[n(y,{type:"primary",round:"",icon:e.Plus,disabled:!e.canCreate,onClick:e.onOpenCreate},{default:o(()=>[h(a(e.$t("subsite.button.create")),1)]),_:1},8,["icon","disabled","onClick"])]),_:1})]),_:1}),H((c(),_(T,{shadow:"hover",class:"list-card"},{default:o(()=>[!e.loading&&e.items.length===0?(c(),_(N,{key:0,description:e.$t("subsite.message.empty")},null,8,["description"])):(c(),_(z,{key:1,data:e.items,stripe:""},{default:o(()=>[n(v,{label:e.$t("subsite.field.origin"),prop:"origin"},{default:o(({row:m})=>[s("a",{href:e.rowUrl(m),target:"_blank",rel:"noopener",class:"origin-link"},a(m.origin),9,je)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.title"),prop:"title"},{default:o(({row:m})=>[s("span",null,a(m.title||"-"),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.createdAt"),prop:"created_at",width:"180"},{default:o(({row:m})=>[s("span",null,a(e.formatDate(m.created_at)),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.actions"),width:"260",fixed:"right"},{default:o(({row:m})=>[n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.open")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onManageSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.manage")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenDomains(m)},{default:o(()=>[h(a(e.$t("subsite.button.domains")),1)]),_:1},8,["onClick"])]),_:1},8,["label"])]),_:1},8,["data"]))]),_:1})),[[Y,e.loading]])]),_:1}),n(B,{modelValue:e.creating.visible,"onUpdate:modelValue":t[3]||(t[3]=m=>e.creating.visible=m),title:e.$t("subsite.title.create"),width:"480px",class:"create-dialog"},{footer:o(()=>[s("span",null,[n(y,{round:"",onClick:e.onCancelCreate},{default:o(()=>[h(a(e.$t("common.button.cancel")),1)]),_:1},8,["onClick"]),n(y,{round:"",type:"primary",loading:e.creating.submitting,disabled:!e.creating.form.slug.trim(),onClick:e.onSubmitCreate},{default:o(()=>[h(a(e.$t("common.button.confirm")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[n(l,{model:e.creating.form,"label-width":"auto",class:"form",onSubmit:t[2]||(t[2]=j(()=>{},["prevent"]))},{default:o(()=>[n(S,{label:e.$t("subsite.field.slug"),required:""},{default:o(()=>[n(D,{modelValue:e.creating.form.slug,"onUpdate:modelValue":t[0]||(t[0]=m=>e.creating.form.slug=m),placeholder:e.$t("subsite.placeholder.slug"),maxlength:"32","show-word-limit":"",autofocus:""},{append:o(()=>[h("."+a(e.subdomainZone),1)]),_:1},8,["modelValue","placeholder"]),s("span",We,a(e.$t("subsite.message.slugTip")),1)]),_:1},8,["label"]),n(S,{label:e.$t("subsite.field.title")},{default:o(()=>[n(D,{modelValue:e.creating.form.title,"onUpdate:modelValue":t[1]||(t[1]=m=>e.creating.form.title=m),placeholder:e.$t("subsite.placeholder.title"),maxlength:"80"},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1},8,["model"])]),_:1},8,["modelValue","title"]),n(X,{modelValue:e.domainsDialog.visible,"onUpdate:modelValue":t[4]||(t[4]=m=>e.domainsDialog.visible=m),site:e.domainsDialog.site},null,8,["modelValue","site"])]),_:1})}const Dt=M(Ge,[["render",Je],["__scopeId","data-v-b054ab8b"]]);export{Dt as default};
+import{y as R,z as A,u as x,H as ee,ae as te,S as se,A as ie,k as V,E as oe,aZ as O,D as M,an as U,bL as ae}from"./index-C3-wmF1i.js";import{E as ne}from"./index-DeILm3Lm.js";import{E as Z}from"./index-CqSMS5t2.js";import{E as G,a as q}from"./index-CcbKIWRj.js";import{d as C,q as c,H as g,E as s,u as r,z as L,C as n,R as le,Q as I,F as a,J as w,c as P,x as _,y as o,G as H,O as re,N as de,M as j,I as h,K as W,D as u,a7 as ue}from"./vendor-vue-DU0w5ewx.js";import{E as J}from"./index-C25CVHv_.js";import{E as K}from"./index-d754nSEm.js";import{E as p}from"./index-W-5lLi59.js";import{E as me,a as ce}from"./index-Cch-QkFj.js";import{E as pe}from"./index-DA-dD1Jl.js";import{E as fe,a as he}from"./index-DdJYPSZ8.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-pqBgKOiU.js";import"./index-BXLjYm-G.js";import"./index-DktIFTNG.js";import"./use-form-item-DtuhYcUh.js";import"./castArray-1sgHWSEQ.js";import"./_baseClone-DroBZ78C.js";import"./_Uint8Array-C9DPZS3B.js";import"./_initCloneObject-CydGahMP.js";import"./index-BuyEbX8F.js";import"./validator-Dyj2d5gI.js";import"./index-CwP-L7Jn.js";import"./index-B1-mbMYf.js";import"./isPlainObject-LE5Z0BKi.js";import"./_baseIteratee-D0DKZ8mg.js";import"./isEqual-BVwuIEtt.js";import"./debounce-CoJflkTH.js";import"./index-BHgD_Zxj.js";import"./index-DUfDW12r.js";const ge=C({name:"ImgEmpty"}),be=C({...ge,setup(e){const t=A("empty"),i=x();return(d,b)=>(c(),g("svg",{viewBox:"0 0 79 86",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[s("defs",null,[s("linearGradient",{id:`linearGradient-1-${r(i)}`,x1:"38.8503086%",y1:"0%",x2:"61.1496914%",y2:"100%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-4")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("linearGradient",{id:`linearGradient-2-${r(i)}`,x1:"0%",y1:"9.5%",x2:"100%",y2:"90.5%"},[s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-1")})`,offset:"0%"},null,8,["stop-color"]),s("stop",{"stop-color":`var(${r(t).cssVarBlockName("fill-color-6")})`,offset:"100%"},null,8,["stop-color"])],8,["id"]),s("rect",{id:`path-3-${r(i)}`,x:"0",y:"0",width:"17",height:"36"},null,8,["id"])]),s("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[s("g",{transform:"translate(-1268.000000, -535.000000)"},[s("g",{transform:"translate(1268.000000, 535.000000)"},[s("path",{d:"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",fill:`var(${r(t).cssVarBlockName("fill-color-3")})`},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",points:"13 58 53 58 42 45 2 45"},null,8,["fill"]),s("g",{transform:"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"},[s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-7")})`,transform:"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",points:"2.84078316e-14 3 18 3 23 7 5 7"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-5")})`,points:"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"},null,8,["fill"]),s("rect",{fill:`url(#linearGradient-1-${r(i)})`,transform:"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",x:"38",y:"7",width:"17",height:"36"},null,8,["fill"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",points:"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"},null,8,["fill"])]),s("rect",{fill:`url(#linearGradient-2-${r(i)})`,x:"13",y:"45",width:"40",height:"36"},null,8,["fill"]),s("g",{transform:"translate(53.000000, 45.000000)"},[s("use",{fill:`var(${r(t).cssVarBlockName("fill-color-8")})`,transform:"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ","xlink:href":`#path-3-${r(i)}`},null,8,["fill","xlink:href"]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-9")})`,mask:`url(#mask-4-${r(i)})`,transform:"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",points:"7 0 24 0 20 18 7 16.5"},null,8,["fill","mask"])]),s("polygon",{fill:`var(${r(t).cssVarBlockName("fill-color-2")})`,transform:"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",points:"62 45 79 45 70 58 53 58"},null,8,["fill"])])])])]))}});var ye=R(be,[["__file","img-empty.vue"]]);const $e=ee({image:{type:String,default:""},imageSize:Number,description:{type:String,default:""}}),_e=C({name:"ElEmpty"}),ke=C({..._e,props:$e,setup(e){const t=e,{t:i}=te(),d=A("empty"),b=P(()=>t.description||i("el.table.emptyText")),k=P(()=>({width:se(t.imageSize)}));return(f,y)=>(c(),g("div",{class:I(r(d).b())},[s("div",{class:I(r(d).e("image")),style:le(r(k))},[f.image?(c(),g("img",{key:0,src:f.image,ondragstart:"return false"},null,8,["src"])):L(f.$slots,"image",{key:1},()=>[n(ye)])],6),s("div",{class:I(r(d).e("description"))},[f.$slots.description?L(f.$slots,"description",{key:0}):(c(),g("p",{key:1},a(r(b)),1))],2),f.$slots.default?(c(),g("div",{key:0,class:I(r(d).e("bottom"))},[L(f.$slots,"default")],2)):w("v-if",!0)],2))}});var ve=R(ke,[["__file","empty.vue"]]);const Q=ie(ve);class we{key="site-domains";async getAll(t={}){return await V.get(`/${this.key}/`,{params:t})}async get(t){return await V.get(`/${this.key}/${t}`)}async create(t){return await V.post(`/${this.key}/`,t)}async verify(t){return await V.post(`/${this.key}/${t}/verify/`)}async delete(t){return await V.delete(`/${this.key}/${t}`)}}const E=new we,Ce=/^[a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?$/,Ve=["acedata.cloud","surl.id","localhost"];function Ee(e){let t=(e||"").trim().toLowerCase();if(!t)return{ok:!1,reason:"empty"};if(t.includes("://"))try{t=new URL(t).hostname||""}catch{return{ok:!1,reason:"invalid_url"}}if(t=t.replace(/\/.*$/,"").split(":")[0],!t)return{ok:!1,reason:"empty"};if(!t.includes("."))return{ok:!1,reason:"no_dot"};for(const d of Ve)if(t===d||t.endsWith("."+d))return{ok:!1,reason:"reserved"};const i=t.split(".");if(i.length<2)return{ok:!1,reason:"too_few_labels"};for(const d of i)if(!d||!Ce.test(d))return{ok:!1,reason:"bad_label"};return{ok:!0,value:t}}const De=C({name:"DomainsDialog",components:{ElDialog:O,ElButton:J,ElEmpty:Q,ElForm:q,ElFormItem:G,ElInput:Z,ElTag:oe,ElDivider:ne},props:{modelValue:{type:Boolean,required:!0},site:{type:Object,default:null}},emits:["update:modelValue"],data(){return{loading:!1,domains:[],bind:{hostname:""},binding:!1,busyId:null}},watch:{modelValue(e){e&&this.site?.id?this.fetchDomains():e||(this.domains=[],this.bind.hostname="",this.busyId=null)}},methods:{async fetchDomains(){if(this.site?.id){this.loading=!0;try{const{data:e}=await E.getAll({site:this.site.id});this.domains=e?.items||[]}catch(e){console.error("failed to load domains",e),p.error(this.$t("subsite.message.domainsLoadFailed"))}finally{this.loading=!1}}},async onBind(){if(!this.site?.id)return;const e=Ee(this.bind.hostname);if(!e.ok){p.warning(this.$t("subsite.message.hostnameInvalid"));return}this.binding=!0;try{const{data:t}=await E.create({site:this.site.id,hostname:e.value});p.success(this.$t("subsite.message.domainCreated")),this.domains=[t,...this.domains],this.bind.hostname=""}catch(t){const i=t?.response?.data?.hostname||t?.response?.data?.detail||t?.response?.data?.site||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainCreateFailed"))}finally{this.binding=!1}},async onVerify(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.verify(e.id);this.replaceRow(t),t.status==="Active"?p.success(this.$t("subsite.message.domainActive")):t.status==="Failed"?p.error(t.status_reason||this.$t("subsite.message.domainFailed")):p.info(this.$t("subsite.message.domainProgressed"))}catch(t){const i=t?.response?.data?.verification||t?.response?.data?.edgeone||t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainVerifyFailed"))}finally{this.busyId=null}}},async onRefresh(e){if(e.id){this.busyId=e.id;try{const{data:t}=await E.get(e.id);this.replaceRow(t)}catch(t){console.error("refresh failed",t)}finally{this.busyId=null}}},async onDelete(e){if(!(!e.id||!e.hostname)){try{await K.confirm(this.$t("subsite.message.domainDeleteConfirm",{hostname:e.hostname}),this.$t("common.button.delete"),{type:"warning",confirmButtonText:this.$t("common.button.delete"),cancelButtonText:this.$t("common.button.cancel")})}catch{return}this.busyId=e.id;try{await E.delete(e.id),this.domains=this.domains.filter(t=>t.id!==e.id)}catch(t){const i=t?.response?.data?.detail||t?.message;p.error(typeof i=="string"?i:this.$t("subsite.message.domainDeleteFailed"))}finally{this.busyId=null}}},replaceRow(e){const t=this.domains.findIndex(i=>i.id===e.id);t>=0?this.domains.splice(t,1,e):this.domains=[e,...this.domains]},canVerify(e){return e.status==="PendingDnsVerification"||e.status==="ProvisioningEo"||e.status==="ProvisioningCert"},verifyButtonLabel(e){return e==="PendingDnsVerification"?this.$t("subsite.button.verify"):this.$t("subsite.button.checkProgress")},statusLabel(e){if(!e)return"-";const t=`subsite.status.${e.charAt(0).toLowerCase()+e.slice(1)}`;return this.$t(t)},statusTagType(e){return e==="Active"?"success":e==="Failed"?"danger":e==="PendingDnsVerification"?"info":"warning"}}}),Se={class:"domains-body"},Be={class:"tip"},Ie={class:"domain-row-head"},Ne={class:"hostname"},ze={class:"row-actions"},Te={key:0,class:"status-reason error"},Le={key:1,class:"dns-instructions"},Fe={class:"instructions"},Ue={class:"dns-record"},Pe={class:"break"},Re={class:"bind-title"},Ae={class:"tip"};function Oe(e,t,i,d,b,k){const f=u("el-empty"),y=u("el-tag"),$=u("el-button"),N=u("el-divider"),v=u("el-input"),z=u("el-form-item"),T=u("el-form"),D=u("el-dialog"),S=W("loading");return c(),_(D,{"model-value":e.modelValue,title:e.$t("subsite.title.domains",{origin:e.site?.origin||""}),width:"640px",class:"domains-dialog","onUpdate:modelValue":t[3]||(t[3]=l=>e.$emit("update:modelValue",l))},{footer:o(()=>[s("span",null,[n($,{round:"",onClick:t[2]||(t[2]=l=>e.$emit("update:modelValue",!1))},{default:o(()=>[h(a(e.$t("common.button.close")),1)]),_:1}),n($,{round:"",type:"primary",loading:e.binding,disabled:!e.bind.hostname.trim(),onClick:e.onBind},{default:o(()=>[h(a(e.$t("subsite.button.bindDomain")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[H((c(),g("div",Se,[s("p",Be,a(e.$t("subsite.message.domainsIntro")),1),!e.loading&&e.domains.length===0?(c(),_(f,{key:0,description:e.$t("subsite.message.domainsEmpty")},null,8,["description"])):w("",!0),(c(!0),g(re,null,de(e.domains,l=>(c(),g("div",{key:l.id,class:"domain-row"},[s("div",Ie,[s("strong",Ne,a(l.hostname),1),n(y,{type:e.statusTagType(l.status),size:"small",class:"status-tag"},{default:o(()=>[h(a(e.statusLabel(l.status)),1)]),_:2},1032,["type"]),s("span",ze,[e.canVerify(l)?(c(),_($,{key:0,size:"small",type:"primary",loading:e.busyId===l.id,link:"",onClick:B=>e.onVerify(l)},{default:o(()=>[h(a(e.verifyButtonLabel(l.status)),1)]),_:2},1032,["loading","onClick"])):w("",!0),l.status!=="Active"?(c(),_($,{key:1,size:"small",link:"",loading:e.busyId===l.id,onClick:B=>e.onRefresh(l)},{default:o(()=>[h(a(e.$t("subsite.button.refresh")),1)]),_:1},8,["loading","onClick"])):w("",!0),n($,{size:"small",link:"",type:"danger",loading:e.busyId===l.id,onClick:B=>e.onDelete(l)},{default:o(()=>[h(a(e.$t("common.button.delete")),1)]),_:1},8,["loading","onClick"])])]),l.status_reason?(c(),g("div",Te,a(l.status_reason),1)):w("",!0),l.dns_instructions?(c(),g("div",Le,[s("p",Fe,a(l.dns_instructions.instructions),1),s("table",Ue,[s("tr",null,[s("th",null,a(e.$t("subsite.field.recordType")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_type),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordName")),1),s("td",null,[s("code",null,a(l.dns_instructions.record_name),1)])]),s("tr",null,[s("th",null,a(e.$t("subsite.field.recordValue")),1),s("td",null,[s("code",Pe,a(l.dns_instructions.record_value),1)])])])])):w("",!0)]))),128)),n(N),s("h4",Re,a(e.$t("subsite.title.bindDomain")),1),n(T,{model:e.bind,"label-width":"auto",class:"form",onSubmit:t[1]||(t[1]=j(()=>{},["prevent"]))},{default:o(()=>[n(z,{label:e.$t("subsite.field.hostname"),required:""},{default:o(()=>[n(v,{modelValue:e.bind.hostname,"onUpdate:modelValue":t[0]||(t[0]=l=>e.bind.hostname=l),placeholder:e.$t("subsite.placeholder.hostname"),maxlength:"253",autofocus:""},null,8,["modelValue","placeholder"]),s("span",Ae,a(e.$t("subsite.message.hostnameTip")),1)]),_:1},8,["label"])]),_:1},8,["model"])])),[[S,e.loading]])]),_:1},8,["model-value","title"])}const Me=M(De,[["render",Oe],["__scopeId","data-v-28d4f7c7"]]),Ze=/^(?!.*--)[a-z0-9][a-z0-9-]{1,30}[a-z0-9]$/,Ge=C({name:"SubsiteIndex",components:{ElRow:he,ElCol:fe,ElCard:pe,ElButton:J,ElTable:ce,ElTableColumn:me,ElEmpty:Q,ElDialog:O,ElForm:q,ElFormItem:G,ElInput:Z,DomainsDialog:Me},data(){return{Plus:ue(ae),loading:!1,items:[],creating:{visible:!1,submitting:!1,form:{slug:"",title:""}},domainsDialog:{visible:!1,site:null}}},computed:{parentSite(){return this.$store.state.site},user(){return this.$store.getters.user},subdomainZone(){const e=this.parentSite?.features?.subsite?.subdomain_zone;return e||(typeof window<"u"&&window.location?.host?window.location.host.split(":")[0]:this.parentSite?.origin||"")},maxSubsitesPerUser(){const e=this.parentSite?.features?.subsite?.max_subsites_per_user;return typeof e=="number"&&e>0?e:5},canCreate(){return!!this.subdomainZone&&!!this.user?.id&&this.items.length<this.maxSubsitesPerUser}},mounted(){this.fetchSubsites()},methods:{async fetchSubsites(){const e=this.user?.id;if(!e){this.items=[];return}this.loading=!0;try{const{data:t}=await U.getAll({user_id:e}),i=t?.items||[],d=this.parentSite?.id;this.items=i.filter(b=>{if(b.id===d)return!1;const k=b.metadata||{};return d&&k.parent_site_id?k.parent_site_id===d:!!(b.origin&&this.subdomainZone&&b.origin.endsWith(`.${this.subdomainZone}`))})}catch(t){console.error("failed to load subsites",t),p.error(this.$t("subsite.message.loadFailed"))}finally{this.loading=!1}},onOpenCreate(){this.creating.form.slug="",this.creating.form.title="",this.creating.visible=!0},onCancelCreate(){this.creating.visible=!1},async onSubmitCreate(){const e=this.creating.form.slug.trim().toLowerCase();if(!Ze.test(e)){p.warning(this.$t("subsite.message.slugInvalid"));return}if(!this.subdomainZone){p.error(this.$t("subsite.message.zoneMissing"));return}const t=`${e}.${this.subdomainZone}`;this.creating.submitting=!0;try{const{data:i}=await U.create({origin:t,title:this.creating.form.title.trim()||void 0});p.success(this.$t("subsite.message.created")),this.creating.visible=!1,this.items=[i,...this.items],K.confirm(this.$t("subsite.message.openNowConfirm",{origin:t}),this.$t("subsite.title.openNow"),{confirmButtonText:this.$t("subsite.button.open"),cancelButtonText:this.$t("common.button.cancel"),type:"success"}).then(()=>window.open(`https://${t}/`,"_blank","noopener")).catch(()=>{})}catch(i){const d=i?.response?.data?.origin||i?.response?.data?.detail||i?.message;p.error(typeof d=="string"?d:this.$t("subsite.message.createFailed"))}finally{this.creating.submitting=!1}},onOpenSite(e){e.origin&&window.open(`https://${e.origin}/`,"_blank","noopener")},onManageSite(e){e.origin&&window.open(`https://${e.origin}/site`,"_blank","noopener")},onOpenDomains(e){this.domainsDialog.site=e,this.domainsDialog.visible=!0},rowUrl(e){return e.origin?`https://${e.origin}/`:"#"},formatDate(e){if(!e)return"-";try{return new Date(e).toLocaleString()}catch{return e}}}}),qe={class:"title"},He={class:"tip"},je=["href"],We={class:"tip"};function Je(e,t,i,d,b,k){const f=u("el-col"),y=u("el-button"),$=u("el-row"),N=u("el-empty"),v=u("el-table-column"),z=u("el-table"),T=u("el-card"),D=u("el-input"),S=u("el-form-item"),l=u("el-form"),B=u("el-dialog"),X=u("domains-dialog"),Y=W("loading");return c(),_($,{class:"panel"},{default:o(()=>[n(f,{span:24},{default:o(()=>[n($,{class:"header",justify:"space-between",align:"middle"},{default:o(()=>[n(f,{md:16,xs:24},{default:o(()=>[s("h2",qe,a(e.$t("subsite.title.index")),1),s("p",He,a(e.$t("subsite.message.indexTip")),1)]),_:1}),n(f,{md:8,xs:24,class:"header-actions"},{default:o(()=>[n(y,{type:"primary",round:"",icon:e.Plus,disabled:!e.canCreate,onClick:e.onOpenCreate},{default:o(()=>[h(a(e.$t("subsite.button.create")),1)]),_:1},8,["icon","disabled","onClick"])]),_:1})]),_:1}),H((c(),_(T,{shadow:"hover",class:"list-card"},{default:o(()=>[!e.loading&&e.items.length===0?(c(),_(N,{key:0,description:e.$t("subsite.message.empty")},null,8,["description"])):(c(),_(z,{key:1,data:e.items,stripe:""},{default:o(()=>[n(v,{label:e.$t("subsite.field.origin"),prop:"origin"},{default:o(({row:m})=>[s("a",{href:e.rowUrl(m),target:"_blank",rel:"noopener",class:"origin-link"},a(m.origin),9,je)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.title"),prop:"title"},{default:o(({row:m})=>[s("span",null,a(m.title||"-"),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.createdAt"),prop:"created_at",width:"180"},{default:o(({row:m})=>[s("span",null,a(e.formatDate(m.created_at)),1)]),_:1},8,["label"]),n(v,{label:e.$t("subsite.field.actions"),width:"260",fixed:"right"},{default:o(({row:m})=>[n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.open")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onManageSite(m)},{default:o(()=>[h(a(e.$t("subsite.button.manage")),1)]),_:1},8,["onClick"]),n(y,{size:"small",link:"",type:"primary",onClick:F=>e.onOpenDomains(m)},{default:o(()=>[h(a(e.$t("subsite.button.domains")),1)]),_:1},8,["onClick"])]),_:1},8,["label"])]),_:1},8,["data"]))]),_:1})),[[Y,e.loading]])]),_:1}),n(B,{modelValue:e.creating.visible,"onUpdate:modelValue":t[3]||(t[3]=m=>e.creating.visible=m),title:e.$t("subsite.title.create"),width:"480px",class:"create-dialog"},{footer:o(()=>[s("span",null,[n(y,{round:"",onClick:e.onCancelCreate},{default:o(()=>[h(a(e.$t("common.button.cancel")),1)]),_:1},8,["onClick"]),n(y,{round:"",type:"primary",loading:e.creating.submitting,disabled:!e.creating.form.slug.trim(),onClick:e.onSubmitCreate},{default:o(()=>[h(a(e.$t("common.button.confirm")),1)]),_:1},8,["loading","disabled","onClick"])])]),default:o(()=>[n(l,{model:e.creating.form,"label-width":"auto",class:"form",onSubmit:t[2]||(t[2]=j(()=>{},["prevent"]))},{default:o(()=>[n(S,{label:e.$t("subsite.field.slug"),required:""},{default:o(()=>[n(D,{modelValue:e.creating.form.slug,"onUpdate:modelValue":t[0]||(t[0]=m=>e.creating.form.slug=m),placeholder:e.$t("subsite.placeholder.slug"),maxlength:"32","show-word-limit":"",autofocus:""},{append:o(()=>[h("."+a(e.subdomainZone),1)]),_:1},8,["modelValue","placeholder"]),s("span",We,a(e.$t("subsite.message.slugTip")),1)]),_:1},8,["label"]),n(S,{label:e.$t("subsite.field.title")},{default:o(()=>[n(D,{modelValue:e.creating.form.title,"onUpdate:modelValue":t[1]||(t[1]=m=>e.creating.form.title=m),placeholder:e.$t("subsite.placeholder.title"),maxlength:"80"},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1},8,["model"])]),_:1},8,["modelValue","title"]),n(X,{modelValue:e.domainsDialog.visible,"onUpdate:modelValue":t[4]||(t[4]=m=>e.domainsDialog.visible=m),site:e.domainsDialog.site},null,8,["modelValue","site"])]),_:1})}const Dt=M(Ge,[["render",Je],["__scopeId","data-v-b054ab8b"]]);export{Dt as default};

package/dist/assets/Index-xzA3HAJY.js

@@ -0,0 +1 @@
+import{F as G}from"./index.es-CgtdXCC6.js";import{E as P}from"./index-C25CVHv_.js";import{E as W}from"./index-xvfpY1YX.js";import{d as y,H as l,E as m,z as q,C as o,y as $,D as n,q as a,F as s,I as f,O as I,N as L,x as E,J as v,M as H,Q as O}from"./vendor-vue-DU0w5ewx.js";import{D as w,b0 as x,cf as Z,cg as J,ch as K,ci as Q,cj as X,ck as U,cl as C,cm as M,cn as Y,ao as z}from"./index-C3-wmF1i.js";import{I as R,S as ee}from"./ScrollList-Cu2yoCEI.js";import{E as te}from"./index-CqSMS5t2.js";import{I as N}from"./ImagePreview-DArls9pq.js";import{E as oe}from"./index-DkRHsTiz.js";import{E as A}from"./index-W-5lLi59.js";import{C as se}from"./Consumption-GxTGyrc1.js";import{a as ae}from"./price-DFVz0G2x.js";import{E as B,a as F}from"./index-BtoTXqsU.js";import{b as ne}from"./errorCode-Cqj9Td_Z.js";import{o as j}from"./openaiimage-BIemzuOc.js";import{C as ie}from"./CopyToClipboard-C36KVGrD.js";import{I as le}from"./ImageWrapper-D9des0o3.js";import{E as re}from"./index-B1-mbMYf.js";import{E as ce}from"./index-DrwBl4LW.js";import{E as me}from"./index-D_hokSbg.js";import{B as pe}from"./BotPlaceholder-BQlSeXx6.js";import{N as ue}from"./NoTasks-b4OJIqL7.js";import"./use-form-item-DtuhYcUh.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./typescript-pqBgKOiU.js";import"./index-BXLjYm-G.js";import"./index-DktIFTNG.js";import"./index-BWkjL97f.js";import"./_baseClone-DroBZ78C.js";import"./_Uint8Array-C9DPZS3B.js";import"./_initCloneObject-CydGahMP.js";import"./isEqual-BVwuIEtt.js";import"./index-CwP-L7Jn.js";import"./strings-DigWlKo9.js";import"./castArray-1sgHWSEQ.js";import"./debounce-CoJflkTH.js";import"./_baseIteratee-D0DKZ8mg.js";import"./index-DUfDW12r.js";import"./index-6zN8vY1F.js";const de=y({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:P,FontAwesomeIcon:G},data(){return{drawer:!1}}}),ge={class:"main flex flex-row flex-1"},fe={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},he={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function _e(e,t,r,i,p,h){const u=n("font-awesome-icon"),d=n("el-button"),_=n("el-drawer");return a(),l("div",ge,[m("div",fe,[q(e.$slots,"config",{},void 0,!0)]),m("div",he,[q(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=g=>e.drawer=!0)},{default:$(()=>[o(u,{icon:"fa-solid fa-magic"})]),_:1}),o(_,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=g=>e.drawer=g),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[q(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const $e=w(de,[["render",_e],["__scopeId","data-v-bfe5cd4b"]]),ve="",be=y({name:"PromptInput",components:{ElInput:te,InfoIcon:R},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ve)}}),ke={class:"field"},ye={class:"box"},we={class:"title font-bold"};function Ie(e,t,r,i,p,h){const u=n("info-icon"),d=n("el-input");return a(),l("div",ke,[m("div",ye,[m("h2",we,s(e.$t("openaiimage.name.prompt")),1),o(u,{content:e.$t("openaiimage.description.prompt"),class:"info"},null,8,["content"])]),o(d,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("openaiimage.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ee=w(be,[["render",Ie],["__scopeId","data-v-92f61e4a"]]),Ve=y({name:"ImageUrlsInput",components:{ElUpload:oe,ElButton:P,InfoIcon:R,ImagePreview:N,FontAwesomeIcon:G},data(){return{fileList:[],uploadUrl:x()+"/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.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const i=(this.fileList||[]).filter(p=>!p?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const p=this.fileList.find(h=>h?.response?.file_url===i||h?.url===i);p?t.push(p):t.push({name:i.split("/").pop()||i,url:i,status:"success",percentage:100,response:{file_url:i}})}),(this.fileList||[]).filter(i=>!i?.response?.file_url).forEach(i=>{t.some(h=>h===i||h?.url===i?.url||h?.response?.file_url===i?.response?.file_url)||t.push(i)}),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(){A.warning(this.$t("openaiimage.message.uploadImageExceed"))},onError(){A.error(this.$t("openaiimage.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ae={class:"field flex items-center justify-between"},Le={class:"title font-bold text-[14px] mb-[10px]"},Te={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Se={class:"controls flex items-center"},Ge={class:"file-list flex flex-wrap gap-[10px]"};function Pe(e,t,r,i,p,h){const u=n("font-awesome-icon"),d=n("el-button"),_=n("el-upload"),g=n("info-icon"),k=n("image-preview");return a(),l(I,null,[m("div",Ae,[m("h2",Le,s(e.$t("openaiimage.name.imageUrls")),1),m("div",Te,[m("div",Se,[o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=c=>e.fileList=c),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:$(()=>[o(d,{size:"small",type:"primary",round:""},{default:$(()=>[o(u,{icon:"fa-solid fa-upload",class:"mr-1"}),f(" "+s(e.$t("openaiimage.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(g,{content:e.$t("openaiimage.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),m("div",Ge,[(a(!0),l(I,null,L(e.fileList,(c,b)=>(a(),E(k,{key:c.uid||c?.response?.file_url||c.url||b,url:c.url||c?.response?.file_url,name:c.name,percentage:c.percentage,onRemove:T=>e.onRemovePreview(b,c)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Oe=w(Ve,[["render",Pe]]),Re=y({name:"OpenAIImageModelSelector",components:{ElSelect:F,ElOption:B,InfoIcon:R},data(){return{options:[{value:J,label:this.$t("openaiimage.model.gptImage1")},{value:K,label:this.$t("openaiimage.model.gptImage15")},{value:Q,label:this.$t("openaiimage.model.gptImage2")}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t("openaiimage.description.model")}},mounted(){this.value||(this.value=Z)}}),qe={class:"field"},Ue={class:"label"},Ce={class:"box"},Me={class:"title font-bold"};function ze(e,t,r,i,p,h){const u=n("info-icon"),d=n("el-option"),_=n("el-select");return a(),l("div",qe,[m("div",Ue,[m("div",Ce,[m("h2",Me,s(e.$t("openaiimage.name.model")),1),o(u,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=g=>e.value=g),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:$(()=>[(a(!0),l(I,null,L(e.options,g=>(a(),E(d,{key:g.value,label:g.label,value:g.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const je=w(Re,[["render",ze],["__scopeId","data-v-cec771bd"]]),De=y({name:"OpenAIImageSizeSelector",components:{ElSelect:F,ElOption:B,InfoIcon:R},data(){return{options:[{value:U,label:U},{value:C,label:C},{value:M,label:M}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.size},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,size:e})}}},mounted(){this.value||(this.value=X)}}),Ne={class:"field"},Be={class:"label"},Fe={class:"box"},We={class:"title font-bold"};function He(e,t,r,i,p,h){const u=n("info-icon"),d=n("el-option"),_=n("el-select");return a(),l("div",Ne,[m("div",Be,[m("div",Fe,[m("h2",We,s(e.$t("openaiimage.name.size")),1),o(u,{content:e.$t("openaiimage.description.size"),class:"info"},null,8,["content"])])]),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=g=>e.value=g),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:$(()=>[(a(!0),l(I,null,L(e.options,g=>(a(),E(d,{key:g.value,label:g.label,value:g.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xe=w(De,[["render",He],["__scopeId","data-v-11116785"]]),Ze=y({name:"ConfigPanel",components:{ElButton:P,FontAwesomeIcon:G,PromptInput:Ee,Consumption:se,ImageUrlsInput:Oe,ModelSelector:je,ResolutionSelector:xe},emits:["generate"],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){const e={...this.config||{}};return ae({...e},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Je={class:"flex flex-col h-full"},Ke={class:"flex-1 overflow-y-auto p-5"},Qe={class:"flex flex-col items-center justify-center px-5 pb-5"};function Xe(e,t,r,i,p,h){const u=n("model-selector"),d=n("resolution-selector"),_=n("prompt-input"),g=n("image-urls-input"),k=n("consumption"),c=n("font-awesome-icon"),b=n("el-button");return a(),l("div",Je,[m("div",Ke,[o(u,{class:"mb-4"}),o(d,{class:"mb-4"}),o(_,{class:"mb-4"}),o(g,{class:"mb-4"})]),m("div",Qe,[o(k,{value:e.consumption,service:e.service},null,8,["value","service"]),o(b,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(c,{icon:"fa-solid fa-magic",class:"mr-2"}),f(" "+s(e.$t("openaiimage.button.generate")),1)]),_:1},8,["onClick"])])])}const Ye=w(Ze,[["render",Xe]]),et=y({name:"TaskPreview",components:{ElImage:me,CopyToClipboard:ie,FontAwesomeIcon:G,ElAlert:ce,ImageWrapper:le,ElButton:P,ElTooltip:re,ImagePreview:N},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:Y}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{const r=t;if(r?.image_url||r?.url){e.push(r);return}r?.b64_json&&e.push({...r,url:`data:image/png;base64,${r.b64_json}`})}),e},referenceImages(){const e=this.modelValue?.request;if(!e)return[];const t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(i=>typeof i=="string"&&i.length>0);const r=e.image;return Array.isArray(r)?r.filter(i=>typeof i=="string"&&i.length>0):typeof r=="string"&&r.length>0?[r]:[]}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit("openaiimage/setConfig",t)}}}),tt={class:"preview"},ot={class:"left"},st={class:"main"},at={class:"bot"},nt={class:"datetime"},it={class:"info"},lt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},rt={key:1,class:"prompt mt-2"},ct={key:0},mt={key:0,class:O({content:!0,failed:!0})},pt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ut={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},dt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},$t={key:1,class:O({content:!0})},vt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Et={key:2,class:O({content:!0})},Vt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function St(e,t,r,i,p,h){const u=n("el-image"),d=n("image-preview"),_=n("image-wrapper"),g=n("el-button"),k=n("el-tooltip"),c=n("font-awesome-icon"),b=n("copy-to-clipboard"),T=n("el-alert");return a(),l("div",tt,[m("div",ot,[o(u,{src:e.OPENAIIMAGE_LOGO,class:"avatar"},null,8,["src"])]),m("div",st,[m("div",at,[f(s(e.$t("openaiimage.name.openaiimageBot"))+" ",1),m("span",nt,s(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),m("div",it,[e.referenceImages.length>0?(a(),l("div",lt,[(a(!0),l(I,null,L(e.referenceImages,(V,S)=>(a(),E(d,{key:S,url:V,name:`image-${S+1}`,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(a(),l("p",rt,[f(s(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?v("",!0):(a(),l("span",ct," - ("+s(e.$t("openaiimage.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",mt,[m("div",pt,[(a(!0),l(I,null,L(e.images,(V,S)=>(a(),E(_,{key:S,src:V?.image_url||V?.url||"","raw-src":V?.image_url||V?.url||""},null,8,["src","raw-src"]))),128))]),m("div",ut,[o(k,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(g,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=H(V=>e.onEdit(e.images?.[0]?.image_url||e.images?.[0]?.url),["stop"]))},{default:$(()=>[f(s(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(T,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(a(),l("p",dt,[o(c,{icon:"fa-solid fa-cube",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):v("",!0),e.modelValue?.request?.size?(a(),l("p",gt,[o(c,{icon:"fa-solid fa-image",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):v("",!0),e.modelValue?.request?.action?(a(),l("p",ft,[o(c,{icon:"fa-solid fa-bolt",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):v("",!0),m("p",ht,[o(c,{icon:"fa-solid fa-magic",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),l("p",_t,[o(c,{icon:"fa-solid fa-hashtag",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.traceId"))+": "+s(e.modelValue?.response?.trace_id)+" ",1),o(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(a(),l("div",$t,[o(T,{closable:!1,class:"failure"},{template:$(()=>[o(c,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",vt,[o(c,{icon:"fa-solid fa-cube",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):v("",!0),e.modelValue?.request?.size?(a(),l("p",bt,[o(c,{icon:"fa-solid fa-image",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):v("",!0),e.modelValue?.request?.action?(a(),l("p",kt,[o(c,{icon:"fa-solid fa-bolt",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):v("",!0),m("p",yt,[o(c,{icon:"fa-solid fa-magic",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),m("p",wt,[o(c,{icon:"fa-solid fa-circle-info",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.failureReason"))+": "+s(e.modelValue?.response?.error?.message)+" ",1),o(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),l("p",It,[o(c,{icon:"fa-solid fa-hashtag",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.traceId"))+": "+s(e.modelValue?.response?.trace_id)+" ",1),o(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(a(),l("div",Et,[o(T,{closable:!1,class:"info"},{template:$(()=>[o(c,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",Vt,[o(c,{icon:"fa-solid fa-cube",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):v("",!0),e.modelValue?.request?.size?(a(),l("p",At,[o(c,{icon:"fa-solid fa-image",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):v("",!0),e.modelValue?.request?.action?(a(),l("p",Lt,[o(c,{icon:"fa-solid fa-bolt",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):v("",!0),m("p",Tt,[o(c,{icon:"fa-solid fa-magic",class:"mr-1"}),f(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Gt=w(et,[["render",St],["__scopeId","data-v-9750c24c"]]),Pt=y({name:"RecentPanel",components:{TaskPreview:Gt,BotPlaceholder:pe,NoTasks:ue,ScrollList:ee},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ot={key:0},Rt={key:2,class:"w-full h-full flex items-center justify-center"};function qt(e,t,r,i,p,h){const u=n("bot-placeholder"),d=n("task-preview"),_=n("scroll-list"),g=n("no-tasks");return a(),l(I,null,[e.tasks?.items===void 0?(a(),l("div",Ot,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),E(_,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=k=>e.$emit("reach-top"))},{default:$(()=>[(a(!0),l(I,null,L(e.tasks?.items,k=>(a(),E(d,{key:k.id,"model-value":k},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(a(),l("div",Rt,[o(g)])):v("",!0)],64)}const Ut=w(Pt,[["render",qt]]),D="https://webhook.acedata.cloud/openaiimage",Ct=y({name:"OpenAIImageIndex",components:{ConfigPanel:Ye,Layout:$e,RecentPanel:Ut},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===z.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},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(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const r=this.tasks?.items?.[0];if(!r?.created_at)return;const p=this.$refs.recentPanel?.getScrollElement?.(),h=p?.scrollHeight||0,u=p?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:r.created_at}),await this.$nextTick(),p){const d=p.scrollHeight;p.scrollTop=d-h+u}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("openaiimage/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("openaiimage/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const 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);const{limit:t=20,createdAtMin:r,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",r,"createdAtMax",i),await this.$store.dispatch("openaiimage/getTasks",{limit:t,createdAtMin:r,createdAtMax:i})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;!t&&"image_urls"in e&&delete e.image_urls;const r={...e,action:"generate",callback_url:D},i={action:"edit",model:e?.model,prompt:e?.prompt,image_urls:e?.image_urls||[],callback_url:D},p=this.credential?.token;if(!p){console.error("no token specified");return}A.info(this.$t("openaiimage.message.startingTask")),(t?j.edit(i,{token:p}):j.generate(r,{token:p})).then(u=>{console.debug("task accepted",u.data?.task_id),A.success(this.$t("openaiimage.message.startTaskSuccess"))}).catch(u=>{const d=u?.response?.data;d?.error?.code===ne?A.error(this.$t("openaiimage.message.usedUp")):A.error(this.$t("openaiimage.message.startTaskFailed")+(d?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mt(e,t,r,i,p,h){const u=n("config-panel"),d=n("recent-panel"),_=n("layout");return a(),E(_,null,{config:$(()=>[o(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(d,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Lo=w(Ct,[["render",Mt]]);export{Lo as default};

package/dist/assets/{Invitees-C-KDgRnT.js → Invitees-DMIPfIqV.js}

@@ -1 +1 @@
-import{P as g}from"./Pagination-B3SvX2do.js";import{C as b}from"./CopyToClipboard-B6G-wNJD.js";import{ak as v,D as w}from"./index-D4saMGlC.js";import{E as C}from"./index-BlKyot0X.js";import{E as $,a as y}from"./index-DgDNtUBe.js";import{E as D,a as E}from"./index-BlnTs38h.js";import{d as I,x as d,y as e,C as o,E as i,F as s,G as k,D as n,K as F,q as c}from"./vendor-vue-DU0w5ewx.js";import"./index-CzJ7fWUH.js";import"./index-DXexZRXn.js";import"./index-B_KH4K5T.js";import"./typescript-ClSWGTjJ.js";import"./index-DmVTvMHH.js";import"./strings-DigWlKo9.js";import"./isEqual-BGJ5u1aM.js";import"./_Uint8Array-VygXE9xf.js";import"./castArray--oY6r8jd.js";import"./use-form-item-DcOclXCw.js";import"./index-DH6MtP3d.js";import"./index-Cuy1fHGt.js";import"./debounce-CxAObiU1.js";import"./_baseIteratee-BUY84h9-.js";import"./index-C8RMr0ye.js";import"./index.es-CJsiWXMF.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./_initCloneObject-BrdqfTp3.js";import"./isPlainObject-FvgO03a8.js";import"./index-BQA0Ltgm.js";const P=I({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:E,ElCol:D,ElTable:y,ElTableColumn:$,ElCard:C},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:t}=await v.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=t.items,this.total=t.count}}}),q={class:"title"},B={class:"key"},S={class:"copy"},T={class:"description"},j={class:"description"},z={class:"description"},N={class:"created-at"},V={class:"pagination m-v-lg"};function G(t,J,K,O,R,A){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=F("loading");return c(),d(p,{class:"panel"},{default:e(()=>[o(r,{span:24},{default:e(()=>[o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[i("h2",q,s(t.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[o(u,{shadow:"hover"},{default:e(()=>[k((c(),d(_,{data:t.invitees,stripe:""},{default:e(()=>[o(l,{prop:"id",label:t.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:e(a=>[i("span",B,s(a.row.id),1),i("span",S,[o(m,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:t.$t("user.field.username"),width:"300px"},{default:e(a=>[i("span",T,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.email"),width:"300px"},{default:e(a=>[i("span",j,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.nickname"),width:"200px"},{default:e(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.dateJoined")},{default:e(a=>[i("span",N,s(t.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,t.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:10,offset:14},{default:e(()=>[i("div",V,[o(h,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const vt=w(P,[["render",G],["__scopeId","data-v-4556864d"]]);export{vt as default};
+import{P as g}from"./Pagination-BIgoshVx.js";import{C as b}from"./CopyToClipboard-C36KVGrD.js";import{ak as v,D as w}from"./index-C3-wmF1i.js";import{E as C}from"./index-DA-dD1Jl.js";import{E as $,a as y}from"./index-Cch-QkFj.js";import{E as D,a as E}from"./index-DdJYPSZ8.js";import{d as I,x as d,y as e,C as o,E as i,F as s,G as k,D as n,K as F,q as c}from"./vendor-vue-DU0w5ewx.js";import"./index-BtoTXqsU.js";import"./index-B1-mbMYf.js";import"./index-BXLjYm-G.js";import"./typescript-pqBgKOiU.js";import"./index-CwP-L7Jn.js";import"./strings-DigWlKo9.js";import"./isEqual-BVwuIEtt.js";import"./_Uint8Array-C9DPZS3B.js";import"./castArray-1sgHWSEQ.js";import"./use-form-item-DtuhYcUh.js";import"./index-CqSMS5t2.js";import"./index-DktIFTNG.js";import"./debounce-CoJflkTH.js";import"./_baseIteratee-D0DKZ8mg.js";import"./index-DUfDW12r.js";import"./index.es-CgtdXCC6.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./_initCloneObject-CydGahMP.js";import"./isPlainObject-LE5Z0BKi.js";import"./index-BHgD_Zxj.js";const P=I({name:"ConsoleDistributionInvitees",components:{Pagination:g,CopyToClipboard:b,ElRow:E,ElCol:D,ElTable:y,ElTableColumn:$,ElCard:C},data(){return{invitees:[],loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{onPageChange(t){this.$router.push({name:this.$route.name?.toString(),query:{page:t}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onFetchInvitees(){const{data:t}=await v.getInvitees({limit:this.limit,offset:(this.page-1)*this.limit,ordering:"-created_at"});this.invitees=t.items,this.total=t.count}}}),q={class:"title"},B={class:"key"},S={class:"copy"},T={class:"description"},j={class:"description"},z={class:"description"},N={class:"created-at"},V={class:"pagination m-v-lg"};function G(t,J,K,O,R,A){const r=n("el-col"),p=n("el-row"),m=n("copy-to-clipboard"),l=n("el-table-column"),_=n("el-table"),u=n("el-card"),h=n("pagination"),f=F("loading");return c(),d(p,{class:"panel"},{default:e(()=>[o(r,{span:24},{default:e(()=>[o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[i("h2",q,s(t.$t("common.title.invitee")),1)]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:24},{default:e(()=>[o(u,{shadow:"hover"},{default:e(()=>[k((c(),d(_,{data:t.invitees,stripe:""},{default:e(()=>[o(l,{prop:"id",label:t.$t("user.field.id"),"class-name":"text-center",width:"350px"},{default:e(a=>[i("span",B,s(a.row.id),1),i("span",S,[o(m,{content:a.row.id},null,8,["content"])])]),_:1},8,["label"]),o(l,{label:t.$t("user.field.username"),width:"300px"},{default:e(a=>[i("span",T,s(a.row?.username),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.email"),width:"300px"},{default:e(a=>[i("span",j,s(a.row?.email),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.nickname"),width:"200px"},{default:e(a=>[i("span",z,s(a.row.nickname),1)]),_:1},8,["label"]),o(l,{label:t.$t("user.field.dateJoined")},{default:e(a=>[i("span",N,s(t.$dayjs.format(a.row.date_joined)),1)]),_:1},8,["label"])]),_:1},8,["data"])),[[f,t.loading]])]),_:1})]),_:1})]),_:1}),o(p,null,{default:e(()=>[o(r,{span:10,offset:14},{default:e(()=>[i("div",V,[o(h,{"current-page":t.page,"page-size":t.limit,total:t.total,onChange:t.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const vt=w(P,[["render",G],["__scopeId","data-v-4556864d"]]);export{vt as default};

package/dist/assets/{List-C1UxuI1p.js → List-DSRyeIBw.js}

@@ -1 +1 @@
-import{a5 as u,E as G,a6 as A,a7 as T,a8 as L,a9 as F,D as B}from"./index-D4saMGlC.js";import{I as V,a as N}from"./credential-CEfFFZzi.js";import{P as O}from"./Pagination-B3SvX2do.js";import{C as P}from"./CopyToClipboard-B6G-wNJD.js";import{F as z}from"./index.es-CJsiWXMF.js";import{E as q}from"./index-BlKyot0X.js";import{E as M,a as R}from"./index-DgDNtUBe.js";import{E as j}from"./index-DnRK--rq.js";import{a as H}from"./index-CvURsQ8o.js";import{E as J,a as K}from"./index-BlnTs38h.js";import{E as X}from"./index-DwY9pOO3.js";import{E as w}from"./index-Ct-EZ76M.js";import{d as Q,x as p,y as o,C as t,E as l,F as i,H as $,I as m,J as b,G as W,D as s,K as Y,q as r}from"./vendor-vue-DU0w5ewx.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-CzJ7fWUH.js";import"./index-DXexZRXn.js";import"./index-B_KH4K5T.js";import"./typescript-ClSWGTjJ.js";import"./index-DmVTvMHH.js";import"./strings-DigWlKo9.js";import"./isEqual-BGJ5u1aM.js";import"./_Uint8Array-VygXE9xf.js";import"./castArray--oY6r8jd.js";import"./use-form-item-DcOclXCw.js";import"./index-DH6MtP3d.js";import"./index-Cuy1fHGt.js";import"./debounce-CxAObiU1.js";import"./_baseIteratee-BUY84h9-.js";import"./index-C8RMr0ye.js";import"./_initCloneObject-BrdqfTp3.js";import"./isPlainObject-FvgO03a8.js";import"./index-BQA0Ltgm.js";import"./validator-BVNDYkbY.js";import"./index-BuyEbX8F.js";const Z=Q({name:"ConsoleApplicationList",components:{Pagination:O,CopyToClipboard:P,ElTable:R,ElRow:K,ElButton:X,ElCol:J,ElTag:G,ElSkeleton:H,ElSwitch:j,ElTableColumn:M,ElCard:q,FontAwesomeIcon:z},data(){return{credentialType:N,serviceType:V,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,n){!e||!e.id||A.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!n}).then(()=>{w.success(this.$t("application.message.updateSuccessfully").toString())}).catch(()=>{w.error(this.$t("application.message.updateFailed").toString())})},onGoUsage(e){this.$router.push({name:F,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:L,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=u.INDIVIDUAL){return new Promise((n,C)=>{A.getAll({limit:this.limit,...e===u.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:"-created_at",type:T.USAGE,scope:e}).then(({data:d})=>{e===u.INDIVIDUAL?(this.individualApplications=d.items,this.individualApplicationsTotal=d.count):(this.globalApplications=d.items,this.globalApplicationsTotal=d.count),n(d)}).catch(d=>{w.error(this.$t("application.message.fetchFailed").toString()),C(d)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(u.INDIVIDUAL),this.onFetchApplications(u.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){A.create({type:T.USAGE,scope:u.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(u.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${n}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.used_amount?.toFixed(6)} ${n}`}}}),ee={class:"title"},te={key:1,class:"summary-card"},oe={class:"icon-wrapper"},ae={class:"label"},ie={class:"value"},le={class:"description"},ne={key:1,class:"flex flex-row justify-between align-center"},se={class:"summary-card"},re={class:"flex justify-start items-center gap-2 mb-2 w-full"},pe={class:"icon-wrapper !mb-0"},de={class:"text-[var(--el-text-color-regular)] text-[14px] truncate"},ce={class:"label"},ue={class:"value"},me={class:"description"},fe={class:"flex flex-col items-end gap-2"},he={class:"copy"},ge={key:0,class:"expired-at"},_e={class:"flex flex-wrap items-center justify-end gap-1"},be={class:"pagination"};function ye(e,n,C,d,ve,Ae){const f=s("el-col"),g=s("el-row"),k=s("el-skeleton"),h=s("font-awesome-icon"),v=s("el-card"),E=s("copy-to-clipboard"),y=s("el-button"),c=s("el-table-column"),I=s("el-tag"),D=s("el-switch"),S=s("el-table"),U=s("pagination"),x=Y("loading");return r(),p(g,{class:"panel p-[30px]"},{default:o(()=>[t(f,{span:24},{default:o(()=>[t(g,null,{default:o(()=>[t(f,{span:24},{default:o(()=>[l("h2",ee,i(e.$t("common.title.allApplications")),1)]),_:1})]),_:1}),t(g,{gutter:15,class:"mb-3"},{default:o(()=>[t(f,{md:12,xs:24},{default:o(()=>[t(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:o(()=>[e.loading?(r(),p(k,{key:0})):(r(),$("div",te,[l("div",oe,[t(h,{icon:"fa-solid fa-cubes-stacked"})]),l("p",ae,i(e.$t("application.title.count")),1),l("p",ie,i(e.individualApplicationsTotal),1),l("p",le,i(e.$t("application.message.countDescription")),1)]))]),_:1})]),_:1}),e.globalApplications?.length>0?(r(),p(f,{key:0,md:12,xs:24},{default:o(()=>[t(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:o(()=>[e.loading?(r(),p(k,{key:0})):(r(),$("div",ne,[l("div",se,[l("div",re,[l("div",pe,[t(h,{icon:"fa-solid fa-wallet"})]),l("span",de,[m(i(e.$t("application.field.id"))+": "+i(e.globalApplications?.[0]?.id)+" ",1),e.globalApplications?.[0]?.id?(r(),p(E,{key:0,content:e.globalApplications?.[0]?.id,class:"inline-block"},null,8,["content"])):b("",!0)])]),l("p",ce,i(e.$t("application.title.globalBalance")),1),l("p",ue,i(e.globalApplications?.[0]?.remaining_amount?.toFixed(6)||"0.000000")+" "+i(e.$t("service.unit.credits")),1),l("p",me,i(e.$t("application.message.globalBalanceDescription")),1)]),l("div",fe,[t(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:n[0]||(n[0]=a=>e.onGoUsage(e.globalApplications?.[0]))},{default:o(()=>[t(h,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.usage")),1)]),_:1}),t(y,{class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:n[1]||(n[1]=a=>e.onBuyMore(e.globalApplications?.[0]))},{default:o(()=>[t(h,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.buyMore")),1)]),_:1})])]))]),_:1})]),_:1})):b("",!0)]),_:1}),t(g,null,{default:o(()=>[t(f,{span:24},{default:o(()=>[t(v,{shadow:"hover"},{default:o(()=>[W((r(),p(S,{data:e.individualApplications,stripe:"",class:"!min-h-[calc(100vh-420px)]","table-layout":"fixed","empty-text":e.$t("common.message.noData")},{default:o(()=>[t(c,{prop:"id",label:e.$t("application.field.id"),width:"200px","class-name":"text-center"},{default:o(a=>[l("span",null,i(a.row.id),1),l("span",he,[t(E,{content:a?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),t(c,{label:e.$t("application.field.type"),width:"90px"},{default:o(a=>[a.row?.type==="Period"?(r(),p(I,{key:0,type:"success",effect:"dark",round:""},{default:o(()=>[m(i(e.$t("application.type.period")),1)]),_:1})):a.row?.type==="Usage"?(r(),p(I,{key:1,effect:"dark",round:""},{default:o(()=>[m(i(e.$t("application.type.usage")),1)]),_:1})):b("",!0)]),_:1},8,["label"]),t(c,{label:e.$t("application.field.name"),width:"180px"},{default:o(a=>[l("span",null,i(a.row?.service?.title),1)]),_:1},8,["label"]),t(c,{prop:"remaining_amount",label:e.$t("application.field.remainingAmount"),width:"150px","class-name":"text-center"},{default:o(a=>[l("span",null,i(e.getRemainingAmount(a.row)),1)]),_:1},8,["label"]),t(c,{prop:"used_amount",label:e.$t("application.field.usedAmount"),width:"150px","class-name":"text-center"},{default:o(a=>[l("span",null,i(e.getUsedAmount(a.row)),1)]),_:1},8,["label"]),t(c,{prop:"allow_consume_global",label:e.$t("application.field.allowConsumeGlobal"),width:"120px","class-name":"text-center"},{default:o(a=>[a.row.service?.type===e.serviceType.API?(r(),p(D,{key:0,modelValue:a.row.allow_consume_global,"onUpdate:modelValue":_=>a.row.allow_consume_global=_,"active-value":!0,"inactive-value":!1,onChange:_=>e.updateAllowConsumeGlobal(a.row,_)},null,8,["modelValue","onUpdate:modelValue","onChange"])):b("",!0)]),_:1},8,["label"]),t(c,{label:e.$t("application.field.expiredAt"),width:"180px"},{default:o(a=>[a.row.expired_at?(r(),$("span",ge,i(e.$dayjs.format(a.row.expired_at)),1)):b("",!0)]),_:1},8,["label"]),t(c,{fixed:"right",width:"200px"},{default:o(a=>[l("div",_e,[t(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:_=>e.onGoUsage(a?.row)},{default:o(()=>[t(h,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.usage")),1)]),_:1},8,["onClick"]),t(y,{class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:_=>e.onBuyMore(a?.row)},{default:o(()=>[t(h,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.buyMore")),1)]),_:1},8,["onClick"])])]),_:1})]),_:1},8,["data","empty-text"])),[[x,e.loading]])]),_:1})]),_:1})]),_:1}),t(g,null,{default:o(()=>[t(f,{span:24},{default:o(()=>[l("div",be,[t(U,{"current-page":e.page,"page-size":e.limit,total:e.individualApplicationsTotal,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const it=B(Z,[["render",ye],["__scopeId","data-v-8a5d3554"]]);export{it as default};
+import{a5 as u,E as G,a6 as A,a7 as T,a8 as L,a9 as F,D as B}from"./index-C3-wmF1i.js";import{I as V,a as N}from"./credential-CEfFFZzi.js";import{P as O}from"./Pagination-BIgoshVx.js";import{C as P}from"./CopyToClipboard-C36KVGrD.js";import{F as z}from"./index.es-CgtdXCC6.js";import{E as q}from"./index-DA-dD1Jl.js";import{E as M,a as R}from"./index-Cch-QkFj.js";import{E as j}from"./index-Bp1kxQj2.js";import{a as H}from"./index-6zN8vY1F.js";import{E as J,a as K}from"./index-DdJYPSZ8.js";import{E as X}from"./index-C25CVHv_.js";import{E as w}from"./index-W-5lLi59.js";import{d as Q,x as p,y as o,C as t,E as l,F as i,H as $,I as m,J as b,G as W,D as s,K as Y,q as r}from"./vendor-vue-DU0w5ewx.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-9TBHB1ku.js";import"./index-BtoTXqsU.js";import"./index-B1-mbMYf.js";import"./index-BXLjYm-G.js";import"./typescript-pqBgKOiU.js";import"./index-CwP-L7Jn.js";import"./strings-DigWlKo9.js";import"./isEqual-BVwuIEtt.js";import"./_Uint8Array-C9DPZS3B.js";import"./castArray-1sgHWSEQ.js";import"./use-form-item-DtuhYcUh.js";import"./index-CqSMS5t2.js";import"./index-DktIFTNG.js";import"./debounce-CoJflkTH.js";import"./_baseIteratee-D0DKZ8mg.js";import"./index-DUfDW12r.js";import"./_initCloneObject-CydGahMP.js";import"./isPlainObject-LE5Z0BKi.js";import"./index-BHgD_Zxj.js";import"./validator-Dyj2d5gI.js";import"./index-BuyEbX8F.js";const Z=Q({name:"ConsoleApplicationList",components:{Pagination:O,CopyToClipboard:P,ElTable:R,ElRow:K,ElButton:X,ElCol:J,ElTag:G,ElSkeleton:H,ElSwitch:j,ElTableColumn:M,ElCard:q,FontAwesomeIcon:z},data(){return{credentialType:N,serviceType:V,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||"1")}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,n){!e||!e.id||A.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!n}).then(()=>{w.success(this.$t("application.message.updateSuccessfully").toString())}).catch(()=>{w.error(this.$t("application.message.updateFailed").toString())})},onGoUsage(e){this.$router.push({name:F,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:L,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=u.INDIVIDUAL){return new Promise((n,C)=>{A.getAll({limit:this.limit,...e===u.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:"-created_at",type:T.USAGE,scope:e}).then(({data:d})=>{e===u.INDIVIDUAL?(this.individualApplications=d.items,this.individualApplicationsTotal=d.count):(this.globalApplications=d.items,this.globalApplicationsTotal=d.count),n(d)}).catch(d=>{w.error(this.$t("application.message.fetchFailed").toString()),C(d)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(u.INDIVIDUAL),this.onFetchApplications(u.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){A.create({type:T.USAGE,scope:u.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(u.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.remaining_amount?.toFixed(6)} ${n}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return"";const n=this.$t(`service.unit.${e?.service?.unit||"credit"}s`);return`${e.used_amount?.toFixed(6)} ${n}`}}}),ee={class:"title"},te={key:1,class:"summary-card"},oe={class:"icon-wrapper"},ae={class:"label"},ie={class:"value"},le={class:"description"},ne={key:1,class:"flex flex-row justify-between align-center"},se={class:"summary-card"},re={class:"flex justify-start items-center gap-2 mb-2 w-full"},pe={class:"icon-wrapper !mb-0"},de={class:"text-[var(--el-text-color-regular)] text-[14px] truncate"},ce={class:"label"},ue={class:"value"},me={class:"description"},fe={class:"flex flex-col items-end gap-2"},he={class:"copy"},ge={key:0,class:"expired-at"},_e={class:"flex flex-wrap items-center justify-end gap-1"},be={class:"pagination"};function ye(e,n,C,d,ve,Ae){const f=s("el-col"),g=s("el-row"),k=s("el-skeleton"),h=s("font-awesome-icon"),v=s("el-card"),E=s("copy-to-clipboard"),y=s("el-button"),c=s("el-table-column"),I=s("el-tag"),D=s("el-switch"),S=s("el-table"),U=s("pagination"),x=Y("loading");return r(),p(g,{class:"panel p-[30px]"},{default:o(()=>[t(f,{span:24},{default:o(()=>[t(g,null,{default:o(()=>[t(f,{span:24},{default:o(()=>[l("h2",ee,i(e.$t("common.title.allApplications")),1)]),_:1})]),_:1}),t(g,{gutter:15,class:"mb-3"},{default:o(()=>[t(f,{md:12,xs:24},{default:o(()=>[t(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:o(()=>[e.loading?(r(),p(k,{key:0})):(r(),$("div",te,[l("div",oe,[t(h,{icon:"fa-solid fa-cubes-stacked"})]),l("p",ae,i(e.$t("application.title.count")),1),l("p",ie,i(e.individualApplicationsTotal),1),l("p",le,i(e.$t("application.message.countDescription")),1)]))]),_:1})]),_:1}),e.globalApplications?.length>0?(r(),p(f,{key:0,md:12,xs:24},{default:o(()=>[t(v,{shadow:"hover",class:"relative min-h-[180px] mb-2","body-style":{padding:"18px 20px"}},{default:o(()=>[e.loading?(r(),p(k,{key:0})):(r(),$("div",ne,[l("div",se,[l("div",re,[l("div",pe,[t(h,{icon:"fa-solid fa-wallet"})]),l("span",de,[m(i(e.$t("application.field.id"))+": "+i(e.globalApplications?.[0]?.id)+" ",1),e.globalApplications?.[0]?.id?(r(),p(E,{key:0,content:e.globalApplications?.[0]?.id,class:"inline-block"},null,8,["content"])):b("",!0)])]),l("p",ce,i(e.$t("application.title.globalBalance")),1),l("p",ue,i(e.globalApplications?.[0]?.remaining_amount?.toFixed(6)||"0.000000")+" "+i(e.$t("service.unit.credits")),1),l("p",me,i(e.$t("application.message.globalBalanceDescription")),1)]),l("div",fe,[t(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:n[0]||(n[0]=a=>e.onGoUsage(e.globalApplications?.[0]))},{default:o(()=>[t(h,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.usage")),1)]),_:1}),t(y,{class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:n[1]||(n[1]=a=>e.onBuyMore(e.globalApplications?.[0]))},{default:o(()=>[t(h,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.buyMore")),1)]),_:1})])]))]),_:1})]),_:1})):b("",!0)]),_:1}),t(g,null,{default:o(()=>[t(f,{span:24},{default:o(()=>[t(v,{shadow:"hover"},{default:o(()=>[W((r(),p(S,{data:e.individualApplications,stripe:"",class:"!min-h-[calc(100vh-420px)]","table-layout":"fixed","empty-text":e.$t("common.message.noData")},{default:o(()=>[t(c,{prop:"id",label:e.$t("application.field.id"),width:"200px","class-name":"text-center"},{default:o(a=>[l("span",null,i(a.row.id),1),l("span",he,[t(E,{content:a?.row?.id,class:"inline-block"},null,8,["content"])])]),_:1},8,["label"]),t(c,{label:e.$t("application.field.type"),width:"90px"},{default:o(a=>[a.row?.type==="Period"?(r(),p(I,{key:0,type:"success",effect:"dark",round:""},{default:o(()=>[m(i(e.$t("application.type.period")),1)]),_:1})):a.row?.type==="Usage"?(r(),p(I,{key:1,effect:"dark",round:""},{default:o(()=>[m(i(e.$t("application.type.usage")),1)]),_:1})):b("",!0)]),_:1},8,["label"]),t(c,{label:e.$t("application.field.name"),width:"180px"},{default:o(a=>[l("span",null,i(a.row?.service?.title),1)]),_:1},8,["label"]),t(c,{prop:"remaining_amount",label:e.$t("application.field.remainingAmount"),width:"150px","class-name":"text-center"},{default:o(a=>[l("span",null,i(e.getRemainingAmount(a.row)),1)]),_:1},8,["label"]),t(c,{prop:"used_amount",label:e.$t("application.field.usedAmount"),width:"150px","class-name":"text-center"},{default:o(a=>[l("span",null,i(e.getUsedAmount(a.row)),1)]),_:1},8,["label"]),t(c,{prop:"allow_consume_global",label:e.$t("application.field.allowConsumeGlobal"),width:"120px","class-name":"text-center"},{default:o(a=>[a.row.service?.type===e.serviceType.API?(r(),p(D,{key:0,modelValue:a.row.allow_consume_global,"onUpdate:modelValue":_=>a.row.allow_consume_global=_,"active-value":!0,"inactive-value":!1,onChange:_=>e.updateAllowConsumeGlobal(a.row,_)},null,8,["modelValue","onUpdate:modelValue","onChange"])):b("",!0)]),_:1},8,["label"]),t(c,{label:e.$t("application.field.expiredAt"),width:"180px"},{default:o(a=>[a.row.expired_at?(r(),$("span",ge,i(e.$dayjs.format(a.row.expired_at)),1)):b("",!0)]),_:1},8,["label"]),t(c,{fixed:"right",width:"200px"},{default:o(a=>[l("div",_e,[t(y,{class:"!m-0 !px-2",size:"small",round:"",onClick:_=>e.onGoUsage(a?.row)},{default:o(()=>[t(h,{icon:"fa-solid fa-chart-line",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.usage")),1)]),_:1},8,["onClick"]),t(y,{class:"!m-0 !px-2",type:"primary",round:"",size:"small",onClick:_=>e.onBuyMore(a?.row)},{default:o(()=>[t(h,{icon:"fa-solid fa-coins",class:"mr-1 text-[12px]"}),m(" "+i(e.$t("application.button.buyMore")),1)]),_:1},8,["onClick"])])]),_:1})]),_:1},8,["data","empty-text"])),[[x,e.loading]])]),_:1})]),_:1})]),_:1}),t(g,null,{default:o(()=>[t(f,{span:24},{default:o(()=>[l("div",be,[t(U,{"current-page":e.page,"page-size":e.limit,total:e.individualApplicationsTotal,onChange:e.onPageChange},null,8,["current-page","page-size","total","onChange"])])]),_:1})]),_:1})]),_:1})]),_:1})}const it=B(Z,[["render",ye],["__scopeId","data-v-8a5d3554"]]);export{it as default};