@acedatacloud/nexior 3.220.0 → 3.222.0

package/dist/assets/{Index-YqpvRteV.js → Index-Cpu63jjH.js}

@@ -1 +1 @@
-import{F as q}from"./index.es-BXrnqbDc.js";import{E as P}from"./index-ByRYubXn.js";import{E as oe}from"./index-PMRNSwyk.js";import{d as k,H as c,E as i,z as G,C as s,y as $,D as a,q as n,x as b,F as r,I as g,O as S,N as A,J as v,M as ae,Q as D}from"./vendor-vue-NSDaktjZ.js";import{H as y,dm as B,dn as R,dp as j,dq as L,dr as F,ds as K,dt as O,du as J,dv as Q,dw as Y,bm as ne,dx as re,dy as Z,dz as ie,dA as le,dB as ce,dC as H,dD as de,dE as me,dF as ee,cp as ue,S as X,cq as pe}from"./index-BRfbHCvZ.js";import{P as fe,N as _e}from"./NoTasks-d_8CfjZ-.js";import{p as ge}from"./pasteUploadMixin-BurWbGNQ.js";import{I,S as he,l as $e}from"./pagination-BJFvnhlr.js";import{I as te}from"./ImagePreview-CYYwR4zK.js";import{E as ve}from"./index-D63t9suS.js";import{E as z}from"./index-B8CSiOhn.js";import{C as be}from"./Consumption-BgQfeJho.js";import{a as Ee}from"./price-Be1B_bvo.js";import{E as x,a as N,b as ke}from"./index-DfiGO-z3.js";import{E as ye}from"./index-C8L4L2UR.js";import{E as W}from"./index-BM28BQge.js";import{E as Se}from"./index-TeXIMvfD.js";import{b as we}from"./errorCode-Cqj9Td_Z.js";import{s as Ae}from"./seedream-BsXIgMM0.js";import{C as Ie}from"./CopyToClipboard-B3FBgh3x.js";import{I as Ve}from"./ImageWrapper-D9p7vy0W.js";import{A as ze}from"./ApiCodeButton-DdERRoj0.js";import{E as Te}from"./index-BZkaFFuw.js";import{E as Me}from"./index-Bav7i68F.js";import{E as Re}from"./index-CVuadntg.js";import{B as Le}from"./BotPlaceholder-CMs0qZF7.js";import"./use-form-item-gFrK0FVf.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-Cf4MWvor.js";import"./typescript-HOmQr8QU.js";import"./index-CJozFb-_.js";import"./index-zJe4TTTN.js";import"./highlight-D6Rf8-7-.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BnLROHuz.js";import"./_baseClone-DBPrtxYY.js";import"./_Uint8Array-BHztG1Lf.js";import"./_initCloneObject-RQtwP1G5.js";import"./isEqual-DdIQEpjm.js";import"./index-BtOQSaPZ.js";import"./strings-beZM2Y-f.js";import"./castArray-CEKtna1X.js";import"./debounce-BzdywqWi.js";import"./_baseIteratee-DawPdq6H.js";import"./index-LSBUkmpR.js";import"./validator-CRted-PS.js";import"./index-Cu41y2Fl.js";import"./index-BSKrtLfD.js";const De=k({name:"LayoutSeedream",components:{ElDrawer:oe,ElButton:P,FontAwesomeIcon:q},data(){return{drawer:!1}}}),Ce={class:"main flex flex-row flex-1"},qe={class:"config w-[320px] 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 bg-[var(--app-content-bg)]"};function Ue(e,t,d,o,m,p){const u=a("font-awesome-icon"),f=a("el-button"),l=a("el-drawer");return n(),c("div",Ce,[i("div",qe,[G(e.$slots,"config",{},void 0,!0)]),i("div",Pe,[G(e.$slots,"result",{},void 0,!0)]),s(f,{circle:"",class:"menu",onClick:t[0]||(t[0]=_=>e.drawer=!0)},{default:$(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ge=y(De,[["render",Ue],["__scopeId","data-v-f2a6eb9e"]]),Fe="",Oe=k({name:"SeedreamPromptInput",components:{PromptTextarea:fe},computed:{prompt:{get(){return this.$store.state.seedream?.config?.prompt},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Fe)}});function Be(e,t,d,o,m,p){const u=a("prompt-textarea");return n(),b(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=f=>e.prompt=f),title:e.$t("seedream.name.prompt"),info:e.$t("seedream.description.prompt"),placeholder:e.$t("seedream.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const je=y(Oe,[["render",Be]]),xe={image:!0,imageRequired:!1,sizeTiers:[B,R,j,L],sizeAdaptive:!0,sizePixel:!0,sizePixelDefault:void 0,groupGeneration:!1,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};function w(e){switch(e){case Y:return{image:!0,imageRequired:!1,sizeTiers:[R,j,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!0,tools:!0};case Q:return{image:!0,imageRequired:!1,sizeTiers:[R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case J:return{image:!0,imageRequired:!1,sizeTiers:[B,R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case O:return{image:!1,imageRequired:!1,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!0,guidanceScale:!0,guidanceScaleDefault:K[O],outputFormat:!1,tools:!1};case F:return{image:!0,imageRequired:!0,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!1,guidanceScale:!0,guidanceScaleDefault:K[F],outputFormat:!1,tools:!1};default:return xe}}const Ne=[B,R,j,L];function We(e,t){if(!e)return[];const d=t.model??e.model;if(!d)return[];const o=w(d),m=[];Array.isArray(e.image)&&e.image.length>0&&!o.image&&m.push({field:"image",i18nLabel:"seedream.name.imageUrls"});const p=typeof e.size=="string"?e.size:void 0;if(p){const u=p.toUpperCase();Ne.includes(u)&&!o.sizeTiers.includes(u)?m.push({field:"size",i18nLabel:"seedream.name.size"}):p==="adaptive"&&!o.sizeAdaptive&&m.push({field:"size",i18nLabel:"seedream.name.size"})}return e.sequential_image_generation==="auto"&&!o.groupGeneration&&m.push({field:"sequential_image_generation",i18nLabel:"seedream.name.maxImages"}),e.seed!==void 0&&e.seed!==null&&!o.seed&&m.push({field:"seed",i18nLabel:"seedream.name.seed"}),e.guidance_scale!==void 0&&e.guidance_scale!==null&&!o.guidanceScale&&m.push({field:"guidance_scale",i18nLabel:"seedream.name.guidanceScale"}),e.output_format&&!o.outputFormat&&m.push({field:"output_format",i18nLabel:"seedream.name.outputFormat"}),Array.isArray(e.tools)&&e.tools.length>0&&!o.tools&&m.push({field:"tools",i18nLabel:"seedream.name.tools"}),m}function Ke(e,t,d){const o={...e},m=d.model??e.model,p=w(m);for(const u of t)switch(u.field){case"image":delete o.image;break;case"size":p.sizePixelDefault?o.size=p.sizePixelDefault:delete o.size;break;case"sequential_image_generation":o.sequential_image_generation="disabled",delete o.sequential_image_generation_options;break;case"seed":delete o.seed;break;case"guidance_scale":delete o.guidance_scale;break;case"output_format":delete o.output_format;break;case"tools":delete o.tools;break}return o}const Ze=k({name:"SeedreamImageInput",components:{ElUpload:ve,ElButton:P,InfoIcon:I,ImagePreview:te,FontAwesomeIcon:q},mixins:[ge],data(){return{fileList:[],uploadUrl:ne()+"/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.seedream?.config?.image},model(){return this.$store.state.seedream?.config?.model},supported(){return w(this.model).image}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const o=(this.fileList||[]).filter(m=>!m?.response?.file_url);this.fileList=o.length?o:[];return}const t=[];e.forEach(o=>{const m=this.fileList.find(p=>p?.response?.file_url===o||p?.url===o);m?t.push(m):t.push({name:o.split("/").pop()||o,url:o,status:"success",percentage:100,response:{file_url:o}})}),(this.fileList||[]).filter(o=>!o?.response?.file_url).forEach(o=>{t.some(p=>p===o||p?.url===o?.url||p?.response?.file_url===o?.response?.file_url)||t.push(o)}),this.fileList=t}}},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.onSetImages()},onExceed(){z.warning(this.$t("seedream.message.uploadImageExceed"))},onError(){z.error(this.$t("seedream.message.uploadImageError"))},onSetImages(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,image:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImages()},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.onSetImages()}}}),He={key:0},Xe={class:"field"},Je={class:"label"},Qe={class:"box"},Ye={class:"title font-bold"},et={class:"value"},tt={class:"file-list mt-2 flex flex-wrap gap-[10px]"};function st(e,t,d,o,m,p){const u=a("info-icon"),f=a("font-awesome-icon"),l=a("el-button"),_=a("el-upload"),h=a("image-preview");return e.supported?(n(),c("div",He,[i("div",Xe,[i("div",Je,[i("div",Qe,[i("h2",Ye,r(e.$t("seedream.name.imageUrls")),1),s(u,{content:e.$t("seedream.description.imageUrls"),class:"info"},null,8,["content"])])]),i("div",et,[s(_,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=E=>e.fileList=E),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",limit:14,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(l,{size:"small",type:"primary",round:""},{default:$(()=>[s(f,{icon:"fa-solid fa-upload",class:"mr-1"}),g(" "+r(e.$t("seedream.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"])])]),i("div",tt,[(n(!0),c(S,null,A(e.fileList,(E,T)=>(n(),b(h,{key:E.uid||E?.response?.file_url||E.url||T,url:E.url||E?.response?.file_url,name:E.name,percentage:E.percentage,onRemove:C=>e.onRemovePreview(T,E)},null,8,["url","name","percentage","onRemove"]))),128))])])):v("",!0)}const ot=y(Ze,[["render",st],["__scopeId","data-v-2aa4829c"]]),at=k({name:"SeedreamModelSelector",components:{ElSelect:N,ElOption:x,InfoIcon:I},data(){return{revertKey:0,options:[{value:Y,label:this.$t("seedream.model.seedream50")},{value:Q,label:this.$t("seedream.model.seedream45")},{value:J,label:this.$t("seedream.model.seedream40")},{value:O,label:this.$t("seedream.model.seedream30t2i")},{value:F,label:this.$t("seedream.model.seededit30i2i")}]}},computed:{value(){return this.$store.state.seedream?.config?.model}},mounted(){this.value||this.applyModel(re)},methods:{async onChange(e){const t=this.$store.state.seedream?.config||{},d=We(t,{model:e});if(d.length===0){this.applyModel(e);return}const o=d.map(m=>this.$t(m.i18nLabel)).join("、");try{await ye.confirm(this.$t("seedream.message.featureNotSupportedBody",{fields:o}),this.$t("seedream.message.featureNotSupportedTitle"),{confirmButtonText:this.$t("seedream.button.confirmContinue"),cancelButtonText:this.$t("seedream.button.cancelSwitch"),type:"warning"});const m=Ke({...t,model:e},d,{model:e});this.$store.commit("seedream/setConfig",m),z.success(this.$t("seedream.message.featureRemovedNotice",{fields:o}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,model:e})}}}),nt={class:"field"},rt={class:"label"},it={class:"box"},lt={class:"title font-bold"};function ct(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return n(),c("div",nt,[i("div",rt,[i("div",it,[i("h2",lt,r(e.$t("seedream.name.model")),1),s(u,{content:e.$t("seedream.description.model"),class:"info"},null,8,["content"])])]),(n(),b(l,{key:e.revertKey,"model-value":e.value,class:"value",placeholder:e.$t("seedream.placeholder.select"),onChange:e.onChange},{default:$(()=>[(n(!0),c(S,null,A(e.options,_=>(n(),b(f,{key:_.value,label:_.label,value:_.value},null,8,["label","value"]))),128))]),_:1},8,["model-value","placeholder","onChange"]))])}const dt=y(at,[["render",ct],["__scopeId","data-v-8892a12c"]]),mt=k({name:"SeedreamSizeSelector",components:{ElSelect:N,ElOption:x,ElOptionGroup:ke,InfoIcon:I},data(){return{SEEDREAM_SIZE_ADAPTIVE:le,pixelOptions:ie}},computed:{model(){return this.$store.state.seedream?.config?.model},capabilities(){return w(this.model)},value:{get(){return this.$store.state.seedream?.config?.size},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,size:e})}}},watch:{model:{immediate:!0,handler(){if(this.value)return;const e=this.capabilities;e.sizeTiers.length?this.value=e.sizeTiers.includes(Z)?Z:e.sizeTiers[0]:e.sizePixelDefault&&(this.value=e.sizePixelDefault)}}}}),ut={class:"field"},pt={class:"label"},ft={class:"box"},_t={class:"title font-bold"};function gt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-option"),l=a("el-option-group"),_=a("el-select");return n(),c("div",ut,[i("div",pt,[i("div",ft,[i("h2",_t,r(e.$t("seedream.name.size")),1),s(u,{content:e.$t("seedream.description.size"),class:"info"},null,8,["content"])])]),s(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=h=>e.value=h),class:"value",placeholder:e.$t("seedream.placeholder.size"),filterable:"","allow-create":"","default-first-option":""},{default:$(()=>[e.capabilities.sizeTiers.length?(n(),b(l,{key:0,label:e.$t("seedream.size.group.tier")},{default:$(()=>[(n(!0),c(S,null,A(e.capabilities.sizeTiers,h=>(n(),b(f,{key:h,label:h,value:h},null,8,["label","value"]))),128))]),_:1},8,["label"])):v("",!0),e.capabilities.sizeAdaptive?(n(),b(l,{key:1,label:e.$t("seedream.size.group.adaptive")},{default:$(()=>[(n(),b(f,{key:e.SEEDREAM_SIZE_ADAPTIVE,label:e.$t("seedream.size.adaptive"),value:e.SEEDREAM_SIZE_ADAPTIVE},null,8,["label","value"]))]),_:1},8,["label"])):v("",!0),s(l,{label:e.$t("seedream.size.group.pixel")},{default:$(()=>[(n(!0),c(S,null,A(e.pixelOptions,h=>(n(),b(f,{key:h.value,label:`${h.value} (${h.ratio})`,value:h.value},null,8,["label","value"]))),128))]),_:1},8,["label"])]),_:1},8,["modelValue","placeholder"])])}const ht=y(mt,[["render",gt],["__scopeId","data-v-dd7bd021"]]),$t=k({name:"SeedreamMaxImagesSelector",components:{ElInputNumber:W,InfoIcon:I},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).groupGeneration},referenceImageCount(){const e=this.config?.image;return Array.isArray(e)?e.length:0},effectiveMax(){const e=H-this.referenceImageCount;return Math.max(1,Math.min(H,e))},value:{get(){const e=this.config?.sequential_image_generation_options?.max_images;return typeof e=="number"&&e>=1?e:ce},set(e){const t={...this.config||{}},d=Math.max(1,Math.min(this.effectiveMax,Math.floor(e||1)));d>1?(t.sequential_image_generation="auto",t.sequential_image_generation_options={...t.sequential_image_generation_options||{},max_images:d}):(t.sequential_image_generation="disabled",t.sequential_image_generation_options&&delete t.sequential_image_generation_options),this.$store.commit("seedream/setConfig",t)}}},watch:{effectiveMax(e){this.value>e&&(this.value=e)}}}),vt={key:0,class:"field"},bt={class:"label"},Et={class:"box"},kt={class:"title font-bold"},yt={class:"value"};function St(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",vt,[i("div",bt,[i("div",Et,[i("h2",kt,r(e.$t("seedream.name.maxImages")),1),s(u,{content:e.$t("seedream.description.maxImages"),class:"info"},null,8,["content"])])]),i("div",yt,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:e.effectiveMax,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue","max"])])])):v("",!0)}const wt=y($t,[["render",St],["__scopeId","data-v-f079fd20"]]),At=k({name:"SeedreamOutputFormatSelector",components:{ElSelect:N,ElOption:x,InfoIcon:I},data(){return{options:[...de]}},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).outputFormat},value:{get(){return this.config?.output_format},set(e){const t={...this.config||{}};t.output_format=e,this.$store.commit("seedream/setConfig",t)}}}}),It={key:0,class:"field"},Vt={class:"label"},zt={class:"box"},Tt={class:"title font-bold"};function Mt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return e.supported?(n(),c("div",It,[i("div",Vt,[i("div",zt,[i("h2",Tt,r(e.$t("seedream.name.outputFormat")),1),s(u,{content:e.$t("seedream.description.outputFormat"),class:"info"},null,8,["content"])])]),s(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=_=>e.value=_),class:"value",placeholder:e.$t("seedream.placeholder.select")},{default:$(()=>[(n(!0),c(S,null,A(e.options,_=>(n(),b(f,{key:_,label:_.toUpperCase(),value:_},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])):v("",!0)}const Rt=y(At,[["render",Mt],["__scopeId","data-v-69ea4c07"]]),Lt=k({name:"SeedreamSeedInput",components:{ElInputNumber:W,InfoIcon:I},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).seed},value:{get(){const e=this.config?.seed;return typeof e=="number"?e:-1},set(e){const t={...this.config||{}},d=typeof e=="number"&&Number.isInteger(e)?e:-1;t.seed=d,this.$store.commit("seedream/setConfig",t)}}}}),Dt={key:0,class:"field"},Ct={class:"label"},qt={class:"box"},Pt={class:"title font-bold"},Ut={class:"value"};function Gt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",Dt,[i("div",Ct,[i("div",qt,[i("h2",Pt,r(e.$t("seedream.name.seed")),1),s(u,{content:e.$t("seedream.description.seed"),class:"info"},null,8,["content"])])]),i("div",Ut,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:-1,max:2147483647,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const Ft=y(Lt,[["render",Gt],["__scopeId","data-v-10cdc1e0"]]),Ot=k({name:"SeedreamGuidanceScaleInput",components:{ElInputNumber:W,InfoIcon:I},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).guidanceScale},defaultValue(){return w(this.config?.model).guidanceScaleDefault??2.5},value:{get(){const e=this.config?.guidance_scale;return typeof e=="number"?e:this.defaultValue},set(e){const t={...this.config||{}},d=typeof e=="number"&&e>=1&&e<=10?e:this.defaultValue;t.guidance_scale=d,this.$store.commit("seedream/setConfig",t)}}}}),Bt={key:0,class:"field"},jt={class:"label"},xt={class:"box"},Nt={class:"title font-bold"},Wt={class:"value"};function Kt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",Bt,[i("div",jt,[i("div",xt,[i("h2",Nt,r(e.$t("seedream.name.guidanceScale")),1),s(u,{content:e.$t("seedream.description.guidanceScale"),class:"info"},null,8,["content"])])]),i("div",Wt,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:10,step:.1,precision:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const Zt=y(Ot,[["render",Kt],["__scopeId","data-v-7386f064"]]),Ht=k({name:"SeedreamWatermarkSwitch",components:{ElSwitch:Se,InfoIcon:I},computed:{value:{get(){const e=this.$store.state.seedream?.config?.watermark;return e===void 0?me:!!e},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,watermark:e})}}}}),Xt={class:"field"},Jt={class:"label"},Qt={class:"box"},Yt={class:"title font-bold"},es={class:"value"};function ts(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-switch");return n(),c("div",Xt,[i("div",Jt,[i("div",Qt,[i("h2",Yt,r(e.$t("seedream.name.watermark")),1),s(u,{content:e.$t("seedream.description.watermark"),class:"info"},null,8,["content"])])]),i("div",es,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"])])])}const ss=y(Ht,[["render",ts],["__scopeId","data-v-9e2abf0f"]]),os=k({name:"SeedreamConfigPanel",components:{ElButton:P,FontAwesomeIcon:q,PromptInput:je,Consumption:be,ImageInput:ot,ModelSelector:dt,SizeSelector:ht,MaxImagesSelector:wt,OutputFormatSelector:Rt,SeedInput:Ft,GuidanceScaleInput:Zt,WatermarkSwitch:ss},emits:["generate"],computed:{config(){return this.$store.state.seedream?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image)&&e.image.length>0,d=e?.sequential_image_generation==="auto"?Math.max(1,Math.floor(e?.sequential_image_generation_options?.max_images||1)):1;return Ee({...e,action:t?"edit":"generate",model:ee(e?.model),count:d},this.service?.cost)},service(){return this.$store.state.seedream?.service}},methods:{onGenerate(){this.$emit("generate")}}}),as={class:"flex flex-col h-full"},ns={class:"flex-1 overflow-y-auto p-5"},rs={class:"flex flex-col items-center justify-center px-5 pb-5"};function is(e,t,d,o,m,p){const u=a("model-selector"),f=a("size-selector"),l=a("max-images-selector"),_=a("output-format-selector"),h=a("seed-input"),E=a("guidance-scale-input"),T=a("watermark-switch"),C=a("prompt-input"),U=a("image-input"),V=a("consumption"),M=a("font-awesome-icon"),se=a("el-button");return n(),c("div",as,[i("div",ns,[s(u,{class:"mb-4"}),s(f,{class:"mb-4"}),s(l,{class:"mb-4"}),s(_,{class:"mb-4"}),s(h,{class:"mb-4"}),s(E,{class:"mb-4"}),s(T,{class:"mb-4"}),s(C,{class:"mb-4"}),s(U,{class:"mb-4"})]),i("div",rs,[s(V,{value:e.consumption,service:e.service},null,8,["value","service"]),s(se,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[s(M,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+r(e.$t("seedream.button.generate")),1)]),_:1},8,["onClick"])])])}const ls=y(os,[["render",is]]),cs=k({name:"SeedreamTaskPreview",components:{ElImage:Re,CopyToClipboard:Ie,FontAwesomeIcon:q,ElAlert:Me,ImageWrapper:Ve,ElButton:P,ElTooltip:Te,ImagePreview:te,ApiCodeButton:ze},props:{modelValue:{type:Object,required:!0}},computed:{isEdit(){return Array.isArray(this.modelValue?.request?.image)&&(this.modelValue?.request?.image?.length||0)>0},images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{shortModel(e){return ee(e)||e},onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.seedream?.config||{}};t.image=[e],this.$store.commit("seedream/setConfig",t)}}}),ds={class:"preview"},ms={class:"left"},us={class:"main"},ps={class:"bot"},fs={class:"datetime"},_s={class:"info"},gs={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},hs={key:1,class:"prompt mt-2"},$s={key:0},vs={key:0,class:D({content:!0})},bs={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Es={key:1,class:D({content:!0,failed:!0})},ks={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ys={class:D({operations:!0,"mt-2":!0,"mb-2":!0})},Ss={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ws={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},As={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Is={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ts={key:2,class:D({content:!0})},Ms={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ls={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ds={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Cs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ps={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Us={key:3,class:D({content:!0})},Gs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Fs={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Os(e,t,d,o,m,p){const u=a("el-image"),f=a("image-preview"),l=a("font-awesome-icon"),_=a("copy-to-clipboard"),h=a("el-alert"),E=a("image-wrapper"),T=a("el-button"),C=a("el-tooltip"),U=a("api-code-button");return n(),c("div",ds,[i("div",ms,[s(u,{src:"https://cdn.acedata.cloud/9egrbn.png",class:"avatar"})]),i("div",us,[i("div",ps,[g(r(e.$t("seedream.name.seedreamBot"))+" ",1),i("span",fs,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",_s,[Array.isArray(e.modelValue?.request?.image)&&e.modelValue?.request?.image.length>0?(n(),c("div",gs,[(n(!0),c(S,null,A(e.modelValue?.request?.image,(V,M)=>(n(),b(f,{key:M,url:V,name:`image-${M+1}`,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(n(),c("p",hs,[g(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?v("",!0):(n(),c("span",$s," - ("+r(e.$t("seedream.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(n(),c("div",Es,[i("div",ks,[(n(!0),c(S,null,A(e.images,(V,M)=>(n(),b(E,{key:M,src:V?.image_url,"raw-src":V?.image_url},null,8,["src","raw-src"]))),128))]),i("div",ys,[s(C,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[s(T,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=ae(V=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[g(r(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"]),s(U,{path:"/seedream/images",body:e.modelValue?.request},null,8,["body"])]),s(h,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Ss,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",ws,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",As,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",Is,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",Vs,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",zs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),c("div",Ts,[s(h,{closable:!1,class:"failure"},{template:$(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Ms,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",Rs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",Ls,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",Ds,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.error?.message?(n(),c("p",Cs,[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),s(_,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])])):v("",!0),e.modelValue?.elapsed?(n(),c("p",qs,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",Ps,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",Us,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.status")),1)]),default:$(()=>[i("p",Gs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Fs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",vs,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-regular fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.status.pending")),1)]),default:$(()=>[i("p",bs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const Bs=y(cs,[["render",Os],["__scopeId","data-v-586bacbc"]]),js=k({name:"SeedreamRecentPanel",components:{TaskPreview:Bs,BotPlaceholder:Le,NoTasks:_e,ScrollList:he},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedream?.tasks,items:this.$store.state.seedream?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),xs={key:0},Ns={key:2,class:"w-full h-full flex items-center justify-center"};function Ws(e,t,d,o,m,p){const u=a("bot-placeholder"),f=a("task-preview"),l=a("scroll-list"),_=a("no-tasks");return n(),c(S,null,[e.tasks?.items===void 0?(n(),c("div",xs,[s(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),b(l,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=h=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),c(S,null,A(e.tasks?.items,h=>(n(),b(f,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(n(),c("div",Ns,[s(_)])):v("",!0)],64)}const Ks=y(js,[["render",Ws]]),Zs=pe("seedream"),Hs=k({name:"SeedreamIndex",components:{ConfigPanel:ls,Layout:Ge,RecentPanel:Ks},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.seedream?.status?.getApplications===X.Request},tasksLoading(){return this.$store.state.seedream?.status?.getTasks===X.Request},credential(){return this.$store.state.seedream?.credential},config(){return this.$store.state.seedream?.config},application(){return this.$store.state.seedream?.application},tasks(){return this.$store.state.seedream?.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 $e({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("seedream/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("seedream/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:d,createdAtMax:o}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",o),await this.$store.dispatch("seedream/getTasks",{limit:t,createdAtMin:d,createdAtMax:o})},async onGenerate(){const e={...this.config||{}};!(Array.isArray(e?.image)&&e.image.length>0)&&"image"in e&&delete e.image,e?.size||delete e.size;const d={...e,callback_url:Zs},o=this.credential?.token;if(!o){console.error("no token specified");return}z.info(this.$t("seedream.message.startingTask")),ue("seedream",Ae.generate(d,{token:o})).then(()=>{z.success(this.$t("seedream.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===we?z.error(this.$t("seedream.message.usedUp")):z.error(this.$t("seedream.message.startTaskFailed")+(p?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Xs(e,t,d,o,m,p){const u=a("config-panel"),f=a("recent-panel"),l=a("layout");return n(),b(l,null,{config:$(()=>[s(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[s(f,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xo=y(Hs,[["render",Xs]]);export{Xo as default};
+import{F as q}from"./index.es-CA2p-8-G.js";import{E as P}from"./index-DlakC5J1.js";import{E as oe}from"./index-DGE-CrQc.js";import{d as k,H as c,E as i,z as G,C as s,y as $,D as a,q as n,x as b,F as r,I as g,O as S,N as A,J as v,M as ae,Q as D}from"./vendor-vue-NSDaktjZ.js";import{H as y,dq as B,dr as R,ds as j,dt as L,du as F,dv as K,dw as O,dx as J,dy as Q,dz as Y,bp as ne,dA as re,dB as Z,dC as ie,dD as le,dE as ce,dF as H,dG as de,dH as me,dI as ee,cs as ue,S as X,ct as pe}from"./index-B7ZgQCNK.js";import{P as fe,N as _e}from"./NoTasks-P5z0AV5a.js";import{p as ge}from"./pasteUploadMixin-BurWbGNQ.js";import{I,S as he,l as $e}from"./pagination-C9eC8ART.js";import{I as te}from"./ImagePreview-DzK-957W.js";import{E as ve}from"./index-DYt88ryy.js";import{E as z}from"./index-C-TmGRF5.js";import{C as be}from"./Consumption-BrQzLdsc.js";import{a as Ee}from"./price-BMAdoXFE.js";import{E as x,a as N,b as ke}from"./index-CHjvYGBU.js";import{E as ye}from"./index-DjBbTUF7.js";import{E as W}from"./index-BdF17l0J.js";import{E as Se}from"./index-EUe4Ft2S.js";import{b as we}from"./errorCode-Cqj9Td_Z.js";import{s as Ae}from"./seedream-BqXciL2k.js";import{C as Ie}from"./CopyToClipboard-VZJ2NnhP.js";import{I as Ve}from"./ImageWrapper-jhOsGrk1.js";import{A as ze}from"./ApiCodeButton-B26yfR0z.js";import{E as Te}from"./index-BVZsCQrf.js";import{E as Me}from"./index-CVClSd-S.js";import{E as Re}from"./index-DhtlAKkd.js";import{B as Le}from"./BotPlaceholder-DDZuzwFC.js";import"./use-form-item-DhNSzwpq.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-CdvqGHIh.js";import"./typescript-BbbVaHoJ.js";import"./index-C82XZnIp.js";import"./index-Ba3s4mPA.js";import"./highlight-Vrp2KPVO.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BiomPG-9.js";import"./_baseClone-_8u1kU_V.js";import"./_Uint8Array-BUG16Gby.js";import"./_initCloneObject-DcCY9ebE.js";import"./isEqual-D5pTjIkZ.js";import"./index-Dvcbow1o.js";import"./strings-beZM2Y-f.js";import"./castArray-DWW8N59K.js";import"./debounce-DW1ejlQC.js";import"./_baseIteratee-B6-8nKf7.js";import"./index-BC876eNU.js";import"./validator-Cxg0pc5R.js";import"./index-Cu41y2Fl.js";import"./index-DjKtM4y2.js";const De=k({name:"LayoutSeedream",components:{ElDrawer:oe,ElButton:P,FontAwesomeIcon:q},data(){return{drawer:!1}}}),Ce={class:"main flex flex-row flex-1"},qe={class:"config w-[320px] 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 bg-[var(--app-content-bg)]"};function Ue(e,t,d,o,m,p){const u=a("font-awesome-icon"),f=a("el-button"),l=a("el-drawer");return n(),c("div",Ce,[i("div",qe,[G(e.$slots,"config",{},void 0,!0)]),i("div",Pe,[G(e.$slots,"result",{},void 0,!0)]),s(f,{circle:"",class:"menu",onClick:t[0]||(t[0]=_=>e.drawer=!0)},{default:$(()=>[s(u,{icon:"fa-solid fa-magic"})]),_:1}),s(l,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=_=>e.drawer=_),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[G(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Ge=y(De,[["render",Ue],["__scopeId","data-v-f2a6eb9e"]]),Fe="",Oe=k({name:"SeedreamPromptInput",components:{PromptTextarea:fe},computed:{prompt:{get(){return this.$store.state.seedream?.config?.prompt},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Fe)}});function Be(e,t,d,o,m,p){const u=a("prompt-textarea");return n(),b(u,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=f=>e.prompt=f),title:e.$t("seedream.name.prompt"),info:e.$t("seedream.description.prompt"),placeholder:e.$t("seedream.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const je=y(Oe,[["render",Be]]),xe={image:!0,imageRequired:!1,sizeTiers:[B,R,j,L],sizeAdaptive:!0,sizePixel:!0,sizePixelDefault:void 0,groupGeneration:!1,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};function w(e){switch(e){case Y:return{image:!0,imageRequired:!1,sizeTiers:[R,j,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!0,tools:!0};case Q:return{image:!0,imageRequired:!1,sizeTiers:[R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case J:return{image:!0,imageRequired:!1,sizeTiers:[B,R,L],sizeAdaptive:!0,sizePixel:!0,groupGeneration:!0,seed:!1,guidanceScale:!1,outputFormat:!1,tools:!1};case O:return{image:!1,imageRequired:!1,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!0,guidanceScale:!0,guidanceScaleDefault:K[O],outputFormat:!1,tools:!1};case F:return{image:!0,imageRequired:!0,sizeTiers:[],sizeAdaptive:!1,sizePixel:!0,sizePixelDefault:"1024x1024",groupGeneration:!1,seed:!1,guidanceScale:!0,guidanceScaleDefault:K[F],outputFormat:!1,tools:!1};default:return xe}}const Ne=[B,R,j,L];function We(e,t){if(!e)return[];const d=t.model??e.model;if(!d)return[];const o=w(d),m=[];Array.isArray(e.image)&&e.image.length>0&&!o.image&&m.push({field:"image",i18nLabel:"seedream.name.imageUrls"});const p=typeof e.size=="string"?e.size:void 0;if(p){const u=p.toUpperCase();Ne.includes(u)&&!o.sizeTiers.includes(u)?m.push({field:"size",i18nLabel:"seedream.name.size"}):p==="adaptive"&&!o.sizeAdaptive&&m.push({field:"size",i18nLabel:"seedream.name.size"})}return e.sequential_image_generation==="auto"&&!o.groupGeneration&&m.push({field:"sequential_image_generation",i18nLabel:"seedream.name.maxImages"}),e.seed!==void 0&&e.seed!==null&&!o.seed&&m.push({field:"seed",i18nLabel:"seedream.name.seed"}),e.guidance_scale!==void 0&&e.guidance_scale!==null&&!o.guidanceScale&&m.push({field:"guidance_scale",i18nLabel:"seedream.name.guidanceScale"}),e.output_format&&!o.outputFormat&&m.push({field:"output_format",i18nLabel:"seedream.name.outputFormat"}),Array.isArray(e.tools)&&e.tools.length>0&&!o.tools&&m.push({field:"tools",i18nLabel:"seedream.name.tools"}),m}function Ke(e,t,d){const o={...e},m=d.model??e.model,p=w(m);for(const u of t)switch(u.field){case"image":delete o.image;break;case"size":p.sizePixelDefault?o.size=p.sizePixelDefault:delete o.size;break;case"sequential_image_generation":o.sequential_image_generation="disabled",delete o.sequential_image_generation_options;break;case"seed":delete o.seed;break;case"guidance_scale":delete o.guidance_scale;break;case"output_format":delete o.output_format;break;case"tools":delete o.tools;break}return o}const Ze=k({name:"SeedreamImageInput",components:{ElUpload:ve,ElButton:P,InfoIcon:I,ImagePreview:te,FontAwesomeIcon:q},mixins:[ge],data(){return{fileList:[],uploadUrl:ne()+"/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.seedream?.config?.image},model(){return this.$store.state.seedream?.config?.model},supported(){return w(this.model).image}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const o=(this.fileList||[]).filter(m=>!m?.response?.file_url);this.fileList=o.length?o:[];return}const t=[];e.forEach(o=>{const m=this.fileList.find(p=>p?.response?.file_url===o||p?.url===o);m?t.push(m):t.push({name:o.split("/").pop()||o,url:o,status:"success",percentage:100,response:{file_url:o}})}),(this.fileList||[]).filter(o=>!o?.response?.file_url).forEach(o=>{t.some(p=>p===o||p?.url===o?.url||p?.response?.file_url===o?.response?.file_url)||t.push(o)}),this.fileList=t}}},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.onSetImages()},onExceed(){z.warning(this.$t("seedream.message.uploadImageExceed"))},onError(){z.error(this.$t("seedream.message.uploadImageError"))},onSetImages(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,image:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImages()},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.onSetImages()}}}),He={key:0},Xe={class:"field"},Je={class:"label"},Qe={class:"box"},Ye={class:"title font-bold"},et={class:"value"},tt={class:"file-list mt-2 flex flex-wrap gap-[10px]"};function st(e,t,d,o,m,p){const u=a("info-icon"),f=a("font-awesome-icon"),l=a("el-button"),_=a("el-upload"),h=a("image-preview");return e.supported?(n(),c("div",He,[i("div",Xe,[i("div",Je,[i("div",Qe,[i("h2",Ye,r(e.$t("seedream.name.imageUrls")),1),s(u,{content:e.$t("seedream.description.imageUrls"),class:"info"},null,8,["content"])])]),i("div",et,[s(_,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=E=>e.fileList=E),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",limit:14,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(l,{size:"small",type:"primary",round:""},{default:$(()=>[s(f,{icon:"fa-solid fa-upload",class:"mr-1"}),g(" "+r(e.$t("seedream.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"])])]),i("div",tt,[(n(!0),c(S,null,A(e.fileList,(E,T)=>(n(),b(h,{key:E.uid||E?.response?.file_url||E.url||T,url:E.url||E?.response?.file_url,name:E.name,percentage:E.percentage,onRemove:C=>e.onRemovePreview(T,E)},null,8,["url","name","percentage","onRemove"]))),128))])])):v("",!0)}const ot=y(Ze,[["render",st],["__scopeId","data-v-2aa4829c"]]),at=k({name:"SeedreamModelSelector",components:{ElSelect:N,ElOption:x,InfoIcon:I},data(){return{revertKey:0,options:[{value:Y,label:this.$t("seedream.model.seedream50")},{value:Q,label:this.$t("seedream.model.seedream45")},{value:J,label:this.$t("seedream.model.seedream40")},{value:O,label:this.$t("seedream.model.seedream30t2i")},{value:F,label:this.$t("seedream.model.seededit30i2i")}]}},computed:{value(){return this.$store.state.seedream?.config?.model}},mounted(){this.value||this.applyModel(re)},methods:{async onChange(e){const t=this.$store.state.seedream?.config||{},d=We(t,{model:e});if(d.length===0){this.applyModel(e);return}const o=d.map(m=>this.$t(m.i18nLabel)).join("、");try{await ye.confirm(this.$t("seedream.message.featureNotSupportedBody",{fields:o}),this.$t("seedream.message.featureNotSupportedTitle"),{confirmButtonText:this.$t("seedream.button.confirmContinue"),cancelButtonText:this.$t("seedream.button.cancelSwitch"),type:"warning"});const m=Ke({...t,model:e},d,{model:e});this.$store.commit("seedream/setConfig",m),z.success(this.$t("seedream.message.featureRemovedNotice",{fields:o}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,model:e})}}}),nt={class:"field"},rt={class:"label"},it={class:"box"},lt={class:"title font-bold"};function ct(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return n(),c("div",nt,[i("div",rt,[i("div",it,[i("h2",lt,r(e.$t("seedream.name.model")),1),s(u,{content:e.$t("seedream.description.model"),class:"info"},null,8,["content"])])]),(n(),b(l,{key:e.revertKey,"model-value":e.value,class:"value",placeholder:e.$t("seedream.placeholder.select"),onChange:e.onChange},{default:$(()=>[(n(!0),c(S,null,A(e.options,_=>(n(),b(f,{key:_.value,label:_.label,value:_.value},null,8,["label","value"]))),128))]),_:1},8,["model-value","placeholder","onChange"]))])}const dt=y(at,[["render",ct],["__scopeId","data-v-8892a12c"]]),mt=k({name:"SeedreamSizeSelector",components:{ElSelect:N,ElOption:x,ElOptionGroup:ke,InfoIcon:I},data(){return{SEEDREAM_SIZE_ADAPTIVE:le,pixelOptions:ie}},computed:{model(){return this.$store.state.seedream?.config?.model},capabilities(){return w(this.model)},value:{get(){return this.$store.state.seedream?.config?.size},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,size:e})}}},watch:{model:{immediate:!0,handler(){if(this.value)return;const e=this.capabilities;e.sizeTiers.length?this.value=e.sizeTiers.includes(Z)?Z:e.sizeTiers[0]:e.sizePixelDefault&&(this.value=e.sizePixelDefault)}}}}),ut={class:"field"},pt={class:"label"},ft={class:"box"},_t={class:"title font-bold"};function gt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-option"),l=a("el-option-group"),_=a("el-select");return n(),c("div",ut,[i("div",pt,[i("div",ft,[i("h2",_t,r(e.$t("seedream.name.size")),1),s(u,{content:e.$t("seedream.description.size"),class:"info"},null,8,["content"])])]),s(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=h=>e.value=h),class:"value",placeholder:e.$t("seedream.placeholder.size"),filterable:"","allow-create":"","default-first-option":""},{default:$(()=>[e.capabilities.sizeTiers.length?(n(),b(l,{key:0,label:e.$t("seedream.size.group.tier")},{default:$(()=>[(n(!0),c(S,null,A(e.capabilities.sizeTiers,h=>(n(),b(f,{key:h,label:h,value:h},null,8,["label","value"]))),128))]),_:1},8,["label"])):v("",!0),e.capabilities.sizeAdaptive?(n(),b(l,{key:1,label:e.$t("seedream.size.group.adaptive")},{default:$(()=>[(n(),b(f,{key:e.SEEDREAM_SIZE_ADAPTIVE,label:e.$t("seedream.size.adaptive"),value:e.SEEDREAM_SIZE_ADAPTIVE},null,8,["label","value"]))]),_:1},8,["label"])):v("",!0),s(l,{label:e.$t("seedream.size.group.pixel")},{default:$(()=>[(n(!0),c(S,null,A(e.pixelOptions,h=>(n(),b(f,{key:h.value,label:`${h.value} (${h.ratio})`,value:h.value},null,8,["label","value"]))),128))]),_:1},8,["label"])]),_:1},8,["modelValue","placeholder"])])}const ht=y(mt,[["render",gt],["__scopeId","data-v-dd7bd021"]]),$t=k({name:"SeedreamMaxImagesSelector",components:{ElInputNumber:W,InfoIcon:I},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).groupGeneration},referenceImageCount(){const e=this.config?.image;return Array.isArray(e)?e.length:0},effectiveMax(){const e=H-this.referenceImageCount;return Math.max(1,Math.min(H,e))},value:{get(){const e=this.config?.sequential_image_generation_options?.max_images;return typeof e=="number"&&e>=1?e:ce},set(e){const t={...this.config||{}},d=Math.max(1,Math.min(this.effectiveMax,Math.floor(e||1)));d>1?(t.sequential_image_generation="auto",t.sequential_image_generation_options={...t.sequential_image_generation_options||{},max_images:d}):(t.sequential_image_generation="disabled",t.sequential_image_generation_options&&delete t.sequential_image_generation_options),this.$store.commit("seedream/setConfig",t)}}},watch:{effectiveMax(e){this.value>e&&(this.value=e)}}}),vt={key:0,class:"field"},bt={class:"label"},Et={class:"box"},kt={class:"title font-bold"},yt={class:"value"};function St(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",vt,[i("div",bt,[i("div",Et,[i("h2",kt,r(e.$t("seedream.name.maxImages")),1),s(u,{content:e.$t("seedream.description.maxImages"),class:"info"},null,8,["content"])])]),i("div",yt,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:e.effectiveMax,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue","max"])])])):v("",!0)}const wt=y($t,[["render",St],["__scopeId","data-v-f079fd20"]]),At=k({name:"SeedreamOutputFormatSelector",components:{ElSelect:N,ElOption:x,InfoIcon:I},data(){return{options:[...de]}},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).outputFormat},value:{get(){return this.config?.output_format},set(e){const t={...this.config||{}};t.output_format=e,this.$store.commit("seedream/setConfig",t)}}}}),It={key:0,class:"field"},Vt={class:"label"},zt={class:"box"},Tt={class:"title font-bold"};function Mt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-option"),l=a("el-select");return e.supported?(n(),c("div",It,[i("div",Vt,[i("div",zt,[i("h2",Tt,r(e.$t("seedream.name.outputFormat")),1),s(u,{content:e.$t("seedream.description.outputFormat"),class:"info"},null,8,["content"])])]),s(l,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=_=>e.value=_),class:"value",placeholder:e.$t("seedream.placeholder.select")},{default:$(()=>[(n(!0),c(S,null,A(e.options,_=>(n(),b(f,{key:_,label:_.toUpperCase(),value:_},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])):v("",!0)}const Rt=y(At,[["render",Mt],["__scopeId","data-v-69ea4c07"]]),Lt=k({name:"SeedreamSeedInput",components:{ElInputNumber:W,InfoIcon:I},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).seed},value:{get(){const e=this.config?.seed;return typeof e=="number"?e:-1},set(e){const t={...this.config||{}},d=typeof e=="number"&&Number.isInteger(e)?e:-1;t.seed=d,this.$store.commit("seedream/setConfig",t)}}}}),Dt={key:0,class:"field"},Ct={class:"label"},qt={class:"box"},Pt={class:"title font-bold"},Ut={class:"value"};function Gt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",Dt,[i("div",Ct,[i("div",qt,[i("h2",Pt,r(e.$t("seedream.name.seed")),1),s(u,{content:e.$t("seedream.description.seed"),class:"info"},null,8,["content"])])]),i("div",Ut,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:-1,max:2147483647,step:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const Ft=y(Lt,[["render",Gt],["__scopeId","data-v-10cdc1e0"]]),Ot=k({name:"SeedreamGuidanceScaleInput",components:{ElInputNumber:W,InfoIcon:I},computed:{config(){return this.$store.state.seedream?.config||{}},supported(){return w(this.config?.model).guidanceScale},defaultValue(){return w(this.config?.model).guidanceScaleDefault??2.5},value:{get(){const e=this.config?.guidance_scale;return typeof e=="number"?e:this.defaultValue},set(e){const t={...this.config||{}},d=typeof e=="number"&&e>=1&&e<=10?e:this.defaultValue;t.guidance_scale=d,this.$store.commit("seedream/setConfig",t)}}}}),Bt={key:0,class:"field"},jt={class:"label"},xt={class:"box"},Nt={class:"title font-bold"},Wt={class:"value"};function Kt(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-input-number");return e.supported?(n(),c("div",Bt,[i("div",jt,[i("div",xt,[i("h2",Nt,r(e.$t("seedream.name.guidanceScale")),1),s(u,{content:e.$t("seedream.description.guidanceScale"),class:"info"},null,8,["content"])])]),i("div",Wt,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l),min:1,max:10,step:.1,precision:1,size:"default","controls-position":"right",class:"counter"},null,8,["modelValue"])])])):v("",!0)}const Zt=y(Ot,[["render",Kt],["__scopeId","data-v-7386f064"]]),Ht=k({name:"SeedreamWatermarkSwitch",components:{ElSwitch:Se,InfoIcon:I},computed:{value:{get(){const e=this.$store.state.seedream?.config?.watermark;return e===void 0?me:!!e},set(e){this.$store.commit("seedream/setConfig",{...this.$store.state.seedream?.config,watermark:e})}}}}),Xt={class:"field"},Jt={class:"label"},Qt={class:"box"},Yt={class:"title font-bold"},es={class:"value"};function ts(e,t,d,o,m,p){const u=a("info-icon"),f=a("el-switch");return n(),c("div",Xt,[i("div",Jt,[i("div",Qt,[i("h2",Yt,r(e.$t("seedream.name.watermark")),1),s(u,{content:e.$t("seedream.description.watermark"),class:"info"},null,8,["content"])])]),i("div",es,[s(f,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=l=>e.value=l)},null,8,["modelValue"])])])}const ss=y(Ht,[["render",ts],["__scopeId","data-v-9e2abf0f"]]),os=k({name:"SeedreamConfigPanel",components:{ElButton:P,FontAwesomeIcon:q,PromptInput:je,Consumption:be,ImageInput:ot,ModelSelector:dt,SizeSelector:ht,MaxImagesSelector:wt,OutputFormatSelector:Rt,SeedInput:Ft,GuidanceScaleInput:Zt,WatermarkSwitch:ss},emits:["generate"],computed:{config(){return this.$store.state.seedream?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image)&&e.image.length>0,d=e?.sequential_image_generation==="auto"?Math.max(1,Math.floor(e?.sequential_image_generation_options?.max_images||1)):1;return Ee({...e,action:t?"edit":"generate",model:ee(e?.model),count:d},this.service?.cost)},service(){return this.$store.state.seedream?.service}},methods:{onGenerate(){this.$emit("generate")}}}),as={class:"flex flex-col h-full"},ns={class:"flex-1 overflow-y-auto p-5"},rs={class:"flex flex-col items-center justify-center px-5 pb-5"};function is(e,t,d,o,m,p){const u=a("model-selector"),f=a("size-selector"),l=a("max-images-selector"),_=a("output-format-selector"),h=a("seed-input"),E=a("guidance-scale-input"),T=a("watermark-switch"),C=a("prompt-input"),U=a("image-input"),V=a("consumption"),M=a("font-awesome-icon"),se=a("el-button");return n(),c("div",as,[i("div",ns,[s(u,{class:"mb-4"}),s(f,{class:"mb-4"}),s(l,{class:"mb-4"}),s(_,{class:"mb-4"}),s(h,{class:"mb-4"}),s(E,{class:"mb-4"}),s(T,{class:"mb-4"}),s(C,{class:"mb-4"}),s(U,{class:"mb-4"})]),i("div",rs,[s(V,{value:e.consumption,service:e.service},null,8,["value","service"]),s(se,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[s(M,{icon:"fa-solid fa-magic",class:"mr-2"}),g(" "+r(e.$t("seedream.button.generate")),1)]),_:1},8,["onClick"])])])}const ls=y(os,[["render",is]]),cs=k({name:"SeedreamTaskPreview",components:{ElImage:Re,CopyToClipboard:Ie,FontAwesomeIcon:q,ElAlert:Me,ImageWrapper:Ve,ElButton:P,ElTooltip:Te,ImagePreview:te,ApiCodeButton:ze},props:{modelValue:{type:Object,required:!0}},computed:{isEdit(){return Array.isArray(this.modelValue?.request?.image)&&(this.modelValue?.request?.image?.length||0)>0},images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{shortModel(e){return ee(e)||e},onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.seedream?.config||{}};t.image=[e],this.$store.commit("seedream/setConfig",t)}}}),ds={class:"preview"},ms={class:"left"},us={class:"main"},ps={class:"bot"},fs={class:"datetime"},_s={class:"info"},gs={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},hs={key:1,class:"prompt mt-2"},$s={key:0},vs={key:0,class:D({content:!0})},bs={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Es={key:1,class:D({content:!0,failed:!0})},ks={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},ys={class:D({operations:!0,"mt-2":!0,"mb-2":!0})},Ss={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ws={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},As={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Is={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Vs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},zs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ts={key:2,class:D({content:!0})},Ms={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rs={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ls={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ds={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Cs={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qs={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ps={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Us={key:3,class:D({content:!0})},Gs={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Fs={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Os(e,t,d,o,m,p){const u=a("el-image"),f=a("image-preview"),l=a("font-awesome-icon"),_=a("copy-to-clipboard"),h=a("el-alert"),E=a("image-wrapper"),T=a("el-button"),C=a("el-tooltip"),U=a("api-code-button");return n(),c("div",ds,[i("div",ms,[s(u,{src:"https://cdn.acedata.cloud/9egrbn.png",class:"avatar"})]),i("div",us,[i("div",ps,[g(r(e.$t("seedream.name.seedreamBot"))+" ",1),i("span",fs,r(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",_s,[Array.isArray(e.modelValue?.request?.image)&&e.modelValue?.request?.image.length>0?(n(),c("div",gs,[(n(!0),c(S,null,A(e.modelValue?.request?.image,(V,M)=>(n(),b(f,{key:M,url:V,name:`image-${M+1}`,closable:!1},null,8,["url","name"]))),128))])):v("",!0),e.modelValue?.request?.prompt?(n(),c("p",hs,[g(r(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?v("",!0):(n(),c("span",$s," - ("+r(e.$t("seedream.status.pending"))+") ",1))])):v("",!0)]),e.modelValue?.response?e.modelValue?.response?.success===!0?(n(),c("div",Es,[i("div",ks,[(n(!0),c(S,null,A(e.images,(V,M)=>(n(),b(E,{key:M,src:V?.image_url,"raw-src":V?.image_url},null,8,["src","raw-src"]))),128))]),i("div",ys,[s(C,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[s(T,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=ae(V=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[g(r(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"]),s(U,{path:"/seedream/images",body:e.modelValue?.request},null,8,["body"])]),s(h,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Ss,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",ws,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",As,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",Is,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",Vs,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",zs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):v("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),c("div",Ts,[s(h,{closable:!1,class:"failure"},{template:$(()=>[s(l,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),c("p",Ms,[s(l,{icon:"fa-solid fa-cube",class:"mr-1"}),g(" "+r(e.$t("seedream.name.model"))+": "+r(e.shortModel(e.modelValue?.request?.model)),1)])):v("",!0),e.modelValue?.request?.size?(n(),c("p",Rs,[s(l,{icon:"fa-solid fa-image",class:"mr-1"}),g(" "+r(e.$t("seedream.name.size"))+": "+r(e.modelValue?.request?.size),1)])):v("",!0),i("p",Ls,[s(l,{icon:"fa-solid fa-bolt",class:"mr-1"}),g(" "+r(e.$t("seedream.name.task"))+": "+r(e.isEdit?e.$t("seedream.name.edits"):e.$t("seedream.name.generate")),1)]),i("p",Ds,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.error?.message?(n(),c("p",Cs,[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.failureReason"))+": "+r(e.modelValue?.response?.error?.message)+" ",1),s(_,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])])):v("",!0),e.modelValue?.elapsed?(n(),c("p",qs,[s(l,{icon:"fa-solid fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.name.elapsed"))+": "+r(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):v("",!0),e.modelValue?.response?.trace_id?(n(),c("p",Ps,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",Us,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-solid fa-circle-info",class:"mr-1"}),g(" "+r(e.$t("seedream.name.status")),1)]),default:$(()=>[i("p",Gs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),e.modelValue?.response?.trace_id?(n(),c("p",Fs,[s(l,{icon:"fa-solid fa-hashtag",class:"mr-1"}),g(" "+r(e.$t("seedream.name.traceId"))+": "+r(e.modelValue?.response?.trace_id)+" ",1),s(_,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):v("",!0)]),_:1})])):(n(),c("div",vs,[s(h,{closable:!1,class:"info"},{template:$(()=>[s(l,{icon:"fa-regular fa-clock",class:"mr-1"}),g(" "+r(e.$t("seedream.status.pending")),1)]),default:$(()=>[i("p",bs,[s(l,{icon:"fa-solid fa-magic",class:"mr-1"}),g(" "+r(e.$t("seedream.name.taskId"))+": "+r(e.modelValue?.id)+" ",1),s(_,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])])]),_:1})]))])])}const Bs=y(cs,[["render",Os],["__scopeId","data-v-586bacbc"]]),js=k({name:"SeedreamRecentPanel",components:{TaskPreview:Bs,BotPlaceholder:Le,NoTasks:_e,ScrollList:he},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],computed:{tasks(){return{...this.$store.state.seedream?.tasks,items:this.$store.state.seedream?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),xs={key:0},Ns={key:2,class:"w-full h-full flex items-center justify-center"};function Ws(e,t,d,o,m,p){const u=a("bot-placeholder"),f=a("task-preview"),l=a("scroll-list"),_=a("no-tasks");return n(),c(S,null,[e.tasks?.items===void 0?(n(),c("div",xs,[s(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),b(l,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=h=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),c(S,null,A(e.tasks?.items,h=>(n(),b(f,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):v("",!0),e.tasks?.items?.length===0?(n(),c("div",Ns,[s(_)])):v("",!0)],64)}const Ks=y(js,[["render",Ws]]),Zs=pe("seedream"),Hs=k({name:"SeedreamIndex",components:{ConfigPanel:ls,Layout:Ge,RecentPanel:Ks},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.seedream?.status?.getApplications===X.Request},tasksLoading(){return this.$store.state.seedream?.status?.getTasks===X.Request},credential(){return this.$store.state.seedream?.credential},config(){return this.$store.state.seedream?.config},application(){return this.$store.state.seedream?.application},tasks(){return this.$store.state.seedream?.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 $e({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("seedream/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("seedream/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:d,createdAtMax:o}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",o),await this.$store.dispatch("seedream/getTasks",{limit:t,createdAtMin:d,createdAtMax:o})},async onGenerate(){const e={...this.config||{}};!(Array.isArray(e?.image)&&e.image.length>0)&&"image"in e&&delete e.image,e?.size||delete e.size;const d={...e,callback_url:Zs},o=this.credential?.token;if(!o){console.error("no token specified");return}z.info(this.$t("seedream.message.startingTask")),ue("seedream",Ae.generate(d,{token:o})).then(()=>{z.success(this.$t("seedream.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===we?z.error(this.$t("seedream.message.usedUp")):z.error(this.$t("seedream.message.startTaskFailed")+(p?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Xs(e,t,d,o,m,p){const u=a("config-panel"),f=a("recent-panel"),l=a("layout");return n(),b(l,null,{config:$(()=>[s(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[s(f,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xo=y(Hs,[["render",Xs]]);export{Xo as default};

package/dist/assets/{Index-B1QQwbRw.js → Index-Cw2ykfBs.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-BXrnqbDc.js";import{E as P}from"./index-ByRYubXn.js";import{E as x}from"./index-PMRNSwyk.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,bm as X,cz as U,cA as J,cB as Q,cC as B,cD as M,cE as R,cF as Y,cG as ee,cH as te,cI as se,cJ as oe,cK as ae,cL as N,cM as ie,cN as ne,cp as re,aX as D,S as j,cq as le}from"./index-BRfbHCvZ.js";import{P as me,N as ce}from"./NoTasks-d_8CfjZ-.js";import{I as q,S as pe,l as ue}from"./pagination-BJFvnhlr.js";import{I as F}from"./ImagePreview-CYYwR4zK.js";import{E as de}from"./index-D63t9suS.js";import{E as A}from"./index-B8CSiOhn.js";import{C as ge}from"./Consumption-BgQfeJho.js";import{a as he}from"./price-Be1B_bvo.js";import{E as H,a as Z,b as fe}from"./index-DfiGO-z3.js";import{E as _e}from"./index-BM28BQge.js";import{E as $e}from"./index-TeXIMvfD.js";import{b as be}from"./errorCode-Cqj9Td_Z.js";import{C as ve}from"./CopyToClipboard-B3FBgh3x.js";import{I as ke}from"./ImageWrapper-D9p7vy0W.js";import{A as Ee}from"./ApiCodeButton-DdERRoj0.js";import{E as Se}from"./index-BZkaFFuw.js";import{E as Ie}from"./index-Bav7i68F.js";import{E as ye}from"./index-CVuadntg.js";import{B as we}from"./BotPlaceholder-CMs0qZF7.js";import"./use-form-item-gFrK0FVf.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-Cf4MWvor.js";import"./typescript-HOmQr8QU.js";import"./index-CJozFb-_.js";import"./index-zJe4TTTN.js";import"./highlight-D6Rf8-7-.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BnLROHuz.js";import"./_baseClone-DBPrtxYY.js";import"./_Uint8Array-BHztG1Lf.js";import"./_initCloneObject-RQtwP1G5.js";import"./isEqual-DdIQEpjm.js";import"./index-BtOQSaPZ.js";import"./strings-beZM2Y-f.js";import"./castArray-CEKtna1X.js";import"./debounce-BzdywqWi.js";import"./_baseIteratee-DawPdq6H.js";import"./index-LSBUkmpR.js";import"./index-Cu41y2Fl.js";import"./validator-CRted-PS.js";import"./index-BSKrtLfD.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};
+import{F as T}from"./index.es-CA2p-8-G.js";import{E as P}from"./index-DlakC5J1.js";import{E as x}from"./index-DGE-CrQc.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-B7ZgQCNK.js";import{P as me,N as ce}from"./NoTasks-P5z0AV5a.js";import{I as q,S as pe,l as ue}from"./pagination-C9eC8ART.js";import{I as F}from"./ImagePreview-DzK-957W.js";import{E as de}from"./index-DYt88ryy.js";import{E as A}from"./index-C-TmGRF5.js";import{C as ge}from"./Consumption-BrQzLdsc.js";import{a as he}from"./price-BMAdoXFE.js";import{E as H,a as Z,b as fe}from"./index-CHjvYGBU.js";import{E as _e}from"./index-BdF17l0J.js";import{E as $e}from"./index-EUe4Ft2S.js";import{b as be}from"./errorCode-Cqj9Td_Z.js";import{C as ve}from"./CopyToClipboard-VZJ2NnhP.js";import{I as ke}from"./ImageWrapper-jhOsGrk1.js";import{A as Ee}from"./ApiCodeButton-B26yfR0z.js";import{E as Se}from"./index-BVZsCQrf.js";import{E as Ie}from"./index-CVClSd-S.js";import{E as ye}from"./index-DhtlAKkd.js";import{B as we}from"./BotPlaceholder-DDZuzwFC.js";import"./use-form-item-DhNSzwpq.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-CdvqGHIh.js";import"./typescript-BbbVaHoJ.js";import"./index-C82XZnIp.js";import"./index-Ba3s4mPA.js";import"./highlight-Vrp2KPVO.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-BiomPG-9.js";import"./_baseClone-_8u1kU_V.js";import"./_Uint8Array-BUG16Gby.js";import"./_initCloneObject-DcCY9ebE.js";import"./isEqual-D5pTjIkZ.js";import"./index-Dvcbow1o.js";import"./strings-beZM2Y-f.js";import"./castArray-DWW8N59K.js";import"./debounce-DW1ejlQC.js";import"./_baseIteratee-B6-8nKf7.js";import"./index-BC876eNU.js";import"./index-Cu41y2Fl.js";import"./validator-Cxg0pc5R.js";import"./index-DjKtM4y2.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-C02uk1N1.js → Index-D1JzLPkk.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-BXrnqbDc.js";import{E as C}from"./index-ByRYubXn.js";import{E as j}from"./index-PMRNSwyk.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,bm as F,cp as D,aO as B,S as A,cq as M}from"./index-BRfbHCvZ.js";import{a as O,b as q,c as N}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-DfiGO-z3.js";import{I as R,S as z,l as H}from"./pagination-BJFvnhlr.js";import{E as X}from"./index-BM28BQge.js";import{E as W}from"./index-9TnzSqSo.js";import{p as J}from"./pasteUploadMixin-BurWbGNQ.js";import{I as K}from"./ImagePreview-CYYwR4zK.js";import{E as Q}from"./index-D63t9suS.js";import{E as V}from"./index-B8CSiOhn.js";import{P as Y,N as Z}from"./NoTasks-d_8CfjZ-.js";import{C as ee}from"./Consumption-BgQfeJho.js";import{a as te}from"./price-Be1B_bvo.js";import{b as oe}from"./errorCode-Cqj9Td_Z.js";import{C as se}from"./CopyToClipboard-B3FBgh3x.js";import{I as ne}from"./ImageWrapper-D9p7vy0W.js";import{A as ae}from"./ApiCodeButton-DdERRoj0.js";import{E as le}from"./index-Bav7i68F.js";import{E as re}from"./index-CVuadntg.js";import{B as ie}from"./BotPlaceholder-CMs0qZF7.js";import"./use-form-item-gFrK0FVf.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BZkaFFuw.js";import"./index-CJozFb-_.js";import"./typescript-HOmQr8QU.js";import"./index-BtOQSaPZ.js";import"./strings-beZM2Y-f.js";import"./isEqual-DdIQEpjm.js";import"./_Uint8Array-BHztG1Lf.js";import"./castArray-CEKtna1X.js";import"./index-Cf4MWvor.js";import"./index-zJe4TTTN.js";import"./debounce-BzdywqWi.js";import"./_baseIteratee-DawPdq6H.js";import"./index-LSBUkmpR.js";import"./highlight-D6Rf8-7-.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-BnLROHuz.js";import"./_baseClone-DBPrtxYY.js";import"./_initCloneObject-RQtwP1G5.js";import"./index-BSKrtLfD.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:W,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:Q,ElButton:C,InfoIcon:R,FontAwesomeIcon:T,ImagePreview:K},mixins:[J],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 We(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 Je=b(Ne,[["render",We]]),Ke=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")}}}),Qe={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",Qe,[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(Ke,[["render",$t],["__scopeId","data-v-1d352cfe"]]),bt=v({name:"RecentPanel",components:{TaskPreview:vt,BotPlaceholder:ie,NoTasks:Z,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),xt={key:0},kt={key:2,class:"w-full h-full flex items-center justify-center"};function wt(e,o,m,p,x,k){const u=s("bot-placeholder"),d=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return n(),c(E,null,[e.tasks?.items===void 0?(n(),c("div",xt,[t(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),w(r,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(n(!0),c(E,null,S(e.tasks?.items,h=>(n(),w(d,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",kt,[t(i)])):$("",!0)],64)}const yt=b(bt,[["render",wt]]),Vt=M("flux"),Et=v({name:"FluxIndex",components:{ConfigPanel:Je,Layout:fe,RecentPanel:yt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await H({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:m,createdAtMax:p}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",p),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:p})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Vt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("flux.message.startingTask")),D("flux",B.generate(e,{token:o})).then(()=>{V.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===oe?V.error(this.$t("flux.message.usedUp")):V.error(this.$t("flux.message.startTaskFailed")+p?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Tt(e,o,m,p,x,k){const u=s("config-panel"),d=s("recent-panel"),r=s("layout");return n(),w(r,null,{config:f(()=>[t(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=b(Et,[["render",Tt]]);export{Vo as default};
+import{F as T}from"./index.es-CA2p-8-G.js";import{E as C}from"./index-DlakC5J1.js";import{E as j}from"./index-DGE-CrQc.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-B7ZgQCNK.js";import{a as O,b as q,c as N}from"./flux-BDAe6Szo.js";import{E as P,a as G}from"./index-CHjvYGBU.js";import{I as R,S as z,l as H}from"./pagination-C9eC8ART.js";import{E as X}from"./index-BdF17l0J.js";import{E as Q}from"./index-CsgHnPwN.js";import{p as W}from"./pasteUploadMixin-BurWbGNQ.js";import{I as J}from"./ImagePreview-DzK-957W.js";import{E as K}from"./index-DYt88ryy.js";import{E as V}from"./index-C-TmGRF5.js";import{P as Y,N as Z}from"./NoTasks-P5z0AV5a.js";import{C as ee}from"./Consumption-BrQzLdsc.js";import{a as te}from"./price-BMAdoXFE.js";import{b as oe}from"./errorCode-Cqj9Td_Z.js";import{C as se}from"./CopyToClipboard-VZJ2NnhP.js";import{I as ne}from"./ImageWrapper-jhOsGrk1.js";import{A as ae}from"./ApiCodeButton-B26yfR0z.js";import{E as le}from"./index-CVClSd-S.js";import{E as re}from"./index-DhtlAKkd.js";import{B as ie}from"./BotPlaceholder-DDZuzwFC.js";import"./use-form-item-DhNSzwpq.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-BVZsCQrf.js";import"./index-C82XZnIp.js";import"./typescript-BbbVaHoJ.js";import"./index-Dvcbow1o.js";import"./strings-beZM2Y-f.js";import"./isEqual-D5pTjIkZ.js";import"./_Uint8Array-BUG16Gby.js";import"./castArray-DWW8N59K.js";import"./index-CdvqGHIh.js";import"./index-Ba3s4mPA.js";import"./debounce-DW1ejlQC.js";import"./_baseIteratee-B6-8nKf7.js";import"./index-BC876eNU.js";import"./highlight-Vrp2KPVO.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-Cu41y2Fl.js";import"./index-BiomPG-9.js";import"./_baseClone-_8u1kU_V.js";import"./_initCloneObject-DcCY9ebE.js";import"./index-DjKtM4y2.js";const ce=v({name:"LayoutFlux",components:{ElDrawer:j,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),ue={class:"main flex flex-row flex-1"},de={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},pe={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function me(e,o,m,p,x,k){const u=s("font-awesome-icon"),d=s("el-button"),r=s("el-drawer");return n(),c("div",ue,[l("div",de,[U(e.$slots,"config",{},void 0,!0)]),l("div",pe,[U(e.$slots,"result",{},void 0,!0)]),t(d,{circle:"",class:"menu",onClick:o[0]||(o[0]=i=>e.drawer=!0)},{default:f(()=>[t(u,{icon:"fa-solid fa-magic"})]),_:1}),t(r,{modelValue:e.drawer,"onUpdate:modelValue":o[1]||(o[1]=i=>e.drawer=i),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:f(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const fe=b(ce,[["render",me],["__scopeId","data-v-d022364a"]]),_e=v({name:"ModelSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"flux-dev",label:"flux-dev"},{value:"flux-pro",label:"flux-pro"},{value:"flux-pro-1.1",label:"flux-pro-1.1"},{value:"flux-pro-1.1-ultra",label:"flux-pro-1.1-ultra"},{value:"flux-kontext-pro",label:"flux-kontext-pro"},{value:"flux-kontext-max",label:"flux-kontext-max"}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||(this.value=O)}}),he={class:"field"},ge={class:"title font-bold"};function $e(e,o,m,p,x,k){const u=s("el-option"),d=s("el-select");return n(),c("div",he,[l("h2",ge,a(e.$t("flux.name.model")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(E,null,S(e.options,r=>(n(),w(u,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ve=b(_e,[["render",$e],["__scopeId","data-v-8df4b8a7"]]),be=v({name:"CountSelector",components:{ElSlider:Q,InfoIcon:R,ElInputNumber:X},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug("set count",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||(this.value=q)}}),xe={class:"flex justify-between"},ke={class:"flex justify-start items-center"},we={class:"text-sm font-bold"},ye={class:"flex justify-end items-center"},Ve={class:"w-full"};function Ee(e,o,m,p,x,k){const u=s("info-icon"),d=s("el-input-number"),r=s("el-slider");return n(),c("div",null,[l("div",xe,[l("div",ke,[l("span",we,a(e.$t("flux.name.numbers")),1),t(u,{content:e.$t("flux.description.numbers")},null,8,["content"])]),l("div",ye,[t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=i=>e.value=i),"controls-position":"right"},null,8,["modelValue"])])]),l("div",Ve,[t(r,{modelValue:e.value,"onUpdate:modelValue":o[1]||(o[1]=i=>e.value=i),min:1,max:4,step:1},null,8,["modelValue"])])])}const Te=b(be,[["render",Ee]]),Se=v({name:"ActionSelector",components:{ElSelect:G,ElOption:P},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:"generate",label:this.$t("flux.name.generate")},{value:"edits",label:this.$t("flux.name.edits")}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||(this.value=N)}}),Ie={class:"field"},Le={class:"title font-bold"};function Ue(e,o,m,p,x,k){const u=s("el-option"),d=s("el-select");return n(),c("div",Ie,[l("h2",Le,a(e.$t("flux.name.task")),1),t(d,{modelValue:e.value,"onUpdate:modelValue":o[0]||(o[0]=r=>e.value=r),class:"value",placeholder:e.$t("flux.placeholder.select")},{default:f(()=>[(n(!0),c(E,null,S(e.options,r=>(n(),w(u,{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Ce=b(Se,[["render",Ue],["__scopeId","data-v-81fd05e5"]]),Ae=v({name:"ImageUrlInput",components:{ElUpload:K,ElButton:C,InfoIcon:R,FontAwesomeIcon:T,ImagePreview:J},mixins:[W],emits:["change"],data(){return{fileList:[],uploadUrl:F()+"/api/v1/files/"}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug("URLs changed:",e),this.$store.commit("flux/setConfig",{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){V.warning(this.$t("flux.message.uploadStartImageExceed"))},onError(){V.error(this.$t("flux.message.uploadStartImageError"))}}}),Pe={class:"relative"},Ge={class:"flex justify-between"},Re={class:"flex justify-start items-center"},je={class:"text-sm font-bold"};function Fe(e,o,m,p,x,k){const u=s("info-icon"),d=s("image-preview"),r=s("font-awesome-icon"),i=s("el-button"),h=s("el-upload");return n(),c("div",Pe,[l("div",Ge,[l("div",Re,[l("span",je,a(e.$t("flux.name.imageUrl")),1),t(u,{content:e.$t("flux.description.imageUrl")},null,8,["content"])])]),t(h,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":o[0]||(o[0]=g=>e.fileList=g),name:"file",limit:5,class:"upload-wrapper",accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",multiple:!0,"list-type":"picture",action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:f(({file:g})=>[t(d,{url:g.url||g.response?.file_url,name:g.name,percentage:g.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(g),1)},null,8,["url","name","percentage","onRemove"])]),default:f(()=>[t(i,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:f(()=>[t(r,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+a(e.$t("flux.button.uploadImageUrl")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","headers"])])}const De=b(Ae,[["render",Fe],["__scopeId","data-v-1b692c6e"]]),Be="",Me=v({name:"PromptInput",components:{PromptTextarea:Y},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit("flux/setConfig",{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=Be)}});function Oe(e,o,m,p,x,k){const u=s("prompt-textarea");return n(),w(u,{modelValue:e.prompt,"onUpdate:modelValue":o[0]||(o[0]=d=>e.prompt=d),title:e.$t("flux.name.prompt"),info:e.$t("flux.description.prompt"),placeholder:e.$t("flux.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const qe=b(Me,[["render",Oe]]),Ne=v({name:"PresetPanel",components:{ElButton:C,FontAwesomeIcon:T,PromptInput:qe,ModelSelector:ve,CountSelector:Te,Consumption:ee,ActionSelector:Ce,ImageUrlInput:De},emits:["generate"],computed:{config(){return this.$store.state.flux?.config},consumption(){return te(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit("generate")}}}),ze={class:"flex flex-col h-full"},He={class:"flex-1 overflow-y-auto p-5"},Xe={class:"flex flex-col items-center justify-center px-5 pb-5"};function Qe(e,o,m,p,x,k){const u=s("action-selector"),d=s("prompt-input"),r=s("image-url-input"),i=s("model-selector"),h=s("count-selector"),g=s("consumption"),y=s("font-awesome-icon"),L=s("el-button");return n(),c("div",ze,[l("div",He,[t(u,{class:"mb-4"}),t(d,{class:"mb-4"}),e.config?.action==="edits"?(n(),w(r,{key:0,class:"mb-4"})):$("",!0),t(i,{class:"mb-4"}),t(h,{class:"mb-4"})]),l("div",Xe,[t(g,{value:e.consumption,service:e.service},null,8,["value","service"]),t(L,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:f(()=>[t(y,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+a(e.$t("flux.button.generate")),1)]),_:1},8,["onClick"])])])}const We=b(Ne,[["render",Qe]]),Je=v({name:"TaskPreview",components:{ElImage:re,CopyToClipboard:se,FontAwesomeIcon:T,ElAlert:le,ImageWrapper:ne,ApiCodeButton:ae},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[];const o=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(m=>{let p=m;o&&(p.action=o),e.push(p)}),e}},methods:{onDownload(e,o){e.stopPropagation(),console.log("on download"),window.open(o,"_blank")},onOpenImage(e){window.open(e,"_blank")}}}),Ke={class:"preview"},Ye={class:"left"},Ze={class:"main"},et={class:"bot"},tt={class:"datetime"},ot={class:"info"},st={key:0,class:"prompt mt-2"},nt={key:0},at={key:0,class:I({content:!0,failed:!0})},lt={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},rt={class:I({operations:!0,"mt-2":!0,"mb-2":!0})},it={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ct={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ut={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},dt={key:1,class:I({content:!0})},pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},ft={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},_t={class:"text-[var(--el-text-color-regular)] text-xs mb-0"},ht={key:2,class:I({content:!0})},gt={class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function $t(e,o,m,p,x,k){const u=s("el-image"),d=s("image-wrapper"),r=s("api-code-button"),i=s("font-awesome-icon"),h=s("copy-to-clipboard"),g=s("el-alert");return n(),c("div",Ke,[l("div",Ye,[t(u,{src:"https://cdn.acedata.cloud/ogm2oa.png",class:"avatar"})]),l("div",Ze,[l("div",et,[_(a(e.$t("flux.name.fluxBot"))+" ",1),l("span",tt,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),l("div",ot,[e.modelValue?.request?.prompt?(n(),c("p",st,[_(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?$("",!0):(n(),c("span",nt," - ("+a(e.$t("flux.status.pending"))+") ",1))])):$("",!0)]),e.modelValue?.response?.success===!0?(n(),c("div",at,[l("div",lt,[(n(!0),c(E,null,S(e.images,(y,L)=>(n(),w(d,{key:L,src:y?.image_url,"raw-src":y?.image_url,"model-value":y},null,8,["src","raw-src","model-value"]))),128))]),l("div",rt,[t(r,{path:"/flux/images",body:e.modelValue?.request},null,8,["body"])]),t(g,{closable:!1,class:"mt-2 success"},{default:f(()=>[l("p",it,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.model"))+": "+a(e.modelValue?.request?.model),1)]),l("p",ct,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",ut,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0)]),_:1})])):$("",!0),e.modelValue?.response?.success===!1?(n(),c("div",dt,[t(g,{closable:!1,class:"failure"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",pt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),l("p",mt,[t(i,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+a(e.$t("flux.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),t(h,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),c("p",ft,[t(i,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+a(e.$t("flux.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):$("",!0),l("p",_t,[t(i,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+a(e.$t("flux.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),t(h,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])]),_:1})])):$("",!0),e.modelValue?.response?$("",!0):(n(),c("div",ht,[t(g,{closable:!1,class:"info"},{template:f(()=>[t(i,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+a(e.$t("flux.name.failure")),1)]),default:f(()=>[l("p",gt,[t(i,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+a(e.$t("flux.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),t(h,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const vt=b(Je,[["render",$t],["__scopeId","data-v-1d352cfe"]]),bt=v({name:"RecentPanel",components:{TaskPreview:vt,BotPlaceholder:ie,NoTasks:Z,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),xt={key:0},kt={key:2,class:"w-full h-full flex items-center justify-center"};function wt(e,o,m,p,x,k){const u=s("bot-placeholder"),d=s("task-preview"),r=s("scroll-list"),i=s("no-tasks");return n(),c(E,null,[e.tasks?.items===void 0?(n(),c("div",xt,[t(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),w(r,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:o[0]||(o[0]=h=>e.$emit("reach-top"))},{default:f(()=>[(n(!0),c(E,null,S(e.tasks?.items,h=>(n(),w(d,{key:h.id,"model-value":h},null,8,["model-value"]))),128))]),_:1},8,["loading"])):$("",!0),e.tasks?.items?.length===0?(n(),c("div",kt,[t(i)])):$("",!0)],64)}const yt=b(bt,[["render",wt]]),Vt=M("flux"),Et=v({name:"FluxIndex",components:{ConfigPanel:We,Layout:fe,RecentPanel:yt},inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,o){e?.items?.length>o?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await H({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("flux/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("flux/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:o=5,createdAtMin:m,createdAtMax:p}=e||{};console.debug("limit",o,"createdAtMin",m,"createdAtMax",p),this.fetchingTasks=!0;try{await this.$store.dispatch("flux/getTasks",{limit:o,createdAtMin:m,createdAtMax:p})}finally{this.fetchingTasks=!1}},async onGenerate(){const e={...this.config,callback_url:Vt},o=this.credential?.token;if(!o){console.error("no token specified");return}V.info(this.$t("flux.message.startingTask")),D("flux",B.generate(e,{token:o})).then(()=>{V.success(this.$t("flux.message.startTaskSuccess"))}).catch(m=>{const p=m?.response?.data;p?.error?.code===oe?V.error(this.$t("flux.message.usedUp")):V.error(this.$t("flux.message.startTaskFailed")+p?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Tt(e,o,m,p,x,k){const u=s("config-panel"),d=s("recent-panel"),r=s("layout");return n(),w(r,null,{config:f(()=>[t(u,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:f(()=>[t(d,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Vo=b(Et,[["render",Tt]]);export{Vo as default};