@acedatacloud/nexior 3.131.0 → 3.133.0

package/dist/assets/{Index-CdfJtbIW.js → Index-C_zKHwpA.js}

@@ -1 +1 @@
-import{F as S}from"./index.es-DubEPH_n.js";import{E as q}from"./index-Bw3CEnBC.js";import{E as W}from"./index-CyDEYil7.js";import{d as k,H as l,E as c,z as C,C as o,y as $,D as s,q as n,F as a,I as u,O as A,N,x as V,J as g,M as H,Q as O}from"./vendor-vue-NSDaktjZ.js";import{E as y,b8 as K,cq as J,cr as x,cs as P,ct as Q,cu as T,cv as G,cw as j,cx as D,cd as X,aw as F}from"./index-ENoTMmXE.js";import{I as U,S as Y}from"./ScrollList-DwtS5Kms.js";import{E as Z}from"./index-Da9nVqf6.js";import{p as ee}from"./pasteUploadMixin-BurWbGNQ.js";import{I as z}from"./ImagePreview-D1-wHUZ1.js";import{E as te}from"./index-CkcwmFw8.js";import{E as R}from"./index-DVtkga7n.js";import{E as B,a as M}from"./index-DZJZt16Z.js";import{C as oe}from"./Consumption-BTER3uKB.js";import{a as ae}from"./price-DFH_6K1X.js";import{b as ne}from"./errorCode-Cqj9Td_Z.js";import{n as se}from"./nanobanana-B33aoEkq.js";import{C as le}from"./CopyToClipboard-C7KqrpSG.js";import{I as re}from"./ImageWrapper-C3Zg_Tmp.js";import{E as ie}from"./index-BORj7BGu.js";import{E as ce}from"./index-bkFTkL1Z.js";import{E as ue}from"./index-BJOZdRiR.js";import{B as de}from"./BotPlaceholder-ELkmSsnl.js";import{N as me}from"./NoTasks-qWjyY3dd.js";import"./use-form-item-Cfa6DxBA.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Kg6s1a65.js";import"./typescript-CRhtnxhr.js";import"./index-C71gNsYG.js";import"./index-BP3406Mg.js";import"./index-BOifbS0e.js";import"./_baseClone-BxigKdDr.js";import"./_Uint8Array-r2AiArwq.js";import"./_initCloneObject-DgmkiSjt.js";import"./isEqual-DZkx_aG1.js";import"./index-CrzPRMoa.js";import"./strings-beZM2Y-f.js";import"./castArray-B2vxXNhD.js";import"./debounce-_3S7zlL2.js";import"./_baseIteratee-D3txZhwq.js";import"./index-B1WDSdZi.js";import"./index-BLyzyfCi.js";const pe=k({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:q,FontAwesomeIcon:S},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},he={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},_e={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ge(e,t,b,i,d,f){const h=s("font-awesome-icon"),_=s("el-button"),m=s("el-drawer");return n(),l("div",fe,[c("div",he,[C(e.$slots,"config",{},void 0,!0)]),c("div",_e,[C(e.$slots,"result",{},void 0,!0)]),o(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=p=>e.drawer=!0)},{default:$(()=>[o(h,{icon:"fa-solid fa-magic"})]),_:1}),o(m,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=y(pe,[["render",ge],["__scopeId","data-v-9fbc8a5c"]]),$e="",ve=k({name:"PromptInput",components:{ElInput:Z,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=$e)}}),ke={class:"field"},ye={class:"box"},we={class:"title font-bold"};function Ae(e,t,b,i,d,f){const h=s("info-icon"),_=s("el-input");return n(),l("div",ke,[c("div",ye,[c("h2",we,a(e.$t("nanobanana.name.prompt")),1),o(h,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),o(_,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=m=>e.prompt=m),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ve=y(ve,[["render",Ae],["__scopeId","data-v-2331e197"]]),Ne=k({name:"ImageUrlsInput",components:{ElUpload:te,ElButton:q,InfoIcon:U,ImagePreview:z,FontAwesomeIcon:S},mixins:[ee],data(){return{fileList:[],uploadUrl:K()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const i=(this.fileList||[]).filter(d=>!d?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const d=this.fileList.find(f=>f?.response?.file_url===i||f?.url===i);d?t.push(d):t.push({name:i.split("/").pop()||i,url:i,status:"success",percentage:100,response:{file_url:i}})}),(this.fileList||[]).filter(i=>!i?.response?.file_url).forEach(i=>{t.some(f=>f===i||f?.url===i?.url||f?.response?.file_url===i?.response?.file_url)||t.push(i)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){R.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){R.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ee={class:"field flex items-center justify-between"},Re={class:"title font-bold text-[14px] mb-[10px]"},Ie={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Le={class:"controls flex items-center"},Te={class:"file-list flex flex-wrap gap-[10px]"};function Se(e,t,b,i,d,f){const h=s("font-awesome-icon"),_=s("el-button"),m=s("el-upload"),p=s("info-icon"),w=s("image-preview");return n(),l(A,null,[c("div",Ee,[c("h2",Re,a(e.$t("nanobanana.name.imageUrls")),1),c("div",Ie,[c("div",Le,[o(m,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[o(_,{size:"small",type:"primary",round:""},{default:$(()=>[o(h,{icon:"fa-solid fa-upload",class:"mr-1"}),u(" "+a(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(p,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),c("div",Te,[(n(!0),l(A,null,N(e.fileList,(r,v)=>(n(),V(w,{key:r.uid||r?.response?.file_url||r.url||v,url:r.url||r?.response?.file_url,name:r.name,percentage:r.percentage,onRemove:E=>e.onRemovePreview(v,r)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const qe=y(Ne,[["render",Se]]),Oe=k({name:"AspectRatioSelector",components:{ElSelect:M,ElOption:B},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),Ue={class:"field"},Ce={class:"title font-bold"};function Pe(e,t,b,i,d,f){const h=s("el-option"),_=s("el-select");return n(),l("div",Ue,[c("h2",Ce,a(e.$t("nanobanana.name.aspectRatio")),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),V(h,{key:m,label:m,value:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=y(Oe,[["render",Pe],["__scopeId","data-v-67f08a08"]]),Me=k({name:"NanobananaModelSelector",components:{ElSelect:M,ElOption:B,InfoIcon:U},data(){return{options:[{value:x,label:this.$t("nanobanana.model.nanoBanana")},{value:P,label:this.$t("nanobanana.model.nanoBananaPro")},{value:Q,label:this.$t("nanobanana.model.nanoBanana2")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=J)}}),Ge={class:"field"},je={class:"label"},De={class:"box"},Fe={class:"title font-bold"};function xe(e,t,b,i,d,f){const h=s("info-icon"),_=s("el-option"),m=s("el-select");return n(),l("div",Ge,[c("div",je,[c("div",De,[c("h2",Fe,a(e.$t("nanobanana.name.model")),1),o(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(A,null,N(e.options,p=>(n(),V(_,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ze=y(Me,[["render",xe],["__scopeId","data-v-94304d73"]]),We=k({name:"NanobananaResolutionSelector",components:{ElSelect:M,ElOption:B,InfoIcon:U},data(){return{cachedResolution:T,options:[{value:G,label:G},{value:j,label:j},{value:D,label:D}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==x}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||T):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=T),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),He={class:"field"},Ke={class:"label"},Je={class:"box"},Qe={class:"title font-bold"};function Xe(e,t,b,i,d,f){const h=s("info-icon"),_=s("el-option"),m=s("el-select");return n(),l("div",He,[c("div",Ke,[c("div",Je,[c("h2",Qe,a(e.$t("nanobanana.name.resolution")),1),o(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:$(()=>[(n(!0),l(A,null,N(e.options,p=>(n(),V(_,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Ye=y(We,[["render",Xe],["__scopeId","data-v-fd5ab393"]]),Ze=k({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:S,PromptInput:Ve,Consumption:oe,ImageUrlsInput:qe,AspectRatioSelector:Be,ModelSelector:ze,ResolutionSelector:Ye},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ae({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),et={class:"flex flex-col h-full"},tt={class:"flex-1 overflow-y-auto p-5"},ot={class:"flex flex-col items-center justify-center px-5 pb-5"};function at(e,t,b,i,d,f){const h=s("model-selector"),_=s("resolution-selector"),m=s("prompt-input"),p=s("aspect-ratio-selector"),w=s("image-urls-input"),r=s("consumption"),v=s("font-awesome-icon"),E=s("el-button");return n(),l("div",et,[c("div",tt,[o(h,{class:"mb-4"}),o(_,{class:"mb-4"}),o(m,{class:"mb-4"}),o(p,{class:"mb-4"}),o(w,{class:"mb-4"})]),c("div",ot,[o(r,{value:e.consumption,service:e.service},null,8,["value","service"]),o(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(v,{icon:"fa-solid fa-magic",class:"mr-2"}),u(" "+a(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const nt=y(Ze,[["render",at]]),st=k({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:le,FontAwesomeIcon:S,ElAlert:ce,ImageWrapper:re,ElButton:q,ElTooltip:ie,ImagePreview:z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),lt={class:"preview"},rt={class:"left"},it={class:"main"},ct={class:"bot"},ut={class:"datetime"},dt={class:"info"},mt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},pt={key:1,class:"prompt mt-2"},ft={key:0},ht={key:0,class:O({content:!0,failed:!0})},_t={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},gt={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Vt={key:1,class:O({content:!0})},Nt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},St={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ot={key:2,class:O({content:!0})},Ut={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ct={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Gt(e,t,b,i,d,f){const h=s("el-image"),_=s("image-preview"),m=s("image-wrapper"),p=s("el-button"),w=s("el-tooltip"),r=s("font-awesome-icon"),v=s("copy-to-clipboard"),E=s("el-alert");return n(),l("div",lt,[c("div",rt,[o(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),c("div",it,[c("div",ct,[u(a(e.$t("nanobanana.name.nanobananaBot"))+" ",1),c("span",ut,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",dt,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(n(),l("div",mt,[(n(!0),l(A,null,N(e.modelValue?.request?.image_urls,(I,L)=>(n(),V(_,{key:L,url:I,name:`image-${L+1}`,closable:!1},null,8,["url","name"]))),128))])):g("",!0),e.modelValue?.request?.prompt?(n(),l("p",pt,[u(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(n(),l("span",ft," - ("+a(e.$t("nanobanana.status.pending"))+") ",1))])):g("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",ht,[c("div",_t,[(n(!0),l(A,null,N(e.images,(I,L)=>(n(),V(m,{key:L,src:I?.image_url,"raw-src":I?.image_url},null,8,["src","raw-src"]))),128))]),c("div",gt,[o(w,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(p,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=H(I=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[u(a(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(E,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),l("p",bt,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):g("",!0),e.modelValue?.request?.resolution?(n(),l("p",$t,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):g("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",vt,[o(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):g("",!0),e.modelValue?.request?.action?(n(),l("p",kt,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):g("",!0),c("p",yt,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",wt,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):g("",!0),e.modelValue?.response?.trace_id?(n(),l("p",At,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):g("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",Vt,[o(E,{closable:!1,class:"failure"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",Nt,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):g("",!0),e.modelValue?.request?.resolution?(n(),l("p",Et,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):g("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Rt,[o(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):g("",!0),e.modelValue?.request?.action?(n(),l("p",It,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):g("",!0),c("p",Lt,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Tt,[o(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),o(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",St,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):g("",!0),e.modelValue?.response?.trace_id?(n(),l("p",qt,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):g("",!0)]),_:1})])):(n(),l("div",Ot,[o(E,{closable:!1,class:"info"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",Ut,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):g("",!0),e.modelValue?.request?.resolution?(n(),l("p",Ct,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):g("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Pt,[o(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):g("",!0),e.modelValue?.request?.action?(n(),l("p",Bt,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):g("",!0),c("p",Mt,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const jt=y(st,[["render",Gt],["__scopeId","data-v-8d5f4fff"]]),Dt=k({name:"RecentPanel",components:{TaskPreview:jt,BotPlaceholder:de,NoTasks:me,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ft={key:0},xt={key:2,class:"w-full h-full flex items-center justify-center"};function zt(e,t,b,i,d,f){const h=s("bot-placeholder"),_=s("task-preview"),m=s("scroll-list"),p=s("no-tasks");return n(),l(A,null,[e.tasks?.items===void 0?(n(),l("div",Ft,[o(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),V(m,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=w=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),l(A,null,N(e.tasks?.items,w=>(n(),V(_,{key:w.id,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):g("",!0),e.tasks?.items?.length===0?(n(),l("div",xt,[o(p)])):g("",!0)],64)}const Wt=y(Dt,[["render",zt]]),Ht="https://webhook.acedata.cloud/nanobanana",Kt=k({name:"NanobananaIndex",components:{ConfigPanel:nt,Layout:be,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const b=this.tasks?.items?.[0];if(!b?.created_at)return;const d=this.$refs.recentPanel?.getScrollElement?.(),f=d?.scrollHeight||0,h=d?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:b.created_at}),await this.$nextTick(),d){const _=d.scrollHeight;d.scrollTop=_-f+h}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:b,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",b,"createdAtMax",i),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:b,createdAtMax:i})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==P&&"resolution"in e&&delete e.resolution,e?.model===P&&!e?.resolution&&(e.resolution=T);const b={...e,action:t?"edit":"generate",callback_url:Ht},i=this.credential?.token;if(!i){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),X("nanobanana",se.generate(b,{token:i})).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(d=>{const f=d?.response?.data;f?.error?.code===ne?R.error(this.$t("nanobanana.message.usedUp")):R.error(this.$t("nanobanana.message.startTaskFailed")+(f?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Jt(e,t,b,i,d,f){const h=s("config-panel"),_=s("recent-panel"),m=s("layout");return n(),V(m,null,{config:$(()=>[o(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Go=y(Kt,[["render",Jt]]);export{Go as default};
+import{F as S}from"./index.es-B8lllT8g.js";import{E as q}from"./index-CLjidAQE.js";import{E as W}from"./index-BQUmbWLp.js";import{d as k,H as l,E as c,z as C,C as o,y as $,D as s,q as n,F as a,I as u,O as A,N,x as V,J as g,M as H,Q as O}from"./vendor-vue-NSDaktjZ.js";import{E as y,b7 as K,cq as J,cr as x,cs as P,ct as Q,cu as T,cv as G,cw as j,cx as D,cd as X,aw as F}from"./index-C_v1q0BD.js";import{I as U,S as Y}from"./ScrollList-DOuthhHU.js";import{E as Z}from"./index-pbL6e1hu.js";import{p as ee}from"./pasteUploadMixin-BurWbGNQ.js";import{I as z}from"./ImagePreview-EH_qYPnG.js";import{E as te}from"./index-D74kR9sB.js";import{E as R}from"./index-BrkgdX_b.js";import{E as B,a as M}from"./index-DqImj4-b.js";import{C as oe}from"./Consumption-BZ1Dt-cb.js";import{a as ae}from"./price-DCHXyooY.js";import{b as ne}from"./errorCode-Cqj9Td_Z.js";import{n as se}from"./nanobanana-CiI-hQ2s.js";import{C as le}from"./CopyToClipboard-Bk4yijTq.js";import{I as re}from"./ImageWrapper-DmFaZfvA.js";import{E as ie}from"./index-Dkxi8Dfe.js";import{E as ce}from"./index-DX-J6pr9.js";import{E as ue}from"./index-Ypw-t9F1.js";import{B as de}from"./BotPlaceholder-CnVO8Q0c.js";import{N as me}from"./NoTasks-B2i1NH2w.js";import"./use-form-item-C6oldTyX.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-Cvgzdobq.js";import"./vendor-vue-router-Kg6s1a65.js";import"./typescript-BUlvNdio.js";import"./index-Ia3tM0sZ.js";import"./index-BTlYBKez.js";import"./index-CoOKzE4H.js";import"./_baseClone-D8csUT6N.js";import"./_Uint8Array-CSh_O3rU.js";import"./_initCloneObject-CpKLZJ5e.js";import"./isEqual-C0Ho5H9R.js";import"./index-xCG3aIBW.js";import"./strings-beZM2Y-f.js";import"./castArray-nEBWukcG.js";import"./debounce-Dl6XTDwu.js";import"./_baseIteratee-BF_69MFR.js";import"./index-Dc4hCp__.js";import"./index-C5OZLrMF.js";const pe=k({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:q,FontAwesomeIcon:S},data(){return{drawer:!1}}}),fe={class:"main flex flex-row flex-1"},he={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},_e={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function ge(e,t,b,i,d,f){const h=s("font-awesome-icon"),_=s("el-button"),m=s("el-drawer");return n(),l("div",fe,[c("div",he,[C(e.$slots,"config",{},void 0,!0)]),c("div",_e,[C(e.$slots,"result",{},void 0,!0)]),o(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=p=>e.drawer=!0)},{default:$(()=>[o(h,{icon:"fa-solid fa-magic"})]),_:1}),o(m,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=p=>e.drawer=p),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:$(()=>[C(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const be=y(pe,[["render",ge],["__scopeId","data-v-9fbc8a5c"]]),$e="",ve=k({name:"PromptInput",components:{ElInput:Z,InfoIcon:U},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){console.debug("set prompt",e),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=$e)}}),ke={class:"field"},ye={class:"box"},we={class:"title font-bold"};function Ae(e,t,b,i,d,f){const h=s("info-icon"),_=s("el-input");return n(),l("div",ke,[c("div",ye,[c("h2",we,a(e.$t("nanobanana.name.prompt")),1),o(h,{content:e.$t("nanobanana.description.prompt"),class:"info"},null,8,["content"])]),o(_,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=m=>e.prompt=m),rows:3,type:"textarea",class:"prompt",placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","placeholder"])])}const Ve=y(ve,[["render",Ae],["__scopeId","data-v-2331e197"]]),Ne=k({name:"ImageUrlsInput",components:{ElUpload:te,ElButton:q,InfoIcon:U,ImagePreview:z,FontAwesomeIcon:S},mixins:[ee],data(){return{fileList:[],uploadUrl:K()+"/api/v1/files/",suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.nanobanana?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){const i=(this.fileList||[]).filter(d=>!d?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const d=this.fileList.find(f=>f?.response?.file_url===i||f?.url===i);d?t.push(d):t.push({name:i.split("/").pop()||i,url:i,status:"success",percentage:100,response:{file_url:i}})}),(this.fileList||[]).filter(i=>!i?.response?.file_url).forEach(i=>{t.some(f=>f===i||f?.url===i?.url||f?.response?.file_url===i?.response?.file_url)||t.push(i)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url=="string"&&e.url.startsWith("blob:"))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){R.warning(this.$t("nanobanana.message.uploadImageExceed"))},onError(){R.error(this.$t("nanobanana.message.uploadImageError"))},onSetImageUrls(){const e=this.urls;this.suppressWatch=!0,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url=="string"&&t.url.startsWith("blob:"))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Ee={class:"field flex items-center justify-between"},Re={class:"title font-bold text-[14px] mb-[10px]"},Ie={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Le={class:"controls flex items-center"},Te={class:"file-list flex flex-wrap gap-[10px]"};function Se(e,t,b,i,d,f){const h=s("font-awesome-icon"),_=s("el-button"),m=s("el-upload"),p=s("info-icon"),w=s("image-preview");return n(),l(A,null,[c("div",Ee,[c("h2",Re,a(e.$t("nanobanana.name.imageUrls")),1),c("div",Ie,[c("div",Le,[o(m,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=r=>e.fileList=r),accept:".png,.jpg,.jpeg,.gif,.bmp,.webp",name:"file",class:"value",limit:5,multiple:!0,"show-file-list":!1,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,"on-change":e.onChange,"on-remove":e.onRemove,headers:e.headers},{default:$(()=>[o(_,{size:"small",type:"primary",round:""},{default:$(()=>[o(h,{icon:"fa-solid fa-upload",class:"mr-1"}),u(" "+a(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),o(p,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),c("div",Te,[(n(!0),l(A,null,N(e.fileList,(r,v)=>(n(),V(w,{key:r.uid||r?.response?.file_url||r.url||v,url:r.url||r?.response?.file_url,name:r.name,percentage:r.percentage,onRemove:E=>e.onRemovePreview(v,r)},null,8,["url","name","percentage","onRemove"]))),128))])],64)}const qe=y(Ne,[["render",Se]]),Oe=k({name:"AspectRatioSelector",components:{ElSelect:M,ElOption:B},data(){return{options:["1:1","3:2","2:3","16:9","9:16","4:3","3:4"]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.aspect_ratio},set(e){console.debug("set aspect_ratio",e);const t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit("nanobanana/setConfig",t)}}}}),Ue={class:"field"},Ce={class:"title font-bold"};function Pe(e,t,b,i,d,f){const h=s("el-option"),_=s("el-select");return n(),l("div",Ue,[c("h2",Ce,a(e.$t("nanobanana.name.aspectRatio")),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),V(h,{key:m,label:m,value:m},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Be=y(Oe,[["render",Pe],["__scopeId","data-v-67f08a08"]]),Me=k({name:"NanobananaModelSelector",components:{ElSelect:M,ElOption:B,InfoIcon:U},data(){return{options:[{value:x,label:this.$t("nanobanana.model.nanoBanana")},{value:P,label:this.$t("nanobanana.model.nanoBananaPro")},{value:Q,label:this.$t("nanobanana.model.nanoBanana2")}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.model},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,model:e})}},modelDescription(){return this.$t("nanobanana.description.model")}},mounted(){this.value||(this.value=J)}}),Ge={class:"field"},je={class:"label"},De={class:"box"},Fe={class:"title font-bold"};function xe(e,t,b,i,d,f){const h=s("info-icon"),_=s("el-option"),m=s("el-select");return n(),l("div",Ge,[c("div",je,[c("div",De,[c("h2",Fe,a(e.$t("nanobanana.name.model")),1),o(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:$(()=>[(n(!0),l(A,null,N(e.options,p=>(n(),V(_,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const ze=y(Me,[["render",xe],["__scopeId","data-v-94304d73"]]),We=k({name:"NanobananaResolutionSelector",components:{ElSelect:M,ElOption:B,InfoIcon:U},data(){return{cachedResolution:T,options:[{value:G,label:G},{value:j,label:j},{value:D,label:D}]}},computed:{value:{get(){return this.$store.state.nanobanana?.config?.resolution},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:e})}},isProModel(){return this.$store.state.nanobanana?.config?.model!==x}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||(this.value=this.cachedResolution||T):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=T),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),He={class:"field"},Ke={class:"label"},Je={class:"box"},Qe={class:"title font-bold"};function Xe(e,t,b,i,d,f){const h=s("info-icon"),_=s("el-option"),m=s("el-select");return n(),l("div",He,[c("div",Ke,[c("div",Je,[c("h2",Qe,a(e.$t("nanobanana.name.resolution")),1),o(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),o(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=p=>e.value=p),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:$(()=>[(n(!0),l(A,null,N(e.options,p=>(n(),V(_,{key:p.value,label:p.label,value:p.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Ye=y(We,[["render",Xe],["__scopeId","data-v-fd5ab393"]]),Ze=k({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:S,PromptInput:Ve,Consumption:oe,ImageUrlsInput:qe,AspectRatioSelector:Be,ModelSelector:ze,ResolutionSelector:Ye},emits:["generate"],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return ae({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),et={class:"flex flex-col h-full"},tt={class:"flex-1 overflow-y-auto p-5"},ot={class:"flex flex-col items-center justify-center px-5 pb-5"};function at(e,t,b,i,d,f){const h=s("model-selector"),_=s("resolution-selector"),m=s("prompt-input"),p=s("aspect-ratio-selector"),w=s("image-urls-input"),r=s("consumption"),v=s("font-awesome-icon"),E=s("el-button");return n(),l("div",et,[c("div",tt,[o(h,{class:"mb-4"}),o(_,{class:"mb-4"}),o(m,{class:"mb-4"}),o(p,{class:"mb-4"}),o(w,{class:"mb-4"})]),c("div",ot,[o(r,{value:e.consumption,service:e.service},null,8,["value","service"]),o(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:$(()=>[o(v,{icon:"fa-solid fa-magic",class:"mr-2"}),u(" "+a(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const nt=y(Ze,[["render",at]]),st=k({name:"TaskPreview",components:{ElImage:ue,CopyToClipboard:le,FontAwesomeIcon:S,ElAlert:ce,ImageWrapper:re,ElButton:q,ElTooltip:ie,ImagePreview:z},props:{modelValue:{type:Object,required:!0}},computed:{images(){const e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{e.push(t)}),e}},methods:{onEdit(e){if(!e)return;console.debug("Edit image:",e);const t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit("nanobanana/setConfig",t)}}}),lt={class:"preview"},rt={class:"left"},it={class:"main"},ct={class:"bot"},ut={class:"datetime"},dt={class:"info"},mt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},pt={key:1,class:"prompt mt-2"},ft={key:0},ht={key:0,class:O({content:!0,failed:!0})},_t={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},gt={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},$t={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},At={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Vt={key:1,class:O({content:!0})},Nt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},It={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Lt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Tt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},St={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},qt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Ot={key:2,class:O({content:!0})},Ut={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ct={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Mt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Gt(e,t,b,i,d,f){const h=s("el-image"),_=s("image-preview"),m=s("image-wrapper"),p=s("el-button"),w=s("el-tooltip"),r=s("font-awesome-icon"),v=s("copy-to-clipboard"),E=s("el-alert");return n(),l("div",lt,[c("div",rt,[o(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),c("div",it,[c("div",ct,[u(a(e.$t("nanobanana.name.nanobananaBot"))+" ",1),c("span",ut,a(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),c("div",dt,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(n(),l("div",mt,[(n(!0),l(A,null,N(e.modelValue?.request?.image_urls,(I,L)=>(n(),V(_,{key:L,url:I,name:`image-${L+1}`,closable:!1},null,8,["url","name"]))),128))])):g("",!0),e.modelValue?.request?.prompt?(n(),l("p",pt,[u(a(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?g("",!0):(n(),l("span",ft," - ("+a(e.$t("nanobanana.status.pending"))+") ",1))])):g("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",ht,[c("div",_t,[(n(!0),l(A,null,N(e.images,(I,L)=>(n(),V(m,{key:L,src:I?.image_url,"raw-src":I?.image_url},null,8,["src","raw-src"]))),128))]),c("div",gt,[o(w,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:$(()=>[o(p,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=H(I=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:$(()=>[u(a(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),o(E,{closable:!1,class:"mt-2 success"},{default:$(()=>[e.modelValue?.request?.model?(n(),l("p",bt,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):g("",!0),e.modelValue?.request?.resolution?(n(),l("p",$t,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):g("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",vt,[o(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):g("",!0),e.modelValue?.request?.action?(n(),l("p",kt,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):g("",!0),c("p",yt,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",wt,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):g("",!0),e.modelValue?.response?.trace_id?(n(),l("p",At,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):g("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",Vt,[o(E,{closable:!1,class:"failure"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",Nt,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):g("",!0),e.modelValue?.request?.resolution?(n(),l("p",Et,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):g("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Rt,[o(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):g("",!0),e.modelValue?.request?.action?(n(),l("p",It,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):g("",!0),c("p",Lt,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),c("p",Tt,[o(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failureReason"))+": "+a(e.modelValue?.response?.error?.message)+" ",1),o(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",St,[o(r,{icon:"fa-solid fa-clock",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.elapsed"))+": "+a(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):g("",!0),e.modelValue?.response?.trace_id?(n(),l("p",qt,[o(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.traceId"))+": "+a(e.modelValue?.response?.trace_id)+" ",1),o(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):g("",!0)]),_:1})])):(n(),l("div",Ot,[o(E,{closable:!1,class:"info"},{template:$(()=>[o(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.failure")),1)]),default:$(()=>[e.modelValue?.request?.model?(n(),l("p",Ut,[o(r,{icon:"fa-solid fa-cube",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.model"))+": "+a(e.modelValue?.request?.model),1)])):g("",!0),e.modelValue?.request?.resolution?(n(),l("p",Ct,[o(r,{icon:"fa-solid fa-image",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.resolution"))+": "+a(e.modelValue?.request?.resolution),1)])):g("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Pt,[o(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.aspectRatio"))+": "+a(e.modelValue?.request?.aspect_ratio),1)])):g("",!0),e.modelValue?.request?.action?(n(),l("p",Bt,[o(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.task"))+": "+a(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):g("",!0),c("p",Mt,[o(r,{icon:"fa-solid fa-magic",class:"mr-1"}),u(" "+a(e.$t("nanobanana.name.taskId"))+": "+a(e.modelValue?.id)+" ",1),o(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const jt=y(st,[["render",Gt],["__scopeId","data-v-8d5f4fff"]]),Dt=k({name:"RecentPanel",components:{TaskPreview:jt,BotPlaceholder:de,NoTasks:me,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.nanobanana?.tasks,items:this.$store.state.nanobanana?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ft={key:0},xt={key:2,class:"w-full h-full flex items-center justify-center"};function zt(e,t,b,i,d,f){const h=s("bot-placeholder"),_=s("task-preview"),m=s("scroll-list"),p=s("no-tasks");return n(),l(A,null,[e.tasks?.items===void 0?(n(),l("div",Ft,[o(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),V(m,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=w=>e.$emit("reach-top"))},{default:$(()=>[(n(!0),l(A,null,N(e.tasks?.items,w=>(n(),V(_,{key:w.id,"model-value":w},null,8,["model-value"]))),128))]),_:1},8,["loading"])):g("",!0),e.tasks?.items?.length===0?(n(),l("div",xt,[o(p)])):g("",!0)],64)}const Wt=y(Dt,[["render",zt]]),Ht="https://webhook.acedata.cloud/nanobanana",Kt=k({name:"NanobananaIndex",components:{ConfigPanel:nt,Layout:be,RecentPanel:Wt},inject:["initialized"],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===F.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===F.Request},credential(){return this.$store.state.nanobanana?.credential},config(){return this.$store.state.nanobanana?.config},application(){return this.$store.state.nanobanana?.application},tasks(){return this.$store.state.nanobanana?.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug("new tasks detected")},deep:!0},initialized:{async handler(e){e&&(console.debug("layout initialized"),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){if(console.debug("reached top"),this.loading||this.tasksLoading)return;const e=this.tasks?.total,t=this.tasks?.items?.length||0;if(e!==void 0&&e<=t)return;const b=this.tasks?.items?.[0];if(!b?.created_at)return;const d=this.$refs.recentPanel?.getScrollElement?.(),f=d?.scrollHeight||0,h=d?.scrollTop||0;this.loading=!0;try{if(await this.onGetTasks({createdAtMax:b.created_at}),await this.$nextTick(),d){const _=d.scrollHeight;d.scrollTop=_-f+h}}finally{this.loading=!1}},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:b,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",b,"createdAtMax",i),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:b,createdAtMax:i})},async onGenerate(){const e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;delete e.action,!t&&"image_urls"in e&&delete e.image_urls,e?.aspect_ratio||delete e.aspect_ratio,e?.model!==P&&"resolution"in e&&delete e.resolution,e?.model===P&&!e?.resolution&&(e.resolution=T);const b={...e,action:t?"edit":"generate",callback_url:Ht},i=this.credential?.token;if(!i){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),X("nanobanana",se.generate(b,{token:i})).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(d=>{const f=d?.response?.data;f?.error?.code===ne?R.error(this.$t("nanobanana.message.usedUp")):R.error(this.$t("nanobanana.message.startTaskFailed")+(f?.error?.message||""))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Jt(e,t,b,i,d,f){const h=s("config-panel"),_=s("recent-panel"),m=s("layout");return n(),V(m,null,{config:$(()=>[o(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:$(()=>[o(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Go=y(Kt,[["render",Jt]]);export{Go as default};