@acedatacloud/nexior 3.143.0 → 3.145.0

package/dist/assets/{Index-CKQ20PRK.js → Index-Be-d-KvB.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-TsWsNkRg.js";import{E as P}from"./index-CkIeLqJ4.js";import{E as W}from"./index-XaPqTDhv.js";import{d as y,H as l,E as m,z as q,C as o,y as $,D as n,q as a,F as s,I as p,O as E,N as L,x as I,J as h,M as x,Q as O}from"./vendor-vue-NSDaktjZ.js";import{E as w,b7 as Z,ch as H,ci as J,cj as K,ck as Q,cl as X,cm as U,cn as C,co as M,cp as Y,cd as ee,aw as z}from"./index-Cyf8EOi-.js";import{I as R,S as te,l as oe}from"./pagination-Kf9WeXkv.js";import{E as se}from"./index-Bo_JlvjV.js";import{I as N}from"./ImagePreview-Dj1qrKsG.js";import{E as ae}from"./index-CTjlNIkO.js";import{E as A}from"./index-DdEU08KU.js";import{C as ne}from"./Consumption-ClgEQgDH.js";import{a as ie}from"./price-CnHV1sgg.js";import{E as B,a as F}from"./index-DxpQaVyM.js";import{b as le}from"./errorCode-Cqj9Td_Z.js";import{o as j}from"./openaiimage-B-V3xEPL.js";import{C as re}from"./CopyToClipboard-B-j3IeKI.js";import{I as ce}from"./ImageWrapper-CW4rFhRa.js";import{E as me}from"./index-D6eGd2z6.js";import{E as pe}from"./index-BPR2ZBL3.js";import{E as ue}from"./index-BVx89d8R.js";import{B as de}from"./BotPlaceholder-BPfrGl17.js";import{N as ge}from"./NoTasks-CUTKaxqT.js";import"./use-form-item-RRBZ2FOX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Kg6s1a65.js";import"./typescript-C1XBDfAK.js";import"./index-DxKv9BIl.js";import"./index-B2Oy_3FT.js";import"./index-kGAGAJMD.js";import"./_baseClone-0JASqonl.js";import"./_Uint8Array-DfhsEbA6.js";import"./_initCloneObject-CT9aktWN.js";import"./isEqual-Dcf8wohg.js";import"./index-BWyQEIEc.js";import"./strings-beZM2Y-f.js";import"./castArray-Den3_6LQ.js";import"./debounce-qySOHK2f.js";import"./_baseIteratee-D64njDFX.js";import"./index-DMZjaLyD.js";import"./index-Cl0U4sgn.js";const fe=y({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:P,FontAwesomeIcon:T},data(){return{drawer:!1}}}),he={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)]"},$e={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ve(e,t,c,i,f,v){const d=n("font-awesome-icon"),g=n("el-button"),_=n("el-drawer");return a(),l("div",he,[m("div",_e,[q(e.$slots,"config",{},void 0,!0)]),m("div",$e,[q(e.$slots,"result",{},void 0,!0)]),o(g,{circle:"",class:"menu",onClick:t[0]||(t[0]=u=>e.drawer=!0)},{default:$(()=>[o(d,{icon:"fa-solid fa-magic"})]),_:1}),o(_,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=u=>e.drawer=u),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[q(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=w(fe,[["render",ve],["__scopeId","data-v-bfe5cd4b"]]),ke="",ye=y({name:"PromptInput",components:{ElInput:se,InfoIcon:R},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ke)}}),we={class:"field"},Ee={class:"box"},Ie={class:"title font-bold"};function Ve(e,t,c,i,f,v){const d=n("info-icon"),g=n("el-input");return a(),l("div",we,[m("div",Ee,[m("h2",Ie,s(e.$t("openaiimage.name.prompt")),1),o(d,{content:e.$t("openaiimage.description.prompt"),class:"info"},null,8,["content"])]),o(g,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("openaiimage.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ae=w(ye,[["render",Ve],["__scopeId","data-v-92f61e4a"]]),Le=y({name:"ImageUrlsInput",components:{ElUpload:ae,ElButton:P,InfoIcon:R,ImagePreview:N,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:Z()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const i=(this.fileList||[]).filter(f=>!f?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const f=this.fileList.find(v=>v?.response?.file_url===i||v?.url===i);f?t.push(f):t.push({name:i.split("/").pop()||i,url:i,status:"success",percentage:100,response:{file_url:i}})}),(this.fileList||[]).filter(i=>!i?.response?.file_url).forEach(i=>{t.some(v=>v===i||v?.url===i?.url||v?.response?.file_url===i?.response?.file_url)||t.push(i)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){A.warning(this.$t("openaiimage.message.uploadImageExceed"))},onError(){A.error(this.$t("openaiimage.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ge={class:"field flex items-center justify-between"},Se={class:"title font-bold text-[14px] mb-[10px]"},Te={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Pe={class:"controls flex items-center"},Oe={class:"file-list flex flex-wrap gap-[10px]"};function Re(e,t,c,i,f,v){const d=n("font-awesome-icon"),g=n("el-button"),_=n("el-upload"),u=n("info-icon"),k=n("image-preview");return a(),l(E,null,[m("div",Ge,[m("h2",Se,s(e.$t("openaiimage.name.imageUrls")),1),m("div",Te,[m("div",Pe,[o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[o(g,{size:"small",type:"primary",round:""},{default:$(()=>[o(d,{icon:"fa-solid fa-upload",class:"mr-1"}),p(" "+s(e.$t("openaiimage.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(u,{content:e.$t("openaiimage.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),m("div",Oe,[(a(!0),l(E,null,L(e.fileList,(r,b)=>(a(),I(k,{key:r.uid||r?.response?.file_url||r.url||b,url:r.url||r?.response?.file_url,name:r.name,percentage:r.percentage,onRemove:G=>e.onRemovePreview(b,r)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const qe=w(Le,[["render",Re]]),Ue=y({name:"OpenAIImageModelSelector",components:{ElSelect:F,ElOption:B,InfoIcon:R},data(){return{options:[{value:J,label:this.$t("openaiimage.model.gptImage1")},{value:K,label:this.$t("openaiimage.model.gptImage15")},{value:Q,label:this.$t("openaiimage.model.gptImage2")}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t("openaiimage.description.model")}},mounted(){this.value||(this.value=H)}}),Ce={class:"field"},Me={class:"label"},ze={class:"box"},je={class:"title font-bold"};function De(e,t,c,i,f,v){const d=n("info-icon"),g=n("el-option"),_=n("el-select");return a(),l("div",Ce,[m("div",Me,[m("div",ze,[m("h2",je,s(e.$t("openaiimage.name.model")),1),o(d,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:$(()=>[(a(!0),l(E,null,L(e.options,u=>(a(),I(g,{key:u.value,label:u.label,value:u.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ne=w(Ue,[["render",De],["__scopeId","data-v-cec771bd"]]),Be=y({name:"OpenAIImageSizeSelector",components:{ElSelect:F,ElOption:B,InfoIcon:R},data(){return{options:[{value:U,label:U},{value:C,label:C},{value:M,label:M}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.size},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,size:e})}}},mounted(){this.value||(this.value=X)}}),Fe={class:"field"},We={class:"label"},xe={class:"box"},Ze={class:"title font-bold"};function He(e,t,c,i,f,v){const d=n("info-icon"),g=n("el-option"),_=n("el-select");return a(),l("div",Fe,[m("div",We,[m("div",xe,[m("h2",Ze,s(e.$t("openaiimage.name.size")),1),o(d,{content:e.$t("openaiimage.description.size"),class:"info"},null,8,["content"])])]),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:$(()=>[(a(!0),l(E,null,L(e.options,u=>(a(),I(g,{key:u.value,label:u.label,value:u.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=w(Be,[["render",He],["__scopeId","data-v-11116785"]]),Ke=y({name:"ConfigPanel",components:{ElButton:P,FontAwesomeIcon:T,PromptInput:Ae,Consumption:ne,ImageUrlsInput:qe,ModelSelector:Ne,ResolutionSelector:Je},emits:["generate"],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){const e={...this.config||{}};return ie({...e},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},Ye={class:"flex flex-col items-center justify-center px-5 pb-5"};function et(e,t,c,i,f,v){const d=n("model-selector"),g=n("resolution-selector"),_=n("prompt-input"),u=n("image-urls-input"),k=n("consumption"),r=n("font-awesome-icon"),b=n("el-button");return a(),l("div",Qe,[m("div",Xe,[o(d,{class:"mb-4"}),o(g,{class:"mb-4"}),o(_,{class:"mb-4"}),o(u,{class:"mb-4"})]),m("div",Ye,[o(k,{value:e.consumption,service:e.service},null,8,["value","service"]),o(b,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(r,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+s(e.$t("openaiimage.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=w(Ke,[["render",et]]),ot=y({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:re,FontAwesomeIcon:T,ElAlert:pe,ImageWrapper:ce,ElButton:P,ElTooltip:me,ImagePreview:N},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:Y}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{const 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(i=>typeof i=="string"&&i.length>0);const c=e.image;return Array.isArray(c)?c.filter(i=>typeof i=="string"&&i.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)}}}),st={class:"preview"},at={class:"left"},nt={class:"main"},it={class:"bot"},lt={class:"datetime"},rt={class:"info"},ct={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},mt={key:1,class:"prompt mt-2"},pt={key:0},ut={key:0,class:O({content:!0,failed:!0})},dt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},gt={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},ft={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},kt={key:1,class:O({content:!0})},yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Gt={key:2,class:O({content:!0})},St={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Rt(e,t,c,i,f,v){const d=n("el-image"),g=n("image-preview"),_=n("image-wrapper"),u=n("el-button"),k=n("el-tooltip"),r=n("font-awesome-icon"),b=n("copy-to-clipboard"),G=n("el-alert");return a(),l("div",st,[m("div",at,[o(d,{src:e.OPENAIIMAGE_LOGO,class:"avatar"},null,8,["src"])]),m("div",nt,[m("div",it,[p(s(e.$t("openaiimage.name.openaiimageBot"))+" ",1),m("span",lt,s(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),m("div",rt,[e.referenceImages.length>0?(a(),l("div",ct,[(a(!0),l(E,null,L(e.referenceImages,(V,S)=>(a(),I(g,{key:S,url:V,name:`image-${S+1}`,closable:!1},null,8,["url","name"]))),128))])):h("",!0),e.modelValue?.request?.prompt?(a(),l("p",mt,[p(s(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),l("span",pt," - ("+s(e.$t("openaiimage.status.pending"))+") ",1))])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",ut,[m("div",dt,[(a(!0),l(E,null,L(e.images,(V,S)=>(a(),I(_,{key:S,src:V?.image_url||V?.url||"","raw-src":V?.image_url||V?.url||""},null,8,["src","raw-src"]))),128))]),m("div",gt,[o(k,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(u,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=x(V=>e.onEdit(e.images?.[0]?.image_url||e.images?.[0]?.url),["stop"]))},{default:$(()=>[p(s(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(G,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(a(),l("p",ft,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):h("",!0),e.modelValue?.request?.size?(a(),l("p",ht,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):h("",!0),e.modelValue?.request?.action?(a(),l("p",_t,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):h("",!0),m("p",$t,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),l("p",vt,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.elapsed"))+": "+s(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),l("p",bt,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.traceId"))+": "+s(e.modelValue?.response?.trace_id)+" ",1),o(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):h("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(a(),l("div",kt,[o(G,{closable:!1,class:"failure"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",yt,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):h("",!0),e.modelValue?.request?.size?(a(),l("p",wt,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):h("",!0),e.modelValue?.request?.action?(a(),l("p",Et,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):h("",!0),m("p",It,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),m("p",Vt,[o(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.failureReason"))+": "+s(e.modelValue?.response?.error?.message)+" ",1),o(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),l("p",At,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.elapsed"))+": "+s(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),l("p",Lt,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.traceId"))+": "+s(e.modelValue?.response?.trace_id)+" ",1),o(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):h("",!0)]),_:1})])):(a(),l("div",Gt,[o(G,{closable:!1,class:"info"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",St,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):h("",!0),e.modelValue?.request?.size?(a(),l("p",Tt,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):h("",!0),e.modelValue?.request?.action?(a(),l("p",Pt,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):h("",!0),m("p",Ot,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const qt=w(ot,[["render",Rt],["__scopeId","data-v-87775c45"]]),Ut=y({name:"RecentPanel",components:{TaskPreview:qt,BotPlaceholder:de,NoTasks:ge,ScrollList:te},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?.()}}}),Ct={key:0},Mt={key:2,class:"w-full h-full flex items-center justify-center"};function zt(e,t,c,i,f,v){const d=n("bot-placeholder"),g=n("task-preview"),_=n("scroll-list"),u=n("no-tasks");return a(),l(E,null,[e.tasks?.items===void 0?(a(),l("div",Ct,[o(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),I(_,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=k=>e.$emit("reach-top"))},{default:$(()=>[(a(!0),l(E,null,L(e.tasks?.items,k=>(a(),I(g,{key:k.id,"model-value":k},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),l("div",Mt,[o(u)])):h("",!0)],64)}const jt=w(Ut,[["render",zt]]),D="https://webhook.acedata.cloud/openaiimage",Dt=y({name:"OpenAIImageIndex",components:{ConfigPanel:tt,Layout:be,RecentPanel:jt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===z.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await oe({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:i}=e||{};console.debug("limit",t,"createdAtMin",c,"createdAtMax",i),await this.$store.dispatch("openaiimage/getTasks",{limit:t,createdAtMin:c,createdAtMax:i})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;!t&&"image_urls"in e&&delete e.image_urls;const c={...e,action:"generate",callback_url:D},i={action:"edit",model:e?.model,prompt:e?.prompt,image_urls:e?.image_urls||[],callback_url:D},f=this.credential?.token;if(!f){console.error("no token specified");return}A.info(this.$t("openaiimage.message.startingTask")),ee("openaiimage",t?j.edit(i,{token:f}):j.generate(c,{token:f})).then(d=>{console.debug("task accepted",d.data?.task_id),A.success(this.$t("openaiimage.message.startTaskSuccess"))}).catch(d=>{const g=d?.response?.data;g?.error?.code===le?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?.()}}});function Nt(e,t,c,i,f,v){const d=n("config-panel"),g=n("recent-panel"),_=n("layout");return a(),I(_,null,{config:$(()=>[o(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(g,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Po=w(Dt,[["render",Nt]]);export{Po as default};
+import{F as T}from"./index.es-Dj9Wy0z7.js";import{E as P}from"./index-D_tYpdWX.js";import{E as W}from"./index-DHmtS4Ao.js";import{d as y,H as l,E as m,z as q,C as o,y as $,D as n,q as a,F as s,I as p,O as E,N as L,x as I,J as h,M as x,Q as O}from"./vendor-vue-NSDaktjZ.js";import{E as w,b7 as Z,ch as H,ci as J,cj as K,ck as Q,cl as X,cm as U,cn as C,co as M,cp as Y,cd as ee,aw as z}from"./index-R1yPGE-K.js";import{I as R,S as te,l as oe}from"./pagination-Dk6EMJPI.js";import{E as se}from"./index-BcFKKIUX.js";import{I as N}from"./ImagePreview-HgasgWaO.js";import{E as ae}from"./index-2f4k1cBC.js";import{E as A}from"./index-v6GVmx9u.js";import{C as ne}from"./Consumption-B7VhIhqT.js";import{a as ie}from"./price-D01Whf9j.js";import{E as B,a as F}from"./index-DPFomByA.js";import{b as le}from"./errorCode-Cqj9Td_Z.js";import{o as j}from"./openaiimage-DSUNoC5s.js";import{C as re}from"./CopyToClipboard-CjTKb5D7.js";import{I as ce}from"./ImageWrapper-BPSX8LpN.js";import{E as me}from"./index-TJe5wIf-.js";import{E as pe}from"./index-CwjV6n_U.js";import{E as ue}from"./index-WWnbhW6C.js";import{B as de}from"./BotPlaceholder-CNmFsyHW.js";import{N as ge}from"./NoTasks-lh6VlwMM.js";import"./use-form-item-_IfxE0T4.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Kg6s1a65.js";import"./typescript-DAmrEi8b.js";import"./index-BTzdyisK.js";import"./index-CiLK9hZH.js";import"./index-DhSkah7J.js";import"./_baseClone-BH5bAI4w.js";import"./_Uint8Array-zPfACQFm.js";import"./_initCloneObject-DNcVRVtY.js";import"./isEqual-DPhKVN6J.js";import"./index-q8T9ydUq.js";import"./strings-beZM2Y-f.js";import"./castArray-B6RNe9d9.js";import"./debounce-Bgvad3gW.js";import"./_baseIteratee-BDYveGWO.js";import"./index-B5KTk9zq.js";import"./index-CxX6Br5p.js";const fe=y({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:P,FontAwesomeIcon:T},data(){return{drawer:!1}}}),he={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)]"},$e={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ve(e,t,c,i,f,v){const d=n("font-awesome-icon"),g=n("el-button"),_=n("el-drawer");return a(),l("div",he,[m("div",_e,[q(e.$slots,"config",{},void 0,!0)]),m("div",$e,[q(e.$slots,"result",{},void 0,!0)]),o(g,{circle:"",class:"menu",onClick:t[0]||(t[0]=u=>e.drawer=!0)},{default:$(()=>[o(d,{icon:"fa-solid fa-magic"})]),_:1}),o(_,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=u=>e.drawer=u),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[q(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=w(fe,[["render",ve],["__scopeId","data-v-bfe5cd4b"]]),ke="",ye=y({name:"PromptInput",components:{ElInput:se,InfoIcon:R},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ke)}}),we={class:"field"},Ee={class:"box"},Ie={class:"title font-bold"};function Ve(e,t,c,i,f,v){const d=n("info-icon"),g=n("el-input");return a(),l("div",we,[m("div",Ee,[m("h2",Ie,s(e.$t("openaiimage.name.prompt")),1),o(d,{content:e.$t("openaiimage.description.prompt"),class:"info"},null,8,["content"])]),o(g,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("openaiimage.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ae=w(ye,[["render",Ve],["__scopeId","data-v-92f61e4a"]]),Le=y({name:"ImageUrlsInput",components:{ElUpload:ae,ElButton:P,InfoIcon:R,ImagePreview:N,FontAwesomeIcon:T},data(){return{fileList:[],uploadUrl:Z()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const i=(this.fileList||[]).filter(f=>!f?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const f=this.fileList.find(v=>v?.response?.file_url===i||v?.url===i);f?t.push(f):t.push({name:i.split("/").pop()||i,url:i,status:"success",percentage:100,response:{file_url:i}})}),(this.fileList||[]).filter(i=>!i?.response?.file_url).forEach(i=>{t.some(v=>v===i||v?.url===i?.url||v?.response?.file_url===i?.response?.file_url)||t.push(i)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){A.warning(this.$t("openaiimage.message.uploadImageExceed"))},onError(){A.error(this.$t("openaiimage.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ge={class:"field flex items-center justify-between"},Se={class:"title font-bold text-[14px] mb-[10px]"},Te={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Pe={class:"controls flex items-center"},Oe={class:"file-list flex flex-wrap gap-[10px]"};function Re(e,t,c,i,f,v){const d=n("font-awesome-icon"),g=n("el-button"),_=n("el-upload"),u=n("info-icon"),k=n("image-preview");return a(),l(E,null,[m("div",Ge,[m("h2",Se,s(e.$t("openaiimage.name.imageUrls")),1),m("div",Te,[m("div",Pe,[o(_,{"file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[o(g,{size:"small",type:"primary",round:""},{default:$(()=>[o(d,{icon:"fa-solid fa-upload",class:"mr-1"}),p(" "+s(e.$t("openaiimage.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(u,{content:e.$t("openaiimage.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),m("div",Oe,[(a(!0),l(E,null,L(e.fileList,(r,b)=>(a(),I(k,{key:r.uid||r?.response?.file_url||r.url||b,url:r.url||r?.response?.file_url,name:r.name,percentage:r.percentage,onRemove:G=>e.onRemovePreview(b,r)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const qe=w(Le,[["render",Re]]),Ue=y({name:"OpenAIImageModelSelector",components:{ElSelect:F,ElOption:B,InfoIcon:R},data(){return{options:[{value:J,label:this.$t("openaiimage.model.gptImage1")},{value:K,label:this.$t("openaiimage.model.gptImage15")},{value:Q,label:this.$t("openaiimage.model.gptImage2")}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t("openaiimage.description.model")}},mounted(){this.value||(this.value=H)}}),Ce={class:"field"},Me={class:"label"},ze={class:"box"},je={class:"title font-bold"};function De(e,t,c,i,f,v){const d=n("info-icon"),g=n("el-option"),_=n("el-select");return a(),l("div",Ce,[m("div",Me,[m("div",ze,[m("h2",je,s(e.$t("openaiimage.name.model")),1),o(d,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:$(()=>[(a(!0),l(E,null,L(e.options,u=>(a(),I(g,{key:u.value,label:u.label,value:u.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ne=w(Ue,[["render",De],["__scopeId","data-v-cec771bd"]]),Be=y({name:"OpenAIImageSizeSelector",components:{ElSelect:F,ElOption:B,InfoIcon:R},data(){return{options:[{value:U,label:U},{value:C,label:C},{value:M,label:M}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.size},set(e){this.$store.commit("openaiimage/setConfig",{...this.$store.state.openaiimage?.config,size:e})}}},mounted(){this.value||(this.value=X)}}),Fe={class:"field"},We={class:"label"},xe={class:"box"},Ze={class:"title font-bold"};function He(e,t,c,i,f,v){const d=n("info-icon"),g=n("el-option"),_=n("el-select");return a(),l("div",Fe,[m("div",We,[m("div",xe,[m("h2",Ze,s(e.$t("openaiimage.name.size")),1),o(d,{content:e.$t("openaiimage.description.size"),class:"info"},null,8,["content"])])]),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=u=>e.value=u),class:"value",placeholder:e.$t("openaiimage.placeholder.select")},{default:$(()=>[(a(!0),l(E,null,L(e.options,u=>(a(),I(g,{key:u.value,label:u.label,value:u.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Je=w(Be,[["render",He],["__scopeId","data-v-11116785"]]),Ke=y({name:"ConfigPanel",components:{ElButton:P,FontAwesomeIcon:T,PromptInput:Ae,Consumption:ne,ImageUrlsInput:qe,ModelSelector:Ne,ResolutionSelector:Je},emits:["generate"],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){const e={...this.config||{}};return ie({...e},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Qe={class:"flex flex-col h-full"},Xe={class:"flex-1 overflow-y-auto p-5"},Ye={class:"flex flex-col items-center justify-center px-5 pb-5"};function et(e,t,c,i,f,v){const d=n("model-selector"),g=n("resolution-selector"),_=n("prompt-input"),u=n("image-urls-input"),k=n("consumption"),r=n("font-awesome-icon"),b=n("el-button");return a(),l("div",Qe,[m("div",Xe,[o(d,{class:"mb-4"}),o(g,{class:"mb-4"}),o(_,{class:"mb-4"}),o(u,{class:"mb-4"})]),m("div",Ye,[o(k,{value:e.consumption,service:e.service},null,8,["value","service"]),o(b,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(r,{icon:"fa-solid fa-magic",class:"mr-2"}),p(" "+s(e.$t("openaiimage.button.generate")),1)]),_:1},8,["onClick"])])])}const tt=w(Ke,[["render",et]]),ot=y({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:re,FontAwesomeIcon:T,ElAlert:pe,ImageWrapper:ce,ElButton:P,ElTooltip:me,ImagePreview:N},props:{modelValue:{type:Object,required:!0}},setup(){return{OPENAIIMAGE_LOGO:Y}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{const 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(i=>typeof i=="string"&&i.length>0);const c=e.image;return Array.isArray(c)?c.filter(i=>typeof i=="string"&&i.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)}}}),st={class:"preview"},at={class:"left"},nt={class:"main"},it={class:"bot"},lt={class:"datetime"},rt={class:"info"},ct={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},mt={key:1,class:"prompt mt-2"},pt={key:0},ut={key:0,class:O({content:!0,failed:!0})},dt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},gt={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},ft={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ht={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},bt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},kt={key:1,class:O({content:!0})},yt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Gt={key:2,class:O({content:!0})},St={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ot={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Rt(e,t,c,i,f,v){const d=n("el-image"),g=n("image-preview"),_=n("image-wrapper"),u=n("el-button"),k=n("el-tooltip"),r=n("font-awesome-icon"),b=n("copy-to-clipboard"),G=n("el-alert");return a(),l("div",st,[m("div",at,[o(d,{src:e.OPENAIIMAGE_LOGO,class:"avatar"},null,8,["src"])]),m("div",nt,[m("div",it,[p(s(e.$t("openaiimage.name.openaiimageBot"))+" ",1),m("span",lt,s(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),m("div",rt,[e.referenceImages.length>0?(a(),l("div",ct,[(a(!0),l(E,null,L(e.referenceImages,(V,S)=>(a(),I(g,{key:S,url:V,name:`image-${S+1}`,closable:!1},null,8,["url","name"]))),128))])):h("",!0),e.modelValue?.request?.prompt?(a(),l("p",mt,[p(s(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),l("span",pt," - ("+s(e.$t("openaiimage.status.pending"))+") ",1))])):h("",!0)]),e.modelValue?.response?.success===!0?(a(),l("div",ut,[m("div",dt,[(a(!0),l(E,null,L(e.images,(V,S)=>(a(),I(_,{key:S,src:V?.image_url||V?.url||"","raw-src":V?.image_url||V?.url||""},null,8,["src","raw-src"]))),128))]),m("div",gt,[o(k,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(u,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=x(V=>e.onEdit(e.images?.[0]?.image_url||e.images?.[0]?.url),["stop"]))},{default:$(()=>[p(s(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(G,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(a(),l("p",ft,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):h("",!0),e.modelValue?.request?.size?(a(),l("p",ht,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):h("",!0),e.modelValue?.request?.action?(a(),l("p",_t,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):h("",!0),m("p",$t,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),l("p",vt,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.elapsed"))+": "+s(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),l("p",bt,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.traceId"))+": "+s(e.modelValue?.response?.trace_id)+" ",1),o(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):h("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(a(),l("div",kt,[o(G,{closable:!1,class:"failure"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",yt,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):h("",!0),e.modelValue?.request?.size?(a(),l("p",wt,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):h("",!0),e.modelValue?.request?.action?(a(),l("p",Et,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):h("",!0),m("p",It,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),m("p",Vt,[o(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.failureReason"))+": "+s(e.modelValue?.response?.error?.message)+" ",1),o(b,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),l("p",At,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.elapsed"))+": "+s(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),l("p",Lt,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.traceId"))+": "+s(e.modelValue?.response?.trace_id)+" ",1),o(b,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):h("",!0)]),_:1})])):(a(),l("div",Gt,[o(G,{closable:!1,class:"info"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(a(),l("p",St,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.model"))+": "+s(e.modelValue?.request?.model),1)])):h("",!0),e.modelValue?.request?.size?(a(),l("p",Tt,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.size"))+": "+s(e.modelValue?.request?.size),1)])):h("",!0),e.modelValue?.request?.action?(a(),l("p",Pt,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.task"))+": "+s(e.modelValue?.request?.action==="generate"?e.$t("openaiimage.name.generate"):e.$t("openaiimage.name.edits")),1)])):h("",!0),m("p",Ot,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),p(" "+s(e.$t("openaiimage.name.taskId"))+": "+s(e.modelValue?.id)+" ",1),o(b,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const qt=w(ot,[["render",Rt],["__scopeId","data-v-87775c45"]]),Ut=y({name:"RecentPanel",components:{TaskPreview:qt,BotPlaceholder:de,NoTasks:ge,ScrollList:te},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?.()}}}),Ct={key:0},Mt={key:2,class:"w-full h-full flex items-center justify-center"};function zt(e,t,c,i,f,v){const d=n("bot-placeholder"),g=n("task-preview"),_=n("scroll-list"),u=n("no-tasks");return a(),l(E,null,[e.tasks?.items===void 0?(a(),l("div",Ct,[o(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),I(_,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=k=>e.$emit("reach-top"))},{default:$(()=>[(a(!0),l(E,null,L(e.tasks?.items,k=>(a(),I(g,{key:k.id,"model-value":k},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),l("div",Mt,[o(u)])):h("",!0)],64)}const jt=w(Ut,[["render",zt]]),D="https://webhook.acedata.cloud/openaiimage",Dt=y({name:"OpenAIImageIndex",components:{ConfigPanel:tt,Layout:be,RecentPanel:jt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===z.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await oe({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:i}=e||{};console.debug("limit",t,"createdAtMin",c,"createdAtMax",i),await this.$store.dispatch("openaiimage/getTasks",{limit:t,createdAtMin:c,createdAtMax:i})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;!t&&"image_urls"in e&&delete e.image_urls;const c={...e,action:"generate",callback_url:D},i={action:"edit",model:e?.model,prompt:e?.prompt,image_urls:e?.image_urls||[],callback_url:D},f=this.credential?.token;if(!f){console.error("no token specified");return}A.info(this.$t("openaiimage.message.startingTask")),ee("openaiimage",t?j.edit(i,{token:f}):j.generate(c,{token:f})).then(d=>{console.debug("task accepted",d.data?.task_id),A.success(this.$t("openaiimage.message.startTaskSuccess"))}).catch(d=>{const g=d?.response?.data;g?.error?.code===le?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?.()}}});function Nt(e,t,c,i,f,v){const d=n("config-panel"),g=n("recent-panel"),_=n("layout");return a(),I(_,null,{config:$(()=>[o(d,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(g,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Po=w(Dt,[["render",Nt]]);export{Po as default};

package/dist/assets/{Index-CSkumcf5.js → Index-Bmk5NkxW.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-TsWsNkRg.js";import{E as L}from"./index-CkIeLqJ4.js";import{E as j}from"./index-XaPqTDhv.js";import{d as v,H as i,E as r,z as S,C as t,y as f,D as s,q as a,F as l,O as V,N as I,x as w,I as _,J as $,Q as U}from"./vendor-vue-NSDaktjZ.js";import{E as b,b7 as F,cd as D,aw as A}from"./index-Cyf8EOi-.js";import{a as M,b as B,c as O}from"./flux-BDAe6Szo.js";import{E as G,a as P}from"./index-DxpQaVyM.js";import{I as C,S as N,l as q}from"./pagination-Kf9WeXkv.js";import{E as z}from"./index-BowVIJh5.js";import{E as X}from"./index-qn-HlcRf.js";import{p as H}from"./pasteUploadMixin-BurWbGNQ.js";import{I as J}from"./ImagePreview-Dj1qrKsG.js";import{E as K}from"./index-CTjlNIkO.js";import{E as y}from"./index-DdEU08KU.js";import{E as Q}from"./index-Bo_JlvjV.js";import{C as W}from"./Consumption-ClgEQgDH.js";import{a as Y}from"./price-CnHV1sgg.js";import{b as Z}from"./errorCode-Cqj9Td_Z.js";import{f as ee}from"./flux-BwAC3S5-.js";import{C as te}from"./CopyToClipboard-B-j3IeKI.js";import{I as oe}from"./ImageWrapper-CW4rFhRa.js";import{E as se}from"./index-BPR2ZBL3.js";import{E as ne}from"./index-BVx89d8R.js";import{B as le}from"./BotPlaceholder-BPfrGl17.js";import{N as ae}from"./NoTasks-CUTKaxqT.js";import"./use-form-item-RRBZ2FOX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Kg6s1a65.js";import"./index-D6eGd2z6.js";import"./index-DxKv9BIl.js";import"./typescript-C1XBDfAK.js";import"./index-BWyQEIEc.js";import"./strings-beZM2Y-f.js";import"./isEqual-Dcf8wohg.js";import"./_Uint8Array-DfhsEbA6.js";import"./castArray-Den3_6LQ.js";import"./debounce-qySOHK2f.js";import"./_baseIteratee-D64njDFX.js";import"./index-DMZjaLyD.js";import"./index-Cu41y2Fl.js";import"./index-kGAGAJMD.js";import"./_baseClone-0JASqonl.js";import"./_initCloneObject-CT9aktWN.js";import"./index-B2Oy_3FT.js";import"./index-Cl0U4sgn.js";const re=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ie={class:"main flex flex-row flex-1"},ce={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ue={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function de(e,o,m,d,x,k){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",ie,[r("div",ce,[S(e.$slots,"config",{},void 0,!0)]),r("div",ue,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=p=>e.drawer=!0)},{default:f(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const pe=b(re,[["render",de],["__scopeId","data-v-3c0d2b44"]]),me=v({name:"ModelSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=M)}}),fe={class:"field"},_e={class:"title font-bold"};function he(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",fe,[r("h2",_e,l(e.$t("flux.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ge=b(me,[["render",he],["__scopeId","data-v-8df4b8a7"]]),$e=v({name:"CountSelector",components:{ElSlider:X,InfoIcon:C,ElInputNumber:z},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=B)}}),ve={class:"flex justify-between"},be={class:"flex justify-start items-center"},xe={class:"text-sm font-bold"},ke={class:"flex justify-end items-center"},we={class:"w-full"};function ye(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[r("div",ve,[r("div",be,[r("span",xe,l(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),r("div",ke,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),r("div",we,[t(n,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=p=>e.value=p),min:1,max:4,step:1},null,8,["modelValue"])])])}const Ve=b($e,[["render",ye]]),Ee=v({name:"ActionSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=O)}}),Te={class:"field"},Ie={class:"title font-bold"};function Se(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",Te,[r("h2",Ie,l(e.$t("flux.name.task")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Le=b(Ee,[["render",Se],["__scopeId","data-v-81fd05e5"]]),Ue=v({name:"ImageUrlInput",components:{ElUpload:K,ElButton:L,InfoIcon:C,FontAwesomeIcon:T,ImagePreview:J},mixins:[H],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(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),Ce={class:"relative"},Ae={class:"flex justify-between"},Ge={class:"flex justify-start items-center"},Pe={class:"text-sm font-bold"};function Re(e,o,m,d,x,k){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),p=s("el-button"),g=s("el-upload");return a(),i("div",Ce,[r("div",Ae,[r("div",Ge,[r("span",Pe,l(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=h=>e.fileList=h),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:h})=>[t(u,{url:h.url||h.response?.file_url,name:h.name,percentage:h.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(h),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(p,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const je=b(Ue,[["render",Re],["__scopeId","data-v-1b692c6e"]]),Fe="",De=v({name:"PromptInput",components:{ElInput:Q,InfoIcon:C},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Fe)}}),Me={class:"field"},Be={class:"box"},Oe={class:"title font-bold"};function Ne(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input");return a(),i("div",Me,[r("div",Be,[r("h2",Oe,l(e.$t("flux.name.prompt")),1),t(c,{content:e.$t("flux.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const qe=b(De,[["render",Ne],["__scopeId","data-v-96df0218"]]),ze=v({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:T,PromptInput:qe,ModelSelector:ge,CountSelector:Ve,Consumption:W,ActionSelector:Le,ImageUrlInput:je},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return Y(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Xe={class:"flex flex-col h-full"},He={class:"flex-1 overflow-y-auto p-5"},Je={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ke(e,o,m,d,x,k){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),h=s("consumption"),E=s("font-awesome-icon"),R=s("el-button");return a(),i("div",Xe,[r("div",He,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):$("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),r("div",Je,[t(h,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(E,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Qe=b(ze,[["render",Ke]]),We=v({name:"TaskPreview",components:{ElImage:ne,CopyToClipboard:te,FontAwesomeIcon:T,ElAlert:se,ImageWrapper:oe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let d=m;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Ye={class:"preview"},Ze={class:"left"},et={class:"main"},tt={class:"bot"},ot={class:"datetime"},st={class:"info"},nt={key:0,class:"prompt mt-2"},lt={key:0},at={key:0,class:U({content:!0,failed:!0})},rt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},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:U({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:U({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function $t(e,o,m,d,x,k){const c=s("el-image"),u=s("image-wrapper"),n=s("font-awesome-icon"),p=s("copy-to-clipboard"),g=s("el-alert");return a(),i("div",Ye,[r("div",Ze,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),r("div",et,[r("div",tt,[_(l(e.$t("flux.name.fluxBot"))+" ",1),r("span",ot,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",st,[e.modelValue?.request?.prompt?(a(),i("p",nt,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",lt," - ("+l(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",at,[r("div",rt,[(a(!0),i(V,null,I(e.images,(h,E)=>(a(),w(u,{key:E,src:h?.image_url,"raw-src":h?.image_url,"model-value":h},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[r("p",it,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",ct,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",ut,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",dt,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",pt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",mt,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("flux.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",ft,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),r("p",_t,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",ht,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",gt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const vt=b(We,[["render",$t],["__scopeId","data-v-8ba2b387"]]),bt=v({name:"RecentPanel",components:{TaskPreview:vt,BotPlaceholder:le,NoTasks:ae,ScrollList:N},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,d,x,k){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),p=s("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",xt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=g=>e.$emit("reach-top"))},{default:f(()=>[(a(!0),i(V,null,I(e.tasks?.items,g=>(a(),w(u,{key:g.id,"model-value":g},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",kt,[t(p)])):$("",!0)],64)}const yt=b(bt,[["render",wt]]),Vt="https://webhook.acedata.cloud/flux",Et=v({name:"FluxIndex",components:{ConfigPanel:Qe,Layout:pe,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 q({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:m,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Vt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),D("flux",ee.generate(e,{token:o})).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===Z?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+d?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Tt(e,o,m,d,x,k){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:f(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ko=b(Et,[["render",Tt]]);export{ko as default};
+import{F as T}from"./index.es-Dj9Wy0z7.js";import{E as L}from"./index-D_tYpdWX.js";import{E as j}from"./index-DHmtS4Ao.js";import{d as v,H as i,E as r,z as S,C as t,y as f,D as s,q as a,F as l,O as V,N as I,x as w,I as _,J as $,Q as U}from"./vendor-vue-NSDaktjZ.js";import{E as b,b7 as F,cd as D,aw as A}from"./index-R1yPGE-K.js";import{a as M,b as B,c as O}from"./flux-BDAe6Szo.js";import{E as G,a as P}from"./index-DPFomByA.js";import{I as C,S as N,l as q}from"./pagination-Dk6EMJPI.js";import{E as z}from"./index-TLFtrkXP.js";import{E as X}from"./index-Dh4v3_J-.js";import{p as H}from"./pasteUploadMixin-BurWbGNQ.js";import{I as J}from"./ImagePreview-HgasgWaO.js";import{E as K}from"./index-2f4k1cBC.js";import{E as y}from"./index-v6GVmx9u.js";import{E as Q}from"./index-BcFKKIUX.js";import{C as W}from"./Consumption-B7VhIhqT.js";import{a as Y}from"./price-D01Whf9j.js";import{b as Z}from"./errorCode-Cqj9Td_Z.js";import{f as ee}from"./flux-CbDtTQYV.js";import{C as te}from"./CopyToClipboard-CjTKb5D7.js";import{I as oe}from"./ImageWrapper-BPSX8LpN.js";import{E as se}from"./index-CwjV6n_U.js";import{E as ne}from"./index-WWnbhW6C.js";import{B as le}from"./BotPlaceholder-CNmFsyHW.js";import{N as ae}from"./NoTasks-lh6VlwMM.js";import"./use-form-item-_IfxE0T4.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Kg6s1a65.js";import"./index-TJe5wIf-.js";import"./index-BTzdyisK.js";import"./typescript-DAmrEi8b.js";import"./index-q8T9ydUq.js";import"./strings-beZM2Y-f.js";import"./isEqual-DPhKVN6J.js";import"./_Uint8Array-zPfACQFm.js";import"./castArray-B6RNe9d9.js";import"./debounce-Bgvad3gW.js";import"./_baseIteratee-BDYveGWO.js";import"./index-B5KTk9zq.js";import"./index-Cu41y2Fl.js";import"./index-DhSkah7J.js";import"./_baseClone-BH5bAI4w.js";import"./_initCloneObject-DNcVRVtY.js";import"./index-CiLK9hZH.js";import"./index-CxX6Br5p.js";const re=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:L,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ie={class:"main flex flex-row flex-1"},ce={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ue={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function de(e,o,m,d,x,k){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),i("div",ie,[r("div",ce,[S(e.$slots,"config",{},void 0,!0)]),r("div",ue,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:o[0]||(o[0]=p=>e.drawer=!0)},{default:f(()=>[t(c,{icon:"fa-solid fa-magic"})]),_:1}),t(n,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const pe=b(re,[["render",de],["__scopeId","data-v-3c0d2b44"]]),me=v({name:"ModelSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=M)}}),fe={class:"field"},_e={class:"title font-bold"};function he(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",fe,[r("h2",_e,l(e.$t("flux.name.model")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ge=b(me,[["render",he],["__scopeId","data-v-8df4b8a7"]]),$e=v({name:"CountSelector",components:{ElSlider:X,InfoIcon:C,ElInputNumber:z},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=B)}}),ve={class:"flex justify-between"},be={class:"flex justify-start items-center"},xe={class:"text-sm font-bold"},ke={class:"flex justify-end items-center"},we={class:"w-full"};function ye(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input-number"),n=s("el-slider");return a(),i("div",null,[r("div",ve,[r("div",be,[r("span",xe,l(e.$t("flux.name.numbers")),1),t(c,{content:e.$t("flux.description.numbers")},null,8,["content"])]),r("div",ke,[t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=p=>e.value=p),"controls-position":"right"},null,8,["modelValue"])])]),r("div",we,[t(n,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=p=>e.value=p),min:1,max:4,step:1},null,8,["modelValue"])])])}const Ve=b($e,[["render",ye]]),Ee=v({name:"ActionSelector",components:{ElSelect:P,ElOption:G},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=O)}}),Te={class:"field"},Ie={class:"title font-bold"};function Se(e,o,m,d,x,k){const c=s("el-option"),u=s("el-select");return a(),i("div",Te,[r("h2",Ie,l(e.$t("flux.name.task")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=n=>e.value=n),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(a(!0),i(V,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Le=b(Ee,[["render",Se],["__scopeId","data-v-81fd05e5"]]),Ue=v({name:"ImageUrlInput",components:{ElUpload:K,ElButton:L,InfoIcon:C,FontAwesomeIcon:T,ImagePreview:J},mixins:[H],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(){y.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){y.error(this.$t("flux.message.uploadStartImageError"))}}}),Ce={class:"relative"},Ae={class:"flex justify-between"},Ge={class:"flex justify-start items-center"},Pe={class:"text-sm font-bold"};function Re(e,o,m,d,x,k){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),p=s("el-button"),g=s("el-upload");return a(),i("div",Ce,[r("div",Ae,[r("div",Ge,[r("span",Pe,l(e.$t("flux.name.imageUrl")),1),t(c,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(g,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=h=>e.fileList=h),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:h})=>[t(u,{url:h.url||h.response?.file_url,name:h.name,percentage:h.percentage,onRemove:E=>e.fileList.splice(e.fileList.indexOf(h),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(p,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const je=b(Ue,[["render",Re],["__scopeId","data-v-1b692c6e"]]),Fe="",De=v({name:"PromptInput",components:{ElInput:Q,InfoIcon:C},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Fe)}}),Me={class:"field"},Be={class:"box"},Oe={class:"title font-bold"};function Ne(e,o,m,d,x,k){const c=s("info-icon"),u=s("el-input");return a(),i("div",Me,[r("div",Be,[r("h2",Oe,l(e.$t("flux.name.prompt")),1),t(c,{content:e.$t("flux.description.prompt"),class:"info"},null,8,["content"])]),t(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=n=>e.prompt=n),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const qe=b(De,[["render",Ne],["__scopeId","data-v-96df0218"]]),ze=v({name:"PresetPanel",components:{ElButton:L,FontAwesomeIcon:T,PromptInput:qe,ModelSelector:ge,CountSelector:Ve,Consumption:W,ActionSelector:Le,ImageUrlInput:je},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return Y(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Xe={class:"flex flex-col h-full"},He={class:"flex-1 overflow-y-auto p-5"},Je={class:"flex flex-col items-center justify-center px-5 pb-5"};function Ke(e,o,m,d,x,k){const c=s("action-selector"),u=s("prompt-input"),n=s("image-url-input"),p=s("model-selector"),g=s("count-selector"),h=s("consumption"),E=s("font-awesome-icon"),R=s("el-button");return a(),i("div",Xe,[r("div",He,[t(c,{class:"mb-4"}),t(u,{class:"mb-4"}),e.config?.action==="edits"?(a(),w(n,{key:0,class:"mb-4"})):$("",!0),t(p,{class:"mb-4"}),t(g,{class:"mb-4"})]),r("div",Je,[t(h,{value:e.consumption,service:e.service},null,8,["value","service"]),t(R,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(E,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const Qe=b(ze,[["render",Ke]]),We=v({name:"TaskPreview",components:{ElImage:ne,CopyToClipboard:te,FontAwesomeIcon:T,ElAlert:se,ImageWrapper:oe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let d=m;o&&(d.action=o),e.push(d)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Ye={class:"preview"},Ze={class:"left"},et={class:"main"},tt={class:"bot"},ot={class:"datetime"},st={class:"info"},nt={key:0,class:"prompt mt-2"},lt={key:0},at={key:0,class:U({content:!0,failed:!0})},rt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},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:U({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:U({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function $t(e,o,m,d,x,k){const c=s("el-image"),u=s("image-wrapper"),n=s("font-awesome-icon"),p=s("copy-to-clipboard"),g=s("el-alert");return a(),i("div",Ye,[r("div",Ze,[t(c,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),r("div",et,[r("div",tt,[_(l(e.$t("flux.name.fluxBot"))+" ",1),r("span",ot,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),r("div",st,[e.modelValue?.request?.prompt?(a(),i("p",nt,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(a(),i("span",lt," - ("+l(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(a(),i("div",at,[r("div",rt,[(a(!0),i(V,null,I(e.images,(h,E)=>(a(),w(u,{key:E,src:h?.image_url,"raw-src":h?.image_url,"model-value":h},null,8,["src","raw-src","model-value"]))),128))]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[r("p",it,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.model"))+": "+l(e.modelValue?.request?.model),1)]),r("p",ct,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",ut,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(a(),i("div",dt,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",pt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),r("p",mt,[t(n,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("flux.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),t(p,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(a(),i("p",ft,[t(n,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("flux.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),r("p",_t,[t(n,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("flux.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),t(p,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(a(),i("div",ht,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(n,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("flux.name.failure")),1)]),default:f(()=>[r("p",gt,[t(n,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("flux.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),t(p,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const vt=b(We,[["render",$t],["__scopeId","data-v-8ba2b387"]]),bt=v({name:"RecentPanel",components:{TaskPreview:vt,BotPlaceholder:le,NoTasks:ae,ScrollList:N},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,d,x,k){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),p=s("no-tasks");return a(),i(V,null,[e.tasks?.items===void 0?(a(),i("div",xt,[t(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=g=>e.$emit("reach-top"))},{default:f(()=>[(a(!0),i(V,null,I(e.tasks?.items,g=>(a(),w(u,{key:g.id,"model-value":g},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(a(),i("div",kt,[t(p)])):$("",!0)],64)}const yt=b(bt,[["render",wt]]),Vt="https://webhook.acedata.cloud/flux",Et=v({name:"FluxIndex",components:{ConfigPanel:Qe,Layout:pe,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 q({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:m,createdAtMax:d}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",d),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:d})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Vt},o=this.credential?.token;if(!o){console.error("no token specified");return}y.info(this.$t("flux.message.startingTask")),D("flux",ee.generate(e,{token:o})).then(()=>{y.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const d=m?.response?.data;d?.error?.code===Z?y.error(this.$t("flux.message.usedUp")):y.error(this.$t("flux.message.startTaskFailed")+d?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Tt(e,o,m,d,x,k){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:f(()=>[t(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const ko=b(Et,[["render",Tt]]);export{ko as default};