@acedatacloud/nexior 3.252.0 → 3.253.1

package/dist/assets/{Index-CjZDW-hu.js → Index--3ynTuu6.js}

@@ -1,2 +1,2 @@
-import{F as T}from"./index.es-DvG6Omih.js";import{E as C}from"./index-xfKA6XaK.js";import{E as N}from"./index-DjSAdHwP.js";import{d as $,G as c,D as o,z as S,C as t,y as d,J as a,q as r,E as n,H as x,U as F,M,x as w,N as R,O as U,I as b,P as O}from"./vendor-vue-Ck7I6JZv.js";import{J as v,S as I}from"./index-DiKXm2Vl.js";import{E as A,a as q}from"./index-D6ZcNGZb.js";import{E as D}from"./index-BUPZeOUN.js";import{E as P,a as L}from"./index-DV3ASYVw.js";import{E as B}from"./index-CCiFJCOC.js";import{E as K}from"./index-CDEW0Kb3.js";import{E as W}from"./index-CoBE4zDK.js";import{E as j,a as z}from"./index-C6MxxmdJ.js";import{C as J}from"./Consumption-C05reyZz.js";import{a as G}from"./price-BTmfK-T9.js";import{C as H}from"./CopyToClipboard-VMhzQe2I.js";import{E as Q,a as X}from"./index-Bz15zyvY.js";import{E as Y}from"./index-DlO_4Ch8.js";import{E as Z}from"./index-DpuiO2XK.js";import{b as ee}from"./errorCode-Cqj9Td_Z.js";import{E}from"./index-DmkksXrm.js";import"./use-form-item-d9y6c1OU.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CBGKudGF.js";import"./index-DfR9Qbi5.js";import"./typescript-nWN70UwR.js";import"./index-NYylF2dS.js";import"./index-DbaQbYQ-.js";import"./strings-C53lWZ6Y.js";import"./isEqual-UX6HkLTo.js";import"./_Uint8Array-vXvvgSwF.js";import"./castArray-D2L4b2-n.js";import"./debounce-D3D-TN8J.js";import"./_baseIteratee-D3DXGIH5.js";import"./index-BbqZ38Fk.js";import"./validator-BS3Z4xEC.js";import"./index-CzfZ4hlp.js";import"./index-C4MW0Y-7.js";import"./index-BLjywj98.js";import"./_baseClone-0Kiqxc2t.js";import"./_initCloneObject-BYrljc_C.js";import"./isPlainObject-B8kQT8U7.js";const te=$({name:"LayoutWebextrator",components:{ElDrawer:N,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),oe={class:"main flex flex-row flex-1"},se={class:"config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ae={class:"result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function re(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-button"),p=a("el-drawer");return r(),c("div",oe,[o("div",se,[S(e.$slots,"config",{},void 0,!0)]),o("div",ae,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:s[0]||(s[0]=m=>e.drawer=!0)},{default:d(()=>[t(l,{icon:"fa-solid fa-sliders"})]),_:1}),t(p,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const le=v(te,[["render",re],["__scopeId","data-v-f9e97e78"]]),ne=$({name:"ModeSelector",components:{ElRadioGroup:q,ElRadioButton:A,FontAwesomeIcon:T},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,mode:e})}}}}),ie={class:"field"},de={class:"title font-bold"};function ce(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-radio-button"),p=a("el-radio-group");return r(),c("div",ie,[o("h2",de,n(e.$t("webextrator.name.mode")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value w-full"},{default:d(()=>[t(u,{label:"extract",value:"extract"},{default:d(()=>[t(l,{icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.extract")),1)]),_:1}),t(u,{label:"render",value:"render"},{default:d(()=>[t(l,{icon:"fa-solid fa-globe",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.render")),1)]),_:1})]),_:1},8,["modelValue"])])}const ue=v(ne,[["render",ce],["__scopeId","data-v-31e6c11d"]]),me=$({name:"UrlInput",components:{ElInput:D},emits:["submit"],computed:{url:{get(){return this.$store.state.webextrator?.config?.url||""},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,url:e})}}},methods:{onEnter(){this.$emit("submit")}}}),pe={class:"field"},be={class:"title font-bold"};function fe(e,s,h,f,g,y){const l=a("el-input");return r(),c("div",pe,[o("h2",be,n(e.$t("webextrator.name.url")),1),t(l,{modelValue:e.url,"onUpdate:modelValue":s[0]||(s[0]=u=>e.url=u),type:"textarea",rows:2,class:"prompt",placeholder:e.$t("webextrator.placeholder.url"),onKeydown:F(M(e.onEnter,["exact","prevent"]),["enter"])},null,8,["modelValue","placeholder","onKeydown"])])}const he=v(me,[["render",fe],["__scopeId","data-v-18488009"]]),_e=$({name:"ExpectedTypeSelector",components:{ElSelect:L,ElOption:P},computed:{value:{get(){return this.$store.state.webextrator?.config?.expected_type},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,expected_type:e})}}},mounted(){this.value||(this.value="general")}}),we={class:"field"},$e={class:"title font-bold"};function ve(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select");return r(),c("div",we,[o("h2",$e,n(e.$t("webextrator.name.expectedType")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=p=>e.value=p),class:"value"},{default:d(()=>[t(l,{value:"general",label:e.$t("webextrator.expectedType.general")},null,8,["label"]),t(l,{value:"article",label:e.$t("webextrator.expectedType.article")},null,8,["label"]),t(l,{value:"product",label:e.$t("webextrator.expectedType.product")},null,8,["label"])]),_:1},8,["modelValue"])])}const ge=v(_e,[["render",ve],["__scopeId","data-v-3b572c49"]]),ye=$({name:"LlmToggle",components:{ElSwitch:K,ElTooltip:B,FontAwesomeIcon:T},computed:{value:{get(){return!!this.$store.state.webextrator?.config?.enable_llm},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,enable_llm:e})}}}}),xe={class:"field"},ke={class:"title font-bold"};function Ee(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-tooltip"),p=a("el-switch");return r(),c("div",xe,[o("h2",ke,[x(n(e.$t("webextrator.name.enableLlm"))+" ",1),t(u,{effect:"dark",content:e.$t("webextrator.description.enableLlm"),placement:"top"},{default:d(()=>[t(l,{icon:"fa-solid fa-circle-info",class:"ml-1 text-[var(--el-text-color-secondary)] text-xs"})]),_:1},8,["content"])]),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])}const Ve=v(ye,[["render",Ee],["__scopeId","data-v-32fa7c89"]]),Te=["image","font","media","stylesheet","xhr","fetch"],Ue=$({name:"AdvancedOptions",components:{ElCollapse:z,ElCollapseItem:j,ElInput:D,ElInputNumber:W,ElSelect:L,ElOption:P},data(){return{active:[]}},computed:{resourceKinds(){return Te},waitUntil:{get(){return this.$store.state.webextrator?.config?.wait_until||"networkidle"},set(e){this.commit({wait_until:e})}},waitForSelector:{get(){return this.$store.state.webextrator?.config?.wait_for_selector||""},set(e){this.commit({wait_for_selector:e})}},timeout:{get(){return this.$store.state.webextrator?.config?.timeout??30},set(e){this.commit({timeout:e})}},delay:{get(){return this.$store.state.webextrator?.config?.delay??0},set(e){this.commit({delay:e})}},blockResources:{get(){return this.$store.state.webextrator?.config?.block_resources||[]},set(e){this.commit({block_resources:e})}}},methods:{commit(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,...e})}}}),Se={class:"field"},Re={class:"sub-title"},Ce={class:"field"},Ie={class:"sub-title"},De={class:"field"},Pe={class:"sub-title"},Le={class:"field"},Ne={class:"sub-title"},Fe={class:"field"},Me={class:"sub-title"};function Oe(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select"),p=a("el-input"),m=a("el-input-number"),_=a("el-collapse-item"),V=a("el-collapse");return r(),w(V,{modelValue:e.active,"onUpdate:modelValue":s[5]||(s[5]=i=>e.active=i),class:"advanced"},{default:d(()=>[t(_,{title:e.$t("webextrator.name.advanced"),name:"advanced"},{default:d(()=>[o("div",Se,[o("h2",Re,n(e.$t("webextrator.name.waitUntil")),1),t(u,{modelValue:e.waitUntil,"onUpdate:modelValue":s[0]||(s[0]=i=>e.waitUntil=i),class:"value"},{default:d(()=>[t(l,{value:"networkidle",label:e.$t("webextrator.waitUntil.networkidle")},null,8,["label"]),t(l,{value:"load",label:e.$t("webextrator.waitUntil.load")},null,8,["label"]),t(l,{value:"domcontentloaded",label:e.$t("webextrator.waitUntil.domcontentloaded")},null,8,["label"]),t(l,{value:"commit",label:e.$t("webextrator.waitUntil.commit")},null,8,["label"])]),_:1},8,["modelValue"])]),o("div",Ce,[o("h2",Ie,n(e.$t("webextrator.name.waitForSelector")),1),t(p,{modelValue:e.waitForSelector,"onUpdate:modelValue":s[1]||(s[1]=i=>e.waitForSelector=i),placeholder:e.$t("webextrator.placeholder.waitForSelector")},null,8,["modelValue","placeholder"])]),o("div",De,[o("h2",Pe,n(e.$t("webextrator.name.timeout")),1),t(m,{modelValue:e.timeout,"onUpdate:modelValue":s[2]||(s[2]=i=>e.timeout=i),min:1,max:120,step:5,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Le,[o("h2",Ne,n(e.$t("webextrator.name.delay")),1),t(m,{modelValue:e.delay,"onUpdate:modelValue":s[3]||(s[3]=i=>e.delay=i),min:0,max:30,step:1,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Fe,[o("h2",Me,n(e.$t("webextrator.name.blockResources")),1),t(u,{modelValue:e.blockResources,"onUpdate:modelValue":s[4]||(s[4]=i=>e.blockResources=i),multiple:"","collapse-tags":"",placeholder:e.$t("webextrator.placeholder.blockResources"),class:"w-full"},{default:d(()=>[(r(!0),c(U,null,R(e.resourceKinds,i=>(r(),w(l,{key:i,label:e.$t(`webextrator.blockResource.${i}`),value:i},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),_:1},8,["title"])]),_:1},8,["modelValue"])}const Ae=v(Ue,[["render",Oe],["__scopeId","data-v-8f36d2df"]]),qe=$({name:"WebextratorConfigPanel",components:{ElButton:C,FontAwesomeIcon:T,ModeSelector:ue,UrlInput:he,ExpectedTypeSelector:ge,LlmToggle:Ve,AdvancedOptions:Ae,Consumption:J},emits:["run"],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return G(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===I.Request},isExtract(){return(this.config?.mode||"extract")==="extract"},canRun(){const e=(this.config?.url||"").trim();return/^https?:\/\//i.test(e)}},methods:{onRun(){this.canRun&&this.$emit("run")}}}),Be={class:"flex flex-col h-full"},Ke={class:"flex-1 overflow-y-auto p-5"},We={class:"flex flex-col items-center justify-center px-5 pb-5"};function je(e,s,h,f,g,y){const l=a("mode-selector"),u=a("url-input"),p=a("expected-type-selector"),m=a("llm-toggle"),_=a("advanced-options"),V=a("consumption"),i=a("font-awesome-icon"),k=a("el-button");return r(),c("div",Be,[o("div",Ke,[t(l,{class:"mb-4"}),t(u,{class:"mb-4",onSubmit:e.onRun},null,8,["onSubmit"]),e.isExtract?(r(),c(U,{key:0},[t(p,{class:"mb-4"}),t(m,{class:"mb-4"})],64)):b("",!0),t(_,{class:"mb-4"})]),o("div",We,[t(V,{value:e.consumption,service:e.service},null,8,["value","service"]),t(k,{type:"primary",class:"w-full",round:"",loading:e.running,disabled:!e.canRun,onClick:e.onRun},{default:d(()=>[t(i,{icon:"fa-solid fa-bolt",class:"mr-2"}),x(" "+n(e.$t(e.isExtract?"webextrator.button.extract":"webextrator.button.render")),1)]),_:1},8,["loading","disabled","onClick"])])])}const ze=v(qe,[["render",je]]),Je=e=>!!e&&e.kind!=="render",Ge=$({name:"WebextratorResultPanel",components:{ElAlert:Z,ElImage:Y,ElTabs:X,ElTabPane:Q,FontAwesomeIcon:T,CopyToClipboard:H},data(){return{activeTab:"markdown"}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===I.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind==="render"?this.data:void 0},extractData(){return Je(this.data)?this.data:void 0},finalUrl(){const e=this.data;return e?.finalUrl||e?.final_url||e?.url},contentTypeLabel(){const e=this.data;return e?.contentType||e?.content_type||e?.expected_type},screenshotSrc(){const e=this.data?.screenshot;if(e)return e.startsWith("data:")||e.startsWith("http")?e:`data:image/png;base64,${e}`},markdown(){const e=this.data;return e?.markdown||e?.content||""},plainText(){return this.data?.text||""},html(){return this.data?.html||""},links(){return Array.isArray(this.data?.links)?this.data.links:[]},linksPlain(){return this.links.join(`
-`)},images(){return Array.isArray(this.data?.images)?this.data.images:[]},structuredPretty(){return this.extractData?.structured?JSON.stringify(this.extractData.structured,null,2):""},rawPretty(){return this.response?JSON.stringify(this.response,null,2):""},errorMessage(){if(this.response?.success===!1){const e=this.response?.error;return e?.message||e?.code||this.$t("webextrator.message.failed")}}},watch:{response:{handler(){this.resetTab()},immediate:!0}},methods:{resetTab(){this.markdown?this.activeTab="markdown":this.extractData?.structured?this.activeTab="structured":this.plainText?this.activeTab="text":this.html?this.activeTab="html":this.activeTab="raw"}}}),He={class:"h-full overflow-y-auto p-6"},Qe={key:0,class:"max-w-4xl mx-auto py-4"},Xe={class:"flex items-center gap-2 mb-3 text-[var(--el-color-primary)] text-sm"},Ye={key:1,class:"flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]"},Ze={class:"text-base mb-1"},et={class:"text-xs opacity-70"},tt={key:2,class:"max-w-4xl mx-auto py-4"},ot={class:"text-xs whitespace-pre-wrap break-words"},st={key:3,class:"max-w-4xl mx-auto"},at={class:"mb-4"},rt={class:"text-xl font-semibold leading-snug mb-1 break-words text-[var(--el-text-color-primary)]"},lt={class:"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--el-text-color-secondary)]"},nt=["href"],it={key:1},dt={key:2},ct={key:3},ut={key:0,class:"mt-2 text-sm text-[var(--el-text-color-regular)] leading-relaxed line-clamp-3"},mt={key:0,class:"mb-5"},pt={class:"tab-toolbar"},bt={class:"content-block"},ft={class:"tab-toolbar"},ht={class:"content-block"},_t={class:"tab-toolbar"},wt={class:"content-block code"},$t={class:"tab-toolbar"},vt={class:"links-list"},gt=["href"],yt={class:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2"},xt={class:"tab-toolbar"},kt={class:"content-block code"},Et={class:"tab-toolbar"},Vt={class:"content-block code"};function Tt(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-alert"),p=a("el-image"),m=a("copy-to-clipboard"),_=a("el-tab-pane"),V=a("el-tabs");return r(),c("div",He,[e.running?(r(),c("div",Qe,[o("div",Xe,[t(l,{icon:"fa-solid fa-circle-notch",spin:""}),o("span",null,n(e.$t("webextrator.message.running")),1)]),s[1]||(s[1]=O('<div class="mb-6 animate-pulse" data-v-b05b4db0><div class="h-5 w-3/5 rounded bg-[var(--el-fill-color-dark)] mb-2" data-v-b05b4db0></div><div class="h-3 w-2/5 rounded bg-[var(--el-fill-color)] mb-4" data-v-b05b4db0></div><div class="h-64 w-full rounded bg-[var(--el-fill-color)] mb-3" data-v-b05b4db0></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-4/6 rounded bg-[var(--el-fill-color)]" data-v-b05b4db0></div></div>',1))])):!e.response&&!e.errorMessage?(r(),c("div",Ye,[t(l,{icon:"fa-solid fa-globe",class:"text-6xl mb-4 opacity-30"}),o("p",Ze,n(e.$t("webextrator.description.intro")),1),o("p",et,n(e.$t("webextrator.description.introHint")),1)])):e.errorMessage?(r(),c("div",tt,[t(u,{type:"error",closable:!1,"show-icon":"",title:e.$t("webextrator.message.failed")},{default:d(()=>[o("pre",ot,n(e.errorMessage),1)]),_:1},8,["title"])])):e.data?(r(),c("div",st,[o("header",at,[o("h1",rt,n(e.data.title||e.$t("webextrator.message.untitled")),1),o("div",lt,[e.finalUrl?(r(),c("a",{key:0,href:e.finalUrl,target:"_blank",rel:"noopener",class:"hover:underline truncate max-w-[60%]"},[t(l,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),x(n(e.finalUrl),1)],8,nt)):b("",!0),e.renderData?.status?(r(),c("span",it,[t(l,{icon:"fa-solid fa-signal",class:"mr-1"}),x(n(e.renderData.status),1)])):b("",!0),e.response?.elapsed?(r(),c("span",dt,[t(l,{icon:"fa-solid fa-clock",class:"mr-1"}),x(n(e.response.elapsed.toFixed(2))+"s ",1)])):b("",!0),e.contentTypeLabel?(r(),c("span",ct,[t(l,{icon:"fa-solid fa-tag",class:"mr-1"}),x(n(e.contentTypeLabel),1)])):b("",!0)]),e.extractData?.description?(r(),c("p",ut,n(e.extractData.description),1)):b("",!0)]),e.screenshotSrc?(r(),c("figure",mt,[t(p,{src:e.screenshotSrc,fit:"contain","preview-src-list":[e.screenshotSrc],"preview-teleported":"","hide-on-click-modal":"",class:"w-full max-h-[480px] rounded border border-[var(--app-border-subtle)] bg-[var(--el-fill-color-light)]"},null,8,["src","preview-src-list"])])):b("",!0),t(V,{modelValue:e.activeTab,"onUpdate:modelValue":s[0]||(s[0]=i=>e.activeTab=i),class:"result-tabs"},{default:d(()=>[e.markdown?(r(),w(_,{key:0,label:e.$t("webextrator.tab.markdown"),name:"markdown"},{default:d(()=>[o("div",pt,[t(m,{content:e.markdown},null,8,["content"])]),o("pre",bt,n(e.markdown),1)]),_:1},8,["label"])):b("",!0),e.plainText?(r(),w(_,{key:1,label:e.$t("webextrator.tab.text"),name:"text"},{default:d(()=>[o("div",ft,[t(m,{content:e.plainText},null,8,["content"])]),o("pre",ht,n(e.plainText),1)]),_:1},8,["label"])):b("",!0),e.extractData?.structured?(r(),w(_,{key:2,label:e.$t("webextrator.tab.structured"),name:"structured"},{default:d(()=>[o("div",_t,[t(m,{content:e.structuredPretty},null,8,["content"])]),o("pre",wt,n(e.structuredPretty),1)]),_:1},8,["label"])):b("",!0),e.links.length?(r(),w(_,{key:3,label:`${e.$t("webextrator.tab.links")} (${e.links.length})`,name:"links"},{default:d(()=>[o("div",$t,[t(m,{content:e.linksPlain},null,8,["content"])]),o("ul",vt,[(r(!0),c(U,null,R(e.links,(i,k)=>(r(),c("li",{key:k,class:"truncate"},[o("a",{href:i,target:"_blank",rel:"noopener"},n(i),9,gt)]))),128))])]),_:1},8,["label"])):b("",!0),e.images.length?(r(),w(_,{key:4,label:`${e.$t("webextrator.tab.images")} (${e.images.length})`,name:"images"},{default:d(()=>[o("div",yt,[(r(!0),c(U,null,R(e.images,(i,k)=>(r(),w(p,{key:k,src:i,fit:"cover",loading:"lazy","preview-src-list":e.images,"initial-index":k,"preview-teleported":"","hide-on-click-modal":"",class:"aspect-square w-full rounded bg-[var(--el-fill-color-light)]"},null,8,["src","preview-src-list","initial-index"]))),128))])]),_:1},8,["label"])):b("",!0),e.html?(r(),w(_,{key:5,label:e.$t("webextrator.tab.html"),name:"html"},{default:d(()=>[o("div",xt,[t(m,{content:e.html},null,8,["content"])]),o("pre",kt,n(e.html),1)]),_:1},8,["label"])):b("",!0),t(_,{label:e.$t("webextrator.tab.raw"),name:"raw"},{default:d(()=>[o("div",Et,[t(m,{content:e.rawPretty},null,8,["content"])]),o("pre",Vt,n(e.rawPretty),1)]),_:1},8,["label"])]),_:1},8,["modelValue"])])):b("",!0)])}const Ut=v(Ge,[["render",Tt],["__scopeId","data-v-b05b4db0"]]),St=$({name:"WebextratorIndex",components:{Layout:le,ConfigPanel:ze,ResultPanel:Ut},inject:["initialized"],async mounted(){await this.$store.dispatch("webextrator/getService")},methods:{async onRun(){const e=this.$store.state.webextrator?.config;if(!e?.url)return;const s=(e.mode||"extract")==="extract";E.info(this.$t(s?"webextrator.message.extracting":"webextrator.message.rendering"));try{await this.$store.dispatch("webextrator/run"),E.success(this.$t("webextrator.message.success"))}catch(h){const f=h?.response?.data?.error?.code||h?.response?.data?.code;f===ee?E.error(this.$t("webextrator.message.usedUp")):f==="too_many_requests"?E.error(this.$t("webextrator.message.busy")):f==="timeout"?E.error(this.$t("webextrator.message.timeout")):E.error(this.$t("webextrator.message.failed"))}}}});function Rt(e,s,h,f,g,y){const l=a("config-panel"),u=a("result-panel"),p=a("layout");return r(),w(p,null,{config:d(()=>[t(l,{onRun:e.onRun},null,8,["onRun"])]),result:d(()=>[t(u)]),_:1})}const go=v(St,[["render",Rt]]);export{go as default};
+import{F as T}from"./index.es-CJfukhtE.js";import{E as C}from"./index-C71cSz36.js";import{E as N}from"./index-BpUUocOH.js";import{d as $,C as c,D as o,z as S,E as t,y as d,J as a,q as r,H as n,N as x,S as F,K as M,x as w,L as R,M as U,I as b,O}from"./vendor-vue-BWIxYyW8.js";import{J as v,S as I}from"./index-DrvYmhcP.js";import{a as A,E as K}from"./index-CQ8_0yRK.js";import{E as D}from"./index-lfOMNaVh.js";import{E as P,a as L}from"./index-D7KBMZcH.js";import{E as q}from"./index-BoKfbtX5.js";import{E as B}from"./index-Bf6ZJ_-M.js";import{E as W}from"./index-DiN4Bfoz.js";import{E as j,a as z}from"./index-B-XszVZM.js";import{C as J}from"./Consumption-Bx3U0iJn.js";import{a as H}from"./price-C6x3zgFx.js";import{C as G}from"./CopyToClipboard-ffsw6Et3.js";import{E as Q,a as X}from"./index-DtKgf_D_.js";import{E as Y}from"./index-Blb1DDfP.js";import{E as Z}from"./index-rDyNuNM8.js";import{b as ee}from"./errorCode-Cqj9Td_Z.js";import{E}from"./index-BJuXTSkv.js";import"./use-form-item-xBSOcnBK.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-B8svBnpb.js";import"./typescript-lkSt6sMt.js";import"./index-DZuGeaea.js";import"./index-0JQvyqxg.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./castArray-DEdhtRiU.js";import"./debounce-BTG3LRQl.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BoXQVYKo.js";import"./validator-Cct-VH_X.js";import"./index-BC6AqXIx.js";import"./index-CCgsKWE1.js";import"./index-BLjywj98.js";import"./_baseClone-CxI4YMcc.js";import"./_initCloneObject-C7zi7Gf-.js";import"./isPlainObject-DoaviOGK.js";const te=$({name:"LayoutWebextrator",components:{ElDrawer:N,ElButton:C,FontAwesomeIcon:T},data(){return{drawer:!1}}}),oe={class:"main flex flex-row flex-1"},se={class:"config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},ae={class:"result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function re(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-button"),p=a("el-drawer");return r(),c("div",oe,[o("div",se,[S(e.$slots,"config",{},void 0,!0)]),o("div",ae,[S(e.$slots,"result",{},void 0,!0)]),t(u,{circle:"",class:"menu",onClick:s[0]||(s[0]=m=>e.drawer=!0)},{default:d(()=>[t(l,{icon:"fa-solid fa-sliders"})]),_:1}),t(p,{modelValue:e.drawer,"onUpdate:modelValue":s[1]||(s[1]=m=>e.drawer=m),direction:"ltr","with-header":!1,size:"340px",class:"drawer"},{default:d(()=>[S(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const le=v(te,[["render",re],["__scopeId","data-v-f9e97e78"]]),ne=$({name:"ModeSelector",components:{ElRadioGroup:K,ElRadioButton:A,FontAwesomeIcon:T},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,mode:e})}}}}),ie={class:"field"},de={class:"title font-bold"};function ce(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-radio-button"),p=a("el-radio-group");return r(),c("div",ie,[o("h2",de,n(e.$t("webextrator.name.mode")),1),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value w-full"},{default:d(()=>[t(u,{label:"extract",value:"extract"},{default:d(()=>[t(l,{icon:"fa-solid fa-wand-magic-sparkles",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.extract")),1)]),_:1}),t(u,{label:"render",value:"render"},{default:d(()=>[t(l,{icon:"fa-solid fa-globe",class:"mr-1"}),x(" "+n(e.$t("webextrator.mode.render")),1)]),_:1})]),_:1},8,["modelValue"])])}const ue=v(ne,[["render",ce],["__scopeId","data-v-31e6c11d"]]),me=$({name:"UrlInput",components:{ElInput:D},emits:["submit"],computed:{url:{get(){return this.$store.state.webextrator?.config?.url||""},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,url:e})}}},methods:{onEnter(){this.$emit("submit")}}}),pe={class:"field"},be={class:"title font-bold"};function fe(e,s,h,f,g,y){const l=a("el-input");return r(),c("div",pe,[o("h2",be,n(e.$t("webextrator.name.url")),1),t(l,{modelValue:e.url,"onUpdate:modelValue":s[0]||(s[0]=u=>e.url=u),type:"textarea",rows:2,class:"prompt",placeholder:e.$t("webextrator.placeholder.url"),onKeydown:F(M(e.onEnter,["exact","prevent"]),["enter"])},null,8,["modelValue","placeholder","onKeydown"])])}const he=v(me,[["render",fe],["__scopeId","data-v-18488009"]]),_e=$({name:"ExpectedTypeSelector",components:{ElSelect:L,ElOption:P},computed:{value:{get(){return this.$store.state.webextrator?.config?.expected_type},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,expected_type:e})}}},mounted(){this.value||(this.value="general")}}),we={class:"field"},$e={class:"title font-bold"};function ve(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select");return r(),c("div",we,[o("h2",$e,n(e.$t("webextrator.name.expectedType")),1),t(u,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=p=>e.value=p),class:"value"},{default:d(()=>[t(l,{value:"general",label:e.$t("webextrator.expectedType.general")},null,8,["label"]),t(l,{value:"article",label:e.$t("webextrator.expectedType.article")},null,8,["label"]),t(l,{value:"product",label:e.$t("webextrator.expectedType.product")},null,8,["label"])]),_:1},8,["modelValue"])])}const ge=v(_e,[["render",ve],["__scopeId","data-v-3b572c49"]]),ye=$({name:"LlmToggle",components:{ElSwitch:B,ElTooltip:q,FontAwesomeIcon:T},computed:{value:{get(){return!!this.$store.state.webextrator?.config?.enable_llm},set(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,enable_llm:e})}}}}),xe={class:"field"},ke={class:"title font-bold"};function Ee(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-tooltip"),p=a("el-switch");return r(),c("div",xe,[o("h2",ke,[x(n(e.$t("webextrator.name.enableLlm"))+" ",1),t(u,{effect:"dark",content:e.$t("webextrator.description.enableLlm"),placement:"top"},{default:d(()=>[t(l,{icon:"fa-solid fa-circle-info",class:"ml-1 text-[var(--el-text-color-secondary)] text-xs"})]),_:1},8,["content"])]),t(p,{modelValue:e.value,"onUpdate:modelValue":s[0]||(s[0]=m=>e.value=m),class:"value"},null,8,["modelValue"])])}const Ve=v(ye,[["render",Ee],["__scopeId","data-v-32fa7c89"]]),Te=["image","font","media","stylesheet","xhr","fetch"],Ue=$({name:"AdvancedOptions",components:{ElCollapse:z,ElCollapseItem:j,ElInput:D,ElInputNumber:W,ElSelect:L,ElOption:P},data(){return{active:[]}},computed:{resourceKinds(){return Te},waitUntil:{get(){return this.$store.state.webextrator?.config?.wait_until||"networkidle"},set(e){this.commit({wait_until:e})}},waitForSelector:{get(){return this.$store.state.webextrator?.config?.wait_for_selector||""},set(e){this.commit({wait_for_selector:e})}},timeout:{get(){return this.$store.state.webextrator?.config?.timeout??30},set(e){this.commit({timeout:e})}},delay:{get(){return this.$store.state.webextrator?.config?.delay??0},set(e){this.commit({delay:e})}},blockResources:{get(){return this.$store.state.webextrator?.config?.block_resources||[]},set(e){this.commit({block_resources:e})}}},methods:{commit(e){this.$store.commit("webextrator/setConfig",{...this.$store.state.webextrator?.config,...e})}}}),Se={class:"field"},Re={class:"sub-title"},Ce={class:"field"},Ie={class:"sub-title"},De={class:"field"},Pe={class:"sub-title"},Le={class:"field"},Ne={class:"sub-title"},Fe={class:"field"},Me={class:"sub-title"};function Oe(e,s,h,f,g,y){const l=a("el-option"),u=a("el-select"),p=a("el-input"),m=a("el-input-number"),_=a("el-collapse-item"),V=a("el-collapse");return r(),w(V,{modelValue:e.active,"onUpdate:modelValue":s[5]||(s[5]=i=>e.active=i),class:"advanced"},{default:d(()=>[t(_,{title:e.$t("webextrator.name.advanced"),name:"advanced"},{default:d(()=>[o("div",Se,[o("h2",Re,n(e.$t("webextrator.name.waitUntil")),1),t(u,{modelValue:e.waitUntil,"onUpdate:modelValue":s[0]||(s[0]=i=>e.waitUntil=i),class:"value"},{default:d(()=>[t(l,{value:"networkidle",label:e.$t("webextrator.waitUntil.networkidle")},null,8,["label"]),t(l,{value:"load",label:e.$t("webextrator.waitUntil.load")},null,8,["label"]),t(l,{value:"domcontentloaded",label:e.$t("webextrator.waitUntil.domcontentloaded")},null,8,["label"]),t(l,{value:"commit",label:e.$t("webextrator.waitUntil.commit")},null,8,["label"])]),_:1},8,["modelValue"])]),o("div",Ce,[o("h2",Ie,n(e.$t("webextrator.name.waitForSelector")),1),t(p,{modelValue:e.waitForSelector,"onUpdate:modelValue":s[1]||(s[1]=i=>e.waitForSelector=i),placeholder:e.$t("webextrator.placeholder.waitForSelector")},null,8,["modelValue","placeholder"])]),o("div",De,[o("h2",Pe,n(e.$t("webextrator.name.timeout")),1),t(m,{modelValue:e.timeout,"onUpdate:modelValue":s[2]||(s[2]=i=>e.timeout=i),min:1,max:120,step:5,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Le,[o("h2",Ne,n(e.$t("webextrator.name.delay")),1),t(m,{modelValue:e.delay,"onUpdate:modelValue":s[3]||(s[3]=i=>e.delay=i),min:0,max:30,step:1,"controls-position":"right",class:"w-full"},null,8,["modelValue"])]),o("div",Fe,[o("h2",Me,n(e.$t("webextrator.name.blockResources")),1),t(u,{modelValue:e.blockResources,"onUpdate:modelValue":s[4]||(s[4]=i=>e.blockResources=i),multiple:"","collapse-tags":"",placeholder:e.$t("webextrator.placeholder.blockResources"),class:"w-full"},{default:d(()=>[(r(!0),c(U,null,R(e.resourceKinds,i=>(r(),w(l,{key:i,label:e.$t(`webextrator.blockResource.${i}`),value:i},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])]),_:1},8,["title"])]),_:1},8,["modelValue"])}const Ae=v(Ue,[["render",Oe],["__scopeId","data-v-8f36d2df"]]),Ke=$({name:"WebextratorConfigPanel",components:{ElButton:C,FontAwesomeIcon:T,ModeSelector:ue,UrlInput:he,ExpectedTypeSelector:ge,LlmToggle:Ve,AdvancedOptions:Ae,Consumption:J},emits:["run"],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return H(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===I.Request},isExtract(){return(this.config?.mode||"extract")==="extract"},canRun(){const e=(this.config?.url||"").trim();return/^https?:\/\//i.test(e)}},methods:{onRun(){this.canRun&&this.$emit("run")}}}),qe={class:"flex flex-col h-full"},Be={class:"flex-1 overflow-y-auto p-5"},We={class:"flex flex-col items-center justify-center px-5 pb-5"};function je(e,s,h,f,g,y){const l=a("mode-selector"),u=a("url-input"),p=a("expected-type-selector"),m=a("llm-toggle"),_=a("advanced-options"),V=a("consumption"),i=a("font-awesome-icon"),k=a("el-button");return r(),c("div",qe,[o("div",Be,[t(l,{class:"mb-4"}),t(u,{class:"mb-4",onSubmit:e.onRun},null,8,["onSubmit"]),e.isExtract?(r(),c(U,{key:0},[t(p,{class:"mb-4"}),t(m,{class:"mb-4"})],64)):b("",!0),t(_,{class:"mb-4"})]),o("div",We,[t(V,{value:e.consumption,service:e.service},null,8,["value","service"]),t(k,{type:"primary",class:"w-full",round:"",loading:e.running,disabled:!e.canRun,onClick:e.onRun},{default:d(()=>[t(i,{icon:"fa-solid fa-bolt",class:"mr-2"}),x(" "+n(e.$t(e.isExtract?"webextrator.button.extract":"webextrator.button.render")),1)]),_:1},8,["loading","disabled","onClick"])])])}const ze=v(Ke,[["render",je]]),Je=e=>!!e&&e.kind!=="render",He=$({name:"WebextratorResultPanel",components:{ElAlert:Z,ElImage:Y,ElTabs:X,ElTabPane:Q,FontAwesomeIcon:T,CopyToClipboard:G},data(){return{activeTab:"markdown"}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===I.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind==="render"?this.data:void 0},extractData(){return Je(this.data)?this.data:void 0},finalUrl(){const e=this.data;return e?.finalUrl||e?.final_url||e?.url},contentTypeLabel(){const e=this.data;return e?.contentType||e?.content_type||e?.expected_type},screenshotSrc(){const e=this.data?.screenshot;if(e)return e.startsWith("data:")||e.startsWith("http")?e:`data:image/png;base64,${e}`},markdown(){const e=this.data;return e?.markdown||e?.content||""},plainText(){return this.data?.text||""},html(){return this.data?.html||""},links(){return Array.isArray(this.data?.links)?this.data.links:[]},linksPlain(){return this.links.join(`
+`)},images(){return Array.isArray(this.data?.images)?this.data.images:[]},structuredPretty(){return this.extractData?.structured?JSON.stringify(this.extractData.structured,null,2):""},rawPretty(){return this.response?JSON.stringify(this.response,null,2):""},errorMessage(){if(this.response?.success===!1){const e=this.response?.error;return e?.message||e?.code||this.$t("webextrator.message.failed")}}},watch:{response:{handler(){this.resetTab()},immediate:!0}},methods:{resetTab(){this.markdown?this.activeTab="markdown":this.extractData?.structured?this.activeTab="structured":this.plainText?this.activeTab="text":this.html?this.activeTab="html":this.activeTab="raw"}}}),Ge={class:"h-full overflow-y-auto p-6"},Qe={key:0,class:"max-w-4xl mx-auto py-4"},Xe={class:"flex items-center gap-2 mb-3 text-[var(--el-color-primary)] text-sm"},Ye={key:1,class:"flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]"},Ze={class:"text-base mb-1"},et={class:"text-xs opacity-70"},tt={key:2,class:"max-w-4xl mx-auto py-4"},ot={class:"text-xs whitespace-pre-wrap break-words"},st={key:3,class:"max-w-4xl mx-auto"},at={class:"mb-4"},rt={class:"text-xl font-semibold leading-snug mb-1 break-words text-[var(--el-text-color-primary)]"},lt={class:"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--el-text-color-secondary)]"},nt=["href"],it={key:1},dt={key:2},ct={key:3},ut={key:0,class:"mt-2 text-sm text-[var(--el-text-color-regular)] leading-relaxed line-clamp-3"},mt={key:0,class:"mb-5"},pt={class:"tab-toolbar"},bt={class:"content-block"},ft={class:"tab-toolbar"},ht={class:"content-block"},_t={class:"tab-toolbar"},wt={class:"content-block code"},$t={class:"tab-toolbar"},vt={class:"links-list"},gt=["href"],yt={class:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2"},xt={class:"tab-toolbar"},kt={class:"content-block code"},Et={class:"tab-toolbar"},Vt={class:"content-block code"};function Tt(e,s,h,f,g,y){const l=a("font-awesome-icon"),u=a("el-alert"),p=a("el-image"),m=a("copy-to-clipboard"),_=a("el-tab-pane"),V=a("el-tabs");return r(),c("div",Ge,[e.running?(r(),c("div",Qe,[o("div",Xe,[t(l,{icon:"fa-solid fa-circle-notch",spin:""}),o("span",null,n(e.$t("webextrator.message.running")),1)]),s[1]||(s[1]=O('<div class="mb-6 animate-pulse" data-v-b05b4db0><div class="h-5 w-3/5 rounded bg-[var(--el-fill-color-dark)] mb-2" data-v-b05b4db0></div><div class="h-3 w-2/5 rounded bg-[var(--el-fill-color)] mb-4" data-v-b05b4db0></div><div class="h-64 w-full rounded bg-[var(--el-fill-color)] mb-3" data-v-b05b4db0></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-4/6 rounded bg-[var(--el-fill-color)]" data-v-b05b4db0></div></div>',1))])):!e.response&&!e.errorMessage?(r(),c("div",Ye,[t(l,{icon:"fa-solid fa-globe",class:"text-6xl mb-4 opacity-30"}),o("p",Ze,n(e.$t("webextrator.description.intro")),1),o("p",et,n(e.$t("webextrator.description.introHint")),1)])):e.errorMessage?(r(),c("div",tt,[t(u,{type:"error",closable:!1,"show-icon":"",title:e.$t("webextrator.message.failed")},{default:d(()=>[o("pre",ot,n(e.errorMessage),1)]),_:1},8,["title"])])):e.data?(r(),c("div",st,[o("header",at,[o("h1",rt,n(e.data.title||e.$t("webextrator.message.untitled")),1),o("div",lt,[e.finalUrl?(r(),c("a",{key:0,href:e.finalUrl,target:"_blank",rel:"noopener",class:"hover:underline truncate max-w-[60%]"},[t(l,{icon:"fa-solid fa-up-right-from-square",class:"mr-1"}),x(n(e.finalUrl),1)],8,nt)):b("",!0),e.renderData?.status?(r(),c("span",it,[t(l,{icon:"fa-solid fa-signal",class:"mr-1"}),x(n(e.renderData.status),1)])):b("",!0),e.response?.elapsed?(r(),c("span",dt,[t(l,{icon:"fa-solid fa-clock",class:"mr-1"}),x(n(e.response.elapsed.toFixed(2))+"s ",1)])):b("",!0),e.contentTypeLabel?(r(),c("span",ct,[t(l,{icon:"fa-solid fa-tag",class:"mr-1"}),x(n(e.contentTypeLabel),1)])):b("",!0)]),e.extractData?.description?(r(),c("p",ut,n(e.extractData.description),1)):b("",!0)]),e.screenshotSrc?(r(),c("figure",mt,[t(p,{src:e.screenshotSrc,fit:"contain","preview-src-list":[e.screenshotSrc],"preview-teleported":"","hide-on-click-modal":"",class:"w-full max-h-[480px] rounded border border-[var(--app-border-subtle)] bg-[var(--el-fill-color-light)]"},null,8,["src","preview-src-list"])])):b("",!0),t(V,{modelValue:e.activeTab,"onUpdate:modelValue":s[0]||(s[0]=i=>e.activeTab=i),class:"result-tabs"},{default:d(()=>[e.markdown?(r(),w(_,{key:0,label:e.$t("webextrator.tab.markdown"),name:"markdown"},{default:d(()=>[o("div",pt,[t(m,{content:e.markdown},null,8,["content"])]),o("pre",bt,n(e.markdown),1)]),_:1},8,["label"])):b("",!0),e.plainText?(r(),w(_,{key:1,label:e.$t("webextrator.tab.text"),name:"text"},{default:d(()=>[o("div",ft,[t(m,{content:e.plainText},null,8,["content"])]),o("pre",ht,n(e.plainText),1)]),_:1},8,["label"])):b("",!0),e.extractData?.structured?(r(),w(_,{key:2,label:e.$t("webextrator.tab.structured"),name:"structured"},{default:d(()=>[o("div",_t,[t(m,{content:e.structuredPretty},null,8,["content"])]),o("pre",wt,n(e.structuredPretty),1)]),_:1},8,["label"])):b("",!0),e.links.length?(r(),w(_,{key:3,label:`${e.$t("webextrator.tab.links")} (${e.links.length})`,name:"links"},{default:d(()=>[o("div",$t,[t(m,{content:e.linksPlain},null,8,["content"])]),o("ul",vt,[(r(!0),c(U,null,R(e.links,(i,k)=>(r(),c("li",{key:k,class:"truncate"},[o("a",{href:i,target:"_blank",rel:"noopener"},n(i),9,gt)]))),128))])]),_:1},8,["label"])):b("",!0),e.images.length?(r(),w(_,{key:4,label:`${e.$t("webextrator.tab.images")} (${e.images.length})`,name:"images"},{default:d(()=>[o("div",yt,[(r(!0),c(U,null,R(e.images,(i,k)=>(r(),w(p,{key:k,src:i,fit:"cover",loading:"lazy","preview-src-list":e.images,"initial-index":k,"preview-teleported":"","hide-on-click-modal":"",class:"aspect-square w-full rounded bg-[var(--el-fill-color-light)]"},null,8,["src","preview-src-list","initial-index"]))),128))])]),_:1},8,["label"])):b("",!0),e.html?(r(),w(_,{key:5,label:e.$t("webextrator.tab.html"),name:"html"},{default:d(()=>[o("div",xt,[t(m,{content:e.html},null,8,["content"])]),o("pre",kt,n(e.html),1)]),_:1},8,["label"])):b("",!0),t(_,{label:e.$t("webextrator.tab.raw"),name:"raw"},{default:d(()=>[o("div",Et,[t(m,{content:e.rawPretty},null,8,["content"])]),o("pre",Vt,n(e.rawPretty),1)]),_:1},8,["label"])]),_:1},8,["modelValue"])])):b("",!0)])}const Ut=v(He,[["render",Tt],["__scopeId","data-v-b05b4db0"]]),St=$({name:"WebextratorIndex",components:{Layout:le,ConfigPanel:ze,ResultPanel:Ut},inject:["initialized"],async mounted(){await this.$store.dispatch("webextrator/getService")},methods:{async onRun(){const e=this.$store.state.webextrator?.config;if(!e?.url)return;const s=(e.mode||"extract")==="extract";E.info(this.$t(s?"webextrator.message.extracting":"webextrator.message.rendering"));try{await this.$store.dispatch("webextrator/run"),E.success(this.$t("webextrator.message.success"))}catch(h){const f=h?.response?.data?.error?.code||h?.response?.data?.code;f===ee?E.error(this.$t("webextrator.message.usedUp")):f==="too_many_requests"?E.error(this.$t("webextrator.message.busy")):f==="timeout"?E.error(this.$t("webextrator.message.timeout")):E.error(this.$t("webextrator.message.failed"))}}}});function Rt(e,s,h,f,g,y){const l=a("config-panel"),u=a("result-panel"),p=a("layout");return r(),w(p,null,{config:d(()=>[t(l,{onRun:e.onRun},null,8,["onRun"])]),result:d(()=>[t(u)]),_:1})}const go=v(St,[["render",Rt]]);export{go as default};

package/dist/assets/{Index-BUA4naRp.js → Index-B0phzJBq.js}

@@ -1 +1 @@
-import{F as L}from"./index.es-DvG6Omih.js";import{E as D}from"./index-xfKA6XaK.js";import{E as N}from"./index-DjSAdHwP.js";import{d as v,G as r,D as i,z as P,C as o,y as m,J as s,q as a,E as l,O as T,N as I,x as w,Q as A,R as j,H as _,I as h,F as q,L as K}from"./vendor-vue-Ck7I6JZv.js";import{J as b,bq as W,ct as H,aN as J,S as G,cu as Z}from"./index-DiKXm2Vl.js";import{a as M,b as z,c as E,d as F,e as Q,f as Y,g as X,h as x,i as ee}from"./sora-Dyuoglk1.js";import{E as R,a as O}from"./index-DV3ASYVw.js";import{p as te}from"./pasteUploadMixin-BurWbGNQ.js";import{u as oe,a as se,e as ae}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as ne,S as le,l as re}from"./pagination-Dx2jY-ov.js";import{I as ie}from"./ImagePreview-C20ScRMB.js";import{E as ce}from"./index-0SgFPXi5.js";import{E as V}from"./index-DmkksXrm.js";import{C as de}from"./Consumption-C05reyZz.js";import{P as ue,N as pe}from"./NoTasks-BMmjOL6C.js";import{a as me}from"./price-BTmfK-T9.js";import{b as fe}from"./errorCode-Cqj9Td_Z.js";import{C as _e}from"./CopyToClipboard-VMhzQe2I.js";import{V as he}from"./VideoPlayer-mRwxMvax.js";import{A as $e}from"./ApiCodeButton-OI5mHlsz.js";import{E as ge}from"./index-CCiFJCOC.js";import{E as ve}from"./index-DpuiO2XK.js";import{E as be}from"./index-DlO_4Ch8.js";import{B as ke}from"./BotPlaceholder-CeRMdwzL.js";import"./use-form-item-d9y6c1OU.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CBGKudGF.js";import"./index-DbaQbYQ-.js";import"./typescript-nWN70UwR.js";import"./index-DfR9Qbi5.js";import"./strings-C53lWZ6Y.js";import"./isEqual-UX6HkLTo.js";import"./_Uint8Array-vXvvgSwF.js";import"./castArray-D2L4b2-n.js";import"./index-BUPZeOUN.js";import"./index-NYylF2dS.js";import"./debounce-D3D-TN8J.js";import"./_baseIteratee-D3DXGIH5.js";import"./index-BbqZ38Fk.js";import"./highlight-D_nCtwSQ.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-DCKHnjpd.js";import"./_baseClone-0Kiqxc2t.js";import"./_initCloneObject-BYrljc_C.js";import"./vue-plyr-BO2nlN4c.js";import"./index-BKuC36PM.js";const we=v({name:"LayoutSora",components:{ElDrawer:N,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ye={class:"main flex flex-row flex-1"},Se={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Ve={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ee(e,t,d,f,$,g){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),r("div",ye,[i("div",Se,[P(e.$slots,"config",{},void 0,!0)]),i("div",Ve,[P(e.$slots,"result",{},void 0,!0)]),o(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:m(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Te=b(we,[["render",Ee],["__scopeId","data-v-bbee238c"]]),Ae=v({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:Q,label:"sora-2"},{value:Y,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},d=z[e]||[E],f=t.duration,$=f&&d.includes(f)?f:d.includes(E)?E:d[0],g={...t,model:e,duration:$,size:t.size||F};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=M)}}),Ie={class:"field"},Ce={class:"title font-bold"};function Le(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Ie,[i("h2",Ce,l(e.$t("sora.name.model")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ae,[["render",Le],["__scopeId","data-v-0cb7913d"]]),Re=v({name:"ActionSelector",components:{ElSelect:O,ElOption:R},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=X)}}),Oe={class:"field"},Ue={class:"title font-bold"},Pe={class:"float-left"};function Ge(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Oe,[i("h2",Ue,l(e.$t("sora.name.action")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},{default:m(()=>[i("span",Pe,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Me=b(Re,[["render",Ge],["__scopeId","data-v-7b82fa7f"]]),ze=v({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||M},allowedDurations(){return z[this.model]||[E]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(E)?E:e[0];this.value=t}}},mounted(){this.value||(this.value=E)}}),Fe={class:"field"},Be={class:"control"},Ne={class:"title font-bold"};function je(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Fe,[i("div",Be,[i("h2",Ne,l(e.$t("sora.name.duration")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.optionsForModel,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const qe=b(ze,[["render",je],["__scopeId","data-v-c2934598"]]),Ke=v({name:"OrientationSelector",data(){return{options:[{value:"portrait",labelKey:"sora.option.portrait",width:13,height:25},{value:"landscape",labelKey:"sora.option.landscape",width:25,height:13}]}},computed:{active(){const e=this.options.findIndex(t=>t.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=x)}}),We={class:"text-sm font-bold mb-2 block"},He={class:"items"},Je=["onClick"],Ze={class:"name"};function Qe(e,t,d,f,$,g){return a(),r("div",null,[i("span",We,l(e.$t("sora.name.orientation")),1),i("div",He,[(a(!0),r(T,null,I(e.options,(c,u)=>(a(),r("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:n=>e.value=c.value},[i("div",{class:A(["preview",c.value])},[i("div",{class:"rect",style:j({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ze,l(e.$t(c.labelKey)),1)],10,Je))),128))])])}const Ye=b(Ke,[["render",Qe],["__scopeId","data-v-a20be6d9"]]),Xe=v({name:"StartEndImage",components:{ElUpload:ce,ElButton:D,InfoIcon:ne,FontAwesomeIcon:L,ImagePreview:ie},mixins:[te,oe],emits:["change"],data(){return{fileList:[],uploadUrl:W()+"/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?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){V.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){V.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),xe={class:"relative"},et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"};function st(e,t,d,f,$,g){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),k=s("el-button"),S=s("el-upload");return a(),r("div",xe,[i("div",et,[i("div",tt,[i("span",ot,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(S,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=p=>e.fileList=p),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:m(({file:p})=>[p.url&&p.percentage!==void 0?(a(),w(u,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:m(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[o(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const at=b(Xe,[["render",st],["__scopeId","data-v-4f7d9ba5"]]),nt=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),lt=v({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:ee.map(e=>({value:e,label:nt(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=F)}}),rt={class:"field"},it={class:"control"},ct={class:"title font-bold"};function dt(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",rt,[i("div",it,[i("h2",ct,l(e.$t("sora.name.size")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const ut=b(lt,[["render",dt],["__scopeId","data-v-8c485f0f"]]),pt="",mt=v({name:"PromptInput",components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=pt)}});function ft(e,t,d,f,$,g){const c=s("prompt-textarea");return a(),w(c,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=u=>e.prompt=u),title:e.$t("sora.name.prompt"),info:e.$t("sora.description.prompt"),placeholder:e.$t("sora.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const _t=b(mt,[["render",ft]]),ht=v({name:"ConfigPanel",components:{ElButton:D,Consumption:de,FontAwesomeIcon:L,PromptInput:_t,ModelSelector:De,StartEndImage:at,SizeSelector:ut,ActionSelector:Me,OrientationSelector:Ye,DurationSelector:qe},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return me(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-5"},vt={class:"flex flex-col items-center justify-center px-5 pb-5"};function bt(e,t,d,f,$,g){const c=s("model-selector"),u=s("action-selector"),n=s("duration-selector"),k=s("size-selector"),S=s("orientation-selector"),p=s("prompt-input"),y=s("start-end-image"),C=s("consumption"),U=s("font-awesome-icon"),B=s("el-button");return a(),r("div",$t,[i("div",gt,[o(c,{class:"mb-4"}),o(u,{class:"mb-4"}),o(n,{class:"mb-4"}),o(k,{class:"mb-4"}),o(S,{class:"mb-4"}),o(p,{class:"mb-4"}),q(o(y,{class:"mb-2"},null,512),[[K,e.config?.action==="image2video"]])]),i("div",vt,[o(C,{value:e.consumption,service:e.service},null,8,["value","service"]),o(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[o(U,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const kt=b(ht,[["render",bt]]),wt=v({name:"TaskPreview",components:{ElImage:be,CopyToClipboard:_e,FontAwesomeIcon:L,ElAlert:ve,VideoPlayer:he,ElTooltip:ge,ElButton:D,ApiCodeButton:$e},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),yt={class:"preview"},St={class:"left"},Vt={class:"main"},Et={class:"bot"},Tt={class:"datetime"},At={class:"info"},It={key:0,class:"prompt mt-2"},Ct={key:0},Lt={key:1},Dt={key:0,class:A({content:!0,failed:!0})},Rt={key:0,class:"mb-4"},Ot={key:1,class:A({operations:!0,"mt-2":!0})},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:1,class:A({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},jt={key:2,class:A({content:!0})},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Wt(e,t,d,f,$,g){const c=s("el-image"),u=s("video-player"),n=s("el-button"),k=s("el-tooltip"),S=s("api-code-button"),p=s("font-awesome-icon"),y=s("copy-to-clipboard"),C=s("el-alert");return a(),r("div",yt,[i("div",St,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",Vt,[i("div",Et,[_(l(e.$t("sora.name.soraBot"))+" ",1),i("span",Tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",At,[e.modelValue?.request?.prompt?(a(),r("p",It,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),r("span",Ct," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(a(),r("span",Lt," - ("+l(e.$t("sora.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Dt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Rt,[o(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):h("",!0),e.modelValue?.response.success?(a(),r("div",Ot,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=U=>e.onDownload(U,e.modelValue?.response?.data[0]?.video_url))},{default:m(()=>[_(l(e.$t("sora.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"]),o(S,{path:"/sora/videos",body:e.modelValue?.request},null,8,["body"])])):h("",!0),o(C,{closable:!1,class:"mt-2 success"},{default:m(()=>[i("p",Ut,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Pt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Gt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Mt,[o(C,{closable:!1,class:"failure"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",zt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ft,[o(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(y,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Bt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),r("p",Nt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),r("div",jt,[o(C,{closable:!1,class:"info"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",qt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",Kt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0)])])}const Ht=b(wt,[["render",Wt],["__scopeId","data-v-935f9471"]]),Jt=v({name:"RecentPanel",components:{TaskPreview:Ht,NoTasks:pe,BotPlaceholder:ke,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Zt={key:0},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,t,d,f,$,g){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),k=s("no-tasks");return a(),r(T,null,[e.tasks?.items===void 0?(a(),r("div",Zt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=S=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),r(T,null,I(e.tasks?.items,(S,p)=>(a(),w(u,{key:p,"model-value":S},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),r("div",Qt,[o(k)])):h("",!0)],64)}const Xt=b(Jt,[["render",Yt]]),xt=Z("sora"),eo=v({name:"SoraIndex",components:{ConfigPanel:kt,Layout:Te,RecentPanel:Xt},mixins:[se],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.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 re({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("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:d,createdAtMax:f}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:d,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ae(this.uploadTracker,d=>this.$t(d),d=>V.warning(d)))return;const e={...this.config,callback_url:xt},t=this.credential?.token;if(!t){console.error("no token specified");return}V.info(this.$t("sora.message.startingTask")),H("sora",J.generate(e,{token:t})).then(()=>{V.success(this.$t("sora.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===fe?V.error(this.$t("sora.message.usedUp")):V.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function to(e,t,d,f,$,g){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[o(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xo=b(eo,[["render",to]]);export{Xo as default};
+import{F as L}from"./index.es-CJfukhtE.js";import{E as D}from"./index-C71cSz36.js";import{E as N}from"./index-BpUUocOH.js";import{d as v,C as r,D as i,z as P,E as o,y as m,J as s,q as a,H as l,M as T,L as I,x as w,P as A,Q as j,N as _,I as h,F as q,G as K}from"./vendor-vue-BWIxYyW8.js";import{J as b,bq as W,ct as H,aN as J,S as G,cu as Z}from"./index-DrvYmhcP.js";import{a as M,b as z,c as E,d as F,e as Q,f as Y,g as X,h as x,i as ee}from"./sora-Dyuoglk1.js";import{E as R,a as O}from"./index-D7KBMZcH.js";import{p as te}from"./pasteUploadMixin-BurWbGNQ.js";import{u as oe,a as se,e as ae}from"./uploadTrackerMixin--N-yU8Tl.js";import{I as ne,S as le,l as re}from"./pagination-CJx5Nyq8.js";import{I as ie}from"./ImagePreview-BKe9oBpc.js";import{E as ce}from"./index-BRAaGgzT.js";import{E as V}from"./index-BJuXTSkv.js";import{C as de}from"./Consumption-Bx3U0iJn.js";import{P as ue,N as pe}from"./NoTasks-Ct9vzToj.js";import{a as me}from"./price-C6x3zgFx.js";import{b as fe}from"./errorCode-Cqj9Td_Z.js";import{C as _e}from"./CopyToClipboard-ffsw6Et3.js";import{V as he}from"./VideoPlayer-CMIYFrB5.js";import{A as $e}from"./ApiCodeButton-Drq1wo0T.js";import{E as ge}from"./index-BoKfbtX5.js";import{E as ve}from"./index-rDyNuNM8.js";import{E as be}from"./index-Blb1DDfP.js";import{B as ke}from"./BotPlaceholder-Bb3okszP.js";import"./use-form-item-xBSOcnBK.js";import"./index-BuyEbX8F.js";import"./vendor-axios-B8_nURbH.js";import"./vendor-dayjs-v0j1UNZp.js";import"./vendor-vue-router-CCWK5dA3.js";import"./index-0JQvyqxg.js";import"./typescript-lkSt6sMt.js";import"./index-B8svBnpb.js";import"./strings-CoSJ5yUQ.js";import"./isEqual-Box1EVJE.js";import"./_Uint8Array-CVqSvQNa.js";import"./castArray-DEdhtRiU.js";import"./index-lfOMNaVh.js";import"./index-DZuGeaea.js";import"./debounce-BTG3LRQl.js";import"./_baseIteratee-CCsMHsVd.js";import"./index-BoXQVYKo.js";import"./highlight-CWzFA2AR.js";import"./index-BLjywj98.js";import"./vendor-highlight-lEWW1Jxd.js";import"./index-h2aywIom.js";import"./_baseClone-CxI4YMcc.js";import"./_initCloneObject-C7zi7Gf-.js";import"./vue-plyr-BO2nlN4c.js";import"./index-CFfoccqE.js";const we=v({name:"LayoutSora",components:{ElDrawer:N,ElButton:D,FontAwesomeIcon:L},data(){return{drawer:!1}}}),ye={class:"main flex flex-row flex-1"},Se={class:"config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]"},Ve={class:"result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]"};function Ee(e,t,d,f,$,g){const c=s("font-awesome-icon"),u=s("el-button"),n=s("el-drawer");return a(),r("div",ye,[i("div",Se,[P(e.$slots,"config",{},void 0,!0)]),i("div",Ve,[P(e.$slots,"result",{},void 0,!0)]),o(u,{circle:"",class:"menu",onClick:t[0]||(t[0]=k=>e.drawer=!0)},{default:m(()=>[o(c,{icon:"fa-solid fa-magic"})]),_:1}),o(n,{modelValue:e.drawer,"onUpdate:modelValue":t[1]||(t[1]=k=>e.drawer=k),direction:"ltr","with-header":!1,size:"350px"},{default:m(()=>[P(e.$slots,"config",{},void 0,!0)]),_:3},8,["modelValue"])])}const Te=b(we,[["render",Ee],["__scopeId","data-v-bbee238c"]]),Ae=v({name:"ModelSelector",components:{ElSelect:O,ElOption:R},props:{modelValue:{type:String,default:void 0}},emits:["update:modelValue"],data(){return{options:[{value:Q,label:"sora-2"},{value:Y,label:"sora-2-pro"}]}},computed:{value:{get(){return this.$store.state.sora?.config?.model},set(e){const t=this.$store.state.sora?.config||{},d=z[e]||[E],f=t.duration,$=f&&d.includes(f)?f:d.includes(E)?E:d[0],g={...t,model:e,duration:$,size:t.size||F};this.$store.commit("sora/setConfig",g)}}},mounted(){this.value||(this.value=M)}}),Ie={class:"field"},Ce={class:"title font-bold"};function Le(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Ie,[i("h2",Ce,l(e.$t("sora.name.model")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const De=b(Ae,[["render",Le],["__scopeId","data-v-0cb7913d"]]),Re=v({name:"ActionSelector",components:{ElSelect:O,ElOption:R},data(){return{}},computed:{options(){return[{value:"text2video",label:this.$t("sora.button.action1")},{value:"image2video",label:this.$t("sora.button.action2")}]},value:{get(){return this.$store.state.sora?.config?.action},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,action:e})}}},mounted(){this.value||(this.value=X)}}),Oe={class:"field"},Ue={class:"title font-bold"},Pe={class:"float-left"};function Ge(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Oe,[i("h2",Ue,l(e.$t("sora.name.action")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select"),clearable:""},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},{default:m(()=>[i("span",Pe,l(n.label),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])}const Me=b(Re,[["render",Ge],["__scopeId","data-v-7b82fa7f"]]),ze=v({name:"DurationSelector",components:{ElSelect:O,ElOption:R},computed:{model(){return this.$store.state.sora?.config?.model||M},allowedDurations(){return z[this.model]||[E]},optionsForModel(){return this.allowedDurations.map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.sora?.config?.duration},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,duration:e})}}},watch:{allowedDurations(){const e=this.allowedDurations;if(!e.includes(this.value)){const t=e.includes(E)?E:e[0];this.value=t}}},mounted(){this.value||(this.value=E)}}),Fe={class:"field"},Be={class:"control"},Ne={class:"title font-bold"};function je(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",Fe,[i("div",Be,[i("h2",Ne,l(e.$t("sora.name.duration")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.optionsForModel,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const qe=b(ze,[["render",je],["__scopeId","data-v-c2934598"]]),Ke=v({name:"OrientationSelector",data(){return{options:[{value:"portrait",labelKey:"sora.option.portrait",width:13,height:25},{value:"landscape",labelKey:"sora.option.landscape",width:25,height:13}]}},computed:{active(){const e=this.options.findIndex(t=>t.value===this.value);return e>=0?e:0},value:{get(){return this.$store.state.sora?.config?.orientation},set(e){console.debug("set orientation",e),this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,orientation:e})}}},mounted(){this.value||(this.value=x)}}),We={class:"text-sm font-bold mb-2 block"},He={class:"items"},Je=["onClick"],Ze={class:"name"};function Qe(e,t,d,f,$,g){return a(),r("div",null,[i("span",We,l(e.$t("sora.name.orientation")),1),i("div",He,[(a(!0),r(T,null,I(e.options,(c,u)=>(a(),r("div",{key:u,class:A({active:e.active===u,item:!0}),onClick:n=>e.value=c.value},[i("div",{class:A(["preview",c.value])},[i("div",{class:"rect",style:j({width:c.width+"px",height:c.height+"px"})},null,4)],2),i("p",Ze,l(e.$t(c.labelKey)),1)],10,Je))),128))])])}const Ye=b(Ke,[["render",Qe],["__scopeId","data-v-a20be6d9"]]),Xe=v({name:"StartEndImage",components:{ElUpload:ce,ElButton:D,InfoIcon:ne,FontAwesomeIcon:L,ImagePreview:ie},mixins:[te,oe],emits:["change"],data(){return{fileList:[],uploadUrl:W()+"/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?.sora?.config?.image_urls},set(){}}},mounted(){this.value||(this.value=void 0),this.onSetStartEndImageUrl()},methods:{onExceed(){V.warning(this.$t("sora.message.uploadReferencesExceed"))},onError(){V.error(this.$t("sora.message.uploadReferencesError"))},onSetStartEndImageUrl(){const e=this.urls;this.$store.commit("sora/setConfig",{...this.$store.state?.sora?.config,image_urls:e})},async onSuccess(){this.onSetStartEndImageUrl()}}}),xe={class:"relative"},et={class:"flex justify-between"},tt={class:"flex justify-start items-center"},ot={class:"text-sm font-bold"};function st(e,t,d,f,$,g){const c=s("info-icon"),u=s("image-preview"),n=s("font-awesome-icon"),k=s("el-button"),S=s("el-upload");return a(),r("div",xe,[i("div",et,[i("div",tt,[i("span",ot,l(e.$t("sora.name.startEndImage")),1),o(c,{content:e.$t("sora.description.uploadStartEndImage")},null,8,["content"])])]),o(S,{ref:"uploader","file-list":e.fileList,"onUpdate:fileList":t[0]||(t[0]=p=>e.fileList=p),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:m(({file:p})=>[p.url&&p.percentage!==void 0?(a(),w(u,{key:0,url:p.url,name:p.name,percentage:p.percentage,onRemove:y=>e.fileList.splice(e.fileList.indexOf(p),1)},null,8,["url","name","percentage","onRemove"])):h("",!0)]),default:m(()=>[o(k,{round:"",type:"primary",size:"small",class:"btn btn-upload"},{default:m(()=>[o(n,{icon:"fa-solid fa-upload",class:"icon mr-1"}),_(" "+l(e.$t("sora.button.uploadReferences")),1)]),_:1})]),_:1},8,["file-list","action","on-exceed","on-error","on-success","headers"])])}const at=b(Xe,[["render",st],["__scopeId","data-v-4f7d9ba5"]]),nt=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),lt=v({name:"SizeSelector",components:{ElSelect:O,ElOption:R},data(){return{options:ee.map(e=>({value:e,label:nt(e)}))}},computed:{value:{get(){return this.$store.state.sora?.config?.size},set(e){const t=this.$store.state.sora?.config||{};this.$store.commit("sora/setConfig",{...t,size:e})}}},mounted(){this.value||(this.value=F)}}),rt={class:"field"},it={class:"control"},ct={class:"title font-bold"};function dt(e,t,d,f,$,g){const c=s("el-option"),u=s("el-select");return a(),r("div",rt,[i("div",it,[i("h2",ct,l(e.$t("sora.name.size")),1),o(u,{modelValue:e.value,"onUpdate:modelValue":t[0]||(t[0]=n=>e.value=n),class:"value",placeholder:e.$t("sora.placeholder.select")},{default:m(()=>[(a(!0),r(T,null,I(e.options,n=>(a(),w(c,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue","placeholder"])])])}const ut=b(lt,[["render",dt],["__scopeId","data-v-8c485f0f"]]),pt="",mt=v({name:"PromptInput",components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.sora?.config?.prompt},set(e){this.$store.commit("sora/setConfig",{...this.$store.state.sora?.config,prompt:e})}}},mounted(){this.prompt||(this.prompt=pt)}});function ft(e,t,d,f,$,g){const c=s("prompt-textarea");return a(),w(c,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||(t[0]=u=>e.prompt=u),title:e.$t("sora.name.prompt"),info:e.$t("sora.description.prompt"),placeholder:e.$t("sora.placeholder.prompt")},null,8,["modelValue","title","info","placeholder"])}const _t=b(mt,[["render",ft]]),ht=v({name:"ConfigPanel",components:{ElButton:D,Consumption:de,FontAwesomeIcon:L,PromptInput:_t,ModelSelector:De,StartEndImage:at,SizeSelector:ut,ActionSelector:Me,OrientationSelector:Ye,DurationSelector:qe},emits:["generate"],computed:{config(){return this.$store.state.sora?.config},consumption(){return me(this.config,this.service?.cost)},service(){return this.$store.state.sora?.service}},methods:{onGenerate(){this.$emit("generate")}}}),$t={class:"flex flex-col h-full"},gt={class:"flex-1 overflow-y-auto p-5"},vt={class:"flex flex-col items-center justify-center px-5 pb-5"};function bt(e,t,d,f,$,g){const c=s("model-selector"),u=s("action-selector"),n=s("duration-selector"),k=s("size-selector"),S=s("orientation-selector"),p=s("prompt-input"),y=s("start-end-image"),C=s("consumption"),U=s("font-awesome-icon"),B=s("el-button");return a(),r("div",$t,[i("div",gt,[o(c,{class:"mb-4"}),o(u,{class:"mb-4"}),o(n,{class:"mb-4"}),o(k,{class:"mb-4"}),o(S,{class:"mb-4"}),o(p,{class:"mb-4"}),q(o(y,{class:"mb-2"},null,512),[[K,e.config?.action==="image2video"]])]),i("div",vt,[o(C,{value:e.consumption,service:e.service},null,8,["value","service"]),o(B,{type:"primary",class:"btn w-full",round:"",onClick:e.onGenerate},{default:m(()=>[o(U,{icon:"fa-solid fa-magic",class:"mr-2"}),_(" "+l(e.$t("sora.button.generate")),1)]),_:1},8,["onClick"])])])}const kt=b(ht,[["render",bt]]),wt=v({name:"TaskPreview",components:{ElImage:be,CopyToClipboard:_e,FontAwesomeIcon:L,ElAlert:ve,VideoPlayer:he,ElTooltip:ge,ElButton:D,ApiCodeButton:$e},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.sora?.application},config(){return this.$store.state.sora?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log("on download"),window.open(t,"_blank")},onOpenVideo(e){window.open(e,"_blank")}}}),yt={class:"preview"},St={class:"left"},Vt={class:"main"},Et={class:"bot"},Tt={class:"datetime"},At={class:"info"},It={key:0,class:"prompt mt-2"},Ct={key:0},Lt={key:1},Dt={key:0,class:A({content:!0,failed:!0})},Rt={key:0,class:"mb-4"},Ot={key:1,class:A({operations:!0,"mt-2":!0})},Ut={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Pt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Gt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},Mt={key:1,class:A({content:!0})},zt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Ft={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Bt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Nt={key:1,class:"text-[var(--el-text-color-regular)] text-xs mb-0"},jt={key:2,class:A({content:!0})},qt={class:"text-[var(--el-text-color-regular)] text-xs mb-2"},Kt={key:0,class:"text-[var(--el-text-color-regular)] text-xs mb-0"};function Wt(e,t,d,f,$,g){const c=s("el-image"),u=s("video-player"),n=s("el-button"),k=s("el-tooltip"),S=s("api-code-button"),p=s("font-awesome-icon"),y=s("copy-to-clipboard"),C=s("el-alert");return a(),r("div",yt,[i("div",St,[o(c,{src:"https://cdn.acedata.cloud/z5id1u.png",class:"avatar"})]),i("div",Vt,[i("div",Et,[_(l(e.$t("sora.name.soraBot"))+" ",1),i("span",Tt,l(e.$dayjs.format(""+new Date(parseFloat((e.modelValue?.created_at||"").toString())*1e3))),1)]),i("div",At,[e.modelValue?.request?.prompt?(a(),r("p",It,[_(l(e.modelValue?.request?.prompt)+" ",1),e.modelValue?.response?h("",!0):(a(),r("span",Ct," - ("+l(e.$t("sora.status.pending"))+") ",1)),Array.isArray(e.modelValue?.response?.data)&&e.modelValue?.response?.data[0]?.state==="pending"?(a(),r("span",Lt," - ("+l(e.$t("sora.status.processing"))+") ",1)):h("",!0)])):h("",!0)]),e.modelValue?.response?.success===!0&&e.modelValue?.response?.data?(a(),r("div",Dt,[e.modelValue?.response?.data[0]?.video_url?(a(),r("div",Rt,[o(u,{src:e.modelValue?.response?.data[0]?.video_url},null,8,["src"])])):h("",!0),e.modelValue?.response.success?(a(),r("div",Ot,[o(k,{class:"box-item",effect:"dark",content:e.$t("sora.message.downloadVideo"),placement:"top-start"},{default:m(()=>[e.modelValue?.response?.data[0]?.video_url?(a(),w(n,{key:0,type:"info",size:"small",class:"btn-action",onClick:t[0]||(t[0]=U=>e.onDownload(U,e.modelValue?.response?.data[0]?.video_url))},{default:m(()=>[_(l(e.$t("sora.button.download")),1)]),_:1})):h("",!0)]),_:1},8,["content"]),o(S,{path:"/sora/videos",body:e.modelValue?.request},null,8,["body"])])):h("",!0),o(C,{closable:!1,class:"mt-2 success"},{default:m(()=>[i("p",Ut,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.model"))+": "+l(e.modelValue?.request?.model),1)]),i("p",Pt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Gt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===!1?(a(),r("div",Mt,[o(C,{closable:!1,class:"failure"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",zt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),i("p",Ft,[o(p,{icon:"fa-solid fa-circle-info",class:"mr-1"}),_(" "+l(e.$t("sora.name.failureReason"))+": "+l(e.modelValue?.response?.error?.message)+" ",1),o(y,{content:e.modelValue?.response?.error?.message},null,8,["content"])]),e.modelValue?.elapsed?(a(),r("p",Bt,[o(p,{icon:"fa-solid fa-clock",class:"mr-1"}),_(" "+l(e.$t("sora.name.elapsed"))+": "+l(e.modelValue?.elapsed?.toFixed(2))+"s ",1)])):h("",!0),e.modelValue?.response?.trace_id?(a(),r("p",Nt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0),e.modelValue?.response?.success===void 0?(a(),r("div",jt,[o(C,{closable:!1,class:"info"},{template:m(()=>[o(p,{icon:"fa-solid fa-exclamation-triangle",class:"mr-1"}),_(" "+l(e.$t("sora.name.failure")),1)]),default:m(()=>[i("p",qt,[o(p,{icon:"fa-solid fa-magic",class:"mr-1"}),_(" "+l(e.$t("sora.name.taskId"))+": "+l(e.modelValue?.id)+" ",1),o(y,{content:e.modelValue?.id},null,8,["content"])]),e.modelValue?.response?.trace_id?(a(),r("p",Kt,[o(p,{icon:"fa-solid fa-hashtag",class:"mr-1"}),_(" "+l(e.$t("sora.name.traceId"))+": "+l(e.modelValue?.response?.trace_id)+" ",1),o(y,{content:e.modelValue?.response?.trace_id},null,8,["content"])])):h("",!0)]),_:1})])):h("",!0)])])}const Ht=b(wt,[["render",Wt],["__scopeId","data-v-935f9471"]]),Jt=v({name:"RecentPanel",components:{TaskPreview:Ht,NoTasks:pe,BotPlaceholder:ke,ScrollList:le},props:{loading:{type:Boolean,default:!1}},emits:["reach-top"],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.sora?.tasks,items:this.$store.state.sora?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Zt={key:0},Qt={key:2,class:"w-full h-full flex items-center justify-center"};function Yt(e,t,d,f,$,g){const c=s("bot-placeholder"),u=s("task-preview"),n=s("scroll-list"),k=s("no-tasks");return a(),r(T,null,[e.tasks?.items===void 0?(a(),r("div",Zt,[o(c)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(a(),w(n,{key:1,ref:"scrollList",class:"tasks h-full w-full overflow-y-auto",loading:e.loading,onReachTop:t[0]||(t[0]=S=>e.$emit("reach-top"))},{default:m(()=>[(a(!0),r(T,null,I(e.tasks?.items,(S,p)=>(a(),w(u,{key:p,"model-value":S},null,8,["model-value"]))),128))]),_:1},8,["loading"])):h("",!0),e.tasks?.items?.length===0?(a(),r("div",Qt,[o(k)])):h("",!0)],64)}const Xt=b(Jt,[["render",Yt]]),xt=Z("sora"),eo=v({name:"SoraIndex",components:{ConfigPanel:kt,Layout:Te,RecentPanel:Xt},mixins:[se],inject:["initialized"],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.sora?.status?.getApplications===G.Request},tasksLoading(){return this.$store.state.sora?.status?.getTasks===G.Request||this.fetchingTasks},credential(){return this.$store.state.sora.credential},config(){return this.$store.state.sora.config},tasks(){return this.$store.state.sora.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 re({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("sora/getService"),console.debug("end onGetService")},async onGetApplication(){console.debug("start onGetApplication"),await this.$store.dispatch("sora/getApplications"),console.debug("end onGetApplication"),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();const e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug("loading");return}console.debug("start onGetTasks",e);const{limit:t=5,createdAtMin:d,createdAtMax:f}=e||{};console.debug("limit",t,"createdAtMin",d,"createdAtMax",f),this.fetchingTasks=!0;try{await this.$store.dispatch("sora/getTasks",{limit:t,createdAtMin:d,createdAtMax:f})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!ae(this.uploadTracker,d=>this.$t(d),d=>V.warning(d)))return;const e={...this.config,callback_url:xt},t=this.credential?.token;if(!t){console.error("no token specified");return}V.info(this.$t("sora.message.startingTask")),H("sora",J.generate(e,{token:t})).then(()=>{V.success(this.$t("sora.message.startTaskSuccess"))}).catch(d=>{d?.response?.data?.error?.code===fe?V.error(this.$t("sora.message.usedUp")):V.error(this.$t("sora.message.startTaskFailed"))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function to(e,t,d,f,$,g){const c=s("config-panel"),u=s("recent-panel"),n=s("layout");return a(),w(n,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,["onGenerate"])]),result:m(()=>[o(u,{ref:"recentPanel",loading:e.loadingMore,onReachTop:e.onReachTop},null,8,["loading","onReachTop"])]),_:1})}const Xo=b(eo,[["render",to]]);export{Xo as default};