@acedatacloud/nexior 3.235.0 → 3.236.0

package/dist/assets/Index-BkYV3y0a.js

@@ -1 +0,0 @@
-import{F as A}from"./index.es-CZEHRs3C.js";import{E as L}from"./index-yOpa7yWZ.js";import{E as O}from"./index-Chojkt3K.js";import{d as g,H as l,E as r,z as R,C as t,y as m,D as s,q as a,F as n,O as S,N as C,x as w,I as _,J as h,Q as U}from"./vendor-vue-NSDaktjZ.js";import{H as $,bp as B,cs as j,aG as F,o as N,S as P,ct as z}from"./index-Dp8CKzl-.js";import{a as K,b as H,c as J}from"./pika-DpzVVVef.js";import{I as G,S as Q,l as W}from"./pagination-DmoF7bc7.js";import{E as X}from"./index-CIJN7037.js";import{E as D,a as M}from"./index-BqJ6aJTS.js";import{a as Y,E as Z}from"./index-DnTx8D91.js";import{p as x}from"./pasteUploadMixin-BurWbGNQ.js";import{I as ee}from"./ImagePreview-CU6sKHvi.js";import{E as te}from"./index-qzLruMik.js";import{E as V}from"./index-S77IYy1Q.js";import{P as oe,N as se}from"./NoTasks-BTTicoTH.js";import{C as ae}from"./Consumption-Cf7JzgYx.js";import{a as ne}from"./price-W6DU8Z8R.js";import{b as ie,a as le}from"./errorCode-Cqj9Td_Z.js";import{C as re}from"./CopyToClipboard-CoPaGg3O.js";import{s as ce}from"./vue-plyr-BO2nlN4c.js";import{A as pe}from"./ApiCodeButton-B-dufckN.js";import{E as de}from"./index-aw39jWwO.js";import{E as ue}from"./index-DFXYlT2H.js";import{E as me}from"./index-CPMq4xCC.js";import{B as fe}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./validator-CdivHOpU.js";import"./index-DpTMXSsR.js";import"./index-DFL62AH2.js";import"./typescript-BJ4f2036.js";import"./strings-beZM2Y-f.js";import"./isEqual-AI-J6Uj_.js";import"./_Uint8Array-n_GUsB5q.js";import"./castArray-CdP6H4P_.js";import"./index-CM8xtpW0.js";import"./index-C4SSkadI.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_initCloneObject-DoWEnuFI.js";import"./index-CfDpnu4d.js";const _e=g({name:"LayoutPika",components:{ElDrawer:O,ElButton:L,FontAwesomeIcon:A},data(){return{drawer:!1}}}),he={class:"main flex flex-row flex-1"},ge={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},$e={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ke(e,o,c,d,k,v){const p=s("font-awesome-icon"),f=s("el-button"),i=s("el-drawer");return a(),l("div",he,[r("div",ge,[R(e.$slots,"config",{},void 0,!0)]),r("div",$e,[R(e.$slots,"result",{},void 0,!0)]),t(f,{circle:"",class:"menu",onClick:o[0]||(o[0]=b=>e.drawer=!0)},{default:m(()=>[t(p,{icon:"fa-solid fa-magic"})]),_:1}),t(i,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=b=>e.drawer=b),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[R(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ve=$(_e,[["render",ke],["__scopeId","data-v-10596416"]]),be=g({name:"IngredientsSelector",components:{ElSwitch:X,InfoIcon:G},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients},set(e){console.debug("set ingredients",e),e||this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,ingredients_mode:void 0,image_url:void 0}),this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients:e,model:"2.0"})}}},mounted(){this.value===void 0&&(this.value=K)}}),ye={class:"field"},we={class:"title font-bold"};function Ve(e,o,c,d,k,v){const p=s("el-switch"),f=s("info-icon");return a(),l("div",ye,[r("h2",we,n(e.$t("pika.name.ingredients")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),class:"value"},null,8,["modelValue"]),t(f,{content:e.$t("pika.description.ingredients"),class:"info"},null,8,["content"])])}const Ee=$(be,[["render",Ve],["__scopeId","data-v-17c0af5c"]]),Ie=g({name:"EffectSelector",components:{ElSelect:M,ElOption:D},data(){return{}},computed:{options(){return[{value:"Levitate",label:this.$t("pika.style.effect1")},{value:"Decapitate",label:this.$t("pika.style.effect2")},{value:"Eye-pop",label:this.$t("pika.style.effect3")},{value:"Ta-da",label:this.$t("pika.style.effect4")},{value:"Deflate",label:this.$t("pika.style.effect5")},{value:"Crumble",label:this.$t("pika.style.effect6")},{value:"Dissolve",label:this.$t("pika.style.effect7")},{value:"Squish",label:this.$t("pika.style.effect8")},{value:"Inflate",label:this.$t("pika.style.effect9")},{value:"Melt",label:this.$t("pika.style.effect10")},{value:"Cake-ify",label:this.$t("pika.style.effect11")},{value:"Crush",label:this.$t("pika.style.effect12")},{value:"Explode",label:this.$t("pika.style.effect13")}]},value:{get(){return this.$store.state.pika?.config?.effect},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,effect:e})}}}}),Se={class:"field"},Te={class:"title font-bold"},Ce={class:"float-left"};function Pe(e,o,c,d,k,v){const p=s("el-option"),f=s("el-select");return a(),l("div",Se,[r("h2",Te,n(e.$t("pika.name.effect")),1),t(f,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),class:"value",placeholder:e.$t("pika.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),l(S,null,C(e.options,i=>(a(),w(p,{key:i.value,label:i.label,value:i.value},{default:m(()=>[r("span",Ce,n(i.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ae=$(Ie,[["render",Pe],["__scopeId","data-v-d1c54475"]]),Le=g({name:"IngredientsModelSelector",components:{ElRadioButton:Z,ElRadioGroup:Y},data(){return{options:[{label:this.$t("pika.button.precise"),value:"precise"},{label:this.$t("pika.button.creative"),value:"creative"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.ingredients_mode},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,ingredients_mode:e})}}},mounted(){this.value||(this.value=H)}}),Ue={class:"field"},Re={class:"title font-bold"};function Ge(e,o,c,d,k,v){const p=s("el-radio-button"),f=s("el-radio-group");return a(),l("div",Ue,[r("h2",Re,n(e.$t("pika.name.ingredientsModel")),1),t(f,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),class:"quality"},{default:m(()=>[(a(!0),l(S,null,C(e.options,i=>(a(),w(p,{key:i.value,label:i.value},{default:m(()=>[_(n(i.label),1)]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])])}const De=$(Le,[["render",Ge],["__scopeId","data-v-b72865fa"]]),Me=g({name:"ModelSelector",components:{ElSelect:M,ElOption:D},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"2.0",label:"2.0"},{value:"1.5",label:"1.5"}]}},computed:{value:{get(){return this.$store.state.pika?.config?.model},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika.config,model:e})}}},mounted(){this.value||(this.value=J)}}),qe={class:"field"},Oe={class:"title font-bold"};function Be(e,o,c,d,k,v){const p=s("el-option"),f=s("el-select");return a(),l("div",qe,[r("h2",Oe,n(e.$t("pika.name.model")),1),t(f,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),class:"value",placeholder:e.$t("pika.placeholder.select")},{default:m(()=>[(a(!0),l(S,null,C(e.options,i=>(a(),w(p,{key:i.value,label:i.label,value:i.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const je=$(Me,[["render",Be],["__scopeId","data-v-7b2e870a"]]),Fe=g({name:"ImageUrlInput",components:{ElUpload:te,ElButton:L,InfoIcon:G,ImagePreview:ee,FontAwesomeIcon:A},mixins:[x],data(){return{fileList:[],uploadUrl:B()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.pika?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){V.warning(this.$t("pika.message.uploadStartImageExceed"))},onError(){V.error(this.$t("pika.message.uploadStartImageError"))},async onRemove(){V.error(this.$t("pika.message.uploadStartImageError"))},onSetStartImageUrl(){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,image_url:this.urls})},async onSuccess(){this.onSetStartImageUrl()}}}),Ne={class:"field"},ze={class:"title font-bold"},Ke={class:"upload-wrapper"};function He(e,o,c,d,k,v){const p=s("image-preview"),f=s("font-awesome-icon"),i=s("el-button"),b=s("el-upload"),E=s("info-icon");return a(),l("div",Ne,[r("h2",ze,n(e.$t("pika.name.imageUrl")),1),r("div",Ke,[t(b,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=u=>e.fileList=u),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value upload-wrapper",limit:3,multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-remove":e.onRemove,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:u})=>[t(p,{url:u.url||u.response?.file_url,name:u.name,percentage:u.percentage,onRemove:I=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])]),default:m(()=>[t(i,{size:"small",type:"primary",round:""},{default:m(()=>[t(f,{icon:"fa-solid fa-upload",class:"mr-1"}),_(" "+n(e.$t("pika.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])]),t(E,{content:e.$t("pika.description.imageUrl"),class:"info"},null,8,["content"])])}const Je=$(Fe,[["render",He],["__scopeId","data-v-a948772f"]]),Qe="",We=g({name:"PromptInput",components:{PromptTextarea:oe},computed:{prompt:{get(){return this.$store.state.pika?.config?.prompt},set(e){this.$store.commit("pika/setConfig",{...this.$store.state.pika?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Qe)}});function Xe(e,o,c,d,k,v){const p=s("prompt-textarea");return a(),w(p,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=f=>e.prompt=f),title:e.$t("pika.name.prompt"),info:e.$t("pika.description.prompt"),placeholder:e.$t("pika.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Ye=$(We,[["render",Xe]]),Ze=g({name:"PresetPanel",components:{ImageUrlInput:Je,ElButton:L,FontAwesomeIcon:A,Consumption:ae,PromptInput:Ye,IngredientsSelector:Ee,IngredientsModelSelector:De,ModelSelector:je,EffectSelector:Ae},emits:["generate"],computed:{config(){return this.$store.state.pika?.config},consumption(){return ne(this.config,this.service?.cost)},service(){return this.$store.state.pika?.service}},methods:{onGenerate(){this.$emit("generate")}}}),xe={class:"flex flex-col h-full"},et={class:"flex-1 overflow-y-auto p-5"},tt={class:"flex flex-col items-center justify-center px-5 pb-5"};function ot(e,o,c,d,k,v){const p=s("prompt-input"),f=s("model-selector"),i=s("ingredients-selector"),b=s("effect-selector"),E=s("image-url-input"),u=s("ingredients-model-selector"),I=s("consumption"),T=s("font-awesome-icon"),y=s("el-button");return a(),l("div",xe,[r("div",et,[t(p,{class:"mb-4"}),t(f,{class:"mb-4"}),t(i,{class:"mb-4"}),t(b,{class:"mb-4"}),e.config?.ingredients?(a(),w(E,{key:0,class:"mb-4"})):h("",!0),e.config?.ingredients?(a(),w(u,{key:1,class:"mb-4"})):h("",!0)]),r("div",tt,[t(I,{value:e.consumption,service:e.service},null,8,["value","service"]),t(y,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[t(T,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+n(e.$t("pika.button.generate")),1)]),_:1},8,["onClick"])])])}const st=$(Ze,[["render",ot]]),at=g({name:"VideoPlayer",components:{VuePlyr:ce},props:{modelValue:{type:Object,required:!0}},data(){return{options:{quality:{default:1080,options:[1080]}}}}}),nt=["data-poster"],it=["src"];function lt(e,o,c,d,k,v){const p=s("vue-plyr");return a(),l("div",null,[t(p,{options:e.options,class:"video"},{default:m(()=>[r("video",{controls:"",playsinline:"",preload:"metadata","data-poster":e.modelValue?.image_url},[r("source",{size:"1080",src:e.modelValue?.video_url,type:"video/mp4"},null,8,it)],8,nt)]),_:1},8,["options"])])}const rt=$(at,[["render",lt],["__scopeId","data-v-897d9fe0"]]),ct=g({name:"TaskPreview",components:{ElImage:me,CopyToClipboard:re,FontAwesomeIcon:A,ElAlert:ue,VideoPlayer:rt,ElTooltip:de,ElButton:L,ApiCodeButton:pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pika?.application},config(){return this.$store.state.pika?.config},videos(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(c=>{let d=c;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e){console.log("on download"),window.open(e,"_blank")},onReload(e){const o=e.target,c=new URL(o.src),d=c.searchParams.get("retry");if(!d)c.searchParams.set("retry","1");else if(parseInt(d)<2)c.searchParams.set("retry",(parseInt(d)+1).toString());else return;o.src=c.toString()},onOpenVideo(e){window.open(e,"_blank")}}}),pt={class:"left"},dt={class:"main"},ut={class:"bot"},mt={class:"datetime"},ft={class:"info"},_t={key:0,class:"prompt mt-2"},ht={key:0},gt={key:1},$t={key:0,class:U({content:!0,failed:!0})},kt={class:"image-wrapper"},vt={key:0,class:U({operations:!0,"mt-2":!0})},bt={key:0,class:"description"},yt={class:"description"},wt={key:1,class:"description"},Vt={key:1,class:U({content:!0})},Et={class:"description"},It={class:"description"},St={key:0,class:"description"},Tt={class:"description"},Ct={key:2,class:U({content:!0})},Pt={class:"description"};function At(e,o,c,d,k,v){const p=s("el-image"),f=s("VideoPlayer"),i=s("el-button"),b=s("el-tooltip"),E=s("api-code-button"),u=s("font-awesome-icon"),I=s("copy-to-clipboard"),T=s("el-alert");return a(!0),l(S,null,C(e.videos,(y,q)=>(a(),l("div",{key:q,class:"preview"},[r("div",pt,[t(p,{src:"https://cdn.acedata.cloud/i80tgn.png",class:"avatar"})]),r("div",dt,[r("div",ut,[_(n(e.$t("pika.name.pikaBot"))+" ",1),r("span",mt,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",ft,[e.modelValue?.request?.prompt?(a(),l("p",_t,[_(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),l("span",ht," - ("+n(e.$t("pika.status.pending"))+") ",1)),y?.state==="processing"||y?.state==="pending"?(a(),l("span",gt," - ("+n(e.$t("pika.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",$t,[r("div",kt,[t(f,{"model-value":y},null,8,["model-value"])]),y?(a(),l("div",vt,[t(b,{class:"box-item",effect:"dark",content:e.$t("pika.message.downloadVideo"),placement:"top-start"},{default:m(()=>[y?.video_url?(a(),w(i,{key:0,type:"info",size:"small",class:"btn-action",onClick:jt=>e.onDownload(y?.video_url)},{default:m(()=>[_(n(e.$t("pika.button.download")),1)]),_:1},8,["onClick"])):h("",!0)]),_:2},1032,["content"]),t(E,{path:"/pika/videos",body:e.modelValue?.request},null,8,["body"])])):h("",!0),t(T,{closable:!1,class:"mt-2 success"},{default:m(()=>[e.modelValue?.request?.model?(a(),l("p",bt,[t(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+n(e.$t("pika.name.model"))+": "+n(e.modelValue?.request?.model),1)])):h("",!0),r("p",yt,[t(u,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+n(e.$t("pika.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(I,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),l("p",wt,[t(u,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+n(e.$t("pika.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),l("div",Vt,[t(T,{closable:!1,class:"failure"},{template:m(()=>[t(u,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+n(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",Et,[t(u,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+n(e.$t("pika.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(I,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",It,[t(u,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+n(e.$t("pika.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),t(I,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),l("p",St,[t(u,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+n(e.$t("pika.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),r("p",Tt,[t(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+n(e.$t("pika.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),t(I,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):h("",!0),!e.modelValue?.response||y?.state==="processing"||y?.state==="pending"?(a(),l("div",Ct,[t(T,{closable:!1,class:"info"},{template:m(()=>[t(u,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+n(e.$t("pika.name.failure")),1)]),default:m(()=>[r("p",Pt,[t(u,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+n(e.$t("pika.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),t(I,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})])):h("",!0)])]))),128)}const Lt=$(ct,[["render",At],["__scopeId","data-v-52856c99"]]),Ut=g({name:"RecentPanel",components:{TaskPreview:Lt,BotPlaceholder:fe,NoTasks:se,ScrollList:Q},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pika?.tasks,items:this.$store.state.pika?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Rt={key:0},Gt={key:2,class:"w-full h-full flex items-center justify-center"};function Dt(e,o,c,d,k,v){const p=s("bot-placeholder"),f=s("task-preview"),i=s("scroll-list"),b=s("no-tasks");return a(),l(S,null,[e.tasks?.items===void 0?(a(),l("div",Rt,[t(p)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(i,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=E=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),l(S,null,C(e.tasks?.items,(E,u)=>(a(),w(f,{key:u,"model-value":E},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),l("div",Gt,[t(b)])):h("",!0)],64)}const Mt=$(Ut,[["render",Dt]]),qt=z("pika"),Ot=g({name:"PikaIndex",components:{ConfigPanel:st,Layout:ve,RecentPanel:Mt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pika?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.pika?.status?.getTasks===P.Request||this.fetchingTasks},service(){return this.$store.state.pika.service},credential(){return this.$store.state.pika.credential},config(){return this.$store.state.pika.config},initializing(){return this.$store.state.pika.status.getApplications===P.Request},needApply(){return this.$store.state.pika.status.getApplications===P.Success&&!this.application},application(){return this.$store.state.pika.application},applications(){return this.$store.state.pika.applications},tasks(){return this.$store.state.pika.tasks}},watch:{tasks:{handler(e,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 W({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pika/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pika/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},onApply(){N.create({application:this.application}).then(({data:e})=>{this.application=e,V.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===le&&V.error(this.$t("application.message.alreadyApplied"))})},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:c,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",c,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("pika/getTasks",{limit:o,createdAtMin:c,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:qt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("pika.message.startingTask")),j("pika",F.generate(e,{token:o})).then(()=>{V.success(this.$t("pika.message.startTaskSuccess")),this.$store.commit("pika/setConfig",{config:void 0})}).catch(c=>{c?.response?.data?.error?.code===ie?V.error(this.$t("pika.message.usedUp")):V.error(this.$t("pika.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Bt(e,o,c,d,k,v){const p=s("config-panel"),f=s("recent-panel"),i=s("layout");return a(),w(i,null,{config:m(()=>[t(p,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[t(f,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Oo=$(Ot,[["render",Bt],["__scopeId","data-v-3cd7cf5b"]]);export{Oo as default};

package/dist/assets/Index-BthgZ3ud.js

@@ -1 +0,0 @@
-import{F as T}from"./index.es-CZEHRs3C.js";import{E as P}from"./index-yOpa7yWZ.js";import{E as x}from"./index-Chojkt3K.js";import{d as y,H as n,E as m,z as O,C as s,y as _,D as i,q as a,x as I,F as o,I as p,O as S,N as G,J as d,M as K,Q as L}from"./vendor-vue-NSDaktjZ.js";import{H as w,bp as X,cC as U,cD as J,cE as Q,cF as B,cG as M,cH as R,cI as Y,cJ as ee,cK as te,cL as se,cM as oe,cN as ae,cO as N,cP as ie,cQ as ne,cs as re,aZ as D,S as j,ct as le}from"./index-Dp8CKzl-.js";import{P as me,N as ce}from"./NoTasks-BTTicoTH.js";import{I as q,S as pe,l as ue}from"./pagination-DmoF7bc7.js";import{I as F}from"./ImagePreview-CU6sKHvi.js";import{E as de}from"./index-qzLruMik.js";import{E as A}from"./index-S77IYy1Q.js";import{C as ge}from"./Consumption-Cf7JzgYx.js";import{a as he}from"./price-W6DU8Z8R.js";import{E as H,a as Z,b as fe}from"./index-BqJ6aJTS.js";import{E as _e}from"./index-hoRqwqcA.js";import{E as $e}from"./index-CIJN7037.js";import{b as be}from"./errorCode-Cqj9Td_Z.js";import{C as ve}from"./CopyToClipboard-CoPaGg3O.js";import{I as ke}from"./ImageWrapper-K_mMEl0Y.js";import{A as Ee}from"./ApiCodeButton-B-dufckN.js";import{E as Se}from"./index-aw39jWwO.js";import{E as Ie}from"./index-DFXYlT2H.js";import{E as ye}from"./index-CPMq4xCC.js";import{B as we}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-CM8xtpW0.js";import"./typescript-BJ4f2036.js";import"./index-DpTMXSsR.js";import"./index-C4SSkadI.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_Uint8Array-n_GUsB5q.js";import"./_initCloneObject-DoWEnuFI.js";import"./isEqual-AI-J6Uj_.js";import"./index-DFL62AH2.js";import"./strings-beZM2Y-f.js";import"./castArray-CdP6H4P_.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./index-Cu41y2Fl.js";import"./validator-CdivHOpU.js";import"./index-CfDpnu4d.js";const Ve=y({name:"LayoutNanobanana",components:{ElDrawer:x,ElButton:P,FontAwesomeIcon:T},data(){return{drawer:!1}}}),Ae={class:"main flex flex-row flex-1"},Ge={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Me={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ze(e,t,c,r,h,b){const u=i("font-awesome-icon"),g=i("el-button"),v=i("el-drawer");return a(),n("div",Ae,[m("div",Ge,[O(e.$slots,"config",{},void 0,!0)]),m("div",Me,[O(e.$slots,"result",{},void 0,!0)]),s(g,{circle:"",class:"menu",onClick:t[0]||(t[0]=f=>e.drawer=!0)},{default:_(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(v,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=f=>e.drawer=f),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:_(()=>[O(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Te=w(Ve,[["render",ze],["__scopeId","data-v-e480ada6"]]),Pe="",Le=y({name:"PromptInput",components:{PromptTextarea:me},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Pe)}});function Ce(e,t,c,r,h,b){const u=i("prompt-textarea");return a(),I(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=g=>e.prompt=g),title:e.$t("openaiimage.name.prompt"),info:e.$t("openaiimage.description.prompt"),placeholder:e.$t("openaiimage.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Oe=w(Le,[["render",Ce]]),Ue=y({name:"ImageUrlsInput",components:{ElUpload:de,ElButton:P,InfoIcon:q,ImagePreview:F,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:X()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const r=(this.fileList||[]).filter(h=>!h?.response?.file_url);this.fileList=r.length?r:[];return}const t=[];e.forEach(r=>{const h=this.fileList.find(b=>b?.response?.file_url===r||b?.url===r);h?t.push(h):t.push({name:r.split("/").pop()||r,url:r,status:"success",percentage:100,response:{file_url:r}})}),(this.fileList||[]).filter(r=>!r?.response?.file_url).forEach(r=>{t.some(b=>b===r||b?.url===r?.url||b?.response?.file_url===r?.response?.file_url)||t.push(r)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){A.warning(this.$t("openaiimage.message.uploadImageExceed"))},onError(){A.error(this.$t("openaiimage.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),qe={class:"field flex items-center justify-between"},Re={class:"title font-bold text-[14px] mb-[10px]"},Ne={class:"upload-wrapper flex flex-col items-start gap-[8px]"},De={class:"controls flex items-center"},je={class:"file-list flex flex-wrap gap-[10px]"};function We(e,t,c,r,h,b){const u=i("font-awesome-icon"),g=i("el-button"),v=i("el-upload"),f=i("info-icon"),k=i("image-preview");return a(),n(S,null,[m("div",qe,[m("h2",Re,o(e.$t("openaiimage.name.imageUrls")),1),m("div",Ne,[m("div",De,[s(v,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=$=>e.fileList=$),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:_(()=>[s(g,{size:"small",type:"primary",round:""},{default:_(()=>[s(u,{icon:"fa-solid fa-upload",class:"mr-1"}),p(" "+o(e.$t("openaiimage.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),s(f,{content:e.$t("openaiimage.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),m("div",je,[(a(!0),n(S,null,G(e.fileList,($,l)=>(a(),I(k,{key:$.uid||$?.response?.file_url||$.url||l,url:$.url||$?.response?.file_url,name:$.name,percentage:$.percentage,onRemove:E=>e.onRemovePreview(l,$)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Be=w(Ue,[["render",We]]),Fe=y({name:"OpenAIImageModelSelector",components:{ElSelect:Z,ElOption:H,InfoIcon:q},data(){return{options:[{value:J,label:this.$t("openaiimage.model.gptImage1")},{value:Q,label:this.$t("openaiimage.model.gptImage15")},{value:B,label:this.$t("openaiimage.model.gptImage2")}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t("openaiimage.description.model")}},mounted(){this.value||(this.value=U)}}),He={class:"field"},Ze={class:"label"},xe={class:"box"},Ke={class:"title font-bold"};function Xe(e,t,c,r,h,b){const u=i("info-icon"),g=i("el-option"),v=i("el-select");return a(),n("div",He,[m("div",Ze,[m("div",xe,[m("h2",Ke,o(e.$t("openaiimage.name.model")),1),s(u,{content:e.modelDescription,class:"info"},null,8,["content"])])]),s(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=f=>e.value=f),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:_(()=>[(a(!0),n(S,null,G(e.options,f=>(a(),I(g,{key:f.value,label:f.label,value:f.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=w(Fe,[["render",Xe],["__scopeId","data-v-cec771bd"]]);function Qe(e){if(!e)return;const t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}const Ye=y({name:"OpenAIImageSizeSelector",components:{ElSelect:Z,ElOption:H,ElOptionGroup:fe,ElSwitch:$e,ElInputNumber:_e,InfoIcon:q},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||U},storedSize(){return this.$store.state.openaiimage?.config?.size},customSupported(){return ie.includes(this.model)},presets(){return N[this.model]??N[U]??[]},presetGroups(){return this.model===B?[{label:this.$t("openaiimage.sizeGroup.standard1k"),options:se},{label:this.$t("openaiimage.sizeGroup.preset2k"),options:oe},{label:this.$t("openaiimage.sizeGroup.preset4k"),options:ae}]:[{label:this.$t("openaiimage.sizeGroup.standard1k"),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else{const t=this.presets[0]??M;this.commitSize(t)}}},presetValue:{get(){const e=this.storedSize;return e&&this.presets.includes(e)?e:this.presets[0]??M},set(e){this.customMode=!1,this.commitSize(e)}},multiple(){return te},minSide(){return ee},maxSide(){return Y},customError(){const e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t("openaiimage.error.customSizePositive"):e%this.multiple!==0||t%this.multiple!==0?this.$t("openaiimage.error.customSizeMultiple",{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t("openaiimage.error.customSizeMin",{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t("openaiimage.error.customSizeMax",{max:this.maxSide}):e*t>R?this.$t("openaiimage.error.customSizePixels",{pixels:R.toLocaleString()}):""}},watch:{model:{immediate:!1,handler(){if(!this.customSupported){this.customMode=!1;const t=this.storedSize;(!t||!this.presets.includes(t))&&this.commitSize(this.presets[0]??M);return}const e=this.storedSize;if(this.customMode&&!this.customError){this.commitSize(`${this.customWidth}x${this.customHeight}`);return}(!e||!this.presets.includes(e))&&this.commitSize(this.presets[0]??M)}},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){if(!this.storedSize){this.commitSize(this.presets[0]??M);return}const e=Qe(this.storedSize);e&&this.customSupported&&!this.presets.includes(this.storedSize)&&(this.customMode=!0,this.customWidth=e.w,this.customHeight=e.h)},methods:{commitSize(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,size:e})},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),et={class:"resolution"},tt={class:"field"},st={class:"label"},ot={class:"box"},at={class:"title font-bold"},it={class:"field custom-toggle"},nt={class:"label"},rt={class:"box"},lt={class:"title font-bold"},mt={key:0,class:"custom-inputs"},ct={class:"row"},pt={class:"row-label"},ut={class:"row"},dt={class:"row-label"},gt={key:0,class:"error"};function ht(e,t,c,r,h,b){const u=i("info-icon"),g=i("el-option"),v=i("el-option-group"),f=i("el-select"),k=i("el-switch"),$=i("el-input-number");return a(),n("div",et,[m("div",tt,[m("div",st,[m("div",ot,[m("h2",at,o(e.$t("openaiimage.name.size")),1),s(u,{content:e.$t("openaiimage.description.size"),class:"info"},null,8,["content"])])]),s(f,{modelValue:e.presetValue,"onUpdate:modelValue":t[0]||(t[0]=l=>e.presetValue=l),class:"value",placeholder:e.$t("openaiimage.placeholder.select"),disabled:e.useCustom},{default:_(()=>[(a(!0),n(S,null,G(e.presetGroups,l=>(a(),I(v,{key:l.label,label:l.label},{default:_(()=>[(a(!0),n(S,null,G(l.options,E=>(a(),I(g,{key:E,label:E,value:E},null,8,["label","value"]))),128))]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])]),e.customSupported?(a(),n(S,{key:0},[m("div",it,[m("div",nt,[m("div",rt,[m("h2",lt,o(e.$t("openaiimage.name.customSize")),1),s(u,{content:e.$t("openaiimage.description.customSize"),class:"info"},null,8,["content"])])]),s(k,{modelValue:e.useCustom,"onUpdate:modelValue":t[1]||(t[1]=l=>e.useCustom=l),class:"value-switch"},null,8,["modelValue"])]),e.useCustom?(a(),n("div",mt,[m("div",ct,[m("span",pt,o(e.$t("openaiimage.name.width")),1),s($,{modelValue:e.customWidth,"onUpdate:modelValue":t[2]||(t[2]=l=>e.customWidth=l),class:"row-input",min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":"right"},null,8,["modelValue","min","max","step"])]),m("div",ut,[m("span",dt,o(e.$t("openaiimage.name.height")),1),s($,{modelValue:e.customHeight,"onUpdate:modelValue":t[3]||(t[3]=l=>e.customHeight=l),class:"row-input",min:e.minSide,max:e.maxSide,step:e.multiple,"step-strictly":!0,"controls-position":"right"},null,8,["modelValue","min","max","step"])]),e.customError?(a(),n("div",gt,o(e.customError),1)):d("",!0)])):d("",!0)],64)):d("",!0)])}const ft=w(Ye,[["render",ht],["__scopeId","data-v-218b58cb"]]),_t=y({name:"ConfigPanel",components:{ElButton:P,FontAwesomeIcon:T,PromptInput:Oe,Consumption:ge,ImageUrlsInput:Be,ModelSelector:Je,ResolutionSelector:ft},emits:["generate"],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){const e={...this.config||{}};return he({...e},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},bt={class:"flex-1 overflow-y-auto p-5"},vt={class:"flex flex-col items-center justify-center px-5 pb-5"};function kt(e,t,c,r,h,b){const u=i("model-selector"),g=i("resolution-selector"),v=i("prompt-input"),f=i("image-urls-input"),k=i("consumption"),$=i("font-awesome-icon"),l=i("el-button");return a(),n("div",$t,[m("div",bt,[s(u,{class:"mb-4"}),s(g,{class:"mb-4"}),s(v,{class:"mb-4"}),s(f,{class:"mb-4"})]),m("div",vt,[s(k,{value:e.consumption,service:e.service},null,8,["value","service"]),s(l,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:_(()=>[s($,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+o(e.$t("openaiimage.button.generate")),1)]),_:1},8,["onClick"])])])}const Et=w(_t,[["render",kt]]),St=y({name:"TaskPreview",components:{ElImage:ye,CopyToClipboard:ve,FontAwesomeIcon:T,ElAlert:Ie,ImageWrapper:ke,ElButton:P,ElTooltip:Se,ImagePreview:F,ApiCodeButton:Ee},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:ne}},computed:{openaiimagePath(){return this.modelValue?.request?.action==="edit"?"/openai/images/edits":"/openai/images/generations"},images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{const c=t;if(c?.image_url||c?.url){e.push(c);return}c?.b64_json&&e.push({...c,url:`data:image/png;base64,${c.b64_json}`})}),e},referenceImages(){const e=this.modelValue?.request;if(!e)return[];const t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(r=>typeof r=="string"&&r.length>0);const c=e.image;return Array.isArray(c)?c.filter(r=>typeof r=="string"&&r.length>0):typeof c=="string"&&c.length>0?[c]:[]}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit("openaiimage/setConfig",t)}}}),It={class:"preview"},yt={class:"left"},wt={class:"main"},Vt={class:"bot"},At={class:"datetime"},Gt={class:"info"},Mt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},zt={key:1,class:"prompt mt-2"},Tt={key:0},Pt={key:0,class:L({content:!0,failed:!0})},Lt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},Ct={class:L({operations:!0,"mt-2":!0,"mb-2":!0})},Ot={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Dt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},jt={key:1,class:L({content:!0})},Wt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},xt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Xt={key:2,class:L({content:!0})},Jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Yt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},es={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function ts(e,t,c,r,h,b){const u=i("el-image"),g=i("image-preview"),v=i("image-wrapper"),f=i("el-button"),k=i("el-tooltip"),$=i("api-code-button"),l=i("font-awesome-icon"),E=i("copy-to-clipboard"),C=i("el-alert");return a(),n("div",It,[m("div",yt,[s(u,{src:e.OPENAIIMAGE_LOGO,class:"avatar"},null,8,["src"])]),m("div",wt,[m("div",Vt,[p(o(e.$t("openaiimage.name.openaiimageBot"))+" ",1),m("span",At,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),m("div",Gt,[e.referenceImages.length>0?(a(),n("div",Mt,[(a(!0),n(S,null,G(e.referenceImages,(V,z)=>(a(),I(g,{key:z,url:V,name:`image-${z+1}`,closable:!1},null,8,["url","name"]))),128))])):d("",!0),e.modelValue?.request?.prompt?(a(),n("p",zt,[p(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?d("",!0):(a(),n("span",Tt," - ("+o(e.$t("openaiimage.status.pending"))+") ",1))])):d("",!0)]),e.modelValue?.response?.success===!0?(a(),n("div",Pt,[m("div",Lt,[(a(!0),n(S,null,G(e.images,(V,z)=>(a(),I(v,{key:z,src:V?.image_url||V?.url||"","raw-src":V?.image_url||V?.url||""},null,8,["src","raw-src"]))),128))]),m("div",Ct,[s(k,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:_(()=>[s(f,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=K(V=>e.onEdit(e.images?.[0]?.image_url||e.images?.[0]?.url),["stop"]))},{default:_(()=>[p(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"]),s($,{path:e.openaiimagePath,body:e.modelValue?.request},null,8,["path","body"])]),s(C,{closable:!1,class:"mt-2 success"},{default:_(()=>[e.modelValue?.request?.model?(a(),n("p",Ot,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.model"))+": "+o(e.modelValue?.request?.model),1)])):d("",!0),e.modelValue?.request?.size?(a(),n("p",Ut,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.size"))+": "+o(e.modelValue?.request?.size),1)])):d("",!0),e.modelValue?.request?.action?(a(),n("p",qt,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):d("",!0),m("p",Rt,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(E,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),n("p",Nt,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),e.modelValue?.response?.trace_id?(a(),n("p",Dt,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),s(E,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):d("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(a(),n("div",jt,[s(C,{closable:!1,class:"failure"},{template:_(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.failure")),1)]),default:_(()=>[e.modelValue?.request?.model?(a(),n("p",Wt,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.model"))+": "+o(e.modelValue?.request?.model),1)])):d("",!0),e.modelValue?.request?.size?(a(),n("p",Bt,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.size"))+": "+o(e.modelValue?.request?.size),1)])):d("",!0),e.modelValue?.request?.action?(a(),n("p",Ft,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):d("",!0),m("p",Ht,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(E,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),m("p",Zt,[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),s(E,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),n("p",xt,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):d("",!0),e.modelValue?.response?.trace_id?(a(),n("p",Kt,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),s(E,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):d("",!0)]),_:1})])):(a(),n("div",Xt,[s(C,{closable:!1,class:"info"},{template:_(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.failure")),1)]),default:_(()=>[e.modelValue?.request?.model?(a(),n("p",Jt,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.model"))+": "+o(e.modelValue?.request?.model),1)])):d("",!0),e.modelValue?.request?.size?(a(),n("p",Qt,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.size"))+": "+o(e.modelValue?.request?.size),1)])):d("",!0),e.modelValue?.request?.action?(a(),n("p",Yt,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):d("",!0),m("p",es,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+o(e.$t("openaiimage.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),s(E,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const ss=w(St,[["render",ts],["__scopeId","data-v-ce2f092f"]]),os=y({name:"RecentPanel",components:{TaskPreview:ss,BotPlaceholder:we,NoTasks:ce,ScrollList:pe},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),as={key:0},is={key:2,class:"w-full h-full flex items-center justify-center"};function ns(e,t,c,r,h,b){const u=i("bot-placeholder"),g=i("task-preview"),v=i("scroll-list"),f=i("no-tasks");return a(),n(S,null,[e.tasks?.items===void 0?(a(),n("div",as,[s(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),I(v,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=k=>e.$emit("reach-top"))},{default:_(()=>[(a(!0),n(S,null,G(e.tasks?.items,k=>(a(),I(g,{key:k.id,"model-value":k},null,8,["model-value"]))),128))]),_:1},8,["loading"])):d("",!0),e.tasks?.items?.length===0?(a(),n("div",is,[s(f)])):d("",!0)],64)}const rs=w(os,[["render",ns]]),W=le("openaiimage"),ls=y({name:"OpenAIImageIndex",components:{ConfigPanel:Et,Layout:Te,RecentPanel:rs},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===j.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===j.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ue({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("openaiimage/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("openaiimage/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:c,createdAtMax:r}=e||{};console.debug("limit",t,"createdAtMin",c,"createdAtMax",r),await this.$store.dispatch("openaiimage/getTasks",{limit:t,createdAtMin:c,createdAtMax:r})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){A.error(this.$t("openaiimage.message.promptRequired"));return}e.prompt=e.prompt.trim(),!t&&"image_urls"in e&&delete e.image_urls;const c={...e,action:"generate",callback_url:W},r={action:"edit",model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],callback_url:W},h=this.credential?.token;if(!h){console.error("no token specified");return}A.info(this.$t("openaiimage.message.startingTask")),re("openaiimage",t?D.edit(r,{token:h}):D.generate(c,{token:h})).then(u=>{console.debug("task accepted",u.data?.task_id),A.success(this.$t("openaiimage.message.startTaskSuccess"))}).catch(u=>{const g=u?.response?.data;g?.error?.code===be?A.error(this.$t("openaiimage.message.usedUp")):A.error(this.$t("openaiimage.message.startTaskFailed")+(g?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e=="string"&&e.trim().length>0}}});function ms(e,t,c,r,h,b){const u=i("config-panel"),g=i("recent-panel"),v=i("layout");return a(),I(v,null,{config:_(()=>[s(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:_(()=>[s(g,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const io=w(ls,[["render",ms]]);export{io as default};

package/dist/assets/Index-CBrjXPZd.js

@@ -1 +0,0 @@
-import{F as T}from"./index.es-CZEHRs3C.js";import{E as C}from"./index-yOpa7yWZ.js";import{E as j}from"./index-Chojkt3K.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-Dp8CKzl-.js";import{a as O,b as q,c as N}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-BqJ6aJTS.js";import{I as R,S as z,l as H}from"./pagination-DmoF7bc7.js";import{E as X}from"./index-hoRqwqcA.js";import{E as Q}from"./index-BXlxpk-b.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{I as J}from"./ImagePreview-CU6sKHvi.js";import{E as K}from"./index-qzLruMik.js";import{E as V}from"./index-S77IYy1Q.js";import{P as Y,N as Z}from"./NoTasks-BTTicoTH.js";import{C as ee}from"./Consumption-Cf7JzgYx.js";import{a as te}from"./price-W6DU8Z8R.js";import{b as oe}from"./errorCode-Cqj9Td_Z.js";import{C as se}from"./CopyToClipboard-CoPaGg3O.js";import{I as ne}from"./ImageWrapper-K_mMEl0Y.js";import{A as ae}from"./ApiCodeButton-B-dufckN.js";import{E as le}from"./index-DFXYlT2H.js";import{E as re}from"./index-CPMq4xCC.js";import{B as ie}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-aw39jWwO.js";import"./index-DpTMXSsR.js";import"./typescript-BJ4f2036.js";import"./index-DFL62AH2.js";import"./strings-beZM2Y-f.js";import"./isEqual-AI-J6Uj_.js";import"./_Uint8Array-n_GUsB5q.js";import"./castArray-CdP6H4P_.js";import"./index-CM8xtpW0.js";import"./index-C4SSkadI.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_initCloneObject-DoWEnuFI.js";import"./index-CfDpnu4d.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-6a2b3fc7"]]),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};

package/dist/assets/Index-CFYktVnO.js

@@ -1 +0,0 @@
-import{F as R}from"./index.es-CZEHRs3C.js";import{E as S}from"./index-yOpa7yWZ.js";import{E as D}from"./index-Chojkt3K.js";import{d as v,H as r,E as i,z as C,C as t,y as c,D as o,q as s,F as a,O as I,N as U,x as $,I as f,J as p,M,Q as L}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as O,cs as B,b5 as j,S as P,ct as F}from"./index-Dp8CKzl-.js";import{a as N,b as q}from"./wan-DKq-jYOo.js";import{E as A,a as G}from"./index-BqJ6aJTS.js";import{p as z}from"./pasteUploadMixin-BurWbGNQ.js";import{I as W,S as H,l as J}from"./pagination-DmoF7bc7.js";import{I as K}from"./ImagePreview-CU6sKHvi.js";import{E as Q}from"./index-qzLruMik.js";import{E as T}from"./index-S77IYy1Q.js";import{P as X,N as Y}from"./NoTasks-BTTicoTH.js";import{C as Z}from"./Consumption-Cf7JzgYx.js";import{a as x}from"./price-W6DU8Z8R.js";import{b as ee}from"./errorCode-Cqj9Td_Z.js";import{C as te}from"./CopyToClipboard-CoPaGg3O.js";import{V as oe}from"./VideoPlayer-K7eXLAuz.js";import{A as se}from"./ApiCodeButton-B-dufckN.js";import{E as ne}from"./index-aw39jWwO.js";import{E as ae}from"./index-DFXYlT2H.js";import{E as le}from"./index-CPMq4xCC.js";import{B as re}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-DFL62AH2.js";import"./typescript-BJ4f2036.js";import"./index-DpTMXSsR.js";import"./strings-beZM2Y-f.js";import"./isEqual-AI-J6Uj_.js";import"./_Uint8Array-n_GUsB5q.js";import"./castArray-CdP6H4P_.js";import"./index-CM8xtpW0.js";import"./index-C4SSkadI.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_initCloneObject-DoWEnuFI.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CfDpnu4d.js";const ie=v({name:"LayoutWan",components:{ElDrawer:D,ElButton:S,FontAwesomeIcon:R},data(){return{drawer:!1}}}),ce={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)]"},ue={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function pe(e,n,h,_,k,y){const d=o("font-awesome-icon"),u=o("el-button"),l=o("el-drawer");return s(),r("div",ce,[i("div",de,[C(e.$slots,"config",{},void 0,!0)]),i("div",ue,[C(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:n[0]||(n[0]=w=>e.drawer=!0)},{default:c(()=>[t(d,{icon:"fa-solid fa-magic"})]),_:1}),t(l,{modelValue:e.drawer,"onUpdate:modelValue":n[1]||(n[1]=w=>e.drawer=w),direction:"ltr","with-header":!1,size:"340px"},{default:c(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const me=b(ie,[["render",pe],["__scopeId","data-v-3b0702a7"]]),fe=v({name:"ModelSelector",components:{ElSelect:G,ElOption:A},data(){return{}},computed:{options(){return[{value:"wan2.6-t2v",label:this.$t("wan.button.modelT2v")},{value:"wan2.6-i2v",label:this.$t("wan.button.modelI2v")},{value:"wan2.6-i2v-flash",label:this.$t("wan.button.modelI2vFlash")},{value:"wan2.6-r2v",label:this.$t("wan.button.modelR2v")}]},value:{get(){return this.$store.state.wan?.config?.model},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,model:e})}}},mounted(){this.value||(this.value=N)}}),he={class:"field"},_e={class:"title font-bold"},ge={class:"float-left"};function $e(e,n,h,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",he,[i("h2",_e,a(e.$t("wan.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",ge,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const we=b(fe,[["render",$e],["__scopeId","data-v-eb090beb"]]),ve="720p",be=v({name:"ResolutionSelector",components:{ElSelect:G,ElOption:A},computed:{options(){return[{value:"480p",label:this.$t("wan.name.resolution480p")},{value:"720p",label:this.$t("wan.name.resolution720p")},{value:"1080p",label:this.$t("wan.name.resolution1080p")}]},value:{get(){return this.$store.state.wan?.config?.resolution},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,resolution:e})}}},mounted(){this.value||(this.value=ve)}}),ke={class:"field"},ye={class:"title font-bold"},Ve={class:"float-left"};function Te(e,n,h,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",ke,[i("h2",ye,a(e.$t("wan.name.resolution")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ve,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ee=b(be,[["render",Te],["__scopeId","data-v-3e39f44e"]]),Ie=5,Se=v({name:"DurationSelector",components:{ElSelect:G,ElOption:A},computed:{options(){return[{value:5,label:this.$t("wan.name.duration5s")},{value:10,label:this.$t("wan.name.duration10s")},{value:15,label:this.$t("wan.name.duration15s")}]},value:{get(){return this.$store.state.wan?.config?.duration},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,duration:e})}}},mounted(){this.value||(this.value=Ie)}}),Ue={class:"field"},Le={class:"title font-bold"},Ce={class:"float-left"};function Re(e,n,h,_,k,y){const d=o("el-option"),u=o("el-select");return s(),r("div",Ue,[i("h2",Le,a(e.$t("wan.name.duration")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":n[0]||(n[0]=l=>e.value=l),class:"value",placeholder:e.$t("wan.placeholder.select"),clearable:""},{default:c(()=>[(s(!0),r(I,null,U(e.options,l=>(s(),$(d,{key:l.value,label:l.label,value:l.value},{default:c(()=>[i("span",Ce,a(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ae=b(Se,[["render",Re],["__scopeId","data-v-5f35a2cf"]]),Ge=v({name:"ImageUrlInput",components:{ElUpload:Q,ElButton:S,InfoIcon:W,ImagePreview:K},mixins:[z],data(){return{fileList:[],uploadUrl:O()+"/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.wan?.config?.image_url},set(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})}}},mounted(){this.value||(this.value=void 0),this.onSetImageUrl()},methods:{onExceed(){T.warning(this.$t("wan.message.uploadImageExceed"))},onError(){T.error(this.$t("wan.message.uploadImageError"))},async onRemove(){T.error(this.$t("wan.message.uploadImageError"))},onSetImageUrl(){const e=this.urls?.[0];this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),Pe={class:"relative"},De={class:"flex justify-between"},Me={class:"flex justify-start items-center"},Oe={class:"text-sm font-bold"};function Be(e,n,h,_,k,y){const d=o("info-icon"),u=o("image-preview"),l=o("el-button"),w=o("el-upload");return s(),r("div",Pe,[i("div",De,[i("div",Me,[i("span",Oe,a(e.$t("wan.name.imageUrl")),1),t(d,{content:e.$t("wan.description.imageUrl"),class:"info"},null,8,["content"])])]),t(w,{"file-list":e.fileList,"onUpdate:fileList":n[0]||(n[0]=m=>e.fileList=m),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:m})=>[m.url&&m.percentage!==void 0?(s(),$(u,{key:0,url:m.url,name:m.name,percentage:m.percentage,onRemove:g=>e.fileList.splice(e.fileList.indexOf(m),1)},null,8,["url","name","percentage","onRemove"])):p("",!0)]),default:c(()=>[t(l,{size:"small",type:"primary",class:"btn btn-upload",round:""},{default:c(()=>[f(a(e.$t("wan.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-remove","on-success","headers"])])}const je=b(Ge,[["render",Be],["__scopeId","data-v-c9ebe1b1"]]),Fe="",Ne=v({name:"PromptInput",components:{PromptTextarea:X},computed:{prompt:{get(){return this.$store.state.wan?.config?.prompt},set(e){this.$store.commit("wan/setConfig",{...this.$store.state.wan?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Fe)}});function qe(e,n,h,_,k,y){const d=o("prompt-textarea");return s(),$(d,{modelValue:e.prompt,"onUpdate:modelValue":n[0]||(n[0]=u=>e.prompt=u),title:e.$t("wan.name.prompt"),info:e.$t("wan.description.prompt"),placeholder:e.$t("wan.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const ze=b(Ne,[["render",qe]]),We=v({name:"PresetPanel",components:{ElButton:S,FontAwesomeIcon:R,PromptInput:ze,ImageUrlInput:je,ModelSelector:we,ResolutionSelector:Ee,DurationSelector:Ae,Consumption:Z},emits:["generate"],computed:{config(){return this.$store.state.wan?.config},consumption(){return x(this.config,this.service?.cost)},service(){return this.$store.state.wan?.service},supportsResolution(){const e=this.config?.model;return e==="wan2.6-t2v"||e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"},supportsDuration(){return this.config?.model==="wan2.6-t2v"},supportsImageUrl(){const e=this.config?.model;return e==="wan2.6-i2v"||e==="wan2.6-i2v-flash"}},methods:{onGenerate(){this.$emit("generate")}}}),He={class:"flex flex-col h-full"},Je={class:"flex-1 overflow-y-auto p-5"},Ke={class:"flex flex-col items-center justify-center px-5 pb-5"};function Qe(e,n,h,_,k,y){const d=o("prompt-input"),u=o("model-selector"),l=o("resolution-selector"),w=o("duration-selector"),m=o("image-url-input"),g=o("consumption"),V=o("font-awesome-icon"),E=o("el-button");return s(),r("div",He,[i("div",Je,[t(d,{class:"mb-4"}),t(u,{class:"mb-4"}),e.supportsResolution?(s(),$(l,{key:0,class:"mb-4"})):p("",!0),e.supportsDuration?(s(),$(w,{key:1,class:"mb-4"})):p("",!0),e.supportsImageUrl?(s(),$(m,{key:2,class:"mb-2"})):p("",!0)]),i("div",Ke,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:c(()=>[t(V,{icon:"fa-solid fa-magic",class:"mr-2"}),f(" "+a(e.$t("wan.button.generate")),1)]),_:1},8,["onClick"])])])}const Xe=b(We,[["render",Qe]]),Ye=v({name:"TaskPreview",components:{ElImage:le,CopyToClipboard:te,FontAwesomeIcon:R,ElAlert:ae,VideoPlayer:oe,ElTooltip:ne,ElButton:S,ApiCodeButton:se},props:{modelValue:{type:Object,required:!0}},setup(){return{WAN_LOGO:q}},computed:{application(){return this.$store.state.wan?.application},config(){return this.$store.state.wan?.config}},methods:{onDownload(e){console.debug("on download wan video",e),window.open(e,"_blank")}}}),Ze={class:"preview"},xe={class:"left"},et={class:"main"},tt={class:"bot"},ot={class:"datetime"},st={class:"info"},nt={key:0,class:"prompt mt-2"},at={key:0},lt={key:1},rt={key:0,class:L({content:!0,failed:!0})},it={key:0,class:"mb-4"},ct={key:1,class:L({operations:!0,"mt-2":!0})},dt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},pt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},mt={key:1,class:L({content:!0})},ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},$t={key:2,class:L({content:!0})},wt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function vt(e,n,h,_,k,y){const d=o("el-image"),u=o("video-player"),l=o("el-button"),w=o("el-tooltip"),m=o("api-code-button"),g=o("font-awesome-icon"),V=o("copy-to-clipboard"),E=o("el-alert");return s(),r("div",Ze,[i("div",xe,[t(d,{src:e.WAN_LOGO,class:"avatar"},null,8,["src"])]),i("div",et,[i("div",tt,[f(a(e.$t("wan.name.wanBot"))+" ",1),i("span",ot,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",st,[e.modelValue?.request?.prompt?(s(),r("p",nt,[f(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?p("",!0):(s(),r("span",at," - ("+a(e.$t("wan.status.pending"))+") ",1)),e.modelValue?.response?.state==="processing"||e.modelValue?.response?.state==="pending"||e.modelValue?.response?.state==="running"?(s(),r("span",lt," - ("+a(e.$t("wan.status.processing"))+") ",1)):p("",!0)])):p("",!0)]),e.modelValue?.response?.success===!0?(s(),r("div",rt,[e.modelValue?.response?.video_url?(s(),r("div",it,[t(u,{src:e.modelValue?.response?.video_url},null,8,["src"])])):p("",!0),e.modelValue?.response?.video_url?(s(),r("div",ct,[t(w,{class:"box-item",effect:"dark",content:e.$t("wan.message.downloadVideo"),placement:"top-start"},{default:c(()=>[t(l,{type:"info",size:"small",class:"mb-2",onClick:n[0]||(n[0]=M(Lt=>e.onDownload(e.modelValue?.response?.video_url),["stop"]))},{default:c(()=>[f(a(e.$t("wan.button.download")),1)]),_:1})]),_:1},8,["content"]),t(m,{path:"/wan/videos",body:e.modelValue?.request},null,8,["body"])])):p("",!0),t(E,{closable:!1,class:"mt-2 success"},{default:c(()=>[e.modelValue?.request?.model?(s(),r("p",dt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),f(" "+a(e.$t("wan.name.model"))+": "+a(e.modelValue?.request?.model)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])):p("",!0),i("p",ut,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),f(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",pt,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),f(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0)]),_:1})])):p("",!0),e.modelValue?.response?.success===!1?(s(),r("div",mt,[t(E,{closable:!1,class:"failure"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),f(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",ft,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),f(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])]),i("p",ht,[t(g,{icon:"fa-solid fa-circle-info",class:"mr-1"}),f(" "+a(e.$t("wan.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(V,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(s(),r("p",_t,[t(g,{icon:"fa-solid fa-clock",class:"mr-1"}),f(" "+a(e.$t("wan.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),i("p",gt,[t(g,{icon:"fa-solid fa-hashtag",class:"mr-1"}),f(" "+a(e.$t("wan.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(V,{content:e.modelValue?.response?.trace_id},null,8,["content"])])]),_:1})])):p("",!0),e.modelValue?.response?.success===void 0?(s(),r("div",$t,[t(E,{closable:!1,class:"info"},{template:c(()=>[t(g,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),f(" "+a(e.$t("wan.name.failure")),1)]),default:c(()=>[i("p",wt,[t(g,{icon:"fa-solid fa-magic",class:"mr-1"}),f(" "+a(e.$t("wan.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(V,{content:e.modelValue?.id},null,8,["content"])])]),_:1})])):p("",!0)])])}const bt=b(Ye,[["render",vt],["__scopeId","data-v-916b8970"]]),kt=v({name:"RecentPanel",components:{TaskPreview:bt,BotPlaceholder:re,NoTasks:Y,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.wan?.tasks,items:this.$store.state.wan?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),yt={key:0},Vt={key:2,class:"w-full h-full flex items-center justify-center"};function Tt(e,n,h,_,k,y){const d=o("bot-placeholder"),u=o("task-preview"),l=o("scroll-list"),w=o("no-tasks");return s(),r(I,null,[e.tasks?.items===void 0?(s(),r("div",yt,[t(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(s(),$(l,{key:1,ref:"scrollList",class:"tasks w-full h-full overflow-y-auto",loading:e.loading,onReachTop:n[0]||(n[0]=m=>e.$emit("reach-top"))},{default:c(()=>[(s(!0),r(I,null,U(e.tasks?.items,m=>(s(),$(u,{key:m.id,"model-value":m},null,8,["model-value"]))),128))]),_:1},8,["loading"])):p("",!0),e.tasks?.items?.length===0?(s(),r("div",Vt,[t(w)])):p("",!0)],64)}const Et=b(kt,[["render",Tt]]),It=F("wan"),St=v({name:"WanIndex",components:{ConfigPanel:Xe,Layout:me,RecentPanel:Et},inject:["initialized"],data(){return{task:void 0,job:0,timer:void 0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.wan?.status?.getApplications===P.Request},tasksLoading(){return this.$store.state.wan?.status?.getTasks===P.Request||this.fetchingTasks},credential(){return this.$store.state.wan.credential},config(){return this.$store.state.wan.config},application(){return this.$store.state.wan.application},tasks(){return this.$store.state.wan.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 J({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("wan/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("wan/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:h,createdAtMax:_}=e||{};console.debug("limit",n,"createdAtMin",h,"createdAtMax",_),this.fetchingTasks=!0;try{await this.$store.dispatch("wan/getTasks",{limit:n,createdAtMin:h,createdAtMax:_})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:It},n=this.credential?.token;if(!n){console.error("no token specified");return}T.info(this.$t("wan.message.startingTask")),B("wan",j.generate(e,{token:n})).then(()=>{T.success(this.$t("wan.message.startTaskSuccess"))}).catch(h=>{h?.response?.data?.error?.code===ee?T.error(this.$t("wan.message.usedUp")):T.error(this.$t("wan.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ut(e,n,h,_,k,y){const d=o("config-panel"),u=o("recent-panel"),l=o("layout");return s(),$(l,null,{config:c(()=>[t(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:c(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Eo=b(St,[["render",Ut]]);export{Eo as default};

package/dist/assets/Index-CJGYNxtS.js

@@ -1 +0,0 @@
-import{F as L}from"./index.es-CZEHRs3C.js";import{E as D}from"./index-yOpa7yWZ.js";import{E as te}from"./index-Chojkt3K.js";import{d as $,H as c,E as p,z as U,C as l,y as h,D as o,q as a,F as n,O as w,N as S,x as _,Q as A,R as se,I as q,J as f}from"./vendor-vue-NSDaktjZ.js";import{H as v,bp as ae,cs as oe,aC as le,o as ne,S as C,ct as re}from"./index-Dp8CKzl-.js";import{a as z,b as ie,c as F,d as P,e as ce,f as pe,g as de,h as ue,i as me,j as he,k as fe,l as _e,m as $e,n as ve}from"./qrart-C9yTZSh5.js";import{E,a as T}from"./index-BqJ6aJTS.js";import{I as G,S as ge,l as be}from"./pagination-DmoF7bc7.js";import{E as Q}from"./index-BXlxpk-b.js";import{E as qe}from"./index-CIJN7037.js";import{E as j}from"./index-CM8xtpW0.js";import{E as O}from"./index-CPMq4xCC.js";import{I as ke}from"./ImagePreview-CU6sKHvi.js";import{p as ye}from"./pasteUploadMixin-BurWbGNQ.js";import{E as we,a as Se}from"./index-DnTx8D91.js";import{E as Ve}from"./index-qzLruMik.js";import{E as R}from"./index-S77IYy1Q.js";import{P as Ee,N as Te}from"./NoTasks-BTTicoTH.js";import{C as Re}from"./Consumption-Cf7JzgYx.js";import{a as Ae}from"./price-W6DU8Z8R.js";import{b as Ie,a as Ce}from"./errorCode-Cqj9Td_Z.js";import{A as Le}from"./Status-gAuKcTP1.js";import{C as Ue}from"./CopyToClipboard-CoPaGg3O.js";import{I as Pe}from"./ImageWrapper-K_mMEl0Y.js";import{A as De}from"./ApiCodeButton-B-dufckN.js";import{E as Me}from"./index-DFXYlT2H.js";import{B as ze}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-aw39jWwO.js";import"./index-DpTMXSsR.js";import"./typescript-BJ4f2036.js";import"./index-DFL62AH2.js";import"./strings-beZM2Y-f.js";import"./isEqual-AI-J6Uj_.js";import"./_Uint8Array-n_GUsB5q.js";import"./castArray-CdP6H4P_.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-hoRqwqcA.js";import"./index-Cu41y2Fl.js";import"./validator-CdivHOpU.js";import"./index-C4SSkadI.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_initCloneObject-DoWEnuFI.js";import"./index-CfDpnu4d.js";const Fe=$({name:"LayoutQrart",components:{ElDrawer:te,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),Ge={class:"main flex flex-row flex-1"},Qe={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},je={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Oe(e,t,d,u,g,b){const r=o("font-awesome-icon"),i=o("el-button"),s=o("el-drawer");return a(),c("div",Ge,[p("div",Qe,[U(e.$slots,"config",{},void 0,!0)]),p("div",je,[U(e.$slots,"result",{},void 0,!0)]),l(i,{circle:"",class:"menu",onClick:t[0]||(t[0]=m=>e.drawer=!0)},{default:h(()=>[l(r,{icon:"fa-solid fa-magic"})]),_:1}),l(s,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"350px"},{default:h(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ne=v(Fe,[["render",Oe],["__scopeId","data-v-0eb52da0"]]),Be=$({name:"VersionSelector",components:{ElSelect:T,ElOption:E},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{label:this.$t("qrart.type.text"),value:"text"},{label:this.$t("qrart.type.link"),value:"link"},{label:this.$t("qrart.type.email"),value:"email"},{label:this.$t("qrart.type.phone"),value:"phone"},{label:this.$t("qrart.type.sms"),value:"sms"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug("set type",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||(console.debug("set default type",z),this.value=z)}}),We={class:"field"},He={class:"text-sm font-bold title"};function Je(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",We,[p("span",He,n(e.$t("qrart.name.type")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),class:"value",placeholder:e.$t("qrart.placeholder.select")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ke=v(Be,[["render",Je],["__scopeId","data-v-b4bd8f04"]]),Ye=$({name:"AspectRatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:30,height:30},{value:"4:3",label:"4:3",width:32,height:24},{value:"3:4",label:"3:4",width:24,height:32},{value:"16:9",label:"16:9",width:32,height:18},{value:"9:16",label:"9:16",width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug("set aspect ratio",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=ie)}}),Xe={class:"text-sm font-bold block mb-2"},Ze={class:"items"},xe=["onClick"],et={class:"name"};function tt(e,t,d,u,g,b){return a(),c("div",null,[p("span",Xe,n(e.$t("qrart.name.aspectRatio")),1),p("div",Ze,[(a(!0),c(w,null,S(e.options,(r,i)=>(a(),c("div",{key:i,class:A({active:e.active===i,item:!0}),onClick:s=>e.value=r.value},[p("div",{class:A(["preview",r.label])},[p("div",{class:"rect",style:se({width:r.width+"px",height:r.height+"px"})},null,4)],2),p("p",et,n(r.label),1)],10,xe))),128))])])}const st=v(Ye,[["render",tt],["__scopeId","data-v-b7590ecc"]]),at=$({name:"QrwSelector",components:{ElSlider:Q,InfoIcon:G},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||F},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||(console.debug("set default qrw"),this.value=F)}}),ot={class:"field"},lt={class:"text-sm font-bold title mb-2"};function nt(e,t,d,u,g,b){const r=o("el-slider"),i=o("info-icon");return a(),c("div",ot,[p("span",lt,n(e.$t("qrart.name.qrw")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),min:1.5,max:3,step:.1,class:"value"},null,8,["modelValue"]),l(i,{content:e.$t("qrart.description.qrw"),class:"info"},null,8,["content"])])}const rt=v(at,[["render",nt],["__scopeId","data-v-8410479c"]]),it=$({name:"StepsSelector",components:{ElSlider:Q,InfoIcon:G},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||P},set(e){console.debug("set steps",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||(console.debug("set default steps",P),this.value=P)}}),ct={class:"field"},pt={class:"text-sm font-bold block mb-2"};function dt(e,t,d,u,g,b){const r=o("el-slider"),i=o("info-icon");return a(),c("div",ct,[p("span",pt,n(e.$t("qrart.name.steps")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),min:10,max:20,step:1,class:"value"},null,8,["modelValue"]),l(i,{content:e.$t("qrart.description.steps"),class:"info"},null,8,["content"])])}const ut=v(it,[["render",dt],["__scopeId","data-v-0c88983e"]]),mt=$({name:"AdvancedSelector",components:{ElSwitch:qe},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug("set advanced",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=ce)}}),ht={class:"field"},ft={class:"title font-bold"};function _t(e,t,d,u,g,b){const r=o("el-switch");return a(),c("div",ht,[p("span",ft,n(e.$t("qrart.name.advanced")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),class:"value"},null,8,["modelValue"])])}const $t=v(mt,[["render",_t],["__scopeId","data-v-f8ddf849"]]),vt=$({name:"MarkerShapeSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:"square",label:this.$t("qrart.markerShape.square")},{value:"circle",label:this.$t("qrart.markerShape.circle")},{value:"plus",label:this.$t("qrart.markerShape.plus")},{value:"box",label:this.$t("qrart.markerShape.box")},{value:"octagon",label:this.$t("qrart.markerShape.octagon")},{value:"tiny-plus",label:this.$t("qrart.markerShape.tinyPlus")},{value:"random",label:this.$t("qrart.markerShape.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug("set marker_shape",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||(this.value=pe)}}),gt={class:"field"},bt={class:"text-sm font-bold block mb-2"};function qt(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",gt,[p("span",bt,n(e.$t("qrart.name.markerShape")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.markerShape")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const kt=v(vt,[["render",qt],["__scopeId","data-v-de71e0b0"]]),yt=$({name:"SubMarkerSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:"square",label:this.$t("qrart.subMarker.square")},{value:"circle",label:this.$t("qrart.subMarker.circle")},{value:"plus",label:this.$t("qrart.subMarker.plus")},{value:"box",label:this.$t("qrart.subMarker.box")},{value:"random",label:this.$t("qrart.subMarker.random")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug("set sub_marker",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||(this.value=de)}}),wt={class:"field"},St={class:"text-sm font-bold block mb-2"};function Vt(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",wt,[p("span",St,n(e.$t("qrart.name.subMarker")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.subMarker")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Et=v(yt,[["render",Vt],["__scopeId","data-v-51a39efa"]]),Tt=$({name:"RotateSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug("set rotate",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||(this.value=ue)}}),Rt={class:"field"},At={class:"text-sm font-bold block mb-2"};function It(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",Rt,[p("span",At,n(e.$t("qrart.name.rotate")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.rotate")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ct=v(Tt,[["render",It],["__scopeId","data-v-72e35835"]]),Lt=$({name:"EclSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:"L",label:"L"},{value:"M",label:"M"},{value:"Q",label:"Q"},{value:"H",label:"H"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug("set ecl",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||(this.value=me)}}),Ut={class:"field"},Pt={class:"text-sm font-bold block mb-2"};function Dt(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",Ut,[p("span",Pt,n(e.$t("qrart.name.ecl")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.ecl")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Mt=v(Lt,[["render",Dt],["__scopeId","data-v-b3a5e331"]]),zt=$({name:"MarkerShapeSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:"center",label:this.$t("qrart.position.center")},{value:"top",label:this.$t("qrart.position.top")},{value:"right",label:this.$t("qrart.position.right")},{value:"bottom",label:this.$t("qrart.position.bottom")},{value:"left",label:this.$t("qrart.position.left")},{value:"top-left",label:this.$t("qrart.position.topLeft")},{value:"top-right",label:this.$t("qrart.position.topRight")},{value:"bottom-left",label:this.$t("qrart.position.bottomLeft")},{value:"bottom-right",label:this.$t("qrart.position.bottomRight")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug("set position",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||(this.value=he)}}),Ft={class:"field"},Gt={class:"title font-bold"};function Qt(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",Ft,[p("span",Gt,n(e.$t("qrart.name.position")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.position")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const jt=v(zt,[["render",Qt],["__scopeId","data-v-54186505"]]),Ot=$({name:"PaddingLevelSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug("set padding_level",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||(this.value=fe)}}),Nt={class:"field"},Bt={class:"text-sm font-bold block mb-2"};function Wt(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",Nt,[p("span",Bt,n(e.$t("qrart.name.paddingLevel")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingLevel")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ht=v(Ot,[["render",Wt],["__scopeId","data-v-49d801fd"]]),Jt=$({name:"PaddingNoiseSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug("set padding_noise",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||(this.value=_e)}}),Kt={class:"field"},Yt={class:"text-sm font-bold block mb-2"};function Xt(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",Kt,[p("span",Yt,n(e.$t("qrart.name.paddingNoise")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.paddingNoise")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Zt=v(Jt,[["render",Xt],["__scopeId","data-v-a20833bb"]]),xt=$({name:"PixelStyleSelector",components:{ElSelect:T,ElOption:E},data(){return{options:[{value:"square",label:this.$t("qrart.pixelStyle.square")},{value:"rounded",label:this.$t("qrart.pixelStyle.rounded")},{value:"dot",label:this.$t("qrart.pixelStyle.dot")},{value:"squircle",label:this.$t("qrart.pixelStyle.squircle")},{value:"row",label:this.$t("qrart.pixelStyle.row")},{value:"column",label:this.$t("qrart.pixelStyle.column")}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug("set pixel_style",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||(this.value=$e)}}),es={class:"field"},ts={class:"text-sm font-bold block mb-2"};function ss(e,t,d,u,g,b){const r=o("el-option"),i=o("el-select");return a(),c("div",es,[p("span",ts,n(e.$t("qrart.name.pixelStyle")),1),l(i,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=s=>e.value=s),clearable:"",class:"value",placeholder:e.$t("qrart.placeholder.pixelStyle")},{default:h(()=>[(a(!0),c(w,null,S(e.options,s=>(a(),_(r,{key:s.value,label:s.label,value:s.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const as=v(xt,[["render",ss],["__scopeId","data-v-aca7f79f"]]),os=$({name:"SeedInput",components:{ElInput:j},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||(this.value=void 0)}}),ls={class:"field"},ns={class:"text-sm font-bold block mb-2"};function rs(e,t,d,u,g,b){const r=o("el-input");return a(),c("div",ls,[p("span",ns,n(e.$t("qrart.name.seed")),1),l(r,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),class:"value",placeholder:e.$t("qrart.placeholder.seed")},null,8,["modelValue","placeholder"])])}const is=v(os,[["render",rs],["__scopeId","data-v-d939305d"]]),cs=$({name:"PresetSelector",components:{ElImage:O},data(){return{options:[{value:"sunset",label:this.$t("qrart.preset.sunset"),url:"https://cdn.acedata.cloud/rp1h1s.png"},{value:"floral",label:this.$t("qrart.preset.floral"),url:"https://cdn.acedata.cloud/upyikx.png"},{value:"snowflakes",label:this.$t("qrart.preset.snowflakes"),url:"https://cdn.acedata.cloud/j447da.png"},{value:"feathers",label:this.$t("qrart.preset.feathers"),url:"https://cdn.acedata.cloud/d2ctz9.png"},{value:"raindrops",label:this.$t("qrart.preset.raindrops"),url:"https://cdn.acedata.cloud/xv2t3s.png"},{value:"ultra-realism",label:this.$t("qrart.preset.ultraRealism"),url:"https://cdn.acedata.cloud/nlor4y.png"},{value:"epic-realms",label:this.$t("qrart.preset.epicRealms"),url:"https://cdn.acedata.cloud/wwzkvy.png"},{value:"intricate-studio",label:this.$t("qrart.preset.intricateStudio"),url:"https://cdn.acedata.cloud/4kzf5y.png"},{value:"symmetric-masterpiece",label:this.$t("qrart.preset.symmetricMasterpiece"),url:"https://cdn.acedata.cloud/ff4ii2.png"},{value:"luminous-highway",label:this.$t("qrart.preset.luminousHighway"),url:"https://cdn.acedata.cloud/cliodt.png"},{value:"celestial-journey",label:this.$t("qrart.preset.celestialJourney"),url:"https://cdn.acedata.cloud/ejellf.png"},{value:"neon-mech",label:this.$t("qrart.preset.neonMech"),url:"https://cdn.acedata.cloud/3z0y6z.png"},{value:"ethereal-low-poly",label:this.$t("qrart.preset.etherealLowPoly"),url:"https://cdn.acedata.cloud/36o0mm.png"},{value:"golden-vista",label:this.$t("qrart.preset.goldenVista"),url:"https://cdn.acedata.cloud/xa0267.png"},{value:"cinematic-expanse",label:this.$t("qrart.preset.cinematicExpanse"),url:"https://cdn.acedata.cloud/krl5qp.png"},{value:"cinematic-warm",label:this.$t("qrart.preset.cinematicWarm"),url:"https://cdn.acedata.cloud/e1aahg.png"},{value:"desolate-wilderness",label:this.$t("qrart.preset.desolateWilderness"),url:"https://cdn.acedata.cloud/9evqqu.png"},{value:"vibrant-palette",label:this.$t("qrart.preset.vibrantPalette"),url:"https://cdn.acedata.cloud/3fvsmz.png"},{value:"enigmatic-journey",label:this.$t("qrart.preset.enigmaticJourney"),url:"https://cdn.acedata.cloud/l6kku0.png"},{value:"timeless-cinematic",label:this.$t("qrart.preset.timelessCinematic"),url:"https://cdn.acedata.cloud/h5mzyn.png"},{value:"regal-galaxy",label:this.$t("qrart.preset.regalGalaxy"),url:"https://cdn.acedata.cloud/czkegd.png"},{value:"illustrious-canvas",label:this.$t("qrart.preset.illustriousCanvas"),url:"https://cdn.acedata.cloud/m8hwzh.png"},{value:"expressive-mural",label:this.$t("qrart.preset.expressiveMural"),url:"https://cdn.acedata.cloud/g4v1rb.png"},{value:"serene-haze",label:this.$t("qrart.preset.sereneHaze"),url:"https://cdn.acedata.cloud/3w3ixr.png"}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug("set qrw",e),this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||(this.value=ve)}}),ps={class:"field"},ds={class:"text-sm font-bold block mb-2"},us={class:"pane"},ms=["onClick"],hs={class:"name"};function fs(e,t,d,u,g,b){const r=o("el-image");return a(),c("div",ps,[p("span",ds,n(e.$t("qrart.name.preset")),1),p("div",us,[(a(!0),c(w,null,S(e.options,(i,s)=>(a(),c("div",{key:s,class:A({item:!0,active:e.value===i.value}),onClick:m=>e.value===i.value?e.value=void 0:e.value=i.value},[l(r,{src:i.url,fit:"fill",class:"preview"},null,8,["src"]),p("span",hs,n(i.label),1)],10,ms))),128))])])}const _s=v(cs,[["render",fs],["__scopeId","data-v-65c34adf"]]),$s="",vs=$({name:"ContentInput",components:{ElInput:j,ElUpload:Ve,ElRadioGroup:Se,ElButton:D,ElRadioButton:we,ImagePreview:ke,FontAwesomeIcon:L},mixins:[ye],data(){return{inputWay:"input",fileList:[],uploadUrl:ae()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||(this.value=$s),this.onSetContentImageUrl()},methods:{onExceed(){R.warning(this.$t("qrart.message.uploadDocumentsExceed"))},onError(){R.error(this.$t("qrart.message.uploadDocumentsError"))},onSetContentImageUrl(){const e=this.urls?.[0];this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),gs={class:"field"},bs={class:"flex justify-between items-center mb-4"},qs={class:"text-sm font-bold title"},ks={class:"flex items-center"},ys={key:2,class:"description"};function ws(e,t,d,u,g,b){const r=o("el-radio-button"),i=o("el-radio-group"),s=o("el-input"),m=o("image-preview"),k=o("font-awesome-icon"),V=o("el-button"),I=o("el-upload");return a(),c("div",gs,[p("div",bs,[p("span",qs,n(e.$t("qrart.name.content")),1),p("div",ks,[l(i,{modelValue:e.inputWay,"onUpdate:modelValue":t[0]||(t[0]=y=>e.inputWay=y)},{default:h(()=>[l(r,{label:"input"},{default:h(()=>[q(n(e.$t("qrart.inputWay.input")),1)]),_:1}),l(r,{label:"upload"},{default:h(()=>[q(n(e.$t("qrart.inputWay.upload")),1)]),_:1})]),_:1},8,["modelValue"])])]),e.inputWay=="input"?(a(),_(s,{key:0,modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=y=>e.value=y),class:"content",placeholder:e.$t("qrart.placeholder.content")},null,8,["modelValue","placeholder"])):f("",!0),e.inputWay=="upload"?(a(),_(I,{key:1,ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[2]||(t[2]=y=>e.fileList=y),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"upload upload-wrapper",limit:1,multiple:!1,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:h(({file:y})=>[l(m,{url:y.url||y.response?.file_url,name:y.name,percentage:y.percentage,onRemove:M=>e.fileList.splice(e.fileList.indexOf(y),1)},null,8,["url","name","percentage","onRemove"])]),default:h(()=>[l(V,{size:"small",type:"primary",round:""},{default:h(()=>[l(k,{icon:"fa-solid fa-upload",class:"mr-1"}),q(" "+n(e.$t("qrart.button.uploadQr")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])):f("",!0),e.inputWay=="upload"?(a(),c("p",ys,n(e.$t("qrart.message.uploadQr")),1)):f("",!0)])}const Ss=v(vs,[["render",ws],["__scopeId","data-v-a970867a"]]),Vs="",Es=$({name:"PromptInput",components:{PromptTextarea:Ee},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit("qrart/setConfig",{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||(this.value=Vs)}});function Ts(e,t,d,u,g,b){const r=o("prompt-textarea");return a(),_(r,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=i=>e.value=i),title:e.$t("qrart.name.prompt"),placeholder:e.$t("qrart.placeholder.prompt")},null,8,["modelValue","title","placeholder"])}const Rs=v(Es,[["render",Ts]]),As=$({name:"ConfigPanel",components:{ElButton:D,FontAwesomeIcon:L,Consumption:Re,TypeSelector:Ke,PositionSelector:jt,PixelStyleSelector:as,PaddingLevelSelector:Ht,SeedInput:is,AspectRatioSelector:st,QrwSelector:rt,EclSelector:Mt,StepsSelector:ut,PaddingNoiseSelector:Zt,AdvancedSelector:$t,MarkerShapeSelector:kt,SubMarkerSelector:Et,RotateSelector:Ct,PresetSelector:_s,ContentInput:Ss,PromptInput:Rs},emits:["generate"],computed:{config(){return this.$store.state.qrart?.config},consumption(){return Ae(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Is={class:"flex flex-col h-full"},Cs={class:"flex-1 overflow-y-auto p-5"},Ls={class:"flex flex-col items-center justify-center px-5 pb-5"};function Us(e,t,d,u,g,b){const r=o("type-selector"),i=o("content-input"),s=o("prompt-input"),m=o("aspect-ratio-selector"),k=o("qrw-selector"),V=o("preset-selector"),I=o("position-selector"),y=o("advanced-selector"),M=o("steps-selector"),N=o("seed-input"),B=o("pixel-style-selector"),W=o("marker-shape-selector"),H=o("sub-marker-selector"),J=o("rotate-selector"),K=o("ecl-selector"),Y=o("padding-level-selector"),X=o("padding-noise-selector"),Z=o("consumption"),x=o("font-awesome-icon"),ee=o("el-button");return a(),c("div",Is,[p("div",Cs,[l(r,{class:"mb-4"}),l(i,{class:"mb-4"}),l(s,{class:"mb-4"}),l(m,{class:"mb-4"}),l(k,{class:"mb-4"}),l(V,{class:"mb-4"}),l(I,{class:"mb-4"}),l(y,{class:"mb-4"}),e.config?.advanced?(a(),_(M,{key:0,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(N,{key:1,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(B,{key:2,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(W,{key:3,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(H,{key:4,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(J,{key:5,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(K,{key:6,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(Y,{key:7,class:"mb-4"})):f("",!0),e.config?.advanced?(a(),_(X,{key:8,class:"mb-4"})):f("",!0)]),p("div",Ls,[l(Z,{value:e.consumption,service:e.service},null,8,["value","service"]),l(ee,{type:"primary",class:"btn w-full",round:"",onClick:t[0]||(t[0]=_a=>e.$emit("generate"))},{default:h(()=>[l(x,{icon:"fa-solid fa-magic",class:"mr-2"}),q(" "+n(e.$t("qrart.button.generate")),1)]),_:1})])])}const Ps=v(As,[["render",Us]]),Ds=$({name:"TaskPreview",components:{ElImage:O,CopyToClipboard:Ue,FontAwesomeIcon:L,ElAlert:Me,ImageWrapper:Pe,ApiCodeButton:De},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,"_blank")},onReload(e){const t=e.target,d=new URL(t.src),u=d.searchParams.get("retry");if(!u)d.searchParams.set("retry","1");else if(parseInt(u)<2)d.searchParams.set("retry",(parseInt(u)+1).toString());else return;t.src=d.toString()},onOpenUrl(e){window.open(e,"_blank")},onDownload(e){const t=document.createElement("a");t.href=e,t.download=e.split("/").pop(),t.click()}}}),Ms={class:"preview w-full h-fit text-left flex flex-row mb-[15px]"},zs={class:"left"},Fs={class:"main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]"},Gs={class:"bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap"},Qs={class:"datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]"},js={class:"info"},Os={key:0,class:"prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap"},Ns={key:0},Bs={key:0,class:A({content:!0,failed:!0})},Ws={class:A({operations:!0,"mt-2":!0,"mb-2":!0})},Hs={class:"description"},Js={class:"description"},Ks={key:0,class:"description"},Ys={key:1,class:"description"},Xs={key:2,class:"description"},Zs={key:3,class:"description"},xs={key:1,class:A({content:!0})},ea={class:"description"},ta={class:"description"},sa={key:0,class:"description"},aa={class:"description"},oa={key:2,class:A({content:!0})},la={class:"description"};function na(e,t,d,u,g,b){const r=o("el-image"),i=o("image-wrapper"),s=o("api-code-button"),m=o("font-awesome-icon"),k=o("copy-to-clipboard"),V=o("el-alert");return a(),c("div",Ms,[p("div",zs,[l(r,{src:"https://cdn.acedata.cloud/bcml67.png",class:"avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full"})]),p("div",Fs,[p("div",Gs,[q(n(e.$t("qrart.name.qrartBot"))+" ",1),p("span",Qs,n(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),p("div",js,[e.modelValue?.request?.prompt?(a(),c("p",Os,[q(n(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?f("",!0):(a(),c("span",Ns," - ("+n(e.$t("qrart.status.pending"))+") ",1))])):f("",!0)]),e.modelValue?.response?.success===!0?(a(),c("div",Bs,[e.modelValue?.response?.image_url?(a(),_(i,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,["src","raw-src"])):f("",!0),p("div",Ws,[l(s,{path:"/qrart/generate",body:e.modelValue?.request},null,8,["body"])]),l(V,{closable:!1,class:"mt-2 success"},{default:h(()=>[p("p",Hs,[l(m,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(k,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",Js,[l(m,{icon:"fa-solid fa-diamond",class:"mr-1"}),q(" "+n(e.$t("qrart.name.type"))+": "+n(e.$t("qrart.type."+e.modelValue?.request?.type))+" ",1),l(k,{content:e.modelValue?.request?.type,class:"btn-copy"},null,8,["content"])]),e.modelValue?.request?.content?(a(),c("p",Ks,[l(m,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+n(e.$t("qrart.name.content"))+": "+n(e.modelValue?.request?.content)+" ",1),l(k,{content:e.modelValue?.request?.content,class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.request?.content_image_url?(a(),c("p",Ys,[l(m,{icon:"fa-regular fa-message",class:"mr-1"}),q(" "+n(e.$t("qrart.name.contentImageUrl"))+": ",1),l(m,{icon:"fa-solid fa-up-right-from-square",class:"mr-1 cursor-pointer",onClick:t[0]||(t[0]=I=>e.onOpenLink(e.modelValue?.request?.content_image_url))})])):f("",!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(a(),c("p",Xs,[l(m,{icon:"fa-solid fa-seedling",class:"mr-1"}),q(" "+n(e.$t("qrart.name.seed"))+": "+n(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+" ",1),l(k,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:"btn-copy"},null,8,["content"])])):f("",!0),e.modelValue?.elapsed?(a(),c("p",Zs,[l(m,{icon:"fa-solid fa-clock",class:"mr-1"}),q(" "+n(e.$t("qrart.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):f("",!0)]),_:1})])):f("",!0),e.modelValue?.response?.success===!1?(a(),c("div",xs,[l(V,{closable:!1,class:"failure"},{template:h(()=>[l(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failure")),1)]),default:h(()=>[p("p",ea,[l(m,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(k,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),p("p",ta,[l(m,{icon:"fa-solid fa-circle-info",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failureReason"))+": "+n(e.modelValue?.response?.error?.message)+" ",1),l(k,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),c("p",sa,[l(m,{icon:"fa-solid fa-clock",class:"mr-1"}),q(" "+n(e.$t("qrart.name.elapsed"))+": "+n(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):f("",!0),p("p",aa,[l(m,{icon:"fa-solid fa-hashtag",class:"mr-1"}),q(" "+n(e.$t("qrart.name.traceId"))+": "+n(e.modelValue?.response?.trace_id)+" ",1),l(k,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):f("",!0),e.modelValue?.response?f("",!0):(a(),c("div",oa,[l(V,{closable:!1,class:"info"},{template:h(()=>[l(m,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),q(" "+n(e.$t("qrart.name.failure")),1)]),default:h(()=>[p("p",la,[l(m,{icon:"fa-solid fa-magic",class:"mr-1"}),q(" "+n(e.$t("qrart.name.taskId"))+": "+n(e.modelValue?.id)+" ",1),l(k,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const ra=v(Ds,[["render",na],["__scopeId","data-v-5c6e6795"]]),ia=$({name:"RecentPanel",components:{TaskPreview:ra,BotPlaceholder:ze,NoTasks:Te,ScrollList:ge},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),ca={key:0},pa={key:2,class:"w-full h-full flex items-center justify-center"};function da(e,t,d,u,g,b){const r=o("bot-placeholder"),i=o("task-preview"),s=o("scroll-list"),m=o("no-tasks");return a(),c(w,null,[e.tasks?.items===void 0?(a(),c("div",ca,[l(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),_(s,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=k=>e.$emit("reach-top"))},{default:h(()=>[(a(!0),c(w,null,S(e.tasks?.items,(k,V)=>(a(),_(i,{key:V,"model-value":k},null,8,["model-value"]))),128))]),_:1},8,["loading"])):f("",!0),e.tasks?.items?.length===0?(a(),c("div",pa,[l(m)])):f("",!0)],64)}const ua=v(ia,[["render",da]]),ma=re("qrart"),ha=$({name:"QrartIndex",components:{ConfigPanel:Ps,Layout:Ne,ApplicationStatus:Le,RecentPanel:ua},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===C.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===C.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===C.Request},needApply(){return this.$store.state.qrart.status.getApplications===C.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await be({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("qrart/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplications"),await this.$store.dispatch("qrart/getApplications"),console.debug("end onGetApplications"),await this.onGetTasks()},onApply(){ne.create({application:this.application}).then(({data:e})=>{this.application=e,R.success(this.$t("application.message.applySuccessfully"))}).catch(e=>{e?.response?.data?.code===Ce&&R.error(this.$t("application.message.alreadyApplied"))})},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:t=5,createdAtMin:d,createdAtMax:u}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",u),this.fetchingTasks=!0;try{await this.$store.dispatch("qrart/getTasks",{limit:t,createdAtMin:d,createdAtMax:u})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:ma,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},t=this.credential?.token;if(!t){console.error("no token specified");return}R.info(this.$t("qrart.message.startingTask")),oe("qrart",le.generate(e,{token:t})).then(()=>{R.success(this.$t("qrart.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===Ie?R.error(this.$t("qrart.message.usedUp")):R.error(this.$t("qrart.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function fa(e,t,d,u,g,b){const r=o("config-panel"),i=o("application-status"),s=o("recent-panel"),m=o("layout");return a(),_(m,null,{config:h(()=>[l(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:h(()=>[l(i,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:"mb-4",onRefresh:e.onGetApplication,onSelect:t[0]||(t[0]=k=>e.$store.dispatch("qrart/setApplication",k))},null,8,["initializing","application","applications","service","need-apply","onRefresh"]),l(s,{ref:"recentPanel",class:"panel recent",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const vo=v(ha,[["render",fa],["__scopeId","data-v-0948d917"]]);export{vo as default};

package/dist/assets/Index-CXMlBrn9.js

@@ -1 +0,0 @@
-import{F as R}from"./index.es-CZEHRs3C.js";import{E as U}from"./index-yOpa7yWZ.js";import{E as O}from"./index-Chojkt3K.js";import{d as h,H as i,E as c,z as A,C as s,y as u,D as o,q as n,F as l,O as w,N as S,x as k,Q as T,R as q,I as y,J as _}from"./vendor-vue-NSDaktjZ.js";import{H as $,bp as B,cs as z,aO as N,S as D,ct as X}from"./index-Dp8CKzl-.js";import{a as Q,b as H,c as Y,d as J,e as W,f as K}from"./pixverse-g-p4CgDy.js";import{E as I,a as C}from"./index-BqJ6aJTS.js";import{I as G,S as Z,l as ee}from"./pagination-DmoF7bc7.js";import{E as te}from"./index-hoRqwqcA.js";import{E as se}from"./index-BXlxpk-b.js";import{p as oe}from"./pasteUploadMixin-BurWbGNQ.js";import{I as ae}from"./ImagePreview-CU6sKHvi.js";import{E as ne}from"./index-qzLruMik.js";import{E}from"./index-S77IYy1Q.js";import{P as le,N as ie}from"./NoTasks-BTTicoTH.js";import{C as re}from"./Consumption-Cf7JzgYx.js";import{a as ce}from"./price-W6DU8Z8R.js";import{b as pe}from"./errorCode-Cqj9Td_Z.js";import{C as de}from"./CopyToClipboard-CoPaGg3O.js";import{V as ue}from"./VideoPlayer-K7eXLAuz.js";import{A as me}from"./ApiCodeButton-B-dufckN.js";import{E as ve}from"./index-aw39jWwO.js";import{E as fe}from"./index-DFXYlT2H.js";import{E as _e}from"./index-CPMq4xCC.js";import{B as he}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-DFL62AH2.js";import"./typescript-BJ4f2036.js";import"./index-DpTMXSsR.js";import"./strings-beZM2Y-f.js";import"./isEqual-AI-J6Uj_.js";import"./_Uint8Array-n_GUsB5q.js";import"./castArray-CdP6H4P_.js";import"./index-CM8xtpW0.js";import"./index-C4SSkadI.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_initCloneObject-DoWEnuFI.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CfDpnu4d.js";const $e=h({name:"LayoutPixverse",components:{ElDrawer:O,ElButton:U,FontAwesomeIcon:R},data(){return{drawer:!1}}}),ge={class:"main flex flex-row flex-1"},be={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ye={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ke(e,t,m,v,g,b){const r=o("font-awesome-icon"),p=o("el-button"),a=o("el-drawer");return n(),i("div",ge,[c("div",be,[A(e.$slots,"config",{},void 0,!0)]),c("div",ye,[A(e.$slots,"result",{},void 0,!0)]),s(p,{circle:"",class:"menu",onClick:t[0]||(t[0]=f=>e.drawer=!0)},{default:u(()=>[s(r,{icon:"fa-solid fa-magic"})]),_:1}),s(a,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=f=>e.drawer=f),direction:"ltr","with-header":!1,size:"350px"},{default:u(()=>[A(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ve=$($e,[["render",ke],["__scopeId","data-v-ea5fe174"]]),we=h({name:"ModelSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"v3.5",label:"v3.5"},{value:"v4",label:"v4"},{value:"v4.5",label:"v4.5"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.model},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,model:e})}}},mounted(){this.value||(this.value=Q)}}),xe={class:"field"},Se={class:"title font-bold"};function Ee(e,t,m,v,g,b){const r=o("el-option"),p=o("el-select");return n(),i("div",xe,[c("h2",Se,l(e.$t("pixverse.name.model")),1),s(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(n(!0),i(w,null,S(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Te=$(we,[["render",Ee],["__scopeId","data-v-e8f337ca"]]),Ie=h({name:"QualitySelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"360p",label:"360p"},{value:"540p",label:"540p"},{value:"720p",label:"720p"},{value:"1080p",label:"1080p"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.quality},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,quality:e})}}},mounted(){this.value||(this.value=H)}}),Ce={class:"field"},Le={class:"title font-bold"};function Re(e,t,m,v,g,b){const r=o("el-option"),p=o("el-select");return n(),i("div",Ce,[c("h2",Le,l(e.$t("pixverse.name.quality")),1),s(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(n(!0),i(w,null,S(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ue=$(Ie,[["render",Re],["__scopeId","data-v-64aeaae9"]]),Pe=h({name:"MotionSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"normal",label:this.$t("pixverse.name.motion1")},{value:"fast",label:this.$t("pixverse.name.motion2")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.motion},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,motion:e})}}},mounted(){this.value||(this.value=Y)}}),Ae={class:"field"},De={class:"title font-bold"};function Ge(e,t,m,v,g,b){const r=o("el-option"),p=o("el-select");return n(),i("div",Ae,[c("h2",De,l(e.$t("pixverse.name.motion")),1),s(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(n(!0),i(w,null,S(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const je=$(Pe,[["render",Ge],["__scopeId","data-v-94237408"]]),Me=h({name:"StyleSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"cyberpunk",label:this.$t("pixverse.name.style1")},{value:"anime",label:this.$t("pixverse.name.style2")},{value:"comic",label:this.$t("pixverse.name.style3")},{value:"clay",label:this.$t("pixverse.name.style4")},{value:"3d_animation",label:this.$t("pixverse.name.style5")},{value:"realistic",label:this.$t("pixverse.name.style6")}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.style},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,style:e})}}},mounted(){this.value||(this.value=J)}}),Fe={class:"field"},Oe={class:"title font-bold"};function qe(e,t,m,v,g,b){const r=o("el-option"),p=o("el-select");return n(),i("div",Fe,[c("h2",Oe,l(e.$t("pixverse.name.style")),1),s(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(n(!0),i(w,null,S(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=$(Me,[["render",qe],["__scopeId","data-v-64e17b3c"]]),ze=h({name:"SeedSelector",components:{ElSlider:se,InfoIcon:G,ElInputNumber:te},computed:{value:{get(){return this.$store.state?.pixverse?.config?.seed},set(e){console.debug("set seed",e),this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,seed:e})}}},mounted(){this.value||(this.value=void 0)}}),Ne={class:"flex justify-between"},Xe={class:"flex justify-start items-center"},Qe={class:"text-sm font-bold"},He={class:"flex justify-end items-center"},Ye={class:"w-full"};function Je(e,t,m,v,g,b){const r=o("info-icon"),p=o("el-input-number"),a=o("el-slider");return n(),i("div",null,[c("div",Ne,[c("div",Xe,[c("span",Qe,l(e.$t("pixverse.name.seed")),1),s(r,{content:e.$t("pixverse.description.seed")},null,8,["content"])]),c("div",He,[s(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=f=>e.value=f),"controls-position":"right"},null,8,["modelValue"])])]),c("div",Ye,[s(a,{modelValue:e.value,"onUpdate:modelValue":t[1]||(t[1]=f=>e.value=f),min:0,max:1e3,step:1},null,8,["modelValue"])])])}const We=$(ze,[["render",Je]]),Ke=h({name:"DurationSelector",components:{ElSelect:C,ElOption:I},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:5,label:"5s"},{value:8,label:"8s"}]}},computed:{value:{get(){return this.$store.state.pixverse?.config?.duration},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,duration:e})}}},mounted(){this.value||(this.value=W)}}),Ze={class:"field"},et={class:"title font-bold"};function tt(e,t,m,v,g,b){const r=o("el-option"),p=o("el-select");return n(),i("div",Ze,[c("h2",et,l(e.$t("pixverse.name.duration")),1),s(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=a=>e.value=a),class:"value",placeholder:e.$t("pixverse.placeholder.select")},{default:u(()=>[(n(!0),i(w,null,S(e.options,a=>(n(),k(r,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const st=$(Ke,[["render",tt],["__scopeId","data-v-065c77ef"]]),ot=h({name:"RatioSelector",data(){return{options:[{value:"1:1",label:"1:1",width:20,height:20},{value:"4:3",label:"4:3",width:20,height:15},{value:"3:4",label:"3:4",width:15,height:20},{value:"16:9",label:"16:9",width:25,height:13},{value:"9:16",label:"9:16",width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.pixverse.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e),this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse.config,aspect_ratio:e})}}},mounted(){this.value||(this.value=K)}}),at={class:"text-sm font-bold mb-2 block"},nt={class:"items"},lt=["onClick"],it={class:"name"};function rt(e,t,m,v,g,b){return n(),i("div",null,[c("span",at,l(e.$t("pixverse.name.aspectRatio")),1),c("div",nt,[(n(!0),i(w,null,S(e.options,(r,p)=>(n(),i("div",{key:p,class:T({active:e.active===p,item:!0}),onClick:a=>e.value=r.value},[c("div",{class:T(["preview",r.label])},[c("div",{class:"rect",style:q({width:r.width+"px",height:r.height+"px"})},null,4)],2),c("p",it,l(r.label),1)],10,lt))),128))])])}const ct=$(ot,[["render",rt],["__scopeId","data-v-53038264"]]),pt=h({name:"StartImage",components:{ElUpload:ne,ElButton:U,InfoIcon:G,FontAwesomeIcon:R,ImagePreview:ae},mixins:[oe],emits:["change"],data(){return{fileList:[],uploadUrl:B()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.pixverse?.config?.image_url},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartImageUrl()},methods:{onExceed(){E.warning(this.$t("pixverse.message.uploadReferencesExceed"))},onError(){E.error(this.$t("pixverse.message.uploadReferencesError"))},onSetStartImageUrl(){const e=this.urls?.[0];this.$store.commit("pixverse/setConfig",{...this.$store.state?.pixverse?.config,image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),dt={class:"relative"},ut={class:"flex justify-between"},mt={class:"flex justify-start items-center"},vt={class:"text-sm font-bold"};function ft(e,t,m,v,g,b){const r=o("info-icon"),p=o("image-preview"),a=o("font-awesome-icon"),f=o("el-button"),V=o("el-upload");return n(),i("div",dt,[c("div",ut,[c("div",mt,[c("span",vt,l(e.$t("pixverse.name.startImage")),1),s(r,{content:e.$t("pixverse.description.uploadStartImage")},null,8,["content"])])]),s(V,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=d=>e.fileList=d),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:5,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:u(({file:d})=>[d.url&&d.percentage!==void 0?(n(),k(p,{key:0,url:d.url,name:d.name,percentage:d.percentage,onRemove:x=>e.fileList.splice(e.fileList.indexOf(d),1)},null,8,["url","name","percentage","onRemove"])):_("",!0)]),default:u(()=>[s(f,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:u(()=>[s(a,{icon:"fa-solid fa-upload",class:"icon mr-1"}),y(" "+l(e.$t("pixverse.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const _t=$(pt,[["render",ft],["__scopeId","data-v-bc133fd2"]]),ht="",$t=h({name:"PromptInput",components:{PromptTextarea:le},computed:{prompt:{get(){return this.$store.state.pixverse?.config?.prompt},set(e){this.$store.commit("pixverse/setConfig",{...this.$store.state.pixverse?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ht)}});function gt(e,t,m,v,g,b){const r=o("prompt-textarea");return n(),k(r,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=p=>e.prompt=p),title:e.$t("pixverse.name.prompt"),info:e.$t("pixverse.description.prompt"),placeholder:e.$t("pixverse.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const bt=$($t,[["render",gt]]),yt=h({name:"ConfigPanel",components:{ElButton:U,FontAwesomeIcon:R,PromptInput:bt,ModelSelector:Te,QualitySelector:Ue,MotionSelector:je,StyleSelector:Be,DurationSelector:st,StartImage:_t,SeedSelector:We,RatioSelector:ct,Consumption:re},emits:["generate"],computed:{config(){return this.$store.state.pixverse?.config},consumption(){return ce(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service}},methods:{onGenerate(){this.$emit("generate")}}}),kt={class:"flex flex-col h-full"},Vt={class:"flex-1 overflow-y-auto p-5"},wt={class:"flex flex-col items-center justify-center px-5 pb-5"};function xt(e,t,m,v,g,b){const r=o("prompt-input"),p=o("model-selector"),a=o("style-selector"),f=o("ratio-selector"),V=o("motion-selector"),d=o("quality-selector"),x=o("start-image"),L=o("seed-selector"),P=o("duration-selector"),j=o("consumption"),M=o("font-awesome-icon"),F=o("el-button");return n(),i("div",kt,[c("div",Vt,[s(r,{class:"mb-4"}),s(p,{class:"mb-4"}),s(a,{class:"mb-4"}),s(f,{class:"mb-4"}),s(V,{class:"mb-4"}),s(d,{class:"mb-4"}),s(x,{class:"mb-2"}),s(L,{class:"mb-4"}),s(P,{class:"mb-4"})]),c("div",wt,[s(j,{value:e.consumption,service:e.service},null,8,["value","service"]),s(F,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:u(()=>[s(M,{icon:"fa-solid fa-magic",class:"mr-2"}),y(" "+l(e.$t("pixverse.button.generate")),1)]),_:1},8,["onClick"])])])}const St=$(yt,[["render",xt]]),Et=h({name:"TaskPreview",components:{ElImage:_e,CopyToClipboard:de,FontAwesomeIcon:R,ElAlert:fe,VideoPlayer:ue,ElTooltip:ve,ElButton:U,ApiCodeButton:me},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),Tt={class:"preview"},It={class:"left"},Ct={class:"main"},Lt={class:"bot"},Rt={class:"datetime"},Ut={class:"info"},Pt={key:0,class:"prompt mt-2"},At={key:0},Dt={key:1},Gt={key:0,class:T({content:!0,failed:!0})},jt={key:0,class:"mb-4"},Mt={key:1,class:T({operations:!0,"mt-2":!0})},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Bt={key:1,class:T({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Xt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Qt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Ht(e,t,m,v,g,b){const r=o("el-image"),p=o("video-player"),a=o("el-button"),f=o("el-tooltip"),V=o("api-code-button"),d=o("font-awesome-icon"),x=o("copy-to-clipboard"),L=o("el-alert");return n(),i("div",Tt,[c("div",It,[s(r,{src:"https://cdn.acedata.cloud/viy61r.jpg",class:"avatar"})]),c("div",Ct,[c("div",Lt,[y(l(e.$t("pixverse.name.pixverseBot"))+" ",1),c("span",Rt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",Ut,[e.modelValue?.request?.prompt?(n(),i("p",Pt,[y(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?_("",!0):(n(),i("span",At," - ("+l(e.$t("pixverse.status.pending"))+") ",1)),e.modelValue?.response?.data&&(e.modelValue?.response?.data[0]?.state==="processing"||e.modelValue?.response?.data[0]?.state==="pending")?(n(),i("span",Dt," - ("+l(e.$t("pixverse.status.processing"))+") ",1)):_("",!0)])):_("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(n(),i("div",Gt,[e.modelValue?.response?.data[0]?.video_url?(n(),i("div",jt,[s(p,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):_("",!0),e.modelValue?.response.success?(n(),i("div",Mt,[s(f,{class:"box-item",effect:"dark",content:e.$t("pixverse.message.downloadVideo"),placement:"top-start"},{default:u(()=>[e.modelValue?.response?.data[0]?.video_url?(n(),k(a,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=P=>e.onDownload(P,e.modelValue?.response?.data[0]?.video_url))},{default:u(()=>[y(l(e.$t("pixverse.button.download")),1)]),_:1})):_("",!0)]),_:1},8,["content"]),s(V,{path:"/pixverse/videos",body:e.modelValue?.request},null,8,["body"])])):_("",!0),s(L,{closable:!1,class:"mt-2 success"},{default:u(()=>[c("p",Ft,[s(d,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.model"))+": "+l(e.modelValue?.request?.model),1)]),c("p",Ot,[s(d,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),s(x,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(n(),i("p",qt,[s(d,{icon:"fa-solid fa-clock",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):_("",!0)]),_:1})])):_("",!0),e.modelValue?.response?.success===!1?(n(),i("div",Bt,[s(L,{closable:!1,class:"info"},{template:u(()=>[s(d,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.failure")),1)]),default:u(()=>[c("p",zt,[s(d,{icon:"fa-solid fa-circle-info",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),s(x,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),c("p",Nt,[s(d,{icon:"fa-solid fa-magic",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),s(x,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(n(),i("p",Xt,[s(d,{icon:"fa-solid fa-clock",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):_("",!0),e.modelValue?.response?.trace_id?(n(),i("p",Qt,[s(d,{icon:"fa-solid fa-hashtag",class:"mr-1"}),y(" "+l(e.$t("pixverse.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),s(x,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):_("",!0)]),_:1})])):_("",!0)])])}const Yt=$(Et,[["render",Ht],["__scopeId","data-v-94961727"]]),Jt=h({name:"RecentPanel",components:{TaskPreview:Yt,NoTasks:ie,BotPlaceholder:he,ScrollList:Z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.pixverse?.tasks,items:this.$store.state.pixverse?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Wt={key:0},Kt={key:2,class:"w-full h-full flex items-center justify-center"};function Zt(e,t,m,v,g,b){const r=o("bot-placeholder"),p=o("task-preview"),a=o("scroll-list"),f=o("no-tasks");return n(),i(w,null,[e.tasks?.items===void 0?(n(),i("div",Wt,[s(r)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(a,{key:1,ref:"scrollList",class:"h-full w-full overflow-y-auto tasks",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:u(()=>[(n(!0),i(w,null,S(e.tasks?.items,(V,d)=>(n(),k(p,{key:d,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):_("",!0),e.tasks?.items?.length===0?(n(),i("div",Kt,[s(f)])):_("",!0)],64)}const es=$(Jt,[["render",Zt]]),ts=X("pixverse"),ss=h({name:"PixverseIndex",components:{ConfigPanel:St,Layout:Ve,RecentPanel:es},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===D.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===D.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ee({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("pixverse/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("pixverse/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();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:t=5,createdAtMin:m,createdAtMax:v}=e||{};console.debug("limit",t,"createdAtMin",m,"createdAtMax",v),this.fetchingTasks=!0;try{await this.$store.dispatch("pixverse/getTasks",{limit:t,createdAtMin:m,createdAtMax:v})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:ts},t=this.credential?.token;if(!t){console.error("no token specified");return}E.info(this.$t("pixverse.message.startingTask")),z("pixverse",N.generate(e,{token:t})).then(()=>{E.success(this.$t("pixverse.message.startTaskSuccess"))}).catch(m=>{m?.response?.data?.error?.code===pe?E.error(this.$t("pixverse.message.usedUp")):E.error(this.$t("pixverse.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function os(e,t,m,v,g,b){const r=o("config-panel"),p=o("recent-panel"),a=o("layout");return n(),k(a,null,{config:u(()=>[s(r,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:u(()=>[s(p,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const to=$(ss,[["render",os]]);export{to as default};

package/dist/assets/Index-Cz6Qx-7z.js

@@ -1 +0,0 @@
-import{F as L}from"./index.es-CZEHRs3C.js";import{E as D}from"./index-yOpa7yWZ.js";import{E as j}from"./index-Chojkt3K.js";import{d as v,H as r,E as i,z as P,C as o,y as p,D as s,q as a,F as l,O as E,N as I,x as w,Q as A,R as N,I as _,J as h,G as q,L as H}from"./vendor-vue-NSDaktjZ.js";import{H as b,bp as K,cs as W,aM as Z,S as G,ct as J}from"./index-Dp8CKzl-.js";import{a as z,b as M,c as V,d as F,e as Q,f as Y,g as X,h as x,i as ee}from"./sora-Dyuoglk1.js";import{E as R,a as O}from"./index-BqJ6aJTS.js";import{p as te}from"./pasteUploadMixin-BurWbGNQ.js";import{I as oe,S as se,l as ae}from"./pagination-DmoF7bc7.js";import{I as ne}from"./ImagePreview-CU6sKHvi.js";import{E as le}from"./index-qzLruMik.js";import{E as T}from"./index-S77IYy1Q.js";import{C as re}from"./Consumption-Cf7JzgYx.js";import{P as ie,N as ce}from"./NoTasks-BTTicoTH.js";import{a as de}from"./price-W6DU8Z8R.js";import{b as ue}from"./errorCode-Cqj9Td_Z.js";import{C as pe}from"./CopyToClipboard-CoPaGg3O.js";import{V as me}from"./VideoPlayer-K7eXLAuz.js";import{A as fe}from"./ApiCodeButton-B-dufckN.js";import{E as _e}from"./index-aw39jWwO.js";import{E as he}from"./index-DFXYlT2H.js";import{E as $e}from"./index-CPMq4xCC.js";import{B as ge}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-DFL62AH2.js";import"./typescript-BJ4f2036.js";import"./index-DpTMXSsR.js";import"./strings-beZM2Y-f.js";import"./isEqual-AI-J6Uj_.js";import"./_Uint8Array-n_GUsB5q.js";import"./castArray-CdP6H4P_.js";import"./index-CM8xtpW0.js";import"./index-C4SSkadI.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_initCloneObject-DoWEnuFI.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CfDpnu4d.js";const ve=v({name:"LayoutSora",components:{ElDrawer:j,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),be={class:"main flex flex-row flex-1"},ke={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},we={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ye(e,t,m,f,$,g){const c=s("font-awesome-icon"),d=s("el-button"),n=s("el-drawer");return a(),r("div",be,[i("div",ke,[P(e.$slots,"config",{},void 0,!0)]),i("div",we,[P(e.$slots,"result",{},void 0,!0)]),o(d,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:p(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:p(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Se=b(ve,[["render",ye],["__scopeId","data-v-bbee238c"]]),Ve=v({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:Q,label:"sora-2"},{value:Y,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},m=M[e]||[V],f=t.duration,$=f&&m.includes(f)?f:m.includes(V)?V:m[0],g={...t,model:e,duration:$,size:t.size||F};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=z)}}),Ee={class:"field"},Te={class:"title font-bold"};function Ae(e,t,m,f,$,g){const c=s("el-option"),d=s("el-select");return a(),r("div",Ee,[i("h2",Te,l(e.$t("sora.name.model")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(a(!0),r(E,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ie=b(Ve,[["render",Ae],["__scopeId","data-v-0cb7913d"]]),Ce=v({name:"ActionSelector",components:{ElSelect:O,ElOption:R},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=X)}}),Le={class:"field"},De={class:"title font-bold"},Re={class:"float-left"};function Oe(e,t,m,f,$,g){const c=s("el-option"),d=s("el-select");return a(),r("div",Le,[i("h2",De,l(e.$t("sora.name.action")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:p(()=>[(a(!0),r(E,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},{default:p(()=>[i("span",Re,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ue=b(Ce,[["render",Oe],["__scopeId","data-v-7b82fa7f"]]),Pe=v({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||z},allowedDurations(){return M[this.model]||[V]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(V)?V:e[0];this.value=t}}},mounted(){this.value||(this.value=V)}}),Ge={class:"field"},ze={class:"control"},Me={class:"title font-bold"};function Fe(e,t,m,f,$,g){const c=s("el-option"),d=s("el-select");return a(),r("div",Ge,[i("div",ze,[i("h2",Me,l(e.$t("sora.name.duration")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(a(!0),r(E,null,I(e.optionsForModel,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const Be=b(Pe,[["render",Fe],["__scopeId","data-v-c2934598"]]),je=v({name:"OrientationSelector",data(){return{options:[{value:"portrait",labelKey:"sora.option.portrait",width:13,height:25},{value:"landscape",labelKey:"sora.option.landscape",width:25,height:13}]}},computed:{active(){const e=this.options.findIndex(t=>t.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=x)}}),Ne={class:"text-sm font-bold mb-2 block"},qe={class:"items"},He=["onClick"],Ke={class:"name"};function We(e,t,m,f,$,g){return a(),r("div",null,[i("span",Ne,l(e.$t("sora.name.orientation")),1),i("div",qe,[(a(!0),r(E,null,I(e.options,(c,d)=>(a(),r("div",{key:d,class:A({active:e.active===d,item:!0}),onClick:n=>e.value=c.value},[i("div",{class:A(["preview",c.value])},[i("div",{class:"rect",style:N({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ke,l(e.$t(c.labelKey)),1)],10,He))),128))])])}const Ze=b(je,[["render",We],["__scopeId","data-v-a20be6d9"]]),Je=v({name:"StartEndImage",components:{ElUpload:le,ElButton:D,InfoIcon:oe,FontAwesomeIcon:L,ImagePreview:ne},mixins:[te],emits:["change"],data(){return{fileList:[],uploadUrl:K()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){T.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){T.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Qe={class:"relative"},Ye={class:"flex justify-between"},Xe={class:"flex justify-start items-center"},xe={class:"text-sm font-bold"};function et(e,t,m,f,$,g){const c=s("info-icon"),d=s("image-preview"),n=s("font-awesome-icon"),k=s("el-button"),S=s("el-upload");return a(),r("div",Qe,[i("div",Ye,[i("div",Xe,[i("span",xe,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(S,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=u=>e.fileList=u),name:"file",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",limit:2,class:"upload-wrapper",multiple:!1,action:e.uploadUrl,"list-type":"picture","on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:u})=>[u.url&&u.percentage!==void 0?(a(),w(d,{key:0,url:u.url,name:u.name,percentage:u.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(u),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:p(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:p(()=>[o(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const tt=b(Je,[["render",et],["__scopeId","data-v-a942382b"]]),ot=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),st=v({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:ee.map(e=>({value:e,label:ot(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=F)}}),at={class:"field"},nt={class:"control"},lt={class:"title font-bold"};function rt(e,t,m,f,$,g){const c=s("el-option"),d=s("el-select");return a(),r("div",at,[i("div",nt,[i("h2",lt,l(e.$t("sora.name.size")),1),o(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:p(()=>[(a(!0),r(E,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const it=b(st,[["render",rt],["__scopeId","data-v-8c485f0f"]]),ct="",dt=v({name:"PromptInput",components:{PromptTextarea:ie},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ct)}});function ut(e,t,m,f,$,g){const c=s("prompt-textarea");return a(),w(c,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=d=>e.prompt=d),title:e.$t("sora.name.prompt"),info:e.$t("sora.description.prompt"),placeholder:e.$t("sora.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const pt=b(dt,[["render",ut]]),mt=v({name:"ConfigPanel",components:{ElButton:D,Consumption:re,FontAwesomeIcon:L,PromptInput:pt,ModelSelector:Ie,StartEndImage:tt,SizeSelector:it,ActionSelector:Ue,OrientationSelector:Ze,DurationSelector:Be},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return de(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ft={class:"flex flex-col h-full"},_t={class:"flex-1 overflow-y-auto p-5"},ht={class:"flex flex-col items-center justify-center px-5 pb-5"};function $t(e,t,m,f,$,g){const c=s("model-selector"),d=s("action-selector"),n=s("duration-selector"),k=s("size-selector"),S=s("orientation-selector"),u=s("prompt-input"),y=s("start-end-image"),C=s("consumption"),U=s("font-awesome-icon"),B=s("el-button");return a(),r("div",ft,[i("div",_t,[o(c,{class:"mb-4"}),o(d,{class:"mb-4"}),o(n,{class:"mb-4"}),o(k,{class:"mb-4"}),o(S,{class:"mb-4"}),o(u,{class:"mb-4"}),q(o(y,{class:"mb-2"},null,512),[[H,e.config?.action==="image2video"]])]),i("div",ht,[o(C,{value:e.consumption,service:e.service},null,8,["value","service"]),o(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:p(()=>[o(U,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const gt=b(mt,[["render",$t]]),vt=v({name:"TaskPreview",components:{ElImage:$e,CopyToClipboard:pe,FontAwesomeIcon:L,ElAlert:he,VideoPlayer:me,ElTooltip:_e,ElButton:D,ApiCodeButton:fe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),bt={class:"preview"},kt={class:"left"},wt={class:"main"},yt={class:"bot"},St={class:"datetime"},Vt={class:"info"},Et={key:0,class:"prompt mt-2"},Tt={key:0},At={key:1},It={key:0,class:A({content:!0,failed:!0})},Ct={key:0,class:"mb-4"},Lt={key:1,class:A({operations:!0,"mt-2":!0})},Dt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ut={key:1,class:A({content:!0})},Pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ft={key:2,class:A({content:!0})},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},jt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Nt(e,t,m,f,$,g){const c=s("el-image"),d=s("video-player"),n=s("el-button"),k=s("el-tooltip"),S=s("api-code-button"),u=s("font-awesome-icon"),y=s("copy-to-clipboard"),C=s("el-alert");return a(),r("div",bt,[i("div",kt,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",wt,[i("div",yt,[_(l(e.$t("sora.name.soraBot"))+" ",1),i("span",St,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",Vt,[e.modelValue?.request?.prompt?(a(),r("p",Et,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),r("span",Tt," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(a(),r("span",At," - ("+l(e.$t("sora.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",It,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Ct,[o(d,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):h("",!0),e.modelValue?.response.success?(a(),r("div",Lt,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=U=>e.onDownload(U,e.modelValue?.response?.data[0]?.video_url))},{default:p(()=>[_(l(e.$t("sora.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"]),o(S,{path:"/sora/videos",body:e.modelValue?.request},null,8,["body"])])):h("",!0),o(C,{closable:!1,class:"mt-2 success"},{default:p(()=>[i("p",Dt,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Rt,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Ot,[o(u,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Ut,[o(C,{closable:!1,class:"failure"},{template:p(()=>[o(u,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:p(()=>[i("p",Pt,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),i("p",Gt,[o(u,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(y,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",zt,[o(u,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),r("p",Mt,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),r("div",Ft,[o(C,{closable:!1,class:"info"},{template:p(()=>[o(u,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:p(()=>[i("p",Bt,[o(u,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",jt,[o(u,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0)])])}const qt=b(vt,[["render",Nt],["__scopeId","data-v-935f9471"]]),Ht=v({name:"RecentPanel",components:{TaskPreview:qt,NoTasks:ce,BotPlaceholder:ge,ScrollList:se},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Kt={key:0},Wt={key:2,class:"w-full h-full flex items-center justify-center"};function Zt(e,t,m,f,$,g){const c=s("bot-placeholder"),d=s("task-preview"),n=s("scroll-list"),k=s("no-tasks");return a(),r(E,null,[e.tasks?.items===void 0?(a(),r("div",Kt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=S=>e.$emit("reach-top"))},{default:p(()=>[(a(!0),r(E,null,I(e.tasks?.items,(S,u)=>(a(),w(d,{key:u,"model-value":S},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),r("div",Wt,[o(k)])):h("",!0)],64)}const Jt=b(Ht,[["render",Zt]]),Qt=J("sora"),Yt=v({name:"SoraIndex",components:{ConfigPanel:gt,Layout:Se,RecentPanel:Jt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await ae({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();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:t=5,createdAtMin:m,createdAtMax:f}=e||{};console.debug("limit",t,"createdAtMin",m,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:m,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Qt},t=this.credential?.token;if(!t){console.error("no token specified");return}T.info(this.$t("sora.message.startingTask")),W("sora",Z.generate(e,{token:t})).then(()=>{T.success(this.$t("sora.message.startTaskSuccess"))}).catch(m=>{m?.response?.data?.error?.code===ue?T.error(this.$t("sora.message.usedUp")):T.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Xt(e,t,m,f,$,g){const c=s("config-panel"),d=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:p(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:p(()=>[o(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Zo=b(Yt,[["render",Xt]]);export{Zo as default};

package/dist/assets/Index-Dbf4rn6Q.js

@@ -1 +0,0 @@
-import{F as T}from"./index.es-CZEHRs3C.js";import{E as q}from"./index-yOpa7yWZ.js";import{E as K}from"./index-Chojkt3K.js";import{d as y,H as l,E as u,z as O,C as a,y as b,D as s,q as n,x as k,F as o,I as c,O as N,N as E,J as p,M as H,Q as U}from"./vendor-vue-NSDaktjZ.js";import{H as w,bp as J,cR as Q,cS as z,cT as P,cU as X,cV as S,cW as j,cX as D,cY as F,cs as Y,aW as Z,S as W,ct as ee}from"./index-Dp8CKzl-.js";import{P as te,N as ae}from"./NoTasks-BTTicoTH.js";import{p as oe}from"./pasteUploadMixin-BurWbGNQ.js";import{I as B,S as ne,l as se}from"./pagination-DmoF7bc7.js";import{I as x}from"./ImagePreview-CU6sKHvi.js";import{E as le}from"./index-qzLruMik.js";import{E as R}from"./index-S77IYy1Q.js";import{E as G,a as M}from"./index-BqJ6aJTS.js";import{C as re}from"./Consumption-Cf7JzgYx.js";import{a as ie}from"./price-W6DU8Z8R.js";import{b as ce}from"./errorCode-Cqj9Td_Z.js";import{C as ue}from"./CopyToClipboard-CoPaGg3O.js";import{I as me}from"./ImageWrapper-K_mMEl0Y.js";import{A as de}from"./ApiCodeButton-B-dufckN.js";import{E as pe}from"./index-aw39jWwO.js";import{E as fe}from"./index-DFXYlT2H.js";import{E as he}from"./index-CPMq4xCC.js";import{B as _e}from"./BotPlaceholder-DSJFXoiB.js";import"./use-form-item-qQREZZAi.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-CM8xtpW0.js";import"./typescript-BJ4f2036.js";import"./index-DpTMXSsR.js";import"./index-C4SSkadI.js";import"./highlight-nd-FM0pM.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-SklJSpHS.js";import"./_baseClone-BYVVMiV_.js";import"./_Uint8Array-n_GUsB5q.js";import"./_initCloneObject-DoWEnuFI.js";import"./isEqual-AI-J6Uj_.js";import"./index-DFL62AH2.js";import"./strings-beZM2Y-f.js";import"./castArray-CdP6H4P_.js";import"./debounce-CgIDI9MZ.js";import"./_baseIteratee-Dc4q5CLk.js";import"./index-CDZfZR_d.js";import"./index-CfDpnu4d.js";const be=y({name:"LayoutNanobanana",components:{ElDrawer:K,ElButton:q,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ge={class:"main flex flex-row flex-1"},$e={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ve={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ke(e,t,$,r,g,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-drawer");return n(),l("div",ge,[u("div",$e,[O(e.$slots,"config",{},void 0,!0)]),u("div",ve,[O(e.$slots,"result",{},void 0,!0)]),a(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=m=>e.drawer=!0)},{default:b(()=>[a(h,{icon:"fa-solid fa-magic"})]),_:1}),a(d,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:b(()=>[O(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ye=w(be,[["render",ke],["__scopeId","data-v-8ca1c212"]]),we="",Ve=y({name:"PromptInput",components:{PromptTextarea:te},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=we)}});function Ae(e,t,$,r,g,f){const h=s("prompt-textarea");return n(),k(h,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),title:e.$t("nanobanana.name.prompt"),info:e.$t("nanobanana.description.prompt"),placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Ne=w(Ve,[["render",Ae]]),Ee=y({name:"ImageUrlsInput",components:{ElUpload:le,ElButton:q,InfoIcon:B,ImagePreview:x,FontAwesomeIcon:T},mixins:[oe],data(){return{fileList:[],uploadUrl:J()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const r=(this.fileList||[]).filter(g=>!g?.response?.file_url);this.fileList=r.length?r:[];return}const t=[];e.forEach(r=>{const g=this.fileList.find(f=>f?.response?.file_url===r||f?.url===r);g?t.push(g):t.push({name:r.split("/").pop()||r,url:r,status:"success",percentage:100,response:{file_url:r}})}),(this.fileList||[]).filter(r=>!r?.response?.file_url).forEach(r=>{t.some(f=>f===r||f?.url===r?.url||f?.response?.file_url===r?.response?.file_url)||t.push(r)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){R.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){R.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Re={class:"field flex items-center justify-between"},Le={class:"title font-bold text-[14px] mb-[10px]"},Ie={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Se={class:"controls flex items-center"},Te={class:"file-list flex flex-wrap gap-[10px]"};function qe(e,t,$,r,g,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-upload"),m=s("info-icon"),V=s("image-preview");return n(),l(N,null,[u("div",Re,[u("h2",Le,o(e.$t("nanobanana.name.imageUrls")),1),u("div",Ie,[u("div",Se,[a(d,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=v=>e.fileList=v),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:b(()=>[a(_,{size:"small",type:"primary",round:""},{default:b(()=>[a(h,{icon:"fa-solid fa-upload",class:"mr-1"}),c(" "+o(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),a(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),u("div",Te,[(n(!0),l(N,null,E(e.fileList,(v,i)=>(n(),k(V,{key:v.uid||v?.response?.file_url||v.url||i,url:v.url||v?.response?.file_url,name:v.name,percentage:v.percentage,onRemove:A=>e.onRemovePreview(i,v)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const Ue=w(Ee,[["render",qe]]),Ce=y({name:"AspectRatioSelector",components:{ElSelect:M,ElOption:G},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),Oe={class:"field"},Pe={class:"title font-bold"};function Be(e,t,$,r,g,f){const h=s("el-option"),_=s("el-select");return n(),l("div",Oe,[u("h2",Pe,o(e.$t("nanobanana.name.aspectRatio")),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:b(()=>[(n(!0),l(N,null,E(e.options,d=>(n(),k(h,{key:d,label:d,value:d},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ge=w(Ce,[["render",Be],["__scopeId","data-v-67f08a08"]]),Me=y({name:"NanobananaModelSelector",components:{ElSelect:M,ElOption:G,InfoIcon:B},data(){return{options:[{value:z,label:this.$t("nanobanana.model.nanoBanana")},{value:P,label:this.$t("nanobanana.model.nanoBananaPro")},{value:X,label:this.$t("nanobanana.model.nanoBanana2")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=Q)}}),je={class:"field"},De={class:"label"},Fe={class:"box"},We={class:"title font-bold"};function ze(e,t,$,r,g,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",je,[u("div",De,[u("div",Fe,[u("h2",We,o(e.$t("nanobanana.name.model")),1),a(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:b(()=>[(n(!0),l(N,null,E(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xe=w(Me,[["render",ze],["__scopeId","data-v-94304d73"]]),Ke=y({name:"NanobananaResolutionSelector",components:{ElSelect:M,ElOption:G,InfoIcon:B},data(){return{cachedResolution:S,options:[{value:j,label:j},{value:D,label:D},{value:F,label:F}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==z}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||S):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=S),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),He={class:"field"},Je={class:"label"},Qe={class:"box"},Xe={class:"title font-bold"};function Ye(e,t,$,r,g,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",He,[u("div",Je,[u("div",Qe,[u("h2",Xe,o(e.$t("nanobanana.name.resolution")),1),a(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:b(()=>[(n(!0),l(N,null,E(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Ze=w(Ke,[["render",Ye],["__scopeId","data-v-fd5ab393"]]),et=y({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:T,PromptInput:Ne,Consumption:re,ImageUrlsInput:Ue,AspectRatioSelector:Ge,ModelSelector:xe,ResolutionSelector:Ze},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ie({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),tt={class:"flex flex-col h-full"},at={class:"flex-1 overflow-y-auto p-5"},ot={class:"flex flex-col items-center justify-center px-5 pb-5"};function nt(e,t,$,r,g,f){const h=s("model-selector"),_=s("resolution-selector"),d=s("prompt-input"),m=s("aspect-ratio-selector"),V=s("image-urls-input"),v=s("consumption"),i=s("font-awesome-icon"),A=s("el-button");return n(),l("div",tt,[u("div",at,[a(h,{class:"mb-4"}),a(_,{class:"mb-4"}),a(d,{class:"mb-4"}),a(m,{class:"mb-4"}),a(V,{class:"mb-4"})]),u("div",ot,[a(v,{value:e.consumption,service:e.service},null,8,["value","service"]),a(A,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:b(()=>[a(i,{icon:"fa-solid fa-magic",class:"mr-2"}),c(" "+o(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const st=w(et,[["render",nt]]),lt=y({name:"TaskPreview",components:{ElImage:he,CopyToClipboard:ue,FontAwesomeIcon:T,ElAlert:fe,ImageWrapper:me,ElButton:q,ElTooltip:pe,ImagePreview:x,ApiCodeButton:de},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),rt={class:"preview"},it={class:"left"},ct={class:"main"},ut={class:"bot"},mt={class:"datetime"},dt={class:"info"},pt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},ft={key:1,class:"prompt mt-2"},ht={key:0},_t={key:0,class:U({content:!0,failed:!0})},bt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},gt={class:U({operations:!0,"mt-2":!0,"mb-2":!0})},$t={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Nt={key:1,class:U({content:!0})},Et={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},St={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ut={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ct={key:2,class:U({content:!0})},Ot={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function jt(e,t,$,r,g,f){const h=s("el-image"),_=s("image-preview"),d=s("image-wrapper"),m=s("el-button"),V=s("el-tooltip"),v=s("api-code-button"),i=s("font-awesome-icon"),A=s("copy-to-clipboard"),C=s("el-alert");return n(),l("div",rt,[u("div",it,[a(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),u("div",ct,[u("div",ut,[c(o(e.$t("nanobanana.name.nanobananaBot"))+" ",1),u("span",mt,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),u("div",dt,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(n(),l("div",pt,[(n(!0),l(N,null,E(e.modelValue?.request?.image_urls,(L,I)=>(n(),k(_,{key:I,url:L,name:`image-${I+1}`,closable:!1},null,8,["url","name"]))),128))])):p("",!0),e.modelValue?.request?.prompt?(n(),l("p",ft,[c(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?p("",!0):(n(),l("span",ht," - ("+o(e.$t("nanobanana.status.pending"))+") ",1))])):p("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",_t,[u("div",bt,[(n(!0),l(N,null,E(e.images,(L,I)=>(n(),k(d,{key:I,src:L?.image_url,"raw-src":L?.image_url},null,8,["src","raw-src"]))),128))]),u("div",gt,[a(V,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:b(()=>[a(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=H(L=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:b(()=>[c(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"]),a(v,{path:"/nano-banana/images",body:e.modelValue?.request},null,8,["body"])]),a(C,{closable:!1,class:"mt-2 success"},{default:b(()=>[e.modelValue?.request?.model?(n(),l("p",$t,[a(i,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",vt,[a(i,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",kt,[a(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",yt,[a(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",wt,[a(i,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(A,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",Vt,[a(i,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",At,[a(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(A,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):p("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",Nt,[a(C,{closable:!1,class:"failure"},{template:b(()=>[a(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:b(()=>[e.modelValue?.request?.model?(n(),l("p",Et,[a(i,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Rt,[a(i,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Lt,[a(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",It,[a(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",St,[a(i,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(A,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),u("p",Tt,[a(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),a(A,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",qt,[a(i,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",Ut,[a(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(A,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):p("",!0)]),_:1})])):(n(),l("div",Ct,[a(C,{closable:!1,class:"info"},{template:b(()=>[a(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:b(()=>[e.modelValue?.request?.model?(n(),l("p",Ot,[a(i,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Pt,[a(i,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Bt,[a(i,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Gt,[a(i,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Mt,[a(i,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(A,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Dt=w(lt,[["render",jt],["__scopeId","data-v-63f58569"]]),Ft=y({name:"RecentPanel",components:{TaskPreview:Dt,BotPlaceholder:_e,NoTasks:ae,ScrollList:ne},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Wt={key:0},zt={key:2,class:"w-full h-full flex items-center justify-center"};function xt(e,t,$,r,g,f){const h=s("bot-placeholder"),_=s("task-preview"),d=s("scroll-list"),m=s("no-tasks");return n(),l(N,null,[e.tasks?.items===void 0?(n(),l("div",Wt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(d,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:b(()=>[(n(!0),l(N,null,E(e.tasks?.items,V=>(n(),k(_,{key:V.id,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):p("",!0),e.tasks?.items?.length===0?(n(),l("div",zt,[a(m)])):p("",!0)],64)}const Kt=w(Ft,[["render",xt]]),Ht=ee("nanobanana"),Jt=y({name:"NanobananaIndex",components:{ConfigPanel:st,Layout:ye,RecentPanel:Kt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===W.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===W.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await se({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:$,createdAtMax:r}=e||{};console.debug("limit",t,"createdAtMin",$,"createdAtMax",r),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:$,createdAtMax:r})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==P&&"resolution"in e&&delete e.resolution,e?.model===P&&!e?.resolution&&(e.resolution=S);const $={...e,action:t?"edit":"generate",callback_url:Ht},r=this.credential?.token;if(!r){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),Y("nanobanana",Z.generate($,{token:r})).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(g=>{const f=g?.response?.data;f?.error?.code===ce?R.error(this.$t("nanobanana.message.usedUp")):R.error(this.$t("nanobanana.message.startTaskFailed")+(f?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Qt(e,t,$,r,g,f){const h=s("config-panel"),_=s("recent-panel"),d=s("layout");return n(),k(d,null,{config:b(()=>[a(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:b(()=>[a(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Fa=w(Jt,[["render",Qt]]);export{Fa as default};