@acedatacloud/nexior 3.203.0 → 3.205.0

package/dist/assets/{Index-B33qjy50.js → Index-BaHzFWAO.js}

@@ -1 +1 @@
-import{F as T}from"./index.es-bLqkOFPJ.js";import{E as q}from"./index-vb_jrfN_.js";import{E as W}from"./index-BS4HjKz4.js";import{d as y,H as l,E as u,z as U,C as a,y as g,D as s,q as n,x as k,F as o,I as c,O as A,N,J as p,M as K,Q as O}from"./vendor-vue-NSDaktjZ.js";import{G as w,bj as H,cI as J,cJ as x,cK as C,cL as Q,cM as S,cN as M,cO as j,cP as D,co as X,aT as Y,S as F,cp as Z}from"./index-CL7TuUOi.js";import{P as ee,N as te}from"./NoTasks-2V-AkMAB.js";import{p as ae}from"./pasteUploadMixin-BurWbGNQ.js";import{I as P,S as oe,l as ne}from"./pagination-Bk-2VIGU.js";import{I as z}from"./ImagePreview-Cpvb69ki.js";import{E as se}from"./index-BzX9_Qk6.js";import{E as R}from"./index-iGjQBm25.js";import{E as B,a as G}from"./index-CXYP5r_e.js";import{C as le}from"./Consumption-DXWduK4n.js";import{a as re}from"./price-WUodxvCk.js";import{b as ie}from"./errorCode-Cqj9Td_Z.js";import{C as ce}from"./CopyToClipboard-CuF3QZ08.js";import{I as ue}from"./ImageWrapper-gJPufYGz.js";import{E as me}from"./index-CtGSe2nE.js";import{E as de}from"./index-CEzHDHOG.js";import{E as pe}from"./index-mx88Dn1t.js";import{B as fe}from"./BotPlaceholder-CRRj0hwS.js";import"./use-form-item-D-4pUYPe.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-Cw6BPE5r.js";import"./typescript-IWpxm_CC.js";import"./index-BGvu5xO5.js";import"./index-CqG0SCZo.js";import"./index-B2GV1dfF.js";import"./_baseClone-CVuCG1nJ.js";import"./_Uint8Array-ByQwykQe.js";import"./_initCloneObject-DuTLs5Xf.js";import"./isEqual-B4Ey1Jwt.js";import"./index-ClMIGtYN.js";import"./strings-beZM2Y-f.js";import"./castArray-DSy3F7mH.js";import"./debounce-CbU1MTVp.js";import"./_baseIteratee-NPUbMVeM.js";import"./index-CS3X4mU1.js";import"./index-DnSC7fOc.js";const he=y({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:q,FontAwesomeIcon:T},data(){return{drawer:!1}}}),_e={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)]"},be={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function $e(e,t,$,i,b,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-drawer");return n(),l("div",_e,[u("div",ge,[U(e.$slots,"config",{},void 0,!0)]),u("div",be,[U(e.$slots,"result",{},void 0,!0)]),a(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=m=>e.drawer=!0)},{default:g(()=>[a(h,{icon:"fa-solid fa-magic"})]),_:1}),a(d,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:g(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ve=w(he,[["render",$e],["__scopeId","data-v-8ca1c212"]]),ke="",ye=y({name:"PromptInput",components:{PromptTextarea:ee},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ke)}});function we(e,t,$,i,b,f){const h=s("prompt-textarea");return n(),k(h,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),title:e.$t("nanobanana.name.prompt"),info:e.$t("nanobanana.description.prompt"),placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Ve=w(ye,[["render",we]]),Ae=y({name:"ImageUrlsInput",components:{ElUpload:se,ElButton:q,InfoIcon:P,ImagePreview:z,FontAwesomeIcon:T},mixins:[ae],data(){return{fileList:[],uploadUrl:H()+"/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(b=>!b?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const b=this.fileList.find(f=>f?.response?.file_url===i||f?.url===i);b?t.push(b):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()}}}),Ne={class:"field flex items-center justify-between"},Ee={class:"title font-bold text-[14px] mb-[10px]"},Re={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Le={class:"controls flex items-center"},Ie={class:"file-list flex flex-wrap gap-[10px]"};function Se(e,t,$,i,b,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-upload"),m=s("info-icon"),V=s("image-preview");return n(),l(A,null,[u("div",Ne,[u("h2",Ee,o(e.$t("nanobanana.name.imageUrls")),1),u("div",Re,[u("div",Le,[a(d,{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:g(()=>[a(_,{size:"small",type:"primary",round:""},{default:g(()=>[a(h,{icon:"fa-solid fa-upload",class:"mr-1"}),c(" "+o(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),a(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),u("div",Ie,[(n(!0),l(A,null,N(e.fileList,(r,v)=>(n(),k(V,{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 Te=w(Ae,[["render",Se]]),qe=y({name:"AspectRatioSelector",components:{ElSelect:G,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)}}}}),Oe={class:"field"},Ue={class:"title font-bold"};function Ce(e,t,$,i,b,f){const h=s("el-option"),_=s("el-select");return n(),l("div",Oe,[u("h2",Ue,o(e.$t("nanobanana.name.aspectRatio")),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:g(()=>[(n(!0),l(A,null,N(e.options,d=>(n(),k(h,{key:d,label:d,value:d},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=w(qe,[["render",Ce],["__scopeId","data-v-67f08a08"]]),Be=y({name:"NanobananaModelSelector",components:{ElSelect:G,ElOption:B,InfoIcon:P},data(){return{options:[{value:x,label:this.$t("nanobanana.model.nanoBanana")},{value:C,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"},Me={class:"label"},je={class:"box"},De={class:"title font-bold"};function Fe(e,t,$,i,b,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",Ge,[u("div",Me,[u("div",je,[u("h2",De,o(e.$t("nanobanana.name.model")),1),a(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:g(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xe=w(Be,[["render",Fe],["__scopeId","data-v-94304d73"]]),ze=y({name:"NanobananaResolutionSelector",components:{ElSelect:G,ElOption:B,InfoIcon:P},data(){return{cachedResolution:S,options:[{value:M,label:M},{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||S):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=S),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),We={class:"field"},Ke={class:"label"},He={class:"box"},Je={class:"title font-bold"};function Qe(e,t,$,i,b,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",We,[u("div",Ke,[u("div",He,[u("h2",Je,o(e.$t("nanobanana.name.resolution")),1),a(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:g(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Xe=w(ze,[["render",Qe],["__scopeId","data-v-fd5ab393"]]),Ye=y({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:T,PromptInput:Ve,Consumption:le,ImageUrlsInput:Te,AspectRatioSelector:Pe,ModelSelector:xe,ResolutionSelector:Xe},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 re({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ze={class:"flex flex-col h-full"},et={class:"flex-1 overflow-y-auto p-5"},tt={class:"flex flex-col items-center justify-center px-5 pb-5"};function at(e,t,$,i,b,f){const h=s("model-selector"),_=s("resolution-selector"),d=s("prompt-input"),m=s("aspect-ratio-selector"),V=s("image-urls-input"),r=s("consumption"),v=s("font-awesome-icon"),E=s("el-button");return n(),l("div",Ze,[u("div",et,[a(h,{class:"mb-4"}),a(_,{class:"mb-4"}),a(d,{class:"mb-4"}),a(m,{class:"mb-4"}),a(V,{class:"mb-4"})]),u("div",tt,[a(r,{value:e.consumption,service:e.service},null,8,["value","service"]),a(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:g(()=>[a(v,{icon:"fa-solid fa-magic",class:"mr-2"}),c(" "+o(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const ot=w(Ye,[["render",at]]),nt=y({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:ce,FontAwesomeIcon:T,ElAlert:de,ImageWrapper:ue,ElButton:q,ElTooltip:me,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)}}}),st={class:"preview"},lt={class:"left"},rt={class:"main"},it={class:"bot"},ct={class:"datetime"},ut={class:"info"},mt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},dt={key:1,class:"prompt mt-2"},pt={key:0},ft={key:0,class:O({content:!0,failed:!0})},ht={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},_t={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},gt={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"},$t={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Vt={key:1,class:O({content:!0})},At={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={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"},It={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"},Tt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:2,class:O({content:!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"},Ct={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Gt(e,t,$,i,b,f){const h=s("el-image"),_=s("image-preview"),d=s("image-wrapper"),m=s("el-button"),V=s("el-tooltip"),r=s("font-awesome-icon"),v=s("copy-to-clipboard"),E=s("el-alert");return n(),l("div",st,[u("div",lt,[a(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),u("div",rt,[u("div",it,[c(o(e.$t("nanobanana.name.nanobananaBot"))+" ",1),u("span",ct,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),u("div",ut,[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,(L,I)=>(n(),k(_,{key:I,url:L,name:`image-${I+1}`,closable:!1},null,8,["url","name"]))),128))])):p("",!0),e.modelValue?.request?.prompt?(n(),l("p",dt,[c(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?p("",!0):(n(),l("span",pt," - ("+o(e.$t("nanobanana.status.pending"))+") ",1))])):p("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",ft,[u("div",ht,[(n(!0),l(A,null,N(e.images,(L,I)=>(n(),k(d,{key:I,src:L?.image_url,"raw-src":L?.image_url},null,8,["src","raw-src"]))),128))]),u("div",_t,[a(V,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:g(()=>[a(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=K(L=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:g(()=>[c(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),a(E,{closable:!1,class:"mt-2 success"},{default:g(()=>[e.modelValue?.request?.model?(n(),l("p",gt,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",bt,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",$t,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",vt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",kt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",yt,[a(r,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",wt,[a(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):p("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",Vt,[a(E,{closable:!1,class:"failure"},{template:g(()=>[a(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:g(()=>[e.modelValue?.request?.model?(n(),l("p",At,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Nt,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Et,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Rt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Lt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),u("p",It,[a(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),a(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",St,[a(r,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",Tt,[a(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):p("",!0)]),_:1})])):(n(),l("div",qt,[a(E,{closable:!1,class:"info"},{template:g(()=>[a(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:g(()=>[e.modelValue?.request?.model?(n(),l("p",Ot,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Ut,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Ct,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Pt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Bt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Mt=w(nt,[["render",Gt],["__scopeId","data-v-8d5f4fff"]]),jt=y({name:"RecentPanel",components:{TaskPreview:Mt,BotPlaceholder:fe,NoTasks:te,ScrollList:oe},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?.()}}}),Dt={key:0},Ft={key:2,class:"w-full h-full flex items-center justify-center"};function xt(e,t,$,i,b,f){const h=s("bot-placeholder"),_=s("task-preview"),d=s("scroll-list"),m=s("no-tasks");return n(),l(A,null,[e.tasks?.items===void 0?(n(),l("div",Dt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(d,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:g(()=>[(n(!0),l(A,null,N(e.tasks?.items,V=>(n(),k(_,{key:V.id,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):p("",!0),e.tasks?.items?.length===0?(n(),l("div",Ft,[a(m)])):p("",!0)],64)}const zt=w(jt,[["render",xt]]),Wt=Z("nanobanana"),Kt=y({name:"NanobananaIndex",components:{ConfigPanel:ot,Layout:ve,RecentPanel:zt},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(){await ne({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:$,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",$,"createdAtMax",i),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:$,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!==C&&"resolution"in e&&delete e.resolution,e?.model===C&&!e?.resolution&&(e.resolution=S);const $={...e,action:t?"edit":"generate",callback_url:Wt},i=this.credential?.token;if(!i){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),X("nanobanana",Y.generate($,{token:i})).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(b=>{const f=b?.response?.data;f?.error?.code===ie?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 Ht(e,t,$,i,b,f){const h=s("config-panel"),_=s("recent-panel"),d=s("layout");return n(),k(d,null,{config:g(()=>[a(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:g(()=>[a(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Pa=w(Kt,[["render",Ht]]);export{Pa as default};
+import{F as T}from"./index.es-rfDbxZpm.js";import{E as q}from"./index-DBQvlqm3.js";import{E as W}from"./index-D-KZRZPp.js";import{d as y,H as l,E as u,z as U,C as a,y as g,D as s,q as n,x as k,F as o,I as c,O as A,N,J as p,M as K,Q as O}from"./vendor-vue-NSDaktjZ.js";import{G as w,bj as H,cI as J,cJ as x,cK as C,cL as Q,cM as S,cN as M,cO as j,cP as D,co as X,aT as Y,S as F,cp as Z}from"./index-DDJccgho.js";import{P as ee,N as te}from"./NoTasks-COwD2YRA.js";import{p as ae}from"./pasteUploadMixin-BurWbGNQ.js";import{I as P,S as oe,l as ne}from"./pagination-CDk6ho1i.js";import{I as z}from"./ImagePreview-D1oWKxPX.js";import{E as se}from"./index-Db5A7UiS.js";import{E as R}from"./index-DtUQgyoo.js";import{E as B,a as G}from"./index-CJ8YZq-e.js";import{C as le}from"./Consumption-u-UR3f-q.js";import{a as re}from"./price-C2VbzPrG.js";import{b as ie}from"./errorCode-Cqj9Td_Z.js";import{C as ce}from"./CopyToClipboard-D2Ga1c-u.js";import{I as ue}from"./ImageWrapper-Dbzrv2-m.js";import{E as me}from"./index-DK4DFfU5.js";import{E as de}from"./index-wrqbgHKw.js";import{E as pe}from"./index-CkfWRF3i.js";import{B as fe}from"./BotPlaceholder-GbwaSlCU.js";import"./use-form-item-1C5uFRHv.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-Df5ITouH.js";import"./index-D-SiG2bP.js";import"./typescript-CCF0uyn2.js";import"./index-BPk2ZoOA.js";import"./index-E1-z9_FO.js";import"./index-BjCVlRvR.js";import"./_baseClone-C7mAsPbg.js";import"./_Uint8Array-DiKiqj6b.js";import"./_initCloneObject-DHUwupd_.js";import"./isEqual-CC5LQv_R.js";import"./index-DkEDXKbD.js";import"./strings-beZM2Y-f.js";import"./castArray-DbfVevQg.js";import"./debounce-B-jn60n6.js";import"./_baseIteratee-CCcx0UCd.js";import"./index-B0Cwb-D-.js";import"./index-BcNn3Owf.js";const he=y({name:"LayoutNanobanana",components:{ElDrawer:W,ElButton:q,FontAwesomeIcon:T},data(){return{drawer:!1}}}),_e={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)]"},be={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function $e(e,t,$,i,b,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-drawer");return n(),l("div",_e,[u("div",ge,[U(e.$slots,"config",{},void 0,!0)]),u("div",be,[U(e.$slots,"result",{},void 0,!0)]),a(_,{circle:"",class:"menu",onClick:t[0]||(t[0]=m=>e.drawer=!0)},{default:g(()=>[a(h,{icon:"fa-solid fa-magic"})]),_:1}),a(d,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:g(()=>[U(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const ve=w(he,[["render",$e],["__scopeId","data-v-8ca1c212"]]),ke="",ye=y({name:"PromptInput",components:{PromptTextarea:ee},computed:{prompt:{get(){return this.$store.state.nanobanana?.config?.prompt},set(e){this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=ke)}});function we(e,t,$,i,b,f){const h=s("prompt-textarea");return n(),k(h,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=_=>e.prompt=_),title:e.$t("nanobanana.name.prompt"),info:e.$t("nanobanana.description.prompt"),placeholder:e.$t("nanobanana.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const Ve=w(ye,[["render",we]]),Ae=y({name:"ImageUrlsInput",components:{ElUpload:se,ElButton:q,InfoIcon:P,ImagePreview:z,FontAwesomeIcon:T},mixins:[ae],data(){return{fileList:[],uploadUrl:H()+"/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(b=>!b?.response?.file_url);this.fileList=i.length?i:[];return}const t=[];e.forEach(i=>{const b=this.fileList.find(f=>f?.response?.file_url===i||f?.url===i);b?t.push(b):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()}}}),Ne={class:"field flex items-center justify-between"},Ee={class:"title font-bold text-[14px] mb-[10px]"},Re={class:"upload-wrapper flex flex-col items-start gap-[8px]"},Le={class:"controls flex items-center"},Ie={class:"file-list flex flex-wrap gap-[10px]"};function Se(e,t,$,i,b,f){const h=s("font-awesome-icon"),_=s("el-button"),d=s("el-upload"),m=s("info-icon"),V=s("image-preview");return n(),l(A,null,[u("div",Ne,[u("h2",Ee,o(e.$t("nanobanana.name.imageUrls")),1),u("div",Re,[u("div",Le,[a(d,{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:g(()=>[a(_,{size:"small",type:"primary",round:""},{default:g(()=>[a(h,{icon:"fa-solid fa-upload",class:"mr-1"}),c(" "+o(e.$t("nanobanana.button.uploadImageUrls")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","on-change","on-remove","headers"]),a(m,{content:e.$t("nanobanana.description.imageUrls"),class:"ml-2"},null,8,["content"])])])]),u("div",Ie,[(n(!0),l(A,null,N(e.fileList,(r,v)=>(n(),k(V,{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 Te=w(Ae,[["render",Se]]),qe=y({name:"AspectRatioSelector",components:{ElSelect:G,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)}}}}),Oe={class:"field"},Ue={class:"title font-bold"};function Ce(e,t,$,i,b,f){const h=s("el-option"),_=s("el-select");return n(),l("div",Oe,[u("h2",Ue,o(e.$t("nanobanana.name.aspectRatio")),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=d=>e.value=d),class:"value",clearable:"",placeholder:e.$t("nanobanana.placeholder.select")},{default:g(()=>[(n(!0),l(A,null,N(e.options,d=>(n(),k(h,{key:d,label:d,value:d},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Pe=w(qe,[["render",Ce],["__scopeId","data-v-67f08a08"]]),Be=y({name:"NanobananaModelSelector",components:{ElSelect:G,ElOption:B,InfoIcon:P},data(){return{options:[{value:x,label:this.$t("nanobanana.model.nanoBanana")},{value:C,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"},Me={class:"label"},je={class:"box"},De={class:"title font-bold"};function Fe(e,t,$,i,b,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",Ge,[u("div",Me,[u("div",je,[u("h2",De,o(e.$t("nanobanana.name.model")),1),a(h,{content:e.modelDescription,class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select")},{default:g(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const xe=w(Be,[["render",Fe],["__scopeId","data-v-94304d73"]]),ze=y({name:"NanobananaResolutionSelector",components:{ElSelect:G,ElOption:B,InfoIcon:P},data(){return{cachedResolution:S,options:[{value:M,label:M},{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||S):(this.value&&(this.cachedResolution=this.value),this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}},mounted(){this.isProModel&&!this.value&&(this.value=S),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit("nanobanana/setConfig",{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),We={class:"field"},Ke={class:"label"},He={class:"box"},Je={class:"title font-bold"};function Qe(e,t,$,i,b,f){const h=s("info-icon"),_=s("el-option"),d=s("el-select");return n(),l("div",We,[u("div",Ke,[u("div",He,[u("h2",Je,o(e.$t("nanobanana.name.resolution")),1),a(h,{content:e.$t("nanobanana.description.resolutionProOnly"),class:"info"},null,8,["content"])])]),a(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=m=>e.value=m),class:"value",placeholder:e.$t("nanobanana.placeholder.select"),disabled:!e.isProModel},{default:g(()=>[(n(!0),l(A,null,N(e.options,m=>(n(),k(_,{key:m.value,label:m.label,value:m.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder","disabled"])])}const Xe=w(ze,[["render",Qe],["__scopeId","data-v-fd5ab393"]]),Ye=y({name:"ConfigPanel",components:{ElButton:q,FontAwesomeIcon:T,PromptInput:Ve,Consumption:le,ImageUrlsInput:Te,AspectRatioSelector:Pe,ModelSelector:xe,ResolutionSelector:Xe},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 re({...e,action:t?"edit":"generate"},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit("generate")}}}),Ze={class:"flex flex-col h-full"},et={class:"flex-1 overflow-y-auto p-5"},tt={class:"flex flex-col items-center justify-center px-5 pb-5"};function at(e,t,$,i,b,f){const h=s("model-selector"),_=s("resolution-selector"),d=s("prompt-input"),m=s("aspect-ratio-selector"),V=s("image-urls-input"),r=s("consumption"),v=s("font-awesome-icon"),E=s("el-button");return n(),l("div",Ze,[u("div",et,[a(h,{class:"mb-4"}),a(_,{class:"mb-4"}),a(d,{class:"mb-4"}),a(m,{class:"mb-4"}),a(V,{class:"mb-4"})]),u("div",tt,[a(r,{value:e.consumption,service:e.service},null,8,["value","service"]),a(E,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:g(()=>[a(v,{icon:"fa-solid fa-magic",class:"mr-2"}),c(" "+o(e.$t("nanobanana.button.generate")),1)]),_:1},8,["onClick"])])])}const ot=w(Ye,[["render",at]]),nt=y({name:"TaskPreview",components:{ElImage:pe,CopyToClipboard:ce,FontAwesomeIcon:T,ElAlert:de,ImageWrapper:ue,ElButton:q,ElTooltip:me,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)}}}),st={class:"preview"},lt={class:"left"},rt={class:"main"},it={class:"bot"},ct={class:"datetime"},ut={class:"info"},mt={key:0,class:"flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto"},dt={key:1,class:"prompt mt-2"},pt={key:0},ft={key:0,class:O({content:!0,failed:!0})},ht={class:"flex justify-start items-center gap-4 w-full overflow-x-auto"},_t={class:O({operations:!0,"mt-2":!0,"mb-2":!0})},gt={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"},$t={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},vt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},kt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},yt={key:4,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},wt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Vt={key:1,class:O({content:!0})},At={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Et={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Rt={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"},It={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"},Tt={key:5,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},qt={key:2,class:O({content:!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"},Ct={key:2,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={key:3,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"};function Gt(e,t,$,i,b,f){const h=s("el-image"),_=s("image-preview"),d=s("image-wrapper"),m=s("el-button"),V=s("el-tooltip"),r=s("font-awesome-icon"),v=s("copy-to-clipboard"),E=s("el-alert");return n(),l("div",st,[u("div",lt,[a(h,{src:"https://cdn.acedata.cloud/859plc.jpg",class:"avatar"})]),u("div",rt,[u("div",it,[c(o(e.$t("nanobanana.name.nanobananaBot"))+" ",1),u("span",ct,o(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),u("div",ut,[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,(L,I)=>(n(),k(_,{key:I,url:L,name:`image-${I+1}`,closable:!1},null,8,["url","name"]))),128))])):p("",!0),e.modelValue?.request?.prompt?(n(),l("p",dt,[c(o(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?p("",!0):(n(),l("span",pt," - ("+o(e.$t("nanobanana.status.pending"))+") ",1))])):p("",!0)]),e.modelValue?.response?.success===!0?(n(),l("div",ft,[u("div",ht,[(n(!0),l(A,null,N(e.images,(L,I)=>(n(),k(d,{key:I,src:L?.image_url,"raw-src":L?.image_url},null,8,["src","raw-src"]))),128))]),u("div",_t,[a(V,{class:"box-item",effect:"dark",content:e.$t("common.button.edit"),placement:"top-start"},{default:g(()=>[a(m,{type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=K(L=>e.onEdit(e.images?.[0]?.image_url),["stop"]))},{default:g(()=>[c(o(e.$t("common.button.edit")),1)]),_:1})]),_:1},8,["content"])]),a(E,{closable:!1,class:"mt-2 success"},{default:g(()=>[e.modelValue?.request?.model?(n(),l("p",gt,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",bt,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",$t,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",vt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",kt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy inline-block"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",yt,[a(r,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",wt,[a(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy inline-block"},null,8,["content"])])):p("",!0)]),_:1})])):e.modelValue?.response?.success===!1?(n(),l("div",Vt,[a(E,{closable:!1,class:"failure"},{template:g(()=>[a(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:g(()=>[e.modelValue?.request?.model?(n(),l("p",At,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Nt,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Et,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Rt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Lt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])]),u("p",It,[a(r,{icon:"fa-solid fa-circle-info",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failureReason"))+": "+o(e.modelValue?.response?.error?.message)+" ",1),a(v,{content:e.modelValue?.response?.error?.message,class:"btn-copy"},null,8,["content"])]),e.modelValue?.elapsed?(n(),l("p",St,[a(r,{icon:"fa-solid fa-clock",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.elapsed"))+": "+o(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):p("",!0),e.modelValue?.response?.trace_id?(n(),l("p",Tt,[a(r,{icon:"fa-solid fa-hashtag",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.traceId"))+": "+o(e.modelValue?.response?.trace_id)+" ",1),a(v,{content:e.modelValue?.response?.trace_id,class:"btn-copy"},null,8,["content"])])):p("",!0)]),_:1})])):(n(),l("div",qt,[a(E,{closable:!1,class:"info"},{template:g(()=>[a(r,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.failure")),1)]),default:g(()=>[e.modelValue?.request?.model?(n(),l("p",Ot,[a(r,{icon:"fa-solid fa-cube",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.model"))+": "+o(e.modelValue?.request?.model),1)])):p("",!0),e.modelValue?.request?.resolution?(n(),l("p",Ut,[a(r,{icon:"fa-solid fa-image",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.resolution"))+": "+o(e.modelValue?.request?.resolution),1)])):p("",!0),e.modelValue?.request?.aspect_ratio?(n(),l("p",Ct,[a(r,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.aspectRatio"))+": "+o(e.modelValue?.request?.aspect_ratio),1)])):p("",!0),e.modelValue?.request?.action?(n(),l("p",Pt,[a(r,{icon:"fa-solid fa-bolt",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.task"))+": "+o(e.modelValue?.request?.action==="generate"?e.$t("nanobanana.name.generate"):e.$t("nanobanana.name.edits")),1)])):p("",!0),u("p",Bt,[a(r,{icon:"fa-solid fa-magic",class:"mr-1"}),c(" "+o(e.$t("nanobanana.name.taskId"))+": "+o(e.modelValue?.id)+" ",1),a(v,{content:e.modelValue?.id,class:"btn-copy"},null,8,["content"])])]),_:1})]))])])}const Mt=w(nt,[["render",Gt],["__scopeId","data-v-8d5f4fff"]]),jt=y({name:"RecentPanel",components:{TaskPreview:Mt,BotPlaceholder:fe,NoTasks:te,ScrollList:oe},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?.()}}}),Dt={key:0},Ft={key:2,class:"w-full h-full flex items-center justify-center"};function xt(e,t,$,i,b,f){const h=s("bot-placeholder"),_=s("task-preview"),d=s("scroll-list"),m=s("no-tasks");return n(),l(A,null,[e.tasks?.items===void 0?(n(),l("div",Dt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(n(),k(d,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=V=>e.$emit("reach-top"))},{default:g(()=>[(n(!0),l(A,null,N(e.tasks?.items,V=>(n(),k(_,{key:V.id,"model-value":V},null,8,["model-value"]))),128))]),_:1},8,["loading"])):p("",!0),e.tasks?.items?.length===0?(n(),l("div",Ft,[a(m)])):p("",!0)],64)}const zt=w(jt,[["render",xt]]),Wt=Z("nanobanana"),Kt=y({name:"NanobananaIndex",components:{ConfigPanel:ot,Layout:ve,RecentPanel:zt},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(){await ne({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug("start onGetService"),await this.$store.dispatch("nanobanana/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("nanobanana/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=20,createdAtMin:$,createdAtMax:i}=e||{};console.debug("limit",t,"createdAtMin",$,"createdAtMax",i),await this.$store.dispatch("nanobanana/getTasks",{limit:t,createdAtMin:$,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!==C&&"resolution"in e&&delete e.resolution,e?.model===C&&!e?.resolution&&(e.resolution=S);const $={...e,action:t?"edit":"generate",callback_url:Wt},i=this.credential?.token;if(!i){console.error("no token specified");return}R.info(this.$t("nanobanana.message.startingTask")),X("nanobanana",Y.generate($,{token:i})).then(()=>{R.success(this.$t("nanobanana.message.startTaskSuccess"))}).catch(b=>{const f=b?.response?.data;f?.error?.code===ie?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 Ht(e,t,$,i,b,f){const h=s("config-panel"),_=s("recent-panel"),d=s("layout");return n(),k(d,null,{config:g(()=>[a(h,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:g(()=>[a(_,{ref:"recentPanel",loading:e.loading,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Pa=w(Kt,[["render",Ht]]);export{Pa as default};

package/dist/assets/{Index-C2R1OZlQ.css → Index-BcDDMvCj.css}

@@ -1 +1 @@
-.menu[data-v-caafd095]{display:none}@media(max-width:767px){.config[data-v-caafd095]{display:none}.result[data-v-caafd095]{width:100%}.menu[data-v-caafd095]{display:block;position:absolute;right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000}}.field[data-v-eaa1425a]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-eaa1425a]{width:30%;display:flex;align-items:center}.field .label .box[data-v-eaa1425a]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-eaa1425a]{font-size:14px;margin:0}.field .label .box .info[data-v-eaa1425a]{margin-left:6px}.field .value[data-v-eaa1425a]{width:160px}.field[data-v-5c809a72]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-5c809a72]{width:30%;display:flex;align-items:center}.field .label .box[data-v-5c809a72]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-5c809a72]{font-size:14px;margin:0}.field .label .box .info[data-v-5c809a72]{margin-left:6px}.field .value[data-v-5c809a72]{width:80px}.field[data-v-8d716dcc]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-8d716dcc]{width:70%;display:flex;align-items:center}.field .label .box[data-v-8d716dcc]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-8d716dcc]{font-size:14px;margin:0}.field .label .box .info[data-v-8d716dcc]{margin-left:6px}.btn.btn-upload[data-v-5294baf8]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.btn.btn-upload[data-v-f423739f]{position:absolute;top:5px;right:0}.field[data-v-cc938de2]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-cc938de2]{width:30%;display:flex;align-items:center}.field .label .box[data-v-cc938de2]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-cc938de2]{font-size:14px;margin:0;white-space:nowrap}.field .label .box .info[data-v-cc938de2]{margin-left:6px;flex-shrink:0}.field .value[data-v-cc938de2]{width:110px}.field[data-v-cd179b1c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-cd179b1c]{width:70%;display:flex;align-items:center}.field .label .box[data-v-cd179b1c]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-cd179b1c]{font-size:14px;margin:0}.field .label .box .info[data-v-cd179b1c]{margin-left:6px}.field .value[data-v-cd179b1c]{flex:1;display:flex;justify-content:flex-end}.preview[data-v-6b9d75ed]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-6b9d75ed]{width:70px}.preview .left .avatar[data-v-6b9d75ed]{width:50px;height:50px;margin:10px;border-radius:50%;box-shadow:var(--app-shadow-xs)}.preview .main[data-v-6b9d75ed]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-6b9d75ed]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-6b9d75ed]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-6b9d75ed]{overflow:hidden}.preview .main .info .prompt[data-v-6b9d75ed]{font-size:14px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-6b9d75ed]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-6b9d75ed]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-6b9d75ed]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-6b9d75ed]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-6b9d75ed]{border-color:var(--el-color-info)}
+.menu[data-v-caafd095]{display:none}@media(max-width:767px){.config[data-v-caafd095]{display:none}.result[data-v-caafd095]{width:100%}.menu[data-v-caafd095]{display:block;position:absolute;right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000}}.field[data-v-61816a81]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-61816a81]{width:30%;display:flex;align-items:center}.field .label .box[data-v-61816a81]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-61816a81]{font-size:14px;margin:0}.field .label .box .info[data-v-61816a81]{margin-left:6px}.field .value[data-v-61816a81]{width:160px}.field[data-v-5c809a72]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-5c809a72]{width:30%;display:flex;align-items:center}.field .label .box[data-v-5c809a72]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-5c809a72]{font-size:14px;margin:0}.field .label .box .info[data-v-5c809a72]{margin-left:6px}.field .value[data-v-5c809a72]{width:80px}.field[data-v-004d19ff]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-004d19ff]{width:70%;display:flex;align-items:center}.field .label .box[data-v-004d19ff]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-004d19ff]{font-size:14px;margin:0}.field .label .box .info[data-v-004d19ff]{margin-left:6px}.btn.btn-upload[data-v-5294baf8]{position:absolute;top:5px;right:0}.upload-wrapper{height:auto;display:flex}.upload-wrapper .el-upload-list{margin:0;width:100%}.btn.btn-upload[data-v-f423739f]{position:absolute;top:5px;right:0}.field[data-v-cc938de2]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-cc938de2]{width:30%;display:flex;align-items:center}.field .label .box[data-v-cc938de2]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-cc938de2]{font-size:14px;margin:0;white-space:nowrap}.field .label .box .info[data-v-cc938de2]{margin-left:6px;flex-shrink:0}.field .value[data-v-cc938de2]{width:110px}.field[data-v-cd179b1c]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.field .label[data-v-cd179b1c]{width:70%;display:flex;align-items:center}.field .label .box[data-v-cd179b1c]{display:flex;flex-direction:row;align-items:center}.field .label .box .title[data-v-cd179b1c]{font-size:14px;margin:0}.field .label .box .info[data-v-cd179b1c]{margin-left:6px}.field .value[data-v-cd179b1c]{flex:1;display:flex;justify-content:flex-end}.preview[data-v-6b9d75ed]{width:100%;height:-moz-fit-content;height:fit-content;text-align:left;display:flex;flex-direction:row;margin-bottom:15px}.preview .left[data-v-6b9d75ed]{width:70px}.preview .left .avatar[data-v-6b9d75ed]{width:50px;height:50px;margin:10px;border-radius:50%;box-shadow:var(--app-shadow-xs)}.preview .main[data-v-6b9d75ed]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-6b9d75ed]{font-size:16px;font-weight:700;color:var(--el-color-primary);margin-bottom:0;margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview .main .bot .datetime[data-v-6b9d75ed]{font-size:12px;font-weight:400;color:var(--el-text-color-secondary);margin-left:10px}.preview .main .info[data-v-6b9d75ed]{overflow:hidden}.preview .main .info .prompt[data-v-6b9d75ed]{font-size:14px;font-weight:700;color:var(--el-text-color-regular);margin-bottom:10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.preview .main .content[data-v-6b9d75ed]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-6b9d75ed]{border-left-width:2px;border-left-style:solid}.preview .main .content .el-alert.failure[data-v-6b9d75ed]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-6b9d75ed]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-6b9d75ed]{border-color:var(--el-color-info)}