@acedatacloud/nexior 3.255.2 → 3.256.0

package/dist/assets/Detail-CX_yNLC3.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index.browser.esm-q0cD6zBm.js","assets/index-BlUS5P9H.js","assets/rolldown-runtime--c01j_DQ.js","assets/preload-helper-zJ_50EbN.js","assets/button-DgZFgZDr.js","assets/use-deprecated-Brbm5i6o.js","assets/vendor-chart-Df3WBvr0.js","assets/install-CzQRVga2.js","assets/en-CpRrS3Ur.js","assets/constants-BBPmpf2e.js","assets/vendor-axios-Ck2ffRoh.js","assets/vendor-vue-CCKiwo0U.js","assets/vendor-dayjs-C9ICuEWn.js","assets/use-dialog-DMK9u31k.js","assets/teleport-DoThOTGf.js","assets/aria-BaycMfQD.js","assets/event-BGnHezxC.js","assets/scroll-BtBRW34y.js","assets/vnode-BW5P0G7c.js","assets/use-aria-CNsF_UTT.js","assets/vendor-vue-router-9EMRKZ2R.js","assets/index-BFs0ScTm.css","assets/eventemitter3-CwKRT-4Q.js"])))=>i.map(i=>d[i]);
+import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,V as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-DgZFgZDr.js";import{D as g,tt as _}from"./use-deprecated-Brbm5i6o.js";import{t as v}from"./alert-Bgv5POrX.js";import{t as y}from"./card-pDppUT2_.js";import{n as b,r as x}from"./radio-DNLlMkjf.js";import{n as S,t as C}from"./row-BgYJmo3R.js";import{i as w,n as T,r as E,t as D}from"./wechat-DrX_Qf_8.js";import{t as O}from"./divider-DntlVH34.js";import{t as k}from"./skeleton-k2vAVQdD.js";import{t as A}from"./preload-helper-zJ_50EbN.js";import{An as j,At as M,Er as N,Mt as P,S as F,St as ee,Tn as te,_n as I,_r as ne,br as re,gr as L,hr as ie,rr as R,vr as ae,wr as z,xr as B}from"./index-BlUS5P9H.js";import{t as oe}from"./CopyToClipboard-CKQPzIHN.js";var se=o({name:`PayOrderDialog`,components:{ElDialog:z,ElButton:h,QrCode:ee,ElRow:C,ElCol:S},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0,copied:!1,copiedTimer:void 0}},computed:{isMobileOutsideWechat(){return T()&&!D()},isMobileInsideWechat(){return T()&&D()},payPageUrl(){let e=this.modelValue?.id;return!e||typeof window>`u`?``:`${window.location.origin}/orders/${e}`},dialogWidth(){return this.isMobileOutsideWechat||this.isMobileInsideWechat?`90%`:`500px`}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer),this.copiedTimer&&clearTimeout(this.copiedTimer)},methods:{onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}I.refresh(this.modelValue.id).then(({data:e})=>{e.state===R.PAID?this.$emit(`hide`):this.refreshTimer=window.setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{this.refreshTimer=window.setTimeout(()=>{this.onRefresh()},2e3)})},async onCopyLink(){let e=this.payPageUrl;if(!e)return;let t=!1;try{t=await P(e,{debug:!1})}catch{t=!1}t?(this.copied=!0,this.copiedTimer&&clearTimeout(this.copiedTimer),this.copiedTimer=window.setTimeout(()=>{this.copied=!1},2e3)):B.error(String(this.$t(`common.message.copyFailed`)||`Copy failed`))}}}),ce={key:0,class:`wechat-pay-mobile text-center py-[20px] px-[10px]`},le={class:`text-[14px] mb-3 leading-relaxed`},ue={class:`text-[12px] text-gray-500 mb-4 leading-relaxed`},de={key:1,class:`wechat-pay-longpress text-center py-[20px] px-[10px]`},V={class:`text-[14px] mb-4 leading-relaxed`},H={class:`paycode wechat`},fe={class:`help-text block bg-[#00c800] text-white text-[14px] h-[35px] w-[240px] text-center leading-[35px] mt-[10px] mx-auto`};function pe(e,o,s,l,m,h){let g=d(`qr-code`),_=d(`el-button`),v=d(`el-col`),y=d(`el-row`),b=d(`el-dialog`);return u(),t(b,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:e.dialogWidth,center:``},{default:p(()=>[e.isMobileOutsideWechat?(u(),f(`div`,ce,[n(`p`,le,c(e.$t(`order.message.wechatPayMobileScanTip`)),1),e.modelValue?.pay_url?(u(),t(g,{key:0,value:e.modelValue?.pay_url,size:220,class:`qrcode m-auto mb-3`,type:`image/png`,color:{dark:`#000000`,light:`#ffffff`}},null,8,[`value`])):a(``,!0),n(`p`,ue,c(e.$t(`order.message.wechatPayMobileHint`)),1),e.payPageUrl?(u(),t(_,{key:1,size:`default`,round:``,class:`w-[220px]`,onClick:e.onCopyLink},{default:p(()=>[r(c(e.copied?e.$t(`common.message.copied`):e.$t(`order.button.copyPayLink`)),1)]),_:1},8,[`onClick`])):a(``,!0)])):e.isMobileInsideWechat?(u(),f(`div`,de,[n(`p`,V,c(e.$t(`order.message.wechatPayLongPressTip`)),1),e.modelValue?.pay_url?(u(),t(g,{key:0,value:e.modelValue?.pay_url,size:240,class:`qrcode mx-auto`,type:`image/png`,color:{dark:`#000000`,light:`#ffffff`}},null,8,[`value`])):a(``,!0)])):(u(),t(y,{key:2,class:`paycodes py-[30px] w-[500px] mx-auto`},{default:p(()=>[i(v,{span:12},{default:p(()=>[n(`div`,H,[e.modelValue?.pay_url?(u(),t(g,{key:0,value:e.modelValue?.pay_url,size:200,class:`qrcode m-auto w-[200px] h-[200px]`,type:`image/png`,color:{dark:`#000000`,light:`#ffffff`}},null,8,[`value`])):a(``,!0),n(`p`,fe,c(e.$t(`order.message.wechatPayHelp`)),1)])]),_:1}),i(v,{span:12},{default:p(()=>[...o[0]||=[n(`div`,{class:`help-img`},[n(`img`,{src:`https://midas.gtimg.cn/enterprise/images/ep_sys_wx_tip.jpg`})],-1)]]),_:1})]),_:1}))]),_:1},8,[`model-value`,`title`,`width`])}var me=F(se,[[`render`,pe]]),he=o({name:`PayOrderDialog`,components:{ElDialog:z},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0,androidSheetLaunched:!1}},watch:{visible:{handler(e){if(!e){this.androidSheetLaunched=!1;return}let t=this.modelValue?.metadata?.stripe_client_secret;if(L()&&t){this.launchNativePaymentSheet(t).catch(e=>{console.error(`Stripe PaymentSheet failed`,e)});return}this.modelValue.pay_url&&window.open(this.modelValue.pay_url,`_blank`)}}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer)},methods:{async launchNativePaymentSheet(e){this.androidSheetLaunched||(this.androidSheetLaunched=!0,console.error(`VITE_STRIPE_PUBLISHABLE_KEY is not configured`))},onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}I.refresh(this.modelValue.id).then(({data:e})=>{e.state===R.PAID?this.$emit(`hide`):setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{setTimeout(()=>{this.onRefresh()},5e3)})}}}),ge={class:`text-center`};function _e(e,r,i,a,o,s){let l=d(`el-dialog`);return u(),t(l,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:`500px`,center:``},{default:p(()=>[n(`p`,ge,c(e.$t(`order.message.buyInExternalUrl`)),1)]),_:1},8,[`model-value`,`title`])}var ve=F(he,[[`render`,_e],[`__scopeId`,`data-v-a2410904`]]),ye=o({name:`PayOrderDialog`,components:{ElDialog:z},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0}},watch:{visible:{handler(e){e&&this.modelValue.pay_url&&window.open(this.modelValue.pay_url,`_blank`)}}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer)},methods:{onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}I.refresh(this.modelValue.id).then(({data:e})=>{e.state===R.PAID?this.$emit(`hide`):setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{setTimeout(()=>{this.onRefresh()},5e3)})}}}),be={class:`text-center`};function xe(e,r,i,a,o,s){let l=d(`el-dialog`);return u(),t(l,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:`500px`,center:``},{default:p(()=>[n(`p`,be,c(e.$t(`order.message.buyInExternalUrl`)),1)]),_:1},8,[`model-value`,`title`])}var Se=F(ye,[[`render`,xe]]),U=null,W=()=>(U||=A(()=>import(`./index.browser.esm-q0cD6zBm.js`).then(e=>e.o),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22])),U),Ce=`https://api.mainnet-beta.solana.com`,we=`https://api.devnet.solana.com`,G=`TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA`,Te=`ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL`;function Ee(e){let t=``;for(let n=0;n<e.length;n++)t+=String.fromCharCode(e[n]);return btoa(t)}function K(e,t){return t||(e.includes(`devnet`)?we:Ce)}function q(e,t,n){let r=new e.PublicKey(G),i=new e.PublicKey(Te),[a]=e.PublicKey.findProgramAddressSync([t.toBuffer(),r.toBuffer(),n.toBuffer()],i);return a}function De(e,t){let n=new Uint8Array(10);return n[0]=12,new DataView(n.buffer).setBigUint64(1,e,!0),n[9]=t,n}function J(e,t){let n=Math.min(t,6);return(Number(e)/10**t).toFixed(n)}async function Oe(e,t,n,r,i){let a;try{let n=await e.getTokenAccountBalance(t,`confirmed`);a=BigInt(n.value.amount||`0`)}catch(e){let t=String(e?.message??``);if(/could not find account|account not found|invalid param/i.test(t)){let e=J(n,r);throw Error(`Your wallet has no USDC token account on ${i}. Receive at least ${e} USDC there, then try again.`)}console.warn(`[Solana X402] USDC balance precheck skipped due to RPC error:`,e);return}if(a<n){let e=J(n,r),t=J(a,r);throw Error(`Insufficient USDC balance on ${i}: need ${e}, have ${t}. Top up your wallet and try again.`)}}async function ke(e,t,n=2e4){let r=Date.now(),i=600;for(;Date.now()-r<n;){try{let n=(await e.getSignatureStatus(t,{searchTransactionHistory:!0}))?.value;if(n?.err)throw Error(`Transaction failed on-chain: ${JSON.stringify(n.err)}`);let r=n?.confirmationStatus;if(r===`confirmed`||r===`finalized`)return}catch(e){if(e?.message?.startsWith(`Transaction failed on-chain`))throw e}await new Promise(e=>setTimeout(e,i)),i=Math.min(i+200,1500)}console.warn(`[Solana X402] Confirmation polling timed out after ${n}ms for ${t.slice(0,16)}… Submitting to facilitator anyway (its own retry will cover propagation lag).`)}function Y(e,t,n,r,i,a,o){let s=De(a,o),c=new e.PublicKey(G);return new e.TransactionInstruction({programId:c,keys:[{pubkey:t,isSigner:!1,isWritable:!0},{pubkey:n,isSigner:!1,isWritable:!1},{pubkey:r,isSigner:!1,isWritable:!0},{pubkey:i,isSigner:!0,isWritable:!1}],data:Buffer.from(s)})}async function X(e){let{requirements:t,payerAddress:n,signAndSendTransaction:r,fetchBlockhash:i}=e,a=t.payTo||t.pay_to;if(!a)throw Error(`Missing payTo in requirements`);let o=t.extra||{},s=Number(o.decimals??6),c=Number(o.computeUnitLimit??o.compute_unit_limit??2e5),l=Number(o.computeUnitPriceMicroLamports??o.compute_unit_price_micro_lamports??1),u=t.maxAmountRequired||t.max_amount_required||`0`,d=BigInt(u);if(d<=0n)throw Error(`Invalid payment amount: ${u}`);let f=String(t.network||`solana`).toLowerCase(),p=K(f,o.rpcUrl||o.rpc_url),m=await W(),h=new m.Connection(p,`confirmed`),g=new m.PublicKey(n),_=new m.PublicKey(a),v=new m.PublicKey(t.asset),y=q(m,g,v),b=q(m,_,v),x=new m.Transaction;c>0&&x.add(m.ComputeBudgetProgram.setComputeUnitLimit({units:c})),l>0&&x.add(m.ComputeBudgetProgram.setComputeUnitPrice({microLamports:l})),x.add(Y(m,y,v,b,g,d,s)),x.feePayer=g;let S;if(i)S=await i(f);else{let{blockhash:e}=await h.getLatestBlockhash(`confirmed`);S=e}x.recentBlockhash=S,await Oe(h,y,d,s,f);let C=await r(x),w;if(typeof C==`string`?w=C:C&&typeof C==`object`&&(w=C.signature||C.txid||C.transactionId),!w||typeof w!=`string`)throw Error(`Wallet did not return a valid transaction signature`);await ke(h,w);let T={x402Version:1,scheme:t.scheme||`exact`,network:t.network||`solana`,payload:{signature:w}},E=btoa(JSON.stringify(T));return{signature:w,header:E}}async function Ae(e){let{requirements:t,payerAddress:n,signAndSendTransaction:r,signTransaction:i,signAllTransactions:a,fetchLatestBlockhash:o}=e;if(r)return(await X({requirements:t,payerAddress:n,signAndSendTransaction:r,fetchBlockhash:o})).header;console.warn(`Using signTransaction fallback. This may trigger security warnings in Phantom. Consider using signAndSendTransaction for better user experience.`);let s=t.extra||{},c=String(t.network||`solana`).toLowerCase(),l=K(c,s.rpcUrl||s.rpc_url),u=await W(),d=e.connection||new u.Connection(l,`confirmed`),f=new u.PublicKey(n),p=new u.PublicKey(String(t.payTo||t.pay_to)),m=new u.PublicKey(String(t.asset)),h=Number(s.decimals??6),g=Number(s.computeUnitLimit??s.compute_unit_limit??2e5),_=Number(s.computeUnitPriceMicroLamports??s.compute_unit_price_micro_lamports??1),v=BigInt(String(t.maxAmountRequired||t.max_amount_required||`0`));if(v<=0n)throw Error(`Invalid amount`);let y=q(u,f,m),b=q(u,p,m),x=new u.Transaction;if(x.feePayer=f,g>0&&x.add(u.ComputeBudgetProgram.setComputeUnitLimit({units:g})),_>0&&x.add(u.ComputeBudgetProgram.setComputeUnitPrice({microLamports:_})),x.add(Y(u,y,m,b,f,v,h)),e.fetchLatestBlockhash)x.recentBlockhash=await e.fetchLatestBlockhash(c);else{let{blockhash:e}=await d.getLatestBlockhash(`confirmed`);x.recentBlockhash=e}let S;if(i)S=await i(x);else if(a){let e=await a([x]);S=Array.isArray(e)?e[0]:void 0}if(!S)throw Error(`Wallet did not return a signed transaction`);let C=Ee(S.serialize({requireAllSignatures:!1,verifySignatures:!1})),w={x402Version:1,scheme:t.scheme||`exact`,network:t.network||`solana`,payload:{serializedTransaction:C,transaction:C}};return btoa(JSON.stringify(w))}var je=o({name:`X402PayOrderDialog`,components:{ElDialog:z,ElButton:h,ElAlert:v,ElTag:N,ElIcon:_,ElRadioGroup:x,ElRadioButton:b,CreditCard:g},props:{modelValue:{type:Object,required:!0},session:{type:Object,default:void 0},visible:{type:Boolean,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{signing:!1,paying:!1,chainId:void 0,selectedNetwork:void 0,solanaWalletModalVisible:!1,solanaWalletConnecting:!1,evmWalletModalVisible:!1,evmWalletConnecting:!1,evmWallets:[],selectedEvmWalletId:void 0,evmAddress:void 0,requirementsLoading:!1,runtimeRequirementsByNetwork:{},requirementsAttemptedByNetwork:{}}},computed:{dialogWidth(){return ae()?`100%`:`680px`},acceptsList(){let e=this.session?.accepts;if(Array.isArray(e)&&e.length>0)return e.filter(e=>!!(e&&typeof e==`object`));let t=this.paymentRequirements;return Array.isArray(t)&&t.length>0?t.filter(e=>!!(e&&typeof e==`object`)):t&&typeof t==`object`?[t]:[]},selectedNetworkResolved(){return String(this.selectedNetwork||this.acceptsList[0]?.network||`base`).toLowerCase()},selectedRequirements(){let e=String(this.selectedNetworkResolved||``).toLowerCase();if(!e)return this.acceptsList[0];let t=this.runtimeRequirementsByNetwork[e];if(t)return t;let n=this.acceptsList.find(t=>String(t.network||``).toLowerCase()===e);if(n)return n;if(!this.selectedNetwork)return this.acceptsList[0]},orderMetadata(){let e=this.modelValue?.metadata;return e&&typeof e==`object`?e:void 0},paymentRequirements(){let e=this.session?.payment_requirements||this.session?.paymentRequirements;if(e&&typeof e==`object`)return e;let t=this.orderMetadata?.payment_requirements||this.orderMetadata?.paymentRequirements;if(t&&typeof t==`object`)return t},expectedNetwork(){return this.selectedNetworkResolved},expectedNetworkLabel(){return this.formatNetworkLabel(this.expectedNetwork)},isSolanaNetwork(){return!!String(this.selectedNetworkResolved||``).toLowerCase().startsWith(`solana`)},expectedChainIdHex(){return{base:`0x2105`,"base-sepolia":`0x14A34`,ethereum:`0x1`,sepolia:`0xAA36A7`,polygon:`0x89`,arbitrum:`0xA4B1`,optimism:`0xA`,bsc:`0x38`,avalanche:`0xA86A`,skale:`0x46CEA59D`}[(this.expectedNetwork||``).toLowerCase()]},networkMismatch(){return this.isSolanaNetwork?!1:!!(this.evmAddress&&this.chainId&&this.expectedChainIdHex&&this.chainId.toLowerCase()!==this.expectedChainIdHex.toLowerCase())},hasEvmProvider(){return this.isSolanaNetwork?!1:this.evmWalletsOrdered.length>0},requirementsAvailable(){return!!this.selectedRequirements},networkOptions(){let e=new Set(this.acceptsList.map(e=>String(e.network||``).toLowerCase()).filter(Boolean));if(e.size===0)return[{network:`base`,label:`Base`},{network:`solana`,label:`Solana`}];let t=e=>e===`base`?0:e.startsWith(`solana`)?1:2;return Array.from(e).sort((e,n)=>t(e)-t(n)||e.localeCompare(n)).map(e=>({network:e,label:this.formatNetworkLabel(e)}))},paymentSteps(){let e=this.expectedNetworkLabel||this.expectedNetwork||``;return[String(this.$t(`order.message.x402Step1`)),String(this.$t(`order.message.x402Step2`,{network:e})),String(this.$t(`order.message.x402Step3`)),String(this.$t(`order.message.x402Step4`))]},evmConnected(){return!!(this.selectedEvmWalletId&&this.evmAddress)},evmProvider(){if(this.selectedEvmWalletId)return this.evmWallets.find(e=>e.id===this.selectedEvmWalletId)?.provider},selectedEvmWalletName(){if(this.selectedEvmWalletId)return this.evmWallets.find(e=>e.id===this.selectedEvmWalletId)?.name},selectedEvmWalletIcon(){if(this.selectedEvmWalletId)return this.evmWallets.find(e=>e.id===this.selectedEvmWalletId)?.icon},evmWalletsOrdered(){return[...this.evmWallets].sort((e,t)=>e.name.localeCompare(t.name))},solanaConnected(){return!!this.$wallet?.connected?.value},solanaAddress(){let e=this.$wallet?.publicKey?.value;if(!(!e||typeof e.toBase58!=`function`))return e.toBase58()},solanaWalletsOrdered(){let e=this.$wallet?.wallets?.value??[],t=e=>e===`Installed`?0:e===`Loadable`?1:e===`NotDetected`?2:3;return[...e].sort((e,n)=>t(e.readyState)-t(n.readyState))},selectedSolanaWalletName(){return this.$wallet?.wallet?.value?.adapter?.name},selectedSolanaWalletIcon(){return this.$wallet?.wallet?.value?.adapter?.icon}},watch:{visible(e){if(!e){this.solanaWalletModalVisible=!1,this.evmWalletModalVisible=!1;return}if(!this.selectedNetwork){let e=this.acceptsList[0]?.network;this.selectedNetwork=String(e||`base`).toLowerCase()}let t=new Set(this.networkOptions.map(e=>e.network)),n=String(this.selectedNetwork||``).toLowerCase();if(n&&!t.has(n)){let e=this.networkOptions[0]?.network;e&&(this.selectedNetwork=e)}this.maybeLoadRequirements()},selectedNetwork(){this.visible&&this.maybeLoadRequirements()}},mounted(){this.refreshEvmWallets()},methods:{sleep(e){return new Promise(t=>setTimeout(t,e))},getErrorMessage(e){if(!e)return``;if(typeof e==`string`)return e;if(typeof e?.message==`string`)return e.message;try{return JSON.stringify(e)}catch{return String(e)}},isRetryableSolanaConnectError(e){if(String(e?.name||``)===`WalletNotSelectedError`)return!0;let t=this.getErrorMessage(e).toLowerCase();return t.includes(`disconnected port object`)||t.includes(`failed to send message to service worker`)||t.includes(`message port closed`)||t.includes(`extension context invalidated`)},async connectSolanaWalletWithRetry(e){let t=this.$wallet;if(!t)throw Error(`Wallet API not available`);let n;for(let r=1;r<=2;r+=1)try{e&&t.select(e),await l(),await t.connect();return}catch(e){if(n=e,r<2&&this.isRetryableSolanaConnectError(e)){let t=String(e?.name||``)===`WalletNotSelectedError`?0:300;t&&await this.sleep(t);continue}throw e}throw n},formatNetworkLabel(e){let t=String(e||``).toLowerCase();return t===`base`?`Base`:t===`solana`?`Solana`:t===`solana-devnet`?`Solana Devnet`:t===`skale`?`SKALE`:t===`ethereum`?`Ethereum`:t===`sepolia`?`Sepolia`:t===`polygon`?`Polygon`:t===`arbitrum`?`Arbitrum`:t===`optimism`?`Optimism`:t===`bsc`?`BNB Chain`:t===`avalanche`?`Avalanche`:e||`Unknown`},async confirmPay(e){let t=e||this.expectedNetworkLabel||this.expectedNetwork||``,n=String(this.$t?.(`order.message.x402ConfirmTitle`)||`Confirm Payment`),r=String(this.$t?.(`order.message.x402ConfirmDesc`,{network:t})||`Confirm USDC payment on ${t}?`),i=String(this.$t?.(`common.button.pay`)||`Pay`),a=String(this.$t?.(`common.button.cancel`)||`Cancel`);return re.confirm(r,n,{confirmButtonText:i,cancelButtonText:a,type:`warning`}).then(()=>!0).catch(()=>!1)},async onSelectSolanaWallet(e){if(!this.solanaWalletConnecting&&e?.adapter?.name){this.solanaWalletConnecting=!0;try{await this.connectSolanaWalletWithRetry(e.adapter.name),this.solanaWalletModalVisible=!1}catch(e){console.warn(`wallet connect failed`,e),B.error(String(this.$t?.(`coin.message.connectError`)||`Wallet connect failed`))}finally{this.solanaWalletConnecting=!1}}},async disconnectSolanaWallet(){try{await this.$wallet.disconnect()}catch{}},openEvmWalletModal(){this.evmWalletModalVisible=!0,this.refreshEvmWallets()},async refreshEvmWallets(){if(typeof window>`u`)return;let e=new Map,t=t=>{let n=t?.detail,r=n?.info,i=n?.provider;if(!r||!i)return;let a=String(r.uuid||r.rdns||r.name||``);a&&(e.has(a)||e.set(a,{id:a,name:String(r.name||`Wallet`),icon:typeof r.icon==`string`?r.icon:void 0,provider:i}))};try{window.addEventListener(`eip6963:announceProvider`,t),window.dispatchEvent(new Event(`eip6963:requestProvider`)),await new Promise(e=>window.setTimeout(e,120))}finally{window.removeEventListener(`eip6963:announceProvider`,t)}if(e.size===0){let t=window.ethereum;(Array.isArray(t?.providers)?t.providers:t?[t]:[]).forEach((t,n)=>{if(!t)return;let r=`Injected`;t.isMetaMask?r=`MetaMask`:t.isCoinbaseWallet?r=`Coinbase Wallet`:t.isBraveWallet?r=`Brave Wallet`:t.isRabby?r=`Rabby`:t.isPhantom&&(r=`Phantom`);let i=`injected:${r}:${n}`;e.set(i,{id:i,name:r,icon:void 0,provider:t})})}this.evmWallets=Array.from(e.values())},async onSelectEvmWallet(e){if(e?.provider){this.evmWalletModalVisible=!1,this.evmWalletConnecting=!0;try{let t=await e.provider.request({method:`eth_requestAccounts`}),n=Array.isArray(t)?t[0]:void 0;if(!n)throw Error(`No account returned from wallet`);this.selectedEvmWalletId=e.id,this.evmAddress=n,await this.refreshChainId(),await this.ensureNetwork()}catch(e){console.warn(`EVM wallet connect failed`,e),B.error(String(this.$t?.(`coin.message.connectError`)||`Wallet connect failed`)),this.disconnectEvmWallet()}finally{this.evmWalletConnecting=!1}}},disconnectEvmWallet(){this.selectedEvmWalletId=void 0,this.evmAddress=void 0,this.chainId=void 0},async getFreshRequirements(){let e=this.selectedRequirements;if(e)return e;try{let e=(await I.pay(this.modelValue.id,{pay_way:`X402`}))?.data,t=Array.isArray(e?.accepts)?e.accepts:void 0,n=String(this.selectedNetworkResolved||``).toLowerCase();if(Array.isArray(t)&&t.length)return t.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:t[0]);let r=e?.payment_requirements;return Array.isArray(r)&&r.length?r.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:r[0]):r&&typeof r==`object`?r:void 0}catch(e){let t=e?.response?.data;if(t){let e=Array.isArray(t?.accepts)?t.accepts:void 0,n=String(this.selectedNetworkResolved||``).toLowerCase();if(Array.isArray(e)&&e.length)return e.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:e[0]);let r=t?.payment_requirements;if(Array.isArray(r)&&r.length)return r.find(e=>String(e?.network||``).toLowerCase()===n)||(this.selectedNetwork?void 0:r[0]);if(r&&typeof r==`object`)return r}return}},async maybeLoadRequirements(e=!1){let t=String(this.selectedNetworkResolved||``).toLowerCase();if(t&&!this.runtimeRequirementsByNetwork[t]&&!this.acceptsList.some(e=>String(e.network||``).toLowerCase()===t)&&!(!e&&this.requirementsAttemptedByNetwork[t])){this.requirementsAttemptedByNetwork[t]=!0,this.requirementsLoading=!0;try{let e=await this.getFreshRequirements();e&&(this.runtimeRequirementsByNetwork[t]=e)}finally{this.requirementsLoading=!1}}},async refreshChainId(){if(this.evmProvider)try{let e=await this.evmProvider.request({method:`eth_chainId`});typeof e==`string`&&(this.chainId=e)}catch{}},async ensureNetwork(){if(!(!this.evmProvider||!this.expectedChainIdHex)&&(await this.refreshChainId(),!(this.chainId&&this.chainId.toLowerCase()===this.expectedChainIdHex.toLowerCase()))){try{await this.evmProvider.request({method:`wallet_switchEthereumChain`,params:[{chainId:this.expectedChainIdHex}]})}catch{try{await this.evmProvider.request({method:`wallet_addEthereumChain`,params:[this.getExpectedChainParams()]})}catch(e){console.error(`Failed to add Ethereum chain:`,e);try{let e=this.$t&&this.$t(`order.message.x402NetworkSwitchFailed`)||`Your wallet does not support automatic network switching. Please switch to the required network in the wallet and try again.`;B.warning(e)}catch{}}}await this.refreshChainId()}},getExpectedChainParams(){return{base:{chainId:`0x2105`,chainName:`Base`,nativeCurrency:{name:`ETH`,symbol:`ETH`,decimals:18},rpcUrls:[`https://mainnet.base.org`],blockExplorerUrls:[`https://basescan.org`]},"base-sepolia":{chainId:`0x14A34`,chainName:`Base Sepolia`,nativeCurrency:{name:`ETH`,symbol:`ETH`,decimals:18},rpcUrls:[`https://sepolia.base.org`],blockExplorerUrls:[`https://sepolia.basescan.org`]},skale:{chainId:`0x46CEA59D`,chainName:`SKALE Base`,nativeCurrency:{name:`CREDIT`,symbol:`CREDIT`,decimals:18},rpcUrls:[`https://skale-base.skalenodes.com/v1/base`],blockExplorerUrls:[`https://skale-base-explorer.skalenodes.com`]}}[(this.expectedNetwork||``).toLowerCase()]||{chainId:this.expectedChainIdHex}},buildTypedData(e,t){let n=e?.extra||{};return{types:{EIP712Domain:[{name:`name`,type:`string`},{name:`version`,type:`string`},{name:`chainId`,type:`uint256`},{name:`verifyingContract`,type:`address`}],TransferWithAuthorization:[{name:`from`,type:`address`},{name:`to`,type:`address`},{name:`value`,type:`uint256`},{name:`validAfter`,type:`uint256`},{name:`validBefore`,type:`uint256`},{name:`nonce`,type:`bytes32`}]},primaryType:`TransferWithAuthorization`,domain:{name:n?.name||`USD Coin`,version:n?.version||`2`,chainId:parseInt(this.expectedChainIdHex||`0x0`,16),verifyingContract:e.asset},message:t}},randomNonce32(){let e=new Uint8Array(32);return crypto.getRandomValues(e),`0x`+Array.from(e).map(e=>e.toString(16).padStart(2,`0`)).join(``)},async onPayWithSolanaWallet(){if(!this.modelValue?.id)return;let e=this.solanaAddress;if(!e){B.error(String(this.$t?.(`order.message.x402NeedConnectAccount`)||`Please connect a wallet first.`));return}if(!this.requirementsAvailable){B.error(String(this.$t?.(`order.message.x402SolanaNotEnabled`)||`Solana payment is not available.`));return}this.signing=!0;try{if(!await this.confirmPay(this.expectedNetworkLabel))return;let t=await this.getFreshRequirements();if(t||=this.selectedRequirements,!t){B.error(String(this.$t?.(`order.message.x402PaymentFailed`)||`X402 payment failed.`));return}let n=this.$wallet,r=n?.wallet?.value?.adapter,i=typeof window<`u`?window.phantom?.solana||window.solana:void 0,a=typeof window<`u`?window.solflare:void 0,o;if(i?.isPhantom&&typeof i?.signAndSendTransaction==`function`)o=i.signAndSendTransaction.bind(i);else if(a?.isSolflare&&typeof a?.signAndSendTransaction==`function`)o=a.signAndSendTransaction.bind(a);else if(typeof window<`u`&&window.solana?.signAndSendTransaction&&!window.solana?.isPhantom)o=window.solana.signAndSendTransaction.bind(window.solana);else if(n?.sendTransaction&&n?.publicKey?.value){let{Connection:e}=await A(async()=>{let{Connection:e}=await import(`./index.browser.esm-q0cD6zBm.js`).then(e=>e.o);return{Connection:e}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22])),r=t.extra||{},i=String(t.network||`solana`).toLowerCase(),a=new e(r.rpcUrl||r.rpc_url||(i.includes(`devnet`)?`https://api.devnet.solana.com`:`https://api.mainnet-beta.solana.com`),`confirmed`);o=async e=>({signature:await n.sendTransaction(e,a)})}let s;if(o)s=(await X({requirements:t,payerAddress:e,signAndSendTransaction:o,fetchBlockhash:e=>this.fetchSolanaLatestBlockhash(e)})).header;else if(r?.signTransaction||r?.signAllTransactions)s=await Ae({requirements:t,payerAddress:e,signTransaction:r.signTransaction?r.signTransaction.bind(r):void 0,signAllTransactions:r.signAllTransactions?r.signAllTransactions.bind(r):void 0,fetchLatestBlockhash:e=>this.fetchSolanaLatestBlockhash(e)});else throw Error(`Wallet does not support signing transactions`);this.paying=!0;let{data:c}=await I.payX402WithHeader(this.modelValue.id,{pay_way:`X402`},s);this.$emit(`update:modelValue`,c),this.$emit(`hide`)}catch(e){let t=e?.response?.data,n=t?.error||t?.detail||`X402 wallet payment failed.`;B.error(String(n))}finally{this.signing=!1,this.paying=!1}},async fetchSolanaLatestBlockhash(e){let{data:t}=await te.get(`/x402/solana/latest-blockhash/`,{params:{network:e||`solana`}}),n=t?.blockhash;if(!n||typeof n!=`string`)throw Error(`Invalid blockhash response`);return n},async onPayWithWallet(){if(!this.modelValue?.id||!this.evmProvider||!this.evmAddress){let e=this.$t&&this.$t(`order.message.x402PaymentFailed`)||`X402 wallet payment is not available right now. Please try again later.`;B.error(e);return}this.signing=!0;try{let e=await this.getFreshRequirements();if(e||=this.selectedRequirements,!e){let e=this.$t&&this.$t(`order.message.x402PaymentFailed`)||`X402 wallet payment failed. Please try again later.`;B.error(e);return}if(await this.ensureNetwork(),this.networkMismatch){B.warning(String(this.$t?.(`order.message.x402SwitchNetwork`,{network:this.expectedNetworkLabel||this.expectedNetwork})||`Please switch your wallet network and try again.`));return}if(!await this.confirmPay(this.expectedNetworkLabel))return;let t=Math.floor(Date.now()/1e3),n=Number(e?.maxTimeoutSeconds||e?.max_timeout_seconds||120),r=BigInt(e?.maxAmountRequired||e?.max_amount_required||0).toString(),i={from:this.evmAddress,to:e.payTo||e.pay_to,value:r,validAfter:t,validBefore:t+n,nonce:this.randomNonce32()},a=this.buildTypedData(e,i),o=await this.evmProvider.request({method:`eth_signTypedData_v4`,params:[this.evmAddress,JSON.stringify(a)]}),s={from:i.from,to:i.to,value:i.value,validAfter:String(i.validAfter),validBefore:String(i.validBefore),nonce:i.nonce},c={x402Version:1,scheme:e.scheme||`exact`,network:e.network||this.expectedNetwork||`base`,payload:{authorization:s,signature:o}},l=btoa(JSON.stringify(c));this.paying=!0;let{data:u}=await I.payX402WithHeader(this.modelValue.id,{pay_way:`X402`},l);this.$emit(`update:modelValue`,u),this.$emit(`hide`)}catch(e){let t,n=e?.response?.data;if(n){let e=n?.error||n?.detail;typeof e==`string`&&(t=e)}t||=this.$t&&this.$t(`order.message.x402PaymentFailed`)||`X402 wallet payment failed. Please try again later.`;try{B.error(t)}catch{}}finally{this.signing=!1,this.paying=!1}}}}),Me={class:`x402-content`},Ne={class:`x402-intro`},Pe={class:`x402-intro-text`},Fe={class:`x402-wallet`},Ie={class:`x402-wallet-head`},Le={class:`x402-network`},Re={class:`x402-network-label`},ze={key:1,class:`x402-requirements-actions`},Be={class:`x402-wallet-card`},Ve={class:`x402-wallet-card-head`},He={class:`x402-wallet-card-title`},Ue={key:0,class:`x402-wallet-card-sub x402-wallet-name`},We=[`src`,`alt`],Ge={key:1,class:`x402-wallet-card-sub`},Ke={class:`x402-wallet-card-actions`},qe={class:`x402-actions`},Je={class:`x402-wallet-card`},Ye={class:`x402-wallet-card-head`},Xe={class:`x402-wallet-card-title`},Ze={key:0,class:`x402-wallet-card-sub x402-wallet-name`},Qe=[`src`,`alt`],$e={key:1,class:`x402-wallet-card-sub`},et={class:`x402-wallet-card-actions`},tt={class:`x402-actions`},nt={class:`x402-steps`},rt={class:`x402-steps-title`},it={class:`x402-steps-list`},at={class:`x402-step-index`},ot={class:`x402-step-text`},st={class:`wallet-list`},ct=[`disabled`,`onClick`],lt=[`src`,`alt`],ut={class:`wallet-list-name`},dt={key:1,class:`wallet-list-status`},ft={class:`wallet-list`},pt=[`disabled`,`onClick`],mt=[`src`,`alt`],ht={class:`wallet-list-name`},gt={class:`wallet-list-status`},_t={key:0,class:`text-center text-[13px] text-[var(--el-text-color-regular)]`};function vt(e,o,l,h,g,_){let v=d(`credit-card`),y=d(`el-icon`),b=d(`el-radio-button`),x=d(`el-radio-group`),S=d(`el-alert`),C=d(`el-button`),w=d(`el-tag`),T=d(`el-dialog`);return u(),f(m,null,[i(T,{"model-value":e.visible,title:e.$t(`order.title.x402`),width:e.dialogWidth,top:`8vh`,class:`x402-dialog`},{default:p(()=>[n(`section`,Me,[n(`header`,Ne,[i(y,{size:20,class:`x402-intro-icon`},{default:p(()=>[i(v)]),_:1}),n(`p`,Pe,c(e.$t(`order.message.x402IntroShort`)),1)]),n(`section`,Fe,[n(`div`,Ie,[n(`div`,Le,[n(`span`,Re,c(e.$t(`order.message.x402IntegrationNetworkLabel`)),1),i(x,{modelValue:e.selectedNetwork,"onUpdate:modelValue":o[0]||=t=>e.selectedNetwork=t,class:`x402-network-group`},{default:p(()=>[(u(!0),f(m,null,s(e.networkOptions,e=>(u(),t(b,{key:e.network,label:e.network},{default:p(()=>[r(c(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])]),e.selectedNetworkResolved===`solana`&&!e.selectedRequirements&&!e.requirementsLoading?(u(),t(S,{key:0,type:`info`,closable:!1,class:`x402-alert`,description:e.$t(`order.message.x402SolanaNotEnabled`)},null,8,[`description`])):a(``,!0),!e.selectedRequirements&&!e.requirementsLoading?(u(),f(`div`,ze,[i(C,{link:``,type:`primary`,size:`small`,onClick:o[1]||=t=>e.maybeLoadRequirements(!0)},{default:p(()=>[r(c(e.$t(`common.button.refresh`)),1)]),_:1})])):a(``,!0),e.isSolanaNetwork?(u(),f(m,{key:2},[n(`div`,Be,[n(`div`,Ve,[n(`span`,He,c(e.$t(`order.message.x402WalletTitleSolana`)),1),e.solanaConnected?(u(),t(w,{key:0,class:`x402-wallet-card-tag`},{default:p(()=>[r(c(e.$t(`order.message.x402WalletConnected`)),1)]),_:1})):a(``,!0)]),e.solanaConnected&&e.selectedSolanaWalletName?(u(),f(`div`,Ue,[e.selectedSolanaWalletIcon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:e.selectedSolanaWalletIcon,alt:e.selectedSolanaWalletName},null,8,We)):a(``,!0),n(`span`,null,c(e.selectedSolanaWalletName),1)])):a(``,!0),e.solanaConnected&&e.solanaAddress?(u(),f(`div`,Ge,c(e.solanaAddress.substring(0,10))+`...`+c(e.solanaAddress.substring(e.solanaAddress.length-10)),1)):a(``,!0),n(`div`,Ke,[e.solanaConnected?(u(),t(C,{key:1,onClick:e.disconnectSolanaWallet},{default:p(()=>[r(c(e.$t(`coin.button.disconnect`)),1)]),_:1},8,[`onClick`])):(u(),t(C,{key:0,type:`primary`,onClick:o[2]||=t=>e.solanaWalletModalVisible=!0},{default:p(()=>[r(c(e.$t(`order.message.x402ConnectWallet`)),1)]),_:1}))])]),n(`div`,qe,[i(C,{type:`primary`,disabled:!e.solanaConnected||!e.solanaAddress||!e.requirementsAvailable,loading:e.signing||e.paying,onClick:e.onPayWithSolanaWallet},{default:p(()=>[r(c(e.$t(`order.message.x402WalletPayCta`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])])],64)):(u(),f(m,{key:3},[n(`div`,Je,[n(`div`,Ye,[n(`span`,Xe,c(e.$t(`order.message.x402WalletTitleEvm`)),1),e.evmConnected?(u(),t(w,{key:0,class:`x402-wallet-card-tag`},{default:p(()=>[r(c(e.$t(`order.message.x402WalletConnected`)),1)]),_:1})):a(``,!0)]),e.evmConnected&&e.selectedEvmWalletName?(u(),f(`div`,Ze,[e.selectedEvmWalletIcon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:e.selectedEvmWalletIcon,alt:e.selectedEvmWalletName},null,8,Qe)):a(``,!0),n(`span`,null,c(e.selectedEvmWalletName),1)])):a(``,!0),e.evmConnected&&e.evmAddress?(u(),f(`div`,$e,c(e.evmAddress.substring(0,10))+`...`+c(e.evmAddress.substring(e.evmAddress.length-10)),1)):a(``,!0),n(`div`,et,[e.evmConnected?(u(),t(C,{key:1,onClick:e.disconnectEvmWallet},{default:p(()=>[r(c(e.$t(`coin.button.disconnect`)),1)]),_:1},8,[`onClick`])):(u(),t(C,{key:0,type:`primary`,onClick:e.openEvmWalletModal},{default:p(()=>[r(c(e.$t(`order.message.x402ConnectWallet`)),1)]),_:1},8,[`onClick`]))])]),e.hasEvmProvider?e.networkMismatch?(u(),t(S,{key:1,type:`warning`,closable:!1,"show-icon":``,class:`x402-alert`,title:e.$t(`order.message.x402SwitchNetwork`,{network:e.expectedNetworkLabel||e.expectedNetwork})},null,8,[`title`])):a(``,!0):(u(),t(S,{key:0,type:`info`,closable:!1,class:`x402-alert`,description:e.$t(`order.message.x402NoWalletDesc`)},null,8,[`description`])),n(`div`,tt,[e.hasEvmProvider?(u(),t(C,{key:0,type:`primary`,disabled:!e.evmConnected||!e.requirementsAvailable||e.networkMismatch,loading:e.signing||e.paying,onClick:e.onPayWithWallet},{default:p(()=>[r(c(e.$t(`order.message.x402WalletPayCta`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])):a(``,!0)])],64)),n(`div`,nt,[n(`div`,rt,c(e.$t(`order.message.x402StepsTitle`)),1),n(`ol`,it,[(u(!0),f(m,null,s(e.paymentSteps,(e,t)=>(u(),f(`li`,{key:t,class:`x402-step`},[n(`span`,at,c(t+1),1),n(`span`,ot,c(e),1)]))),128))])])])])]),_:1},8,[`model-value`,`title`,`width`]),i(T,{modelValue:e.solanaWalletModalVisible,"onUpdate:modelValue":o[3]||=t=>e.solanaWalletModalVisible=t,title:e.$t(`order.message.x402ConnectWallet`),width:`420px`,"align-center":``},{default:p(()=>[n(`div`,st,[(u(!0),f(m,null,s(e.solanaWalletsOrdered,t=>(u(),f(`button`,{key:t.adapter.name,class:`wallet-list-item`,disabled:e.solanaWalletConnecting,onClick:n=>e.onSelectSolanaWallet(t)},[t.adapter.icon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:t.adapter.icon,alt:t.adapter.name},null,8,lt)):a(``,!0),n(`span`,ut,c(t.adapter.name),1),t.readyState===`Installed`?(u(),f(`span`,dt,c(e.$t(`order.message.x402WalletStatusDetected`)),1)):a(``,!0)],8,ct))),128))])]),_:1},8,[`modelValue`,`title`]),i(T,{modelValue:e.evmWalletModalVisible,"onUpdate:modelValue":o[4]||=t=>e.evmWalletModalVisible=t,title:e.$t(`order.message.x402ConnectWallet`),width:`420px`,"align-center":``},{default:p(()=>[n(`div`,ft,[(u(!0),f(m,null,s(e.evmWalletsOrdered,t=>(u(),f(`button`,{key:t.id,class:`wallet-list-item`,disabled:e.evmWalletConnecting,onClick:n=>e.onSelectEvmWallet(t)},[t.icon?(u(),f(`img`,{key:0,class:`wallet-list-icon`,src:t.icon,alt:t.name},null,8,mt)):a(``,!0),n(`span`,ht,c(t.name),1),n(`span`,gt,c(e.$t(`order.message.x402WalletStatusDetected`)),1)],8,pt))),128)),e.evmWalletsOrdered.length===0?(u(),f(`div`,_t,c(e.$t(`order.message.x402NoWalletDesc`)),1)):a(``,!0)])]),_:1},8,[`modelValue`,`title`])],64)}var yt=F(je,[[`render`,vt],[`__scopeId`,`data-v-53981361`]]),bt=o({name:`PaypalPayOrderDialog`,components:{ElDialog:z},props:{modelValue:{type:Object,required:!0},visible:{type:Boolean,required:!1,default:!1}},emits:[`hide`,`update:modelValue`],data(){return{refreshTimer:void 0}},watch:{visible:{handler(e){e&&this.modelValue.pay_url&&window.open(this.modelValue.pay_url,`_blank`)}}},mounted(){this.onRefresh()},unmounted(){this.refreshTimer&&clearTimeout(this.refreshTimer)},methods:{onRefresh(){if(!this.modelValue.id){console.error(`id does not exist`);return}I.refresh(this.modelValue.id).then(({data:e})=>{e.state===R.PAID?this.$emit(`hide`):setTimeout(()=>{this.onRefresh()},2e3),this.$emit(`update:modelValue`,e)}).catch(()=>{setTimeout(()=>{this.onRefresh()},5e3)})}}}),xt={class:`text-center`};function St(e,r,i,a,o,s){let l=d(`el-dialog`);return u(),t(l,{"model-value":e.visible,title:e.$t(`application.title.buyService`),width:`500px`,center:``},{default:p(()=>[n(`p`,xt,c(e.$t(`order.message.buyInExternalUrl`)),1)]),_:1},8,[`model-value`,`title`])}var Ct=F(bt,[[`render`,St]]),wt=7e3,Z=2e3,Q=function(e){return e.WechatPay=`WechatPay`,e.Stripe=`Stripe`,e.AliPay=`AliPay`,e.X402=`X402`,e.PayPal=`PayPal`,e}(Q||{}),Tt=o({name:`ConsoleOrderDetail`,components:{ElButton:h,CopyToClipboard:oe,ElRow:C,ElCard:y,ElCol:S,ElSkeleton:k,ElDivider:O,ElAlert:v,ElDescriptions:E,ElDescriptionsItem:w,ElTag:N,WechatPayOrder:me,StripePayOrder:ve,AlipayPayOrder:Se,X402PayOrder:yt,PaypalPayOrder:Ct},data(){return{PayWay:Q,payWay:`WechatPay`,OrderState:R,order:void 0,x402Session:void 0,showPayWays:!0,loading:!1,paying:!1,prepaying:!1}},computed:{config(){return this.$store.getters.config},enablePaypal(){return!!this.config?.features?.ENABLE_PAYPAL},id(){return this.$route.params?.id?.toString()},redirect(){return this.$route.query?.redirect},showPayment(){return!ne()},pricingInfo(){let e=this.order?.metadata?.pricing||{},t=e=>typeof e==`number`&&Number.isFinite(e)?e:void 0,n=t(e?.original_price),r=t(e?.discounted_price),i=t(e?.discount_rate),a=t(e?.discount_rate_vip),o=t(e?.discount_rate_x402),s=t(this.order?.price),c=n??s??0;return{original:c,discounted:r??s??c,discountRate:t(this.order?.discount)??i??0,discountedMethods:Array.isArray(e?.discounted_methods)?e.discounted_methods.filter(e=>typeof e==`string`&&e.length>0):[],discountRateVip:a,discountRateX402:o}},appliedDiscountMethods(){return this.pricingInfo.discountedMethods||[]},hasVipApplied(){return this.appliedDiscountMethods.includes(`vip`)},hasX402Applied(){return this.appliedDiscountMethods.includes(`x402`)},pendingX402Preview(){return this.payWay===`X402`&&this.order?.pay_way!==`X402`&&this.x402DiscountRate>0},finalOriginalPrice(){return this.pricingInfo.original||0},baseEffectivePrice(){let e=this.order?.price;return typeof e==`number`&&Number.isFinite(e)?e:this.pricingInfo.discounted},previewX402Price(){let e=this.baseEffectivePrice||0,t=this.x402DiscountRate;return!t||t<=0?e:e*(1-t)},finalDiscountedPrice(){return this.pendingX402Preview?this.previewX402Price:this.baseEffectivePrice},showOriginalPrice(){return this.finalOriginalPrice<=0?!1:this.finalOriginalPrice>this.finalDiscountedPrice},totalDiscountRate(){let e=this.pricingInfo.discountRate??0;return this.pendingX402Preview?1-(1-e)*(1-this.x402DiscountRate):e},hasAnyDiscount(){return this.totalDiscountRate>0},discountBadges(){let e=[];return this.hasVipApplied&&this.vipDiscountPercent&&e.push({key:`vip`,text:this.$t(`order.message.discountTag`,{percent:this.vipDiscountPercent}).toString(),type:`success`}),this.shouldDisplayX402Badge&&this.x402BadgePercent&&e.push({key:`x402`,text:this.$t(`order.message.x402DiscountTag`,{percent:this.x402BadgePercent}).toString(),type:`success`}),e},discountHints(){let e=[];return this.hasVipApplied&&this.vipDiscountPercent&&e.push(this.$t(`order.message.discountHint`,{percent:this.vipDiscountPercent}).toString()),this.hasX402Applied&&this.x402AppliedPercent?e.push(this.$t(`order.message.x402DiscountApplied`,{percent:this.x402AppliedPercent}).toString()):this.pendingX402Preview&&this.x402BadgePercent&&e.push(this.$t(`order.message.x402DiscountHint`,{percent:this.x402BadgePercent}).toString()),e},x402DiscountRate(){let e=this.config?.features?.DISCOUNT_FOR_X402;return typeof e==`number`&&Number.isFinite(e)&&e>0?e:0},vipDiscountPercent(){let e=(this.pricingInfo.discountRateVip??0)*100;return!Number.isFinite(e)||e<=0?``:Number.isInteger(e)?e.toFixed(0):e.toFixed(1)},x402AppliedPercent(){let e=(this.pricingInfo.discountRateX402??0)*100;return!Number.isFinite(e)||e<=0?``:Number.isInteger(e)?e.toFixed(0):e.toFixed(1)},x402BadgePercent(){let e=(this.hasX402Applied?this.pricingInfo.discountRateX402??this.x402DiscountRate:this.x402DiscountRate)*100;return!Number.isFinite(e)||e<=0?``:Number.isInteger(e)?e.toFixed(0):e.toFixed(1)},shouldDisplayX402Badge(){return this.hasX402Applied||this.pendingX402Preview},shouldShowPriceBlock(){return this.finalOriginalPrice>0||this.finalDiscountedPrice>0||this.hasAnyDiscount||this.pendingX402Preview},orderFailedReason(){if(!this.order||this.order.state!==R.FAILED)return;let e=(this.order.metadata||{})?.x402?.last_error||{};return(typeof e.reason==`string`?e.reason.trim():``)||void 0}},watch:{paying(e){e?this.startOrderPolling():this.stopOrderPolling()},order:{handler(e,t){if(e?.state===R.PAID){t?.state!==R.PAID&&j(`payment_success`,{order_id:e?.id,pay_way:e?.pay_way,service:e?.application?.service?.alias,amount:e?.price}),this.x402Session=void 0,setTimeout(()=>{this.redirect&&window.location.replace(this.redirect?.toString())},2e3);return}e?.state&&e.state!==R.PENDING&&e.state!==R.FAILED&&(this.x402Session=void 0)},deep:!0},payWay(e){e!==`X402`&&(this.x402Session=void 0)}},created(){this._orderRefreshTimer=void 0},mounted(){this.onFetchData()},beforeUnmount(){this.stopOrderPolling()},methods:{getPriceString:M,formatCredits(e){return Number.isFinite(e)?Number.isInteger(e)?String(e):e.toFixed(2):`0`},payWayLabel(e){switch(e){case`WechatPay`:return this.$t(`order.title.wechatPay`);case`Stripe`:return this.$t(`order.title.stripe`);case`AliPay`:return this.$t(`order.title.aliPay`);case`X402`:return this.$t(`order.title.x402`);case`PayPal`:return this.$t(`order.title.paypal`);default:return e}},payWayTagType(e){return`info`},startOrderPolling(e=0){this.stopOrderPolling();let t=async()=>{try{let{data:e}=await I.refresh(this.id);if(this.order=e,e?.state===R.PAID||e?.state===R.FAILED||e?.state===R.EXPIRED){this.paying=!1,this.stopOrderPolling();return}}catch{}this.paying&&(this._orderRefreshTimer=window.setTimeout(t,wt))};this._orderRefreshTimer=window.setTimeout(t,e)},stopOrderPolling(){let e=this._orderRefreshTimer;e&&(clearTimeout(e),this._orderRefreshTimer=void 0)},onFetchData(){this.loading=!0,I.refresh(this.id).then(({data:e})=>{this.order=e,e.pay_way&&(this.payWay=e.pay_way),this.loading=!1}).catch(()=>{this.loading=!1})},onRepay(){this.payWay===`X402`&&(this.x402Session=void 0),this.paying=!0,this.startOrderPolling()},onPay(){this.prepaying=!0,this.payWay===`X402`&&(this.x402Session=void 0);let e={pay_way:this.payWay};this.payWay===`AliPay`?e.surface=ie():this.payWay===`Stripe`&&L()&&(e.surface=`android`),I.pay(this.id,e).then(({data:e})=>{if(this.prepaying=!1,e?.id&&(this.order=e),this.payWay===`X402`&&e){let t=e;t.accepts&&(this.x402Session=t)}(this.order&&this.order.price&&this.order.price>0||this.payWay===`X402`)&&(this.paying=!0,this.startOrderPolling(Z))}).catch(e=>{this.prepaying=!1;let t=e?.response?.data;if(this.payWay===`X402`&&t){this.x402Session=t,this.paying=!0,this.startOrderPolling(Z);return}})}}}),Et={class:`title`},$={key:0,class:`pt-5`},Dt={key:1,class:`order`},Ot={key:0,class:`price-block`},kt={class:`price-line`},At={key:0,class:`price original`},jt={class:`price current unfree`},Mt={key:1,class:`price free`},Nt={key:0,class:`payways mb-6`},Pt={class:`payname`},Ft={class:`payname`},It={class:`payname`},Lt={class:`payname`},Rt={class:`payname`},zt={key:1},Bt={key:2};function Vt(o,l,h,g,_,v){let y=d(`el-col`),b=d(`el-row`),x=d(`el-skeleton`),S=d(`copy-to-clipboard`),C=d(`el-descriptions-item`),w=d(`el-tag`),T=d(`el-descriptions`),E=d(`el-divider`),D=d(`el-alert`),O=d(`el-button`),k=d(`el-card`),A=d(`wechat-pay-order`),j=d(`stripe-pay-order`),M=d(`alipay-pay-order`),N=d(`paypal-pay-order`),P=d(`x402-pay-order`);return u(),t(b,{class:`panel`},{default:p(()=>[i(y,{span:24},{default:p(()=>[i(b,null,{default:p(()=>[i(y,{span:24},{default:p(()=>[n(`h2`,Et,c(o.$t(`order.title.info`)),1)]),_:1})]),_:1}),i(b,null,{default:p(()=>[i(y,{span:24},{default:p(()=>[i(k,{shadow:`hover`},{default:p(()=>[i(b,null,{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[o.loading?(u(),f(`div`,$,[i(x,{animated:``})])):(u(),f(`div`,Dt,[i(T,{column:1},{default:p(()=>[i(C,{label:o.$t(`order.field.id`)},{default:p(()=>[n(`span`,null,c(o.order?.id),1),o.order?.id?(u(),t(S,{key:0,content:o.order?.id,class:`inline-block`},null,8,[`content`])):a(``,!0)]),_:1},8,[`label`]),i(C,{label:o.$t(`order.field.description`)},{default:p(()=>[r(c(o.order?.description),1)]),_:1},8,[`label`]),o.order?.application?.service?(u(),t(C,{key:0,label:o.$t(`order.field.api`)},{default:p(()=>[r(c(o.order?.application?.service?.title),1)]),_:1},8,[`label`])):a(``,!0),o.order?.pay_way?(u(),t(C,{key:1,label:o.$t(`order.field.payWay`)},{default:p(()=>[i(w,{type:o.payWayTagType(o.order.pay_way),effect:`dark`,round:``,size:`small`},{default:p(()=>[r(c(o.payWayLabel(o.order.pay_way)),1)]),_:1},8,[`type`])]),_:1},8,[`label`])):a(``,!0),o.order?.amount&&o.order.amount>0?(u(),t(C,{key:2,label:o.$t(`order.field.amount`)},{default:p(()=>[r(c(o.$t(`order.message.creditsValue`,{value:o.formatCredits(o.order.amount)})),1)]),_:1},8,[`label`])):a(``,!0),i(C,{label:o.$t(`order.field.createdAt`)},{default:p(()=>[r(c(o.$dayjs.format(o.order?.created_at)),1)]),_:1},8,[`label`]),i(C,{label:o.$t(`order.field.price`)},{default:p(()=>[o.shouldShowPriceBlock?(u(),f(`div`,Ot,[n(`div`,kt,[o.showOriginalPrice?(u(),f(`span`,At,c(o.getPriceString({value:o.finalOriginalPrice})),1)):a(``,!0),n(`span`,jt,c(o.getPriceString({value:o.finalDiscountedPrice})),1),(u(!0),f(m,null,s(o.discountBadges,e=>(u(),t(w,{key:e.key,class:`discount-tag`,effect:`light`,size:`small`,type:e.type},{default:p(()=>[r(c(e.text),1)]),_:2},1032,[`type`]))),128))]),(u(!0),f(m,null,s(o.discountHints,(e,t)=>(u(),f(`p`,{key:t,class:`discount-hint`},c(e),1))),128))])):(u(),f(`span`,Mt,c(o.$t(`order.message.free`)),1))]),_:1},8,[`label`])]),_:1})]))]),_:1})]),_:1}),o.order?.state===o.OrderState.PAID||o.order?.state===o.OrderState.FINISHED?(u(),t(b,{key:0,class:`mb-5`},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),i(D,{title:o.$t(`order.message.paidSuccessfully`),type:`success`,"show-icon":``,closable:!1},null,8,[`title`])]),_:1})]),_:1})):a(``,!0),o.order?.state===o.OrderState.EXPIRED?(u(),t(b,{key:1,class:`mb-5`},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),i(D,{title:o.$t(`order.message.orderExpired`),type:`error`,"show-icon":``,closable:!1},null,8,[`title`])]),_:1})]),_:1})):a(``,!0),o.order?.state===o.OrderState.FAILED?(u(),t(b,{key:2,class:`mb-5`},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),i(D,{title:o.$t(`order.state.failed`),description:o.orderFailedReason,type:`error`,"show-icon":``,closable:!1},null,8,[`title`,`description`])]),_:1})]),_:1})):a(``,!0),o.order?.state===o.OrderState.PENDING?(u(),t(b,{key:3},{default:p(()=>[i(y,{span:16,offset:4},{default:p(()=>[i(E,{"border-style":`dashed`}),o.showPayment&&o.showPayWays&&o.order.price&&o.order.price>0&&!o.order.pay_way?(u(),f(`div`,Nt,[n(`div`,{class:e({payway:!0,wechatpay:!0,active:o.payWay===o.PayWay.WechatPay}),onClick:l[0]||=e=>o.payWay=o.PayWay.WechatPay},[l[15]||=n(`span`,{class:`payicon wechatpay`},null,-1),n(`span`,Pt,c(o.$t(`order.title.wechatPay`)),1)],2),n(`div`,{class:e({payway:!0,alipay:!0,active:o.payWay===o.PayWay.AliPay}),onClick:l[1]||=e=>o.payWay=o.PayWay.AliPay},[l[16]||=n(`span`,{class:`payicon alipay`},null,-1),n(`span`,Ft,c(o.$t(`order.title.aliPay`)),1)],2),n(`div`,{class:e({payway:!0,stripe:!0,active:o.payWay===o.PayWay.Stripe}),onClick:l[2]||=e=>o.payWay=o.PayWay.Stripe},[l[17]||=n(`span`,{class:`payicon stripe`},null,-1),n(`span`,It,c(o.$t(`order.title.stripe`)),1)],2),n(`div`,{class:e({payway:!0,x402:!0,relative:!0,active:o.payWay===o.PayWay.X402}),onClick:l[3]||=e=>o.payWay=o.PayWay.X402},[l[18]||=n(`span`,{class:`payicon x402`},null,-1),n(`span`,Lt,c(o.$t(`order.title.x402`)),1),o.x402DiscountRate>0?(u(),t(w,{key:0,class:`absolute -top-2 right-0`,effect:`light`,size:`small`,type:`success`},{default:p(()=>[r(c(o.$t(`order.message.x402DiscountTag`,{percent:o.x402BadgePercent})),1)]),_:1})):a(``,!0)],2),o.enablePaypal?(u(),f(`div`,{key:0,class:e({payway:!0,paypal:!0,active:o.payWay===o.PayWay.PayPal}),onClick:l[4]||=e=>o.payWay=o.PayWay.PayPal},[l[19]||=n(`span`,{class:`payicon paypal`},null,-1),n(`span`,Rt,c(o.$t(`order.title.paypal`)),1)],2)):a(``,!0)])):a(``,!0),o.showPayment&&!o.order?.pay_way?(u(),f(`div`,zt,[i(O,{loading:o.prepaying,round:``,type:`primary`,size:`large`,class:`btn-pay`,onClick:o.onPay},{default:p(()=>[r(c(o.$t(`common.button.pay`)),1)]),_:1},8,[`loading`,`onClick`])])):o.showPayment?(u(),f(`div`,Bt,[i(O,{type:`primary`,round:``,size:`large`,class:`btn-repay`,onClick:o.onRepay},{default:p(()=>[r(c(o.$t(`common.button.repay`)),1)]),_:1},8,[`onClick`])])):a(``,!0)]),_:1})]),_:1})):a(``,!0)]),_:1})]),_:1})]),_:1}),i(b,null,{default:p(()=>[i(y,{span:24},{default:p(()=>[o.order&&o.payWay===o.PayWay.WechatPay?(u(),t(A,{key:0,modelValue:o.order,"onUpdate:modelValue":l[5]||=e=>o.order=e,visible:o.paying,onHide:l[6]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.Stripe?(u(),t(j,{key:1,modelValue:o.order,"onUpdate:modelValue":l[7]||=e=>o.order=e,visible:o.paying,onHide:l[8]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.AliPay?(u(),t(M,{key:2,modelValue:o.order,"onUpdate:modelValue":l[9]||=e=>o.order=e,visible:o.paying,onHide:l[10]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.PayPal?(u(),t(N,{key:3,modelValue:o.order,"onUpdate:modelValue":l[11]||=e=>o.order=e,visible:o.paying,onHide:l[12]||=e=>o.paying=!1},null,8,[`modelValue`,`visible`])):a(``,!0),o.order&&o.payWay===o.PayWay.X402?(u(),t(P,{key:4,modelValue:o.order,"onUpdate:modelValue":l[13]||=e=>o.order=e,session:o.x402Session,visible:o.paying,onHide:l[14]||=e=>o.paying=!1},null,8,[`modelValue`,`session`,`visible`])):a(``,!0)]),_:1})]),_:1})]),_:1})]),_:1})}var Ht=F(Tt,[[`render`,Vt],[`__scopeId`,`data-v-06f45f02`]]);export{Ht as default};

package/dist/assets/Extra-BpIj6C0_.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,_ as u,et as d,k as f,lt as p,ut as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{n as _,t as v}from"./form-CM4sfjkF.js";import{t as y}from"./card-pDppUT2_.js";import{n as b,r as x}from"./radio-DNLlMkjf.js";import{n as S,t as C}from"./row-BgYJmo3R.js";import{t as w}from"./divider-DntlVH34.js";import{t as T}from"./skeleton-k2vAVQdD.js";import{An as E,At as D,M as O,S as k,_n as A,_r as j,j as M,ur as N,wn as P,xr as F}from"./index-BlUS5P9H.js";var I=o({name:`ApiPrice`,props:{price:{type:Number,required:!1,default:0},unit:{type:String,required:!1,default:void 0},start:{type:Boolean,required:!1,default:!1}},methods:{getPriceString:D}}),L={class:`price-text`},R={key:0,class:`unfree`},z={key:1,class:`free`};function B(e,t,n,r,i,a){return l(),f(`div`,L,[e.price>0?(l(),f(`span`,R,c(e.getPriceString({value:e.price}))+` `+c(e.unit?` / ${e.unit}`:``)+c(e.start?e.$t(`common.message.startPrice`):``),1)):(l(),f(`span`,z,c(e.$t(`common.message.free`)),1))])}var V=k(I,[[`render`,B],[`__scopeId`,`data-v-bb068181`]]),H=o({name:`ServiceEstimation`,components:{},props:{service:{type:Object,required:!0},package:{type:Object,required:!0}},methods:{getPriceString:D}}),U={class:`estimation`},W={key:0,class:`item`},G={key:0},K={key:1},q={key:2},J={key:0},Y={key:1};function X(e,t,n,i,o,u){return l(),f(`div`,U,[(l(!0),f(h,null,s(e.service?.apis,(t,n)=>(l(),f(`div`,{key:n},[(l(!0),f(h,null,s(t?.estimation,(t,n)=>(l(),f(`div`,{key:n,class:`items`},[e.package?.amount&&t?.cost?(l(),f(`p`,W,[r(` ≈ `+c(t.name)+` `+c(Math.round(e.package.amount/t.cost))+` `+c(e.$t(`api.unit.count`))+` `,1),e.package.price>0?(l(),f(`span`,G,` - `+c(e.getPriceString({value:e.package.price/(e.package.amount/t.cost),fractionDigits:3})+` / `+e.$t(`api.unit.count`)),1)):a(``,!0),t.remark?(l(),f(`span`,K,` (`+c(t.remark)+`) `,1)):a(``,!0),(t?.comparisons?.length??0)>0?(l(),f(`span`,q,` - `)):a(``,!0),(l(!0),f(h,null,s(t?.comparisons,(t,n)=>(l(),f(`span`,{key:n,class:`comparison`},[t?.value<0?(l(),f(`i`,J,c(e.$t(`api.message.cheaperThan`).replace(`$[[value]]`,t?.target?.toString()))+` `+c(Math.abs(t?.value)*100)+`% `,1)):a(``,!0),t?.value>0?(l(),f(`i`,Y,c(e.$t(`api.message.moreExpensiveThan`).replace(`$[[value]]`,t?.target?.toString()))+` `+c(Math.abs(t?.value)*100)+`% `,1)):a(``,!0)]))),128))])):a(``,!0)]))),128))]))),128))])}var Z=o({name:`ConsoleApplicationBuy`,components:{ElSkeleton:T,ElRow:C,ElCol:S,ElCard:y,ElForm:v,ElFormItem:_,ElButton:g,ElDivider:w,ElRadioGroup:x,ElRadioButton:b,Price:V,ServiceEstimation:k(H,[[`render`,X],[`__scopeId`,`data-v-768cf35f`]])},data(){return{lang:this.$i18n.locale,application:void 0,loading:!1,type:N.USAGE,form:{packageId:void 0,amount:void 0},creating:!1}},computed:{applicationId(){return this.$route.params?.id?.toString()},id(){return this.$route.params?.id?.toString()},showPayment(){return!j()},price(){return this.application?.service?.price&&this.form.amount?this.form.amount*this.application.service?.price:0},packages(){return this.application?.packages?.filter(e=>e.type===N.USAGE).sort((e,t)=>e.amount-t.amount)||[]},package(){if(this.packages&&this.form.packageId){let e=this.packages.filter(e=>e.id===this.form.packageId);if(e.length>0)return e[0]}}},mounted(){this.onFetchApplication()},methods:{getDiscount(e){return this.packages&&this.packages.length>0?this.lang?.startsWith(`zh`)?(10*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount)).toFixed(1)+`折`:Math.round(100-100*e?.price/e?.amount/(this.packages[0].price/this.packages[0]?.amount))+`% OFF`:``},onSubscribe(){this.$router.push({name:M,params:this.$route.params})},getPriceString:D,onFetchApplication(){this.loading=!0,P.get(this.id).then(({data:e})=>{this.application=e,this.loading=!1,this.form.packageId=this.packages?.[0]?.id}).catch(()=>{this.loading=!1})},onChangeType(){this.$router.push({name:M,params:this.$route.params})},onCreateOrder(){if(!this.application?.id)return;this.creating=!0;let e=this.$t(`service.unit.${this.application?.service?.unit}s`);E(`payment_initiated`,{service:this.application?.service?.alias,amount:this.package?.amount,package_id:this.package?.id,action:`extra`}),A.create({application_id:this.application?.id,amount:this.package?.amount,...this.form.packageId!==`custom`&&this.package?{package_id:this.package.id}:{},description:this.application?.service?`${this.application?.service?.title} x ${this.package?.amount} ${e}`:this.$t(`application.title.globalBuy`)+` - `+this.package?.amount+` `+this.$t(`service.unit.credits`)}).then(({data:e})=>{this.creating=!1;let t=e;this.$router.push({name:O,params:{id:t.id}})}).catch(e=>{F.error(this.$t(`order.message.createFailed`)),this.creating=!1,E(`payment_failed`,{service:this.application?.service?.alias,action:`extra`,error:e?.response?.data?.error?.message??String(e)})})}}}),Q={class:`title`},$={key:0},ee={class:`text-[var(--el-text-color-secondary)] text-[12px] mb-3`},te={key:0,class:`ml-2`},ne={key:1,class:e({price:!0,free:!0})};function re(o,g,_,v,y,b){let x=d(`el-col`),S=d(`el-row`),C=d(`el-skeleton`),w=d(`el-divider`),T=d(`el-form-item`),E=d(`el-radio-button`),D=d(`el-radio-group`),O=d(`service-estimation`),k=d(`price`),A=d(`el-button`),j=d(`el-form`),M=d(`el-card`);return l(),t(S,{class:`panel`},{default:p(()=>[i(x,{span:24},{default:p(()=>[i(S,null,{default:p(()=>[i(x,{span:24},{default:p(()=>[n(`h2`,Q,c(o.$t(`common.title.buyMore`)),1)]),_:1})]),_:1}),i(S,null,{default:p(()=>[i(x,{span:24},{default:p(()=>[i(M,{shadow:`hover`,class:`min-h-[500px]`},{default:p(()=>[i(S,null,{default:p(()=>[i(x,{span:16,offset:4},{default:p(()=>[o.loading?(l(),t(C,{key:0})):o.application?(l(),t(j,{key:1,"label-width":`100px`},{default:p(()=>[o.application?.service?a(``,!0):(l(),f(`div`,$,[n(`p`,ee,c(o.$t(`application.message.globalBalanceBuyDescription`)),1),i(w,{"border-style":`dashed`})])),o.application?.service?(l(),t(T,{key:1,label:o.$t(`application.field.service`)},{default:p(()=>[r(c(o.application?.service?.title),1)]),_:1},8,[`label`])):(l(),t(T,{key:2,label:o.$t(`application.field.scope`)},{default:p(()=>[r(c(o.$t(`application.title.globalBuy`)),1)]),_:1},8,[`label`])),i(T,{label:o.$t(`application.field.package`),class:`mb-0`},{default:p(()=>[o.packages?(l(),t(D,{key:0,modelValue:o.form.packageId,"onUpdate:modelValue":g[0]||=e=>o.form.packageId=e},{default:p(()=>[(l(!0),f(h,null,s(o.packages,(e,i)=>(l(),t(E,{key:i,label:e.id,class:`mb-2`},{default:p(()=>[m(n(`span`,{class:`corner`},c(o.getDiscount(e)),513),[[u,i!==0]]),r(` `+c(e.amount)+` `+c(o.$t(`service.unit.${o.application?.service?.unit||`credit`}s`)),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])):a(``,!0)]),_:1},8,[`label`]),o.application?.service?.apis&&o.application?.service?.apis?.map(e=>e?.estimation).filter(e=>!!e)?.length>0?(l(),t(T,{key:3},{default:p(()=>[o.application?.service?(l(),t(O,{key:0,service:o.application.service,package:o.package},null,8,[`service`,`package`])):a(``,!0)]),_:1})):a(``,!0),i(T,{label:o.$t(`service.field.price`)},{default:p(()=>[i(k,{price:o.package?.price},null,8,[`price`]),o.package?(l(),f(`span`,te,`(`+c(o.getPriceString({value:o.package?.price/o.package?.amount})+` / `+o.$t(`service.unit.${o.application?.service?.unit||`credits`}`))+`) `,1)):a(``,!0)]),_:1},8,[`label`]),i(w,{"border-style":`dashed`}),i(T,{label:o.$t(`application.field.shouldPayPrice`)},{default:p(()=>[o.package?(l(),f(`span`,{key:0,class:e({price:!0,unfree:o.package?.price>0,free:o.package?.price===0})},c(o.getPriceString({value:o.package?.price})),3)):(l(),f(`span`,ne,` $ 0 `))]),_:1},8,[`label`]),i(T,null,{default:p(()=>[o.showPayment?(l(),t(A,{key:0,type:`primary`,size:`large`,class:`btn-create`,loading:o.creating,round:``,onClick:o.onCreateOrder},{default:p(()=>[r(c(o.$t(`application.button.createOrder`)),1)]),_:1},8,[`loading`,`onClick`])):a(``,!0)]),_:1}),i(w,{"border-style":`dashed`}),m(i(T,{label:``},{default:p(()=>[n(`span`,null,c(o.$t(`console.message.doNotWantExtra`)),1),i(A,{type:`primary`,class:`btn btn-subscribe`,round:``,size:`small`,onClick:o.onSubscribe},{default:p(()=>[r(c(o.$t(`console.message.subscribe`)),1)]),_:1},8,[`onClick`])]),_:1},512),[[u,!1]])]),_:1})):a(``,!0)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ie=k(Z,[[`render`,re],[`__scopeId`,`data-v-a1e274d4`]]);export{ie as default};

package/dist/assets/{FilePreview-7wARoWHk.js → FilePreview-DD2Kgucq.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{E as e,N as t,O as n,P as r,Ut as i,X as a,_ as o,et as s,k as c,ut as l}from"./vendor-chart-Df3WBvr0.js";import{t as u}from"./progress-DwFjJZV8.js";import{Lt as d,S as f}from"./index-CQ_Z0RfD.js";import{t as p}from"./index.es-Cg3Zd2j8.js";var m=r({name:`FilePreview`,components:{FontAwesomeIcon:p,ElProgress:u},props:{name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:[`remove`],computed:{isUploading(){return typeof this.percentage==`number`&&this.percentage<100},displayPercentage(){return typeof this.percentage==`number`?this.percentage:0}},methods:{isImageUrl:d}}),h={class:`file cursor-pointer relative rounded-[10px] h-[50px] w-[250px] flex flex-row items-center justify-start bg-[var(--el-bg-color)]`},g={class:`left h-[50px] w-[50px] flex items-center justify-center`},_={class:`wrapper relative w-[35px] h-[35px] flex items-center justify-center rounded-[10px] text-white bg-[#10a37f] m-auto`},v={class:`right flex-1 h-[50px] flex items-center justify-start pl-[2px] text-[14px] text-[var(--el-text-color-primary)] truncate`},y={class:`text-xs font-bold truncate`},b={key:0,class:`close absolute cursor-pointer top-[5px] right-[5px] bg-[rgba(0,0,0,0.7)] text-white w-[15px] rounded-full h-[15px] flex text-[10px] text-center items-center justify-center`};function x(r,u,d,f,p,m){let x=s(`font-awesome-icon`),S=s(`el-progress`);return a(),c(`div`,h,[e(`div`,g,[e(`div`,_,[t(x,{icon:`fa-regular fa-file-alt`}),l(t(S,{type:`circle`,"stroke-width":3,percentage:r.displayPercentage,width:25,class:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[25px] h-[25px] z-[10] m-auto`},null,8,[`percentage`]),[[o,r.isUploading]])])]),e(`div`,v,[e(`span`,y,i(r.name),1)]),r.closable?(a(),c(`div`,b,[t(x,{icon:`fa-solid fa-xmark`,class:`icon icon-close`,onClick:u[0]||=e=>r.$emit(`remove`)})])):n(``,!0)])}var S=f(m,[[`render`,x]]);export{S as t};
+import"./rolldown-runtime--c01j_DQ.js";import{E as e,N as t,O as n,P as r,Ut as i,X as a,_ as o,et as s,k as c,ut as l}from"./vendor-chart-Df3WBvr0.js";import{t as u}from"./progress-C5HwZSvS.js";import{Lt as d,S as f}from"./index-BlUS5P9H.js";import{t as p}from"./index.es-C3NHsxpC.js";var m=r({name:`FilePreview`,components:{FontAwesomeIcon:p,ElProgress:u},props:{name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:[`remove`],computed:{isUploading(){return typeof this.percentage==`number`&&this.percentage<100},displayPercentage(){return typeof this.percentage==`number`?this.percentage:0}},methods:{isImageUrl:d}}),h={class:`file cursor-pointer relative rounded-[10px] h-[50px] w-[250px] flex flex-row items-center justify-start bg-[var(--el-bg-color)]`},g={class:`left h-[50px] w-[50px] flex items-center justify-center`},_={class:`wrapper relative w-[35px] h-[35px] flex items-center justify-center rounded-[10px] text-white bg-[#10a37f] m-auto`},v={class:`right flex-1 h-[50px] flex items-center justify-start pl-[2px] text-[14px] text-[var(--el-text-color-primary)] truncate`},y={class:`text-xs font-bold truncate`},b={key:0,class:`close absolute cursor-pointer top-[5px] right-[5px] bg-[rgba(0,0,0,0.7)] text-white w-[15px] rounded-full h-[15px] flex text-[10px] text-center items-center justify-center`};function x(r,u,d,f,p,m){let x=s(`font-awesome-icon`),S=s(`el-progress`);return a(),c(`div`,h,[e(`div`,g,[e(`div`,_,[t(x,{icon:`fa-regular fa-file-alt`}),l(t(S,{type:`circle`,"stroke-width":3,percentage:r.displayPercentage,width:25,class:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[25px] h-[25px] z-[10] m-auto`},null,8,[`percentage`]),[[o,r.isUploading]])])]),e(`div`,v,[e(`span`,y,i(r.name),1)]),r.closable?(a(),c(`div`,b,[t(x,{icon:`fa-solid fa-xmark`,class:`icon icon-close`,onClick:u[0]||=e=>r.$emit(`remove`)})])):n(``,!0)])}var S=f(m,[[`render`,x]]);export{S as t};

package/dist/assets/Hailuo-pRBbDp0w.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,E as t,N as n,P as r,X as i,et as a,k as o,lt as s}from"./vendor-chart-Df3WBvr0.js";import{t as c}from"./button-DgZFgZDr.js";import{t as l}from"./drawer-BhAAsvLB.js";import{S as u}from"./index-BlUS5P9H.js";import{t as d}from"./index.es-C3NHsxpC.js";var f=r({name:`LayoutHailuo`,components:{ElDrawer:l,ElButton:c,FontAwesomeIcon:d},data(){return{drawer:!1}}}),p={class:`main flex flex-row flex-1`},m={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},h={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function g(r,c,l,u,d,f){let g=a(`font-awesome-icon`),_=a(`el-button`),v=a(`el-drawer`);return i(),o(`div`,p,[t(`div`,m,[e(r.$slots,`config`,{},void 0,!0)]),t(`div`,h,[e(r.$slots,`result`,{},void 0,!0)]),n(_,{circle:``,class:`menu`,onClick:c[0]||=e=>r.drawer=!0},{default:s(()=>[n(g,{icon:`fa-solid fa-magic`})]),_:1}),n(v,{modelValue:r.drawer,"onUpdate:modelValue":c[1]||=e=>r.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`},{default:s(()=>[e(r.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var _=u(f,[[`render`,g],[`__scopeId`,`data-v-91c9c1f2`]]);export{_ as t};

package/dist/assets/{History-CyHOqVPE.js → History-D1nk71Zp.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,N as n,P as r,Ut as i,X as a,et as o,lt as s,tt as c,ut as l}from"./vendor-chart-Df3WBvr0.js";import{n as u,t as d}from"./table-CEo8PKh8.js";import{t as f}from"./card-Be_7prkN.js";import{n as p,t as m}from"./row-CHsY95v_.js";import{t as h}from"./Pagination-3p6wWQhj.js";import{At as g,S as _,pn as v}from"./index-CQ_Z0RfD.js";import{t as y}from"./CopyToClipboard-BLWeewTc.js";var b=r({name:`ConsoleDistributionList`,components:{Pagination:h,CopyToClipboard:y,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{distributionHistories:[],distributionStatus:void 0,loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{getPriceString:g,onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchDistributionHistory()]).finally(()=>{this.loading=!1})},async onFetchDistributionHistory(){let{data:e}=await v.getAll({user_id:this.$store.getters.user.id,ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit});this.distributionHistories=e.items,this.total=e.count}}}),x={class:`title`},S={class:`key`},C={class:`copy`},w={class:`key`},T={class:`copy`},E={class:`price`},D={class:`description`},O={class:`description`},k={class:`created-at`},A={class:`pagination m-v-lg`};function j(r,u,d,f,p,m){let h=o(`el-col`),g=o(`el-row`),_=o(`copy-to-clipboard`),v=o(`el-table-column`),y=o(`el-table`),b=o(`el-card`),j=o(`pagination`),M=c(`loading`);return a(),e(g,{class:`panel`},{default:s(()=>[n(h,{span:24},{default:s(()=>[n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[t(`h2`,x,i(r.$t(`common.title.distributionHistory`)),1)]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[n(b,{shadow:`hover`},{default:s(()=>[l((a(),e(y,{data:r.distributionHistories,stripe:``},{default:s(()=>[n(v,{prop:`id`,label:r.$t(`distribution.field.id`),"class-name":`text-center`,width:`350px`},{default:s(e=>[t(`span`,S,i(e.row.id),1),t(`span`,C,[n(_,{content:e.row.id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{prop:`id`,label:r.$t(`distribution.field.userId`),"class-name":`text-center`,width:`350px`},{default:s(e=>[t(`span`,w,i(e.row.user_id),1),t(`span`,T,[n(_,{content:e.row.user_id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.price`),width:`100px`},{default:s(e=>[t(`span`,E,i(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.reward`),width:`100px`},{default:s(e=>[t(`span`,D,i(r.getPriceString({value:e.row?.reward})),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.percentage`),width:`120px`},{default:s(e=>[t(`span`,O,i(e.row.percentage)+`%`,1)]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.createdAt`),width:`200px`},{default:s(e=>[t(`span`,k,i(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[M,r.loading]])]),_:1})]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:10,offset:14},{default:s(()=>[t(`div`,A,[n(j,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var M=_(b,[[`render`,j],[`__scopeId`,`data-v-74b9e778`]]);export{M as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,N as n,P as r,Ut as i,X as a,et as o,lt as s,tt as c,ut as l}from"./vendor-chart-Df3WBvr0.js";import{n as u,t as d}from"./table-mXtDbICN.js";import{t as f}from"./card-pDppUT2_.js";import{n as p,t as m}from"./row-BgYJmo3R.js";import{t as h}from"./Pagination-B0U5Zo9H.js";import{At as g,S as _,pn as v}from"./index-BlUS5P9H.js";import{t as y}from"./CopyToClipboard-CKQPzIHN.js";var b=r({name:`ConsoleDistributionList`,components:{Pagination:h,CopyToClipboard:y,ElRow:m,ElCol:p,ElTable:d,ElTableColumn:u,ElCard:f},data(){return{distributionHistories:[],distributionStatus:void 0,loading:!1,total:void 0,limit:10}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData()},methods:{getPriceString:g,onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},onFetchData(){this.loading=!0,Promise.all([this.onFetchDistributionHistory()]).finally(()=>{this.loading=!1})},async onFetchDistributionHistory(){let{data:e}=await v.getAll({user_id:this.$store.getters.user.id,ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit});this.distributionHistories=e.items,this.total=e.count}}}),x={class:`title`},S={class:`key`},C={class:`copy`},w={class:`key`},T={class:`copy`},E={class:`price`},D={class:`description`},O={class:`description`},k={class:`created-at`},A={class:`pagination m-v-lg`};function j(r,u,d,f,p,m){let h=o(`el-col`),g=o(`el-row`),_=o(`copy-to-clipboard`),v=o(`el-table-column`),y=o(`el-table`),b=o(`el-card`),j=o(`pagination`),M=c(`loading`);return a(),e(g,{class:`panel`},{default:s(()=>[n(h,{span:24},{default:s(()=>[n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[t(`h2`,x,i(r.$t(`common.title.distributionHistory`)),1)]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:24},{default:s(()=>[n(b,{shadow:`hover`},{default:s(()=>[l((a(),e(y,{data:r.distributionHistories,stripe:``},{default:s(()=>[n(v,{prop:`id`,label:r.$t(`distribution.field.id`),"class-name":`text-center`,width:`350px`},{default:s(e=>[t(`span`,S,i(e.row.id),1),t(`span`,C,[n(_,{content:e.row.id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{prop:`id`,label:r.$t(`distribution.field.userId`),"class-name":`text-center`,width:`350px`},{default:s(e=>[t(`span`,w,i(e.row.user_id),1),t(`span`,T,[n(_,{content:e.row.user_id},null,8,[`content`])])]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.price`),width:`100px`},{default:s(e=>[t(`span`,E,i(r.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.reward`),width:`100px`},{default:s(e=>[t(`span`,D,i(r.getPriceString({value:e.row?.reward})),1)]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.percentage`),width:`120px`},{default:s(e=>[t(`span`,O,i(e.row.percentage)+`%`,1)]),_:1},8,[`label`]),n(v,{label:r.$t(`distribution.field.createdAt`),width:`200px`},{default:s(e=>[t(`span`,k,i(r.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`])),[[M,r.loading]])]),_:1})]),_:1})]),_:1}),n(g,null,{default:s(()=>[n(h,{span:10,offset:14},{default:s(()=>[t(`div`,A,[n(j,{"current-page":r.page,"page-size":r.limit,total:r.total,onChange:r.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var M=_(b,[[`render`,j],[`__scopeId`,`data-v-74b9e778`]]);export{M as default};

package/dist/assets/{ImagePreview-Dgjod7Hk.js → ImagePreview-BNUi7OPj.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{E as e,N as t,O as n,P as r,X as i,_ as a,et as o,k as s,ut as c,y as l}from"./vendor-chart-Df3WBvr0.js";import{t as u}from"./progress-DwFjJZV8.js";import{S as d}from"./index-CQ_Z0RfD.js";import{t as f}from"./index.es-Cg3Zd2j8.js";var p=r({name:`ImagePreview`,components:{FontAwesomeIcon:f,ElProgress:u},props:{url:{type:String,required:!0},name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:[`remove`],computed:{isUploading(){return typeof this.percentage==`number`&&this.percentage<100},displayPercentage(){return typeof this.percentage==`number`?this.percentage:0}}}),m={class:`image w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden shadow-sm bg-[var(--el-fill-color-lighter)]`},h=[`src`,`alt`],g={class:`overlay absolute inset-0 bg-[var(--el-mask-color)] backdrop-blur-[1px]`},_={key:0,class:`close absolute cursor-pointer top-[4px] right-[4px] bg-[rgba(0,0,0,0.65)] text-white w-[16px] h-[16px] rounded-full flex text-[10px] text-center items-center justify-center hover:bg-[rgba(0,0,0,0.8)]`};function v(r,u,d,f,p,v){let y=o(`el-progress`),b=o(`font-awesome-icon`);return i(),s(`div`,m,[e(`img`,{class:`w-full h-full object-cover`,src:r.url,alt:r.name},null,8,h),c(e(`div`,g,null,512),[[a,r.isUploading]]),c(t(y,{type:`circle`,"stroke-width":4,percentage:r.displayPercentage,width:34,class:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[34px] h-[34px] z-[10] m-auto text-[12px]`},null,8,[`percentage`]),[[a,r.isUploading]]),r.closable?(i(),s(`div`,_,[t(b,{icon:`fa-solid fa-xmark`,class:`icon icon-close`,onClick:u[0]||=l(e=>r.$emit(`remove`),[`stop`])})])):n(``,!0)])}var y=d(p,[[`render`,v]]);export{y as t};
+import"./rolldown-runtime--c01j_DQ.js";import{E as e,N as t,O as n,P as r,X as i,_ as a,et as o,k as s,ut as c,y as l}from"./vendor-chart-Df3WBvr0.js";import{t as u}from"./progress-C5HwZSvS.js";import{S as d}from"./index-BlUS5P9H.js";import{t as f}from"./index.es-C3NHsxpC.js";var p=r({name:`ImagePreview`,components:{FontAwesomeIcon:f,ElProgress:u},props:{url:{type:String,required:!0},name:{type:String,required:!0},percentage:{type:Number,required:!1,default:void 0},closable:{type:Boolean,required:!1,default:!0}},emits:[`remove`],computed:{isUploading(){return typeof this.percentage==`number`&&this.percentage<100},displayPercentage(){return typeof this.percentage==`number`?this.percentage:0}}}),m={class:`image w-[50px] h-[50px] relative rounded-[var(--el-border-radius-base)] overflow-hidden shadow-sm bg-[var(--el-fill-color-lighter)]`},h=[`src`,`alt`],g={class:`overlay absolute inset-0 bg-[var(--el-mask-color)] backdrop-blur-[1px]`},_={key:0,class:`close absolute cursor-pointer top-[4px] right-[4px] bg-[rgba(0,0,0,0.65)] text-white w-[16px] h-[16px] rounded-full flex text-[10px] text-center items-center justify-center hover:bg-[rgba(0,0,0,0.8)]`};function v(r,u,d,f,p,v){let y=o(`el-progress`),b=o(`font-awesome-icon`);return i(),s(`div`,m,[e(`img`,{class:`w-full h-full object-cover`,src:r.url,alt:r.name},null,8,h),c(e(`div`,g,null,512),[[a,r.isUploading]]),c(t(y,{type:`circle`,"stroke-width":4,percentage:r.displayPercentage,width:34,class:`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[34px] h-[34px] z-[10] m-auto text-[12px]`},null,8,[`percentage`]),[[a,r.isUploading]]),r.closable?(i(),s(`div`,_,[t(b,{icon:`fa-solid fa-xmark`,class:`icon icon-close`,onClick:u[0]||=l(e=>r.$emit(`remove`),[`stop`])})])):n(``,!0)])}var y=d(p,[[`render`,v]]);export{y as t};

package/dist/assets/ImageWrapper-D2jY0PUW.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,M as t,O as n,P as r,Ut as i,X as a,et as o,k as s,lt as c}from"./vendor-chart-Df3WBvr0.js";import{t as l}from"./button-DgZFgZDr.js";import{S as u}from"./index-BlUS5P9H.js";var d=r({name:`ImageWrapper`,components:{ElButton:l},props:{src:{type:String,required:!0},rawSrc:{type:String,required:!1,default:void 0}},methods:{onOpenUrl(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()}}}),f={class:`image-wrapper`},p=[`src`];function m(r,l,u,d,m,h){let g=o(`el-button`);return a(),s(`div`,f,[r.src?(a(),s(`img`,{key:0,src:r.src,class:`image`,onError:l[0]||=e=>r.onReload(e)},null,40,p)):n(``,!0),r.rawSrc?(a(),e(g,{key:1,type:`info`,round:``,class:`btn-raw`,onClick:l[1]||=e=>r.onOpenUrl(r.rawSrc)},{default:c(()=>[t(i(r.$t(`common.button.seeRawImage`)),1)]),_:1})):n(``,!0)])}var h=u(d,[[`render`,m],[`__scopeId`,`data-v-4deff0d6`]]);export{h as t};

package/dist/assets/{Index-7b2jyS_w.js → Index-828i8jBW.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{r as g,t as _}from"./select-B4dyvdJX.js";import{t as v}from"./upload-BO7JLJgD.js";import{t as y}from"./tooltip-dMUOPgYV.js";import{t as b}from"./image-D8MT4udF.js";import{t as x}from"./alert-edBnr1RA.js";import{t as S}from"./message-szVt3fJ2.js";import{t as C}from"./drawer-C8lcrV40.js";import{At as w,Et as T,Ot as E,kt as D,pr as O}from"./constants-CNQ7Osju.js";import{Dt as k,Et as ee,Or as A,S as j,Tt as M,Yt as te,dr as N,kn as P,kt as F,mr as I,wt as L}from"./index-CQ_Z0RfD.js";import{t as R}from"./index.es-Cg3Zd2j8.js";import{t as z}from"./CopyToClipboard-BLWeewTc.js";import{t as B}from"./ImagePreview-Dgjod7Hk.js";import{t as V}from"./BotPlaceholder-9x1R6q4x.js";import{i as H,n as U,t as W}from"./pagination-BpjLYJug.js";import{n as G,t as K}from"./NoTasks-H6Eoqdey.js";import{t as q}from"./Consumption-BGY1LBkx.js";import{t as J}from"./ApiCodeButton-dpgL2gos.js";import{t as Y}from"./ImageWrapper-BM-jB_Fi.js";var X=s({name:`LayoutNanobanana`,components:{ElDrawer:C,ElButton:A,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=j(X,[[`render`,re],[`__scopeId`,`data-v-8ca1c212`]]),ae=s({name:`PromptInput`,components:{PromptTextarea:G},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||=``}});function oe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var se=j(ae,[[`render`,oe]]),ce=s({name:`ImageUrlsInput`,components:{ElUpload:v,ElButton:A,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[k,M],data(){return{fileList:[],uploadUrl:I()+`/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){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),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(){S.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){S.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let 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()}}}),le={class:`field flex items-center justify-between`},ue={class:`title font-bold text-[14px] mb-[10px]`},de={class:`upload-wrapper flex flex-col items-start gap-[8px]`},fe={class:`controls flex items-center`},pe={class:`file-list flex flex-wrap gap-[10px]`};function me(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,le,[r(`h2`,ue,l(e.$t(`nanobanana.name.imageUrls`)),1),r(`div`,de,[r(`div`,fe,[a(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,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:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,pe,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var he=j(ce,[[`render`,me]]),ge=s({name:`AspectRatioSelector`,components:{ElSelect:g,ElOption:_},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);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`nanobanana.name.aspectRatio`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,clearable:``,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var be=j(ge,[[`render`,ye],[`__scopeId`,`data-v-67f08a08`]]),xe=s({name:`NanobananaModelSelector`,components:{ElSelect:g,ElOption:_,InfoIcon:H},data(){return{options:[{value:E,label:this.$t(`nanobanana.model.nanoBanana`)},{value:w,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:D,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||=T}}),Se={class:`field`},Ce={class:`label`},we={class:`box`},Te={class:`title font-bold`};function Ee(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,Se,[r(`div`,Ce,[r(`div`,we,[r(`h2`,Te,l(e.$t(`nanobanana.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var De=j(xe,[[`render`,Ee],[`__scopeId`,`data-v-94304d73`]]),Oe=s({name:`NanobananaResolutionSelector`,components:{ElSelect:g,ElOption:_,InfoIcon:H},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},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!==E}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(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=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`nanobanana.name.resolution`)),1),a(g,{content:e.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`),disabled:!e.isProModel},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Pe=s({name:`ConfigPanel`,components:{ElButton:A,FontAwesomeIcon:R,PromptInput:se,Consumption:q,ImageUrlsInput:he,AspectRatioSelector:be,ModelSelector:De,ResolutionSelector:j(Oe,[[`render`,Ne],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return F({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`aspect-ratio-selector`),v=d(`image-urls-input`),y=d(`consumption`),b=d(`font-awesome-icon`),x=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`})]),r(`div`,Le,[a(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=j(Pe,[[`render`,Re]]),Be=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:x,ImageWrapper:Y,ElButton:A,ElTooltip:y,ImagePreview:B,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},computed:{images(){let 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);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),Ve={class:`preview`},He={class:`left`},Ue={class:`main`},We={class:`bot`},Ge={class:`datetime`},Ke={class:`info`},qe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Je={key:1,class:`prompt mt-2`},Ye={key:0},Xe={key:0,class:t({content:!0,failed:!0})},Ze={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Qe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},$e={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`},tt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={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`},ot={key:1,class:t({content:!0})},st={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`},lt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ht={key:2,class:t({content:!0})},gt={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`},yt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function bt(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,Ve,[r(`div`,He,[a(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),r(`div`,Ue,[r(`div`,We,[i(l(e.$t(`nanobanana.name.nanobananaBot`))+` `,1),r(`span`,Ge,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ke,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(u(),f(`div`,qe,[(u(!0),f(m,null,c(e.modelValue?.request?.image_urls,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ye,` - (`+l(e.$t(`nanobanana.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Xe,[r(`div`,Ze,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),r(`div`,Qe,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/nano-banana/images`,body:e.modelValue?.request},null,8,[`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,$e,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,et,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,tt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,nt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,rt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,at,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,ot,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,st,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,ct,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,lt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,ut,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ft,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,pt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,mt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,ht,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,gt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,$,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var xt=s({name:`RecentPanel`,components:{TaskPreview:j(Be,[[`render`,bt],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},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?.()}}}),St={key:0},Ct={key:2,class:`w-full h-full flex items-center justify-center`};function wt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,St,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Ct,[a(v)])):o(``,!0)],64)}var Tt=j(xt,[[`render`,wt]]),Et=O(`nanobanana`),Dt=s({name:`NanobananaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:Tt},mixins:[ee],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===N.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===N.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 W({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();let 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);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>S.warning(e)))return;let 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!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:Et},r=this.credential?.token;if(!r){console.error(`no token specified`);return}S.info(this.$t(`nanobanana.message.startingTask`)),P(`nanobanana`,te.generate(n,{token:r})).then(()=>{S.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?S.error(this.$t(`nanobanana.message.usedUp`)):S.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ot(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var kt=j(Dt,[[`render`,Ot]]);export{kt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{r as _,t as v}from"./select-BorFmC0p.js";import{t as y}from"./upload-DFPa_BD4.js";import{t as b}from"./tooltip-C-9nDsaA.js";import{t as x}from"./image-ZJJR3Ibj.js";import{t as S}from"./alert-Bgv5POrX.js";import{t as C}from"./drawer-BhAAsvLB.js";import{At as w,Et as T,Ot as E,kt as D,pr as O}from"./constants-BBPmpf2e.js";import{Dt as ee,Et as k,S as A,Tt as j,Yt as M,dr as N,kn as te,kt as P,mr as F,wt as I,xr as L}from"./index-BlUS5P9H.js";import{t as R}from"./index.es-C3NHsxpC.js";import{t as z}from"./CopyToClipboard-CKQPzIHN.js";import{t as B}from"./ImagePreview-BNUi7OPj.js";import{t as V}from"./BotPlaceholder-Dogry0Kr.js";import{i as H,n as U,t as W}from"./pagination-Bo13XA_w.js";import{n as G,t as K}from"./NoTasks-D5IPSO1e.js";import{t as q}from"./Consumption-BkYIuP7X.js";import{t as J}from"./ApiCodeButton-BvAWx38J.js";import{t as Y}from"./ImageWrapper-D2jY0PUW.js";var X=s({name:`LayoutNanobanana`,components:{ElDrawer:C,ElButton:g,FontAwesomeIcon:R},data(){return{drawer:!1}}}),Z={class:`main flex flex-row flex-1`},Q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},ne={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function re(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Z,[r(`div`,Q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,ne,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ie=A(X,[[`render`,re],[`__scopeId`,`data-v-8ca1c212`]]),ae=s({name:`PromptInput`,components:{PromptTextarea:G},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||=``}});function oe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`nanobanana.name.prompt`),info:e.$t(`nanobanana.description.prompt`),placeholder:e.$t(`nanobanana.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var se=A(ae,[[`render`,oe]]),ce=s({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:H,ImagePreview:B,FontAwesomeIcon:R},mixins:[ee,j],data(){return{fileList:[],uploadUrl:F()+`/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){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),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(){L.warning(this.$t(`nanobanana.message.uploadImageExceed`))},onError(){L.error(this.$t(`nanobanana.message.uploadImageError`))},onSetImageUrls(){let 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()}}}),le={class:`field flex items-center justify-between`},ue={class:`title font-bold text-[14px] mb-[10px]`},de={class:`upload-wrapper flex flex-col items-start gap-[8px]`},fe={class:`controls flex items-center`},pe={class:`file-list flex flex-wrap gap-[10px]`};function me(e,t,o,s,h,g){let _=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`),b=d(`info-icon`),x=d(`image-preview`);return u(),f(m,null,[r(`div`,le,[r(`h2`,ue,l(e.$t(`nanobanana.name.imageUrls`)),1),r(`div`,de,[r(`div`,fe,[a(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,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:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:e.$t(`nanobanana.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),r(`div`,pe,[(u(!0),f(m,null,c(e.fileList,(t,r)=>(u(),n(x,{key:t.uid||t?.response?.file_url||t.url||r,url:t.url||t?.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.onRemovePreview(r,t)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var he=A(ce,[[`render`,me]]),ge=s({name:`AspectRatioSelector`,components:{ElSelect:_,ElOption:v},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);let t={...this.$store.state.nanobanana?.config||{}};e?t.aspect_ratio=e:delete t.aspect_ratio,this.$store.commit(`nanobanana/setConfig`,t)}}}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`nanobanana.name.aspectRatio`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,clearable:``,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var be=A(ge,[[`render`,ye],[`__scopeId`,`data-v-67f08a08`]]),xe=s({name:`NanobananaModelSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{options:[{value:E,label:this.$t(`nanobanana.model.nanoBanana`)},{value:w,label:this.$t(`nanobanana.model.nanoBananaPro`)},{value:D,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||=T}}),Se={class:`field`},Ce={class:`label`},we={class:`box`},Te={class:`title font-bold`};function Ee(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,Se,[r(`div`,Ce,[r(`div`,we,[r(`h2`,Te,l(e.$t(`nanobanana.name.model`)),1),a(g,{content:e.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var De=A(xe,[[`render`,Ee],[`__scopeId`,`data-v-94304d73`]]),Oe=s({name:`NanobananaResolutionSelector`,components:{ElSelect:_,ElOption:v,InfoIcon:H},data(){return{cachedResolution:`1K`,options:[{value:`1K`,label:`1K`},{value:`2K`,label:`2K`},{value:`4K`,label:`4K`}]}},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!==E}},watch:{value(e){this.isProModel&&e&&(this.cachedResolution=e)},isProModel(e){e?this.value||=this.cachedResolution||`1K`:(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=`1K`),!this.isProModel&&this.value&&(this.cachedResolution=this.value,this.$store.commit(`nanobanana/setConfig`,{...this.$store.state.nanobanana?.config,resolution:void 0}))}}),ke={class:`field`},Ae={class:`label`},je={class:`box`},Me={class:`title font-bold`};function Ne(e,t,i,o,s,h){let g=d(`info-icon`),_=d(`el-option`),v=d(`el-select`);return u(),f(`div`,ke,[r(`div`,Ae,[r(`div`,je,[r(`h2`,Me,l(e.$t(`nanobanana.name.resolution`)),1),a(g,{content:e.$t(`nanobanana.description.resolutionProOnly`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`nanobanana.placeholder.select`),disabled:!e.isProModel},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])])}var Pe=s({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:R,PromptInput:se,Consumption:q,ImageUrlsInput:he,AspectRatioSelector:be,ModelSelector:De,ResolutionSelector:A(Oe,[[`render`,Ne],[`__scopeId`,`data-v-fd5ab393`]])},emits:[`generate`],computed:{config(){return this.$store.state.nanobanana?.config},consumption(){let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;return P({...e,action:t?`edit`:`generate`},this.service?.cost)},service(){return this.$store.state.nanobanana?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),Fe={class:`flex flex-col h-full`},Ie={class:`flex-1 overflow-y-auto p-5`},Le={class:`flex flex-col items-center justify-center px-5 pb-5`};function Re(e,t,n,o,s,c){let m=d(`model-selector`),h=d(`resolution-selector`),g=d(`prompt-input`),_=d(`aspect-ratio-selector`),v=d(`image-urls-input`),y=d(`consumption`),b=d(`font-awesome-icon`),x=d(`el-button`);return u(),f(`div`,Fe,[r(`div`,Ie,[a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`})]),r(`div`,Le,[a(y,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`nanobanana.button.generate`)),1)]),_:1},8,[`onClick`])])])}var ze=A(Pe,[[`render`,Re]]),Be=s({name:`TaskPreview`,components:{ElImage:x,CopyToClipboard:z,FontAwesomeIcon:R,ElAlert:S,ImageWrapper:Y,ElButton:g,ElTooltip:b,ImagePreview:B,ApiCodeButton:J},props:{modelValue:{type:Object,required:!0}},computed:{images(){let 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);let t={...this.$store.state.nanobanana?.config||{}};delete t.action,t.image_urls=[e],this.$store.commit(`nanobanana/setConfig`,t)}}}),Ve={class:`preview`},He={class:`left`},Ue={class:`main`},We={class:`bot`},Ge={class:`datetime`},Ke={class:`info`},qe={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Je={key:1,class:`prompt mt-2`},Ye={key:0},Xe={key:0,class:t({content:!0,failed:!0})},Ze={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},Qe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},$e={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`},tt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},nt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},rt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},it={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`},ot={key:1,class:t({content:!0})},st={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`},lt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ut={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mt={key:5,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ht={key:2,class:t({content:!0})},gt={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`},yt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function bt(e,t,s,g,_,v){let y=d(`el-image`),b=d(`image-preview`),x=d(`image-wrapper`),S=d(`el-button`),C=d(`el-tooltip`),w=d(`api-code-button`),T=d(`font-awesome-icon`),E=d(`copy-to-clipboard`),D=d(`el-alert`);return u(),f(`div`,Ve,[r(`div`,He,[a(y,{src:`https://cdn.acedata.cloud/859plc.jpg`,class:`avatar`})]),r(`div`,Ue,[r(`div`,We,[i(l(e.$t(`nanobanana.name.nanobananaBot`))+` `,1),r(`span`,Ge,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Ke,[e.modelValue?.request?.image_urls&&e.modelValue?.request?.image_urls.length>0?(u(),f(`div`,qe,[(u(!0),f(m,null,c(e.modelValue?.request?.image_urls,(e,t)=>(u(),n(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),e.modelValue?.request?.prompt?(u(),f(`p`,Je,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Ye,` - (`+l(e.$t(`nanobanana.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Xe,[r(`div`,Ze,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(x,{key:t,src:e?.image_url,"raw-src":e?.image_url},null,8,[`src`,`raw-src`]))),128))]),r(`div`,Qe,[a(C,{class:`box-item`,effect:`dark`,content:e.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onEdit(e.images?.[0]?.image_url),[`stop`])},{default:p(()=>[i(l(e.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/nano-banana/images`,body:e.modelValue?.request},null,8,[`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,$e,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,et,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,tt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,nt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,rt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,it,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,at,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):e.modelValue?.response?.success===!1?(u(),f(`div`,ot,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,st,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,ct,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,lt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,ut,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,dt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,ft,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(E,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,pt,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,mt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(E,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(u(),f(`div`,ht,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.failure`)),1)]),default:p(()=>[e.modelValue?.request?.model?(u(),f(`p`,gt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.model`))+`: `+l(e.modelValue?.request?.model),1)])):o(``,!0),e.modelValue?.request?.resolution?(u(),f(`p`,_t,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.resolution`))+`: `+l(e.modelValue?.request?.resolution),1)])):o(``,!0),e.modelValue?.request?.aspect_ratio?(u(),f(`p`,vt,[a(T,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.aspectRatio`))+`: `+l(e.modelValue?.request?.aspect_ratio),1)])):o(``,!0),e.modelValue?.request?.action?(u(),f(`p`,yt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.task`))+`: `+l(e.modelValue?.request?.action===`generate`?e.$t(`nanobanana.name.generate`):e.$t(`nanobanana.name.edits`)),1)])):o(``,!0),r(`p`,$,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`nanobanana.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(E,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var xt=s({name:`RecentPanel`,components:{TaskPreview:A(Be,[[`render`,bt],[`__scopeId`,`data-v-63f58569`]]),BotPlaceholder:V,NoTasks:K,ScrollList:U},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?.()}}}),St={key:0},Ct={key:2,class:`w-full h-full flex items-center justify-center`};function wt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,St,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,Ct,[a(v)])):o(``,!0)],64)}var Tt=A(xt,[[`render`,wt]]),Et=O(`nanobanana`),Dt=s({name:`NanobananaIndex`,components:{ConfigPanel:ze,Layout:ie,RecentPanel:Tt},mixins:[k],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.nanobanana?.status?.getApplications===N.Request},tasksLoading(){return this.$store.state.nanobanana?.status?.getTasks===N.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 W({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();let 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);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`nanobanana/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!I(this.uploadTracker,e=>this.$t(e),e=>L.warning(e)))return;let 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!==`nano-banana-pro`&&`resolution`in e&&delete e.resolution,e?.model===`nano-banana-pro`&&!e?.resolution&&(e.resolution=`1K`);let n={...e,action:t?`edit`:`generate`,callback_url:Et},r=this.credential?.token;if(!r){console.error(`no token specified`);return}L.info(this.$t(`nanobanana.message.startingTask`)),te(`nanobanana`,M.generate(n,{token:r})).then(()=>{L.success(this.$t(`nanobanana.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?L.error(this.$t(`nanobanana.message.usedUp`)):L.error(this.$t(`nanobanana.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Ot(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var kt=A(Dt,[[`render`,Ot]]);export{kt as default};

package/dist/assets/Index-B3bh-5gq.css

@@ -0,0 +1 @@
+.menu[data-v-0fce633f]{border-right:none}.menu .el-menu-item[data-v-0fce633f]{height:40px}.profile[data-v-43bc1266]{flex-direction:column;display:flex}.info[data-v-43bc1266]{flex-direction:column;align-items:center;width:100%;padding:50px 0 20px;display:flex;position:relative;overflow:hidden;height:200px!important}.info .background[data-v-43bc1266]{z-index:-1;filter:blur(20px)brightness(.6);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.info .avatar[data-v-43bc1266]{width:56px;height:56px;box-shadow:0 0 0 3px rgba(var(--app-brand-rgb), .3);border-radius:50%}.info h2[data-v-43bc1266]{color:#fff;font-size:18px;font-weight:600}.links[data-v-43bc1266]{flex:1;width:100%;padding:20px}.links .link[data-v-43bc1266]{cursor:pointer;width:100%;height:44px;color:var(--el-text-color-primary);border-radius:12px;margin-bottom:4px;padding:0 12px;line-height:44px;transition:background-color .15s;display:block;position:relative}.links .link[data-v-43bc1266]:hover{background-color:var(--el-fill-color-extra-light)}.links .link .suffix[data-v-43bc1266]{color:var(--el-text-color-placeholder);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.links .link .icon[data-v-43bc1266]{width:16px;height:16px;margin-right:10px;display:inline-block;position:relative;transform:translateY(-2%)}.links .link .text[data-v-43bc1266]{font-size:14px}.delete-account-dialog .mb-3[data-v-43bc1266]{margin-bottom:12px}.delete-account-dialog .delete-consequences[data-v-43bc1266]{color:var(--el-text-color-regular);margin:12px 0;font-size:13px;line-height:1.6}.delete-account-dialog .delete-type-prompt[data-v-43bc1266]{margin:12px 0 4px;font-size:13px}.delete-account-dialog .delete-username[data-v-43bc1266]{word-break:break-all;color:var(--el-color-danger);margin:0 0 10px;font-size:15px;font-weight:700}

package/dist/assets/Index-BponzF1E2.js

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

package/dist/assets/Index-Bq2JUX6E.js

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

package/dist/assets/Index-Bs-n8vO6.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-DgZFgZDr.js";import{r as g,t as _}from"./select-BorFmC0p.js";import{t as v}from"./upload-DFPa_BD4.js";import{t as y}from"./image-ZJJR3Ibj.js";import{t as b}from"./alert-Bgv5POrX.js";import{t as x}from"./drawer-BhAAsvLB.js";import{t as S}from"./input-number-BpriDPEo.js";import{t as C}from"./slider-ObcWWKew.js";import{Ht as ee,Ut as w,pr as T}from"./constants-BBPmpf2e.js";import{Dt as E,Et as D,S as O,Tt as te,dr as k,kn as A,kt as j,mr as M,rn as N,wt as P,xr as F}from"./index-BlUS5P9H.js";import{t as I}from"./index.es-C3NHsxpC.js";import{t as L}from"./CopyToClipboard-CKQPzIHN.js";import{t as R}from"./ImagePreview-BNUi7OPj.js";import{t as z}from"./BotPlaceholder-Dogry0Kr.js";import{i as B,n as V,t as H}from"./pagination-Bo13XA_w.js";import{n as U,t as W}from"./NoTasks-D5IPSO1e.js";import{t as G}from"./Consumption-BkYIuP7X.js";import{t as K}from"./ApiCodeButton-BvAWx38J.js";import{t as q}from"./ImageWrapper-D2jY0PUW.js";var J=s({name:`LayoutFlux`,components:{ElDrawer:x,ElButton:h,FontAwesomeIcon:I},data(){return{drawer:!1}}}),Y={class:`main flex flex-row flex-1`},X={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Z={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Q(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,Y,[r(`div`,X,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Z,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ne=O(J,[[`render`,Q],[`__scopeId`,`data-v-d022364a`]]),re=s({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`flux-dev`,label:`flux-dev`},{value:`flux-pro`,label:`flux-pro`},{value:`flux-kontext-pro`,label:`flux-kontext-pro`},{value:`flux-kontext-max`,label:`flux-kontext-max`},{value:`flux-2-flex`,label:`flux-2-flex`},{value:`flux-2-pro`,label:`flux-2-pro`},{value:`flux-2-max`,label:`flux-2-max`}]}},computed:{value:{get(){return this.$store.state.flux?.config?.model},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,model:e})}}},mounted(){this.value||=w}}),ie={class:`field`},ae={class:`title font-bold`};function oe(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,ie,[r(`h2`,ae,l(e.$t(`flux.name.model`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`flux.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var se=O(re,[[`render`,oe],[`__scopeId`,`data-v-e9b17945`]]),ce=s({name:`CountSelector`,components:{ElSlider:C,InfoIcon:B,ElInputNumber:S},computed:{value:{get(){return this.$store.state.flux?.config?.count},set(e){console.debug(`set count`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,count:e})}}},mounted(){this.value||=1}}),le={class:`flex justify-between`},ue={class:`flex justify-start items-center`},de={class:`text-sm font-bold`},fe={class:`flex justify-end items-center`},pe={class:`w-full`};function me(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-input-number`),m=d(`el-slider`);return u(),f(`div`,null,[r(`div`,le,[r(`div`,ue,[r(`span`,de,l(e.$t(`flux.name.numbers`)),1),a(c,{content:e.$t(`flux.description.numbers`)},null,8,[`content`])]),r(`div`,fe,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,"controls-position":`right`},null,8,[`modelValue`])])]),r(`div`,pe,[a(m,{modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,min:1,max:4,step:1},null,8,[`modelValue`])])])}var he=O(ce,[[`render`,me]]),ge=s({name:`ActionSelector`,components:{ElSelect:g,ElOption:_},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`generate`,label:this.$t(`flux.name.generate`)},{value:`edits`,label:this.$t(`flux.name.edits`)}]}},computed:{value:{get(){return this.$store.state.flux?.config?.action},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,action:e})}}},mounted(){this.value||=ee}}),_e={class:`field`},ve={class:`title font-bold`};function ye(e,t,i,o,s,h){let g=d(`el-option`),_=d(`el-select`);return u(),f(`div`,_e,[r(`h2`,ve,l(e.$t(`flux.name.task`)),1),a(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`flux.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var be=O(ge,[[`render`,ye],[`__scopeId`,`data-v-81fd05e5`]]),xe=s({name:`ImageUrlInput`,components:{ElUpload:v,ElButton:h,InfoIcon:B,FontAwesomeIcon:I,ImagePreview:R},mixins:[E,te],emits:[`change`],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},watch:{urls:{handler(e){console.debug(`URLs changed:`,e),this.$store.commit(`flux/setConfig`,{...this.$store.state.flux.config,image_url:e[0]})}}},methods:{onExceed(){F.warning(this.$t(`flux.message.uploadStartImageExceed`))},onError(){F.error(this.$t(`flux.message.uploadStartImageError`))}}}),Se={class:`relative`},Ce={class:`flex justify-between`},we={class:`flex justify-start items-center`},Te={class:`text-sm font-bold`};function Ee(e,t,n,o,s,c){let m=d(`info-icon`),h=d(`image-preview`),g=d(`font-awesome-icon`),_=d(`el-button`),v=d(`el-upload`);return u(),f(`div`,Se,[r(`div`,Ce,[r(`div`,we,[r(`span`,Te,l(e.$t(`flux.name.imageUrl`)),1),a(m,{content:e.$t(`flux.description.imageUrl`)},null,8,[`content`])])]),a(v,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,limit:5,class:`upload-wrapper`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,headers:e.headers},{file:p(({file:t})=>[a(h,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:p(()=>[a(_,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`flux.button.uploadImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`headers`])])}var De=O(xe,[[`render`,Ee],[`__scopeId`,`data-v-7482072d`]]),Oe=s({name:`PromptInput`,components:{PromptTextarea:U},computed:{prompt:{get(){return this.$store.state.flux?.config?.prompt},set(e){this.$store.commit(`flux/setConfig`,{...this.$store.state.flux?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ke(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`flux.name.prompt`),info:e.$t(`flux.description.prompt`),placeholder:e.$t(`flux.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Ae=s({name:`PresetPanel`,components:{ElButton:h,FontAwesomeIcon:I,PromptInput:O(Oe,[[`render`,ke]]),ModelSelector:se,CountSelector:he,Consumption:G,ActionSelector:be,ImageUrlInput:De},emits:[`generate`],computed:{config(){return this.$store.state.flux?.config},consumption(){return j(this.config,this.service?.cost)},service(){return this.$store.state.flux?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),je={class:`flex flex-col h-full`},Me={class:`flex-1 overflow-y-auto p-5`},Ne={class:`flex flex-col items-center justify-center px-5 pb-5`};function Pe(e,t,s,c,m,h){let g=d(`action-selector`),_=d(`prompt-input`),v=d(`image-url-input`),y=d(`model-selector`),b=d(`count-selector`),x=d(`consumption`),S=d(`font-awesome-icon`),C=d(`el-button`);return u(),f(`div`,je,[r(`div`,Me,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),e.config?.action===`edits`?(u(),n(v,{key:0,class:`mb-4`})):o(``,!0),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),r(`div`,Ne,[a(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`flux.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Fe=O(Ae,[[`render`,Pe]]),Ie=s({name:`TaskPreview`,components:{ElImage:y,CopyToClipboard:L,FontAwesomeIcon:I,ElAlert:b,ImageWrapper:q,ApiCodeButton:K},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.flux?.application},config(){return this.$store.state.flux?.config},images(){let e=[],t=this.modelValue?.request?.action;return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(n=>{let r=n;t&&(r.action=t),e.push(r)}),e}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenImage(e){window.open(e,`_blank`)}}}),Le={class:`preview`},Re={class:`left`},ze={class:`main`},Be={class:`bot`},Ve={class:`datetime`},He={class:`info`},Ue={key:0,class:`prompt mt-2`},We={key:0},Ge={key:0,class:t({content:!0,failed:!0})},Ke={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},qe={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Je={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ye={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xe={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ze={key:1,class:t({content:!0})},Qe={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$e={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},et={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:2,class:t({content:!0})},nt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function rt(e,t,s,h,g,_){let v=d(`el-image`),y=d(`image-wrapper`),b=d(`api-code-button`),x=d(`font-awesome-icon`),S=d(`copy-to-clipboard`),C=d(`el-alert`);return u(),f(`div`,Le,[r(`div`,Re,[a(v,{src:`https://cdn.acedata.cloud/ogm2oa.png`,class:`avatar`})]),r(`div`,ze,[r(`div`,Be,[i(l(e.$t(`flux.name.fluxBot`))+` `,1),r(`span`,Ve,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,He,[e.modelValue?.request?.prompt?(u(),f(`p`,Ue,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,We,` - (`+l(e.$t(`flux.status.pending`))+`) `,1))])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,Ge,[r(`div`,Ke,[(u(!0),f(m,null,c(e.images,(e,t)=>(u(),n(y,{key:t,src:e?.image_url,"raw-src":e?.image_url,"model-value":e},null,8,[`src`,`raw-src`,`model-value`]))),128))]),r(`div`,qe,[a(b,{path:`/flux/images`,body:e.modelValue?.request},null,8,[`body`])]),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[r(`p`,Je,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.model`))+`: `+l(e.modelValue?.request?.model),1)]),r(`p`,Ye,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,Xe,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),f(`div`,Ze,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failure`)),1)]),default:p(()=>[r(`p`,Qe,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$e,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,et,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,tt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?o(``,!0):(u(),f(`div`,$,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.failure`)),1)]),default:p(()=>[r(`p`,nt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`flux.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var it=s({name:`RecentPanel`,components:{TaskPreview:O(Ie,[[`render`,rt],[`__scopeId`,`data-v-6a2b3fc7`]]),BotPlaceholder:z,NoTasks:W,ScrollList:V},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.flux?.tasks,items:this.$store.state.flux?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),at={key:0},ot={key:2,class:`w-full h-full flex items-center justify-center`};function st(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,at,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,e=>(u(),n(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,ot,[a(v)])):o(``,!0)],64)}var ct=O(it,[[`render`,st]]),lt=T(`flux`),ut=s({name:`FluxIndex`,components:{ConfigPanel:Fe,Layout:ne,RecentPanel:ct},mixins:[D],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.flux?.status?.getApplications===k.Request},tasksLoading(){return this.$store.state.flux?.status?.getTasks===k.Request||this.fetchingTasks},credential(){return this.$store.state.flux?.credential},config(){return this.$store.state.flux?.config},application(){return this.$store.state.flux?.application},tasks(){return this.$store.state.flux?.tasks}},watch:{tasks:{handler(e,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 H({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`flux/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`flux/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`flux/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!P(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config,callback_url:lt},t=this.credential?.token;if(!t){console.error(`no token specified`);return}F.info(this.$t(`flux.message.startingTask`)),A(`flux`,N.generate(e,{token:t})).then(()=>{F.success(this.$t(`flux.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?F.error(this.$t(`flux.message.usedUp`)):F.error(this.$t(`flux.message.startTaskFailed`)+t?.error?.message)}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function dt(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ft=O(ut,[[`render`,dt]]);export{ft as default};

package/dist/assets/Index-C0keQ8pG.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as ee,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-DgZFgZDr.js";import{r as g,t as _}from"./select-BorFmC0p.js";import{t as v}from"./upload-DFPa_BD4.js";import{t as y}from"./tooltip-C-9nDsaA.js";import{t as b}from"./image-ZJJR3Ibj.js";import{t as x}from"./alert-Bgv5POrX.js";import{t as S}from"./drawer-BhAAsvLB.js";import{t as C}from"./switch-DJHf-mwW.js";import{cn as w,dn as T,fn as E,gn as D,ln as O,mn as k,pn as A,pr as te,un as j,vn as M}from"./constants-BBPmpf2e.js";import{Dt as N,Et as P,Or as F,S as I,Tt as ne,dr as L,kn as R,kt as z,mr as B,on as V,wt as H,xr as U}from"./index-BlUS5P9H.js";import{t as W}from"./index.es-C3NHsxpC.js";import{t as G}from"./CopyToClipboard-CKQPzIHN.js";import{t as K}from"./ImagePreview-BNUi7OPj.js";import{t as q}from"./BotPlaceholder-Dogry0Kr.js";import{i as J,n as Y,t as X}from"./pagination-Bo13XA_w.js";import{n as Z,t as re}from"./NoTasks-D5IPSO1e.js";import{t as ie}from"./Consumption-BkYIuP7X.js";import{t as ae}from"./ApiCodeButton-BvAWx38J.js";import{t as Q}from"./VideoPlayer-CvDb3WYI.js";var oe=s({name:`LayoutVeo`,components:{ElDrawer:S,ElButton:h,FontAwesomeIcon:W},data(){return{drawer:!1}}}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,ee,i,o,s){let c=d(`font-awesome-icon`),l=d(`el-button`),m=d(`el-drawer`);return u(),f(`div`,se,[r(`div`,ce,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,le,[e(t.$slots,`result`,{},void 0,!0)]),a(l,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(c,{icon:`fa-solid fa-magic`})]),_:1}),a(m,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=I(oe,[[`render`,ue],[`__scopeId`,`data-v-9b26d591`]]),fe=s({name:`ModelSelector`,components:{ElSelect:g,ElOption:_},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{value:`veo2`,label:`veo2`},{value:`veo2-fast`,label:`veo2-fast`},{value:`veo3`,label:`veo3`},{value:`veo3-fast`,label:`veo3-fast`},{value:`veo31-fast`,label:`veo31-fast`},{value:`veo31`,label:`veo31`},{value:`veo31-fast-ingredients`,label:`veo31-fast-ingredients`}]}},computed:{value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,model:e})}}},mounted(){this.value||=T}}),pe={class:`field`},me={class:`title font-bold`};function he(e,t,ee,i,o,s){let h=d(`el-option`),g=d(`el-select`);return u(),f(`div`,pe,[r(`h2`,me,l(e.$t(`veo.name.model`)),1),a(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`veo.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=I(fe,[[`render`,he],[`__scopeId`,`data-v-a59d89c9`]]),_e=s({name:`ActionSelector`,components:{ElSelect:g,ElOption:_},data(){return{}},computed:{options(){return[{value:`text2video`,label:this.$t(`veo.button.action1`)},{value:`image2video`,label:this.$t(`veo.button.action2`)},{value:`ingredients2video`,label:this.$t(`veo.button.actionIngredients`)},{value:`upsample`,label:this.$t(`veo.button.actionUpsample`)},{value:`extend`,label:this.$t(`veo.button.actionExtend`)},{value:`reshoot`,label:this.$t(`veo.button.actionReshoot`)},{value:`object_insert`,label:this.$t(`veo.button.actionObjectInsert`)},{value:`object_remove`,label:this.$t(`veo.button.actionObjectRemove`)}]},value:{get(){return this.$store.state.veo?.config?.action},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,action:e})}}},mounted(){this.value||=w}}),ve={class:`field`},ye={class:`title font-bold`},be={class:`float-left`};function xe(e,t,ee,i,o,s){let h=d(`el-option`),g=d(`el-select`);return u(),f(`div`,ve,[r(`h2`,ye,l(e.$t(`veo.name.action`)),1),a(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`veo.placeholder.select`),clearable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},{default:p(()=>[r(`span`,be,l(e.label),1)]),_:2},1032,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Se=I(_e,[[`render`,xe],[`__scopeId`,`data-v-f4d8785c`]]),Ce=s({name:`TranslationSelector`,components:{ElSwitch:C,InfoIcon:J},computed:{value:{get(){return this.$store.state.veo?.config?.translation},set(e){console.debug(`set translation`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,translation:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),we={class:`relative`},Te={class:`flex justify-between`},Ee={class:`flex justify-start items-center`},De={class:`text-sm font-bold`},Oe={class:`flex justify-end items-center`};function ke(e,t,n,ee,i,o){let s=d(`info-icon`),c=d(`el-switch`);return u(),f(`div`,we,[r(`div`,Te,[r(`div`,Ee,[r(`span`,De,l(e.$t(`veo.name.translation`)),1),a(s,{content:e.$t(`veo.description.translation`)},null,8,[`content`])]),r(`div`,Oe,[a(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var Ae=I(Ce,[[`render`,ke]]),je=s({name:`AspectRatioSelector`,data(){return{options:[{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state.veo?.config?.aspect_ratio},set(e){console.debug(`set aspect_ratio`,e),this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,aspect_ratio:e})}}},mounted(){this.value||=O}}),Me={class:`text-sm font-bold mb-2 block`},Ne={class:`items`},Pe=[`onClick`],Fe={class:`name`};function Ie(e,n,i,a,o,s){return u(),f(`div`,null,[r(`span`,Me,l(e.$t(`veo.name.ratio`)),1),r(`div`,Ne,[(u(!0),f(m,null,c(e.options,(n,i)=>(u(),f(`div`,{key:i,class:t({active:e.active===i,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:ee({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,Fe,l(n.label),1)],10,Pe))),128))])])}var Le=I(je,[[`render`,Ie],[`__scopeId`,`data-v-28c472c4`]]),Re=s({name:`VideoFromInput`,components:{VideoPlayer:Q},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.veo?.config}}}),ze={class:`relative`},Be={class:`flex mb-2`},Ve={class:`text-sm font-bold`};function He(e,t,ee,i,a,s){let c=d(`video-player`);return u(),f(`div`,ze,[r(`div`,Be,[r(`span`,Ve,l(e.$t(`veo.name.action3`)),1)]),r(`div`,null,[e.config?.video_url?(u(),n(c,{key:0,src:e.config?.video_url},null,8,[`src`])):o(``,!0)])])}var Ue=I(Re,[[`render`,He]]),We=s({name:`VideoIdInput`,components:{ElInput:F},computed:{value:{get(){return this.$store.state.veo?.config?.video_id},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,video_id:e})}}}}),Ge={class:`field`},Ke={class:`title font-bold`};function qe(e,t,n,ee,i,o){let s=d(`el-input`);return u(),f(`div`,Ge,[r(`h2`,Ke,l(e.$t(`veo.name.videoId`)),1),a(s,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,type:`text`,placeholder:e.$t(`veo.placeholder.videoId`),clearable:``},null,8,[`modelValue`,`placeholder`])])}var Je=I(We,[[`render`,qe],[`__scopeId`,`data-v-6eba4026`]]),Ye=s({name:`StartEndImage`,components:{ElUpload:v,ElButton:h,InfoIcon:J,FontAwesomeIcon:W,ImagePreview:K},mixins:[N,ne],emits:[`change`],data(){return{fileList:[],uploadUrl:B()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state?.veo?.config?.image_urls},set(){}}},mounted(){this.value||=void 0,this.onSetStartEndImageUrl()},methods:{onExceed(){U.warning(this.$t(`veo.message.uploadReferencesExceed`))},onError(){U.error(this.$t(`veo.message.uploadReferencesError`))},onSetStartEndImageUrl(){let e=this.urls;this.$store.commit(`veo/setConfig`,{...this.$store.state?.veo?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),Xe={class:`relative`},Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`};function et(e,t,ee,s,c,m){let h=d(`info-icon`),g=d(`image-preview`),_=d(`font-awesome-icon`),v=d(`el-button`),y=d(`el-upload`);return u(),f(`div`,Xe,[r(`div`,Ze,[r(`div`,Qe,[r(`span`,$e,l(e.$t(`veo.name.startEndImage`)),1),a(h,{content:e.$t(`veo.description.uploadStartEndImage`)},null,8,[`content`])])]),a(y,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:2,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(g,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(v,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`veo.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var tt=I(Ye,[[`render`,et],[`__scopeId`,`data-v-f9a79b4a`]]),nt=s({name:`UpsampleActionSelector`,components:{ElSelect:g,ElOption:_},computed:{options(){return M.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.upsample_action},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,upsample_action:e})}}},mounted(){this.value||=A}}),rt={class:`field`},it={class:`title font-bold`};function at(e,t,ee,i,o,s){let h=d(`el-option`),g=d(`el-select`);return u(),f(`div`,rt,[r(`h2`,it,l(e.$t(`veo.name.upsampleAction`)),1),a(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`veo.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ot=I(nt,[[`render`,at],[`__scopeId`,`data-v-8b74a7ae`]]),st=s({name:`ExtendModelSelector`,components:{ElSelect:g,ElOption:_},computed:{options(){return k.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.model},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,model:e})}}},mounted(){(!this.value||!k.includes(this.value))&&(this.value=j)}}),ct={class:`field`},lt={class:`title font-bold`};function ut(e,t,ee,i,o,s){let h=d(`el-option`),g=d(`el-select`);return u(),f(`div`,ct,[r(`h2`,lt,l(e.$t(`veo.name.model`)),1),a(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`veo.placeholder.select`)},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var dt=I(st,[[`render`,ut],[`__scopeId`,`data-v-cc3f9355`]]),ft=s({name:`MotionTypeSelector`,components:{ElSelect:g,ElOption:_},computed:{options(){return D.map(e=>({value:e,label:e}))},value:{get(){return this.$store.state.veo?.config?.motion_type},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,motion_type:e})}}},mounted(){this.value||=E}}),pt={class:`field`},mt={class:`title font-bold`};function ht(e,t,ee,i,o,s){let h=d(`el-option`),g=d(`el-select`);return u(),f(`div`,pt,[r(`h2`,mt,l(e.$t(`veo.name.motionType`)),1),a(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`veo.placeholder.select`),filterable:``},{default:p(()=>[(u(!0),f(m,null,c(e.options,e=>(u(),n(h,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var gt=I(ft,[[`render`,ht],[`__scopeId`,`data-v-3affff3c`]]),_t=s({name:`ImageMaskInput`,components:{ElInput:F},computed:{value:{get(){return this.$store.state.veo?.config?.image_mask},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo.config,image_mask:e})}}}}),vt={class:`field`},yt={class:`title font-bold`};function bt(e,t,n,ee,i,o){let s=d(`el-input`);return u(),f(`div`,vt,[r(`h2`,yt,l(e.$t(`veo.name.imageMask`)),1),a(s,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,type:`text`,placeholder:e.$t(`veo.placeholder.imageMask`),clearable:``},null,8,[`modelValue`,`placeholder`])])}var xt=I(_t,[[`render`,bt],[`__scopeId`,`data-v-6cc27c68`]]),St=s({name:`PromptInput`,components:{PromptTextarea:Z},computed:{prompt:{get(){return this.$store.state.veo?.config?.prompt},set(e){this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function Ct(e,t,r,ee,i,a){let o=d(`prompt-textarea`);return u(),n(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`veo.name.prompt`),info:e.$t(`veo.description.prompt`),placeholder:e.$t(`veo.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var wt=I(St,[[`render`,Ct]]),Tt=[`upsample`,`extend`,`reshoot`,`object_insert`,`object_remove`,`get1080p`],Et=[`text2video`,`image2video`,`ingredients2video`],Dt=s({name:`ConfigPanel`,components:{ElButton:h,Consumption:ie,FontAwesomeIcon:W,PromptInput:wt,ModelSelector:ge,StartEndImage:tt,ActionSelector:Se,VideoFromInput:Ue,VideoIdInput:Je,UpsampleActionSelector:ot,ExtendModelSelector:dt,MotionTypeSelector:gt,ImageMaskInput:xt,TranslationSelector:Ae,AspectRatioSelector:Le},emits:[`generate`],computed:{config(){return this.$store.state.veo?.config},consumption(){return z(this.config,this.service?.cost)},service(){return this.$store.state.veo?.service},isPostProcessing(){return Tt.includes(this.config?.action??``)},isGeneration(){return Et.includes(this.config?.action??``)}},methods:{onGenerate(){this.$emit(`generate`)}}}),Ot={class:`flex flex-col h-full`},kt={class:`flex-1 overflow-y-auto p-5`},At={class:`flex flex-col items-center justify-center px-5 pb-5`};function jt(e,t,ee,s,c,h){let g=d(`action-selector`),_=d(`video-from-input`),v=d(`video-id-input`),y=d(`upsample-action-selector`),b=d(`extend-model-selector`),x=d(`prompt-input`),S=d(`motion-type-selector`),C=d(`image-mask-input`),w=d(`translation-selector`),T=d(`aspect-ratio-selector`),E=d(`model-selector`),D=d(`start-end-image`),O=d(`consumption`),k=d(`font-awesome-icon`),A=d(`el-button`);return u(),f(`div`,Ot,[r(`div`,kt,[a(g,{class:`mb-4`}),e.isPostProcessing?(u(),f(m,{key:0},[e.config?.video_url?(u(),n(_,{key:0,class:`mb-4`})):o(``,!0),a(v,{class:`mb-4`})],64)):o(``,!0),e.config?.action===`upsample`?(u(),n(y,{key:1,class:`mb-4`})):o(``,!0),e.config?.action===`extend`?(u(),n(b,{key:2,class:`mb-4`})):o(``,!0),e.config?.action===`extend`?(u(),n(x,{key:3,class:`mb-4`})):o(``,!0),e.config?.action===`reshoot`?(u(),n(S,{key:4,class:`mb-4`})):o(``,!0),e.config?.action===`object_insert`?(u(),n(x,{key:5,class:`mb-4`})):o(``,!0),e.config?.action===`object_insert`||e.config?.action===`object_remove`?(u(),n(C,{key:6,class:`mb-4`})):o(``,!0),e.config?.action===`object_remove`?(u(),n(x,{key:7,class:`mb-4`})):o(``,!0),e.isGeneration?(u(),f(m,{key:8},[a(w,{class:`mb-4`}),a(T,{class:`mb-4`}),a(x,{class:`mb-4`}),e.config?.action===`ingredients2video`?o(``,!0):(u(),n(E,{key:0,class:`mb-4`})),e.config?.action===`image2video`||e.config?.action===`ingredients2video`?(u(),n(D,{key:1,class:`mb-2`})):o(``,!0)],64)):o(``,!0)]),r(`div`,At,[a(O,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),a(A,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(k,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`veo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Mt=I(Dt,[[`render`,jt]]),Nt=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:x,VideoPlayer:Q,ElTooltip:y,ElButton:h,ApiCodeButton:ae},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.veo?.application},config(){return this.$store.state.veo?.config}},methods:{onPickAction(e,t,n,r){console.debug(`seed config from preview`,{action:n,upsampleAction:r,response:t}),this.$store.commit(`veo/setConfig`,{...this.$store.state.veo?.config,action:n,video_id:t?.data?.[0]?.id,video_url:t?.data?.[0]?.video_url,...r?{upsample_action:r}:{}})},onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Pt={class:`preview`},Ft={class:`left`},It={class:`main`},Lt={class:`bot`},Rt={class:`datetime`},zt={class:`info`},Bt={key:0,class:`prompt mt-2`},Vt={key:0},Ht={key:1},Ut={key:0,class:t({content:!0,failed:!0})},Wt={key:0,class:`mb-4`},Gt={key:1,class:t({operations:!0,"mt-2":!0})},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Jt={key:1,class:t({content:!0})},Yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Zt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Qt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$t={key:2,class:t({content:!0})},en={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},tn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function nn(e,t,ee,s,c,m){let h=d(`el-image`),g=d(`video-player`),_=d(`el-button`),v=d(`el-tooltip`),y=d(`api-code-button`),b=d(`font-awesome-icon`),x=d(`copy-to-clipboard`),S=d(`el-alert`);return u(),f(`div`,Pt,[r(`div`,Ft,[a(h,{src:`https://cdn.acedata.cloud/8nxyy9.jpg`,class:`avatar`})]),r(`div`,It,[r(`div`,Lt,[i(l(e.$t(`veo.name.veoBot`))+` `,1),r(`span`,Rt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,zt,[e.modelValue?.request?.prompt?(u(),f(`p`,Bt,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,Vt,` - (`+l(e.$t(`veo.status.pending`))+`) `,1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state===`running`?(u(),f(`span`,Ht,` - (`+l(e.$t(`veo.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(u(),f(`div`,Ut,[e.modelValue?.response?.data[0]?.video_url?(u(),f(`div`,Wt,[a(g,{src:e.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response.success?(u(),f(`div`,Gt,[e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=t=>e.onPickAction(t,e.modelValue?.response,`upsample`,`1080p`)},{default:p(()=>[i(l(e.$t(`veo.button.actionUpsample1080p`)),1)]),_:1})):o(``,!0),e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:1,type:`info`,size:`small`,class:`btn-action`,onClick:t[1]||=t=>e.onPickAction(t,e.modelValue?.response,`upsample`,`4k`)},{default:p(()=>[i(l(e.$t(`veo.button.actionUpsample4k`)),1)]),_:1})):o(``,!0),e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:2,type:`info`,size:`small`,class:`btn-action`,onClick:t[2]||=t=>e.onPickAction(t,e.modelValue?.response,`upsample`,`gif`)},{default:p(()=>[i(l(e.$t(`veo.button.actionUpsampleGif`)),1)]),_:1})):o(``,!0),e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:3,type:`info`,size:`small`,class:`btn-action`,onClick:t[3]||=t=>e.onPickAction(t,e.modelValue?.response,`extend`)},{default:p(()=>[i(l(e.$t(`veo.button.actionExtend`)),1)]),_:1})):o(``,!0),e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:4,type:`info`,size:`small`,class:`btn-action`,onClick:t[4]||=t=>e.onPickAction(t,e.modelValue?.response,`reshoot`)},{default:p(()=>[i(l(e.$t(`veo.button.actionReshoot`)),1)]),_:1})):o(``,!0),e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:5,type:`info`,size:`small`,class:`btn-action`,onClick:t[5]||=t=>e.onPickAction(t,e.modelValue?.response,`object_insert`)},{default:p(()=>[i(l(e.$t(`veo.button.actionObjectInsert`)),1)]),_:1})):o(``,!0),e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:6,type:`info`,size:`small`,class:`btn-action`,onClick:t[6]||=t=>e.onPickAction(t,e.modelValue?.response,`object_remove`)},{default:p(()=>[i(l(e.$t(`veo.button.actionObjectRemove`)),1)]),_:1})):o(``,!0),a(v,{class:`box-item`,effect:`dark`,content:e.$t(`veo.message.downloadVideo`),placement:`top-start`},{default:p(()=>[e.modelValue?.response?.data[0]?.video_url?(u(),n(_,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:t[7]||=t=>e.onDownload(t,e.modelValue?.response?.data[0]?.video_url)},{default:p(()=>[i(l(e.$t(`veo.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(y,{path:`/veo/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(S,{closable:!1,class:`mt-2 success`},{default:p(()=>[r(`p`,Kt,[a(b,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.model`))+`: `+l(e.modelValue?.request?.model),1)]),r(`p`,qt,[a(b,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(x,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,$,[a(b,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(u(),f(`div`,Jt,[a(S,{closable:!1,class:`failure`},{template:p(()=>[a(b,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.failure`)),1)]),default:p(()=>[r(`p`,Yt,[a(b,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(x,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,Xt,[a(b,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(x,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,Zt,[a(b,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),e.modelValue?.response?.trace_id?(u(),f(`p`,Qt,[a(b,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(x,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===void 0?(u(),f(`div`,$t,[a(S,{closable:!1,class:`info`},{template:p(()=>[a(b,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.failure`)),1)]),default:p(()=>[r(`p`,en,[a(b,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(x,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.response?.trace_id?(u(),f(`p`,tn,[a(b,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`veo.name.traceId`))+`: `+l(e.modelValue?.response?.trace_id)+` `,1),a(x,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var rn=s({name:`RecentPanel`,components:{TaskPreview:I(Nt,[[`render`,nn],[`__scopeId`,`data-v-912779c9`]]),NoTasks:re,BotPlaceholder:q,ScrollList:Y},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.veo?.tasks,items:this.$store.state.veo?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),an={key:0},on={key:2,class:`w-full h-full flex items-center justify-center`};function sn(e,t,r,ee,i,s){let l=d(`bot-placeholder`),h=d(`task-preview`),g=d(`scroll-list`),_=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,an,[a(l)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(g,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,(e,t)=>(u(),n(h,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,on,[a(_)])):o(``,!0)],64)}var cn=I(rn,[[`render`,sn]]),ln=te(`veo`),un=s({name:`VeoIndex`,components:{ConfigPanel:Mt,Layout:de,RecentPanel:cn},mixins:[P],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.veo?.status?.getApplications===L.Request},tasksLoading(){return this.$store.state.veo?.status?.getTasks===L.Request||this.fetchingTasks},credential(){return this.$store.state.veo.credential},config(){return this.$store.state.veo.config},tasks(){return this.$store.state.veo.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 X({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`veo/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`veo/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`veo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!H(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={...this.config,callback_url:ln},t=this.credential?.token;if(!t){console.error(`no token specified`);return}if(e.action===`image2video`&&!(e.image_urls&&e.image_urls.length>0)){U.warning(this.$t(`veo.message.imageRequired`));return}(!e.image_urls||e.image_urls.length===0)&&delete e.image_urls,U.info(this.$t(`veo.message.startingTask`)),R(`veo`,V.generate(e,{token:t})).then(()=>{U.success(this.$t(`veo.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`veo.message.usedUp`)):U.error(this.$t(`veo.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function dn(e,t,r,ee,i,o){let s=d(`config-panel`),c=d(`recent-panel`),l=d(`layout`);return u(),n(l,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var fn=I(un,[[`render`,dn]]);export{fn as default};