@acedatacloud/nexior 3.372.2 → 3.373.1

package/dist/assets/Index-BeblsjhL.js

@@ -0,0 +1,88 @@
+import{A as e,G as t,Gt as n,I as r,Jt as i,L as a,M as o,Mt as s,N as c,Q as l,S as u,T as d,Y as f,at as p,ft as m,j as h,k as g,mt as _,p as v,qt as y,rt as b,st as x,tt as S,wt as C,z as w}from"./vendor-chart-Dw-P17PN.js";import{t as T}from"./vendor-vue-router-BVGjZC3n.js";import{C as E,k as D,p as O}from"./i18n-DBtpbeq0.js";import{A as k,Bn as A,hr as j,i as M,n as N,r as P,zn as F}from"./index-BhuKiXPa.js";import{c as I,l as L,n as R,r as z,s as B,t as V}from"./siteHome-DVwKWe9w.js";import{t as H}from"./VueMarkdown-BgudlQNQ.js";import{n as U}from"./showcase-IbVW17fO.js";import{n as W,t as ee}from"./ShowcaseGrid-CCJIHMUe.js";var te={class:`section-heading`},ne={id:`home-categories-title`},re={class:`category-grid`},ie=[`aria-expanded`,`aria-controls`,`onClick`],ae=[`src`,`alt`,`onError`],oe={class:`category-copy`},se=[`id`,`aria-label`],ce=[`src`,`onError`],G=k(w({__name:`CategoryTiles`,props:{items:{}},emits:[`category-image-error`,`icon-error`],setup(t,{expose:n}){let s=t,l=C(),f=new Map,m=g(()=>s.items.find(e=>e.id===l.value));function x(e,t){t instanceof HTMLButtonElement?f.set(e,t):f.delete(e)}function w(e){l.value=l.value===e?void 0:e}function T(){if(!l.value)return;let e=f.get(l.value);l.value=void 0,e?.focus()}return n({openId:l,activeCategory:m,toggle:w,closePanel:T}),(n,s)=>{let f=p(`router-link`);return S(),c(`section`,{class:`dashboard-section`,"aria-labelledby":`home-categories-title`,onKeydown:u(T,[`esc`])},[e(`div`,te,[e(`div`,null,[e(`span`,null,i(n.$t(`intro.home.quick.eyebrow`)),1),e(`h2`,ne,i(n.$t(`intro.home.quick.title`)),1)]),e(`p`,null,i(n.$t(`intro.home.quick.subtitle`)),1)]),e(`div`,re,[(S(!0),c(d,null,b(t.items,t=>(S(),c(`button`,{key:t.id,ref_for:!0,ref:e=>x(t.id,e),type:`button`,class:`category-card`,"aria-expanded":l.value===t.id,"aria-controls":`home-category-panel-${t.id}`,onClick:e=>w(t.id)},[t.imageUrl?(S(),c(`img`,{key:0,src:t.imageUrl,alt:t.title,loading:`lazy`,decoding:`async`,style:y({objectPosition:t.focalPoint||`center`}),onError:e=>n.$emit(`category-image-error`,t.id)},null,44,ae)):o(``,!0),s[0]||=e(`span`,{class:`shade`},null,-1),e(`span`,oe,[e(`strong`,null,i(t.title),1),e(`span`,null,i(t.description),1),e(`b`,null,i(n.$t(l.value===t.id?`intro.home.quick.close`:`intro.home.quick.explore`))+` ↓`,1)])],8,ie))),128))]),a(v,{name:`panel`},{default:_(()=>[m.value?(S(),c(`div`,{key:0,id:`home-category-panel-${m.value.id}`,class:`capability-panel`,role:`region`,"aria-label":n.$t(`intro.home.quick.panelLabel`,{category:m.value.title})},[(S(!0),c(d,null,b(m.value.items,t=>(S(),h(f,{key:t.capability,to:{name:t.routeName},class:`capability-card`},{default:_(()=>[e(`img`,{src:t.icon,alt:``,onError:e=>n.$emit(`icon-error`,t)},null,40,ce),e(`span`,null,[e(`strong`,null,i(t.name),1),e(`small`,null,i(t.description),1)]),e(`b`,null,[r(i(n.$t(`intro.home.createNow`))+` `,1),s[1]||=e(`span`,{"aria-hidden":`true`},`→`,-1)])]),_:2},1032,[`to`]))),128))],8,se)):o(``,!0)]),_:1})],32)}}}),[[`__scopeId`,`data-v-baf08855`]]),le=[`aria-label`],ue={class:`slides`},de=[`src`,`alt`,`loading`,`fetchpriority`,`onError`],fe={key:1,class:`image-fallback`},pe=[`src`],me={class:`copy`},he={key:0,class:`eyebrow`},ge={key:1},_e={class:`description`},ve={key:2,class:`action`},ye=[`aria-label`],be=[`aria-label`],xe={class:`dots`},Se=[`aria-label`,`aria-current`,`onClick`],Ce=5600,we=45,Te=k(w({__name:`HomeCarousel`,props:{slides:{}},emits:[`image-error`],setup(a,{expose:s}){let u=a,p=C(0),v=C(!1),w=C(!1),E=C(!1),D=C(!1),O=C(),k,A,j=g(()=>v.value||w.value||E.value||D.value||u.slides.length<2);function M(e){return e.target?`href`in e.target&&/^https?:\/\//i.test(e.target.href)?`a`:T:`div`}function N(e){return e.target?`routeName`in e.target?{to:{name:e.target.routeName}}:/^https?:\/\//i.test(e.target.href)?{href:e.target.href,target:`_blank`,rel:`noopener noreferrer`}:{to:e.target.href}:{}}function P(e){let t=u.slides.length;return t?(e+t)%t:0}function F(e){p.value=P(e)}function I(){F(p.value+1)}function L(){F(p.value-1)}function R(){k!==void 0&&window.clearInterval(k),k=void 0}function z(){R(),j.value||(k=window.setInterval(I,Ce))}function B(){E.value=document.hidden}function V(e){D.value=e.matches}function H(e){let t=e.currentTarget,n=e.relatedTarget;w.value=!!(n&&t.contains(n))}function U(e){O.value=e.changedTouches[0]?.clientX}function W(e){if(O.value===void 0)return;let t=e.changedTouches[0]?.clientX;if(t===void 0)return;let n=t-O.value;Math.abs(n)>=we&&(n>0?L():I()),O.value=void 0}return m(j,z),m(()=>u.slides.length,e=>{p.value>=e&&(p.value=0),z()}),l(()=>{E.value=document.hidden,document.addEventListener(`visibilitychange`,B),A=window.matchMedia(`(prefers-reduced-motion: reduce)`),D.value=A.matches,A.addEventListener(`change`,V),z()}),f(()=>{R(),document.removeEventListener(`visibilitychange`,B),A?.removeEventListener(`change`,V)}),s({activeIndex:p,next:I,previous:L,goTo:F,hovered:v,focused:w}),(s,l)=>(S(),c(`section`,{class:`home-carousel`,"aria-label":s.$t(`intro.home.carousel.label`),onMouseenter:l[0]||=e=>v.value=!0,onMouseleave:l[1]||=e=>v.value=!1,onFocusin:l[2]||=e=>w.value=!0,onFocusout:H,onTouchstartPassive:U,onTouchendPassive:W},[e(`div`,ue,[(S(!0),c(d,null,b(a.slides,(n,a)=>(S(),h(x(M(n)),t({key:n.id},{ref_for:!0},N(n),{class:[`slide`,{active:a===p.value,static:!n.target}],"aria-hidden":a!==p.value,tabindex:a===p.value&&n.target?0:-1}),{default:_(()=>[n.imageUrl?(S(),c(`img`,{key:0,src:n.imageUrl,alt:n.title,loading:a===0?`eager`:`lazy`,decoding:`async`,fetchpriority:a===0?`high`:`auto`,style:y({objectPosition:n.focalPoint||`center`}),onError:e=>s.$emit(`image-error`,n)},null,44,de)):(S(),c(`span`,fe,[n.icon?(S(),c(`img`,{key:0,src:n.icon,alt:``},null,8,pe)):o(``,!0)])),l[4]||=e(`span`,{class:`shade`},null,-1),e(`span`,me,[n.eyebrow?(S(),c(`span`,he,i(n.eyebrow),1)):o(``,!0),n.title?(S(),c(`strong`,ge,i(n.title),1)):o(``,!0),e(`span`,_e,i(n.description),1),n.target?(S(),c(`span`,ve,[r(i(s.$t(`intro.home.createNow`))+` `,1),l[3]||=e(`span`,{"aria-hidden":`true`},`→`,-1)])):o(``,!0)])]),_:2},1040,[`class`,`aria-hidden`,`tabindex`]))),128))]),a.slides.length>1?(S(),c(d,{key:0},[e(`button`,{class:`arrow previous`,type:`button`,"aria-label":s.$t(`intro.home.carousel.previous`),onClick:L},[...l[5]||=[e(`span`,{"aria-hidden":`true`},`‹`,-1)]],8,ye),e(`button`,{class:`arrow next`,type:`button`,"aria-label":s.$t(`intro.home.carousel.next`),onClick:I},[...l[6]||=[e(`span`,{"aria-hidden":`true`},`›`,-1)]],8,be),e(`div`,xe,[(S(!0),c(d,null,b(a.slides,(e,t)=>(S(),c(`button`,{key:e.id,type:`button`,class:n({active:t===p.value}),"aria-label":s.$t(`intro.home.carousel.goto`,{number:t+1,title:e.title}),"aria-current":t===p.value?`true`:void 0,onClick:e=>F(t)},null,10,Se))),128))])],64)):o(``,!0)],40,le))}}),[[`__scopeId`,`data-v-d69edc68`]]),Ee=`acedatacloud:home-html-iframe-resize`,K=`acedatacloud:home-html-iframe-measure`,De=12e3,q=[`allow-scripts`,`allow-forms`,`allow-popups`,`allow-popups-to-escape-sandbox`,`allow-top-navigation-by-user-activation`].join(` `),Oe=new Set([`ar`]),J=e=>{let t=e.trim().replace(`_`,`-`).slice(0,35);return/^[A-Za-z]{2,3}(?:-[A-Za-z0-9]{2,8})*$/.test(t)?t:`en`},Y=e=>Oe.has(e.split(`-`)[0].toLowerCase())?`rtl`:`ltr`,ke=e=>JSON.stringify(e).replace(/</g,`\\u003c`).split(`\u2028`).join(`\\u2028`).split(`\u2029`).join(`\\u2029`),Ae=`<script data-acedatacloud-resize>
+(() => {
+  let pendingFrame = 0;
+  let lastHeight = -1;
+  let observed = new Set();
+  const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => schedule());
+  const isFixed = (element) => {
+    for (let current = element; current && current !== document.body; current = current.parentElement) {
+      if (getComputedStyle(current).position === 'fixed') return true;
+    }
+    return false;
+  };
+  const measure = () => {
+    pendingFrame = 0;
+    const body = document.body;
+    if (!body) return;
+    const bodyStyle = getComputedStyle(body);
+    const bodyTop = body.getBoundingClientRect().top;
+    const paddingBottom = parseFloat(bodyStyle.paddingBottom) || 0;
+    let bottom = bodyTop + (parseFloat(bodyStyle.paddingTop) || 0) + paddingBottom;
+    const walker = document.createTreeWalker(body, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
+    for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+      const element = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
+      if (!element || isFixed(element)) continue;
+      const style = getComputedStyle(element);
+      if (style.display === 'none' || style.visibility === 'hidden') continue;
+      const range = document.createRange();
+      if (node.nodeType === Node.TEXT_NODE) range.selectNodeContents(node);
+      const rect = node.nodeType === Node.TEXT_NODE ? range.getBoundingClientRect() : element.getBoundingClientRect();
+      if (!rect.width && !rect.height) continue;
+      const margin = node.nodeType === Node.ELEMENT_NODE ? Math.max(0, parseFloat(style.marginBottom) || 0) : 0;
+      bottom = Math.max(bottom, rect.bottom + margin + paddingBottom);
+    }
+    const height = Math.max(1, Math.ceil(bottom - bodyTop));
+    if (height === lastHeight) return;
+    lastHeight = height;
+    parent.postMessage({ type: '${Ee}', height }, '*');
+  };
+  const schedule = () => {
+    if (pendingFrame) cancelAnimationFrame(pendingFrame);
+    pendingFrame = requestAnimationFrame(measure);
+  };
+  const observeContent = () => {
+    if (!observer || !document.body) return;
+    const current = new Set(document.body.children);
+    for (const element of current) {
+      if (!observed.has(element)) observer.observe(element);
+    }
+    for (const element of observed) {
+      if (!current.has(element)) observer.unobserve(element);
+    }
+    observed = current;
+  };
+  const start = () => {
+    observeContent();
+    schedule();
+    setTimeout(schedule, 100);
+    setTimeout(schedule, 500);
+    new MutationObserver(() => {
+      observeContent();
+      schedule();
+    }).observe(document.body, { attributes: true, characterData: true, childList: true, subtree: true });
+    addEventListener('load', schedule, true);
+    document.fonts?.ready.then(schedule);
+    addEventListener('message', (event) => {
+      if (event.source === parent && event.data?.type === '${K}') schedule();
+    });
+  };
+  if (document.readyState === 'loading') addEventListener('DOMContentLoaded', start, { once: true });
+  else start();
+})();
+<\/script>`,je=(e,t,n)=>`<script data-acedatacloud-context>
+Object.defineProperty(window, '__ACEDATACLOUD__', {
+  value: Object.freeze(${ke({locale:e,dir:t,theme:n})}),
+  writable: false,
+  configurable: false
+});
+<\/script>`,X=(e,t,n,r)=>`<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<base target="_top">
+<style data-acedatacloud-frame>
+html { color-scheme: ${n}; }
+html, body { width: 100%; height: auto !important; min-height: 0 !important; margin: 0; overflow-x: hidden; }
+*, *::before, *::after { box-sizing: border-box; }
+img, video, svg, canvas, iframe { max-width: 100%; }
+</style>
+${je(e,t,n)}
+${r?Ae:``}`,Z=(e,t,n)=>{let r=RegExp(`<${t}\\b[^>]*>`,`i`).exec(e);if(!r||r.index===void 0)return e;let i=r.index+r[0].length;return`${e.slice(0,i)}${n}${e.slice(i)}`},Me=(e,t,n,r)=>e.replace(/<html\b([^>]*)>/i,(e,i)=>`<html${i.replace(/\s(?:lang|dir|data-lang|data-theme)\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/gi,``)} lang="${t}" dir="${n}" data-lang="${t}" data-theme="${r}">`),Ne=(e,t=`en`,n=!0,r=`light`)=>{let i=J(t),a=Y(i);if(!/<html\b[^>]*>/i.test(e))return`<!DOCTYPE html><html lang="${i}" dir="${a}" data-lang="${i}" data-theme="${r}"><head>${X(i,a,r,n)}</head><body>${e}</body></html>`;let o=Me(e,i,a,r);return/<head\b[^>]*>/i.test(o)?Z(o,`head`,X(i,a,r,n)):Z(o,`html`,`<head>${X(i,a,r,n)}</head>`)},Pe=e=>{if(!e||typeof e!=`object`)return null;let t=e;return t.type!==`acedatacloud:home-html-iframe-resize`||typeof t.height!=`number`||!Number.isFinite(t.height)?null:Math.min(De,Math.max(160,Math.ceil(t.height)))},Fe={class:`tenant-home-block tenant-home-html`},Ie=[`title`,`sandbox`,`srcdoc`],Le=[`lang`,`dir`,`data-lang`,`data-theme`,`innerHTML`],Re=k(w({__name:`HomeHtmlSection`,props:{section:{},locale:{},theme:{}},setup(t){let n=t,r=g(()=>J(n.locale||`en`)),a=g(()=>Y(r.value)),o=C(),u=g(()=>n.section.height??null),d=g(()=>u.value===null),p=C(u.value??160),h=g(()=>Ne(n.section.body,r.value,d.value,n.theme||`light`)),_=e=>{if(!d.value||e.source!==o.value?.contentWindow)return;let t=Pe(e.data);t!==null&&(p.value=t)},v=()=>{d.value&&o.value?.contentWindow?.postMessage({type:K},`*`)};return m(()=>[n.section.body,n.section.height,n.locale,n.theme],()=>{p.value=u.value??160}),l(()=>{window.addEventListener(`message`,_),v()}),f(()=>window.removeEventListener(`message`,_)),(n,l)=>(S(),c(`article`,Fe,[e(`h2`,null,i(t.section.title),1),t.section.render_in_iframe?(S(),c(`iframe`,{key:0,ref_key:`frame`,ref:o,class:`tenant-home-content tenant-home-iframe`,title:t.section.title,sandbox:s(q),srcdoc:h.value,style:y({height:`${p.value}px`}),loading:`lazy`,referrerpolicy:`strict-origin-when-cross-origin`,onLoad:v},null,44,Ie)):(S(),c(`div`,{key:1,class:`tenant-home-content`,lang:r.value,dir:a.value,"data-lang":r.value,"data-theme":t.theme||`light`,style:y(t.section.height==null?void 0:{height:`${t.section.height}px`,overflowY:`auto`}),innerHTML:t.section.body},null,12,Le))]))}}),[[`__scopeId`,`data-v-ae8f8418`]]),ze={class:`tenant-home-block tenant-home-markdown`},Be=w({__name:`HomeMarkdownSection`,props:{section:{}},setup(t){return(n,r)=>(S(),c(`article`,ze,[e(`h2`,null,i(t.section.title),1),a(H,{class:`tenant-home-content`,source:t.section.body,style:y(t.section.height==null?void 0:{height:`${t.section.height}px`,overflowY:`auto`}),sanitize:``},null,8,[`source`,`style`])]))}}),Ve={class:`tenant-home-block tenant-home-website`},He=[`src`,`title`,`sandbox`],Q=[`href`],Ue=k(w({__name:`HomeWebsiteSection`,props:{section:{},locale:{},theme:{}},setup(t){let n=t,r=g(()=>{try{let e=new URL(n.section.body);return e.protocol!==`https:`&&e.protocol!==`http:`?``:(e.searchParams.set(`lang`,J(n.locale||`en`)),e.searchParams.set(`theme`,n.theme||`light`),e.toString())}catch{return``}}),a=g(()=>r.value?new URL(r.value).hostname:``);return(n,l)=>(S(),c(`article`,Ve,[e(`h2`,null,i(t.section.title),1),r.value?(S(),c(`iframe`,{key:0,class:`tenant-home-content tenant-home-website-frame`,src:r.value,title:t.section.title,sandbox:s(q),style:y(t.section.height?{height:`${t.section.height}px`}:void 0),loading:`lazy`,referrerpolicy:`no-referrer`},null,12,He)):o(``,!0),r.value?(S(),c(`a`,{key:1,class:`tenant-home-website-link`,href:r.value,target:`_blank`,rel:`noopener noreferrer`},i(n.$t(`site.homeSections.websiteOpenExternal`,{host:a.value})),9,Q)):o(``,!0)]))}}),[[`__scopeId`,`data-v-b3a0eb72`]]),We={key:0,class:`custom-sections`},Ge=w({__name:`HomeCustomSections`,props:{sections:{},site:{},locale:{}},setup(e){let t=e,n=()=>document.documentElement.classList.contains(`dark`)?`dark`:`light`,r=C(n()),i;l(()=>{r.value=n(),i=new MutationObserver(()=>{r.value=n()}),i.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]})}),f(()=>i?.disconnect());let a={markdown:Be,html:Re,website:Ue},s=g(()=>t.sections.filter(e=>a[e.kind]));return(t,n)=>s.value.length?(S(),c(`section`,We,[(S(!0),c(d,null,b(s.value,t=>(S(),h(x(a[t.kind]),{key:t.id,section:t,locale:t.kind===`html`||t.kind===`website`?e.locale:void 0,theme:t.kind===`html`||t.kind===`website`?r.value:void 0},null,8,[`section`,`locale`,`theme`]))),128))])):o(``,!0)}}),$=12,Ke=w({name:`StudioHome`,components:{CategoryTiles:G,ShowcaseGrid:ee,ShowcaseDetailDialog:W,HomeCarousel:Te,HomeCustomSections:Ge},data(){return{failedIcons:{},failedBannerImages:{},failedCategoryImages:{},rawBanners:[],bannerLoadGeneration:0,rawShowcases:[],rawHomeSections:[],homeSectionLoadGeneration:0,showcaseLoadGeneration:0,visibleShowcaseCount:$,showcaseLoadObserver:void 0,showcaseAutoLoadArmed:!0,selectedShowcase:void 0}},computed:{site(){return this.$store.state.site},siteLoaded(){return!!this.site?.id},bannerEnabled(){return z(this.site,`banner`)},categoriesEnabled(){return z(this.site,`categories`)},showcaseEnabled(){return z(this.site,`showcase`)},bannerRequestKey(){return!this.siteLoaded||!this.bannerEnabled?``:`${this.site?.id||``}|${O(this.site)}|${String(this.$i18n.locale||`en`)}`},showcaseRequestKey(){return!this.siteLoaded||!this.showcaseEnabled?``:`${this.site?.id||``}|${String(this.$i18n.locale||`en`)}`},homeSectionRequestKey(){return!this.siteLoaded||!D()?``:`${this.site?.id||``}|${O(this.site)}|${String(this.$i18n.locale||`en`)}`},enabledKeys(){if(!this.siteLoaded)return new Set;let e=this.site?.features??{};return new Set(M.filter(t=>e[t]?.enabled&&E(t)))},banners(){let e=R(this.site),t=I.filter(t=>this.enabledKeys.has(t.capability)&&!e.has(t.id)).map(e=>({...this.resolve(e),id:e.id,imageUrl:this.failedBannerImages[e.id]?``:e.imageUrl,eyebrow:this.$t(e.eyebrowKey),title:this.$t(e.titleKey),target:{routeName:e.routeName}})),n=String(this.$i18n.locale||`en`),r=this.rawBanners.map(e=>{let t=B(e.title,n);return{id:e.id||`custom-${e.sort_order||0}`,name:t,eyebrow:``,title:t,description:B(e.subtitle,n),icon:this.site?.logo||this.site?.favicon||``,defaultIcon:this.site?.logo||this.site?.favicon||``,imageUrl:this.failedBannerImages[e.id||``]?``:e.image_url||``,target:e.link_url?{href:e.link_url}:null}});return[...t,...r]},categories(){let e=[],t=V(this.site);for(let n of L){if(t.has(n.id))continue;let r=n.candidates.filter(e=>this.enabledKeys.has(e.capability)).map(e=>this.resolve(e));r.length&&e.push({id:n.id,title:this.$t(n.titleKey),description:this.$t(n.descriptionKey),imageUrl:this.failedCategoryImages[n.id]?``:n.imageUrl,focalPoint:n.focalPoint,items:r})}return e},resolvedShowcases(){let e=this.site;return e?this.rawShowcases.map(t=>U(t,e)).filter(e=>!!e).map(e=>({...e,icon:this.failedIcons[e.capability]?e.defaultIcon:e.icon})):[]},visibleShowcases(){return this.resolvedShowcases.slice(0,this.visibleShowcaseCount)},hasMoreShowcases(){return this.visibleShowcaseCount<this.resolvedShowcases.length}},watch:{bannerRequestKey:{immediate:!0,handler(e){e?this.loadBanners():(this.bannerLoadGeneration+=1,this.rawBanners=[],this.failedBannerImages={})}},homeSectionRequestKey:{immediate:!0,handler(e){e?this.loadHomeSections():(this.homeSectionLoadGeneration+=1,this.rawHomeSections=[])}},showcaseRequestKey:{immediate:!0,handler(e){e?this.loadShowcases():(this.showcaseLoadGeneration+=1,this.rawShowcases=[],this.visibleShowcaseCount=$,this.selectedShowcase=void 0)}},hasMoreShowcases(){this.$nextTick(()=>this.observeShowcaseLoadMore())}},mounted(){this.setupShowcaseLoadObserver()},beforeUnmount(){this.bannerLoadGeneration+=1,this.homeSectionLoadGeneration+=1,this.showcaseLoadGeneration+=1,this.showcaseLoadObserver?.disconnect()},methods:{resolve(e){let t=P[e.capability],n=N(this.site,e.capability,e.defaultName,t);return{capability:e.capability,routeName:e.routeName,name:n.displayName,description:e.descriptionKey?this.$t(e.descriptionKey):``,icon:this.failedIcons[e.capability]?t:n.iconUrl,defaultIcon:t,imageUrl:e.imageUrl,focalPoint:e.focalPoint}},async loadBanners(){if(!this.bannerRequestKey)return;let e=this.bannerRequestKey,t=++this.bannerLoadGeneration;this.rawBanners=[];try{let n=await j.getPublic(O(this.site));t===this.bannerLoadGeneration&&e===this.bannerRequestKey&&(this.rawBanners=Array.isArray(n.data)?n.data:[])}catch{t===this.bannerLoadGeneration&&e===this.bannerRequestKey&&(this.rawBanners=[])}},async loadHomeSections(){if(!this.homeSectionRequestKey)return;let e=this.homeSectionRequestKey,t=++this.homeSectionLoadGeneration;this.rawHomeSections=[];try{let n=await F.getPublic(O(this.site),String(this.$i18n.locale||`en`));t===this.homeSectionLoadGeneration&&e===this.homeSectionRequestKey&&(this.rawHomeSections=Array.isArray(n.data)?n.data:[])}catch{t===this.homeSectionLoadGeneration&&e===this.homeSectionRequestKey&&(this.rawHomeSections=[])}},async loadShowcases(){if(!this.showcaseRequestKey)return;let e=this.showcaseRequestKey,t=++this.showcaseLoadGeneration,n=String(this.$i18n.locale||`en`);this.visibleShowcaseCount=$,this.showcaseAutoLoadArmed=!0,this.rawShowcases=[],this.selectedShowcase=void 0;try{let r=await A.list(void 0,n);t===this.showcaseLoadGeneration&&e===this.showcaseRequestKey&&(this.rawShowcases=Array.isArray(r.data)?r.data:[])}catch{t===this.showcaseLoadGeneration&&e===this.showcaseRequestKey&&(this.rawShowcases=[])}},loadMoreShowcases(){this.visibleShowcaseCount=Math.min(this.visibleShowcaseCount+$,this.resolvedShowcases.length)},onShowcaseLoadMoreClick(){this.showcaseAutoLoadArmed=!1,this.loadMoreShowcases()},setupShowcaseLoadObserver(){`IntersectionObserver`in window&&(this.showcaseLoadObserver=new IntersectionObserver(e=>{for(let t of e){if(!t.isIntersecting){this.showcaseAutoLoadArmed=!0;continue}this.showcaseAutoLoadArmed&&(this.showcaseAutoLoadArmed=!1,this.loadMoreShowcases())}},{root:this.$el,rootMargin:`400px 0px`}),this.observeShowcaseLoadMore())},observeShowcaseLoadMore(){this.showcaseLoadObserver?.disconnect();let e=this.$refs.showcaseLoadMore;e instanceof HTMLElement&&this.showcaseLoadObserver?.observe(e)},onIconError(e){e.icon!==e.defaultIcon&&(this.failedIcons[e.capability]=!0)},onShowcaseIconError(e){e.icon!==e.defaultIcon&&(this.failedIcons[e.capability]=!0)},onImageError(e){this.failedBannerImages[e.id]=!0},onCategoryImageError(e){this.failedCategoryImages[e]=!0}}}),qe={key:0,class:`studio-home`},Je={class:`dashboard`},Ye=[`aria-label`];function Xe(t,n,r,s,l,u){let d=p(`home-carousel`),f=p(`category-tiles`),m=p(`home-custom-sections`),g=p(`showcase-grid`),_=p(`showcase-detail-dialog`);return t.siteLoaded?(S(),c(`main`,qe,[e(`div`,Je,[t.bannerEnabled&&t.banners.length?(S(),h(d,{key:0,slides:t.banners,onImageError:t.onImageError},null,8,[`slides`,`onImageError`])):o(``,!0),t.categoriesEnabled&&t.categories.length?(S(),h(f,{key:1,items:t.categories,onCategoryImageError:t.onCategoryImageError,onIconError:t.onIconError},null,8,[`items`,`onCategoryImageError`,`onIconError`])):o(``,!0),t.rawHomeSections.length?(S(),h(m,{key:2,sections:t.rawHomeSections,site:t.site,locale:String(t.$i18n.locale||`en`)},null,8,[`sections`,`site`,`locale`])):o(``,!0),t.showcaseEnabled&&t.visibleShowcases.length?(S(),h(g,{key:3,items:t.visibleShowcases,eyebrow:t.$t(`intro.home.showcase.eyebrow`),title:t.$t(`intro.home.showcase.title`),subtitle:t.$t(`intro.home.showcase.subtitle`),"aria-label":t.$t(`intro.home.showcase.title`),"detail-preview":``,onSelect:n[0]||=e=>t.selectedShowcase=e,onIconError:t.onShowcaseIconError},null,8,[`items`,`eyebrow`,`title`,`subtitle`,`aria-label`,`onIconError`])):o(``,!0),t.showcaseEnabled&&t.hasMoreShowcases?(S(),c(`button`,{key:4,ref:`showcaseLoadMore`,type:`button`,class:`showcase-load-more`,onClick:n[1]||=(...e)=>t.onShowcaseLoadMoreClick&&t.onShowcaseLoadMoreClick(...e)},i(t.$t(`intro.home.showcase.loadMore`)),513)):o(``,!0)]),a(_,{item:t.selectedShowcase,onClose:n[2]||=e=>t.selectedShowcase=void 0},null,8,[`item`])])):(S(),c(`div`,{key:1,class:`home-loading`,role:`status`,"aria-label":t.$t(`common.status.loading`)},[...n[3]||=[e(`span`,null,null,-1)]],8,Ye))}var Ze=k(Ke,[[`render`,Xe],[`__scopeId`,`data-v-5855f459`]]);export{Ze as default};

package/dist/assets/{Index-fJaYTgSD.css → Index-Bk4tRrlU.css}

@@ -1 +1 @@
-.dashboard-section[data-v-baf08855]{padding-top:34px}.section-heading[data-v-baf08855]{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:16px;display:flex}.section-heading>div>span[data-v-baf08855]{color:var(--el-color-primary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.section-heading h2[data-v-baf08855]{letter-spacing:-.02em;margin:5px 0 0;font-size:25px}.section-heading p[data-v-baf08855]{max-width:470px;color:var(--el-text-color-secondary);margin:0;font-size:13px;line-height:1.55}.category-grid[data-v-baf08855]{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.category-card[data-v-baf08855]{color:#fff;cursor:pointer;text-align:left;background:#0d131d;border:1px solid #ffffff14;border-radius:15px;min-width:0;min-height:205px;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000038}.category-card>img[data-v-baf08855],.category-card .shade[data-v-baf08855]{width:100%;height:100%;position:absolute;inset:0}.category-card>img[data-v-baf08855]{-o-object-fit:cover;object-fit:cover;transition:transform .4s}.category-card .shade[data-v-baf08855]{background:linear-gradient(#04080f05 15%,#04080feb 100%)}.category-card[data-v-baf08855]:hover,.category-card[aria-expanded=true][data-v-baf08855]{border-color:color-mix(in srgb, var(--el-color-primary) 44%, transparent);transform:translateY(-3px);box-shadow:0 18px 42px #0000004d}.category-card:hover>img[data-v-baf08855],.category-card[aria-expanded=true]>img[data-v-baf08855]{transform:scale(1.035)}.category-card[data-v-baf08855]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:2px}.category-copy[data-v-baf08855]{z-index:1;text-shadow:0 2px 15px #000000b8;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:17px;left:18px;right:18px}.category-copy strong[data-v-baf08855]{font-size:22px;line-height:1.15}.category-copy>span[data-v-baf08855]{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.category-copy b[data-v-baf08855]{margin-top:4px;font-size:12px}.capability-panel[data-v-baf08855]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d131de6;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:13px;padding:15px;display:grid;box-shadow:0 16px 44px #0000003b}.capability-card[data-v-baf08855]{color:#fff;background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:13px;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.capability-card>img[data-v-baf08855]{-o-object-fit:cover;object-fit:cover;background:#ffffffeb;border-radius:12px;width:44px;height:44px}.capability-card>span[data-v-baf08855]{min-width:0}.capability-card strong[data-v-baf08855],.capability-card small[data-v-baf08855]{display:block}.capability-card strong[data-v-baf08855]{font-size:14px}.capability-card small[data-v-baf08855]{color:#ffffffb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.capability-card>b[data-v-baf08855]{color:color-mix(in srgb, var(--el-color-primary) 65%, #fff);grid-column:2;font-size:11px}.capability-card[data-v-baf08855]:hover{border-color:rgba(var(--app-brand-rgb), .35);background:rgba(var(--app-brand-rgb), .08);transform:translateY(-2px)}.capability-card[data-v-baf08855]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:2px}.panel-enter-active[data-v-baf08855],.panel-leave-active[data-v-baf08855]{transition:opacity .18s,transform .18s}.panel-enter-from[data-v-baf08855],.panel-leave-to[data-v-baf08855]{opacity:0;transform:translateY(-6px)}@media (width<=1120px){.category-grid[data-v-baf08855],.capability-panel[data-v-baf08855]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-section[data-v-baf08855]{padding-top:25px}.section-heading[data-v-baf08855]{display:block}.section-heading p[data-v-baf08855]{margin-top:7px}.category-grid[data-v-baf08855],.capability-panel[data-v-baf08855]{gap:10px}.category-card[data-v-baf08855]{border-radius:13px;min-height:195px}.category-copy[data-v-baf08855]{bottom:13px;left:13px;right:13px}.category-copy strong[data-v-baf08855]{font-size:17px}.capability-panel[data-v-baf08855]{padding:10px}}@media (width<=430px){.category-grid[data-v-baf08855],.capability-panel[data-v-baf08855]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.category-card[data-v-baf08855],.category-card>img[data-v-baf08855],.capability-card[data-v-baf08855],.panel-enter-active[data-v-baf08855],.panel-leave-active[data-v-baf08855]{transition:none}.category-card[data-v-baf08855]:hover,.category-card:hover>img[data-v-baf08855],.capability-card[data-v-baf08855]:hover{transform:none}}.home-carousel[data-v-d69edc68]{background:#0b1019;border:1px solid #ffffff17;border-radius:18px;width:100%;height:clamp(340px,30vw,430px);position:relative;overflow:hidden;box-shadow:0 18px 60px #0000004d}.slides[data-v-d69edc68],.slide[data-v-d69edc68],.slide>img[data-v-d69edc68],.image-fallback[data-v-d69edc68],.shade[data-v-d69edc68]{width:100%;height:100%;position:absolute;inset:0}.slide[data-v-d69edc68]{opacity:0;color:#fff;pointer-events:none;transition:opacity .55s}.slide.active[data-v-d69edc68]{z-index:1;opacity:1;pointer-events:auto}.slide>img[data-v-d69edc68]{-o-object-fit:cover;object-fit:cover}.slide.static[data-v-d69edc68]{cursor:default}.slide[data-v-d69edc68]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:-4px}.image-fallback[data-v-d69edc68]{background:radial-gradient(circle, rgba(var(--app-brand-rgb), .22), transparent 45%), #0b1019;place-items:center;display:grid}.image-fallback img[data-v-d69edc68]{-o-object-fit:cover;object-fit:cover;border-radius:24px;width:100px;height:100px}.shade[data-v-d69edc68]{background:linear-gradient(90deg,#04080fe6 0%,#04080fa6 38%,#04080f14 72%),linear-gradient(#0000 55%,#04080f80)}.copy[data-v-d69edc68]{z-index:2;text-shadow:0 3px 22px #000000bf;flex-direction:column;align-items:flex-start;gap:11px;width:min(590px,48%);display:flex;position:absolute;top:50%;left:clamp(34px,5vw,78px);transform:translateY(-50%)}.copy strong[data-v-d69edc68]{letter-spacing:-.035em;font-size:clamp(30px,3.5vw,56px);line-height:1.06}.eyebrow[data-v-d69edc68]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04080f57;border:1px solid #ffffff40;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}.description[data-v-d69edc68]{color:#ffffffc2;font-size:15px;line-height:1.6}.action[data-v-d69edc68]{margin-top:5px;font-size:14px;font-weight:750}.arrow[data-v-d69edc68]{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0509116b;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.arrow span[data-v-d69edc68]{margin-top:-2px;font-size:30px;line-height:1}.arrow[data-v-d69edc68]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:2px}.previous[data-v-d69edc68]{left:16px}.next[data-v-d69edc68]{right:16px}.dots[data-v-d69edc68]{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dots button[data-v-d69edc68]{cursor:pointer;background:#ffffff57;border:0;border-radius:999px;width:26px;height:4px;padding:0;transition:width .2s,background-color .2s}.dots button.active[data-v-d69edc68]{background:#fff;width:44px}.dots button[data-v-d69edc68]:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:4px}@media (width<=900px){.home-carousel[data-v-d69edc68]{height:clamp(300px,44vw,380px)}.copy[data-v-d69edc68]{width:62%}}@media (width<=600px){.home-carousel[data-v-d69edc68]{border-radius:14px;height:338px;min-height:0}.copy[data-v-d69edc68]{gap:7px;width:72%;left:22px}.copy strong[data-v-d69edc68]{font-size:27px}.description[data-v-d69edc68]{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.arrow[data-v-d69edc68]{width:36px;height:36px;top:auto;bottom:13px;transform:none}.previous[data-v-d69edc68]{left:14px}.next[data-v-d69edc68]{right:14px}.dots[data-v-d69edc68]{bottom:29px}}@media (prefers-reduced-motion:reduce){.slide[data-v-d69edc68],.dots button[data-v-d69edc68]{transition:none}}.tenant-home-iframe[data-v-353b6a8b]{border:0;width:100%;display:block}.tenant-home-website-frame[data-v-2e67087e]{background:var(--el-bg-color);border:0;border-radius:12px;width:100%;height:clamp(360px,65vh,760px);display:block}.tenant-home-website-link[data-v-2e67087e]{color:var(--el-color-primary);margin-top:12px;display:inline-flex}@media (width<=760px){.tenant-home-website-frame[data-v-2e67087e]{height:70vh}}.custom-sections{flex-direction:column;gap:22px;padding-top:34px;display:flex}.tenant-home-block{border:1px solid color-mix(in srgb, var(--el-border-color) 65%, transparent);background:color-mix(in srgb, var(--el-bg-color-overlay) 88%, transparent);border-radius:20px;max-width:100%;padding:clamp(24px,4vw,48px);overflow:hidden;box-shadow:0 18px 55px #0000001f}.tenant-home-block h2{margin:6px 0 18px;font-size:clamp(24px,3vw,38px);line-height:1.1}.tenant-home-content :is(pre,table){max-width:100%;overflow-x:auto}@media (prefers-reduced-motion:reduce){.tenant-home-block{scroll-behavior:auto;transition:none}}.studio-home[data-v-291d44b7]{height:100%;min-height:0;color:var(--el-text-color-primary);background:radial-gradient(circle at 82% 6%, rgba(var(--app-brand-rgb), .09), transparent 26%), #080c13;scrollbar-gutter:stable;overflow-y:auto}.dashboard[data-v-291d44b7]{width:min(1580px,100% - 36px);margin:0 auto;padding:18px 0 8px}.home-loading[data-v-291d44b7]{background:#080c13;place-items:center;height:100%;display:grid}.home-loading span[data-v-291d44b7]{border:3px solid #ffffff29;border-top-color:var(--el-color-primary);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite home-spin-291d44b7}@keyframes home-spin-291d44b7{to{transform:rotate(360deg)}}@media (width<=767px){.dashboard[data-v-291d44b7]{width:calc(100% - 24px);padding-top:12px}}@media (prefers-reduced-motion:reduce){.home-loading span[data-v-291d44b7]{animation-duration:1.8s}}.showcase-load-more[data-v-291d44b7]{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;min-height:44px;margin:4px auto 28px;padding:0 24px;font-weight:750;display:block}.showcase-load-more[data-v-291d44b7]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:3px}
+.dashboard-section[data-v-baf08855]{padding-top:34px}.section-heading[data-v-baf08855]{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:16px;display:flex}.section-heading>div>span[data-v-baf08855]{color:var(--el-color-primary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.section-heading h2[data-v-baf08855]{letter-spacing:-.02em;margin:5px 0 0;font-size:25px}.section-heading p[data-v-baf08855]{max-width:470px;color:var(--el-text-color-secondary);margin:0;font-size:13px;line-height:1.55}.category-grid[data-v-baf08855]{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.category-card[data-v-baf08855]{color:#fff;cursor:pointer;text-align:left;background:#0d131d;border:1px solid #ffffff14;border-radius:15px;min-width:0;min-height:205px;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 12px 34px #00000038}.category-card>img[data-v-baf08855],.category-card .shade[data-v-baf08855]{width:100%;height:100%;position:absolute;inset:0}.category-card>img[data-v-baf08855]{-o-object-fit:cover;object-fit:cover;transition:transform .4s}.category-card .shade[data-v-baf08855]{background:linear-gradient(#04080f05 15%,#04080feb 100%)}.category-card[data-v-baf08855]:hover,.category-card[aria-expanded=true][data-v-baf08855]{border-color:color-mix(in srgb, var(--el-color-primary) 44%, transparent);transform:translateY(-3px);box-shadow:0 18px 42px #0000004d}.category-card:hover>img[data-v-baf08855],.category-card[aria-expanded=true]>img[data-v-baf08855]{transform:scale(1.035)}.category-card[data-v-baf08855]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:2px}.category-copy[data-v-baf08855]{z-index:1;text-shadow:0 2px 15px #000000b8;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:17px;left:18px;right:18px}.category-copy strong[data-v-baf08855]{font-size:22px;line-height:1.15}.category-copy>span[data-v-baf08855]{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.category-copy b[data-v-baf08855]{margin-top:4px;font-size:12px}.capability-panel[data-v-baf08855]{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d131de6;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:13px;padding:15px;display:grid;box-shadow:0 16px 44px #0000003b}.capability-card[data-v-baf08855]{color:#fff;background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:13px;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.capability-card>img[data-v-baf08855]{-o-object-fit:cover;object-fit:cover;background:#ffffffeb;border-radius:12px;width:44px;height:44px}.capability-card>span[data-v-baf08855]{min-width:0}.capability-card strong[data-v-baf08855],.capability-card small[data-v-baf08855]{display:block}.capability-card strong[data-v-baf08855]{font-size:14px}.capability-card small[data-v-baf08855]{color:#ffffffb8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.capability-card>b[data-v-baf08855]{color:color-mix(in srgb, var(--el-color-primary) 65%, #fff);grid-column:2;font-size:11px}.capability-card[data-v-baf08855]:hover{border-color:rgba(var(--app-brand-rgb), .35);background:rgba(var(--app-brand-rgb), .08);transform:translateY(-2px)}.capability-card[data-v-baf08855]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:2px}.panel-enter-active[data-v-baf08855],.panel-leave-active[data-v-baf08855]{transition:opacity .18s,transform .18s}.panel-enter-from[data-v-baf08855],.panel-leave-to[data-v-baf08855]{opacity:0;transform:translateY(-6px)}@media (width<=1120px){.category-grid[data-v-baf08855],.capability-panel[data-v-baf08855]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-section[data-v-baf08855]{padding-top:25px}.section-heading[data-v-baf08855]{display:block}.section-heading p[data-v-baf08855]{margin-top:7px}.category-grid[data-v-baf08855],.capability-panel[data-v-baf08855]{gap:10px}.category-card[data-v-baf08855]{border-radius:13px;min-height:195px}.category-copy[data-v-baf08855]{bottom:13px;left:13px;right:13px}.category-copy strong[data-v-baf08855]{font-size:17px}.capability-panel[data-v-baf08855]{padding:10px}}@media (width<=430px){.category-grid[data-v-baf08855],.capability-panel[data-v-baf08855]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.category-card[data-v-baf08855],.category-card>img[data-v-baf08855],.capability-card[data-v-baf08855],.panel-enter-active[data-v-baf08855],.panel-leave-active[data-v-baf08855]{transition:none}.category-card[data-v-baf08855]:hover,.category-card:hover>img[data-v-baf08855],.capability-card[data-v-baf08855]:hover{transform:none}}.home-carousel[data-v-d69edc68]{background:#0b1019;border:1px solid #ffffff17;border-radius:18px;width:100%;height:clamp(340px,30vw,430px);position:relative;overflow:hidden;box-shadow:0 18px 60px #0000004d}.slides[data-v-d69edc68],.slide[data-v-d69edc68],.slide>img[data-v-d69edc68],.image-fallback[data-v-d69edc68],.shade[data-v-d69edc68]{width:100%;height:100%;position:absolute;inset:0}.slide[data-v-d69edc68]{opacity:0;color:#fff;pointer-events:none;transition:opacity .55s}.slide.active[data-v-d69edc68]{z-index:1;opacity:1;pointer-events:auto}.slide>img[data-v-d69edc68]{-o-object-fit:cover;object-fit:cover}.slide.static[data-v-d69edc68]{cursor:default}.slide[data-v-d69edc68]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:-4px}.image-fallback[data-v-d69edc68]{background:radial-gradient(circle, rgba(var(--app-brand-rgb), .22), transparent 45%), #0b1019;place-items:center;display:grid}.image-fallback img[data-v-d69edc68]{-o-object-fit:cover;object-fit:cover;border-radius:24px;width:100px;height:100px}.shade[data-v-d69edc68]{background:linear-gradient(90deg,#04080fe6 0%,#04080fa6 38%,#04080f14 72%),linear-gradient(#0000 55%,#04080f80)}.copy[data-v-d69edc68]{z-index:2;text-shadow:0 3px 22px #000000bf;flex-direction:column;align-items:flex-start;gap:11px;width:min(590px,48%);display:flex;position:absolute;top:50%;left:clamp(34px,5vw,78px);transform:translateY(-50%)}.copy strong[data-v-d69edc68]{letter-spacing:-.035em;font-size:clamp(30px,3.5vw,56px);line-height:1.06}.eyebrow[data-v-d69edc68]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04080f57;border:1px solid #ffffff40;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}.description[data-v-d69edc68]{color:#ffffffc2;font-size:15px;line-height:1.6}.action[data-v-d69edc68]{margin-top:5px;font-size:14px;font-weight:750}.arrow[data-v-d69edc68]{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0509116b;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.arrow span[data-v-d69edc68]{margin-top:-2px;font-size:30px;line-height:1}.arrow[data-v-d69edc68]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:2px}.previous[data-v-d69edc68]{left:16px}.next[data-v-d69edc68]{right:16px}.dots[data-v-d69edc68]{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dots button[data-v-d69edc68]{cursor:pointer;background:#ffffff57;border:0;border-radius:999px;width:26px;height:4px;padding:0;transition:width .2s,background-color .2s}.dots button.active[data-v-d69edc68]{background:#fff;width:44px}.dots button[data-v-d69edc68]:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:4px}@media (width<=900px){.home-carousel[data-v-d69edc68]{height:clamp(300px,44vw,380px)}.copy[data-v-d69edc68]{width:62%}}@media (width<=600px){.home-carousel[data-v-d69edc68]{border-radius:14px;height:338px;min-height:0}.copy[data-v-d69edc68]{gap:7px;width:72%;left:22px}.copy strong[data-v-d69edc68]{font-size:27px}.description[data-v-d69edc68]{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.arrow[data-v-d69edc68]{width:36px;height:36px;top:auto;bottom:13px;transform:none}.previous[data-v-d69edc68]{left:14px}.next[data-v-d69edc68]{right:14px}.dots[data-v-d69edc68]{bottom:29px}}@media (prefers-reduced-motion:reduce){.slide[data-v-d69edc68],.dots button[data-v-d69edc68]{transition:none}}.tenant-home-iframe[data-v-ae8f8418]{border:0;width:100%;display:block}.tenant-home-website-frame[data-v-b3a0eb72]{background:var(--el-bg-color);border:0;border-radius:12px;width:100%;height:clamp(360px,65vh,760px);display:block}.tenant-home-website-link[data-v-b3a0eb72]{color:var(--el-color-primary);margin-top:12px;display:inline-flex}@media (width<=760px){.tenant-home-website-frame[data-v-b3a0eb72]{height:70vh}}.custom-sections{flex-direction:column;gap:22px;padding-top:34px;display:flex}.tenant-home-block{border:1px solid color-mix(in srgb, var(--el-border-color) 65%, transparent);background:color-mix(in srgb, var(--el-bg-color-overlay) 88%, transparent);border-radius:20px;max-width:100%;padding:clamp(24px,4vw,48px);overflow:hidden;box-shadow:0 18px 55px #0000001f}.tenant-home-block h2{margin:6px 0 18px;font-size:clamp(24px,3vw,38px);line-height:1.1}.tenant-home-content :is(pre,table){max-width:100%;overflow-x:auto}@media (prefers-reduced-motion:reduce){.tenant-home-block{scroll-behavior:auto;transition:none}}.studio-home[data-v-5855f459]{height:100%;min-height:0;color:var(--el-text-color-primary);background:radial-gradient(circle at 82% 6%, rgba(var(--app-brand-rgb), .09), transparent 26%), #080c13;scrollbar-gutter:stable;overflow-y:auto}.dashboard[data-v-5855f459]{width:min(1580px,100% - 36px);margin:0 auto;padding:18px 0 8px}.home-loading[data-v-5855f459]{background:#080c13;place-items:center;height:100%;display:grid}.home-loading span[data-v-5855f459]{border:3px solid #ffffff29;border-top-color:var(--el-color-primary);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite home-spin-5855f459}@keyframes home-spin-5855f459{to{transform:rotate(360deg)}}@media (width<=767px){.dashboard[data-v-5855f459]{width:calc(100% - 24px);padding-top:12px}}@media (prefers-reduced-motion:reduce){.home-loading span[data-v-5855f459]{animation-duration:1.8s}}.showcase-load-more[data-v-5855f459]{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;min-height:44px;margin:4px auto 28px;padding:0 24px;font-weight:750;display:block}.showcase-load-more[data-v-5855f459]:focus-visible{outline:3px solid var(--el-color-primary);outline-offset:3px}

package/dist/assets/{Index-Cz8HX98G.js → Index-Bmr0-RQ5.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{n as v,r as y,t as b}from"./select-DXBL73yh.js";import{t as x}from"./upload-DRH0-ycw.js";import{t as S}from"./tooltip-DSST2mHF.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-DuW32zS6.js";import{t as E}from"./drawer-DFMxMQL-.js";import{t as D}from"./input-number-D0GDLMw6.js";import{t as O}from"./switch-TWe-AUkq.js";import{t as k}from"./box-DI_cIDSF.js";import{t as A}from"./clock-BWysuwF-.js";import{a as j,i as M,n as N,r as P,s as F,t as I}from"./pagination-BUNkflE4.js";import{t as ee}from"./image-DRUv5M5F.js";import{t as te}from"./info-CoDypBxc.js";import{t as ne}from"./trash-2-ChReDJhv.js";import{t as re}from"./triangle-alert-vAfwQulN.js";import{t as ie}from"./upload-C4WyrHeN.js";import{t as L}from"./wand-sparkles-Cd-Dhae1.js";import{t as ae}from"./zap-BTK08SUr.js";import{$n as oe,Bn as se,Gn as R,Hn as ce,Qn as le,Un as ue,Vn as de,Wn as fe,Xn as pe,Yn as me,Zn as z,ar as B,cr as he,dr as V,er as ge,ir as _e,lr as ve,nr as ye,qn as be,rr as xe,sr as Se,tr as Ce,ur as H}from"./constants-DewCdI9V.js";import{$i as we,A as U,Bi as W,Cn as Te,Hi as G,O as Ee,Ri as K,Ua as q,at as De,ct as Oe,et as ke,fi as Ae,it as je,li as Me,ot as Ne,ro as J,rr as Y,sa as Pe,st as Fe,za as Ie}from"./index-BpXJ9KrR.js";import{t as Le}from"./CopyToClipboard-C0gYzJor.js";import{t as Re}from"./ReportButton-DVAC1onf.js";import{t as X}from"./ImagePreview-CdsgVMhG.js";import{n as ze}from"./taskDrawerMixin-DyAUhFEq.js";import{t as Be}from"./ServicePricingSummary-BcQNEFOO.js";import{t as Ve}from"./ScenarioPaymentMode-CEv2vj4o.js";import{t as He}from"./ApiCodeButton-CKkXzWMv.js";import{t as Ue}from"./BotPlaceholder-BLnwiqsn.js";import{t as We}from"./taskPollingMixin-CcLxtz8z.js";import{t as Ge}from"./ShowcaseResultTabs-CiMvHQkO.js";import{t as Ke}from"./showcaseRecreateMixin-Ci2NJ019.js";import{t as qe}from"./ImageWrapper-ZC_Sfj0f.js";import{n as Z}from"./imageRequests-BKHyzeHm.js";var Je=_({name:`LayoutNanobanana`,components:{MagicIcon:L,ElDrawer:E,ElButton:J},mixins:[ze]}),Ye={class:`main flex flex-row flex-1`},Xe={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Ze={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Qe(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,Ye,[e(`div`,Xe,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ze,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var $e=U(Je,[[`render`,Qe],[`__scopeId`,`data-v-92afefbe`]]),et=_({name:`PromptInput`,components:{PromptTextarea:M},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function tt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var nt=U(et,[[`render`,tt]]),rt=_({name:`ImageUrlsInput`,components:{UploadIcon:ie,ElUpload:x,ElButton:J,InfoIcon:j,ImagePreview:X},mixins:[Oe,Fe,De,ke],data(){return{fileList:[],uploadUrl:Ie()+`/api/v1/files/`,suppressWatch:!1}},computed:{maxImages(){return 16},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){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(){T.warning(this.$t(`openaiimage.message.uploadImageExceed`,{count:16}))},onError(){T.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),it={class:`field flex min-h-8 w-full items-center justify-between gap-3`},at={class:`flex min-w-0 items-center`},ot={class:`title m-0 text-[14px] font-bold`},st={class:`file-list flex flex-wrap gap-[10px]`};function ct(t,n,o,u,d,g){let _=l(`info-icon`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`),x=l(`image-preview`);return h(),s(`div`,null,[e(`div`,it,[e(`div`,at,[e(`h2`,ot,i(t.$t(`openaiimage.name.imageUrls`)),1),a(_,{content:t.$t(`openaiimage.description.imageUrls`)},null,8,[`content`])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value shrink-0`,limit:t.maxImages,multiple:!0,"show-file-list":!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(y,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(v,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`])]),e(`div`,st,[(h(!0),s(c,null,m(t.fileList,(e,n)=>(h(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])])}var lt=U(rt,[[`render`,ct]]),ut=_({name:`OpenAIImageModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:j},data(){return{options:[{value:pe,label:this.$t(`openaiimage.model.gptImage1`)},{value:z,label:this.$t(`openaiimage.model.gptImage15`)},{value:le,label:this.$t(`openaiimage.model.gptImage2`)},{value:oe,label:this.$t(`openaiimage.model.gptImage25Flare`)},{value:ge,label:this.$t(`openaiimage.model.gptImage25FlareOfficial`)},{value:Ce,label:this.$t(`openaiimage.model.gptImage25Sunburst`)},{value:ye,label:this.$t(`openaiimage.model.gptImage25SunburstOfficial`)},{value:xe,label:this.$t(`openaiimage.model.gptImage2Official`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=fe}}),dt={class:`field`},ft={class:`label`},pt={class:`box`},mt={class:`title font-bold`};function ht(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,dt,[e(`div`,ft,[e(`div`,pt,[e(`h2`,mt,i(t.$t(`openaiimage.name.model`)),1),a(g,{content:t.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),title:t.value},{default:p(()=>[(h(!0),s(c,null,m(t.options,e=>(h(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`title`])])}var gt=U(ut,[[`render`,ht],[`__scopeId`,`data-v-03b728f3`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var _t=_({name:`OpenAIImageSizeSelector`,components:{ElSelect:y,ElOption:b,ElOptionGroup:v,ElSwitch:O,ElInputNumber:D,InfoIcon:j},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},autoSizeValue(){return H},customSupported(){return ue.includes(this.model)},presets(){return B[this.model]??B[`gpt-image-2`]??[]},presetGroups(){return be.includes(this.model)?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:Se},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:he},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:ve}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize(H)}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.autoSizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return se},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t<655360?this.$t(`openaiimage.error.customSizeMinPixels`,{pixels:ce.toLocaleString()}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:de.toLocaleString()}):Math.max(e,t)/Math.min(e,t)>3?this.$t(`openaiimage.error.customSizeAspectRatio`,{ratio:3}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||e===`auto`||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize(H)}},storedSize(e){if(!e||e===`auto`){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),vt={class:`resolution`},yt={class:`field`},bt={class:`label`},xt={class:`box`},St={class:`title font-bold`},Ct={class:`field custom-toggle`},wt={class:`label`},Tt={class:`box`},Et={class:`title font-bold`},Dt={key:0,class:`custom-inputs`},Ot={class:`row`},kt={class:`row-label`},At={class:`row`},jt={class:`row-label`},Mt={key:0,class:`error`};function Nt(t,n,r,u,d,g){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-option-group`),b=l(`el-select`),x=l(`el-switch`),S=l(`el-input-number`);return h(),s(`div`,vt,[e(`div`,yt,[e(`div`,bt,[e(`div`,xt,[e(`h2`,St,i(t.$t(`openaiimage.name.size`)),1),a(_,{content:t.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:t.presetValue,"onUpdate:modelValue":n[0]||=e=>t.presetValue=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),disabled:t.useCustom},{default:p(()=>[a(v,{label:t.$t(`openaiimage.size.auto`),value:t.autoSizeValue},null,8,[`label`,`value`]),(h(!0),s(c,null,m(t.presetGroups,e=>(h(),f(y,{key:e.label,label:e.label},{default:p(()=>[(h(!0),s(c,null,m(e.options,e=>(h(),f(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),t.customSupported?(h(),s(c,{key:0},[e(`div`,Ct,[e(`div`,wt,[e(`div`,Tt,[e(`h2`,Et,i(t.$t(`openaiimage.name.customSize`)),1),a(_,{content:t.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:t.useCustom,"onUpdate:modelValue":n[1]||=e=>t.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),t.useCustom?(h(),s(`div`,Dt,[e(`div`,Ot,[e(`span`,kt,i(t.$t(`openaiimage.name.width`)),1),a(S,{modelValue:t.customWidth,"onUpdate:modelValue":n[2]||=e=>t.customWidth=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e(`div`,At,[e(`span`,jt,i(t.$t(`openaiimage.name.height`)),1),a(S,{modelValue:t.customHeight,"onUpdate:modelValue":n[3]||=e=>t.customHeight=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),t.customError?(h(),s(`div`,Mt,i(t.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Pt=U(_t,[[`render`,Nt],[`__scopeId`,`data-v-c3247527`]]),Ft=_({name:`OpenAIImageQualitySelector`,components:{ElOption:b,ElSelect:y,InfoIcon:j},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedQuality(){return this.$store.state.openaiimage?.config?.quality},qualities(){return _e[this.model]??[`auto`]},quality:{get(){return this.storedQuality&&this.qualities.includes(this.storedQuality)?this.storedQuality:R},set(e){this.commitQuality(e)}}},watch:{model(){this.storedQuality&&this.qualities.includes(this.storedQuality)||this.commitQuality(R)}},methods:{commitQuality(e){let t={...this.$store.state.openaiimage?.config||{},quality:e};this.$store.commit(`openaiimage/setConfig`,t)}}}),It={class:`field`},Lt={class:`label`},Rt={class:`box`},zt={class:`title font-bold`};function Bt(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,It,[e(`div`,Lt,[e(`div`,Rt,[e(`h2`,zt,i(t.$t(`openaiimage.name.quality`)),1),a(g,{content:t.$t(`openaiimage.description.quality`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.quality,"onUpdate:modelValue":n[0]||=e=>t.quality=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(h(!0),s(c,null,m(t.qualities,e=>(h(),f(_,{key:e,label:t.$t(`openaiimage.quality.${e}`),value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Vt=U(Ft,[[`render`,Bt],[`__scopeId`,`data-v-052cc590`]]),Ht=350,Ut=_({name:`ConfigPanel`,components:{MagicIcon:L,ElButton:J,PromptInput:nt,ServicePricingSummary:Be,ImageUrlsInput:lt,ModelSelector:gt,ResolutionSelector:Pt,QualitySelector:Vt,ScenarioPaymentMode:Ve},props:{identityToken:{type:String,default:void 0}},emits:[`generate`],data(){return{OPENAIIMAGE_MODELS:me,quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return Te({...this.config||{}},this.service?.cost)},displayConsumption(){return V(this.config?.model)?void 0:this.consumption},service(){return this.$store.state.openaiimage?.service},pricingNote(){return V(this.config?.model)?this.$t(`service.message.imageTokenEstimate`):``},walletMode(){return K()&&W(`openaiimage`).mode===`wallet`}},watch:{walletMode:{handler(e){e?this.scheduleQuote():this.cancelQuote()},immediate:!0},config:{handler(){this.walletMode?this.scheduleQuote():this.cancelQuote()},deep:!0},identityToken(){this.quoteRunId+=1,this.walletMode&&this.scheduleQuote()}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,Ht)},cancelQuote(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},async refreshQuote(){let e=W(`openaiimage`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await Y.quote(Z(this.config),this.identityToken);t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),Wt={class:`flex flex-col h-full`},Gt={class:`flex-1 overflow-y-auto p-5`},Kt={class:`flex flex-col items-center justify-center px-5 pb-5`};function qt(t,n,c,u,d,m){let g=l(`model-selector`),_=l(`resolution-selector`),v=l(`quality-selector`),y=l(`prompt-input`),b=l(`image-urls-input`),x=l(`scenario-payment-mode`),S=l(`service-pricing-summary`),C=l(`magic-icon`),w=l(`el-button`);return h(),s(`div`,Wt,[e(`div`,Gt,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),e(`div`,Kt,[a(x,{scenario:`openaiimage`}),t.walletMode?o(``,!0):(h(),f(S,{key:0,value:t.displayConsumption,service:t.service,note:t.pricingNote,"pricing-models":t.OPENAIIMAGE_MODELS,"pricing-model-default":`dall-e-3`,"pricing-unit-aliases":{n:`image`}},null,8,[`value`,`service`,`note`,`pricing-models`])),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(C,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Jt=U(Ut,[[`render`,qt]]),Yt=_({name:`TaskPreview`,components:{ApplicationIcon:k,ChannelIcon:F,DeleteIcon:ne,ImageIcon:ee,InfoIcon:te,LightningIcon:ae,MagicIcon:L,TimeIcon:A,WarningIcon:re,CopyToClipboard:Le,ElAlert:C,ImageWrapper:qe,ElButton:J,ElTooltip:S,ImagePreview:X,ApiCodeButton:He,ReportButton:Re},props:{modelValue:{type:Object,required:!0}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)},async onDelete(){let e=this.modelValue?.id;if(e){try{await q.confirm(this.$t(`common.message.deleteTaskConfirm`),this.$t(`common.button.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),confirmButtonClass:`el-button--danger`})}catch{return}try{await this.$store.dispatch(`openaiimage/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}}}}),Xt={class:`preview`},Zt={class:`left`},Qt={class:`main`},$t={class:`bot`},en={class:`datetime`},tn=[`aria-label`],nn={class:`info`},rn={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},an={key:1,class:`prompt mt-2`},on={key:0},sn={key:0,class:n({content:!0,failed:!0})},cn={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},ln={class:n({operations:!0,"mt-2":!0,"mb-2":!0})},un={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},fn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},gn={key:1,class:n({content:!0})},_n={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Sn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cn={key:2,class:n({content:!0})},wn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},En={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function On(n,u,d,g,_,v){let y=l(`capability-presentation`),b=l(`delete-icon`),x=l(`el-tooltip`),S=l(`image-preview`),C=l(`image-wrapper`),w=l(`el-button`),T=l(`api-code-button`),E=l(`report-button`),D=l(`application-icon`),O=l(`image-icon`),k=l(`lightning-icon`),A=l(`magic-icon`),j=l(`copy-to-clipboard`),M=l(`time-icon`),N=l(`channel-icon`),P=l(`el-alert`),F=l(`warning-icon`),I=l(`info-icon`);return h(),s(`div`,Xt,[e(`div`,Zt,[a(y,{capability:`openaiimage`,part:`avatar`,class:`avatar`})]),e(`div`,Qt,[e(`div`,$t,[a(y,{capability:`openaiimage`,part:`name`}),e(`span`,en,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(x,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(h(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:u[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,tn)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,nn,[n.referenceImages.length>0?(h(),s(`div`,rn,[(h(!0),s(c,null,m(n.referenceImages,(e,t)=>(h(),f(S,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),n.modelValue?.request?.prompt?(h(),s(`p`,an,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,on,` - (`+i(n.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,sn,[e(`div`,cn,[(h(!0),s(c,null,m(n.images,(e,t)=>(h(),f(C,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),e(`div`,ln,[a(x,{class:`box-item`,effect:`dark`,content:n.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(w,{type:`info`,size:`small`,class:`btn-action`,onClick:u[1]||=t(e=>n.onEdit(n.images?.[0]?.image_url||n.images?.[0]?.url),[`stop`])},{default:p(()=>[r(i(n.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(T,{path:n.openaiimagePath,body:n.openaiimageCodeBody},null,8,[`path`,`body`]),a(E,{service:`openaiimage`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])]),a(P,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,un,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,dn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,fn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,pn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,mn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,hn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(h(),s(`div`,gn,[a(P,{closable:!1,class:`failure`},{template:p(()=>[a(F,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,_n,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,vn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,yn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,$,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,bn,[a(I,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(j,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,xn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,Sn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(h(),s(`div`,Cn,[a(P,{closable:!1,class:`info`},{template:p(()=>[n.modelValue?.response?(h(),f(I,{key:1,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):(h(),f(M,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),r(` `+i(n.$t(n.modelValue?.response?`openaiimage.name.status`:`openaiimage.status.pending`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,wn,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,Tn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,En,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,Dn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var kn=_({name:`RecentPanel`,components:{TaskPreview:U(Yt,[[`render`,On],[`__scopeId`,`data-v-6519c932`]]),BotPlaceholder:Ue,NoTasks:P,ScrollList:N},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),An={key:0},jn={key:2,class:`w-full h-full flex items-center justify-center`};function Mn(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,An,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{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(()=>[(h(!0),s(c,null,m(e.tasks?.items,e=>(h(),f(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,jn,[a(v)])):o(``,!0)],64)}var Nn=_({name:`OpenAIImageIndex`,components:{ConfigPanel:Jt,Layout:$e,RecentPanel:U(kn,[[`render`,Mn]]),ShowcaseResultTabs:Ge},mixins:[Ne,Ke(`openaiimage`),We(`openaiimage`)],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===w.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks},walletMode(){return K()&&W(`openaiimage`).mode===`wallet`}},watch:{config:{handler(e){G(`openaiimage`,!(Array.isArray(e?.image_urls)&&e.image_urls.length>0))},deep:!0,immediate:!0},walletMode:{async handler(e,t){t===void 0||e===t||(this.$store.commit(`openaiimage/setTasks`,void 0),await this.onGetTasks(),await this.onScrollDown())}},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.onPollTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await I({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})},async onGenerate(){if(!je(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;G(`openaiimage`,!t);let n=W(`openaiimage`).mode;if(!this.hasText(e.prompt)){T.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let r=Z(e),i={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,quality:e?.quality,image_urls:e?.image_urls||[],async:!0},a;if(n===`wallet`){let e=this.getWalletContext();if(!e){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}a=Y.generate(r,{mode:`x402`,x402:{wallet:e,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!Pe())return;let e=this.credential?.token;if(!e){console.error(`no token specified`);return}a=t?Y.edit(i,{token:e}):Y.generate(r,{token:e})}T.info(this.$t(`openaiimage.message.startingTask`)),we(`openaiimage`,a).then(e=>{let t=e?.data?.task_id;console.debug(`task accepted`,t),n===`wallet`&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{if(e instanceof Me)return;let t=e?.response?.data;Ee(e,`openaiimage`)||(n===`wallet`?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return Ae(this.$wallet)},async confirmWalletPayment(e){return q.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Pn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`showcase-result-tabs`),d=l(`layout`);return h(),f(d,null,{config:p(()=>[a(s,{"identity-token":e.credential?.token,onGenerate:e.onGenerate},null,8,[`identity-token`,`onGenerate`])]),result:p(()=>[a(u,{service:`openai`},{tasks:p(()=>[a(c,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})]),_:1})}var Fn=U(Nn,[[`render`,Pn]]);export{Fn as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{n as v,r as y,t as b}from"./select-CcTiPJUg.js";import{t as x}from"./upload-C_YrWWV5.js";import{t as S}from"./tooltip-DqGMJJ6f.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-DGI43qxx.js";import{t as E}from"./drawer-J5GNVza3.js";import{t as D}from"./input-number-BL-h5gxp.js";import{t as O}from"./switch-ChU8jScg.js";import{t as k}from"./box-CYxKRYYM.js";import{t as A}from"./clock-DYMdqYCO.js";import{a as j,i as M,n as N,r as P,s as F,t as I}from"./pagination-DgncPTOk.js";import{t as ee}from"./image-GcUfRlBM.js";import{t as te}from"./info-xfm1EWy9.js";import{t as ne}from"./trash-2-BhwPJFMz.js";import{t as re}from"./triangle-alert-DBKQGKg_.js";import{t as ie}from"./upload-DYQ-PwmP.js";import{t as L}from"./wand-sparkles-1fXELugW.js";import{t as ae}from"./zap-CZz_Emt-.js";import{$n as oe,Gn as se,Hn as ce,Jn as le,Kn as R,Qn as ue,Un as de,Vn as fe,Wn as pe,Xn as me,Zn as z,ar as he,cr as ge,dr as B,er as _e,fr as V,ir as ve,lr as ye,nr as be,or as H,rr as xe,tr as Se,ur as Ce}from"./constants-CiMGQy1r.js";import{A as U,Ba as we,Cn as Te,O as Ee,Ui as W,Vi as G,Wa as K,at as De,ca as Oe,ct as ke,ea as Ae,et as je,io as q,ir as J,it as Me,ot as Ne,pi as Pe,st as Fe,ui as Ie,zi as Y}from"./index-BhuKiXPa.js";import{t as Le}from"./CopyToClipboard-42kl-Hqn.js";import{t as Re}from"./ReportButton-CpUpPvRI.js";import{t as X}from"./ImagePreview-B6S0ASYG.js";import{n as ze}from"./taskDrawerMixin-DyAUhFEq.js";import{t as Be}from"./ServicePricingSummary-CLl8JOoX.js";import{t as Ve}from"./ScenarioPaymentMode-DBW7ha0H.js";import{t as He}from"./ApiCodeButton-6CAkuLWs.js";import{t as Ue}from"./BotPlaceholder-Ctu1jmvN.js";import{t as We}from"./taskPollingMixin-CcLxtz8z.js";import{t as Ge}from"./ShowcaseResultTabs-Bk-qHuoo.js";import{t as Ke}from"./showcaseRecreateMixin-CH_5cLk1.js";import{t as qe}from"./ImageWrapper-B4zFub-J.js";import{n as Z}from"./imageRequests-JgZOB_cZ.js";var Je=_({name:`LayoutNanobanana`,components:{MagicIcon:L,ElDrawer:E,ElButton:q},mixins:[ze]}),Ye={class:`main flex flex-row flex-1`},Xe={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Ze={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Qe(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,Ye,[e(`div`,Xe,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Ze,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var $e=U(Je,[[`render`,Qe],[`__scopeId`,`data-v-92afefbe`]]),et=_({name:`PromptInput`,components:{PromptTextarea:M},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function tt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var nt=U(et,[[`render`,tt]]),rt=_({name:`ImageUrlsInput`,components:{UploadIcon:ie,ElUpload:x,ElButton:q,InfoIcon:j,ImagePreview:X},mixins:[ke,Fe,De,je],data(){return{fileList:[],uploadUrl:we()+`/api/v1/files/`,suppressWatch:!1}},computed:{maxImages(){return 16},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){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(){T.warning(this.$t(`openaiimage.message.uploadImageExceed`,{count:16}))},onError(){T.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),it={class:`field flex min-h-8 w-full items-center justify-between gap-3`},at={class:`flex min-w-0 items-center`},ot={class:`title m-0 text-[14px] font-bold`},st={class:`file-list flex flex-wrap gap-[10px]`};function ct(t,n,o,u,d,g){let _=l(`info-icon`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`),x=l(`image-preview`);return h(),s(`div`,null,[e(`div`,it,[e(`div`,at,[e(`h2`,ot,i(t.$t(`openaiimage.name.imageUrls`)),1),a(_,{content:t.$t(`openaiimage.description.imageUrls`)},null,8,[`content`])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value shrink-0`,limit:t.maxImages,multiple:!0,"show-file-list":!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(y,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(v,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`])]),e(`div`,st,[(h(!0),s(c,null,m(t.fileList,(e,n)=>(h(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])])}var lt=U(rt,[[`render`,ct]]),ut=_({name:`OpenAIImageModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:j},data(){return{options:[{value:z,label:this.$t(`openaiimage.model.gptImage1`)},{value:ue,label:this.$t(`openaiimage.model.gptImage15`)},{value:oe,label:this.$t(`openaiimage.model.gptImage2`)},{value:_e,label:this.$t(`openaiimage.model.gptImage25Flare`)},{value:Se,label:this.$t(`openaiimage.model.gptImage25FlareOfficial`)},{value:be,label:this.$t(`openaiimage.model.gptImage25Sunburst`)},{value:xe,label:this.$t(`openaiimage.model.gptImage25SunburstOfficial`)},{value:ve,label:this.$t(`openaiimage.model.gptImage2Official`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=se}}),dt={class:`field`},ft={class:`label`},pt={class:`box`},mt={class:`title font-bold`};function ht(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,dt,[e(`div`,ft,[e(`div`,pt,[e(`h2`,mt,i(t.$t(`openaiimage.name.model`)),1),a(g,{content:t.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),title:t.value},{default:p(()=>[(h(!0),s(c,null,m(t.options,e=>(h(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`title`])])}var gt=U(ut,[[`render`,ht],[`__scopeId`,`data-v-03b728f3`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var _t=_({name:`OpenAIImageSizeSelector`,components:{ElSelect:y,ElOption:b,ElOptionGroup:v,ElSwitch:O,ElInputNumber:D,InfoIcon:j},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},autoSizeValue(){return B},customSupported(){return pe.includes(this.model)},presets(){return H[this.model]??H[`gpt-image-2`]??[]},presetGroups(){return le.includes(this.model)?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:ge},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:ye},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:Ce}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize(B)}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.autoSizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return fe},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t<655360?this.$t(`openaiimage.error.customSizeMinPixels`,{pixels:de.toLocaleString()}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:ce.toLocaleString()}):Math.max(e,t)/Math.min(e,t)>3?this.$t(`openaiimage.error.customSizeAspectRatio`,{ratio:3}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||e===`auto`||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize(B)}},storedSize(e){if(!e||e===`auto`){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),vt={class:`resolution`},yt={class:`field`},bt={class:`label`},xt={class:`box`},St={class:`title font-bold`},Ct={class:`field custom-toggle`},wt={class:`label`},Tt={class:`box`},Et={class:`title font-bold`},Dt={key:0,class:`custom-inputs`},Ot={class:`row`},kt={class:`row-label`},At={class:`row`},jt={class:`row-label`},Mt={key:0,class:`error`};function Nt(t,n,r,u,d,g){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-option-group`),b=l(`el-select`),x=l(`el-switch`),S=l(`el-input-number`);return h(),s(`div`,vt,[e(`div`,yt,[e(`div`,bt,[e(`div`,xt,[e(`h2`,St,i(t.$t(`openaiimage.name.size`)),1),a(_,{content:t.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:t.presetValue,"onUpdate:modelValue":n[0]||=e=>t.presetValue=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),disabled:t.useCustom},{default:p(()=>[a(v,{label:t.$t(`openaiimage.size.auto`),value:t.autoSizeValue},null,8,[`label`,`value`]),(h(!0),s(c,null,m(t.presetGroups,e=>(h(),f(y,{key:e.label,label:e.label},{default:p(()=>[(h(!0),s(c,null,m(e.options,e=>(h(),f(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),t.customSupported?(h(),s(c,{key:0},[e(`div`,Ct,[e(`div`,wt,[e(`div`,Tt,[e(`h2`,Et,i(t.$t(`openaiimage.name.customSize`)),1),a(_,{content:t.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:t.useCustom,"onUpdate:modelValue":n[1]||=e=>t.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),t.useCustom?(h(),s(`div`,Dt,[e(`div`,Ot,[e(`span`,kt,i(t.$t(`openaiimage.name.width`)),1),a(S,{modelValue:t.customWidth,"onUpdate:modelValue":n[2]||=e=>t.customWidth=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e(`div`,At,[e(`span`,jt,i(t.$t(`openaiimage.name.height`)),1),a(S,{modelValue:t.customHeight,"onUpdate:modelValue":n[3]||=e=>t.customHeight=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),t.customError?(h(),s(`div`,Mt,i(t.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var Pt=U(_t,[[`render`,Nt],[`__scopeId`,`data-v-c3247527`]]),Ft=_({name:`OpenAIImageQualitySelector`,components:{ElOption:b,ElSelect:y,InfoIcon:j},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedQuality(){return this.$store.state.openaiimage?.config?.quality},qualities(){return he[this.model]??[`auto`]},quality:{get(){return this.storedQuality&&this.qualities.includes(this.storedQuality)?this.storedQuality:R},set(e){this.commitQuality(e)}}},watch:{model(){this.storedQuality&&this.qualities.includes(this.storedQuality)||this.commitQuality(R)}},methods:{commitQuality(e){let t={...this.$store.state.openaiimage?.config||{},quality:e};this.$store.commit(`openaiimage/setConfig`,t)}}}),It={class:`field`},Lt={class:`label`},Rt={class:`box`},zt={class:`title font-bold`};function Bt(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,It,[e(`div`,Lt,[e(`div`,Rt,[e(`h2`,zt,i(t.$t(`openaiimage.name.quality`)),1),a(g,{content:t.$t(`openaiimage.description.quality`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.quality,"onUpdate:modelValue":n[0]||=e=>t.quality=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(h(!0),s(c,null,m(t.qualities,e=>(h(),f(_,{key:e,label:t.$t(`openaiimage.quality.${e}`),value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Vt=U(Ft,[[`render`,Bt],[`__scopeId`,`data-v-052cc590`]]),Ht=350,Ut=_({name:`ConfigPanel`,components:{MagicIcon:L,ElButton:q,PromptInput:nt,ServicePricingSummary:Be,ImageUrlsInput:lt,ModelSelector:gt,ResolutionSelector:Pt,QualitySelector:Vt,ScenarioPaymentMode:Ve},props:{identityToken:{type:String,default:void 0}},emits:[`generate`],data(){return{OPENAIIMAGE_MODELS:me,quoteTimer:0,quoteRunId:0}},computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return Te({...this.config||{}},this.service?.cost)},displayConsumption(){return V(this.config?.model)?void 0:this.consumption},service(){return this.$store.state.openaiimage?.service},pricingNote(){return V(this.config?.model)?this.$t(`service.message.imageTokenEstimate`):``},walletMode(){return Y()&&G(`openaiimage`).mode===`wallet`}},watch:{walletMode:{handler(e){e?this.scheduleQuote():this.cancelQuote()},immediate:!0},config:{handler(){this.walletMode?this.scheduleQuote():this.cancelQuote()},deep:!0},identityToken(){this.quoteRunId+=1,this.walletMode&&this.scheduleQuote()}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteTimer=window.setTimeout(this.refreshQuote,Ht)},cancelQuote(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},async refreshQuote(){let e=G(`openaiimage`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await J.quote(Z(this.config),this.identityToken);t===this.quoteRunId&&e.mode===`wallet`&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),Wt={class:`flex flex-col h-full`},Gt={class:`flex-1 overflow-y-auto p-5`},Kt={class:`flex flex-col items-center justify-center px-5 pb-5`};function qt(t,n,c,u,d,m){let g=l(`model-selector`),_=l(`resolution-selector`),v=l(`quality-selector`),y=l(`prompt-input`),b=l(`image-urls-input`),x=l(`scenario-payment-mode`),S=l(`service-pricing-summary`),C=l(`magic-icon`),w=l(`el-button`);return h(),s(`div`,Wt,[e(`div`,Gt,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),e(`div`,Kt,[a(x,{scenario:`openaiimage`}),t.walletMode?o(``,!0):(h(),f(S,{key:0,value:t.displayConsumption,service:t.service,note:t.pricingNote,"pricing-models":t.OPENAIIMAGE_MODELS,"pricing-model-default":`dall-e-3`,"pricing-unit-aliases":{n:`image`}},null,8,[`value`,`service`,`note`,`pricing-models`])),a(w,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(C,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Jt=U(Ut,[[`render`,qt]]),Yt=_({name:`TaskPreview`,components:{ApplicationIcon:k,ChannelIcon:F,DeleteIcon:ne,ImageIcon:ee,InfoIcon:te,LightningIcon:ae,MagicIcon:L,TimeIcon:A,WarningIcon:re,CopyToClipboard:Le,ElAlert:C,ImageWrapper:qe,ElButton:q,ElTooltip:S,ImagePreview:X,ApiCodeButton:He,ReportButton:Re},props:{modelValue:{type:Object,required:!0}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)},async onDelete(){let e=this.modelValue?.id;if(e){try{await K.confirm(this.$t(`common.message.deleteTaskConfirm`),this.$t(`common.button.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),confirmButtonClass:`el-button--danger`})}catch{return}try{await this.$store.dispatch(`openaiimage/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}}}}),Xt={class:`preview`},Zt={class:`left`},Qt={class:`main`},$t={class:`bot`},en={class:`datetime`},tn=[`aria-label`],nn={class:`info`},rn={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},an={key:1,class:`prompt mt-2`},on={key:0},sn={key:0,class:n({content:!0,failed:!0})},cn={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},ln={class:n({operations:!0,"mt-2":!0,"mb-2":!0})},un={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},fn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},pn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},mn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},hn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},gn={key:1,class:n({content:!0})},_n={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},vn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yn={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xn={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Sn={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Cn={key:2,class:n({content:!0})},wn={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tn={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},En={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dn={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function On(n,u,d,g,_,v){let y=l(`capability-presentation`),b=l(`delete-icon`),x=l(`el-tooltip`),S=l(`image-preview`),C=l(`image-wrapper`),w=l(`el-button`),T=l(`api-code-button`),E=l(`report-button`),D=l(`application-icon`),O=l(`image-icon`),k=l(`lightning-icon`),A=l(`magic-icon`),j=l(`copy-to-clipboard`),M=l(`time-icon`),N=l(`channel-icon`),P=l(`el-alert`),F=l(`warning-icon`),I=l(`info-icon`);return h(),s(`div`,Xt,[e(`div`,Zt,[a(y,{capability:`openaiimage`,part:`avatar`,class:`avatar`})]),e(`div`,Qt,[e(`div`,$t,[a(y,{capability:`openaiimage`,part:`name`}),e(`span`,en,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(x,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(h(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:u[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(b,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,tn)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,nn,[n.referenceImages.length>0?(h(),s(`div`,rn,[(h(!0),s(c,null,m(n.referenceImages,(e,t)=>(h(),f(S,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),n.modelValue?.request?.prompt?(h(),s(`p`,an,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,on,` - (`+i(n.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,sn,[e(`div`,cn,[(h(!0),s(c,null,m(n.images,(e,t)=>(h(),f(C,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),e(`div`,ln,[a(x,{class:`box-item`,effect:`dark`,content:n.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(w,{type:`info`,size:`small`,class:`btn-action`,onClick:u[1]||=t(e=>n.onEdit(n.images?.[0]?.image_url||n.images?.[0]?.url),[`stop`])},{default:p(()=>[r(i(n.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(T,{path:n.openaiimagePath,body:n.openaiimageCodeBody},null,8,[`path`,`body`]),a(E,{service:`openaiimage`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])]),a(P,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,un,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,dn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,fn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,pn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,mn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,hn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(h(),s(`div`,gn,[a(P,{closable:!1,class:`failure`},{template:p(()=>[a(F,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,_n,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,vn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,yn,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,$,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,bn,[a(I,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(j,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,xn,[a(M,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,Sn,[a(N,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(j,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(h(),s(`div`,Cn,[a(P,{closable:!1,class:`info`},{template:p(()=>[n.modelValue?.response?(h(),f(I,{key:1,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})):(h(),f(M,{key:0,class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`})),r(` `+i(n.$t(n.modelValue?.response?`openaiimage.name.status`:`openaiimage.status.pending`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,wn,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,Tn,[a(O,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,En,[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,Dn,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(j,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var kn=_({name:`RecentPanel`,components:{TaskPreview:U(Yt,[[`render`,On],[`__scopeId`,`data-v-6519c932`]]),BotPlaceholder:Ue,NoTasks:P,ScrollList:N},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),An={key:0},jn={key:2,class:`w-full h-full flex items-center justify-center`};function Mn(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,An,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{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(()=>[(h(!0),s(c,null,m(e.tasks?.items,e=>(h(),f(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,jn,[a(v)])):o(``,!0)],64)}var Nn=_({name:`OpenAIImageIndex`,components:{ConfigPanel:Jt,Layout:$e,RecentPanel:U(kn,[[`render`,Mn]]),ShowcaseResultTabs:Ge},mixins:[Ne,Ke(`openaiimage`),We(`openaiimage`)],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===w.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks},walletMode(){return Y()&&G(`openaiimage`).mode===`wallet`}},watch:{config:{handler(e){W(`openaiimage`,!(Array.isArray(e?.image_urls)&&e.image_urls.length>0))},deep:!0,immediate:!0},walletMode:{async handler(e,t){t===void 0||e===t||(this.$store.commit(`openaiimage/setTasks`,void 0),await this.onGetTasks(),await this.onScrollDown())}},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.onPollTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await I({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})},async onGenerate(){if(!Me(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;W(`openaiimage`,!t);let n=G(`openaiimage`).mode;if(!this.hasText(e.prompt)){T.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let r=Z(e),i={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,quality:e?.quality,image_urls:e?.image_urls||[],async:!0},a;if(n===`wallet`){let e=this.getWalletContext();if(!e){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}a=J.generate(r,{mode:`x402`,x402:{wallet:e,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!Oe())return;let e=this.credential?.token;if(!e){console.error(`no token specified`);return}a=t?J.edit(i,{token:e}):J.generate(r,{token:e})}T.info(this.$t(`openaiimage.message.startingTask`)),Ae(`openaiimage`,a).then(e=>{let t=e?.data?.task_id;console.debug(`task accepted`,t),n===`wallet`&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{if(e instanceof Ie)return;let t=e?.response?.data;Ee(e,`openaiimage`)||(n===`wallet`?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return Pe(this.$wallet)},async confirmWalletPayment(e){return K.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Pn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`showcase-result-tabs`),d=l(`layout`);return h(),f(d,null,{config:p(()=>[a(s,{"identity-token":e.credential?.token,onGenerate:e.onGenerate},null,8,[`identity-token`,`onGenerate`])]),result:p(()=>[a(u,{service:`openai`},{tasks:p(()=>[a(c,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})]),_:1})}var Fn=U(Nn,[[`render`,Pn]]);export{Fn as default};

package/dist/assets/{Index-DVMRj5WB.js → Index-C1trk8Th.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-DXBL73yh.js";import{t as x}from"./upload-DRH0-ycw.js";import{t as S}from"./tooltip-DSST2mHF.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-DuW32zS6.js";import{t as E}from"./drawer-DFMxMQL-.js";import{t as D}from"./input-number-D0GDLMw6.js";import{t as O}from"./slider-DhOKSiMc.js";import{t as k}from"./clock-BWysuwF-.js";import{a as A,i as ee,n as j,r as M,s as N,t as P}from"./pagination-BUNkflE4.js";import{t as F}from"./info-CoDypBxc.js";import{t as I}from"./trash-2-ChReDJhv.js";import{t as te}from"./triangle-alert-vAfwQulN.js";import{t as ne}from"./upload-C4WyrHeN.js";import{t as L}from"./wand-sparkles-Cd-Dhae1.js";import{Fr as R,Ir as z,Lr as B,Rr as V}from"./constants-DewCdI9V.js";import{$i as H,A as U,Bi as W,Cn as G,Cr as K,O as q,Ri as J,Sr as Y,Ua as X,at as Z,ct as re,et as ie,fi as ae,it as oe,li as se,ot as ce,ro as Q,sa as le,st as ue,za as de}from"./index-BpXJ9KrR.js";import{t as fe}from"./CopyToClipboard-C0gYzJor.js";import{t as pe}from"./ReportButton-DVAC1onf.js";import{t as me}from"./ImagePreview-CdsgVMhG.js";import{n as he}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ge}from"./ServicePricingSummary-BcQNEFOO.js";import{t as _e}from"./VideoPlayer-CMZjW-FQ.js";import{t as ve}from"./ScenarioPaymentMode-CEv2vj4o.js";import{t as ye}from"./ApiCodeButton-CKkXzWMv.js";import{t as be}from"./BotPlaceholder-BLnwiqsn.js";import{t as xe}from"./taskPollingMixin-CcLxtz8z.js";import{n as Se,t as Ce}from"./generationInput-BykFQpQX.js";var we=v({name:`LayoutPixverse`,components:{MagicIcon:L,ElDrawer:E,ElButton:Q},mixins:[he]}),Te={class:`main flex flex-row flex-1`},Ee={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},De={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Oe(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,Te,[e(`div`,Ee,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,De,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ke=U(we,[[`render`,Oe],[`__scopeId`,`data-v-5a9d4c2f`]]),Ae=v({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},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||=z}}),je={class:`field`},Me={class:`title font-bold`};function Ne(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,je,[e(`h2`,Me,i(t.$t(`pixverse.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pe=U(Ae,[[`render`,Ne],[`__scopeId`,`data-v-e8f337ca`]]),Fe=v({name:`QualitySelector`,components:{ElSelect:y,ElOption:b},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||=V}}),Ie={class:`field`},Le={class:`title font-bold`};function Re(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ie,[e(`h2`,Le,i(t.$t(`pixverse.name.quality`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ze=U(Fe,[[`render`,Re],[`__scopeId`,`data-v-64aeaae9`]]),Be=v({name:`MotionSelector`,components:{ElSelect:y,ElOption:b},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||=B}}),Ve={class:`field`},He={class:`title font-bold`};function Ue(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ve,[e(`h2`,He,i(t.$t(`pixverse.name.motion`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var We=U(Be,[[`render`,Ue],[`__scopeId`,`data-v-94237408`]]),Ge=v({name:`StyleSelector`,components:{ElSelect:y,ElOption:b},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||=``}}),Ke={class:`field`},qe={class:`title font-bold`};function Je(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ke,[e(`h2`,qe,i(t.$t(`pixverse.name.style`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ye=U(Ge,[[`render`,Je],[`__scopeId`,`data-v-64e17b3c`]]),Xe=v({name:`SeedSelector`,components:{ElSlider:O,InfoIcon:A,ElInputNumber:D},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}}),Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`},et={class:`flex justify-end items-center`},tt={class:`w-full`};function nt(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,Ze,[e(`div`,Qe,[e(`span`,$e,i(t.$t(`pixverse.name.seed`)),1),a(d,{content:t.$t(`pixverse.description.seed`)},null,8,[`content`])]),e(`div`,et,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,tt,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var rt=U(Xe,[[`render`,nt]]),it=v({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},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}}),at={class:`field`},ot={class:`title font-bold`};function st(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,at,[e(`h2`,ot,i(t.$t(`pixverse.name.duration`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ct=U(it,[[`render`,st],[`__scopeId`,`data-v-e7343a05`]]),lt=v({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||=R}}),ut={class:`text-sm font-bold mb-2 block`},dt={class:`items`},ft=[`onClick`],pt={class:`name`};function mt(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,ut,i(t.$t(`pixverse.name.aspectRatio`)),1),e(`div`,dt,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.label])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,pt,i(r.label),1)],10,ft))),128))])])}var ht=U(lt,[[`render`,mt],[`__scopeId`,`data-v-53038264`]]),gt=v({name:`StartImage`,components:{UploadIcon:ne,ElUpload:x,ElButton:Q,InfoIcon:A,ImagePreview:me},mixins:[re,ue,Z,ie],emits:[`change`],data(){return{fileList:[],uploadUrl:de()+`/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(){T.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){T.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()}}}),_t={class:`relative`},vt={class:`flex justify-between`},yt={class:`flex justify-start items-center`},bt={class:`text-sm font-bold`};function xt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,_t,[e(`div`,vt,[e(`div`,yt,[e(`span`,bt,i(t.$t(`pixverse.name.startImage`)),1),a(h,{content:t.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var St=U(gt,[[`render`,xt],[`__scopeId`,`data-v-e2ab1425`]]),Ct=v({name:`PromptInput`,components:{PromptTextarea:ee},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 wt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{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 Tt=v({name:`ConfigPanel`,components:{MagicIcon:L,ElButton:Q,PromptInput:U(Ct,[[`render`,wt]]),ModelSelector:Pe,QualitySelector:ze,MotionSelector:We,StyleSelector:Ye,DurationSelector:ct,StartImage:St,SeedSelector:rt,RatioSelector:ht,ServicePricingSummary:ge,ScenarioPaymentMode:ve},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{canGenerate(){return Ce(`pixverse`,Y(this.config))},config(){return this.$store.state.pixverse?.config},consumption(){return G(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service},walletMode(){return J()&&W(`pixverse`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1;let e=W(`pixverse`);e.quoteUsdc=void 0,e.quoteLoading=!1,this.canGenerate&&(this.quoteTimer=window.setTimeout(this.refreshQuote,350))},async refreshQuote(){if(!this.canGenerate)return;let e=W(`pixverse`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await K.quote(Y(this.config));t===this.quoteRunId&&e.mode===`wallet`&&this.canGenerate&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),Et={class:`flex flex-col h-full`},Dt={class:`flex-1 overflow-y-auto p-5`},Ot={class:`flex flex-col items-center justify-center px-5 pb-5`};function kt(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`style-selector`),y=l(`ratio-selector`),b=l(`motion-selector`),x=l(`quality-selector`),S=l(`start-image`),C=l(`seed-selector`),w=l(`duration-selector`),T=l(`scenario-payment-mode`),E=l(`service-pricing-summary`),D=l(`magic-icon`),O=l(`el-button`);return g(),s(`div`,Et,[e(`div`,Dt,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`}),a(w,{class:`mb-4`})]),e(`div`,Ot,[a(T,{scenario:`pixverse`}),t.walletMode?o(``,!0):(g(),f(E,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(O,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(D,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`pixverse.button.generate`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var At=U(Tt,[[`render`,kt]]),jt=v({name:`TaskPreview`,components:{DeleteIcon:I,ChannelIcon:N,InfoIcon:F,MagicIcon:L,TimeIcon:k,WarningIcon:te,CopyToClipboard:fe,ElAlert:C,VideoPlayer:_e,ElTooltip:S,ElButton:Q,ApiCodeButton:ye,ReportButton:pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await X.confirm(this.$t(`common.message.deleteTaskConfirm`),this.$t(`common.button.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),confirmButtonClass:`el-button--danger`})}catch{return}try{await this.$store.dispatch(`pixverse/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Mt={class:`preview`},Nt={class:`left`},Pt={class:`main`},Ft={class:`bot`},It={class:`datetime`},Lt=[`aria-label`],Rt={class:`info`},zt={key:0,class:`prompt mt-2`},Bt={key:0},Vt={key:1},Ht={key:0,class:n({content:!0,failed:!0})},Ut={key:0,class:`mb-4`},Wt={key:1,class:n({operations:!0,"mt-2":!0})},Gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:n({content:!0})},Jt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Zt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Qt(n,c,u,d,m,h){let _=l(`capability-presentation`),v=l(`delete-icon`),y=l(`el-tooltip`),b=l(`video-player`),x=l(`el-button`),S=l(`api-code-button`),C=l(`report-button`),w=l(`channel-icon`),T=l(`magic-icon`),E=l(`copy-to-clipboard`),D=l(`time-icon`),O=l(`el-alert`),k=l(`warning-icon`),A=l(`info-icon`);return g(),s(`div`,Mt,[e(`div`,Nt,[a(_,{capability:`pixverse`,part:`avatar`,class:`avatar`})]),e(`div`,Pt,[e(`div`,Ft,[a(_,{capability:`pixverse`,part:`name`}),e(`span`,It,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(y,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(g(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:c[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Lt)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Rt,[n.modelValue?.request?.prompt?(g(),s(`p`,zt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(g(),s(`span`,Bt,` - (`+i(n.$t(`pixverse.status.pending`))+`) `,1)),n.modelValue?.response?.data&&(n.modelValue?.response?.data[0]?.state===`processing`||n.modelValue?.response?.data[0]?.state===`pending`)?(g(),s(`span`,Vt,` - (`+i(n.$t(`pixverse.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0&&n.modelValue?.response?.data?(g(),s(`div`,Ht,[n.modelValue?.response?.data[0]?.video_url?(g(),s(`div`,Ut,[a(b,{src:n.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response.success?(g(),s(`div`,Wt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:p(()=>[n.modelValue?.response?.data[0]?.video_url?(g(),f(x,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=e=>n.onDownload(e,n.modelValue?.response?.data[0]?.video_url)},{default:p(()=>[r(i(n.$t(`pixverse.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(S,{path:`/pixverse/videos`,body:n.modelValue?.request},null,8,[`body`]),a(C,{service:`pixverse`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(O,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Gt,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.model`))+`: `+i(n.modelValue?.request?.model),1)]),e(`p`,Kt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,qt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.success===!1?(g(),s(`div`,$,[a(O,{closable:!1,class:`failure`},{template:p(()=>[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.failure`)),1)]),default:p(()=>[e(`p`,Jt,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(E,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),e(`p`,Yt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Xt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Zt,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var $t=v({name:`RecentPanel`,components:{TaskPreview:U(jt,[[`render`,Qt],[`__scopeId`,`data-v-7707e0ef`]]),NoTasks:M,BotPlaceholder:be,ScrollList:j},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?.()}}}),en={key:0},tn={key:2,class:`w-full h-full flex items-center justify-center`};function nn(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,en,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{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:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,(e,t)=>(g(),f(m,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,tn,[a(v)])):o(``,!0)],64)}var rn=v({name:`PixverseIndex`,components:{ConfigPanel:At,Layout:ke,RecentPanel:U($t,[[`render`,nn]])},mixins:[ce,xe(`pixverse`)],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===w.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks},walletMode(){return J()&&W(`pixverse`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`pixverse/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onPollTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},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.onPollTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await P({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,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){let e=Y(this.config),t=Se(`pixverse`,e);if(t){T.error(this.$t(`common.message.${t}`));return}if(!oe(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let n;if(this.walletMode){let t=this.getWalletContext();if(!t){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}n=K.generate(e,{mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!le())return;let t=this.credential?.token;if(!t)return;n=K.generate(e,{token:t})}T.info(this.$t(`pixverse.message.startingTask`)),H(`pixverse`,n).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{e instanceof se||q(e,`pixverse`)||(this.walletMode?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`pixverse.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return ae(this.$wallet)},async confirmWalletPayment(e){return X.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function an(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),f(u,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 on=U(rn,[[`render`,an]]);export{on as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-CcTiPJUg.js";import{t as x}from"./upload-C_YrWWV5.js";import{t as S}from"./tooltip-DqGMJJ6f.js";import{t as C}from"./alert-BprQRUmf.js";import{h as w,v as T}from"./models-DGI43qxx.js";import{t as E}from"./drawer-J5GNVza3.js";import{t as D}from"./input-number-BL-h5gxp.js";import{t as O}from"./slider-C13isRLl.js";import{t as k}from"./clock-DYMdqYCO.js";import{a as A,i as ee,n as j,r as M,s as N,t as P}from"./pagination-DgncPTOk.js";import{t as te}from"./info-xfm1EWy9.js";import{t as ne}from"./trash-2-BhwPJFMz.js";import{t as re}from"./triangle-alert-DBKQGKg_.js";import{t as ie}from"./upload-DYQ-PwmP.js";import{t as F}from"./wand-sparkles-1fXELugW.js";import{Ir as I,Lr as L,Rr as R,zr as z}from"./constants-CiMGQy1r.js";import{A as B,Ba as V,Cn as H,Cr as U,O as W,Vi as G,Wa as K,at as q,ca as J,ct as Y,ea as ae,et as oe,io as X,it as se,ot as ce,pi as le,st as ue,ui as de,wr as Z,zi as Q}from"./index-BhuKiXPa.js";import{t as fe}from"./CopyToClipboard-42kl-Hqn.js";import{t as pe}from"./ReportButton-CpUpPvRI.js";import{t as me}from"./ImagePreview-B6S0ASYG.js";import{n as he}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ge}from"./ServicePricingSummary-CLl8JOoX.js";import{t as _e}from"./VideoPlayer-CK-MW_iJ.js";import{t as ve}from"./ScenarioPaymentMode-DBW7ha0H.js";import{t as ye}from"./ApiCodeButton-6CAkuLWs.js";import{t as be}from"./BotPlaceholder-Ctu1jmvN.js";import{t as xe}from"./taskPollingMixin-CcLxtz8z.js";import{n as Se,t as Ce}from"./generationInput-Dg5BMVbU.js";var we=v({name:`LayoutPixverse`,components:{MagicIcon:F,ElDrawer:E,ElButton:X},mixins:[he]}),Te={class:`main flex flex-row flex-1`},Ee={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},De={class:`result h-full p-4 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Oe(t,n,r,i,o,c){let f=l(`magic-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,Te,[e(`div`,Ee,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,De,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,"aria-label":t.$t(`common.button.openMenu`),title:t.$t(`common.button.openMenu`),onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{size:`1em`,"aria-hidden":`true`,focusable:`false`})]),_:1},8,[`aria-label`,`title`]),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ke=B(we,[[`render`,Oe],[`__scopeId`,`data-v-5a9d4c2f`]]),Ae=v({name:`ModelSelector`,components:{ElSelect:y,ElOption:b},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||=L}}),je={class:`field`},Me={class:`title font-bold`};function Ne(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,je,[e(`h2`,Me,i(t.$t(`pixverse.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Pe=B(Ae,[[`render`,Ne],[`__scopeId`,`data-v-e8f337ca`]]),Fe=v({name:`QualitySelector`,components:{ElSelect:y,ElOption:b},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||=z}}),Ie={class:`field`},Le={class:`title font-bold`};function Re(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ie,[e(`h2`,Le,i(t.$t(`pixverse.name.quality`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ze=B(Fe,[[`render`,Re],[`__scopeId`,`data-v-64aeaae9`]]),Be=v({name:`MotionSelector`,components:{ElSelect:y,ElOption:b},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||=R}}),Ve={class:`field`},He={class:`title font-bold`};function Ue(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ve,[e(`h2`,He,i(t.$t(`pixverse.name.motion`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var We=B(Be,[[`render`,Ue],[`__scopeId`,`data-v-94237408`]]),Ge=v({name:`StyleSelector`,components:{ElSelect:y,ElOption:b},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||=``}}),Ke={class:`field`},qe={class:`title font-bold`};function Je(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,Ke,[e(`h2`,qe,i(t.$t(`pixverse.name.style`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ye=B(Ge,[[`render`,Je],[`__scopeId`,`data-v-64e17b3c`]]),Xe=v({name:`SeedSelector`,components:{ElSlider:O,InfoIcon:A,ElInputNumber:D},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}}),Ze={class:`flex justify-between`},Qe={class:`flex justify-start items-center`},$e={class:`text-sm font-bold`},et={class:`flex justify-end items-center`},tt={class:`w-full`};function nt(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,Ze,[e(`div`,Qe,[e(`span`,$e,i(t.$t(`pixverse.name.seed`)),1),a(d,{content:t.$t(`pixverse.description.seed`)},null,8,[`content`])]),e(`div`,et,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,tt,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1e3,step:1},null,8,[`modelValue`])])])}var rt=B(Xe,[[`render`,nt]]),it=v({name:`DurationSelector`,components:{ElSelect:y,ElOption:b},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}}),at={class:`field`},ot={class:`title font-bold`};function st(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,at,[e(`h2`,ot,i(t.$t(`pixverse.name.duration`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`pixverse.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ct=B(it,[[`render`,st],[`__scopeId`,`data-v-e7343a05`]]),lt=v({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||=I}}),ut={class:`text-sm font-bold mb-2 block`},dt={class:`items`},ft=[`onClick`],pt={class:`name`};function mt(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,ut,i(t.$t(`pixverse.name.aspectRatio`)),1),e(`div`,dt,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.label])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,pt,i(r.label),1)],10,ft))),128))])])}var ht=B(lt,[[`render`,mt],[`__scopeId`,`data-v-53038264`]]),gt=v({name:`StartImage`,components:{UploadIcon:ie,ElUpload:x,ElButton:X,InfoIcon:A,ImagePreview:me},mixins:[Y,ue,q,oe],emits:[`change`],data(){return{fileList:[],uploadUrl:V()+`/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(){T.warning(this.$t(`pixverse.message.uploadReferencesExceed`))},onError(){T.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()}}}),_t={class:`relative`},vt={class:`flex justify-between`},yt={class:`flex justify-start items-center`},bt={class:`text-sm font-bold`};function xt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`upload-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,_t,[e(`div`,vt,[e(`div`,yt,[e(`span`,bt,i(t.$t(`pixverse.name.startImage`)),1),a(h,{content:t.$t(`pixverse.description.uploadStartImage`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,"before-upload":t.beforeUploadSizeGuard,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{class:`icon mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`pixverse.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`before-upload`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var St=B(gt,[[`render`,xt],[`__scopeId`,`data-v-e2ab1425`]]),Ct=v({name:`PromptInput`,components:{PromptTextarea:ee},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 wt(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{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 Tt=v({name:`ConfigPanel`,components:{MagicIcon:F,ElButton:X,PromptInput:B(Ct,[[`render`,wt]]),ModelSelector:Pe,QualitySelector:ze,MotionSelector:We,StyleSelector:Ye,DurationSelector:ct,StartImage:St,SeedSelector:rt,RatioSelector:ht,ServicePricingSummary:ge,ScenarioPaymentMode:ve},emits:[`generate`],data(){return{quoteTimer:0,quoteRunId:0}},computed:{canGenerate(){return Ce(`pixverse`,U(this.config))},config(){return this.$store.state.pixverse?.config},consumption(){return H(this.config,this.service?.cost)},service(){return this.$store.state.pixverse?.service},walletMode(){return Q()&&G(`pixverse`).mode===`wallet`}},watch:{walletMode:{handler(e){e&&this.scheduleQuote()},immediate:!0},config:{handler(){this.walletMode&&this.scheduleQuote()},deep:!0}},beforeUnmount(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1},methods:{scheduleQuote(){window.clearTimeout(this.quoteTimer),this.quoteRunId+=1;let e=G(`pixverse`);e.quoteUsdc=void 0,e.quoteLoading=!1,this.canGenerate&&(this.quoteTimer=window.setTimeout(this.refreshQuote,350))},async refreshQuote(){if(!this.canGenerate)return;let e=G(`pixverse`),t=++this.quoteRunId;e.quoteLoading=!0,e.quoteUsdc=void 0;try{let n=await Z.quote(U(this.config));t===this.quoteRunId&&e.mode===`wallet`&&this.canGenerate&&(e.quoteUsdc=n.amountUsdc)}catch(e){console.warn(`x402 quote failed`,e)}finally{t===this.quoteRunId&&(e.quoteLoading=!1)}},onGenerate(){this.$emit(`generate`)}}}),Et={class:`flex flex-col h-full`},Dt={class:`flex-1 overflow-y-auto p-5`},Ot={class:`flex flex-col items-center justify-center px-5 pb-5`};function kt(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`style-selector`),y=l(`ratio-selector`),b=l(`motion-selector`),x=l(`quality-selector`),S=l(`start-image`),C=l(`seed-selector`),w=l(`duration-selector`),T=l(`scenario-payment-mode`),E=l(`service-pricing-summary`),D=l(`magic-icon`),O=l(`el-button`);return g(),s(`div`,Et,[e(`div`,Dt,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`}),a(w,{class:`mb-4`})]),e(`div`,Ot,[a(T,{scenario:`pixverse`}),t.walletMode?o(``,!0):(g(),f(E,{key:0,value:t.consumption,service:t.service},null,8,[`value`,`service`])),a(O,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(D,{class:`mr-2`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(t.$t(`pixverse.button.generate`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var At=B(Tt,[[`render`,kt]]),jt=v({name:`TaskPreview`,components:{DeleteIcon:ne,ChannelIcon:N,InfoIcon:te,MagicIcon:F,TimeIcon:k,WarningIcon:re,CopyToClipboard:fe,ElAlert:C,VideoPlayer:_e,ElTooltip:S,ElButton:X,ApiCodeButton:ye,ReportButton:pe},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.pixverse?.application},config(){return this.$store.state.pixverse?.config}},methods:{async onDelete(){let e=this.modelValue?.id;if(e){try{await K.confirm(this.$t(`common.message.deleteTaskConfirm`),this.$t(`common.button.delete`),{type:`warning`,confirmButtonText:this.$t(`common.button.delete`),cancelButtonText:this.$t(`common.button.cancel`),confirmButtonClass:`el-button--danger`})}catch{return}try{await this.$store.dispatch(`pixverse/deleteTask`,{id:e}),T.success(this.$t(`common.message.deleteTaskSuccess`))}catch{T.error(this.$t(`common.message.deleteTaskFailed`))}}},onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Mt={class:`preview`},Nt={class:`left`},Pt={class:`main`},Ft={class:`bot`},It={class:`datetime`},Lt=[`aria-label`],Rt={class:`info`},zt={key:0,class:`prompt mt-2`},Bt={key:0},Vt={key:1},Ht={key:0,class:n({content:!0,failed:!0})},Ut={key:0,class:`mb-4`},Wt={key:1,class:n({operations:!0,"mt-2":!0})},Gt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},$={key:1,class:n({content:!0})},Jt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Zt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Qt(n,c,u,d,m,h){let _=l(`capability-presentation`),v=l(`delete-icon`),y=l(`el-tooltip`),b=l(`video-player`),x=l(`el-button`),S=l(`api-code-button`),C=l(`report-button`),w=l(`channel-icon`),T=l(`magic-icon`),E=l(`copy-to-clipboard`),D=l(`time-icon`),O=l(`el-alert`),k=l(`warning-icon`),A=l(`info-icon`);return g(),s(`div`,Mt,[e(`div`,Nt,[a(_,{capability:`pixverse`,part:`avatar`,class:`avatar`})]),e(`div`,Pt,[e(`div`,Ft,[a(_,{capability:`pixverse`,part:`name`}),e(`span`,It,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1),a(y,{effect:`dark`,content:n.$t(`common.button.delete`),placement:`top`},{default:p(()=>[n.modelValue?.id?(g(),s(`button`,{key:0,type:`button`,class:`btn-delete`,"aria-label":n.$t(`common.button.delete`),onClick:c[0]||=t((...e)=>n.onDelete&&n.onDelete(...e),[`stop`])},[a(v,{size:`1em`,"aria-hidden":`true`,focusable:`false`})],8,Lt)):o(``,!0)]),_:1},8,[`content`])]),e(`div`,Rt,[n.modelValue?.request?.prompt?(g(),s(`p`,zt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(g(),s(`span`,Bt,` - (`+i(n.$t(`pixverse.status.pending`))+`) `,1)),n.modelValue?.response?.data&&(n.modelValue?.response?.data[0]?.state===`processing`||n.modelValue?.response?.data[0]?.state===`pending`)?(g(),s(`span`,Vt,` - (`+i(n.$t(`pixverse.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),n.modelValue?.response?.success===!0&&n.modelValue?.response?.data?(g(),s(`div`,Ht,[n.modelValue?.response?.data[0]?.video_url?(g(),s(`div`,Ut,[a(b,{src:n.modelValue?.response?.data[0]?.video_url},null,8,[`src`])])):o(``,!0),n.modelValue?.response.success?(g(),s(`div`,Wt,[a(y,{class:`box-item`,effect:`dark`,content:n.$t(`pixverse.message.downloadVideo`),placement:`top-start`},{default:p(()=>[n.modelValue?.response?.data[0]?.video_url?(g(),f(x,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:c[1]||=e=>n.onDownload(e,n.modelValue?.response?.data[0]?.video_url)},{default:p(()=>[r(i(n.$t(`pixverse.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(S,{path:`/pixverse/videos`,body:n.modelValue?.request},null,8,[`body`]),a(C,{service:`pixverse`,"target-id":n.modelValue?.id,snapshot:{prompt:n.modelValue?.request?.prompt}},null,8,[`target-id`,`snapshot`])])):o(``,!0),a(O,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Gt,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.model`))+`: `+i(n.modelValue?.request?.model),1)]),e(`p`,Kt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,qt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),n.modelValue?.response?.success===!1?(g(),s(`div`,$,[a(O,{closable:!1,class:`failure`},{template:p(()=>[a(k,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.failure`)),1)]),default:p(()=>[e(`p`,Jt,[a(A,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(E,{content:n.modelValue?.response?.error?.message},null,8,[`content`])]),e(`p`,Yt,[a(T,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Xt,[a(D,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Zt,[a(w,{class:`mr-1`,size:`1em`,"aria-hidden":`true`,focusable:`false`}),r(` `+i(n.$t(`pixverse.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var $t=v({name:`RecentPanel`,components:{TaskPreview:B(jt,[[`render`,Qt],[`__scopeId`,`data-v-7707e0ef`]]),NoTasks:M,BotPlaceholder:be,ScrollList:j},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?.()}}}),en={key:0},tn={key:2,class:`w-full h-full flex items-center justify-center`};function nn(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,en,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{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:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,(e,t)=>(g(),f(m,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,tn,[a(v)])):o(``,!0)],64)}var rn=v({name:`PixverseIndex`,components:{ConfigPanel:At,Layout:ke,RecentPanel:B($t,[[`render`,nn]])},mixins:[ce,xe(`pixverse`)],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1,walletTaskIds:[]}},computed:{applicationsLoading(){return this.$store.state.pixverse?.status?.getApplications===w.Request},tasksLoading(){return this.$store.state.pixverse?.status?.getTasks===w.Request||this.fetchingTasks},credential(){return this.$store.state.pixverse.credential},config(){return this.$store.state.pixverse.config},tasks(){return this.$store.state.pixverse.tasks},walletMode(){return Q()&&G(`pixverse`).mode===`wallet`}},watch:{walletMode:{async handler(e,t){if(!(t===void 0||e===t)){if(this.$store.commit(`pixverse/setTasks`,void 0),e&&!this.job&&(this.job=window.setInterval(this.onPollTasks,5e3)),!e&&!this.credential?.token){window.clearInterval(this.job),this.job=0,await this.onScrollDown();return}await this.onGetTasks(),await this.onScrollDown()}}},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.onPollTasks,5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await P({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,...this.walletMode&&!this.credential?.token?{mode:`x402`,ids:this.walletTaskIds}:{}})}finally{this.fetchingTasks=!1}},async onGenerate(){let e=U(this.config),t=Se(`pixverse`,e);if(t){T.error(this.$t(`common.message.${t}`));return}if(!se(this.uploadTracker,e=>this.$t(e),e=>T.warning(e)))return;let n;if(this.walletMode){let t=this.getWalletContext();if(!t){T.warning(this.$t(`common.x402Scenario.connectWalletFirst`));return}n=Z.generate(e,{mode:`x402`,x402:{wallet:t,confirm:e=>this.confirmWalletPayment(e),identityToken:this.credential?.token}})}else{if(!J())return;let t=this.credential?.token;if(!t)return;n=Z.generate(e,{token:t})}T.info(this.$t(`pixverse.message.startingTask`)),ae(`pixverse`,n).then(e=>{let t=e?.data?.task_id;this.walletMode&&!this.credential?.token&&t&&!this.walletTaskIds.includes(t)&&this.walletTaskIds.unshift(t),T.success(this.$t(`pixverse.message.startTaskSuccess`))}).catch(e=>{e instanceof de||W(e,`pixverse`)||(this.walletMode?T.error(this.$t(`common.x402Scenario.paymentFailed`)):T.error(this.$t(`pixverse.message.startTaskFailed`)))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getWalletContext(){return le(this.$wallet)},async confirmWalletPayment(e){return K.confirm(this.$t(`common.x402Scenario.confirmPayment`,{amount:e.amountUsdc}),this.$t(`order.message.x402ConfirmTitle`),{confirmButtonText:this.$t(`order.message.x402WalletPayCta`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`}).then(()=>!0).catch(()=>!1)},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function an(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),f(u,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 on=B(rn,[[`render`,an]]);export{on as default};