@acedatacloud/nexior 3.230.0 → 3.231.0

package/dist/assets/{Index-D7XmmIVq.js → Index-CWacJduG.js}

@@ -1 +1 @@
-import{L as P}from"./Hailuo-CpJPi7rG.js";import{F as U}from"./index.es-CkCzxqX5.js";import{H as b,bp as A,cs as R,aS as M,S as L,ct as B}from"./index-_y9ropld.js";import{a as j}from"./hailuo-C8Dw-0xR.js";import{E as D,a as q}from"./index-DF1SGxEM.js";import{d as y,H as l,E as r,F as o,C as t,y as c,O as I,N as G,D as a,q as s,x as $,I as m,J as d,M as F,Q as T}from"./vendor-vue-NSDaktjZ.js";import{p as O}from"./pasteUploadMixin-BurWbGNQ.js";import{I as z,S as N,l as H}from"./pagination-DExLd9Ua.js";import{I as J}from"./ImagePreview-Ygx1awOz.js";import{E as C}from"./index-eRfCWvGL.js";import{E as K}from"./index-DGjaBQA5.js";import{E as k}from"./index-B4a7L2G9.js";import{P as Q,N as W}from"./NoTasks-CLH1KttF.js";import{C as X}from"./Consumption-wlHZ47xl.js";import{a as Y}from"./price-ClyIQIYX.js";import{b as Z}from"./errorCode-Cqj9Td_Z.js";import{C as x}from"./CopyToClipboard-D1WTdwXG.js";import{V as ee}from"./VideoPlayer-yfnNJISZ.js";import{A as te}from"./ApiCodeButton-zU186ws1.js";import{E as oe}from"./index-weqbVaqW.js";import{E as se}from"./index-WIUuWaZE.js";import{E as ae}from"./index-7e8Ju5As.js";import{B as ne}from"./BotPlaceholder-rghyc6_y.js";import"./index-Dr9_GlNf.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-C5x3iJ0a.js";import"./typescript-BMqxIgFj.js";import"./index-DEVtx9BR.js";import"./strings-beZM2Y-f.js";import"./isEqual-B4lY29gT.js";import"./_Uint8Array-M65RAKAu.js";import"./castArray-DMbKoGon.js";import"./use-form-item-_RVfLK5R.js";import"./index-BmvrBQea.js";import"./index-B-2wd58x.js";import"./debounce-DfnRy0fp.js";import"./_baseIteratee-CAA1aFDV.js";import"./index-4OZZZJYU.js";import"./highlight-CuDf01Sr.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-gYUXSfIx.js";import"./index-BuyEbX8F.js";import"./_baseClone-DAEDX7Gi.js";import"./_initCloneObject-DnowziV3.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CVrO3TnW.js";const le=y({name:"ModelSelector",components:{ElSelect:q,ElOption:D},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")},{value:"minimax-i2v-director",label:this.$t("hailuo.button.model3")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=j)}}),ie={class:"field"},re={class:"title font-bold"},ce={class:"float-left"};function ue(e,n,g,_,w,S){const h=a("el-option"),f=a("el-select");return s(),l("div",ie,[r("h2",re,o(e.$t("hailuo.name.model")),1),t(f,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=u=>e.value=u),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),l(I,null,G(e.options,u=>(s(),$(h,{key:u.value,label:u.label,value:u.value},{default:c(()=>[r("span",ce,o(u.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const me=b(le,[["render",ue],["__scopeId","data-v-a768fbd9"]]),de=y({name:"StartImageUrlInput",components:{ElUpload:K,ElButton:C,InfoIcon:z,ImagePreview:J},mixins:[O],data(){return{fileList:[],uploadUrl:A()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){k.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){k.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){k.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),pe={class:"relative"},he={class:"flex justify-between"},fe={class:"flex justify-start items-center"},ge={class:"text-sm font-bold"};function _e(e,n,g,_,w,S){const h=a("info-icon"),f=a("image-preview"),u=a("el-button"),v=a("el-upload");return s(),l("div",pe,[r("div",he,[r("div",fe,[r("span",ge,o(e.$t("hailuo.name.startImageUrl")),1),t(h,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(v,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:i})=>[i.url&&i.percentage!==void 0?(s(),$(f,{key:0,url:i.url,name:i.name,percentage:i.percentage,onRemove:p=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:c(()=>[t(u,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[m(o(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const $e=b(de,[["render",_e],["__scopeId","data-v-48f4a681"]]),ve="",ke=y({name:"PromptInput",components:{PromptTextarea:Q},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ve)}});function be(e,n,g,_,w,S){const h=a("prompt-textarea");return s(),$(h,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=f=>e.prompt=f),title:e.$t("hailuo.name.prompt"),info:e.$t("hailuo.description.prompt"),placeholder:e.$t("hailuo.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const ye=b(ke,[["render",be]]),we=y({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:U,PromptInput:ye,StartImageUrlInput:$e,ModelSelector:me,Consumption:X},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return Y(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Se={class:"flex flex-col h-full"},Ve={class:"flex-1 overflow-y-auto p-5"},Te={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ee(e,n,g,_,w,S){const h=a("prompt-input"),f=a("model-selector"),u=a("start-image-url-input"),v=a("consumption"),i=a("font-awesome-icon"),p=a("el-button");return s(),l("div",Se,[r("div",Ve,[t(h,{class:"mb-4"}),t(f,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(s(),$(u,{key:0,class:"mb-2"})):d("",!0)]),r("div",Te,[t(v,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(s(),$(p,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(s(),$(p,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Ie=b(we,[["render",Ee]]),Ce=y({name:"TaskPreview",components:{ElImage:ae,CopyToClipboard:x,FontAwesomeIcon:U,ElAlert:se,VideoPlayer:ee,ElTooltip:oe,ElButton:C,ApiCodeButton:te},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Le={class:"preview"},Ue={class:"left"},Ge={class:"main"},Pe={class:"bot"},Ae={class:"datetime"},Re={class:"info"},Me={key:0,class:"prompt mt-2"},Be={key:0},je={key:1},De={key:0,class:T({content:!0,failed:!0})},qe={key:0,class:"mb-4"},Fe={key:1,class:T({operations:!0,"mt-2":!0})},Oe={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ze={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ne={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},He={key:1,class:T({content:!0})},Je={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ke={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qe={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},We={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Xe={key:2,class:T({content:!0})},Ye={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ze(e,n,g,_,w,S){const h=a("el-image"),f=a("video-player"),u=a("el-button"),v=a("el-tooltip"),i=a("api-code-button"),p=a("font-awesome-icon"),V=a("copy-to-clipboard"),E=a("el-alert");return s(),l("div",Le,[r("div",Ue,[t(h,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),r("div",Ge,[r("div",Pe,[m(o(e.$t("hailuo.name.hailuoBot"))+" ",1),r("span",Ae,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Re,[e.modelValue?.request?.prompt?(s(),l("p",Me,[m(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(s(),l("span",Be," - ("+o(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(s(),l("span",je," - ("+o(e.$t("hailuo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0?(s(),l("div",De,[e.video?.video_url?(s(),l("div",qe,[t(f,{src:e.video?.video_url},null,8,["src"])])):d("",!0),e.video?(s(),l("div",Fe,[t(v,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.video?.video_url?(s(),$(u,{key:0,type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=F(rt=>e.onDownload(e.video?.video_url),["stop"]))},{default:c(()=>[m(o(e.$t("hailuo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"]),t(i,{path:"/hailuo/videos",body:e.modelValue?.request},null,8,["body"])])):d("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),l("p",Oe,[t(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.model"))+": "+o(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):d("",!0),r("p",ze,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Ne,[t(p,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(s(),l("div",He,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",Je,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),r("p",Ke,[t(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Qe,[t(p,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),r("p",We,[t(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(s(),l("div",Xe,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",Ye,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):d("",!0)])])}const xe=b(Ce,[["render",Ze],["__scopeId","data-v-d70b3e0b"]]),et=y({name:"RecentPanel",components:{TaskPreview:xe,BotPlaceholder:ne,NoTasks:W,ScrollList:N},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),tt={key:0},ot={key:2,class:"w-full h-full flex items-center justify-center"};function st(e,n,g,_,w,S){const h=a("bot-placeholder"),f=a("task-preview"),u=a("scroll-list"),v=a("no-tasks");return s(),l(I,null,[e.tasks?.items===void 0?(s(),l("div",tt,[t(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(u,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=i=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),l(I,null,G(e.tasks?.items,i=>(s(),$(f,{key:i.id,"model-value":i},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(s(),l("div",ot,[t(v)])):d("",!0)],64)}const at=b(et,[["render",st]]),nt=B("hailuo"),lt=y({name:"HailuoIndex",components:{ConfigPanel:Ie,Layout:P,RecentPanel:at},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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 H({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("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/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:n=5,createdAtMin:g,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",g,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:n,createdAtMin:g,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:nt},n=this.credential?.token;if(!n){console.error("no token specified");return}k.info(this.$t("hailuo.message.startingTask")),R("hailuo",M.generate(e,{token:n})).then(()=>{k.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(g=>{g?.response?.data?.error?.code===Z?k.error(this.$t("hailuo.message.usedUp")):k.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function it(e,n,g,_,w,S){const h=a("config-panel"),f=a("recent-panel"),u=a("layout");return s(),$(u,null,{config:c(()=>[t(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(f,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ao=b(lt,[["render",it]]);export{ao as default};
+import{L as P}from"./Hailuo-Bs70wZAk.js";import{F as U}from"./index.es-BLWVr09Y.js";import{H as b,bp as A,cs as R,aS as M,S as L,ct as B}from"./index-CQn03O-2.js";import{a as j}from"./hailuo-C8Dw-0xR.js";import{E as D,a as q}from"./index-BhS2zQsV.js";import{d as y,H as l,E as r,F as o,C as t,y as c,O as I,N as G,D as a,q as s,x as $,I as m,J as d,M as F,Q as T}from"./vendor-vue-NSDaktjZ.js";import{p as O}from"./pasteUploadMixin-BurWbGNQ.js";import{I as z,S as N,l as H}from"./pagination-ek-7J-ts.js";import{I as J}from"./ImagePreview--Cuw8CJK.js";import{E as C}from"./index-CA6tOV56.js";import{E as K}from"./index-TFfuEy8v.js";import{E as k}from"./index-DDunqOha.js";import{P as Q,N as W}from"./NoTasks-Cn_ev61E.js";import{C as X}from"./Consumption-Rx-SPXQH.js";import{a as Y}from"./price-CclAqDNC.js";import{b as Z}from"./errorCode-Cqj9Td_Z.js";import{C as x}from"./CopyToClipboard-DLhsc_6o.js";import{V as ee}from"./VideoPlayer-psxQtEBu.js";import{A as te}from"./ApiCodeButton-DMB3IpSJ.js";import{E as oe}from"./index-oLvYdrsc.js";import{E as se}from"./index-BrPyoQDC.js";import{E as ae}from"./index-DfnZuNAg.js";import{B as ne}from"./BotPlaceholder-yOdRDvMj.js";import"./index-DmICelAi.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BQfoZ54Z.js";import"./typescript-DowrXrlK.js";import"./index-CtVUjeHF.js";import"./strings-beZM2Y-f.js";import"./isEqual-8AlBXDya.js";import"./_Uint8Array-CXIre3fJ.js";import"./castArray-wvI7lZeW.js";import"./use-form-item-C0z7n9Jb.js";import"./index-mg0S91bY.js";import"./index-DwdAW22C.js";import"./debounce-DpWjFu3C.js";import"./_baseIteratee-MLBifuhB.js";import"./index-CpkSnV3-.js";import"./highlight-iZYEByjz.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-C3TuZeOz.js";import"./index-BuyEbX8F.js";import"./_baseClone-BuF3tjUU.js";import"./_initCloneObject-BM8WAR-N.js";import"./vue-plyr-BO2nlN4c.js";import"./index-B6LRLQ69.js";const le=y({name:"ModelSelector",components:{ElSelect:q,ElOption:D},data(){return{}},computed:{options(){return[{value:"minimax-t2v",label:this.$t("hailuo.button.model1")},{value:"minimax-i2v",label:this.$t("hailuo.button.model2")},{value:"minimax-i2v-director",label:this.$t("hailuo.button.model3")}]},value:{get(){return this.$store.state.hailuo?.config?.model},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,model:e})}}},mounted(){this.value||(this.value=j)}}),ie={class:"field"},re={class:"title font-bold"},ce={class:"float-left"};function ue(e,n,g,_,w,S){const h=a("el-option"),f=a("el-select");return s(),l("div",ie,[r("h2",re,o(e.$t("hailuo.name.model")),1),t(f,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=u=>e.value=u),class:"value",placeholder:e.$t("hailuo.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),l(I,null,G(e.options,u=>(s(),$(h,{key:u.value,label:u.label,value:u.value},{default:c(()=>[r("span",ce,o(u.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const me=b(le,[["render",ue],["__scopeId","data-v-a768fbd9"]]),de=y({name:"StartImageUrlInput",components:{ElUpload:K,ElButton:C,InfoIcon:z,ImagePreview:J},mixins:[O],data(){return{fileList:[],uploadUrl:A()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e.url).filter(e=>e!==void 0)},value:{get(){return this.$store.state.hailuo?.config?.first_image_url},set(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){k.warning(this.$t("hailuo.message.uploadStartImageExceed"))},onError(){k.error(this.$t("hailuo.message.uploadStartImageError"))},async onRemove(){k.error(this.$t("hailuo.message.uploadStartImageError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,first_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),pe={class:"relative"},he={class:"flex justify-between"},fe={class:"flex justify-start items-center"},ge={class:"text-sm font-bold"};function _e(e,n,g,_,w,S){const h=a("info-icon"),f=a("image-preview"),u=a("el-button"),v=a("el-upload");return s(),l("div",pe,[r("div",he,[r("div",fe,[r("span",ge,o(e.$t("hailuo.name.startImageUrl")),1),t(h,{content:e.$t("hailuo.description.startImageUrl"),class:"info"},null,8,["content"])])]),t(v,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=i=>e.fileList=i),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file","show-file-list":!0,limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:c(({file:i})=>[i.url&&i.percentage!==void 0?(s(),$(f,{key:0,url:i.url,name:i.name,percentage:i.percentage,onRemove:p=>e.fileList.splice(e.fileList.indexOf(i),1)},null,8,["url","name","percentage","onRemove"])):d("",!0)]),default:c(()=>[t(u,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[m(o(e.$t("hailuo.button.uploadStartImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const $e=b(de,[["render",_e],["__scopeId","data-v-48f4a681"]]),ve="",ke=y({name:"PromptInput",components:{PromptTextarea:Q},computed:{prompt:{get(){return this.$store.state.hailuo?.config?.prompt},set(e){this.$store.commit("hailuo/setConfig",{...this.$store.state.hailuo?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ve)}});function be(e,n,g,_,w,S){const h=a("prompt-textarea");return s(),$(h,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=f=>e.prompt=f),title:e.$t("hailuo.name.prompt"),info:e.$t("hailuo.description.prompt"),placeholder:e.$t("hailuo.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const ye=b(ke,[["render",be]]),we=y({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:U,PromptInput:ye,StartImageUrlInput:$e,ModelSelector:me,Consumption:X},emits:["generate"],computed:{config(){return this.$store.state.hailuo?.config},consumption(){return Y(this.config,this.service?.cost)},service(){return this.$store.state.hailuo?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Se={class:"flex flex-col h-full"},Ve={class:"flex-1 overflow-y-auto p-5"},Te={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ee(e,n,g,_,w,S){const h=a("prompt-input"),f=a("model-selector"),u=a("start-image-url-input"),v=a("consumption"),i=a("font-awesome-icon"),p=a("el-button");return s(),l("div",Se,[r("div",Ve,[t(h,{class:"mb-4"}),t(f,{class:"mb-4"}),e.config?.model==="minimax-i2v"?(s(),$(u,{key:0,class:"mb-2"})):d("",!0)]),r("div",Te,[t(v,{value:e.consumption,service:e.service},null,8,["value","service"]),e.config?.video_url!==void 0||e.config?.custom?(s(),$(p,{key:0,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.extend")),1)]),_:1},8,["onClick"])):(s(),$(p,{key:1,type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(i,{icon:"fa-solid fa-magic",class:"mr-2"}),m(" "+o(e.$t("hailuo.button.generate")),1)]),_:1},8,["onClick"]))])])}const Ie=b(we,[["render",Ee]]),Ce=y({name:"TaskPreview",components:{ElImage:ae,CopyToClipboard:x,FontAwesomeIcon:U,ElAlert:se,VideoPlayer:ee,ElTooltip:oe,ElButton:C,ApiCodeButton:te},props:{modelValue:{type:Object,required:!0}},computed:{application(){return this.$store.state.hailuo?.application},config(){return this.$store.state.hailuo?.config},video(){return this.modelValue?.response?.data?.[0]}},methods:{onDownload(e){console.debug("on download hailuo video",e),window.open(e,"_blank")}}}),Le={class:"preview"},Ue={class:"left"},Ge={class:"main"},Pe={class:"bot"},Ae={class:"datetime"},Re={class:"info"},Me={key:0,class:"prompt mt-2"},Be={key:0},je={key:1},De={key:0,class:T({content:!0,failed:!0})},qe={key:0,class:"mb-4"},Fe={key:1,class:T({operations:!0,"mt-2":!0})},Oe={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ze={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ne={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},He={key:1,class:T({content:!0})},Je={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ke={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qe={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},We={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Xe={key:2,class:T({content:!0})},Ye={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ze(e,n,g,_,w,S){const h=a("el-image"),f=a("video-player"),u=a("el-button"),v=a("el-tooltip"),i=a("api-code-button"),p=a("font-awesome-icon"),V=a("copy-to-clipboard"),E=a("el-alert");return s(),l("div",Le,[r("div",Ue,[t(h,{src:"https://cdn.acedata.cloud/0qg4gp.png",class:"avatar"})]),r("div",Ge,[r("div",Pe,[m(o(e.$t("hailuo.name.hailuoBot"))+" ",1),r("span",Ae,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",Re,[e.modelValue?.request?.prompt?(s(),l("p",Me,[m(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(s(),l("span",Be," - ("+o(e.$t("hailuo.status.pending"))+") ",1)),e.video?.state==="processing"||e.video?.state==="pending"||e.video?.state==="running"?(s(),l("span",je," - ("+o(e.$t("hailuo.status.processing"))+") ",1)):d("",!0)])):d("",!0)]),e.modelValue?.response?.success===!0?(s(),l("div",De,[e.video?.video_url?(s(),l("div",qe,[t(f,{src:e.video?.video_url},null,8,["src"])])):d("",!0),e.video?(s(),l("div",Fe,[t(v,{class:"box-item",effect:"dark",content:e.$t("hailuo.message.downloadVideo"),placement:"top-start"},{default:c(()=>[e.video?.video_url?(s(),$(u,{key:0,type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=F(rt=>e.onDownload(e.video?.video_url),["stop"]))},{default:c(()=>[m(o(e.$t("hailuo.button.download")),1)]),_:1})):d("",!0)]),_:1},8,["content"]),t(i,{path:"/hailuo/videos",body:e.modelValue?.request},null,8,["body"])])):d("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),l("p",Oe,[t(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.model"))+": "+o(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):d("",!0),r("p",ze,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Ne,[t(p,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0)]),_:1})])):d("",!0),e.modelValue?.response?.success===!1?(s(),l("div",He,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",Je,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),r("p",Ke,[t(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),l("p",Qe,[t(p,{icon:"fa-solid fa-clock",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),r("p",We,[t(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):d("",!0),e.modelValue?.response?.success===void 0?(s(),l("div",Xe,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.failure")),1)]),default:c(()=>[r("p",Ye,[t(p,{icon:"fa-solid fa-magic",class:"mr-1"}),m(" "+o(e.$t("hailuo.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):d("",!0)])])}const xe=b(Ce,[["render",Ze],["__scopeId","data-v-d70b3e0b"]]),et=y({name:"RecentPanel",components:{TaskPreview:xe,BotPlaceholder:ne,NoTasks:W,ScrollList:N},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.hailuo?.tasks,items:this.$store.state.hailuo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),tt={key:0},ot={key:2,class:"w-full h-full flex items-center justify-center"};function st(e,n,g,_,w,S){const h=a("bot-placeholder"),f=a("task-preview"),u=a("scroll-list"),v=a("no-tasks");return s(),l(I,null,[e.tasks?.items===void 0?(s(),l("div",tt,[t(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(u,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=i=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),l(I,null,G(e.tasks?.items,i=>(s(),$(f,{key:i.id,"model-value":i},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(s(),l("div",ot,[t(v)])):d("",!0)],64)}const at=b(et,[["render",st]]),nt=B("hailuo"),lt=y({name:"HailuoIndex",components:{ConfigPanel:Ie,Layout:P,RecentPanel:at},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.hailuo?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.hailuo?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.hailuo.credential},config(){return this.$store.state.hailuo.config},application(){return this.$store.state.hailuo.application},tasks(){return this.$store.state.hailuo.tasks}},watch:{tasks:{handler(e,n){e?.items?.length>n?.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 H({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("hailuo/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("hailuo/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:n=5,createdAtMin:g,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",g,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("hailuo/getTasks",{limit:n,createdAtMin:g,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:nt},n=this.credential?.token;if(!n){console.error("no token specified");return}k.info(this.$t("hailuo.message.startingTask")),R("hailuo",M.generate(e,{token:n})).then(()=>{k.success(this.$t("hailuo.message.startTaskSuccess"))}).catch(g=>{g?.response?.data?.error?.code===Z?k.error(this.$t("hailuo.message.usedUp")):k.error(this.$t("hailuo.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function it(e,n,g,_,w,S){const h=a("config-panel"),f=a("recent-panel"),u=a("layout");return s(),$(u,null,{config:c(()=>[t(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(f,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ao=b(lt,[["render",it]]);export{ao as default};

package/dist/assets/{Index-BbjklyR8.js → Index-CYjAdXM0.js}

@@ -1 +1 @@
-import{F as I}from"./index.es-CkCzxqX5.js";import{E as A}from"./index-eRfCWvGL.js";import{E as Q}from"./index-Dr9_GlNf.js";import{d as E,H as l,E as c,z as O,C as t,y as _,D as s,q as o,x as y,F as n,O as V,N as C,J as v,I as h,M as X,Q as F}from"./vendor-vue-NSDaktjZ.js";import{H as k,da as Y,db as G,dc as B,dd as q,de as Z,df as x,dg as ee,dh as te,di as se,dj as oe,bp as z,dk as ne,dl as ae,dm as le,dn as re,dp as ie,cs as ce,b2 as de,S as j,ct as me}from"./index-_y9ropld.js";import{P as ue,N as pe}from"./NoTasks-CLH1KttF.js";import{I as S,S as fe,l as _e}from"./pagination-DExLd9Ua.js";import{E as P,a as N}from"./index-DF1SGxEM.js";import{E as H}from"./index-DXfL6ETu.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{I as M}from"./ImagePreview-Ygx1awOz.js";import{E as J}from"./index-DGjaBQA5.js";import{E as w}from"./index-B4a7L2G9.js";import{C as he}from"./Consumption-wlHZ47xl.js";import{a as ve}from"./price-ClyIQIYX.js";import{C as $e}from"./CopyToClipboard-D1WTdwXG.js";import{V as ge}from"./VideoPlayer-yfnNJISZ.js";import{I as be}from"./ImageWrapper-Cqql7v8c.js";import{A as Ee}from"./ApiCodeButton-zU186ws1.js";import{E as ke}from"./index-weqbVaqW.js";import{E as ye}from"./index-WIUuWaZE.js";import{E as we}from"./index-7e8Ju5As.js";import{B as Se}from"./BotPlaceholder-rghyc6_y.js";import{b as Ve}from"./errorCode-Cqj9Td_Z.js";import"./use-form-item-_RVfLK5R.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BmvrBQea.js";import"./typescript-BMqxIgFj.js";import"./index-DEVtx9BR.js";import"./index-B-2wd58x.js";import"./highlight-CuDf01Sr.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-C5x3iJ0a.js";import"./strings-beZM2Y-f.js";import"./isEqual-B4lY29gT.js";import"./_Uint8Array-M65RAKAu.js";import"./castArray-DMbKoGon.js";import"./debounce-DfnRy0fp.js";import"./_baseIteratee-CAA1aFDV.js";import"./index-4OZZZJYU.js";import"./validator-RTfR_ioW.js";import"./index-gYUXSfIx.js";import"./_baseClone-DAEDX7Gi.js";import"./_initCloneObject-DnowziV3.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CVrO3TnW.js";const Le=E({name:"LayoutSeedance",components:{ElDrawer:Q,ElButton:A,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Te={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)]"},Ae={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ce(e,a,m,f,u,g){const d=s("font-awesome-icon"),p=s("el-button"),r=s("el-drawer");return o(),l("div",Te,[c("div",Ie,[O(e.$slots,"config",{},void 0,!0)]),c("div",Ae,[O(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:a[0]||(a[0]=i=>e.drawer=!0)},{default:_(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":a[1]||(a[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"350px"},{default:_(()=>[O(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Fe=k(Le,[["render",Ce],["__scopeId","data-v-caafd095"]]),De="",Re=E({name:"SeedancePromptInput",components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=De)}});function Ue(e,a,m,f,u,g){const d=s("prompt-textarea");return o(),y(d,{modelValue:e.prompt,"onUpdate:modelValue":a[0]||(a[0]=p=>e.prompt=p),title:e.$t("seedance.name.prompt"),info:e.$t("seedance.description.prompt"),placeholder:e.$t("seedance.placeholder.prompt"),"min-rows":5},null,8,["modelValue","title","info","placeholder"])}const Oe=k(Re,[["render",Ue]]),Pe=E({name:"SeedanceModelSelector",components:{ElSelect:N,ElOption:P,InfoIcon:S},data(){return{options:[{value:G,label:this.$t("seedance.model.seedance20")},{value:B,label:this.$t("seedance.model.seedance20Fast")},{value:q,label:this.$t("seedance.model.seedance15pro")},{value:Z,label:this.$t("seedance.model.seedance10pro")},{value:x,label:this.$t("seedance.model.seedance10proFast")},{value:ee,label:this.$t("seedance.model.seedance10liteT2v")},{value:te,label:this.$t("seedance.model.seedance10liteI2v")}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||(this.value=Y)}}),Ne={class:"field"},Me={class:"label"},je={class:"box"},Ge={class:"title font-bold"};function Be(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-option"),r=s("el-select");return o(),l("div",Ne,[c("div",Me,[c("div",je,[c("h2",Ge,n(e.$t("seedance.name.model")),1),t(d,{content:e.$t("seedance.description.model"),class:"info"},null,8,["content"])])]),t(r,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=i=>e.value=i),class:"value",placeholder:e.$t("seedance.placeholder.select")},{default:_(()=>[(o(!0),l(V,null,C(e.options,i=>(o(),y(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const qe=k(Pe,[["render",Be],["__scopeId","data-v-61816a81"]]),ze=E({name:"SeedanceDurationSelector",components:{ElSelect:N,ElOption:P,InfoIcon:S},data(){return{options:[{value:2,label:"2s"},{value:3,label:"3s"},{value:4,label:"4s"},{value:5,label:"5s"},{value:6,label:"6s"},{value:7,label:"7s"},{value:8,label:"8s"},{value:9,label:"9s"},{value:10,label:"10s"},{value:11,label:"11s"},{value:12,label:"12s"}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,duration:e})}}},mounted(){this.value||(this.value=se)}}),He={class:"field"},We={class:"label"},Je={class:"box"},Ke={class:"title font-bold"};function Qe(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-option"),r=s("el-select");return o(),l("div",He,[c("div",We,[c("div",Je,[c("h2",Ke,n(e.$t("seedance.name.duration")),1),t(d,{content:e.$t("seedance.description.duration"),class:"info"},null,8,["content"])])]),t(r,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=i=>e.value=i),class:"value",placeholder:e.$t("seedance.placeholder.select")},{default:_(()=>[(o(!0),l(V,null,C(e.options,i=>(o(),y(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Xe=k(ze,[["render",Qe],["__scopeId","data-v-5c809a72"]]),Ye=new Set([q,G,B]),Ze=E({name:"SeedanceGenerateAudioSwitch",components:{ElSwitch:H,InfoIcon:S},computed:{isSupported(){const e=this.$store.state.seedance?.config?.model;return typeof e=="string"&&Ye.has(e)},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=oe)}}),xe={key:0,class:"field"},et={class:"label"},tt={class:"box"},st={class:"title font-bold"},ot={class:"value"};function nt(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-switch");return e.isSupported?(o(),l("div",xe,[c("div",et,[c("div",tt,[c("h2",st,n(e.$t("seedance.name.generateAudio")),1),t(d,{content:e.$t("seedance.description.generateAudio"),class:"info"},null,8,["content"])])]),c("div",ot,[t(p,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=r=>e.value=r),"inline-prompt":"","active-text":e.$t("seedance.button.on"),"inactive-text":e.$t("seedance.button.off")},null,8,["modelValue","active-text","inactive-text"])])])):v("",!0)}const at=k(Ze,[["render",nt],["__scopeId","data-v-004d19ff"]]),lt=E({name:"SeedanceFirstFrameImage",components:{ElUpload:J,ElButton:A,InfoIcon:S,FontAwesomeIcon:I,ImagePreview:M},mixins:[W],data(){return{fileList:[],uploadUrl:z()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){w.warning(this.$t("seedance.message.uploadExceed"))},onError(){w.error(this.$t("seedance.message.uploadError"))},onSetFirstFrameUrl(){const e=this.urls?.[0],m=(this.$store.state.seedance?.config?.images||[]).filter(f=>f?.role!=="first_frame");e&&m.push({url:e,role:"first_frame"}),this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,images:m.length>0?m:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),rt={class:"relative"},it={class:"flex justify-between"},ct={class:"flex justify-start items-center"},dt={class:"text-sm font-bold"};function mt(e,a,m,f,u,g){const d=s("info-icon"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),b=s("el-upload");return o(),l("div",rt,[c("div",it,[c("div",ct,[c("span",dt,n(e.$t("seedance.name.firstFrame")),1),t(d,{content:e.$t("seedance.description.firstFrame")},null,8,["content"])])]),t(b,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":a[0]||(a[0]=$=>e.fileList=$),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:1,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:$})=>[$.url&&$.percentage!==void 0?(o(),y(p,{key:0,url:$.url,name:$.name,percentage:$.percentage,onRemove:L=>e.fileList.splice(e.fileList.indexOf($),1)},null,8,["url","name","percentage","onRemove"])):v("",!0)]),default:_(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:_(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+n(e.$t("seedance.button.upload")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-remove","headers"])])}const ut=k(lt,[["render",mt],["__scopeId","data-v-5294baf8"]]),pt=E({name:"SeedanceLastFrameImage",components:{ElUpload:J,ElButton:A,ImagePreview:M,InfoIcon:S,FontAwesomeIcon:I},mixins:[W],data(){return{fileList:[],uploadUrl:z()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){w.warning(this.$t("seedance.message.uploadExceed"))},onError(){w.error(this.$t("seedance.message.uploadError"))},onSetLastFrameUrl(){const e=this.urls?.[0],m=(this.$store.state.seedance?.config?.images||[]).filter(f=>f?.role!=="last_frame");e&&m.push({url:e,role:"last_frame"}),this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,images:m.length>0?m:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),ft={class:"relative"},_t={class:"flex justify-between"},ht={class:"flex justify-start items-center"},vt={class:"text-sm font-bold"};function $t(e,a,m,f,u,g){const d=s("info-icon"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),b=s("el-upload");return o(),l("div",ft,[c("div",_t,[c("div",ht,[c("span",vt,n(e.$t("seedance.name.lastFrame")),1),t(d,{content:e.$t("seedance.description.lastFrame")},null,8,["content"])])]),t(b,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":a[0]||(a[0]=$=>e.fileList=$),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:1,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:$})=>[$.url&&$.percentage!==void 0?(o(),y(p,{key:0,url:$.url,name:$.name,percentage:$.percentage,onRemove:L=>e.fileList.splice(e.fileList.indexOf($),1)},null,8,["url","name","percentage","onRemove"])):v("",!0)]),default:_(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:_(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+n(e.$t("seedance.button.upload")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-remove","headers"])])}const gt=k(pt,[["render",$t],["__scopeId","data-v-f423739f"]]),bt=E({name:"SeedanceServiceTierSelector",components:{ElSelect:N,ElOption:P,InfoIcon:S},data(){return{options:[{value:ae,label:this.$t("seedance.serviceTier.default")},{value:le,label:this.$t("seedance.serviceTier.flex")}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||(this.value=ne)}}),Et={class:"field"},kt={class:"label"},yt={class:"box"},wt={class:"title font-bold"};function St(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-option"),r=s("el-select");return o(),l("div",Et,[c("div",kt,[c("div",yt,[c("h2",wt,n(e.$t("seedance.name.serviceTier")),1),t(d,{content:e.$t("seedance.description.serviceTier"),class:"info"},null,8,["content"])])]),t(r,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=i=>e.value=i),class:"value",placeholder:e.$t("seedance.placeholder.select")},{default:_(()=>[(o(!0),l(V,null,C(e.options,i=>(o(),y(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Vt=k(bt,[["render",St],["__scopeId","data-v-cc938de2"]]),Lt=E({name:"SeedanceReturnLastFrameSwitch",components:{ElSwitch:H,InfoIcon:S},computed:{value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,return_last_frame:e})}}},mounted(){this.value===void 0&&(this.value=re)}}),Tt={class:"field"},It={class:"label"},At={class:"box"},Ct={class:"title font-bold"},Ft={class:"value"};function Dt(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-switch");return o(),l("div",Tt,[c("div",It,[c("div",At,[c("h2",Ct,n(e.$t("seedance.name.returnLastFrame")),1),t(d,{content:e.$t("seedance.description.returnLastFrame"),class:"info"},null,8,["content"])])]),c("div",Ft,[t(p,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=r=>e.value=r),"inline-prompt":"","active-text":e.$t("seedance.button.on"),"inactive-text":e.$t("seedance.button.off")},null,8,["modelValue","active-text","inactive-text"])])])}const Rt=k(Lt,[["render",Dt],["__scopeId","data-v-cd179b1c"]]),Ut=E({name:"SeedanceConfigPanel",components:{ElButton:A,FontAwesomeIcon:I,PromptInput:Oe,ModelSelector:qe,DurationSelector:Xe,GenerateAudioSwitch:at,ServiceTierSelector:Vt,ReturnLastFrameSwitch:Rt,FirstFrameImage:ut,LastFrameImage:gt,Consumption:he},emits:["generate"],computed:{config(){return this.$store.state.seedance?.config},consumption(){return ve(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ot={class:"flex flex-col h-full"},Pt={class:"flex-1 overflow-y-auto p-5"},Nt={class:"flex flex-col items-center justify-center px-5 pb-5"};function Mt(e,a,m,f,u,g){const d=s("prompt-input"),p=s("model-selector"),r=s("duration-selector"),i=s("generate-audio-switch"),b=s("service-tier-selector"),$=s("return-last-frame-switch"),L=s("first-frame-image"),D=s("last-frame-image"),R=s("consumption"),U=s("font-awesome-icon"),T=s("el-button");return o(),l("div",Ot,[c("div",Pt,[t(d,{class:"mb-4"}),t(p,{class:"mb-4"}),t(r,{class:"mb-4"}),t(i,{class:"mb-4"}),t(b,{class:"mb-4"}),t($,{class:"mb-4"}),t(L,{class:"mb-2"}),t(D,{class:"mb-2"})]),c("div",Nt,[t(R,{value:e.consumption,service:e.service},null,8,["value","service"]),t(T,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:_(()=>[t(U,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+n(e.$t("seedance.button.generate")),1)]),_:1},8,["onClick"])])])}const jt=k(Ut,[["render",Mt]]),Gt=E({name:"SeedanceTaskPreview",components:{ElImage:we,CopyToClipboard:$e,FontAwesomeIcon:I,ElAlert:ye,VideoPlayer:ge,ElTooltip:ke,ElButton:A,ImageWrapper:be,ImagePreview:M,ApiCodeButton:Ee},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:ie}},computed:{video(){return this.modelValue?.response?.data},referenceImages(){const e=this.modelValue?.request?.images;if(!Array.isArray(e))return[];const a=[],m=e.find(u=>u?.role==="first_frame");m?.url&&a.push({url:m.url,name:"first-frame"});const f=e.find(u=>u?.role==="last_frame");return f?.url&&a.push({url:f.url,name:"last-frame"}),e.forEach((u,g)=>{u?.url&&u.role!=="first_frame"&&u.role!=="last_frame"&&a.push({url:u.url,name:u.role||`image-${g}`})}),a}},methods:{onDownload(e){window.open(e,"_blank")}}}),Bt={class:"preview"},qt={class:"left"},zt={class:"main"},Ht={class:"bot"},Wt={class:"datetime"},Jt={class:"info"},Kt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},Qt={key:1,class:"prompt mt-2"},Xt={key:0},Yt={key:1},Zt={key:0,class:F({content:!0})},xt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},es={key:1,class:F({content:!0})},ts={key:0,class:"mb-4"},ss={key:1,class:"mb-4"},os={key:2,class:F({operations:!0,"mt-2":!0,"mb-2":!0})},ns={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},as={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ls={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},rs={key:0},is={key:1},cs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ds={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ms={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},us={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ps={key:2,class:F({content:!0})},fs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_s={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},hs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},$s={key:3,class:F({content:!0})},gs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bs={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Es(e,a,m,f,u,g){const d=s("el-image"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("copy-to-clipboard"),b=s("el-alert"),$=s("video-player"),L=s("image-wrapper"),D=s("el-button"),R=s("el-tooltip"),U=s("api-code-button");return o(),l("div",Bt,[c("div",qt,[t(d,{src:e.seedanceLogo,class:"avatar"},null,8,["src"])]),c("div",zt,[c("div",Ht,[h(n(e.$t("seedance.name.seedanceBot"))+" ",1),c("span",Wt,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Jt,[e.referenceImages.length>0?(o(),l("div",Kt,[(o(!0),l(V,null,C(e.referenceImages,(T,K)=>(o(),y(p,{key:K,url:T.url,name:T.name,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(o(),l("p",Qt,[h(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?e.video?.status==="processing"||e.video?.status==="pending"?(o(),l("span",Yt," - ("+n(e.$t("seedance.status.processing"))+") ",1)):v("",!0):(o(),l("span",Xt," - ("+n(e.$t("seedance.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(o(),l("div",es,[e.video?.video_url?(o(),l("div",ts,[t($,{src:e.video?.video_url},null,8,["src"])])):v("",!0),e.video?.last_frame_url?(o(),l("div",ss,[t(L,{src:e.video?.last_frame_url,"raw-src":e.video?.last_frame_url},null,8,["src","raw-src"])])):v("",!0),e.video?.video_url?(o(),l("div",os,[t(R,{class:"box-item",effect:"dark",content:e.$t("seedance.message.downloadVideo"),placement:"top-start"},{default:_(()=>[t(D,{type:"info",size:"small",class:"btn-action",onClick:a[0]||(a[0]=X(T=>e.onDownload(e.video?.video_url),["stop"]))},{default:_(()=>[h(n(e.$t("seedance.button.download")),1)]),_:1})]),_:1},8,["content"]),t(U,{path:"/seedance/videos",body:e.modelValue?.request},null,8,["body"])])):v("",!0),t(b,{closable:!1,class:"mt-2 success"},{default:_(()=>[e.modelValue?.request?.model?(o(),l("p",ns,[t(r,{icon:"fa-solid fa-cube",class:"mr-1"}),h(" "+n(e.$t("seedance.name.model"))+": "+n(e.modelValue?.request?.model),1)])):v("",!0),e.video?.duration?(o(),l("p",as,[t(r,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.name.duration"))+": "+n(e.video?.duration)+"s ",1)])):v("",!0),e.video?.resolution?(o(),l("p",ls,[t(r,{icon:"fa-solid fa-expand",class:"mr-1"}),h(" "+n(e.$t("seedance.name.resolution"))+": "+n(e.video?.resolution)+" ",1),e.video?.ratio?(o(),l("span",rs," · "+n(e.video?.ratio),1)):v("",!0),e.video?.framespersecond?(o(),l("span",is," · "+n(e.video?.framespersecond)+"fps",1)):v("",!0)])):v("",!0),e.modelValue?.request?.generate_audio?(o(),l("p",cs,[t(r,{icon:"fa-solid fa-volume-up",class:"mr-1"}),h(" "+n(e.$t("seedance.name.generateAudio"))+": "+n(e.$t("seedance.button.on")),1)])):v("",!0),c("p",ds,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(o(),l("p",ms,[t(r,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(o(),l("p",us,[t(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+n(e.$t("seedance.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(o(),l("div",ps,[t(b,{closable:!1,class:"failure"},{template:_(()=>[t(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+n(e.$t("seedance.name.failure")),1)]),default:_(()=>[c("p",fs,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.error?.message?(o(),l("p",_s,[t(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+n(e.$t("seedance.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t(i,{content:e.modelValue?.response?.error?.message,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0),e.modelValue?.elapsed?(o(),l("p",hs,[t(r,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(o(),l("p",vs,[t(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+n(e.$t("seedance.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):(o(),l("div",$s,[t(b,{closable:!1,class:"info"},{template:_(()=>[t(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+n(e.$t("seedance.name.status")),1)]),default:_(()=>[c("p",gs,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(o(),l("p",bs,[t(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+n(e.$t("seedance.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):(o(),l("div",Zt,[t(b,{closable:!1,class:"info"},{template:_(()=>[t(r,{icon:"fa-regular fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.status.pending")),1)]),default:_(()=>[c("p",xt,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const ks=k(Gt,[["render",Es],["__scopeId","data-v-3c933aae"]]),ys=E({name:"SeedanceRecentPanel",components:{TaskPreview:ks,BotPlaceholder:Se,NoTasks:pe,ScrollList:fe},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ws={key:0},Ss={key:2,class:"w-full h-full flex items-center justify-center"};function Vs(e,a,m,f,u,g){const d=s("bot-placeholder"),p=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return o(),l(V,null,[e.tasks?.items===void 0?(o(),l("div",ws,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),y(r,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:a[0]||(a[0]=b=>e.$emit("reach-top"))},{default:_(()=>[(o(!0),l(V,null,C(e.tasks?.items,b=>(o(),y(p,{key:b.id,"model-value":b},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(o(),l("div",Ss,[t(i)])):v("",!0)],64)}const Ls=k(ys,[["render",Vs]]),Ts=me("seedance"),Is=E({name:"SeedanceIndex",components:{ConfigPanel:jt,Layout:Fe,RecentPanel:Ls},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===j.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===j.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await _e({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){await this.$store.dispatch("seedance/getService")},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;const{limit:a=5,createdAtMin:m,createdAtMax:f}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch("seedance/getTasks",{limit:a,createdAtMin:m,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config||{}};if(typeof e?.prompt=="string"&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(d=>!!d?.url);const u=e.images.some(d=>d?.role==="first_frame"),g=e.images.some(d=>d?.role==="last_frame");!u&&g&&(e.images=e.images.map(d=>d?.role==="last_frame"?{...d,role:"first_frame"}:d))}!(Array.isArray(e?.images)&&e.images.length>0)&&"images"in e&&delete e.images;const m={...e,callback_url:Ts},f=this.credential?.token;if(!f){console.error("no token specified");return}w.info(this.$t("seedance.message.startingTask")),ce("seedance",de.generate(m,{token:f})).then(()=>{w.success(this.$t("seedance.message.startTaskSuccess"))}).catch(u=>{const g=u?.response?.data;g?.error?.code===Ve?w.error(this.$t("seedance.message.usedUp")):w.error(this.$t("seedance.message.startTaskFailed")+(g?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function As(e,a,m,f,u,g){const d=s("config-panel"),p=s("recent-panel"),r=s("layout");return o(),y(r,null,{config:_(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:_(()=>[t(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const To=k(Is,[["render",As]]);export{To as default};
+import{F as I}from"./index.es-BLWVr09Y.js";import{E as A}from"./index-CA6tOV56.js";import{E as Q}from"./index-DmICelAi.js";import{d as E,H as l,E as c,z as O,C as t,y as _,D as s,q as o,x as y,F as n,O as V,N as C,J as v,I as h,M as X,Q as F}from"./vendor-vue-NSDaktjZ.js";import{H as k,da as Y,db as G,dc as B,dd as q,de as Z,df as x,dg as ee,dh as te,di as se,dj as oe,bp as z,dk as ne,dl as ae,dm as le,dn as re,dp as ie,cs as ce,b2 as de,S as j,ct as me}from"./index-CQn03O-2.js";import{P as ue,N as pe}from"./NoTasks-Cn_ev61E.js";import{I as S,S as fe,l as _e}from"./pagination-ek-7J-ts.js";import{E as P,a as N}from"./index-BhS2zQsV.js";import{E as H}from"./index-CcXSbUUj.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{I as M}from"./ImagePreview--Cuw8CJK.js";import{E as J}from"./index-TFfuEy8v.js";import{E as w}from"./index-DDunqOha.js";import{C as he}from"./Consumption-Rx-SPXQH.js";import{a as ve}from"./price-CclAqDNC.js";import{C as $e}from"./CopyToClipboard-DLhsc_6o.js";import{V as ge}from"./VideoPlayer-psxQtEBu.js";import{I as be}from"./ImageWrapper-CP4R8ogH.js";import{A as Ee}from"./ApiCodeButton-DMB3IpSJ.js";import{E as ke}from"./index-oLvYdrsc.js";import{E as ye}from"./index-BrPyoQDC.js";import{E as we}from"./index-DfnZuNAg.js";import{B as Se}from"./BotPlaceholder-yOdRDvMj.js";import{b as Ve}from"./errorCode-Cqj9Td_Z.js";import"./use-form-item-C0z7n9Jb.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-mg0S91bY.js";import"./typescript-DowrXrlK.js";import"./index-CtVUjeHF.js";import"./index-DwdAW22C.js";import"./highlight-iZYEByjz.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BQfoZ54Z.js";import"./strings-beZM2Y-f.js";import"./isEqual-8AlBXDya.js";import"./_Uint8Array-CXIre3fJ.js";import"./castArray-wvI7lZeW.js";import"./debounce-DpWjFu3C.js";import"./_baseIteratee-MLBifuhB.js";import"./index-CpkSnV3-.js";import"./validator-CVd5bquG.js";import"./index-C3TuZeOz.js";import"./_baseClone-BuF3tjUU.js";import"./_initCloneObject-BM8WAR-N.js";import"./vue-plyr-BO2nlN4c.js";import"./index-B6LRLQ69.js";const Le=E({name:"LayoutSeedance",components:{ElDrawer:Q,ElButton:A,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Te={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)]"},Ae={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ce(e,a,m,f,u,g){const d=s("font-awesome-icon"),p=s("el-button"),r=s("el-drawer");return o(),l("div",Te,[c("div",Ie,[O(e.$slots,"config",{},void 0,!0)]),c("div",Ae,[O(e.$slots,"result",{},void 0,!0)]),t(p,{circle:"",class:"menu",onClick:a[0]||(a[0]=i=>e.drawer=!0)},{default:_(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":a[1]||(a[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"350px"},{default:_(()=>[O(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Fe=k(Le,[["render",Ce],["__scopeId","data-v-caafd095"]]),De="",Re=E({name:"SeedancePromptInput",components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.seedance?.config?.prompt},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=De)}});function Ue(e,a,m,f,u,g){const d=s("prompt-textarea");return o(),y(d,{modelValue:e.prompt,"onUpdate:modelValue":a[0]||(a[0]=p=>e.prompt=p),title:e.$t("seedance.name.prompt"),info:e.$t("seedance.description.prompt"),placeholder:e.$t("seedance.placeholder.prompt"),"min-rows":5},null,8,["modelValue","title","info","placeholder"])}const Oe=k(Re,[["render",Ue]]),Pe=E({name:"SeedanceModelSelector",components:{ElSelect:N,ElOption:P,InfoIcon:S},data(){return{options:[{value:G,label:this.$t("seedance.model.seedance20")},{value:B,label:this.$t("seedance.model.seedance20Fast")},{value:q,label:this.$t("seedance.model.seedance15pro")},{value:Z,label:this.$t("seedance.model.seedance10pro")},{value:x,label:this.$t("seedance.model.seedance10proFast")},{value:ee,label:this.$t("seedance.model.seedance10liteT2v")},{value:te,label:this.$t("seedance.model.seedance10liteI2v")}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.model},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,model:e})}}},mounted(){this.value||(this.value=Y)}}),Ne={class:"field"},Me={class:"label"},je={class:"box"},Ge={class:"title font-bold"};function Be(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-option"),r=s("el-select");return o(),l("div",Ne,[c("div",Me,[c("div",je,[c("h2",Ge,n(e.$t("seedance.name.model")),1),t(d,{content:e.$t("seedance.description.model"),class:"info"},null,8,["content"])])]),t(r,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=i=>e.value=i),class:"value",placeholder:e.$t("seedance.placeholder.select")},{default:_(()=>[(o(!0),l(V,null,C(e.options,i=>(o(),y(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const qe=k(Pe,[["render",Be],["__scopeId","data-v-61816a81"]]),ze=E({name:"SeedanceDurationSelector",components:{ElSelect:N,ElOption:P,InfoIcon:S},data(){return{options:[{value:2,label:"2s"},{value:3,label:"3s"},{value:4,label:"4s"},{value:5,label:"5s"},{value:6,label:"6s"},{value:7,label:"7s"},{value:8,label:"8s"},{value:9,label:"9s"},{value:10,label:"10s"},{value:11,label:"11s"},{value:12,label:"12s"}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.duration},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,duration:e})}}},mounted(){this.value||(this.value=se)}}),He={class:"field"},We={class:"label"},Je={class:"box"},Ke={class:"title font-bold"};function Qe(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-option"),r=s("el-select");return o(),l("div",He,[c("div",We,[c("div",Je,[c("h2",Ke,n(e.$t("seedance.name.duration")),1),t(d,{content:e.$t("seedance.description.duration"),class:"info"},null,8,["content"])])]),t(r,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=i=>e.value=i),class:"value",placeholder:e.$t("seedance.placeholder.select")},{default:_(()=>[(o(!0),l(V,null,C(e.options,i=>(o(),y(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Xe=k(ze,[["render",Qe],["__scopeId","data-v-5c809a72"]]),Ye=new Set([q,G,B]),Ze=E({name:"SeedanceGenerateAudioSwitch",components:{ElSwitch:H,InfoIcon:S},computed:{isSupported(){const e=this.$store.state.seedance?.config?.model;return typeof e=="string"&&Ye.has(e)},value:{get(){return this.$store.state.seedance?.config?.generate_audio??!1},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,generate_audio:e})}}},watch:{isSupported(e){!e&&this.value&&(this.value=!1)}},mounted(){this.value===void 0&&(this.value=oe)}}),xe={key:0,class:"field"},et={class:"label"},tt={class:"box"},st={class:"title font-bold"},ot={class:"value"};function nt(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-switch");return e.isSupported?(o(),l("div",xe,[c("div",et,[c("div",tt,[c("h2",st,n(e.$t("seedance.name.generateAudio")),1),t(d,{content:e.$t("seedance.description.generateAudio"),class:"info"},null,8,["content"])])]),c("div",ot,[t(p,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=r=>e.value=r),"inline-prompt":"","active-text":e.$t("seedance.button.on"),"inactive-text":e.$t("seedance.button.off")},null,8,["modelValue","active-text","inactive-text"])])])):v("",!0)}const at=k(Ze,[["render",nt],["__scopeId","data-v-004d19ff"]]),lt=E({name:"SeedanceFirstFrameImage",components:{ElUpload:J,ElButton:A,InfoIcon:S,FontAwesomeIcon:I,ImagePreview:M},mixins:[W],data(){return{fileList:[],uploadUrl:z()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){w.warning(this.$t("seedance.message.uploadExceed"))},onError(){w.error(this.$t("seedance.message.uploadError"))},onSetFirstFrameUrl(){const e=this.urls?.[0],m=(this.$store.state.seedance?.config?.images||[]).filter(f=>f?.role!=="first_frame");e&&m.push({url:e,role:"first_frame"}),this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,images:m.length>0?m:void 0})},async onSuccess(){this.onSetFirstFrameUrl()},async onRemove(){this.onSetFirstFrameUrl()}}}),rt={class:"relative"},it={class:"flex justify-between"},ct={class:"flex justify-start items-center"},dt={class:"text-sm font-bold"};function mt(e,a,m,f,u,g){const d=s("info-icon"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),b=s("el-upload");return o(),l("div",rt,[c("div",it,[c("div",ct,[c("span",dt,n(e.$t("seedance.name.firstFrame")),1),t(d,{content:e.$t("seedance.description.firstFrame")},null,8,["content"])])]),t(b,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":a[0]||(a[0]=$=>e.fileList=$),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:1,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:$})=>[$.url&&$.percentage!==void 0?(o(),y(p,{key:0,url:$.url,name:$.name,percentage:$.percentage,onRemove:L=>e.fileList.splice(e.fileList.indexOf($),1)},null,8,["url","name","percentage","onRemove"])):v("",!0)]),default:_(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:_(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+n(e.$t("seedance.button.upload")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-remove","headers"])])}const ut=k(lt,[["render",mt],["__scopeId","data-v-5294baf8"]]),pt=E({name:"SeedanceLastFrameImage",components:{ElUpload:J,ElButton:A,ImagePreview:M,InfoIcon:S,FontAwesomeIcon:I},mixins:[W],data(){return{fileList:[],uploadUrl:z()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){w.warning(this.$t("seedance.message.uploadExceed"))},onError(){w.error(this.$t("seedance.message.uploadError"))},onSetLastFrameUrl(){const e=this.urls?.[0],m=(this.$store.state.seedance?.config?.images||[]).filter(f=>f?.role!=="last_frame");e&&m.push({url:e,role:"last_frame"}),this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,images:m.length>0?m:void 0})},async onSuccess(){this.onSetLastFrameUrl()},async onRemove(){this.onSetLastFrameUrl()}}}),ft={class:"relative"},_t={class:"flex justify-between"},ht={class:"flex justify-start items-center"},vt={class:"text-sm font-bold"};function $t(e,a,m,f,u,g){const d=s("info-icon"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),b=s("el-upload");return o(),l("div",ft,[c("div",_t,[c("div",ht,[c("span",vt,n(e.$t("seedance.name.lastFrame")),1),t(d,{content:e.$t("seedance.description.lastFrame")},null,8,["content"])])]),t(b,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":a[0]||(a[0]=$=>e.fileList=$),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:1,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-remove":e.onRemove,headers:e.headers},{file:_(({file:$})=>[$.url&&$.percentage!==void 0?(o(),y(p,{key:0,url:$.url,name:$.name,percentage:$.percentage,onRemove:L=>e.fileList.splice(e.fileList.indexOf($),1)},null,8,["url","name","percentage","onRemove"])):v("",!0)]),default:_(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:_(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),h(" "+n(e.$t("seedance.button.upload")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-remove","headers"])])}const gt=k(pt,[["render",$t],["__scopeId","data-v-f423739f"]]),bt=E({name:"SeedanceServiceTierSelector",components:{ElSelect:N,ElOption:P,InfoIcon:S},data(){return{options:[{value:ae,label:this.$t("seedance.serviceTier.default")},{value:le,label:this.$t("seedance.serviceTier.flex")}]}},computed:{value:{get(){return this.$store.state.seedance?.config?.service_tier},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,service_tier:e})}}},mounted(){this.value||(this.value=ne)}}),Et={class:"field"},kt={class:"label"},yt={class:"box"},wt={class:"title font-bold"};function St(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-option"),r=s("el-select");return o(),l("div",Et,[c("div",kt,[c("div",yt,[c("h2",wt,n(e.$t("seedance.name.serviceTier")),1),t(d,{content:e.$t("seedance.description.serviceTier"),class:"info"},null,8,["content"])])]),t(r,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=i=>e.value=i),class:"value",placeholder:e.$t("seedance.placeholder.select")},{default:_(()=>[(o(!0),l(V,null,C(e.options,i=>(o(),y(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Vt=k(bt,[["render",St],["__scopeId","data-v-cc938de2"]]),Lt=E({name:"SeedanceReturnLastFrameSwitch",components:{ElSwitch:H,InfoIcon:S},computed:{value:{get(){return this.$store.state.seedance?.config?.return_last_frame},set(e){this.$store.commit("seedance/setConfig",{...this.$store.state.seedance?.config,return_last_frame:e})}}},mounted(){this.value===void 0&&(this.value=re)}}),Tt={class:"field"},It={class:"label"},At={class:"box"},Ct={class:"title font-bold"},Ft={class:"value"};function Dt(e,a,m,f,u,g){const d=s("info-icon"),p=s("el-switch");return o(),l("div",Tt,[c("div",It,[c("div",At,[c("h2",Ct,n(e.$t("seedance.name.returnLastFrame")),1),t(d,{content:e.$t("seedance.description.returnLastFrame"),class:"info"},null,8,["content"])])]),c("div",Ft,[t(p,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=r=>e.value=r),"inline-prompt":"","active-text":e.$t("seedance.button.on"),"inactive-text":e.$t("seedance.button.off")},null,8,["modelValue","active-text","inactive-text"])])])}const Rt=k(Lt,[["render",Dt],["__scopeId","data-v-cd179b1c"]]),Ut=E({name:"SeedanceConfigPanel",components:{ElButton:A,FontAwesomeIcon:I,PromptInput:Oe,ModelSelector:qe,DurationSelector:Xe,GenerateAudioSwitch:at,ServiceTierSelector:Vt,ReturnLastFrameSwitch:Rt,FirstFrameImage:ut,LastFrameImage:gt,Consumption:he},emits:["generate"],computed:{config(){return this.$store.state.seedance?.config},consumption(){return ve(this.config,this.service?.cost)},service(){return this.$store.state.seedance?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ot={class:"flex flex-col h-full"},Pt={class:"flex-1 overflow-y-auto p-5"},Nt={class:"flex flex-col items-center justify-center px-5 pb-5"};function Mt(e,a,m,f,u,g){const d=s("prompt-input"),p=s("model-selector"),r=s("duration-selector"),i=s("generate-audio-switch"),b=s("service-tier-selector"),$=s("return-last-frame-switch"),L=s("first-frame-image"),D=s("last-frame-image"),R=s("consumption"),U=s("font-awesome-icon"),T=s("el-button");return o(),l("div",Ot,[c("div",Pt,[t(d,{class:"mb-4"}),t(p,{class:"mb-4"}),t(r,{class:"mb-4"}),t(i,{class:"mb-4"}),t(b,{class:"mb-4"}),t($,{class:"mb-4"}),t(L,{class:"mb-2"}),t(D,{class:"mb-2"})]),c("div",Nt,[t(R,{value:e.consumption,service:e.service},null,8,["value","service"]),t(T,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:_(()=>[t(U,{icon:"fa-solid fa-magic",class:"mr-2"}),h(" "+n(e.$t("seedance.button.generate")),1)]),_:1},8,["onClick"])])])}const jt=k(Ut,[["render",Mt]]),Gt=E({name:"SeedanceTaskPreview",components:{ElImage:we,CopyToClipboard:$e,FontAwesomeIcon:I,ElAlert:ye,VideoPlayer:ge,ElTooltip:ke,ElButton:A,ImageWrapper:be,ImagePreview:M,ApiCodeButton:Ee},props:{modelValue:{type:Object,required:!0}},data(){return{seedanceLogo:ie}},computed:{video(){return this.modelValue?.response?.data},referenceImages(){const e=this.modelValue?.request?.images;if(!Array.isArray(e))return[];const a=[],m=e.find(u=>u?.role==="first_frame");m?.url&&a.push({url:m.url,name:"first-frame"});const f=e.find(u=>u?.role==="last_frame");return f?.url&&a.push({url:f.url,name:"last-frame"}),e.forEach((u,g)=>{u?.url&&u.role!=="first_frame"&&u.role!=="last_frame"&&a.push({url:u.url,name:u.role||`image-${g}`})}),a}},methods:{onDownload(e){window.open(e,"_blank")}}}),Bt={class:"preview"},qt={class:"left"},zt={class:"main"},Ht={class:"bot"},Wt={class:"datetime"},Jt={class:"info"},Kt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},Qt={key:1,class:"prompt mt-2"},Xt={key:0},Yt={key:1},Zt={key:0,class:F({content:!0})},xt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},es={key:1,class:F({content:!0})},ts={key:0,class:"mb-4"},ss={key:1,class:"mb-4"},os={key:2,class:F({operations:!0,"mt-2":!0,"mb-2":!0})},ns={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},as={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ls={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},rs={key:0},is={key:1},cs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ds={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ms={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},us={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ps={key:2,class:F({content:!0})},fs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_s={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},hs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},$s={key:3,class:F({content:!0})},gs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bs={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Es(e,a,m,f,u,g){const d=s("el-image"),p=s("image-preview"),r=s("font-awesome-icon"),i=s("copy-to-clipboard"),b=s("el-alert"),$=s("video-player"),L=s("image-wrapper"),D=s("el-button"),R=s("el-tooltip"),U=s("api-code-button");return o(),l("div",Bt,[c("div",qt,[t(d,{src:e.seedanceLogo,class:"avatar"},null,8,["src"])]),c("div",zt,[c("div",Ht,[h(n(e.$t("seedance.name.seedanceBot"))+" ",1),c("span",Wt,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Jt,[e.referenceImages.length>0?(o(),l("div",Kt,[(o(!0),l(V,null,C(e.referenceImages,(T,K)=>(o(),y(p,{key:K,url:T.url,name:T.name,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(o(),l("p",Qt,[h(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?e.video?.status==="processing"||e.video?.status==="pending"?(o(),l("span",Yt," - ("+n(e.$t("seedance.status.processing"))+") ",1)):v("",!0):(o(),l("span",Xt," - ("+n(e.$t("seedance.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(o(),l("div",es,[e.video?.video_url?(o(),l("div",ts,[t($,{src:e.video?.video_url},null,8,["src"])])):v("",!0),e.video?.last_frame_url?(o(),l("div",ss,[t(L,{src:e.video?.last_frame_url,"raw-src":e.video?.last_frame_url},null,8,["src","raw-src"])])):v("",!0),e.video?.video_url?(o(),l("div",os,[t(R,{class:"box-item",effect:"dark",content:e.$t("seedance.message.downloadVideo"),placement:"top-start"},{default:_(()=>[t(D,{type:"info",size:"small",class:"btn-action",onClick:a[0]||(a[0]=X(T=>e.onDownload(e.video?.video_url),["stop"]))},{default:_(()=>[h(n(e.$t("seedance.button.download")),1)]),_:1})]),_:1},8,["content"]),t(U,{path:"/seedance/videos",body:e.modelValue?.request},null,8,["body"])])):v("",!0),t(b,{closable:!1,class:"mt-2 success"},{default:_(()=>[e.modelValue?.request?.model?(o(),l("p",ns,[t(r,{icon:"fa-solid fa-cube",class:"mr-1"}),h(" "+n(e.$t("seedance.name.model"))+": "+n(e.modelValue?.request?.model),1)])):v("",!0),e.video?.duration?(o(),l("p",as,[t(r,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.name.duration"))+": "+n(e.video?.duration)+"s ",1)])):v("",!0),e.video?.resolution?(o(),l("p",ls,[t(r,{icon:"fa-solid fa-expand",class:"mr-1"}),h(" "+n(e.$t("seedance.name.resolution"))+": "+n(e.video?.resolution)+" ",1),e.video?.ratio?(o(),l("span",rs," · "+n(e.video?.ratio),1)):v("",!0),e.video?.framespersecond?(o(),l("span",is," · "+n(e.video?.framespersecond)+"fps",1)):v("",!0)])):v("",!0),e.modelValue?.request?.generate_audio?(o(),l("p",cs,[t(r,{icon:"fa-solid fa-volume-up",class:"mr-1"}),h(" "+n(e.$t("seedance.name.generateAudio"))+": "+n(e.$t("seedance.button.on")),1)])):v("",!0),c("p",ds,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(o(),l("p",ms,[t(r,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(o(),l("p",us,[t(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+n(e.$t("seedance.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(o(),l("div",ps,[t(b,{closable:!1,class:"failure"},{template:_(()=>[t(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),h(" "+n(e.$t("seedance.name.failure")),1)]),default:_(()=>[c("p",fs,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.error?.message?(o(),l("p",_s,[t(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+n(e.$t("seedance.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t(i,{content:e.modelValue?.response?.error?.message,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0),e.modelValue?.elapsed?(o(),l("p",hs,[t(r,{icon:"fa-solid fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(o(),l("p",vs,[t(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+n(e.$t("seedance.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):(o(),l("div",$s,[t(b,{closable:!1,class:"info"},{template:_(()=>[t(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),h(" "+n(e.$t("seedance.name.status")),1)]),default:_(()=>[c("p",gs,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.response?.trace_id?(o(),l("p",bs,[t(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),h(" "+n(e.$t("seedance.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(i,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):(o(),l("div",Zt,[t(b,{closable:!1,class:"info"},{template:_(()=>[t(r,{icon:"fa-regular fa-clock",class:"mr-1"}),h(" "+n(e.$t("seedance.status.pending")),1)]),default:_(()=>[c("p",xt,[t(r,{icon:"fa-solid fa-magic",class:"mr-1"}),h(" "+n(e.$t("seedance.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(i,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const ks=k(Gt,[["render",Es],["__scopeId","data-v-3c933aae"]]),ys=E({name:"SeedanceRecentPanel",components:{TaskPreview:ks,BotPlaceholder:Se,NoTasks:pe,ScrollList:fe},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedance?.tasks,items:this.$store.state.seedance?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ws={key:0},Ss={key:2,class:"w-full h-full flex items-center justify-center"};function Vs(e,a,m,f,u,g){const d=s("bot-placeholder"),p=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return o(),l(V,null,[e.tasks?.items===void 0?(o(),l("div",ws,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(o(),y(r,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:a[0]||(a[0]=b=>e.$emit("reach-top"))},{default:_(()=>[(o(!0),l(V,null,C(e.tasks?.items,b=>(o(),y(p,{key:b.id,"model-value":b},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(o(),l("div",Ss,[t(i)])):v("",!0)],64)}const Ls=k(ys,[["render",Vs]]),Ts=me("seedance"),Is=E({name:"SeedanceIndex",components:{ConfigPanel:jt,Layout:Fe,RecentPanel:Ls},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.seedance?.status?.getApplications===j.Request},tasksLoading(){return this.$store.state.seedance?.status?.getTasks===j.Request||this.fetchingTasks},credential(){return this.$store.state.seedance?.credential},config(){return this.$store.state.seedance?.config},tasks(){return this.$store.state.seedance?.tasks}},watch:{initialized:{async handler(e){e&&(await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await _e({tasks:this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){await this.$store.dispatch("seedance/getService")},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;const{limit:a=5,createdAtMin:m,createdAtMax:f}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch("seedance/getTasks",{limit:a,createdAtMin:m,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config||{}};if(typeof e?.prompt=="string"&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.images)){e.images=e.images.filter(d=>!!d?.url);const u=e.images.some(d=>d?.role==="first_frame"),g=e.images.some(d=>d?.role==="last_frame");!u&&g&&(e.images=e.images.map(d=>d?.role==="last_frame"?{...d,role:"first_frame"}:d))}!(Array.isArray(e?.images)&&e.images.length>0)&&"images"in e&&delete e.images;const m={...e,callback_url:Ts},f=this.credential?.token;if(!f){console.error("no token specified");return}w.info(this.$t("seedance.message.startingTask")),ce("seedance",de.generate(m,{token:f})).then(()=>{w.success(this.$t("seedance.message.startTaskSuccess"))}).catch(u=>{const g=u?.response?.data;g?.error?.code===Ve?w.error(this.$t("seedance.message.usedUp")):w.error(this.$t("seedance.message.startTaskFailed")+(g?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function As(e,a,m,f,u,g){const d=s("config-panel"),p=s("recent-panel"),r=s("layout");return o(),y(r,null,{config:_(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:_(()=>[t(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const To=k(Is,[["render",As]]);export{To as default};

package/dist/assets/{Index-Bn3tqGkG.js → Index-CrQGPiWr.js}

@@ -1,2 +1,2 @@
-import{F as T}from"./index.es-CkCzxqX5.js";import{E as C}from"./index-eRfCWvGL.js";import{E as L}from"./index-Dr9_GlNf.js";import{d as $,H as c,E as o,z as S,C as t,y as d,D as a,q as r,F as n,I as x,U as N,M,x as w,N as R,O as U,J as b,P as O}from"./vendor-vue-NSDaktjZ.js";import{H as v,S as I}from"./index-_y9ropld.js";import{E as A,a as q}from"./index-DBG88gCu.js";import{E as D}from"./index-BmvrBQea.js";import{E as P,a as F}from"./index-DF1SGxEM.js";import{E as B}from"./index-weqbVaqW.js";import{E as K}from"./index-DXfL6ETu.js";import{E as W}from"./index-BYA5E1R8.js";import{E as j,a as z}from"./index-CpHDv5UC.js";import{C as H}from"./Consumption-wlHZ47xl.js";import{a as J}from"./price-ClyIQIYX.js";import{C as G}from"./CopyToClipboard-D1WTdwXG.js";import{E as Q,a as X}from"./index-CseZEXdg.js";import{E as Y}from"./index-7e8Ju5As.js";import{E as Z}from"./index-WIUuWaZE.js";import{b as ee}from"./errorCode-Cqj9Td_Z.js";import{E}from"./index-B4a7L2G9.js";import"./use-form-item-_RVfLK5R.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-DEVtx9BR.js";import"./typescript-BMqxIgFj.js";import"./index-B-2wd58x.js";import"./index-C5x3iJ0a.js";import"./strings-beZM2Y-f.js";import"./isEqual-B4lY29gT.js";import"./_Uint8Array-M65RAKAu.js";import"./castArray-DMbKoGon.js";import"./debounce-DfnRy0fp.js";import"./_baseIteratee-CAA1aFDV.js";import"./index-4OZZZJYU.js";import"./validator-RTfR_ioW.js";import"./index-Cu41y2Fl.js";import"./index-3s1O4ZIj.js";import"./index-BLjywj98.js";import"./_baseClone-DAEDX7Gi.js";import"./_initCloneObject-DnowziV3.js";import"./isPlainObject-Lj19ZO1g.js";const te=$({name:"LayoutWebextrator",components:{ElDrawer:L,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),oe={class:"main flex flex-row flex-1"},se={class:"config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ae={class:"result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function re(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-button"),p=a("el-drawer");return r(),c("div",oe,[o("div",se,[S(e.$slots,"config",{},void 0,!0)]),o("div",ae,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:s[0]||(s[0]=m=>e.drawer=!0)},{default:d(()=>[t(l,{icon:"fa-solid fa-sliders"})]),_:1}),t(p,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const le=v(te,[["render",re],["__scopeId","data-v-f9e97e78"]]),ne=$({name:"ModeSelector",components:{ElRadioGroup:q,ElRadioButton:A,FontAwesomeIcon:T},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,mode:e})}}}}),ie={class:"field"},de={class:"title font-bold"};function ce(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-radio-button"),p=a("el-radio-group");return r(),c("div",ie,[o("h2",de,n(e.$t("webextrator.name.mode")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value w-full"},{default:d(()=>[t(u,{label:"extract",value:"extract"},{default:d(()=>[t(l,{icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.extract")),1)]),_:1}),t(u,{label:"render",value:"render"},{default:d(()=>[t(l,{icon:"fa-solid fa-globe",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.render")),1)]),_:1})]),_:1},8,["modelValue"])])}const ue=v(ne,[["render",ce],["__scopeId","data-v-31e6c11d"]]),me=$({name:"UrlInput",components:{ElInput:D},emits:["submit"],computed:{url:{get(){return this.$store.state.webextrator?.config?.url||""},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,url:e})}}},methods:{onEnter(){this.$emit("submit")}}}),pe={class:"field"},be={class:"title font-bold"};function fe(e,s,h,f,g,y){const l=a("el-input");return r(),c("div",pe,[o("h2",be,n(e.$t("webextrator.name.url")),1),t(l,{modelValue:e.url,"onUpdate:modelValue":s[0]||(s[0]=u=>e.url=u),type:"textarea",rows:2,class:"prompt",placeholder:e.$t("webextrator.placeholder.url"),onKeydown:N(M(e.onEnter,["exact","prevent"]),["enter"])},null,8,["modelValue","placeholder","onKeydown"])])}const he=v(me,[["render",fe],["__scopeId","data-v-18488009"]]),_e=$({name:"ExpectedTypeSelector",components:{ElSelect:F,ElOption:P},computed:{value:{get(){return this.$store.state.webextrator?.config?.expected_type},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,expected_type:e})}}},mounted(){this.value||(this.value="general")}}),we={class:"field"},$e={class:"title font-bold"};function ve(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select");return r(),c("div",we,[o("h2",$e,n(e.$t("webextrator.name.expectedType")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=p=>e.value=p),class:"value"},{default:d(()=>[t(l,{value:"general",label:e.$t("webextrator.expectedType.general")},null,8,["label"]),t(l,{value:"article",label:e.$t("webextrator.expectedType.article")},null,8,["label"]),t(l,{value:"product",label:e.$t("webextrator.expectedType.product")},null,8,["label"])]),_:1},8,["modelValue"])])}const ge=v(_e,[["render",ve],["__scopeId","data-v-3b572c49"]]),ye=$({name:"LlmToggle",components:{ElSwitch:K,ElTooltip:B,FontAwesomeIcon:T},computed:{value:{get(){return!!this.$store.state.webextrator?.config?.enable_llm},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,enable_llm:e})}}}}),xe={class:"field"},ke={class:"title font-bold"};function Ee(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-tooltip"),p=a("el-switch");return r(),c("div",xe,[o("h2",ke,[x(n(e.$t("webextrator.name.enableLlm"))+" ",1),t(u,{effect:"dark",content:e.$t("webextrator.description.enableLlm"),placement:"top"},{default:d(()=>[t(l,{icon:"fa-solid fa-circle-info",class:"ml-1 text-[var(--el-text-color-secondary)] text-xs"})]),_:1},8,["content"])]),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])}const Ve=v(ye,[["render",Ee],["__scopeId","data-v-32fa7c89"]]),Te=["image","font","media","stylesheet","xhr","fetch"],Ue=$({name:"AdvancedOptions",components:{ElCollapse:z,ElCollapseItem:j,ElInput:D,ElInputNumber:W,ElSelect:F,ElOption:P},data(){return{active:[]}},computed:{resourceKinds(){return Te},waitUntil:{get(){return this.$store.state.webextrator?.config?.wait_until||"networkidle"},set(e){this.commit({wait_until:e})}},waitForSelector:{get(){return this.$store.state.webextrator?.config?.wait_for_selector||""},set(e){this.commit({wait_for_selector:e})}},timeout:{get(){return this.$store.state.webextrator?.config?.timeout??30},set(e){this.commit({timeout:e})}},delay:{get(){return this.$store.state.webextrator?.config?.delay??0},set(e){this.commit({delay:e})}},blockResources:{get(){return this.$store.state.webextrator?.config?.block_resources||[]},set(e){this.commit({block_resources:e})}}},methods:{commit(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,...e})}}}),Se={class:"field"},Re={class:"sub-title"},Ce={class:"field"},Ie={class:"sub-title"},De={class:"field"},Pe={class:"sub-title"},Fe={class:"field"},Le={class:"sub-title"},Ne={class:"field"},Me={class:"sub-title"};function Oe(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select"),p=a("el-input"),m=a("el-input-number"),_=a("el-collapse-item"),V=a("el-collapse");return r(),w(V,{modelValue:e.active,"onUpdate:modelValue":s[5]||(s[5]=i=>e.active=i),class:"advanced"},{default:d(()=>[t(_,{title:e.$t("webextrator.name.advanced"),name:"advanced"},{default:d(()=>[o("div",Se,[o("h2",Re,n(e.$t("webextrator.name.waitUntil")),1),t(u,{modelValue:e.waitUntil,"onUpdate:modelValue":s[0]||(s[0]=i=>e.waitUntil=i),class:"value"},{default:d(()=>[t(l,{value:"networkidle",label:e.$t("webextrator.waitUntil.networkidle")},null,8,["label"]),t(l,{value:"load",label:e.$t("webextrator.waitUntil.load")},null,8,["label"]),t(l,{value:"domcontentloaded",label:e.$t("webextrator.waitUntil.domcontentloaded")},null,8,["label"]),t(l,{value:"commit",label:e.$t("webextrator.waitUntil.commit")},null,8,["label"])]),_:1},8,["modelValue"])]),o("div",Ce,[o("h2",Ie,n(e.$t("webextrator.name.waitForSelector")),1),t(p,{modelValue:e.waitForSelector,"onUpdate:modelValue":s[1]||(s[1]=i=>e.waitForSelector=i),placeholder:e.$t("webextrator.placeholder.waitForSelector")},null,8,["modelValue","placeholder"])]),o("div",De,[o("h2",Pe,n(e.$t("webextrator.name.timeout")),1),t(m,{modelValue:e.timeout,"onUpdate:modelValue":s[2]||(s[2]=i=>e.timeout=i),min:1,max:120,step:5,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Fe,[o("h2",Le,n(e.$t("webextrator.name.delay")),1),t(m,{modelValue:e.delay,"onUpdate:modelValue":s[3]||(s[3]=i=>e.delay=i),min:0,max:30,step:1,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Ne,[o("h2",Me,n(e.$t("webextrator.name.blockResources")),1),t(u,{modelValue:e.blockResources,"onUpdate:modelValue":s[4]||(s[4]=i=>e.blockResources=i),multiple:"","collapse-tags":"",placeholder:e.$t("webextrator.placeholder.blockResources"),class:"w-full"},{default:d(()=>[(r(!0),c(U,null,R(e.resourceKinds,i=>(r(),w(l,{key:i,label:e.$t(`webextrator.blockResource.${i}`),value:i},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),_:1},8,["title"])]),_:1},8,["modelValue"])}const Ae=v(Ue,[["render",Oe],["__scopeId","data-v-8f36d2df"]]),qe=$({name:"WebextratorConfigPanel",components:{ElButton:C,FontAwesomeIcon:T,ModeSelector:ue,UrlInput:he,ExpectedTypeSelector:ge,LlmToggle:Ve,AdvancedOptions:Ae,Consumption:H},emits:["run"],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return J(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===I.Request},isExtract(){return(this.config?.mode||"extract")==="extract"},canRun(){const e=(this.config?.url||"").trim();return/^https?:\/\//i.test(e)}},methods:{onRun(){this.canRun&&this.$emit("run")}}}),Be={class:"flex flex-col h-full"},Ke={class:"flex-1 overflow-y-auto p-5"},We={class:"flex flex-col items-center justify-center px-5 pb-5"};function je(e,s,h,f,g,y){const l=a("mode-selector"),u=a("url-input"),p=a("expected-type-selector"),m=a("llm-toggle"),_=a("advanced-options"),V=a("consumption"),i=a("font-awesome-icon"),k=a("el-button");return r(),c("div",Be,[o("div",Ke,[t(l,{class:"mb-4"}),t(u,{class:"mb-4",onSubmit:e.onRun},null,8,["onSubmit"]),e.isExtract?(r(),c(U,{key:0},[t(p,{class:"mb-4"}),t(m,{class:"mb-4"})],64)):b("",!0),t(_,{class:"mb-4"})]),o("div",We,[t(V,{value:e.consumption,service:e.service},null,8,["value","service"]),t(k,{type:"primary",class:"w-full",round:"",loading:e.running,disabled:!e.canRun,onClick:e.onRun},{default:d(()=>[t(i,{icon:"fa-solid fa-bolt",class:"mr-2"}),x(" "+n(e.$t(e.isExtract?"webextrator.button.extract":"webextrator.button.render")),1)]),_:1},8,["loading","disabled","onClick"])])])}const ze=v(qe,[["render",je]]),He=e=>!!e&&e.kind!=="render",Je=$({name:"WebextratorResultPanel",components:{ElAlert:Z,ElImage:Y,ElTabs:X,ElTabPane:Q,FontAwesomeIcon:T,CopyToClipboard:G},data(){return{activeTab:"markdown"}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===I.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind==="render"?this.data:void 0},extractData(){return He(this.data)?this.data:void 0},finalUrl(){const e=this.data;return e?.finalUrl||e?.final_url||e?.url},contentTypeLabel(){const e=this.data;return e?.contentType||e?.content_type||e?.expected_type},screenshotSrc(){const e=this.data?.screenshot;if(e)return e.startsWith("data:")||e.startsWith("http")?e:`data:image/png;base64,${e}`},markdown(){const e=this.data;return e?.markdown||e?.content||""},plainText(){return this.data?.text||""},html(){return this.data?.html||""},links(){return Array.isArray(this.data?.links)?this.data.links:[]},linksPlain(){return this.links.join(`
+import{F as T}from"./index.es-BLWVr09Y.js";import{E as C}from"./index-CA6tOV56.js";import{E as L}from"./index-DmICelAi.js";import{d as $,H as c,E as o,z as S,C as t,y as d,D as a,q as r,F as n,I as x,U as N,M,x as w,N as R,O as U,J as b,P as O}from"./vendor-vue-NSDaktjZ.js";import{H as v,S as I}from"./index-CQn03O-2.js";import{E as A,a as q}from"./index-B1cAXFFO.js";import{E as D}from"./index-mg0S91bY.js";import{E as P,a as F}from"./index-BhS2zQsV.js";import{E as B}from"./index-oLvYdrsc.js";import{E as K}from"./index-CcXSbUUj.js";import{E as W}from"./index-sEqNmugo.js";import{E as j,a as z}from"./index-CRYPOGv1.js";import{C as H}from"./Consumption-Rx-SPXQH.js";import{a as J}from"./price-CclAqDNC.js";import{C as G}from"./CopyToClipboard-DLhsc_6o.js";import{E as Q,a as X}from"./index-DjoOYau1.js";import{E as Y}from"./index-DfnZuNAg.js";import{E as Z}from"./index-BrPyoQDC.js";import{b as ee}from"./errorCode-Cqj9Td_Z.js";import{E}from"./index-DDunqOha.js";import"./use-form-item-C0z7n9Jb.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-CtVUjeHF.js";import"./typescript-DowrXrlK.js";import"./index-DwdAW22C.js";import"./index-BQfoZ54Z.js";import"./strings-beZM2Y-f.js";import"./isEqual-8AlBXDya.js";import"./_Uint8Array-CXIre3fJ.js";import"./castArray-wvI7lZeW.js";import"./debounce-DpWjFu3C.js";import"./_baseIteratee-MLBifuhB.js";import"./index-CpkSnV3-.js";import"./validator-CVd5bquG.js";import"./index-Cu41y2Fl.js";import"./index-Cw6NnCnJ.js";import"./index-BLjywj98.js";import"./_baseClone-BuF3tjUU.js";import"./_initCloneObject-BM8WAR-N.js";import"./isPlainObject-nxf8QRvr.js";const te=$({name:"LayoutWebextrator",components:{ElDrawer:L,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),oe={class:"main flex flex-row flex-1"},se={class:"config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ae={class:"result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function re(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-button"),p=a("el-drawer");return r(),c("div",oe,[o("div",se,[S(e.$slots,"config",{},void 0,!0)]),o("div",ae,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:s[0]||(s[0]=m=>e.drawer=!0)},{default:d(()=>[t(l,{icon:"fa-solid fa-sliders"})]),_:1}),t(p,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const le=v(te,[["render",re],["__scopeId","data-v-f9e97e78"]]),ne=$({name:"ModeSelector",components:{ElRadioGroup:q,ElRadioButton:A,FontAwesomeIcon:T},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,mode:e})}}}}),ie={class:"field"},de={class:"title font-bold"};function ce(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-radio-button"),p=a("el-radio-group");return r(),c("div",ie,[o("h2",de,n(e.$t("webextrator.name.mode")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value w-full"},{default:d(()=>[t(u,{label:"extract",value:"extract"},{default:d(()=>[t(l,{icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.extract")),1)]),_:1}),t(u,{label:"render",value:"render"},{default:d(()=>[t(l,{icon:"fa-solid fa-globe",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.render")),1)]),_:1})]),_:1},8,["modelValue"])])}const ue=v(ne,[["render",ce],["__scopeId","data-v-31e6c11d"]]),me=$({name:"UrlInput",components:{ElInput:D},emits:["submit"],computed:{url:{get(){return this.$store.state.webextrator?.config?.url||""},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,url:e})}}},methods:{onEnter(){this.$emit("submit")}}}),pe={class:"field"},be={class:"title font-bold"};function fe(e,s,h,f,g,y){const l=a("el-input");return r(),c("div",pe,[o("h2",be,n(e.$t("webextrator.name.url")),1),t(l,{modelValue:e.url,"onUpdate:modelValue":s[0]||(s[0]=u=>e.url=u),type:"textarea",rows:2,class:"prompt",placeholder:e.$t("webextrator.placeholder.url"),onKeydown:N(M(e.onEnter,["exact","prevent"]),["enter"])},null,8,["modelValue","placeholder","onKeydown"])])}const he=v(me,[["render",fe],["__scopeId","data-v-18488009"]]),_e=$({name:"ExpectedTypeSelector",components:{ElSelect:F,ElOption:P},computed:{value:{get(){return this.$store.state.webextrator?.config?.expected_type},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,expected_type:e})}}},mounted(){this.value||(this.value="general")}}),we={class:"field"},$e={class:"title font-bold"};function ve(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select");return r(),c("div",we,[o("h2",$e,n(e.$t("webextrator.name.expectedType")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=p=>e.value=p),class:"value"},{default:d(()=>[t(l,{value:"general",label:e.$t("webextrator.expectedType.general")},null,8,["label"]),t(l,{value:"article",label:e.$t("webextrator.expectedType.article")},null,8,["label"]),t(l,{value:"product",label:e.$t("webextrator.expectedType.product")},null,8,["label"])]),_:1},8,["modelValue"])])}const ge=v(_e,[["render",ve],["__scopeId","data-v-3b572c49"]]),ye=$({name:"LlmToggle",components:{ElSwitch:K,ElTooltip:B,FontAwesomeIcon:T},computed:{value:{get(){return!!this.$store.state.webextrator?.config?.enable_llm},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,enable_llm:e})}}}}),xe={class:"field"},ke={class:"title font-bold"};function Ee(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-tooltip"),p=a("el-switch");return r(),c("div",xe,[o("h2",ke,[x(n(e.$t("webextrator.name.enableLlm"))+" ",1),t(u,{effect:"dark",content:e.$t("webextrator.description.enableLlm"),placement:"top"},{default:d(()=>[t(l,{icon:"fa-solid fa-circle-info",class:"ml-1 text-[var(--el-text-color-secondary)] text-xs"})]),_:1},8,["content"])]),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])}const Ve=v(ye,[["render",Ee],["__scopeId","data-v-32fa7c89"]]),Te=["image","font","media","stylesheet","xhr","fetch"],Ue=$({name:"AdvancedOptions",components:{ElCollapse:z,ElCollapseItem:j,ElInput:D,ElInputNumber:W,ElSelect:F,ElOption:P},data(){return{active:[]}},computed:{resourceKinds(){return Te},waitUntil:{get(){return this.$store.state.webextrator?.config?.wait_until||"networkidle"},set(e){this.commit({wait_until:e})}},waitForSelector:{get(){return this.$store.state.webextrator?.config?.wait_for_selector||""},set(e){this.commit({wait_for_selector:e})}},timeout:{get(){return this.$store.state.webextrator?.config?.timeout??30},set(e){this.commit({timeout:e})}},delay:{get(){return this.$store.state.webextrator?.config?.delay??0},set(e){this.commit({delay:e})}},blockResources:{get(){return this.$store.state.webextrator?.config?.block_resources||[]},set(e){this.commit({block_resources:e})}}},methods:{commit(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,...e})}}}),Se={class:"field"},Re={class:"sub-title"},Ce={class:"field"},Ie={class:"sub-title"},De={class:"field"},Pe={class:"sub-title"},Fe={class:"field"},Le={class:"sub-title"},Ne={class:"field"},Me={class:"sub-title"};function Oe(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select"),p=a("el-input"),m=a("el-input-number"),_=a("el-collapse-item"),V=a("el-collapse");return r(),w(V,{modelValue:e.active,"onUpdate:modelValue":s[5]||(s[5]=i=>e.active=i),class:"advanced"},{default:d(()=>[t(_,{title:e.$t("webextrator.name.advanced"),name:"advanced"},{default:d(()=>[o("div",Se,[o("h2",Re,n(e.$t("webextrator.name.waitUntil")),1),t(u,{modelValue:e.waitUntil,"onUpdate:modelValue":s[0]||(s[0]=i=>e.waitUntil=i),class:"value"},{default:d(()=>[t(l,{value:"networkidle",label:e.$t("webextrator.waitUntil.networkidle")},null,8,["label"]),t(l,{value:"load",label:e.$t("webextrator.waitUntil.load")},null,8,["label"]),t(l,{value:"domcontentloaded",label:e.$t("webextrator.waitUntil.domcontentloaded")},null,8,["label"]),t(l,{value:"commit",label:e.$t("webextrator.waitUntil.commit")},null,8,["label"])]),_:1},8,["modelValue"])]),o("div",Ce,[o("h2",Ie,n(e.$t("webextrator.name.waitForSelector")),1),t(p,{modelValue:e.waitForSelector,"onUpdate:modelValue":s[1]||(s[1]=i=>e.waitForSelector=i),placeholder:e.$t("webextrator.placeholder.waitForSelector")},null,8,["modelValue","placeholder"])]),o("div",De,[o("h2",Pe,n(e.$t("webextrator.name.timeout")),1),t(m,{modelValue:e.timeout,"onUpdate:modelValue":s[2]||(s[2]=i=>e.timeout=i),min:1,max:120,step:5,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Fe,[o("h2",Le,n(e.$t("webextrator.name.delay")),1),t(m,{modelValue:e.delay,"onUpdate:modelValue":s[3]||(s[3]=i=>e.delay=i),min:0,max:30,step:1,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Ne,[o("h2",Me,n(e.$t("webextrator.name.blockResources")),1),t(u,{modelValue:e.blockResources,"onUpdate:modelValue":s[4]||(s[4]=i=>e.blockResources=i),multiple:"","collapse-tags":"",placeholder:e.$t("webextrator.placeholder.blockResources"),class:"w-full"},{default:d(()=>[(r(!0),c(U,null,R(e.resourceKinds,i=>(r(),w(l,{key:i,label:e.$t(`webextrator.blockResource.${i}`),value:i},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),_:1},8,["title"])]),_:1},8,["modelValue"])}const Ae=v(Ue,[["render",Oe],["__scopeId","data-v-8f36d2df"]]),qe=$({name:"WebextratorConfigPanel",components:{ElButton:C,FontAwesomeIcon:T,ModeSelector:ue,UrlInput:he,ExpectedTypeSelector:ge,LlmToggle:Ve,AdvancedOptions:Ae,Consumption:H},emits:["run"],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return J(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===I.Request},isExtract(){return(this.config?.mode||"extract")==="extract"},canRun(){const e=(this.config?.url||"").trim();return/^https?:\/\//i.test(e)}},methods:{onRun(){this.canRun&&this.$emit("run")}}}),Be={class:"flex flex-col h-full"},Ke={class:"flex-1 overflow-y-auto p-5"},We={class:"flex flex-col items-center justify-center px-5 pb-5"};function je(e,s,h,f,g,y){const l=a("mode-selector"),u=a("url-input"),p=a("expected-type-selector"),m=a("llm-toggle"),_=a("advanced-options"),V=a("consumption"),i=a("font-awesome-icon"),k=a("el-button");return r(),c("div",Be,[o("div",Ke,[t(l,{class:"mb-4"}),t(u,{class:"mb-4",onSubmit:e.onRun},null,8,["onSubmit"]),e.isExtract?(r(),c(U,{key:0},[t(p,{class:"mb-4"}),t(m,{class:"mb-4"})],64)):b("",!0),t(_,{class:"mb-4"})]),o("div",We,[t(V,{value:e.consumption,service:e.service},null,8,["value","service"]),t(k,{type:"primary",class:"w-full",round:"",loading:e.running,disabled:!e.canRun,onClick:e.onRun},{default:d(()=>[t(i,{icon:"fa-solid fa-bolt",class:"mr-2"}),x(" "+n(e.$t(e.isExtract?"webextrator.button.extract":"webextrator.button.render")),1)]),_:1},8,["loading","disabled","onClick"])])])}const ze=v(qe,[["render",je]]),He=e=>!!e&&e.kind!=="render",Je=$({name:"WebextratorResultPanel",components:{ElAlert:Z,ElImage:Y,ElTabs:X,ElTabPane:Q,FontAwesomeIcon:T,CopyToClipboard:G},data(){return{activeTab:"markdown"}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===I.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind==="render"?this.data:void 0},extractData(){return He(this.data)?this.data:void 0},finalUrl(){const e=this.data;return e?.finalUrl||e?.final_url||e?.url},contentTypeLabel(){const e=this.data;return e?.contentType||e?.content_type||e?.expected_type},screenshotSrc(){const e=this.data?.screenshot;if(e)return e.startsWith("data:")||e.startsWith("http")?e:`data:image/png;base64,${e}`},markdown(){const e=this.data;return e?.markdown||e?.content||""},plainText(){return this.data?.text||""},html(){return this.data?.html||""},links(){return Array.isArray(this.data?.links)?this.data.links:[]},linksPlain(){return this.links.join(`
 `)},images(){return Array.isArray(this.data?.images)?this.data.images:[]},structuredPretty(){return this.extractData?.structured?JSON.stringify(this.extractData.structured,null,2):""},rawPretty(){return this.response?JSON.stringify(this.response,null,2):""},errorMessage(){if(this.response?.success===!1){const e=this.response?.error;return e?.message||e?.code||this.$t("webextrator.message.failed")}}},watch:{response:{handler(){this.resetTab()},immediate:!0}},methods:{resetTab(){this.markdown?this.activeTab="markdown":this.extractData?.structured?this.activeTab="structured":this.plainText?this.activeTab="text":this.html?this.activeTab="html":this.activeTab="raw"}}}),Ge={class:"h-full overflow-y-auto p-6"},Qe={key:0,class:"max-w-4xl mx-auto py-4"},Xe={class:"flex items-center gap-2 mb-3 text-[var(--el-color-primary)] text-sm"},Ye={key:1,class:"flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]"},Ze={class:"text-base mb-1"},et={class:"text-xs opacity-70"},tt={key:2,class:"max-w-4xl mx-auto py-4"},ot={class:"text-xs whitespace-pre-wrap break-words"},st={key:3,class:"max-w-4xl mx-auto"},at={class:"mb-4"},rt={class:"text-xl font-semibold leading-snug mb-1 break-words text-[var(--el-text-color-primary)]"},lt={class:"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--el-text-color-secondary)]"},nt=["href"],it={key:1},dt={key:2},ct={key:3},ut={key:0,class:"mt-2 text-sm text-[var(--el-text-color-regular)] leading-relaxed line-clamp-3"},mt={key:0,class:"mb-5"},pt={class:"tab-toolbar"},bt={class:"content-block"},ft={class:"tab-toolbar"},ht={class:"content-block"},_t={class:"tab-toolbar"},wt={class:"content-block code"},$t={class:"tab-toolbar"},vt={class:"links-list"},gt=["href"],yt={class:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2"},xt={class:"tab-toolbar"},kt={class:"content-block code"},Et={class:"tab-toolbar"},Vt={class:"content-block code"};function Tt(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-alert"),p=a("el-image"),m=a("copy-to-clipboard"),_=a("el-tab-pane"),V=a("el-tabs");return r(),c("div",Ge,[e.running?(r(),c("div",Qe,[o("div",Xe,[t(l,{icon:"fa-solid fa-circle-notch",spin:""}),o("span",null,n(e.$t("webextrator.message.running")),1)]),s[1]||(s[1]=O('<div class="mb-6 animate-pulse" data-v-b05b4db0><div class="h-5 w-3/5 rounded bg-[var(--el-fill-color-dark)] mb-2" data-v-b05b4db0></div><div class="h-3 w-2/5 rounded bg-[var(--el-fill-color)] mb-4" data-v-b05b4db0></div><div class="h-64 w-full rounded bg-[var(--el-fill-color)] mb-3" data-v-b05b4db0></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-4/6 rounded bg-[var(--el-fill-color)]" data-v-b05b4db0></div></div>',1))])):!e.response&&!e.errorMessage?(r(),c("div",Ye,[t(l,{icon:"fa-solid fa-globe",class:"text-6xl mb-4 opacity-30"}),o("p",Ze,n(e.$t("webextrator.description.intro")),1),o("p",et,n(e.$t("webextrator.description.introHint")),1)])):e.errorMessage?(r(),c("div",tt,[t(u,{type:"error",closable:!1,"show-icon":"",title:e.$t("webextrator.message.failed")},{default:d(()=>[o("pre",ot,n(e.errorMessage),1)]),_:1},8,["title"])])):e.data?(r(),c("div",st,[o("header",at,[o("h1",rt,n(e.data.title||e.$t("webextrator.message.untitled")),1),o("div",lt,[e.finalUrl?(r(),c("a",{key:0,href:e.finalUrl,target:"_blank",rel:"noopener",class:"hover:underline truncate max-w-[60%]"},[t(l,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),x(n(e.finalUrl),1)],8,nt)):b("",!0),e.renderData?.status?(r(),c("span",it,[t(l,{icon:"fa-solid fa-signal",class:"mr-1"}),x(n(e.renderData.status),1)])):b("",!0),e.response?.elapsed?(r(),c("span",dt,[t(l,{icon:"fa-solid fa-clock",class:"mr-1"}),x(n(e.response.elapsed.toFixed(2))+"s ",1)])):b("",!0),e.contentTypeLabel?(r(),c("span",ct,[t(l,{icon:"fa-solid fa-tag",class:"mr-1"}),x(n(e.contentTypeLabel),1)])):b("",!0)]),e.extractData?.description?(r(),c("p",ut,n(e.extractData.description),1)):b("",!0)]),e.screenshotSrc?(r(),c("figure",mt,[t(p,{src:e.screenshotSrc,fit:"contain","preview-src-list":[e.screenshotSrc],"preview-teleported":"","hide-on-click-modal":"",class:"w-full max-h-[480px] rounded border border-[var(--app-border-subtle)] bg-[var(--el-fill-color-light)]"},null,8,["src","preview-src-list"])])):b("",!0),t(V,{modelValue:e.activeTab,"onUpdate:modelValue":s[0]||(s[0]=i=>e.activeTab=i),class:"result-tabs"},{default:d(()=>[e.markdown?(r(),w(_,{key:0,label:e.$t("webextrator.tab.markdown"),name:"markdown"},{default:d(()=>[o("div",pt,[t(m,{content:e.markdown},null,8,["content"])]),o("pre",bt,n(e.markdown),1)]),_:1},8,["label"])):b("",!0),e.plainText?(r(),w(_,{key:1,label:e.$t("webextrator.tab.text"),name:"text"},{default:d(()=>[o("div",ft,[t(m,{content:e.plainText},null,8,["content"])]),o("pre",ht,n(e.plainText),1)]),_:1},8,["label"])):b("",!0),e.extractData?.structured?(r(),w(_,{key:2,label:e.$t("webextrator.tab.structured"),name:"structured"},{default:d(()=>[o("div",_t,[t(m,{content:e.structuredPretty},null,8,["content"])]),o("pre",wt,n(e.structuredPretty),1)]),_:1},8,["label"])):b("",!0),e.links.length?(r(),w(_,{key:3,label:`${e.$t("webextrator.tab.links")} (${e.links.length})`,name:"links"},{default:d(()=>[o("div",$t,[t(m,{content:e.linksPlain},null,8,["content"])]),o("ul",vt,[(r(!0),c(U,null,R(e.links,(i,k)=>(r(),c("li",{key:k,class:"truncate"},[o("a",{href:i,target:"_blank",rel:"noopener"},n(i),9,gt)]))),128))])]),_:1},8,["label"])):b("",!0),e.images.length?(r(),w(_,{key:4,label:`${e.$t("webextrator.tab.images")} (${e.images.length})`,name:"images"},{default:d(()=>[o("div",yt,[(r(!0),c(U,null,R(e.images,(i,k)=>(r(),w(p,{key:k,src:i,fit:"cover",loading:"lazy","preview-src-list":e.images,"initial-index":k,"preview-teleported":"","hide-on-click-modal":"",class:"aspect-square w-full rounded bg-[var(--el-fill-color-light)]"},null,8,["src","preview-src-list","initial-index"]))),128))])]),_:1},8,["label"])):b("",!0),e.html?(r(),w(_,{key:5,label:e.$t("webextrator.tab.html"),name:"html"},{default:d(()=>[o("div",xt,[t(m,{content:e.html},null,8,["content"])]),o("pre",kt,n(e.html),1)]),_:1},8,["label"])):b("",!0),t(_,{label:e.$t("webextrator.tab.raw"),name:"raw"},{default:d(()=>[o("div",Et,[t(m,{content:e.rawPretty},null,8,["content"])]),o("pre",Vt,n(e.rawPretty),1)]),_:1},8,["label"])]),_:1},8,["modelValue"])])):b("",!0)])}const Ut=v(Je,[["render",Tt],["__scopeId","data-v-b05b4db0"]]),St=$({name:"WebextratorIndex",components:{Layout:le,ConfigPanel:ze,ResultPanel:Ut},inject:["initialized"],async mounted(){await this.$store.dispatch("webextrator/getService")},methods:{async onRun(){const e=this.$store.state.webextrator?.config;if(!e?.url)return;const s=(e.mode||"extract")==="extract";E.info(this.$t(s?"webextrator.message.extracting":"webextrator.message.rendering"));try{await this.$store.dispatch("webextrator/run"),E.success(this.$t("webextrator.message.success"))}catch(h){const f=h?.response?.data?.error?.code||h?.response?.data?.code;f===ee?E.error(this.$t("webextrator.message.usedUp")):f==="too_many_requests"?E.error(this.$t("webextrator.message.busy")):f==="timeout"?E.error(this.$t("webextrator.message.timeout")):E.error(this.$t("webextrator.message.failed"))}}}});function Rt(e,s,h,f,g,y){const l=a("config-panel"),u=a("result-panel"),p=a("layout");return r(),w(p,null,{config:d(()=>[t(l,{onRun:e.onRun},null,8,["onRun"])]),result:d(()=>[t(u)]),_:1})}const go=v(St,[["render",Rt]]);export{go as default};

package/dist/assets/{Index-CR4fmNEA.js → Index-Cwo1aNts.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-CkCzxqX5.js";import{E as C}from"./index-eRfCWvGL.js";import{E as j}from"./index-Dr9_GlNf.js";import{d as v,H as c,E as l,z as U,C as t,y as f,D as s,q as n,F as a,O as E,N as S,x as w,I as _,J as $,Q as I}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as F,cs as D,aQ as B,S as A,ct as M}from"./index-_y9ropld.js";import{a as O,b as q,c as N}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-DF1SGxEM.js";import{I as R,S as z,l as H}from"./pagination-DExLd9Ua.js";import{E as X}from"./index-BYA5E1R8.js";import{E as Q}from"./index-zsIQPBeL.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{I as J}from"./ImagePreview-Ygx1awOz.js";import{E as K}from"./index-DGjaBQA5.js";import{E as V}from"./index-B4a7L2G9.js";import{P as Y,N as Z}from"./NoTasks-CLH1KttF.js";import{C as ee}from"./Consumption-wlHZ47xl.js";import{a as te}from"./price-ClyIQIYX.js";import{b as oe}from"./errorCode-Cqj9Td_Z.js";import{C as se}from"./CopyToClipboard-D1WTdwXG.js";import{I as ne}from"./ImageWrapper-Cqql7v8c.js";import{A as ae}from"./ApiCodeButton-zU186ws1.js";import{E as le}from"./index-WIUuWaZE.js";import{E as re}from"./index-7e8Ju5As.js";import{B as ie}from"./BotPlaceholder-rghyc6_y.js";import"./use-form-item-_RVfLK5R.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-weqbVaqW.js";import"./index-DEVtx9BR.js";import"./typescript-BMqxIgFj.js";import"./index-C5x3iJ0a.js";import"./strings-beZM2Y-f.js";import"./isEqual-B4lY29gT.js";import"./_Uint8Array-M65RAKAu.js";import"./castArray-DMbKoGon.js";import"./index-BmvrBQea.js";import"./index-B-2wd58x.js";import"./debounce-DfnRy0fp.js";import"./_baseIteratee-CAA1aFDV.js";import"./index-4OZZZJYU.js";import"./highlight-CuDf01Sr.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-gYUXSfIx.js";import"./_baseClone-DAEDX7Gi.js";import"./_initCloneObject-DnowziV3.js";import"./index-CVrO3TnW.js";const ce=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ue={class:"main flex flex-row flex-1"},de={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},pe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function me(e,o,m,p,x,k){const u=s("font-awesome-icon"),d=s("el-button"),r=s("el-drawer");return n(),c("div",ue,[l("div",de,[U(e.$slots,"config",{},void 0,!0)]),l("div",pe,[U(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]||(o[0]=i=>e.drawer=!0)},{default:f(()=>[t(u,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const fe=b(ce,[["render",me],["__scopeId","data-v-d022364a"]]),_e=v({name:"ModelSelector",components:{ElSelect:G,ElOption:P},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=O)}}),he={class:"field"},ge={class:"title font-bold"};function $e(e,o,m,p,x,k){const u=s("el-option"),d=s("el-select");return n(),c("div",he,[l("h2",ge,a(e.$t("flux.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(E,null,S(e.options,r=>(n(),w(u,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ve=b(_e,[["render",$e],["__scopeId","data-v-8df4b8a7"]]),be=v({name:"CountSelector",components:{ElSlider:Q,InfoIcon:R,ElInputNumber:X},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=q)}}),xe={class:"flex justify-between"},ke={class:"flex justify-start items-center"},we={class:"text-sm font-bold"},ye={class:"flex justify-end items-center"},Ve={class:"w-full"};function Ee(e,o,m,p,x,k){const u=s("info-icon"),d=s("el-input-number"),r=s("el-slider");return n(),c("div",null,[l("div",xe,[l("div",ke,[l("span",we,a(e.$t("flux.name.numbers")),1),t(u,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",ye,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Ve,[t(r,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=i=>e.value=i),min:1,max:4,step:1},null,8,["modelValue"])])])}const Te=b(be,[["render",Ee]]),Se=v({name:"ActionSelector",components:{ElSelect:G,ElOption:P},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=N)}}),Ie={class:"field"},Le={class:"title font-bold"};function Ue(e,o,m,p,x,k){const u=s("el-option"),d=s("el-select");return n(),c("div",Ie,[l("h2",Le,a(e.$t("flux.name.task")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(E,null,S(e.options,r=>(n(),w(u,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ce=b(Se,[["render",Ue],["__scopeId","data-v-81fd05e5"]]),Ae=v({name:"ImageUrlInput",components:{ElUpload:K,ElButton:C,InfoIcon:R,FontAwesomeIcon:T,ImagePreview:J},mixins:[W],emits:["change"],data(){return{fileList:[],uploadUrl:F()+"/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(){V.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){V.error(this.$t("flux.message.uploadStartImageError"))}}}),Pe={class:"relative"},Ge={class:"flex justify-between"},Re={class:"flex justify-start items-center"},je={class:"text-sm font-bold"};function Fe(e,o,m,p,x,k){const u=s("info-icon"),d=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),h=s("el-upload");return n(),c("div",Pe,[l("div",Ge,[l("div",Re,[l("span",je,a(e.$t("flux.name.imageUrl")),1),t(u,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=g=>e.fileList=g),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:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+a(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const De=b(Ae,[["render",Fe],["__scopeId","data-v-1b692c6e"]]),Be="",Me=v({name:"PromptInput",components:{PromptTextarea:Y},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}});function Oe(e,o,m,p,x,k){const u=s("prompt-textarea");return n(),w(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=d=>e.prompt=d),title:e.$t("flux.name.prompt"),info:e.$t("flux.description.prompt"),placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const qe=b(Me,[["render",Oe]]),Ne=v({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:T,PromptInput:qe,ModelSelector:ve,CountSelector:Te,Consumption:ee,ActionSelector:Ce,ImageUrlInput:De},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},He={class:"flex-1 overflow-y-auto p-5"},Xe={class:"flex flex-col items-center justify-center px-5 pb-5"};function Qe(e,o,m,p,x,k){const u=s("action-selector"),d=s("prompt-input"),r=s("image-url-input"),i=s("model-selector"),h=s("count-selector"),g=s("consumption"),y=s("font-awesome-icon"),L=s("el-button");return n(),c("div",ze,[l("div",He,[t(u,{class:"mb-4"}),t(d,{class:"mb-4"}),e.config?.action==="edits"?(n(),w(r,{key:0,class:"mb-4"})):$("",!0),t(i,{class:"mb-4"}),t(h,{class:"mb-4"})]),l("div",Xe,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(L,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(y,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+a(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const We=b(Ne,[["render",Qe]]),Je=v({name:"TaskPreview",components:{ElImage:re,CopyToClipboard:se,FontAwesomeIcon:T,ElAlert:le,ImageWrapper:ne,ApiCodeButton:ae},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 p=m;o&&(p.action=o),e.push(p)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Ke={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},at={key:0,class:I({content:!0,failed:!0})},lt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:I({operations:!0,"mt-2":!0,"mb-2":!0})},it={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ut={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},dt={key:1,class:I({content:!0})},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ht={key:2,class:I({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function $t(e,o,m,p,x,k){const u=s("el-image"),d=s("image-wrapper"),r=s("api-code-button"),i=s("font-awesome-icon"),h=s("copy-to-clipboard"),g=s("el-alert");return n(),c("div",Ke,[l("div",Ye,[t(u,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ze,[l("div",et,[_(a(e.$t("flux.name.fluxBot"))+" ",1),l("span",tt,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ot,[e.modelValue?.request?.prompt?(n(),c("p",st,[_(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",nt," - ("+a(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",at,[l("div",lt,[(n(!0),c(E,null,S(e.images,(y,L)=>(n(),w(d,{key:L,src:y?.image_url,"raw-src":y?.image_url,"model-value":y},null,8,["src","raw-src","model-value"]))),128))]),l("div",rt,[t(r,{path:"/flux/images",body:e.modelValue?.request},null,8,["body"])]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",it,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",ct,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",ut,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",dt,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",pt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",mt,[t(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+a(e.$t("flux.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(h,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",ft,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),l("p",_t,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(h,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(n(),c("div",ht,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",gt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const vt=b(Je,[["render",$t],["__scopeId","data-v-1d352cfe"]]),bt=v({name:"RecentPanel",components:{TaskPreview:vt,BotPlaceholder:ie,NoTasks:Z,ScrollList:z},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?.()}}}),xt={key:0},kt={key:2,class:"w-full h-full flex items-center justify-center"};function wt(e,o,m,p,x,k){const u=s("bot-placeholder"),d=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return n(),c(E,null,[e.tasks?.items===void 0?(n(),c("div",xt,[t(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),w(r,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(n(!0),c(E,null,S(e.tasks?.items,h=>(n(),w(d,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",kt,[t(i)])):$("",!0)],64)}const yt=b(bt,[["render",wt]]),Vt=M("flux"),Et=v({name:"FluxIndex",components:{ConfigPanel:We,Layout:fe,RecentPanel:yt},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 H({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:p}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",p),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:p})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Vt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("flux.message.startingTask")),D("flux",B.generate(e,{token:o})).then(()=>{V.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===oe?V.error(this.$t("flux.message.usedUp")):V.error(this.$t("flux.message.startTaskFailed")+p?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Tt(e,o,m,p,x,k){const u=s("config-panel"),d=s("recent-panel"),r=s("layout");return n(),w(r,null,{config:f(()=>[t(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=b(Et,[["render",Tt]]);export{Vo as default};
+import{F as T}from"./index.es-BLWVr09Y.js";import{E as C}from"./index-CA6tOV56.js";import{E as j}from"./index-DmICelAi.js";import{d as v,H as c,E as l,z as U,C as t,y as f,D as s,q as n,F as a,O as E,N as S,x as w,I as _,J as $,Q as I}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as F,cs as D,aQ as B,S as A,ct as M}from"./index-CQn03O-2.js";import{a as O,b as q,c as N}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-BhS2zQsV.js";import{I as R,S as z,l as H}from"./pagination-ek-7J-ts.js";import{E as X}from"./index-sEqNmugo.js";import{E as Q}from"./index-Dq4nlUIu.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{I as J}from"./ImagePreview--Cuw8CJK.js";import{E as K}from"./index-TFfuEy8v.js";import{E as V}from"./index-DDunqOha.js";import{P as Y,N as Z}from"./NoTasks-Cn_ev61E.js";import{C as ee}from"./Consumption-Rx-SPXQH.js";import{a as te}from"./price-CclAqDNC.js";import{b as oe}from"./errorCode-Cqj9Td_Z.js";import{C as se}from"./CopyToClipboard-DLhsc_6o.js";import{I as ne}from"./ImageWrapper-CP4R8ogH.js";import{A as ae}from"./ApiCodeButton-DMB3IpSJ.js";import{E as le}from"./index-BrPyoQDC.js";import{E as re}from"./index-DfnZuNAg.js";import{B as ie}from"./BotPlaceholder-yOdRDvMj.js";import"./use-form-item-C0z7n9Jb.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-oLvYdrsc.js";import"./index-CtVUjeHF.js";import"./typescript-DowrXrlK.js";import"./index-BQfoZ54Z.js";import"./strings-beZM2Y-f.js";import"./isEqual-8AlBXDya.js";import"./_Uint8Array-CXIre3fJ.js";import"./castArray-wvI7lZeW.js";import"./index-mg0S91bY.js";import"./index-DwdAW22C.js";import"./debounce-DpWjFu3C.js";import"./_baseIteratee-MLBifuhB.js";import"./index-CpkSnV3-.js";import"./highlight-iZYEByjz.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-C3TuZeOz.js";import"./_baseClone-BuF3tjUU.js";import"./_initCloneObject-BM8WAR-N.js";import"./index-B6LRLQ69.js";const ce=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ue={class:"main flex flex-row flex-1"},de={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},pe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function me(e,o,m,p,x,k){const u=s("font-awesome-icon"),d=s("el-button"),r=s("el-drawer");return n(),c("div",ue,[l("div",de,[U(e.$slots,"config",{},void 0,!0)]),l("div",pe,[U(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]||(o[0]=i=>e.drawer=!0)},{default:f(()=>[t(u,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const fe=b(ce,[["render",me],["__scopeId","data-v-d022364a"]]),_e=v({name:"ModelSelector",components:{ElSelect:G,ElOption:P},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=O)}}),he={class:"field"},ge={class:"title font-bold"};function $e(e,o,m,p,x,k){const u=s("el-option"),d=s("el-select");return n(),c("div",he,[l("h2",ge,a(e.$t("flux.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(E,null,S(e.options,r=>(n(),w(u,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ve=b(_e,[["render",$e],["__scopeId","data-v-8df4b8a7"]]),be=v({name:"CountSelector",components:{ElSlider:Q,InfoIcon:R,ElInputNumber:X},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=q)}}),xe={class:"flex justify-between"},ke={class:"flex justify-start items-center"},we={class:"text-sm font-bold"},ye={class:"flex justify-end items-center"},Ve={class:"w-full"};function Ee(e,o,m,p,x,k){const u=s("info-icon"),d=s("el-input-number"),r=s("el-slider");return n(),c("div",null,[l("div",xe,[l("div",ke,[l("span",we,a(e.$t("flux.name.numbers")),1),t(u,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",ye,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Ve,[t(r,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=i=>e.value=i),min:1,max:4,step:1},null,8,["modelValue"])])])}const Te=b(be,[["render",Ee]]),Se=v({name:"ActionSelector",components:{ElSelect:G,ElOption:P},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=N)}}),Ie={class:"field"},Le={class:"title font-bold"};function Ue(e,o,m,p,x,k){const u=s("el-option"),d=s("el-select");return n(),c("div",Ie,[l("h2",Le,a(e.$t("flux.name.task")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(E,null,S(e.options,r=>(n(),w(u,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ce=b(Se,[["render",Ue],["__scopeId","data-v-81fd05e5"]]),Ae=v({name:"ImageUrlInput",components:{ElUpload:K,ElButton:C,InfoIcon:R,FontAwesomeIcon:T,ImagePreview:J},mixins:[W],emits:["change"],data(){return{fileList:[],uploadUrl:F()+"/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(){V.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){V.error(this.$t("flux.message.uploadStartImageError"))}}}),Pe={class:"relative"},Ge={class:"flex justify-between"},Re={class:"flex justify-start items-center"},je={class:"text-sm font-bold"};function Fe(e,o,m,p,x,k){const u=s("info-icon"),d=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),h=s("el-upload");return n(),c("div",Pe,[l("div",Ge,[l("div",Re,[l("span",je,a(e.$t("flux.name.imageUrl")),1),t(u,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=g=>e.fileList=g),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:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+a(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const De=b(Ae,[["render",Fe],["__scopeId","data-v-1b692c6e"]]),Be="",Me=v({name:"PromptInput",components:{PromptTextarea:Y},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}});function Oe(e,o,m,p,x,k){const u=s("prompt-textarea");return n(),w(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=d=>e.prompt=d),title:e.$t("flux.name.prompt"),info:e.$t("flux.description.prompt"),placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const qe=b(Me,[["render",Oe]]),Ne=v({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:T,PromptInput:qe,ModelSelector:ve,CountSelector:Te,Consumption:ee,ActionSelector:Ce,ImageUrlInput:De},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},He={class:"flex-1 overflow-y-auto p-5"},Xe={class:"flex flex-col items-center justify-center px-5 pb-5"};function Qe(e,o,m,p,x,k){const u=s("action-selector"),d=s("prompt-input"),r=s("image-url-input"),i=s("model-selector"),h=s("count-selector"),g=s("consumption"),y=s("font-awesome-icon"),L=s("el-button");return n(),c("div",ze,[l("div",He,[t(u,{class:"mb-4"}),t(d,{class:"mb-4"}),e.config?.action==="edits"?(n(),w(r,{key:0,class:"mb-4"})):$("",!0),t(i,{class:"mb-4"}),t(h,{class:"mb-4"})]),l("div",Xe,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(L,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(y,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+a(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const We=b(Ne,[["render",Qe]]),Je=v({name:"TaskPreview",components:{ElImage:re,CopyToClipboard:se,FontAwesomeIcon:T,ElAlert:le,ImageWrapper:ne,ApiCodeButton:ae},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 p=m;o&&(p.action=o),e.push(p)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Ke={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},at={key:0,class:I({content:!0,failed:!0})},lt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:I({operations:!0,"mt-2":!0,"mb-2":!0})},it={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ut={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},dt={key:1,class:I({content:!0})},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ht={key:2,class:I({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function $t(e,o,m,p,x,k){const u=s("el-image"),d=s("image-wrapper"),r=s("api-code-button"),i=s("font-awesome-icon"),h=s("copy-to-clipboard"),g=s("el-alert");return n(),c("div",Ke,[l("div",Ye,[t(u,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ze,[l("div",et,[_(a(e.$t("flux.name.fluxBot"))+" ",1),l("span",tt,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ot,[e.modelValue?.request?.prompt?(n(),c("p",st,[_(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",nt," - ("+a(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",at,[l("div",lt,[(n(!0),c(E,null,S(e.images,(y,L)=>(n(),w(d,{key:L,src:y?.image_url,"raw-src":y?.image_url,"model-value":y},null,8,["src","raw-src","model-value"]))),128))]),l("div",rt,[t(r,{path:"/flux/images",body:e.modelValue?.request},null,8,["body"])]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",it,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",ct,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",ut,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",dt,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",pt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",mt,[t(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+a(e.$t("flux.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(h,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",ft,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),l("p",_t,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(h,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(n(),c("div",ht,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",gt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const vt=b(Je,[["render",$t],["__scopeId","data-v-1d352cfe"]]),bt=v({name:"RecentPanel",components:{TaskPreview:vt,BotPlaceholder:ie,NoTasks:Z,ScrollList:z},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?.()}}}),xt={key:0},kt={key:2,class:"w-full h-full flex items-center justify-center"};function wt(e,o,m,p,x,k){const u=s("bot-placeholder"),d=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return n(),c(E,null,[e.tasks?.items===void 0?(n(),c("div",xt,[t(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),w(r,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(n(!0),c(E,null,S(e.tasks?.items,h=>(n(),w(d,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",kt,[t(i)])):$("",!0)],64)}const yt=b(bt,[["render",wt]]),Vt=M("flux"),Et=v({name:"FluxIndex",components:{ConfigPanel:We,Layout:fe,RecentPanel:yt},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 H({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:p}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",p),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:p})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Vt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("flux.message.startingTask")),D("flux",B.generate(e,{token:o})).then(()=>{V.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===oe?V.error(this.$t("flux.message.usedUp")):V.error(this.$t("flux.message.startTaskFailed")+p?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Tt(e,o,m,p,x,k){const u=s("config-panel"),d=s("recent-panel"),r=s("layout");return n(),w(r,null,{config:f(()=>[t(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=b(Et,[["render",Tt]]);export{Vo as default};