@acedatacloud/nexior 3.266.0 → 3.267.0

package/dist/assets/{Index-BxCpektM.js → Index-B_PHPPSn.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,j as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{r as g,t as _}from"./select-L6oIsHfB.js";import{n as v,t as y}from"./collapse-DD2Zpdmh.js";import{t as b}from"./drawer-B42T8GMw.js";import"./constants-Bt5WGqZw.js";import{E as x,Er as S,Mt as C,Nr as w,gr as T}from"./index-05IvYWa_.js";import{t as E}from"./index.es-COs9Ureq.js";import{t as ee}from"./Consumption-BnaK889C.js";var te=o({name:`LayoutSerp`,components:{ElDrawer:b,ElButton:h,FontAwesomeIcon:E},data(){return{drawer:!1}}}),D={class:`main flex flex-row flex-1`},O={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},k={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function A(t,r,a,o,s,c){let d=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`);return l(),f(`div`,D,[n(`div`,O,[e(t.$slots,`config`,{},void 0,!0)]),n(`div`,k,[e(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:r[0]||=e=>t.drawer=!0},{default:p(()=>[i(d,{icon:`fa-solid fa-search`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":r[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var j=x(te,[[`render`,A],[`__scopeId`,`data-v-72398911`]]),M=o({name:`QueryInput`,components:{ElInput:w},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),N={class:`field`},P={class:`box`},F={class:`title font-bold`};function I(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,N,[n(`div`,P,[n(`h2`,F,c(e.$t(`serp.name.query`)),1)]),i(d,{modelValue:e.query,"onUpdate:modelValue":t[0]||=t=>e.query=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var L=x(M,[[`render`,I],[`__scopeId`,`data-v-3582b195`]]),R=o({name:`TypeSelector`,components:{ElSelect:g,ElOption:_},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),z={class:`field`},B={class:`title font-bold`};function V(e,t,r,a,o,s){let d=u(`el-option`),m=u(`el-select`);return l(),f(`div`,z,[n(`h2`,B,c(e.$t(`serp.name.type`)),1),i(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},{default:p(()=>[i(d,{value:`search`,label:e.$t(`serp.type.search`)},null,8,[`label`]),i(d,{value:`images`,label:e.$t(`serp.type.images`)},null,8,[`label`]),i(d,{value:`news`,label:e.$t(`serp.type.news`)},null,8,[`label`]),i(d,{value:`videos`,label:e.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var H=x(R,[[`render`,V],[`__scopeId`,`data-v-2913fb62`]]),U=o({name:`CountryInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),W={class:`field`},G={class:`title font-bold`};function K(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,W,[n(`h2`,G,c(e.$t(`serp.name.country`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var q=x(U,[[`render`,K],[`__scopeId`,`data-v-f0672cc6`]]),J=o({name:`LanguageInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),Y={class:`field`},X={class:`title font-bold`};function Z(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,Y,[n(`h2`,X,c(e.$t(`serp.name.language`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var Q=o({name:`SearchPanel`,components:{ElButton:h,FontAwesomeIcon:E,QueryInput:L,TypeSelector:H,CountryInput:q,LanguageInput:x(J,[[`render`,Z],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:ee},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return C(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===T.Request}},methods:{onSearch(){this.$emit(`search`)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function ae(e,t,a,o,s,d){let m=u(`query-input`),h=u(`type-selector`),g=u(`country-input`),_=u(`language-input`),v=u(`consumption`),y=u(`font-awesome-icon`),b=u(`el-button`);return l(),f(`div`,ne,[n(`div`,re,[i(m,{class:`mb-4`}),i(h,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`})]),n(`div`,ie,[i(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),i(b,{type:`primary`,class:`btn w-full`,round:``,loading:e.searching,onClick:e.onSearch},{default:p(()=>[i(y,{icon:`fa-solid fa-search`,class:`mr-2`}),r(` `+c(e.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var oe=x(Q,[[`render`,ae]]),se=o({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),ce={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},le={class:`flex flex-row gap-4`},ue=[`src`,`alt`],de={class:`flex-1 min-w-0`},fe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},pe={class:`text-xl font-bold mb-1.5`},me={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},he=[`href`],ge={key:2,class:`text-sm`},_e={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ve={class:`text-[var(--el-text-color-regular)]`};function ye(e,t,i,o,u,d){return l(),f(`div`,ce,[n(`div`,le,[e.data.image_url?(l(),f(`img`,{key:0,src:e.data.image_url,alt:e.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,ue)):a(``,!0),n(`div`,de,[e.data.type?(l(),f(`div`,fe,c(e.data.type),1)):a(``,!0),n(`h3`,pe,c(e.data.title),1),e.data.description?(l(),f(`p`,me,[r(c(e.data.description)+` `,1),e.data.description_link?(l(),f(`a`,{key:0,href:e.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},c(e.data.description_source||`Source`),9,he)):a(``,!0)])):a(``,!0),e.data.attributes&&Object.keys(e.data.attributes).length?(l(),f(`div`,ge,[(l(!0),f(m,null,s(e.data.attributes,(e,t)=>(l(),f(`div`,{key:t,class:`flex gap-2 mb-1 py-0.5`},[n(`span`,_e,c(t)+`:`,1),n(`span`,ve,c(e),1)]))),128))])):a(``,!0)])])])}var be=x(se,[[`render`,ye]]),xe=o({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Se={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Ce={key:0,class:`flex items-center gap-2 mb-1.5`},we=[`src`,`alt`],Te={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Ee={class:`text-xs text-[var(--el-text-color-disabled)]`},De=[`href`],Oe={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},ke={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},Ae={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},je=[`href`];function Me(e,t,r,i,o,u){return l(),f(`div`,Se,[e.displayUrl?(l(),f(`div`,Ce,[n(`img`,{src:e.faviconUrl,alt:e.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:t[0]||=(...t)=>e.onFaviconError&&e.onFaviconError(...t)},null,40,we),n(`span`,Te,c(e.hostname),1),n(`span`,Ee,c(e.pathname),1)])):a(``,!0),n(`a`,{href:e.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},c(e.data.title),9,De),e.data.date?(l(),f(`div`,Oe,c(e.data.date),1)):a(``,!0),e.data.snippet?(l(),f(`p`,ke,c(e.data.snippet),1)):a(``,!0),e.data.sitelinks?.length?(l(),f(`div`,Ae,[(l(!0),f(m,null,s(e.data.sitelinks,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},c(e.title),9,je))),128))])):a(``,!0)])}var Ne=x(xe,[[`render`,Me]]),Pe=o({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Fe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ie={class:`text-base font-bold mb-3`},Le={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Re=[`href`],ze=[`src`,`alt`],Be={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},Ve={class:`text-xs text-white line-clamp-2`};function He(e,t,r,i,o,u){return l(),f(`div`,Fe,[n(`h3`,Ie,c(e.$t(`serp.name.imageResults`)),1),n(`div`,Le,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,ze)):a(``,!0),n(`div`,Be,[n(`span`,Ve,c(e.title),1)])],8,Re))),128))])])}var Ue=x(Pe,[[`render`,He]]),We=o({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ge={class:`text-base font-bold mb-3`},Ke={class:`space-y-4`},qe=[`href`],Je={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Ye=[`src`,`alt`],Xe={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Ze={class:`flex-1 min-w-0`},Qe={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},$e={class:`text-xs text-gray-400 mt-1`},et={key:0},tt={key:1},nt={key:2},rt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function it(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,Ge,c(e.$t(`serp.name.videoResults`)),1),n(`div`,Ke,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,Je,[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Ye)):a(``,!0),e.duration?(l(),f(`div`,Xe,c(e.duration),1)):a(``,!0)]),n(`div`,Ze,[n(`div`,Qe,c(e.title),1),n(`div`,$e,[e.source?(l(),f(`span`,et,c(e.source),1)):a(``,!0),e.channel?(l(),f(`span`,tt,` · `+c(e.channel),1)):a(``,!0),e.date?(l(),f(`span`,nt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,rt,c(e.snippet),1)):a(``,!0)])],8,qe))),128))])])}var at=x(We,[[`render`,it]]),ot=o({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),st={class:`text-base font-bold mb-3`},ct={class:`space-y-4`},lt=[`href`],ut={class:`flex-1 min-w-0`},dt={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},ft={class:`text-xs text-gray-400 mt-1`},pt={key:0},mt={key:1},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},gt={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},_t=[`src`,`alt`];function vt(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,st,c(e.$t(`serp.name.newsResults`)),1),n(`div`,ct,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,ut,[n(`div`,dt,c(e.title),1),n(`div`,ft,[e.source?(l(),f(`span`,pt,c(e.source),1)):a(``,!0),e.date?(l(),f(`span`,mt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,ht,c(e.snippet),1)):a(``,!0)]),e.image_url?(l(),f(`div`,gt,[n(`img`,{src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,_t)])):a(``,!0)],8,lt))),128))])])}var yt=x(ot,[[`render`,vt]]),bt=o({name:`PeopleAlsoAsk`,components:{ElCollapse:y,ElCollapseItem:v},props:{data:{type:Array,required:!0}}}),xt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},St={class:`text-base font-bold mb-3`},Ct={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},wt=[`href`];function Tt(e,r,o,d,h,g){let _=u(`el-collapse-item`),v=u(`el-collapse`);return l(),f(`div`,xt,[n(`h3`,St,c(e.$t(`serp.name.peopleAlsoAsk`)),1),i(v,null,{default:p(()=>[(l(!0),f(m,null,s(e.data,(e,n)=>(l(),t(_,{key:n,title:e.question||e.title||``},{default:p(()=>[e.snippet?(l(),f(`p`,Ct,c(e.snippet),1)):a(``,!0),e.link?(l(),f(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},c(e.title||e.link),9,wt)):a(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Et=x(bt,[[`render`,Tt]]),Dt=o({name:`RelatedSearches`,components:{FontAwesomeIcon:E},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Ot={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},kt={class:`text-base font-bold mb-3`},At={class:`flex flex-wrap gap-2`},jt=[`onClick`];function Mt(e,t,a,o,d,p){let h=u(`font-awesome-icon`);return l(),f(`div`,Ot,[n(`h3`,kt,c(e.$t(`serp.name.relatedSearches`)),1),n(`div`,At,[(l(!0),f(m,null,s(e.data,(t,n)=>(l(),f(`button`,{key:n,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:n=>e.onSearch(t.query)},[i(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),r(` `+c(t.query),1)],8,jt))),128))])])}var Nt=o({name:`ResultPanel`,components:{FontAwesomeIcon:E,KnowledgeGraph:be,OrganicResult:Ne,ImageResults:Ue,VideoResults:at,NewsResults:yt,PeopleAlsoAsk:Et,RelatedSearches:x(Dt,[[`render`,Mt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===T.Request},noResults(){return this.$store.state.serp?.status?.search===T.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),$={class:`h-full overflow-y-auto p-6`},Pt={key:0,class:`max-w-3xl mx-auto py-8`},Ft={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},It={class:`text-base`},Lt={key:2,class:`max-w-3xl mx-auto`},Rt={key:1,class:`mb-6`},zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Bt={class:`text-base`};function Vt(e,r,o,p,h,g){let _=u(`font-awesome-icon`),v=u(`knowledge-graph`),y=u(`organic-result`),b=u(`image-results`),x=u(`video-results`),S=u(`news-results`),C=u(`people-also-ask`),w=u(`related-searches`);return l(),f(`div`,$,[e.searching?(l(),f(`div`,Pt,[(l(),f(m,null,s(4,e=>n(`div`,{key:e,class:`mb-6 animate-pulse`},[...r[0]||=[d(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):e.noResults?(l(),f(`div`,Ft,[i(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),n(`p`,It,c(e.$t(`serp.message.noResults`)),1)])):e.results?(l(),f(`div`,Lt,[e.results.knowledge_graph?.title?(l(),t(v,{key:0,data:e.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.organic?.length?(l(),f(`div`,Rt,[(l(!0),f(m,null,s(e.results.organic,(e,n)=>(l(),t(y,{key:n,data:e,class:`mb-1`},null,8,[`data`]))),128))])):a(``,!0),e.results.images?.length?(l(),t(b,{key:2,data:e.results.images,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.videos?.length?(l(),t(x,{key:3,data:e.results.videos,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.news?.length?(l(),t(S,{key:4,data:e.results.news,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.people_also_ask?.length?(l(),t(C,{key:5,data:e.results.people_also_ask,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.related_searches?.length?(l(),t(w,{key:6,data:e.results.related_searches,class:`mb-6`,onSearch:e.onRelatedSearch},null,8,[`data`,`onSearch`])):a(``,!0)])):(l(),f(`div`,zt,[i(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),n(`p`,Bt,c(e.$t(`serp.description.query`)),1)]))])}var Ht=o({name:`SerpIndex`,components:{Layout:j,SearchPanel:oe,ResultPanel:x(Nt,[[`render`,Vt]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(this.$store.state.serp?.config?.query){S.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),S.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?S.error(this.$t(`serp.message.usedUp`)):S.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Ut(e,n,r,a,o,s){let c=u(`search-panel`),d=u(`result-panel`),f=u(`layout`);return l(),t(f,null,{config:p(()=>[i(c,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:p(()=>[i(d,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Wt=x(Ht,[[`render`,Ut]]);export{Wt as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,j as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-Diu_mJ2H.js";import{r as g,t as _}from"./select-D1tjV07s.js";import{n as v,t as y}from"./collapse-CvNT4gkO.js";import{t as b}from"./drawer-B42T8GMw.js";import"./constants-Bt5WGqZw.js";import{E as x,Er as S,Mt as C,Nr as w,gr as T}from"./index-C-nQ-A5p.js";import{t as E}from"./index.es-DSgPAybq.js";import{t as ee}from"./Consumption-CERmX0mE.js";var te=o({name:`LayoutSerp`,components:{ElDrawer:b,ElButton:h,FontAwesomeIcon:E},data(){return{drawer:!1}}}),D={class:`main flex flex-row flex-1`},O={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},k={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function A(t,r,a,o,s,c){let d=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`);return l(),f(`div`,D,[n(`div`,O,[e(t.$slots,`config`,{},void 0,!0)]),n(`div`,k,[e(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:r[0]||=e=>t.drawer=!0},{default:p(()=>[i(d,{icon:`fa-solid fa-search`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":r[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var j=x(te,[[`render`,A],[`__scopeId`,`data-v-72398911`]]),M=o({name:`QueryInput`,components:{ElInput:w},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),N={class:`field`},P={class:`box`},F={class:`title font-bold`};function I(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,N,[n(`div`,P,[n(`h2`,F,c(e.$t(`serp.name.query`)),1)]),i(d,{modelValue:e.query,"onUpdate:modelValue":t[0]||=t=>e.query=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var L=x(M,[[`render`,I],[`__scopeId`,`data-v-3582b195`]]),R=o({name:`TypeSelector`,components:{ElSelect:g,ElOption:_},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),z={class:`field`},B={class:`title font-bold`};function V(e,t,r,a,o,s){let d=u(`el-option`),m=u(`el-select`);return l(),f(`div`,z,[n(`h2`,B,c(e.$t(`serp.name.type`)),1),i(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},{default:p(()=>[i(d,{value:`search`,label:e.$t(`serp.type.search`)},null,8,[`label`]),i(d,{value:`images`,label:e.$t(`serp.type.images`)},null,8,[`label`]),i(d,{value:`news`,label:e.$t(`serp.type.news`)},null,8,[`label`]),i(d,{value:`videos`,label:e.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var H=x(R,[[`render`,V],[`__scopeId`,`data-v-2913fb62`]]),U=o({name:`CountryInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),W={class:`field`},G={class:`title font-bold`};function K(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,W,[n(`h2`,G,c(e.$t(`serp.name.country`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var q=x(U,[[`render`,K],[`__scopeId`,`data-v-f0672cc6`]]),J=o({name:`LanguageInput`,components:{ElInput:w},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),Y={class:`field`},X={class:`title font-bold`};function Z(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,Y,[n(`h2`,X,c(e.$t(`serp.name.language`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var Q=o({name:`SearchPanel`,components:{ElButton:h,FontAwesomeIcon:E,QueryInput:L,TypeSelector:H,CountryInput:q,LanguageInput:x(J,[[`render`,Z],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:ee},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return C(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===T.Request}},methods:{onSearch(){this.$emit(`search`)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function ae(e,t,a,o,s,d){let m=u(`query-input`),h=u(`type-selector`),g=u(`country-input`),_=u(`language-input`),v=u(`consumption`),y=u(`font-awesome-icon`),b=u(`el-button`);return l(),f(`div`,ne,[n(`div`,re,[i(m,{class:`mb-4`}),i(h,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`})]),n(`div`,ie,[i(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),i(b,{type:`primary`,class:`btn w-full`,round:``,loading:e.searching,onClick:e.onSearch},{default:p(()=>[i(y,{icon:`fa-solid fa-search`,class:`mr-2`}),r(` `+c(e.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var oe=x(Q,[[`render`,ae]]),se=o({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),ce={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},le={class:`flex flex-row gap-4`},ue=[`src`,`alt`],de={class:`flex-1 min-w-0`},fe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},pe={class:`text-xl font-bold mb-1.5`},me={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},he=[`href`],ge={key:2,class:`text-sm`},_e={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ve={class:`text-[var(--el-text-color-regular)]`};function ye(e,t,i,o,u,d){return l(),f(`div`,ce,[n(`div`,le,[e.data.image_url?(l(),f(`img`,{key:0,src:e.data.image_url,alt:e.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,ue)):a(``,!0),n(`div`,de,[e.data.type?(l(),f(`div`,fe,c(e.data.type),1)):a(``,!0),n(`h3`,pe,c(e.data.title),1),e.data.description?(l(),f(`p`,me,[r(c(e.data.description)+` `,1),e.data.description_link?(l(),f(`a`,{key:0,href:e.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},c(e.data.description_source||`Source`),9,he)):a(``,!0)])):a(``,!0),e.data.attributes&&Object.keys(e.data.attributes).length?(l(),f(`div`,ge,[(l(!0),f(m,null,s(e.data.attributes,(e,t)=>(l(),f(`div`,{key:t,class:`flex gap-2 mb-1 py-0.5`},[n(`span`,_e,c(t)+`:`,1),n(`span`,ve,c(e),1)]))),128))])):a(``,!0)])])])}var be=x(se,[[`render`,ye]]),xe=o({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Se={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Ce={key:0,class:`flex items-center gap-2 mb-1.5`},we=[`src`,`alt`],Te={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Ee={class:`text-xs text-[var(--el-text-color-disabled)]`},De=[`href`],Oe={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},ke={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},Ae={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},je=[`href`];function Me(e,t,r,i,o,u){return l(),f(`div`,Se,[e.displayUrl?(l(),f(`div`,Ce,[n(`img`,{src:e.faviconUrl,alt:e.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:t[0]||=(...t)=>e.onFaviconError&&e.onFaviconError(...t)},null,40,we),n(`span`,Te,c(e.hostname),1),n(`span`,Ee,c(e.pathname),1)])):a(``,!0),n(`a`,{href:e.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},c(e.data.title),9,De),e.data.date?(l(),f(`div`,Oe,c(e.data.date),1)):a(``,!0),e.data.snippet?(l(),f(`p`,ke,c(e.data.snippet),1)):a(``,!0),e.data.sitelinks?.length?(l(),f(`div`,Ae,[(l(!0),f(m,null,s(e.data.sitelinks,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},c(e.title),9,je))),128))])):a(``,!0)])}var Ne=x(xe,[[`render`,Me]]),Pe=o({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Fe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ie={class:`text-base font-bold mb-3`},Le={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Re=[`href`],ze=[`src`,`alt`],Be={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},Ve={class:`text-xs text-white line-clamp-2`};function He(e,t,r,i,o,u){return l(),f(`div`,Fe,[n(`h3`,Ie,c(e.$t(`serp.name.imageResults`)),1),n(`div`,Le,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,ze)):a(``,!0),n(`div`,Be,[n(`span`,Ve,c(e.title),1)])],8,Re))),128))])])}var Ue=x(Pe,[[`render`,He]]),We=o({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ge={class:`text-base font-bold mb-3`},Ke={class:`space-y-4`},qe=[`href`],Je={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Ye=[`src`,`alt`],Xe={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Ze={class:`flex-1 min-w-0`},Qe={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},$e={class:`text-xs text-gray-400 mt-1`},et={key:0},tt={key:1},nt={key:2},rt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function it(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,Ge,c(e.$t(`serp.name.videoResults`)),1),n(`div`,Ke,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,Je,[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Ye)):a(``,!0),e.duration?(l(),f(`div`,Xe,c(e.duration),1)):a(``,!0)]),n(`div`,Ze,[n(`div`,Qe,c(e.title),1),n(`div`,$e,[e.source?(l(),f(`span`,et,c(e.source),1)):a(``,!0),e.channel?(l(),f(`span`,tt,` · `+c(e.channel),1)):a(``,!0),e.date?(l(),f(`span`,nt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,rt,c(e.snippet),1)):a(``,!0)])],8,qe))),128))])])}var at=x(We,[[`render`,it]]),ot=o({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),st={class:`text-base font-bold mb-3`},ct={class:`space-y-4`},lt=[`href`],ut={class:`flex-1 min-w-0`},dt={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},ft={class:`text-xs text-gray-400 mt-1`},pt={key:0},mt={key:1},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},gt={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},_t=[`src`,`alt`];function vt(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,st,c(e.$t(`serp.name.newsResults`)),1),n(`div`,ct,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,ut,[n(`div`,dt,c(e.title),1),n(`div`,ft,[e.source?(l(),f(`span`,pt,c(e.source),1)):a(``,!0),e.date?(l(),f(`span`,mt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,ht,c(e.snippet),1)):a(``,!0)]),e.image_url?(l(),f(`div`,gt,[n(`img`,{src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,_t)])):a(``,!0)],8,lt))),128))])])}var yt=x(ot,[[`render`,vt]]),bt=o({name:`PeopleAlsoAsk`,components:{ElCollapse:y,ElCollapseItem:v},props:{data:{type:Array,required:!0}}}),xt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},St={class:`text-base font-bold mb-3`},Ct={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},wt=[`href`];function Tt(e,r,o,d,h,g){let _=u(`el-collapse-item`),v=u(`el-collapse`);return l(),f(`div`,xt,[n(`h3`,St,c(e.$t(`serp.name.peopleAlsoAsk`)),1),i(v,null,{default:p(()=>[(l(!0),f(m,null,s(e.data,(e,n)=>(l(),t(_,{key:n,title:e.question||e.title||``},{default:p(()=>[e.snippet?(l(),f(`p`,Ct,c(e.snippet),1)):a(``,!0),e.link?(l(),f(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},c(e.title||e.link),9,wt)):a(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Et=x(bt,[[`render`,Tt]]),Dt=o({name:`RelatedSearches`,components:{FontAwesomeIcon:E},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Ot={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},kt={class:`text-base font-bold mb-3`},At={class:`flex flex-wrap gap-2`},jt=[`onClick`];function Mt(e,t,a,o,d,p){let h=u(`font-awesome-icon`);return l(),f(`div`,Ot,[n(`h3`,kt,c(e.$t(`serp.name.relatedSearches`)),1),n(`div`,At,[(l(!0),f(m,null,s(e.data,(t,n)=>(l(),f(`button`,{key:n,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:n=>e.onSearch(t.query)},[i(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),r(` `+c(t.query),1)],8,jt))),128))])])}var Nt=o({name:`ResultPanel`,components:{FontAwesomeIcon:E,KnowledgeGraph:be,OrganicResult:Ne,ImageResults:Ue,VideoResults:at,NewsResults:yt,PeopleAlsoAsk:Et,RelatedSearches:x(Dt,[[`render`,Mt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===T.Request},noResults(){return this.$store.state.serp?.status?.search===T.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),$={class:`h-full overflow-y-auto p-6`},Pt={key:0,class:`max-w-3xl mx-auto py-8`},Ft={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},It={class:`text-base`},Lt={key:2,class:`max-w-3xl mx-auto`},Rt={key:1,class:`mb-6`},zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Bt={class:`text-base`};function Vt(e,r,o,p,h,g){let _=u(`font-awesome-icon`),v=u(`knowledge-graph`),y=u(`organic-result`),b=u(`image-results`),x=u(`video-results`),S=u(`news-results`),C=u(`people-also-ask`),w=u(`related-searches`);return l(),f(`div`,$,[e.searching?(l(),f(`div`,Pt,[(l(),f(m,null,s(4,e=>n(`div`,{key:e,class:`mb-6 animate-pulse`},[...r[0]||=[d(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):e.noResults?(l(),f(`div`,Ft,[i(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),n(`p`,It,c(e.$t(`serp.message.noResults`)),1)])):e.results?(l(),f(`div`,Lt,[e.results.knowledge_graph?.title?(l(),t(v,{key:0,data:e.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.organic?.length?(l(),f(`div`,Rt,[(l(!0),f(m,null,s(e.results.organic,(e,n)=>(l(),t(y,{key:n,data:e,class:`mb-1`},null,8,[`data`]))),128))])):a(``,!0),e.results.images?.length?(l(),t(b,{key:2,data:e.results.images,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.videos?.length?(l(),t(x,{key:3,data:e.results.videos,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.news?.length?(l(),t(S,{key:4,data:e.results.news,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.people_also_ask?.length?(l(),t(C,{key:5,data:e.results.people_also_ask,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.related_searches?.length?(l(),t(w,{key:6,data:e.results.related_searches,class:`mb-6`,onSearch:e.onRelatedSearch},null,8,[`data`,`onSearch`])):a(``,!0)])):(l(),f(`div`,zt,[i(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),n(`p`,Bt,c(e.$t(`serp.description.query`)),1)]))])}var Ht=o({name:`SerpIndex`,components:{Layout:j,SearchPanel:oe,ResultPanel:x(Nt,[[`render`,Vt]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(this.$store.state.serp?.config?.query){S.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),S.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?S.error(this.$t(`serp.message.usedUp`)):S.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Ut(e,n,r,a,o,s){let c=u(`search-panel`),d=u(`result-panel`),f=u(`layout`);return l(),t(f,null,{config:p(()=>[i(c,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:p(()=>[i(d,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Wt=x(Ht,[[`render`,Ut]]);export{Wt as default};

package/dist/assets/{Index-EkKG7NRM.js → Index-Bl70OcNG.js}

@@ -1 +1 @@
-import{P as e,X as t,k as n}from"./vendor-chart-Df3WBvr0.js";import{E as r}from"./index-05IvYWa_.js";var i=e({name:`SettingsIndex`,mounted(){let e=this.$route.query.tab||``;window.dispatchEvent(new CustomEvent(`open-user-settings`,{detail:{tab:e}}))}}),a={class:`settings-page`};function o(e,r,i,o,s,c){return t(),n(`div`,a)}var s=r(i,[[`render`,o]]);export{s as default};
+import{P as e,X as t,k as n}from"./vendor-chart-Df3WBvr0.js";import{E as r}from"./index-C-nQ-A5p.js";var i=e({name:`SettingsIndex`,mounted(){let e=this.$route.query.tab||``;window.dispatchEvent(new CustomEvent(`open-user-settings`,{detail:{tab:e}}))}}),a={class:`settings-page`};function o(e,r,i,o,s,c){return t(),n(`div`,a)}var s=r(i,[[`render`,o]]);export{s as default};

package/dist/assets/{Index-BFSJwwJI.js → Index-C3nrnwUe.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{t as _}from"./upload-ian6Z74M.js";import{t as v}from"./tooltip-hII4wDEz.js";import{t as y}from"./image-CzD9-VQc.js";import{t as b}from"./alert-Cs6WDxgv.js";import{t as x}from"./drawer-B42T8GMw.js";import{t as S}from"./switch-D0deFmL1.js";import{qr as C}from"./constants-Bt5WGqZw.js";import{At as w,Dt as T,E,Er as D,Mt as O,Nn as ee,Ot as k,gr as A,kt as j,pn as M,yr as N}from"./index-05IvYWa_.js";import{t as P}from"./index.es-COs9Ureq.js";import{t as te}from"./CopyToClipboard-BmSKorbi.js";import{t as F}from"./FilePreview-DYZGWjnQ.js";import{t as I}from"./ImagePreview-4owQVN6E.js";import{t as L}from"./BotPlaceholder-DyNZx8G_.js";import{i as R,n as z,t as B}from"./pagination-3M1n40PJ.js";import{n as V,t as H}from"./NoTasks-C877K6J6.js";import{t as U}from"./Consumption-BnaK889C.js";import{t as W}from"./ApiCodeButton-gQb4hARQ.js";import{t as G}from"./VideoPlayer-P4mO95KN.js";var K=s({name:`LayoutLuma`,components:{ElDrawer:x,ElButton:g,FontAwesomeIcon:P},data(){return{drawer:!1}}}),q={class:`main flex flex-row flex-1`},J={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Y={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function X(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,q,[r(`div`,J,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Y,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Z=E(K,[[`render`,X],[`__scopeId`,`data-v-fdc8f36b`]]),Q=s({name:`EnhancementSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),ne={class:`relative`},re={class:`flex justify-between`},ie={class:`flex justify-start items-center`},ae={class:`text-sm font-bold`},oe={class:`flex justify-end items-center`};function se(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ne,[r(`div`,re,[r(`div`,ie,[r(`span`,ae,l(e.$t(`luma.name.enhancement`)),1),a(c,{content:e.$t(`luma.description.enhancement`)},null,8,[`content`])]),r(`div`,oe,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var ce=E(Q,[[`render`,se]]),le=s({name:`CustomSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ue={class:`relative`},de={class:`flex justify-between`},fe={class:`flex justify-start items-center`},pe={class:`text-sm font-bold`},me={class:`flex justify-end items-center`};function he(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ue,[r(`div`,de,[r(`div`,fe,[r(`span`,pe,l(e.$t(`luma.name.custom`)),1),a(c,{content:e.$t(`luma.description.custom`)},null,8,[`content`])]),r(`div`,me,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var ge=E(le,[[`render`,he]]),_e=s({name:`LoopSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ve={class:`relative`},ye={class:`flex justify-between`},be={class:`flex justify-start items-center`},xe={class:`text-sm font-bold`},Se={class:`flex justify-end items-center`};function Ce(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ve,[r(`div`,ye,[r(`div`,be,[r(`span`,xe,l(e.$t(`luma.name.loop`)),1),a(c,{content:e.$t(`luma.description.loop`)},null,8,[`content`])]),r(`div`,Se,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var we=E(_e,[[`render`,Ce]]),Te=s({name:`EndImage`,components:{ElUpload:_,ElButton:g,ImagePreview:I,InfoIcon:R,FontAwesomeIcon:P},mixins:[w,k],data(){return{fileList:[],uploadUrl:N()+`/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Ee={class:`relative`},De={class:`flex justify-between`},Oe={class:`flex justify-start items-center`},ke={class:`text-sm font-bold`};function Ae(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Ee,[r(`div`,De,[r(`div`,Oe,[r(`span`,ke,l(e.$t(`luma.name.endImageUrl`)),1),a(g,{content:e.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var je=E(Te,[[`render`,Ae],[`__scopeId`,`data-v-cd768b26`]]),Me=s({name:`StartImage`,components:{ElUpload:_,ElButton:g,ImagePreview:I,InfoIcon:R,FontAwesomeIcon:P},mixins:[w,k],data(){return{fileList:[],uploadUrl:N()+`/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ne={class:`relative`},Pe={class:`flex justify-between`},Fe={class:`flex justify-start items-center`},Ie={class:`text-sm font-bold`};function Le(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Ne,[r(`div`,Pe,[r(`div`,Fe,[r(`span`,Ie,l(e.$t(`luma.name.startImageUrl`)),1),a(g,{content:e.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.percentage==null?o(``,!0):(u(),n(_,{key:0,url:t.url||t.response.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Re=E(Me,[[`render`,Le],[`__scopeId`,`data-v-4d03e978`]]),ze=s({name:`UploadVideo`,components:{ElUpload:_,ElButton:g,InfoIcon:R,FilePreview:F,FontAwesomeIcon:P},mixins:[k],data(){return{fileList:[],uploadUrl:N()+`/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.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){D.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(D.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(D.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),Be={class:`relative`},Ve={class:`flex justify-between`},He={class:`flex justify-start items-center`},Ue={class:`text-sm font-bold`};function We(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`file-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Be,[r(`div`,Ve,[r(`div`,He,[r(`span`,Ue,l(e.$t(`luma.name.videoUrl`)),1),a(g,{content:e.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.percentage==null?o(``,!0):(u(),n(_,{key:0,url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ge=E(ze,[[`render`,We],[`__scopeId`,`data-v-b4c637fa`]]),Ke=s({name:`PromptInput`,components:{PromptTextarea:V},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function qe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Je=E(Ke,[[`render`,qe]]),Ye=s({name:`ExtendFromInput`,components:{VideoPlayer:G},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),Xe={class:`relative`},Ze={class:`flex mb-2`},Qe={class:`text-sm font-bold`};function $e(e,t,i,a,s,c){let p=d(`video-player`);return u(),f(`div`,Xe,[r(`div`,Ze,[r(`span`,Qe,l(e.$t(`luma.name.extend`)),1)]),r(`div`,null,[e.config?.video_url?(u(),n(p,{key:0,src:e.config?.video_url},null,8,[`src`])):o(``,!0)])])}var et=s({name:`ConfigPanel`,components:{LoopSelector:we,StartImageInput:Re,EndImageInput:je,EnhancementSelector:ce,ElButton:g,FontAwesomeIcon:P,PromptInput:Je,ExtendFromInput:E(Ye,[[`render`,$e]]),CustomSelector:ge,UploadVideo:Ge,Consumption:U},emits:[`generate`],computed:{config(){return this.$store.state.luma?.config},consumption(){return O(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),tt={class:`flex flex-col h-full`},nt={class:`flex-1 overflow-y-auto p-5`},rt={class:`flex flex-col items-center justify-center px-5 pb-5`};function it(e,t,s,c,m,h){let g=d(`extend-from-input`),_=d(`prompt-input`),v=d(`custom-selector`),y=d(`upload-video`),b=d(`start-image-input`),x=d(`end-image-input`),S=d(`enhancement-selector`),C=d(`loop-selector`),w=d(`consumption`),T=d(`font-awesome-icon`),E=d(`el-button`);return u(),f(`div`,tt,[r(`div`,nt,[e.config?.video_id||e.config?.video_url?(u(),n(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),e.config?.video_id?o(``,!0):(u(),n(v,{key:1,class:`mb-4`})),e.config?.custom?(u(),n(y,{key:2,class:`mb-4`})):o(``,!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(u(),n(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),r(`div`,rt,[a(w,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(u(),n(E,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(u(),n(E,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var at=E(et,[[`render`,it]]),ot=s({name:`TaskPreview`,components:{ElImage:y,CopyToClipboard:te,FontAwesomeIcon:P,ElAlert:b,VideoPlayer:G,ElTooltip:v,ElButton:g,ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),st={class:`preview`},ct={class:`left`},lt={class:`main`},ut={class:`bot`},dt={class:`datetime`},ft={class:`info`},pt={key:0,class:`prompt mt-2`},mt={key:0},ht={key:1},gt={key:0,class:t({content:!0,failed:!0})},_t={key:0,class:`mb-4`},vt={key:1,class:t({operations:!0,"mt-2":!0,"mb-4":!0})},yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},xt={key:1,class:t({content:!0})},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Et={key:2,class:t({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Dt(e,t,n,s,c,m){let g=d(`el-image`),_=d(`video-player`),v=d(`el-button`),y=d(`el-tooltip`),b=d(`api-code-button`),x=d(`font-awesome-icon`),S=d(`copy-to-clipboard`),C=d(`el-alert`);return u(),f(`div`,st,[r(`div`,ct,[a(g,{src:`https://cdn.acedata.cloud/ahjfwi.png`,class:`avatar`})]),r(`div`,lt,[r(`div`,ut,[i(l(e.$t(`luma.name.lumaBot`))+` `,1),r(`span`,dt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,ft,[e.modelValue?.request?.prompt?(u(),f(`p`,pt,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,mt,` - (`+l(e.$t(`luma.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`?(u(),f(`span`,ht,` - (`+l(e.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,gt,[e.modelValue.response.video_url?(u(),f(`div`,_t,[a(_,{src:e.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response&&!e.config?.custom?(u(),f(`div`,vt,[a(y,{class:`box-item`,effect:`dark`,content:e.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onExtend(t,e.modelValue?.response),[`stop`])},{default:p(()=>[i(l(e.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(y,{class:`box-item`,effect:`dark`,content:e.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:t[1]||=h(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[i(l(e.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/luma/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[r(`p`,yt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,bt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.state===`failed`||e.modelValue?.response?.success===!1?(u(),f(`div`,xt,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failure`)),1)]),default:p(()=>[r(`p`,St,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,Ct,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,wt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,Tt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.traceId`))+`: `+l(e.modelValue?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`?(u(),f(`div`,Et,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failure`)),1)]),default:p(()=>[r(`p`,$,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Ot=s({name:`RecentPanel`,components:{BotPlaceholder:L,TaskPreview:E(ot,[[`render`,Dt],[`__scopeId`,`data-v-9c354ffe`]]),NoTasks:H,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kt={key:0},At={key:2,class:`w-full h-full flex items-center justify-center`};function jt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,kt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,r=>(u(),n(g,{key:r.id,"model-value":r,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,At,[a(v)])):o(``,!0)],64)}var Mt=E(Ot,[[`render`,jt]]),Nt=C(`luma`),Pt=s({name:`LumaIndex`,components:{ConfigPanel:at,Layout:Z,RecentPanel:Mt},mixins:[j],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await B({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(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!T(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e={...this.config,callback_url:Nt};if(!this.hasText(e.prompt)){D.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t=this.credential?.token;if(!t){console.error(`no token specified`);return}D.info(this.$t(`luma.message.startingTask`)),ee(`luma`,M.generate(e,{token:t})).then(()=>{D.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?D.error(this.$t(`luma.message.usedUp`)):D.error(this.$t(`luma.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Ft(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var It=E(Pt,[[`render`,Ft]]);export{It as default};
+import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,Ut as l,X as u,et as d,k as f,lt as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-Diu_mJ2H.js";import{t as _}from"./upload-DyJUPREr.js";import{t as v}from"./tooltip-hII4wDEz.js";import{t as y}from"./image-imCjPDmQ.js";import{t as b}from"./alert-Cs6WDxgv.js";import{t as x}from"./drawer-B42T8GMw.js";import{t as S}from"./switch-DU8ybPXy.js";import{qr as C}from"./constants-Bt5WGqZw.js";import{At as w,Dt as T,E,Er as D,Mt as O,Nn as ee,Ot as k,gr as A,kt as j,pn as M,yr as N}from"./index-C-nQ-A5p.js";import{t as P}from"./index.es-DSgPAybq.js";import{t as te}from"./CopyToClipboard-BSq4ukSA.js";import{t as F}from"./FilePreview-DdDKOPPq.js";import{t as I}from"./ImagePreview-BbmypNLN.js";import{t as L}from"./BotPlaceholder-DEtF1yfK.js";import{i as R,n as z,t as B}from"./pagination-BgqN6_Qh.js";import{n as V,t as H}from"./NoTasks-Cq16ZU-T.js";import{t as U}from"./Consumption-CERmX0mE.js";import{t as W}from"./ApiCodeButton-eRufEsGm.js";import{t as G}from"./VideoPlayer-BAG8tTvG.js";var K=s({name:`LayoutLuma`,components:{ElDrawer:x,ElButton:g,FontAwesomeIcon:P},data(){return{drawer:!1}}}),q={class:`main flex flex-row flex-1`},J={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Y={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function X(t,n,i,o,s,c){let l=d(`font-awesome-icon`),m=d(`el-button`),h=d(`el-drawer`);return u(),f(`div`,q,[r(`div`,J,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,Y,[e(t.$slots,`result`,{},void 0,!0)]),a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-magic`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var Z=E(K,[[`render`,X],[`__scopeId`,`data-v-fdc8f36b`]]),Q=s({name:`EnhancementSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.enhancement},set(e){console.debug(`set enhancement`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,enhancement:e})}}},mounted(){this.value===void 0&&(this.value=!0)}}),ne={class:`relative`},re={class:`flex justify-between`},ie={class:`flex justify-start items-center`},ae={class:`text-sm font-bold`},oe={class:`flex justify-end items-center`};function se(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ne,[r(`div`,re,[r(`div`,ie,[r(`span`,ae,l(e.$t(`luma.name.enhancement`)),1),a(c,{content:e.$t(`luma.description.enhancement`)},null,8,[`content`])]),r(`div`,oe,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var ce=E(Q,[[`render`,se]]),le=s({name:`CustomSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.custom},set(e){console.debug(`set custom`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,custom:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ue={class:`relative`},de={class:`flex justify-between`},fe={class:`flex justify-start items-center`},pe={class:`text-sm font-bold`},me={class:`flex justify-end items-center`};function he(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ue,[r(`div`,de,[r(`div`,fe,[r(`span`,pe,l(e.$t(`luma.name.custom`)),1),a(c,{content:e.$t(`luma.description.custom`)},null,8,[`content`])]),r(`div`,me,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var ge=E(le,[[`render`,he]]),_e=s({name:`LoopSelector`,components:{ElSwitch:S,InfoIcon:R},computed:{value:{get(){return this.$store.state.luma?.config?.loop},set(e){console.debug(`set loop`,e),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,loop:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),ve={class:`relative`},ye={class:`flex justify-between`},be={class:`flex justify-start items-center`},xe={class:`text-sm font-bold`},Se={class:`flex justify-end items-center`};function Ce(e,t,n,i,o,s){let c=d(`info-icon`),p=d(`el-switch`);return u(),f(`div`,ve,[r(`div`,ye,[r(`div`,be,[r(`span`,xe,l(e.$t(`luma.name.loop`)),1),a(c,{content:e.$t(`luma.description.loop`)},null,8,[`content`])]),r(`div`,Se,[a(p,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])])])}var we=E(_e,[[`render`,Ce]]),Te=s({name:`EndImage`,components:{ElUpload:_,ElButton:g,ImagePreview:I,InfoIcon:R,FontAwesomeIcon:P},mixins:[w,k],data(){return{fileList:[],uploadUrl:N()+`/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`luma.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()}}}),Ee={class:`relative`},De={class:`flex justify-between`},Oe={class:`flex justify-start items-center`},ke={class:`text-sm font-bold`};function Ae(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Ee,[r(`div`,De,[r(`div`,Oe,[r(`span`,ke,l(e.$t(`luma.name.endImageUrl`)),1),a(g,{content:e.$t(`luma.description.endImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.url&&t.percentage!==void 0?(u(),n(_,{key:0,url:t.url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadEndImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var je=E(Te,[[`render`,Ae],[`__scopeId`,`data-v-cd768b26`]]),Me=s({name:`StartImage`,components:{ElUpload:_,ElButton:g,ImagePreview:I,InfoIcon:R,FontAwesomeIcon:P},mixins:[w,k],data(){return{fileList:[],uploadUrl:N()+`/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?.luma?.config?.start_image_url},set(){}}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadReferencesExceed`))},onError(){D.error(this.$t(`luma.message.uploadReferencesError`))},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()}}}),Ne={class:`relative`},Pe={class:`flex justify-between`},Fe={class:`flex justify-start items-center`},Ie={class:`text-sm font-bold`};function Le(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`image-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Ne,[r(`div`,Pe,[r(`div`,Fe,[r(`span`,Ie,l(e.$t(`luma.name.startImageUrl`)),1),a(g,{content:e.$t(`luma.description.startImageUrl`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:5,class:`upload-wrapper`,multiple:!1,action:e.uploadUrl,"list-type":`picture`,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.percentage==null?o(``,!0):(u(),n(_,{key:0,url:t.url||t.response.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadStartImageUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Re=E(Me,[[`render`,Le],[`__scopeId`,`data-v-4d03e978`]]),ze=s({name:`UploadVideo`,components:{ElUpload:_,ElButton:g,InfoIcon:R,FilePreview:F,FontAwesomeIcon:P},mixins:[k],data(){return{fileList:[],uploadUrl:N()+`/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.luma?.config?.video_url},set(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e})}}},mounted(){this.value||=void 0},methods:{onExceed(){D.warning(this.$t(`luma.message.uploadVideoExceed`))},onError(){D.error(this.$t(`luma.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`,n=e.size/1024/1024<10;return t?n?!0:(D.error(this.$t(`luma.message.uploadVideoSizeExceed`)),!1):(D.error(this.$t(`luma.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_url:e,action:`extend`})},async onSuccess(){this.onSetVideoUrl()}}}),Be={class:`relative`},Ve={class:`flex justify-between`},He={class:`flex justify-start items-center`},Ue={class:`text-sm font-bold`};function We(e,t,s,c,m,h){let g=d(`info-icon`),_=d(`file-preview`),v=d(`font-awesome-icon`),y=d(`el-button`),b=d(`el-upload`);return u(),f(`div`,Be,[r(`div`,Ve,[r(`div`,He,[r(`span`,Ue,l(e.$t(`luma.name.videoUrl`)),1),a(g,{content:e.$t(`luma.description.videoUrl`)},null,8,[`content`])])]),a(b,{"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.mp4`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:e.uploadUrl,"before-upload":e.beforeUpload,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:p(({file:t})=>[t.percentage==null?o(``,!0):(u(),n(_,{key:0,url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`]))]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),i(` `+l(e.$t(`luma.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var Ge=E(ze,[[`render`,We],[`__scopeId`,`data-v-b4c637fa`]]),Ke=s({name:`PromptInput`,components:{PromptTextarea:V},computed:{prompt:{get(){return this.$store.state.luma?.config?.prompt},set(e){this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,prompt:e})}}},mounted(){this.prompt||=``}});function qe(e,t,r,i,a,o){let s=d(`prompt-textarea`);return u(),n(s,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`luma.name.prompt`),info:e.$t(`luma.description.prompt`),placeholder:e.$t(`luma.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var Je=E(Ke,[[`render`,qe]]),Ye=s({name:`ExtendFromInput`,components:{VideoPlayer:G},props:{modelValue:{type:Object,required:!1,default:void 0}},data(){return{options:{quality:{default:`1080p`}}}},computed:{config(){return this.$store.state.luma?.config}}}),Xe={class:`relative`},Ze={class:`flex mb-2`},Qe={class:`text-sm font-bold`};function $e(e,t,i,a,s,c){let p=d(`video-player`);return u(),f(`div`,Xe,[r(`div`,Ze,[r(`span`,Qe,l(e.$t(`luma.name.extend`)),1)]),r(`div`,null,[e.config?.video_url?(u(),n(p,{key:0,src:e.config?.video_url},null,8,[`src`])):o(``,!0)])])}var et=s({name:`ConfigPanel`,components:{LoopSelector:we,StartImageInput:Re,EndImageInput:je,EnhancementSelector:ce,ElButton:g,FontAwesomeIcon:P,PromptInput:Je,ExtendFromInput:E(Ye,[[`render`,$e]]),CustomSelector:ge,UploadVideo:Ge,Consumption:U},emits:[`generate`],computed:{config(){return this.$store.state.luma?.config},consumption(){return O(this.config,this.service?.cost)},service(){return this.$store.state.luma?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),tt={class:`flex flex-col h-full`},nt={class:`flex-1 overflow-y-auto p-5`},rt={class:`flex flex-col items-center justify-center px-5 pb-5`};function it(e,t,s,c,m,h){let g=d(`extend-from-input`),_=d(`prompt-input`),v=d(`custom-selector`),y=d(`upload-video`),b=d(`start-image-input`),x=d(`end-image-input`),S=d(`enhancement-selector`),C=d(`loop-selector`),w=d(`consumption`),T=d(`font-awesome-icon`),E=d(`el-button`);return u(),f(`div`,tt,[r(`div`,nt,[e.config?.video_id||e.config?.video_url?(u(),n(g,{key:0,class:`mb-4`})):o(``,!0),a(_,{class:`mb-4`}),e.config?.video_id?o(``,!0):(u(),n(v,{key:1,class:`mb-4`})),e.config?.custom?(u(),n(y,{key:2,class:`mb-4`})):o(``,!0),!(e.config?.video_id||e.config?.video_url)&&!e.config?.custom?(u(),n(b,{key:3,class:`mb-4`})):o(``,!0),a(x,{class:`mb-4`}),a(S,{class:`mb-4`}),a(C,{class:`mb-4`})]),r(`div`,rt,[a(w,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),e.config?.video_url!==void 0||e.config?.custom?(u(),n(E,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`luma.button.extend`)),1)]),_:1},8,[`onClick`])):(u(),n(E,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:p(()=>[a(T,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+l(e.$t(`luma.button.generate`)),1)]),_:1},8,[`onClick`]))])])}var at=E(et,[[`render`,it]]),ot=s({name:`TaskPreview`,components:{ElImage:y,CopyToClipboard:te,FontAwesomeIcon:P,ElAlert:b,VideoPlayer:G,ElTooltip:v,ElButton:g,ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},emits:[`extend`],data(){return{}},computed:{application(){return this.$store.state.luma?.application},config(){return this.$store.state.luma?.config}},methods:{onExtend(e,t){console.debug(`set config`,t),this.$store.commit(`luma/setConfig`,{...this.$store.state.luma?.config,video_id:t.video_id,prompt:t.prompt,action:`extend`,thumbnail_url:t.thumbnail_url,video_url:t.video_url}),this.$emit(`extend`)},onDownload(e){window.open(e,`_blank`)}}}),st={class:`preview`},ct={class:`left`},lt={class:`main`},ut={class:`bot`},dt={class:`datetime`},ft={class:`info`},pt={key:0,class:`prompt mt-2`},mt={key:0},ht={key:1},gt={key:0,class:t({content:!0,failed:!0})},_t={key:0,class:`mb-4`},vt={key:1,class:t({operations:!0,"mt-2":!0,"mb-4":!0})},yt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},xt={key:1,class:t({content:!0})},St={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},wt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Et={key:2,class:t({content:!0})},$={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Dt(e,t,n,s,c,m){let g=d(`el-image`),_=d(`video-player`),v=d(`el-button`),y=d(`el-tooltip`),b=d(`api-code-button`),x=d(`font-awesome-icon`),S=d(`copy-to-clipboard`),C=d(`el-alert`);return u(),f(`div`,st,[r(`div`,ct,[a(g,{src:`https://cdn.acedata.cloud/ahjfwi.png`,class:`avatar`})]),r(`div`,lt,[r(`div`,ut,[i(l(e.$t(`luma.name.lumaBot`))+` `,1),r(`span`,dt,l(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,ft,[e.modelValue?.request?.prompt?(u(),f(`p`,pt,[i(l(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?o(``,!0):(u(),f(`span`,mt,` - (`+l(e.$t(`luma.status.pending`))+`) `,1)),e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`?(u(),f(`span`,ht,` - (`+l(e.$t(`luma.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(u(),f(`div`,gt,[e.modelValue.response.video_url?(u(),f(`div`,_t,[a(_,{src:e.modelValue.response.video_url},null,8,[`src`])])):o(``,!0),e.modelValue?.response&&!e.config?.custom?(u(),f(`div`,vt,[a(y,{class:`box-item`,effect:`dark`,content:e.$t(`luma.message.extendVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:t[0]||=h(t=>e.onExtend(t,e.modelValue?.response),[`stop`])},{default:p(()=>[i(l(e.$t(`luma.button.extend`)),1)]),_:1})]),_:1},8,[`content`]),a(y,{class:`box-item`,effect:`dark`,content:e.$t(`luma.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(v,{type:`info`,size:`small`,class:`btn-action`,onClick:t[1]||=h(t=>e.onDownload(e.modelValue?.response?.video_url),[`stop`])},{default:p(()=>[i(l(e.$t(`luma.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(b,{path:`/luma/videos`,body:e.modelValue?.request},null,8,[`body`])])):o(``,!0),a(C,{closable:!1,class:`mt-2 success`},{default:p(()=>[r(`p`,yt,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,bt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.state===`failed`||e.modelValue?.response?.success===!1?(u(),f(`div`,xt,[a(C,{closable:!1,class:`failure`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failure`)),1)]),default:p(()=>[r(`p`,St,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])]),r(`p`,Ct,[a(x,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failureReason`))+`: `+l(e.modelValue?.response?.error?.message)+` `,1),a(S,{content:e.modelValue?.response?.error?.message},null,8,[`content`])]),e.modelValue?.elapsed?(u(),f(`p`,wt,[a(x,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.elapsed`))+`: `+l(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,Tt,[a(x,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.traceId`))+`: `+l(e.modelValue?.trace_id)+` `,1),a(S,{content:e.modelValue?.response?.trace_id},null,8,[`content`])])]),_:1})])):o(``,!0),!e.modelValue?.response||e.modelValue?.response?.state===`processing`||e.modelValue?.response?.state===`pending`?(u(),f(`div`,Et,[a(C,{closable:!1,class:`info`},{template:p(()=>[a(x,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.failure`)),1)]),default:p(()=>[r(`p`,$,[a(x,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+l(e.$t(`luma.name.taskId`))+`: `+l(e.modelValue?.id)+` `,1),a(S,{content:e.modelValue?.id},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Ot=s({name:`RecentPanel`,components:{BotPlaceholder:L,TaskPreview:E(ot,[[`render`,Dt],[`__scopeId`,`data-v-9c354ffe`]]),NoTasks:H,ScrollList:z},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`,`extend`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.luma?.tasks,items:this.$store.state.luma?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),kt={key:0},At={key:2,class:`w-full h-full flex items-center justify-center`};function jt(e,t,r,i,s,l){let h=d(`bot-placeholder`),g=d(`task-preview`),_=d(`scroll-list`),v=d(`no-tasks`);return u(),f(m,null,[e.tasks?.items===void 0?(u(),f(`div`,kt,[a(h)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(u(),n(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[1]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(u(!0),f(m,null,c(e.tasks?.items,r=>(u(),n(g,{key:r.id,"model-value":r,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(u(),f(`div`,At,[a(v)])):o(``,!0)],64)}var Mt=E(Ot,[[`render`,jt]]),Nt=C(`luma`),Pt=s({name:`LumaIndex`,components:{ConfigPanel:at,Layout:Z,RecentPanel:Mt},mixins:[j],inject:[`initialized`],emits:[`extend`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.luma?.status?.getApplications===A.Request},tasksLoading(){return this.$store.state.luma?.status?.getTasks===A.Request||this.fetchingTasks},credential(){return this.$store.state.luma.credential},config(){return this.$store.state.luma.config},application(){return this.$store.state.luma.application},tasks(){return this.$store.state.luma.tasks}},watch:{tasks:{handler(e,t){e?.items?.length>t?.items?.length&&console.debug(`new tasks detected`)},deep:!0},initialized:{async handler(e){e&&(console.debug(`layout initialized`),await this.onGetTasks(),await this.onScrollDown(),this.job=window.setInterval(()=>{this.onGetTasks()},5e3))},immediate:!0}},async mounted(){await this.onGetService()},async unmounted(){window.clearInterval(this.job)},methods:{async onReachTop(){await B({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(`luma/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`luma/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){console.debug(`scrolling down`),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(`luma/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!T(this.uploadTracker,e=>this.$t(e),e=>D.warning(e)))return;let e={...this.config,callback_url:Nt};if(!this.hasText(e.prompt)){D.error(this.$t(`luma.message.promptRequired`));return}e.prompt=e.prompt?.trim();let t=this.credential?.token;if(!t){console.error(`no token specified`);return}D.info(this.$t(`luma.message.startingTask`)),ee(`luma`,M.generate(e,{token:t})).then(()=>{D.success(this.$t(`luma.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?D.error(this.$t(`luma.message.usedUp`)):D.error(this.$t(`luma.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},hasText(e){return typeof e==`string`&&e.trim().length>0}}});function Ft(e,t,r,i,o,s){let c=d(`config-panel`),l=d(`recent-panel`),f=d(`layout`);return u(),n(f,null,{config:p(()=>[a(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(l,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop,onExtend:t[0]||=t=>e.$emit(`extend`)},null,8,[`loading`,`onReachTop`])]),_:1})}var It=E(Pt,[[`render`,Ft]]);export{It as default};

package/dist/assets/{Index-CNFZtP4o.js → Index-CDAb6FdM.js}

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

package/dist/assets/Index-CIoYDUBO.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,tt as p,ut as m,v as h,x as g,y as _}from"./vendor-chart-Df3WBvr0.js";import{t as v}from"./button-Diu_mJ2H.js";import{r as y,t as b}from"./select-D1tjV07s.js";import{t as x}from"./upload-DyJUPREr.js";import{t as S}from"./drawer-B42T8GMw.js";import{n as C,r as w,t as T}from"./dropdown-BaKBFUQ-.js";import{t as E}from"./popover-B_HYqHCj.js";import{At as D,E as O,Er as k,Nr as A,Pt as j,Tr as M,gr as N,kr as P,yr as ee}from"./index-C-nQ-A5p.js";import"./vendor-highlight-mMg7GAOR.js";import{t as F}from"./index.es-DSgPAybq.js";import{n as te,t as ne}from"./AskUserQuestionCard-DCtrcK4f.js";var re=o({name:`CodingBridgeNodeList`,components:{ElButton:v,FontAwesomeIcon:F},emits:[`pair`],computed:{nodes(){return this.$store.state.codingBridge?.nodes??[]},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},connection(){return this.$store.state.codingBridge?.connection??`disconnected`},connectionLabel(){return this.$t(`codingBridge.connection.${this.connection}`)},connectionDotClass(){switch(this.connection){case`connected`:return`bg-[var(--el-color-success)]`;case`connecting`:return`bg-[var(--el-color-warning)]`;case`error`:return`bg-[var(--el-color-danger)]`;default:return`bg-[var(--app-text-subtle)]`}}},methods:{onSelect(e){this.$store.dispatch(`codingBridge/selectNode`,e)},onRefresh(){this.$store.dispatch(`codingBridge/getNodes`)},async onDelete(e){try{await M.confirm(this.$t(`codingBridge.nodeList.removeConfirm`,{name:e.name}),this.$t(`codingBridge.nodeList.remove`),{confirmButtonText:this.$t(`codingBridge.nodeList.remove`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}try{await this.$store.dispatch(`codingBridge/deleteNode`,e.node_id),k.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{k.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),I={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},L={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},R={class:`flex items-center gap-2 font-medium`},z={class:`flex items-center gap-1`},B={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},V={class:`text-[var(--app-text-subtle)]`},H={class:`flex-1 overflow-y-auto`},U={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},W={class:`mb-3`},G={key:1,class:`list-none m-0 p-0`},K=[`onClick`],q={class:`flex-1 min-w-0`},J={class:`flex items-center gap-2`},Y={class:`truncate font-medium`},X=[`title`],ie={class:`text-xs text-[var(--app-text-subtle)] truncate`};function ae(t,a,o,p,m,h){let v=u(`font-awesome-icon`),y=u(`el-button`);return l(),d(`div`,I,[n(`div`,L,[n(`div`,R,[i(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,c(t.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,z,[i(y,{circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.refresh`),onClick:t.onRefresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),i(y,{type:`primary`,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,B,[n(`span`,{class:e([`inline-block w-2 h-2 rounded-full`,t.connectionDotClass])},null,2),n(`span`,V,c(t.connectionLabel),1)]),n(`div`,H,[t.nodes.length?(l(),d(`ul`,G,[(l(!0),d(g,null,s(t.nodes,r=>(l(),d(`li`,{key:r.node_id,class:e([`group flex items-center gap-3 px-4 py-3 cursor-pointer border-b border-[var(--app-border-subtle)] hover:bg-[var(--app-content-bg)]`,{"bg-[var(--app-content-bg)]":r.node_id===t.currentNodeId}]),onClick:e=>t.onSelect(r.node_id)},[i(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,q,[n(`div`,J,[n(`span`,Y,c(r.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,r.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)},null,10,X)]),n(`div`,ie,c(r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)),1)]),i(y,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.remove`),onClick:_(e=>t.onDelete(r),[`stop`])},{default:f(()=>[i(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,K))),128))])):(l(),d(`div`,U,[n(`p`,W,c(t.$t(`codingBridge.nodeList.empty`)),1),i(y,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(t.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var oe=O(re,[[`render`,ae]]),se=e=>{let t=e?.questions;return Array.isArray(t)&&t.length>0&&t.every(e=>e&&typeof e.question==`string`&&Array.isArray(e.options))},Z=e=>e?(e.tool||``).toLowerCase()===`askuserquestion`?!0:se(e.input):!1,ce=e=>({questions:e.input?.questions??[]}),le=o({name:`CodingBridgeTranscriptItem`,directives:{highlight:j},components:{FontAwesomeIcon:F,VueMarkdown:te},props:{event:{type:Object,required:!0}},computed:{commandText(){let e=this.event.input;if(!e)return``;for(let t of[`command`,`cmd`,`script`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},filePath(){let e=this.event.input;if(!e)return``;for(let t of[`file_path`,`filePath`,`path`,`notebook_path`,`filename`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},toolDescription(){let e=this.event.input?.description;return typeof e==`string`?e:``},toolIcon(){if(this.commandText)return`fa-solid fa-terminal`;let e=(this.event.tool??``).toLowerCase();return/read|cat|view/.test(e)?`fa-solid fa-file-lines`:/write|edit|create|update|insert/.test(e)?`fa-solid fa-pen`:/grep|glob|search|find|list/.test(e)?`fa-solid fa-magnifying-glass`:`fa-solid fa-code`},questionLines(){let e=(this.event.tool??``).toLowerCase(),t=this.event.input?.questions;return!(e===`askuserquestion`||Array.isArray(t))||!Array.isArray(t)?[]:t.filter(e=>e&&typeof e.question==`string`).map(e=>({header:typeof e.header==`string`?e.header:``,question:e.question}))},inputText(){let e=this.event.input;if(!e)return``;let t={};for(let[n,r]of Object.entries(e))n===`timeout`||n===`description`||(t[n]=r);if(Object.keys(t).length===0)return``;try{return JSON.stringify(t,null,2)}catch{return String(e)}},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},resultLabel(){let e=[];return this.event.is_error?e.push(this.$t(`codingBridge.transcript.turnFailed`)):e.push(this.$t(`codingBridge.transcript.turnDone`)),typeof this.event.cost_usd==`number`&&this.event.cost_usd>0&&e.push(`$${this.event.cost_usd.toFixed(4)}`),e.join(` · `)},hasAttachments(){return!!this.event.attachments?.length}}}),ue={key:0,class:`flex justify-end`},de={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},fe=[`src`],pe=[`href`],me=[`src`],he={key:1,class:`flex h-9 w-9 items-center justify-center rounded bg-white/15`},ge={class:`min-w-0 truncate`},_e={key:2},ve={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},ye={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},be={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},xe={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},Se={key:0,class:`flex flex-col gap-1.5 px-2.5 pb-2`},Ce={key:0,class:`font-medium text-[var(--app-text)]`},we={class:`whitespace-pre-wrap break-words text-[var(--app-text-subtle)]`},Te={key:1,class:`px-2.5 pb-2`},Ee={class:`flex gap-2 overflow-x-auto rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 font-mono text-xs`},De={class:`whitespace-pre-wrap break-words`},Oe={key:2,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},ke={key:3,class:`m-0 overflow-x-auto whitespace-pre-wrap break-words px-2.5 pb-2 text-xs text-[var(--app-text-subtle)]`},Ae={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},je={key:6,class:`rounded-md bg-[var(--el-color-danger-light-9)] text-[var(--el-color-danger)] px-3 py-2 whitespace-pre-wrap break-words`};function Me(r,o,f,h,_,v){let y=u(`font-awesome-icon`),b=u(`vue-markdown`),x=p(`highlight`);return l(),d(`div`,{class:e([`transcript-item text-sm leading-relaxed`,`kind-${r.event.kind}`])},[r.event.kind===`prompt`?(l(),d(`div`,ue,[n(`div`,de,[r.event.images&&r.event.images.length?(l(),d(`div`,{key:0,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":r.event.text||r.hasAttachments}])},[(l(!0),d(g,null,s(r.event.images,(e,t)=>(l(),d(`img`,{key:t,src:e,class:`w-16 h-16 rounded object-cover`,alt:``},null,8,fe))),128))],2)):a(``,!0),r.hasAttachments?(l(),d(`div`,{key:1,class:e([`flex flex-wrap gap-1.5`,{"mb-1.5":r.event.text}])},[(l(!0),d(g,null,s(r.event.attachments,(e,t)=>(l(),d(`a`,{key:`${e.url}-${t}`,href:e.url,target:`_blank`,rel:`noopener noreferrer`,class:`flex max-w-[220px] items-center gap-2 rounded-md bg-white/15 px-2 py-1.5 text-xs text-white hover:bg-white/20`},[e.type===`image`?(l(),d(`img`,{key:0,src:e.url,class:`h-9 w-9 rounded object-cover`,alt:``},null,8,me)):(l(),d(`span`,he,[i(y,{icon:`fa-solid fa-file`})])),n(`span`,ge,c(e.name||e.url),1)],8,pe))),128))],2)):a(``,!0),r.event.text?(l(),d(`span`,_e,c(r.event.text),1)):a(``,!0)])])):r.event.kind===`text`?m((l(),t(b,{key:1,source:r.event.text||``,class:`markdown-body bg-transparent text-[var(--app-text)]`},null,8,[`source`])),[[x]]):r.event.kind===`thinking`?(l(),d(`div`,ve,c(r.event.text),1)):r.event.kind===`tool_use`?(l(),d(`div`,ye,[n(`div`,be,[i(y,{icon:r.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,c(r.event.tool),1),r.toolDescription?(l(),d(`span`,xe,c(r.toolDescription),1)):a(``,!0)]),r.questionLines.length?(l(),d(`div`,Se,[(l(!0),d(g,null,s(r.questionLines,(e,t)=>(l(),d(`div`,{key:t,class:`rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 text-xs`},[e.header?(l(),d(`div`,Ce,c(e.header),1)):a(``,!0),n(`div`,we,c(e.question),1)]))),128))])):r.commandText?(l(),d(`div`,Te,[n(`div`,Ee,[o[0]||=n(`span`,{class:`select-none text-[var(--el-color-success)]`},`$`,-1),n(`span`,De,c(r.commandText),1)])])):r.filePath?(l(),d(`div`,Oe,c(r.filePath),1)):r.inputText?(l(),d(`pre`,ke,c(r.inputText),1)):a(``,!0)])):r.event.kind===`tool_result`?(l(),d(`div`,{key:4,class:e([`overflow-hidden rounded-md`,r.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[n(`pre`,{class:e([`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-words px-2.5 py-2 font-mono text-xs`,r.event.is_error?`text-[var(--el-color-danger)]`:`text-[var(--app-text-subtle)]`])},c(r.resultText),3)],2)):r.event.kind===`result`?(l(),d(`div`,Ae,[i(y,{icon:r.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,c(r.resultLabel),1)])):r.event.kind===`error`?(l(),d(`div`,je,c(r.event.text),1)):a(``,!0)],2)}var Ne=O(le,[[`render`,Me],[`__scopeId`,`data-v-e4e6a788`]]),Pe=o({name:`CodingBridgeDirectoryDialog`,components:{ElDialog:P,ElButton:v,FontAwesomeIcon:F},props:{visible:{type:Boolean,default:!1},initialPath:{type:String,default:``}},emits:[`update:visible`,`select`],computed:{listing(){return this.$store.state.codingBridge?.directory},loading(){return this.$store.state.codingBridge?.directoryLoading===!0},directories(){return(this.listing?.entries??[]).filter(e=>e.type===`dir`)},files(){return(this.listing?.entries??[]).filter(e=>e.type===`file`)},isEmpty(){return!!this.listing&&!this.listing.error&&(this.listing.entries??[]).length===0}},methods:{onOpen(){this.$store.dispatch(`codingBridge/browseDir`,this.initialPath||void 0)},onVisibleChange(e){this.$emit(`update:visible`,e),e||this.$store.dispatch(`codingBridge/clearDirectory`)},openDir(e){this.$store.dispatch(`codingBridge/browseDir`,e)},goParent(){this.listing?.parent&&this.$store.dispatch(`codingBridge/browseDir`,this.listing.parent)},refresh(){this.$store.dispatch(`codingBridge/browseDir`,this.listing?.path||this.initialPath||void 0)},chooseCurrent(){this.listing&&!this.listing.error&&(this.$emit(`select`,this.listing.path),this.onVisibleChange(!1))}}}),Fe={class:`flex flex-col gap-2`},Ie={class:`flex items-center gap-2 min-w-0`},Le={class:`text-xs text-[var(--app-text-subtle)] truncate flex-1`,dir:`ltr`},Re={class:`h-72 overflow-y-auto border border-[var(--app-border-subtle)] rounded-md divide-y divide-[var(--app-border-subtle)]`},ze={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)]`},Be={key:1,class:`h-full flex items-center justify-center text-sm text-[var(--el-color-danger)]`},Ve=[`onClick`],He={class:`truncate`,dir:`ltr`},Ue={class:`truncate`,dir:`ltr`},We={key:0,class:`h-full flex items-center justify-center text-sm text-[var(--app-text-subtle)] py-8`},Ge={key:0,class:`text-[11px] text-[var(--app-text-subtle)] px-1`},Ke={class:`flex items-center justify-end gap-2`};function qe(e,o,p,m,h,_){let v=u(`font-awesome-icon`),y=u(`el-button`),b=u(`el-dialog`);return l(),t(b,{"model-value":e.visible,title:e.$t(`codingBridge.directory.title`),width:`520px`,"append-to-body":``,"onUpdate:modelValue":e.onVisibleChange,onOpen:e.onOpen},{footer:f(()=>[n(`div`,Ke,[i(y,{round:``,onClick:o[0]||=t=>e.onVisibleChange(!1)},{default:f(()=>[r(c(e.$t(`common.button.cancel`)),1)]),_:1}),i(y,{type:`primary`,round:``,disabled:!e.listing||!!e.listing.error,onClick:e.chooseCurrent},{default:f(()=>[r(c(e.$t(`codingBridge.directory.choose`)),1)]),_:1},8,[`disabled`,`onClick`])])]),default:f(()=>[n(`div`,Fe,[n(`div`,Ie,[i(y,{size:`small`,circle:``,disabled:!e.listing||!e.listing.parent||e.loading,title:e.$t(`codingBridge.directory.up`),onClick:e.goParent},{default:f(()=>[i(v,{icon:`fa-solid fa-arrow-up`})]),_:1},8,[`disabled`,`title`,`onClick`]),n(`span`,Le,c(e.listing?e.listing.path:`…`),1),i(y,{size:`small`,circle:``,disabled:e.loading,title:e.$t(`codingBridge.directory.refresh`),onClick:e.refresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`,spin:e.loading},null,8,[`spin`])]),_:1},8,[`disabled`,`title`,`onClick`])]),n(`div`,Re,[e.loading&&!e.listing?(l(),d(`div`,ze,c(e.$t(`codingBridge.directory.loading`)),1)):e.listing&&e.listing.error?(l(),d(`div`,Be,c(e.listing.error),1)):(l(),d(g,{key:2},[(l(!0),d(g,null,s(e.directories,t=>(l(),d(`button`,{key:t.path,type:`button`,class:`w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-[var(--app-content-hover-bg)]`,onClick:n=>e.openDir(t.path)},[i(v,{icon:`fa-solid fa-folder`,class:`text-[var(--el-color-warning)]`}),n(`span`,He,c(t.name),1)],8,Ve))),128)),(l(!0),d(g,null,s(e.files,e=>(l(),d(`div`,{key:e.path,class:`w-full flex items-center gap-2 px-3 py-2 text-sm text-[var(--app-text-subtle)]`},[i(v,{icon:`fa-solid fa-file`}),n(`span`,Ue,c(e.name),1)]))),128)),e.isEmpty?(l(),d(`div`,We,c(e.$t(`codingBridge.directory.empty`)),1)):a(``,!0)],64))]),e.listing&&e.listing.truncated?(l(),d(`p`,Ge,c(e.$t(`codingBridge.directory.truncated`)),1)):a(``,!0)])]),_:1},8,[`model-value`,`title`,`onUpdate:modelValue`,`onOpen`])}var Je=O(Pe,[[`render`,qe]]),Ye=50*1024*1024,Q=10,Xe=o({name:`CodingBridgeSessionView`,components:{ElInput:A,ElButton:v,ElSelect:y,ElOption:b,ElPopover:E,ElDropdown:T,ElDropdownMenu:w,ElDropdownItem:C,ElUpload:x,FontAwesomeIcon:F,TranscriptItem:Ne,DirectoryDialog:Je,AskUserQuestionCard:ne},mixins:[D],emits:[`history`],data(){return{prompt:``,cwd:``,model:``,permissionMode:`default`,provider:`claude`,effort:``,directoryVisible:!1,attachmentFileList:[],uploadUrl:ee()+`/api/v1/files/`,maxAttachments:Q}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},currentNode(){return this.$store.state.codingBridge?.nodes?.find(e=>e.node_id===this.currentNodeId)},nodeOnline(){return this.currentNode?.status===`online`},currentSessionId(){return this.$store.state.codingBridge?.currentSessionId},currentSession(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.sessions?.[e]:void 0},events(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.events?.[e]??[]:[]},pendingQuestion(){let e=this.currentSessionId;if(!e)return;let t=(this.$store.state.codingBridge?.permissions??[]).find(t=>t.session_id===e&&Z(t));return t?{request_id:t.request_id,payload:ce(t)}:void 0},isNewSession(){return!this.currentSessionId},readonly(){return this.currentSession?.readonly===!0},resumeHint(){return!!this.currentSession?.provider&&!this.currentSession?.started&&!this.readonly},replayLabel(){return!this.currentSession?.provider||this.currentSession?.started?``:this.currentSession.provider===`codex`?this.$t(`codingBridge.history.codexLabel`):this.$t(`codingBridge.history.claudeLabel`)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},connected(){return this.$store.state.codingBridge?.connection===`connected`},attachments(){return(this.attachmentFileList||[]).map(e=>{let t=e.response?.file_url||(typeof e.url==`string`&&!e.url.startsWith(`blob:`)?e.url:``);if(!t)return;let n=e.raw,r=n?.type||e.mime_type||``;return{type:this.isImageAttachment(e)?`image`:`file`,url:t,name:e.name,mime_type:r,size:n?.size}}).filter(e=>!!e)},uploadingAttachments(){return(this.attachmentFileList||[]).some(e=>this.isAttachmentUploading(e))},canSend(){return(!!this.prompt.trim()||this.attachments.length>0)&&!this.uploadingAttachments&&this.connected&&this.nodeOnline&&this.currentProviderAvailable},composerHint(){return this.uploadingAttachments?this.$t(`codingBridge.session.uploadingAttachment`):this.providerCaps.length&&!this.currentProviderAvailable?this.$t(`codingBridge.session.providerUnavailableHint`,{name:this.providerName(this.provider)}):this.resumeHint?this.$t(`codingBridge.history.resumeHint`):this.$t(`codingBridge.session.enterHint`)},nodeCapabilities(){let e=this.currentNodeId;return e?this.$store.state.codingBridge?.capabilities?.[e]:void 0},providerCaps(){return this.nodeCapabilities?.providers??[]},currentProviderCap(){return this.providerCaps.find(e=>e.name===this.provider)},currentProviderAvailable(){return this.providerCaps.length?this.currentProviderCap?.available!==!1:!0},providerOptions(){return this.providerCaps.length?this.providerCaps.map(e=>({value:e.name,label:e.label,available:e.available!==!1})):[{label:this.$t(`codingBridge.session.providerClaude`),value:`claude`,available:!0},{label:this.$t(`codingBridge.session.providerCodex`),value:`codex`,available:!0}]},modelOptions(){return this.currentProviderCap?.models??[]},allowCustomModel(){return this.currentProviderCap?.allow_custom_model??!0},effortOptions(){let e=this.currentProviderCap?.efforts;return(e&&e.length?e:[``]).map(e=>({value:e,label:this.effortLabel(e)}))},permissionModeOptions(){let e=this.currentProviderCap?.permission_modes;return(e&&e.length?e:[`default`,`acceptEdits`,`plan`,`bypassPermissions`]).map(e=>({value:e,label:this.permissionModeLabel(e)}))},sessionMeta(){let e=this.currentSession;if(!e)return``;let t=[];return e.provider&&t.push(this.providerName(e.provider)),e.cwd&&t.push(e.cwd),e.model&&t.push(e.model),t.join(` · `)}},watch:{events(){this.scrollToBottom()},pendingQuestion(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom()},currentNodeId(){this.requestCapabilities()},providerCaps(){if(!this.providerCaps.length)return;let e=this.providerCaps.find(e=>e.name===this.provider);if(!e||e.available===!1){let e=this.providerCaps.find(e=>e.available!==!1);e&&(this.provider=e.name)}},provider(){this.model=``,this.effort=``}},mounted(){this.requestCapabilities()},methods:{requestCapabilities(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getCapabilities`,this.currentNodeId)},effortLabel(e){let t={"":`codingBridge.session.effortDefault`,low:`codingBridge.session.effortLow`,medium:`codingBridge.session.effortMedium`,high:`codingBridge.session.effortHigh`,max:`codingBridge.session.effortMax`}[e];return t?this.$t(t):e},permissionModeLabel(e){let t={default:`codingBridge.session.permissionModeDefault`,acceptEdits:`codingBridge.session.permissionModeAcceptEdits`,plan:`codingBridge.session.permissionModePlan`,bypassPermissions:`codingBridge.session.permissionModeBypass`}[e];return t?this.$t(t):e},providerName(e){let t=this.providerCaps.find(t=>t.name===e);return t?t.label:e===`codex`?this.$t(`codingBridge.session.providerCodex`):this.$t(`codingBridge.session.providerClaude`)},onComposerEnter(e){let t=e;t.isComposing||t.keyCode===229||t.shiftKey||t.ctrlKey||t.metaKey||t.altKey||(t.preventDefault(),this.onSend())},onSend(){if(!this.canSend)return;let e=this.attachments;this.$store.dispatch(`codingBridge/sendPrompt`,{prompt:this.prompt,cwd:this.cwd,model:this.model,permissionMode:this.permissionMode,provider:this.provider,effort:this.effort,attachments:e.length?e:void 0}),this.prompt=``,this.clearAttachments()},onAnswerQuestion(e){this.$store.dispatch(`codingBridge/answerQuestion`,{request_id:e.tool_use_id,output:e.output})},onSkipQuestion(e){this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:e.tool_use_id,decision:`deny`})},beforeAttachmentUpload(e){return this.attachmentFileList.length>=Q?(k.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Q})),!1):e.size>Ye?(k.warning(this.$t(`codingBridge.session.attachmentTooLarge`)),!1):!0},onAttachmentChange(e){if(!e.url&&e.raw&&this.isImageAttachment(e))try{e.url=URL.createObjectURL(e.raw)}catch{}},onAttachmentSuccess(e,t){e?.file_url&&(this.revokeBlobUrl(t),t.url=e.file_url,t.response=e)},onAttachmentError(){k.error(this.$t(`codingBridge.session.attachmentUploadError`))},onAttachmentExceed(){k.warning(this.$t(`codingBridge.session.attachmentLimit`,{count:Q}))},onTriggerAttachmentUpload(){this.$nextTick(()=>{let e=this.$refs.uploader?.$el;(e?.querySelector(`input.el-upload__input`)||e?.querySelector(`input[type="file"]`))?.click()})},isAttachmentUploading(e){return e.status===`ready`||e.status===`uploading`},isImageAttachment(e){return(e.raw?.type||``).startsWith(`image/`)?!0:/\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(e.name||e.url||``)},attachmentPreviewUrl(e){return this.isImageAttachment(e)&&(e.url||e.response?.file_url)||``},removeAttachment(e,t){this.revokeBlobUrl(t),this.attachmentFileList.splice(e,1)},clearAttachments(){for(let e of this.attachmentFileList)this.revokeBlobUrl(e);this.attachmentFileList=[]},revokeBlobUrl(e){if(e.url?.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}},onInterrupt(){this.$store.dispatch(`codingBridge/interruptSession`)},openDirectory(){this.directoryVisible=!0},onDirectorySelect(e){this.cwd=e},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.cwd=``,this.model=``,this.permissionMode=`default`,this.provider=`claude`,this.effort=``,this.prompt=``,this.clearAttachments()},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})}}}),Ze={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},Qe={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},$e={class:`text-sm`},et={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},tt={class:`min-w-0`},nt={class:`flex items-center gap-2 font-medium`},rt={class:`truncate`},it={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},at={key:0,class:`text-[var(--el-color-primary)]`},ot={class:`flex items-center gap-2 flex-none`},st={key:0,class:`px-5 py-2 text-xs bg-[var(--el-color-warning-light-9)] text-[var(--el-color-warning)] border-b border-[var(--app-border-subtle)]`},ct={ref:`transcript`,class:`flex-1 overflow-y-auto px-5 py-4 flex flex-col gap-3`},lt={key:0,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},ut={class:`border-t border-[var(--app-border-subtle)] p-3`},dt={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},ft={class:`cb-composer rounded-2xl border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-3 py-2.5 transition-colors focus-within:border-[var(--el-color-primary-light-5)]`},pt={key:0,class:`flex flex-wrap gap-2 pb-2`},mt=[`src`,`alt`],ht={key:1,class:`flex h-8 w-8 items-center justify-center rounded bg-[var(--app-content-bg)]`},gt=[`title`],_t={key:2,class:`text-[10px] text-[var(--app-text-subtle)]`},vt=[`title`,`onClick`],yt={ref:`attachmentUploadTrigger`,class:`block h-0 w-0`,"aria-hidden":`true`},bt={class:`mt-1.5 flex items-center gap-1.5`},xt=[`title`],St={class:`flex min-w-0 flex-1 flex-wrap items-center gap-1.5`},Ct={type:`button`,class:`cb-pill`},wt={class:`truncate`},Tt={key:0,class:`ml-1 text-xs opacity-60`},Et={type:`button`,class:`cb-pill`},Dt={class:`truncate`},Ot={type:`button`,class:`cb-pill`},kt={class:`truncate`},At={type:`button`,class:`cb-pill`},jt={class:`truncate`},Mt={type:`button`,class:`cb-pill`},Nt={class:`truncate`},Pt={class:`cb-pill cb-pill--static`},Ft={class:`truncate`},It={key:0,class:`cb-pill cb-pill--static`},Lt={class:`truncate`},Rt={key:1,class:`cb-pill cb-pill--static`},zt={class:`truncate`},Bt={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Vt(o,p,m,_,v,y){let b=u(`font-awesome-icon`),x=u(`el-button`),S=u(`transcript-item`),C=u(`ask-user-question-card`),w=u(`el-input`),T=u(`el-upload`),E=u(`el-dropdown-item`),D=u(`el-dropdown-menu`),O=u(`el-dropdown`),k=u(`el-option`),A=u(`el-select`),j=u(`el-popover`),M=u(`directory-dialog`);return l(),d(`div`,Ze,[o.currentNode?(l(),d(g,{key:1},[n(`div`,et,[n(`div`,tt,[n(`div`,nt,[n(`span`,rt,c(o.currentNode.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,o.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),o.currentSession?(l(),d(`div`,it,[n(`span`,null,c(o.sessionMeta),1),o.replayLabel?(l(),d(`span`,at,` · `+c(o.replayLabel),1)):a(``,!0)])):a(``,!0)]),n(`div`,ot,[i(x,{size:`small`,round:``,onClick:p[0]||=e=>o.$emit(`history`)},{default:f(()=>[i(b,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.history.button`)),1)]),_:1}),o.currentSessionId?(l(),t(x,{key:0,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[i(b,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):a(``,!0)])]),o.nodeOnline?a(``,!0):(l(),d(`div`,st,c(o.$t(`codingBridge.session.deviceOffline`)),1)),n(`div`,ct,[o.events.length?a(``,!0):(l(),d(`div`,lt,c(o.$t(`codingBridge.session.startHint`)),1)),(l(!0),d(g,null,s(o.events,e=>(l(),t(S,{key:e.id,event:e},null,8,[`event`]))),128)),o.pendingQuestion?(l(),t(C,{key:o.pendingQuestion.request_id,"tool-use-id":o.pendingQuestion.request_id,payload:o.pendingQuestion.payload,onSubmit:o.onAnswerQuestion,onSkip:o.onSkipQuestion},null,8,[`tool-use-id`,`payload`,`onSubmit`,`onSkip`])):a(``,!0)],512),n(`div`,ut,[o.readonly?(l(),d(`div`,dt,[i(b,{icon:`fa-solid fa-eye`}),n(`span`,null,c(o.$t(`codingBridge.history.readonly`)),1),i(x,{class:`ml-auto`,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[r(c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(l(),d(g,{key:1},[n(`div`,ft,[o.attachmentFileList.length?(l(),d(`div`,pt,[(l(!0),d(g,null,s(o.attachmentFileList,(e,t)=>(l(),d(`div`,{key:e.uid||e.name||t,class:`group relative flex max-w-[220px] items-center gap-2 rounded-md border border-[var(--app-border-subtle)] bg-[var(--app-sidebar-bg)] px-2 py-1.5 text-xs`},[o.attachmentPreviewUrl(e)?(l(),d(`img`,{key:0,src:o.attachmentPreviewUrl(e),class:`h-8 w-8 rounded object-cover`,alt:o.$t(`codingBridge.session.attachmentImageAlt`)},null,8,mt)):(l(),d(`span`,ht,[i(b,{icon:`fa-solid fa-file`})])),n(`span`,{class:`min-w-0 flex-1 truncate`,title:e.name},c(e.name),9,gt),o.isAttachmentUploading(e)?(l(),d(`span`,_t,c(Math.round(e.percentage||0))+`% `,1)):a(``,!0),n(`button`,{type:`button`,class:`flex h-5 w-5 items-center justify-center rounded-full text-[var(--app-text-subtle)] hover:bg-[var(--app-content-hover-bg)] hover:text-[var(--el-color-danger)]`,title:o.$t(`codingBridge.session.removeAttachment`),onClick:n=>o.removeAttachment(t,e)},[i(b,{icon:`fa-solid fa-xmark`})],8,vt)]))),128))])):a(``,!0),i(w,{modelValue:o.prompt,"onUpdate:modelValue":p[1]||=e=>o.prompt=e,type:`textarea`,autosize:{minRows:2,maxRows:12},resize:`none`,class:`cb-composer__input`,placeholder:o.$t(`codingBridge.session.promptPlaceholder`),onKeydown:h(o.onComposerEnter,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`]),i(T,{ref:`uploader`,"file-list":o.attachmentFileList,"onUpdate:fileList":p[2]||=e=>o.attachmentFileList=e,class:`h-0 w-0 overflow-hidden opacity-0`,name:`file`,action:o.uploadUrl,headers:o.headers,multiple:!0,limit:o.maxAttachments,"show-file-list":!1,"before-upload":o.beforeAttachmentUpload,"on-change":o.onAttachmentChange,"on-success":o.onAttachmentSuccess,"on-error":o.onAttachmentError,"on-exceed":o.onAttachmentExceed},{default:f(()=>[n(`span`,yt,null,512)]),_:1},8,[`file-list`,`action`,`headers`,`limit`,`before-upload`,`on-change`,`on-success`,`on-error`,`on-exceed`]),n(`div`,bt,[n(`button`,{type:`button`,class:`cb-icon-btn`,title:o.$t(`codingBridge.session.attachFile`),onClick:p[3]||=(...e)=>o.onTriggerAttachmentUpload&&o.onTriggerAttachmentUpload(...e)},[i(b,{icon:`fa-solid fa-paperclip`})],8,xt),n(`div`,St,[o.isNewSession?(l(),d(g,{key:0},[i(O,{trigger:`click`,onCommand:p[4]||=e=>o.provider=e},{dropdown:f(()=>[i(D,null,{default:f(()=>[(l(!0),d(g,null,s(o.providerOptions,n=>(l(),t(E,{key:n.value,command:n.value,disabled:!n.available},{default:f(()=>[i(b,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.provider?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label)+` `,1),n.available?a(``,!0):(l(),d(`span`,Tt,c(o.$t(`codingBridge.session.providerUnavailable`)),1))]),_:2},1032,[`command`,`disabled`]))),128))]),_:1})]),default:f(()=>[n(`button`,Ct,[i(b,{icon:`fa-solid fa-code`,class:`cb-pill__icon`}),n(`span`,wt,c(o.providerName(o.provider)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),i(j,{trigger:`click`,placement:`top-start`,width:260},{reference:f(()=>[n(`button`,Et,[i(b,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,Dt,c(o.model||o.$t(`codingBridge.session.modelDefault`)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[i(A,{modelValue:o.model,"onUpdate:modelValue":p[5]||=e=>o.model=e,class:`w-full`,size:`small`,filterable:``,"allow-create":o.allowCustomModel,"default-first-option":``,clearable:``,teleported:!1,placeholder:o.$t(`codingBridge.session.modelPlaceholder`)},{default:f(()=>[(l(!0),d(g,null,s(o.modelOptions,e=>(l(),t(k,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`allow-create`,`placeholder`])]),_:1}),o.effortOptions.length>1?(l(),t(O,{key:0,trigger:`click`,onCommand:p[6]||=e=>o.effort=e},{dropdown:f(()=>[i(D,null,{default:f(()=>[(l(!0),d(g,null,s(o.effortOptions,n=>(l(),t(E,{key:n.value,command:n.value},{default:f(()=>[i(b,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.effort?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,Ot,[i(b,{icon:`fa-solid fa-gauge-high`,class:`cb-pill__icon`}),n(`span`,kt,c(o.effortLabel(o.effort)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1})):a(``,!0),i(O,{trigger:`click`,onCommand:p[7]||=e=>o.permissionMode=e},{dropdown:f(()=>[i(D,null,{default:f(()=>[(l(!0),d(g,null,s(o.permissionModeOptions,n=>(l(),t(E,{key:n.value,command:n.value},{default:f(()=>[i(b,{icon:`fa-solid fa-check`,class:e([`mr-2`,n.value===o.permissionMode?`opacity-100`:`opacity-0`])},null,8,[`class`]),r(` `+c(n.label),1)]),_:2},1032,[`command`]))),128))]),_:1})]),default:f(()=>[n(`button`,At,[i(b,{icon:`fa-solid fa-shield-halved`,class:`cb-pill__icon`}),n(`span`,jt,c(o.permissionModeLabel(o.permissionMode)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),_:1}),i(j,{trigger:`click`,placement:`top-start`,width:320},{reference:f(()=>[n(`button`,Mt,[i(b,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,Nt,c(o.cwd||o.$t(`codingBridge.session.cwdDefault`)),1),i(b,{icon:`fa-solid fa-chevron-down`,class:`cb-pill__caret`})])]),default:f(()=>[i(w,{modelValue:o.cwd,"onUpdate:modelValue":p[8]||=e=>o.cwd=e,size:`small`,clearable:``,placeholder:o.$t(`codingBridge.session.cwdPlaceholder`)},{append:f(()=>[i(x,{title:o.$t(`codingBridge.directory.title`),onClick:o.openDirectory},{default:f(()=>[i(b,{icon:`fa-solid fa-folder-open`})]),_:1},8,[`title`,`onClick`])]),_:1},8,[`modelValue`,`placeholder`])]),_:1})],64)):(l(),d(g,{key:1},[n(`span`,Pt,[i(b,{icon:`fa-solid fa-code`,class:`cb-pill__icon`}),n(`span`,Ft,c(o.providerName(o.currentSession?.provider||`claude`)),1)]),o.currentSession?.model?(l(),d(`span`,It,[i(b,{icon:`fa-solid fa-brain`,class:`cb-pill__icon`}),n(`span`,Lt,c(o.currentSession?.model),1)])):a(``,!0),o.currentSession?.cwd?(l(),d(`span`,Rt,[i(b,{icon:`fa-solid fa-folder-open`,class:`cb-pill__icon`}),n(`span`,zt,c(o.currentSession?.cwd),1)])):a(``,!0)],64))]),o.running?(l(),t(x,{key:0,circle:``,onClick:o.onInterrupt},{default:f(()=>[i(b,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):a(``,!0),i(x,{type:`primary`,round:``,disabled:!o.canSend,onClick:o.onSend},{default:f(()=>[r(c(o.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])])]),n(`p`,Bt,c(o.composerHint),1)],64))])],64)):(l(),d(`div`,Qe,[i(b,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,$e,c(o.$t(`codingBridge.session.noDevice`)),1)])),i(M,{visible:o.directoryVisible,"onUpdate:visible":p[9]||=e=>o.directoryVisible=e,"initial-path":o.cwd,onSelect:o.onDirectorySelect},null,8,[`visible`,`initial-path`,`onSelect`])])}var Ht=O(Xe,[[`render`,Vt],[`__scopeId`,`data-v-c3607490`]]),Ut=o({name:`CodingBridgePairDialog`,components:{ElDialog:P,ElInput:A,ElButton:v,FontAwesomeIcon:F},props:{visible:{type:Boolean,default:!1},initialCode:{type:String,default:``}},emits:[`update:visible`],data(){return{code:``}},computed:{claiming(){return this.$store.state.codingBridge?.status?.claimPair===N.Request}},watch:{visible(e){e&&this.initialCode&&(this.code=this.initialCode)},initialCode(e){e&&(this.code=e)}},methods:{async onClaim(){let e=this.code.trim();if(e)try{let t=await this.$store.dispatch(`codingBridge/claimPair`,e);k.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?k.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?k.error(this.$t(`codingBridge.pair.usedCode`)):k.error(this.$t(`codingBridge.pair.failed`))}}}}),Wt={class:`content`},Gt={class:`text-sm text-[var(--app-text-subtle)] mb-4`},Kt={class:`steps list-none m-0 p-0 mb-4`},qt={class:`flex gap-3 mb-3`},Jt={class:`flex-1 min-w-0`},Yt={class:`text-sm mb-1`},Xt={class:`flex gap-3 mb-3`},Zt={class:`flex-1 min-w-0`},Qt={class:`text-sm mb-1`},$t={class:`flex gap-3`},en={class:`flex-1 min-w-0`},tn={class:`text-sm`};function nn(e,a,o,s,d,p){let m=u(`el-input`),g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":a[1]||=t=>e.$emit(`update:visible`,t)},{default:f(()=>[n(`div`,Wt,[n(`p`,Gt,c(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,Kt,[n(`li`,qt,[a[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,Jt,[n(`p`,Yt,c(e.$t(`codingBridge.pair.step1`)),1),a[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge-agent`,-1)])]),n(`li`,Xt,[a[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,Zt,[n(`p`,Qt,c(e.$t(`codingBridge.pair.step2`)),1),a[4]||=n(`code`,{class:`cmd`},`coding-bridge-agent up`,-1)])]),n(`li`,$t,[a[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,en,[n(`p`,tn,c(e.$t(`codingBridge.pair.step3`)),1)])])]),i(m,{modelValue:e.code,"onUpdate:modelValue":a[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:h(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),i(_,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:f(()=>[i(g,{icon:`fa-solid fa-link`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var rn=O(Ut,[[`render`,nn],[`__scopeId`,`data-v-3d1ed01f`]]),an=o({name:`CodingBridgePermissionDialog`,components:{ElDialog:P,ElButton:v,FontAwesomeIcon:F},computed:{request(){return(this.$store.state.codingBridge?.permissions??[]).find(e=>!Z(e))},hasInput(){return!!this.request?.input&&Object.keys(this.request.input).length>0},inputText(){try{return JSON.stringify(this.request?.input,null,2)}catch{return String(this.request?.input??``)}}},methods:{onAllow(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`allow`})},onDeny(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`deny`})}}}),on={key:0,class:`content`},sn={class:`text-sm text-[var(--app-text-subtle)] mb-3`},cn={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},ln={class:`flex items-center gap-2 font-medium`},un={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},dn={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},fn={class:`flex justify-end gap-2`};function pn(e,o,s,p,m,h){let g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:f(()=>[n(`div`,fn,[i(_,{round:``,onClick:e.onDeny},{default:f(()=>[i(g,{icon:`fa-solid fa-xmark`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),i(_,{type:`primary`,round:``,onClick:e.onAllow},{default:f(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:f(()=>[e.request?(l(),d(`div`,on,[n(`p`,sn,c(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,cn,[n(`div`,ln,[i(g,{icon:`fa-solid fa-code`}),n(`span`,null,c(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(l(),d(`p`,un,c(e.request.description),1)):a(``,!0),e.hasInput?(l(),d(`pre`,dn,c(e.inputText),1)):a(``,!0)])])):a(``,!0)]),_:1},8,[`model-value`,`title`])}var mn=O(an,[[`render`,pn]]),hn=o({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:S,ElButton:v,FontAwesomeIcon:F},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`],computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},loading(){return this.$store.state.codingBridge?.status?.getHistory===N.Request},sessions(){let e=this.currentNodeId;return[...e?this.$store.state.codingBridge?.history?.[e]??[]:[]].sort((e,t)=>(t.updated_at??0)-(e.updated_at??0))}},watch:{visible(e){e&&this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)}},methods:{refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/getHistoryDetail`,{node_id:this.currentNodeId,provider:e.provider,session_id:e.session_id}),this.$emit(`update:visible`,!1))},formatTime(e){try{return new Date(e).toLocaleString()}catch{return``}}}}),gn={class:`flex flex-col h-full`},_n={class:`flex items-center justify-between mb-3`},vn={class:`text-xs text-[var(--app-text-subtle)] m-0`},yn={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},$={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},bn={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},xn={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},Sn=[`onClick`],Cn={class:`flex items-center gap-2 mb-1`},wn={class:`text-sm font-medium truncate flex-1`},Tn={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},En={key:0},Dn={key:1},On={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},kn={key:0},An={key:1};function jn(o,p,m,h,_,v){let y=u(`font-awesome-icon`),b=u(`el-button`),x=u(`el-drawer`);return l(),t(x,{"model-value":o.visible,direction:`rtl`,size:`380px`,title:o.$t(`codingBridge.history.title`),"onUpdate:modelValue":p[0]||=e=>o.$emit(`update:visible`,e)},{default:f(()=>[n(`div`,gn,[n(`div`,_n,[n(`p`,vn,c(o.$t(`codingBridge.history.intro`)),1),i(b,{size:`small`,round:``,loading:o.loading,onClick:o.refresh},{default:f(()=>[o.loading?a(``,!0):(l(),t(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),r(` `+c(o.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),o.currentNodeId?o.loading&&!o.sessions.length?(l(),d(`div`,$,c(o.$t(`codingBridge.history.loading`)),1)):o.sessions.length?(l(),d(`ul`,xn,[(l(!0),d(g,null,s(o.sessions,t=>(l(),d(`li`,{key:t.provider+`:`+t.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:e=>o.open(t)},[n(`div`,Cn,[n(`span`,{class:e([`provider-tag`,t.provider])},c(t.provider===`codex`?`Codex`:`Claude`),3),n(`span`,wn,c(t.title),1)]),n(`div`,Tn,[t.cwd?(l(),d(`span`,En,c(t.cwd),1)):a(``,!0),t.git_branch?(l(),d(`span`,Dn,` · `+c(t.git_branch),1)):a(``,!0)]),n(`div`,On,[t.updated_at?(l(),d(`span`,kn,c(o.formatTime(t.updated_at)),1)):a(``,!0),t.message_count?(l(),d(`span`,An,` · `+c(o.$t(`codingBridge.history.messages`,{count:t.message_count})),1)):a(``,!0)])],8,Sn))),128))])):(l(),d(`div`,bn,c(o.$t(`codingBridge.history.empty`)),1)):(l(),d(`div`,yn,c(o.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var Mn=o({name:`CodingBridgeIndex`,components:{ElButton:v,ElDrawer:S,FontAwesomeIcon:F,NodeList:oe,SessionView:Ht,PairDialog:rn,PermissionDialog:mn,HistoryDrawer:O(hn,[[`render`,jn],[`__scopeId`,`data-v-3414881a`]])},data(){return{drawer:!1,pairVisible:!1,historyVisible:!1,initialCode:``}},mounted(){this.$store.dispatch(`codingBridge/connect`),this.$store.dispatch(`codingBridge/getNodes`);let e=this.$route.query.code;typeof e==`string`&&e&&(this.initialCode=e,this.pairVisible=!0)},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()}}}),Nn={class:`coding-bridge flex flex-row h-full relative`};function Pn(e,t,n,r,a,o){let s=u(`node-list`),c=u(`session-view`),p=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`),g=u(`pair-dialog`),_=u(`permission-dialog`),v=u(`history-drawer`);return l(),d(`div`,Nn,[i(s,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),i(c,{class:`flex-1 min-w-0`,onHistory:t[0]||=t=>e.historyVisible=!0}),i(m,{circle:``,class:`menu`,onClick:t[1]||=t=>e.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-laptop-code`})]),_:1}),i(h,{modelValue:e.drawer,"onUpdate:modelValue":t[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:f(()=>[i(s,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),i(g,{visible:e.pairVisible,"onUpdate:visible":t[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),i(_),i(v,{visible:e.historyVisible,"onUpdate:visible":t[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var Fn=O(Mn,[[`render`,Pn],[`__scopeId`,`data-v-3a406429`]]);export{Fn as default};