@acedatacloud/nexior 3.329.20 → 3.329.22

package/dist/assets/Index-CJVmSu6P.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,rt as m,tt as h,x as g,z as _}from"./vendor-chart-Dw-P17PN.js";import{n as v,r as y,t as b}from"./select-S6bNmWoA.js";import{t as x}from"./upload-BZf6dfKs.js";import{t as S}from"./tooltip-CpUlXrrs.js";import{t as C}from"./alert-CjWvi_14.js";import{t as w}from"./drawer-BuZZ_aaC.js";import{t as T}from"./input-number-DCWd0Elh.js";import{t as E}from"./switch-D0NaSYP3.js";import{An as D,Bn as O,Dn as ee,Fn as k,In as A,Mn as j,Nn as M,On as N,Pn as P,Rn as te,kn as ne,zn as re}from"./constants-DgIJABTq.js";import{Ii as F,Ir as I,J as L,Kn as R,Si as z,Ti as B,Xi as V,cn as H,fn as U,ln as W,sn as G,xn as K}from"./index-C_zMaSTl.js";import{t as q}from"./index.es-BM-ykXwl.js";import{t as J}from"./CopyToClipboard-CWAv9J74.js";import{t as Y}from"./ImagePreview-B1i4A6CJ.js";import{n as X}from"./taskDrawerMixin-DyAUhFEq.js";import{t as ie}from"./Consumption-Dd9pOXfP.js";import{a as Z,n as ae,r as oe,t as se}from"./pagination-BM_xhv6e.js";import{t as ce}from"./ApiCodeButton-CM7BtdyA.js";import{t as le}from"./BotPlaceholder-DB2Xrk_m.js";import{t as ue}from"./PromptTextarea-CQd8dTtu.js";import{t as de}from"./ImageWrapper-BIYaLgtn.js";var fe=_({name:`LayoutNanobanana`,components:{ElDrawer:w,ElButton:V,FontAwesomeIcon:q},mixins:[X]}),pe={class:`main flex flex-row flex-1`},me={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},he={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ge(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),_=l(`el-drawer`);return h(),s(`div`,pe,[e(`div`,me,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,he,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[g,!t.tasksEmpty]]),a(_,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var _e=L(fe,[[`render`,ge],[`__scopeId`,`data-v-056a16f7`]]),ve=_({name:`PromptInput`,components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.openaiimage?.config?.prompt},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ye(e,t,n,r,i,a){let o=l(`prompt-textarea`);return h(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`openaiimage.name.prompt`),info:e.$t(`openaiimage.description.prompt`),placeholder:e.$t(`openaiimage.placeholder.prompt`)},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var be=L(ve,[[`render`,ye]]),xe=_({name:`ImageUrlsInput`,components:{ElUpload:x,ElButton:V,InfoIcon:Z,ImagePreview:Y,FontAwesomeIcon:q},mixins:[H],data(){return{fileList:[],uploadUrl:B()+`/api/v1/files/`,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)},value(){return this.$store.state.openaiimage?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},mounted(){},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetImageUrls()},onExceed(){F.warning(this.$t(`openaiimage.message.uploadImageExceed`))},onError(){F.error(this.$t(`openaiimage.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,image_urls:e}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetImageUrls()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetImageUrls()}}}),Se={class:`field flex items-center justify-between`},Ce={class:`title font-bold text-[14px] mb-[10px]`},we={class:`upload-wrapper flex flex-col items-start gap-[8px]`},Te={class:`controls flex items-center`},Ee={class:`file-list flex flex-wrap gap-[10px]`};function De(t,n,o,u,d,g){let _=l(`font-awesome-icon`),v=l(`el-button`),y=l(`el-upload`),b=l(`info-icon`),x=l(`image-preview`);return h(),s(c,null,[e(`div`,Se,[e(`h2`,Ce,i(t.$t(`openaiimage.name.imageUrls`)),1),e(`div`,we,[e(`div`,Te,[a(y,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:5,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`openaiimage.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:t.$t(`openaiimage.description.imageUrls`),class:`ml-2`},null,8,[`content`])])])]),e(`div`,Ee,[(h(!0),s(c,null,m(t.fileList,(e,n)=>(h(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var Oe=L(xe,[[`render`,De]]),ke=_({name:`OpenAIImageModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Z},data(){return{options:[{value:j,label:this.$t(`openaiimage.model.gptImage1`)},{value:M,label:this.$t(`openaiimage.model.gptImage15`)},{value:P,label:this.$t(`openaiimage.model.gptImage2`)},{value:k,label:this.$t(`openaiimage.model.gptImage2Official`)}]}},computed:{value:{get(){return this.$store.state.openaiimage?.config?.model},set(e){this.$store.commit(`openaiimage/setConfig`,{...this.$store.state.openaiimage?.config,model:e})}},modelDescription(){return this.$t(`openaiimage.description.model`)}},mounted(){this.value||=D}}),Ae={class:`field`},je={class:`label`},Me={class:`box`},Ne={class:`title font-bold`};function Pe(t,n,r,o,u,d){let g=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return h(),s(`div`,Ae,[e(`div`,je,[e(`div`,Me,[e(`h2`,Ne,i(t.$t(`openaiimage.name.model`)),1),a(g,{content:t.modelDescription,class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`)},{default:p(()=>[(h(!0),s(c,null,m(t.options,e=>(h(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Fe=L(ke,[[`render`,Pe],[`__scopeId`,`data-v-a42acad4`]]);function Q(e){if(!e)return;let t=/^(\d+)x(\d+)$/.exec(e);if(t)return{w:Number(t[1]),h:Number(t[2])}}var Ie=_({name:`OpenAIImageSizeSelector`,components:{ElSelect:y,ElOption:b,ElOptionGroup:v,ElSwitch:E,ElInputNumber:T,InfoIcon:Z},data(){return{customMode:!1,customWidth:1024,customHeight:1024}},computed:{model(){return this.$store.state.openaiimage?.config?.model||`gpt-image-2`},storedSize(){return this.$store.state.openaiimage?.config?.size},emptySizeValue(){return``},customSupported(){return ne.includes(this.model)},presets(){return A[this.model]??A[`gpt-image-2`]??[]},presetGroups(){return this.model===`gpt-image-2`||this.model===`gpt-image-2:official`?[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:te},{label:this.$t(`openaiimage.sizeGroup.preset2k`),options:re},{label:this.$t(`openaiimage.sizeGroup.preset4k`),options:O}]:[{label:this.$t(`openaiimage.sizeGroup.standard1k`),options:this.presets}]},useCustom:{get(){return this.customSupported&&this.customMode},set(e){if(!(e&&!this.customSupported))if(this.customMode=e,e){if(this.customError)return;this.commitSize(`${this.customWidth}x${this.customHeight}`)}else this.commitSize()}},presetValue:{get(){let e=this.storedSize;return e&&this.presets.includes(e)?e:this.emptySizeValue},set(e){this.customMode=!1,this.commitSize(e||void 0)}},multiple(){return 16},minSide(){return 256},maxSide(){return ee},customError(){let e=this.customWidth,t=this.customHeight;return!Number.isFinite(e)||!Number.isFinite(t)||e<=0||t<=0?this.$t(`openaiimage.error.customSizePositive`):e%this.multiple!==0||t%this.multiple!==0?this.$t(`openaiimage.error.customSizeMultiple`,{multiple:this.multiple}):e<this.minSide||t<this.minSide?this.$t(`openaiimage.error.customSizeMin`,{min:this.minSide}):Math.max(e,t)>this.maxSide?this.$t(`openaiimage.error.customSizeMax`,{max:this.maxSide}):e*t>8294400?this.$t(`openaiimage.error.customSizePixels`,{pixels:N.toLocaleString()}):``}},watch:{model:{immediate:!1,handler(){this.customSupported||(this.customMode=!1);let e=this.storedSize;if(!e||this.presets.includes(e))return;let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h,!this.customError)||this.commitSize()}},storedSize(e){if(!e){this.customMode=!1;return}if(this.presets.includes(e)){this.customMode=!1;return}let t=Q(e);t&&this.customSupported&&(this.customMode=!0,this.customWidth!==t.w&&(this.customWidth=t.w),this.customHeight!==t.h&&(this.customHeight=t.h))},customWidth(){this.syncCustomToStore()},customHeight(){this.syncCustomToStore()}},mounted(){let e=this.storedSize,t=Q(e);e&&t&&this.customSupported&&!this.presets.includes(e)&&(this.customMode=!0,this.customWidth=t.w,this.customHeight=t.h)},methods:{commitSize(e){let t={...this.$store.state.openaiimage?.config};e?t.size=e:delete t.size,this.$store.commit(`openaiimage/setConfig`,t)},syncCustomToStore(){this.useCustom&&(this.customError||this.commitSize(`${this.customWidth}x${this.customHeight}`))}}}),Le={class:`resolution`},Re={class:`field`},ze={class:`label`},Be={class:`box`},Ve={class:`title font-bold`},He={class:`field custom-toggle`},Ue={class:`label`},We={class:`box`},Ge={class:`title font-bold`},Ke={key:0,class:`custom-inputs`},qe={class:`row`},Je={class:`row-label`},Ye={class:`row`},Xe={class:`row-label`},Ze={key:0,class:`error`};function Qe(t,n,r,u,d,g){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-option-group`),b=l(`el-select`),x=l(`el-switch`),S=l(`el-input-number`);return h(),s(`div`,Le,[e(`div`,Re,[e(`div`,ze,[e(`div`,Be,[e(`h2`,Ve,i(t.$t(`openaiimage.name.size`)),1),a(_,{content:t.$t(`openaiimage.description.size`),class:`info`},null,8,[`content`])])]),a(b,{modelValue:t.presetValue,"onUpdate:modelValue":n[0]||=e=>t.presetValue=e,class:`value`,placeholder:t.$t(`openaiimage.placeholder.select`),disabled:t.useCustom},{default:p(()=>[a(v,{label:t.$t(`suno.gender.auto`),value:t.emptySizeValue},null,8,[`label`,`value`]),(h(!0),s(c,null,m(t.presetGroups,e=>(h(),f(y,{key:e.label,label:e.label},{default:p(()=>[(h(!0),s(c,null,m(e.options,e=>(h(),f(v,{key:e,label:e,value:e},null,8,[`label`,`value`]))),128))]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`])]),t.customSupported?(h(),s(c,{key:0},[e(`div`,He,[e(`div`,Ue,[e(`div`,We,[e(`h2`,Ge,i(t.$t(`openaiimage.name.customSize`)),1),a(_,{content:t.$t(`openaiimage.description.customSize`),class:`info`},null,8,[`content`])])]),a(x,{modelValue:t.useCustom,"onUpdate:modelValue":n[1]||=e=>t.useCustom=e,class:`value-switch`},null,8,[`modelValue`])]),t.useCustom?(h(),s(`div`,Ke,[e(`div`,qe,[e(`span`,Je,i(t.$t(`openaiimage.name.width`)),1),a(S,{modelValue:t.customWidth,"onUpdate:modelValue":n[2]||=e=>t.customWidth=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),e(`div`,Ye,[e(`span`,Xe,i(t.$t(`openaiimage.name.height`)),1),a(S,{modelValue:t.customHeight,"onUpdate:modelValue":n[3]||=e=>t.customHeight=e,class:`row-input`,min:t.minSide,max:t.maxSide,step:t.multiple,"step-strictly":!0,"controls-position":`right`},null,8,[`modelValue`,`min`,`max`,`step`])]),t.customError?(h(),s(`div`,Ze,i(t.customError),1)):o(``,!0)])):o(``,!0)],64)):o(``,!0)])}var $e=_({name:`ConfigPanel`,components:{ElButton:V,FontAwesomeIcon:q,PromptInput:be,Consumption:ie,ImageUrlsInput:Oe,ModelSelector:Fe,ResolutionSelector:L(Ie,[[`render`,Qe],[`__scopeId`,`data-v-dfce4922`]])},emits:[`generate`],computed:{config(){return this.$store.state.openaiimage?.config},consumption(){return U({...this.config||{}},this.service?.cost)},service(){return this.$store.state.openaiimage?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),et={class:`flex flex-col h-full`},tt={class:`flex-1 overflow-y-auto p-5`},nt={class:`flex flex-col items-center justify-center px-5 pb-5`};function rt(t,n,o,c,u,d){let f=l(`model-selector`),m=l(`resolution-selector`),g=l(`prompt-input`),_=l(`image-urls-input`),v=l(`consumption`),y=l(`font-awesome-icon`),b=l(`el-button`);return h(),s(`div`,et,[e(`div`,tt,[a(f,{class:`mb-4`}),a(m,{class:`mb-4`}),a(g,{class:`mb-4`}),a(_,{class:`mb-4`})]),e(`div`,nt,[a(v,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(b,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(y,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`openaiimage.button.generate`)),1)]),_:1},8,[`onClick`])])])}var it=L($e,[[`render`,rt]]),at=_({name:`TaskPreview`,components:{CopyToClipboard:J,FontAwesomeIcon:q,ElAlert:C,ImageWrapper:de,ElButton:V,ElTooltip:S,ImagePreview:Y,ApiCodeButton:ce},props:{modelValue:{type:Object,required:!0}},computed:{isEditRequest(){let e=this.modelValue?.request;return this.modelValue?.type===`images_edits`||e?.action===`edit`||this.referenceImages.length>0},showTaskType(){return!!(this.modelValue?.request?.action||this.modelValue?.type||this.referenceImages.length>0)},taskTypeLabel(){return this.isEditRequest?this.$t(`openaiimage.name.edits`):this.$t(`openaiimage.name.generate`)},openaiimagePath(){return this.isEditRequest?`/openai/images/edits`:`/openai/images/generations`},openaiimageCodeBody(){let e=this.modelValue?.request;if(!e)return;let t={...e};if(delete t.action,delete t.callback_url,this.isEditRequest){delete t.image_urls,delete t.image;let e=this.referenceImages;e.length===1?t.image=e[0]:e.length>1&&(t.image=e)}else delete t.image_urls,delete t.image;return t},images(){let e=[];return Array.isArray(this.modelValue?.response?.data)&&this.modelValue?.response?.data?.forEach(t=>{let n=t;if(n?.image_url||n?.url){e.push(n);return}n?.b64_json&&e.push({...n,url:`data:image/png;base64,${n.b64_json}`})}),e},referenceImages(){let e=this.modelValue?.request;if(!e)return[];let t=Array.isArray(e.image_urls)?e.image_urls:[];if(t.length>0)return t.filter(e=>typeof e==`string`&&e.length>0);let n=e.image;return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e.length>0):typeof n==`string`&&n.length>0?[n]:Array.isArray(e.images)?e.images.map(e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`)return e.image_url}).filter(e=>typeof e==`string`&&e.length>0):[]}},methods:{onEdit(e){if(!e)return;console.debug(`Edit image:`,e);let t={...this.$store.state.openaiimage?.config||{}};t.image_urls=[e],this.$store.commit(`openaiimage/setConfig`,t)}}}),ot={class:`preview`},st={class:`left`},ct={class:`main`},lt={class:`bot`},ut={class:`datetime`},dt={class:`info`},ft={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},pt={key:1,class:`prompt mt-2`},mt={key:0},ht={key:0,class:n({content:!0,failed:!0})},gt={class:`flex justify-start items-center gap-4 w-full overflow-x-auto`},_t={class:n({operations:!0,"mt-2":!0,"mb-2":!0})},vt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},bt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:1,class:n({content:!0})},Tt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Et={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Dt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ot={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},kt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},At={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},jt={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Mt={key:2,class:n({content:!0})},Nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Pt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ft={class:`text-[var(--el-text-color-regular)] text-xs mb-2`};function It(n,u,d,g,_,v){let y=l(`capability-presentation`),b=l(`image-preview`),x=l(`image-wrapper`),S=l(`el-button`),C=l(`el-tooltip`),w=l(`api-code-button`),T=l(`font-awesome-icon`),E=l(`copy-to-clipboard`),D=l(`el-alert`);return h(),s(`div`,ot,[e(`div`,st,[a(y,{capability:`openaiimage`,part:`avatar`,class:`avatar`})]),e(`div`,ct,[e(`div`,lt,[a(y,{capability:`openaiimage`,part:`name`}),e(`span`,ut,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,dt,[n.referenceImages.length>0?(h(),s(`div`,ft,[(h(!0),s(c,null,m(n.referenceImages,(e,t)=>(h(),f(b,{key:t,url:e,name:`image-${t+1}`,closable:!1},null,8,[`url`,`name`]))),128))])):o(``,!0),n.modelValue?.request?.prompt?(h(),s(`p`,pt,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?o(``,!0):(h(),s(`span`,mt,` - (`+i(n.$t(`openaiimage.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?.success===!0?(h(),s(`div`,ht,[e(`div`,gt,[(h(!0),s(c,null,m(n.images,(e,t)=>(h(),f(x,{key:t,src:e?.image_url||e?.url||``,"raw-src":e?.image_url||e?.url||``},null,8,[`src`,`raw-src`]))),128))]),e(`div`,_t,[a(C,{class:`box-item`,effect:`dark`,content:n.$t(`common.button.edit`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:u[0]||=t(e=>n.onEdit(n.images?.[0]?.image_url||n.images?.[0]?.url),[`stop`])},{default:p(()=>[r(i(n.$t(`common.button.edit`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:n.openaiimagePath,body:n.openaiimageCodeBody},null,8,[`path`,`body`])]),a(D,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,vt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,yt,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,bt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,xt,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,St,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,Ct,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(h(),s(`div`,wt,[a(D,{closable:!1,class:`failure`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,Tt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,Et,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,Dt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,Ot,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e(`p`,kt,[a(T,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(E,{content:n.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),n.modelValue?.elapsed?(h(),s(`p`,At,[a(T,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(h(),s(`p`,jt,[a(T,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(E,{content:n.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])):o(``,!0)]),_:1})])):(h(),s(`div`,Mt,[a(D,{closable:!1,class:`info`},{template:p(()=>[a(T,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.failure`)),1)]),default:p(()=>[n.modelValue?.request?.model?(h(),s(`p`,Nt,[a(T,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.size?(h(),s(`p`,$,[a(T,{icon:`fa-solid fa-image`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.size`))+`: `+i(n.modelValue?.request?.size),1)])):o(``,!0),n.showTaskType?(h(),s(`p`,Pt,[a(T,{icon:`fa-solid fa-bolt`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.task`))+`: `+i(n.taskTypeLabel),1)])):o(``,!0),e(`p`,Ft,[a(T,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`openaiimage.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(E,{content:n.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Lt=_({name:`RecentPanel`,components:{TaskPreview:L(at,[[`render`,It],[`__scopeId`,`data-v-33cf76db`]]),BotPlaceholder:le,NoTasks:oe,ScrollList:ae},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.openaiimage?.tasks,items:this.$store.state.openaiimage?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Rt={key:0},zt={key:2,class:`w-full h-full flex items-center justify-center`};function Bt(e,t,n,r,i,u){let d=l(`bot-placeholder`),g=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return h(),s(c,null,[e.tasks?.items===void 0?(h(),s(`div`,Rt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(h(),f(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(h(!0),s(c,null,m(e.tasks?.items,e=>(h(),f(g,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(h(),s(`div`,zt,[a(v)])):o(``,!0)],64)}var Vt=_({name:`OpenAIImageIndex`,components:{ConfigPanel:it,Layout:_e,RecentPanel:L(Lt,[[`render`,Bt]])},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loading:!1}},computed:{applicationsLoading(){return this.$store.state.openaiimage?.status?.getApplications===z.Request},tasksLoading(){return this.$store.state.openaiimage?.status?.getTasks===z.Request},credential(){return this.$store.state.openaiimage?.credential},config(){return this.$store.state.openaiimage?.config},application(){return this.$store.state.openaiimage?.application},tasks(){return this.$store.state.openaiimage?.tasks}},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 se({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loading,setLoading:e=>this.loading=e,isBlocked:()=>this.tasksLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`openaiimage/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`openaiimage/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.tasksLoading){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=20,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),await this.$store.dispatch(`openaiimage/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})},async onGenerate(){if(!G(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config||{}},t=Array.isArray(e?.image_urls)&&e.image_urls.length>0;if(!this.hasText(e.prompt)){F.error(this.$t(`openaiimage.message.promptRequired`));return}e.prompt=e.prompt.trim(),!t&&`image_urls`in e&&delete e.image_urls,e.size||delete e.size;let n={...e,action:`generate`,async:!0},r={action:`edit`,model:e?.model,prompt:e?.prompt,size:e?.size,image_urls:e?.image_urls||[],async:!0};if(!K())return;let i=this.credential?.token;if(!i){console.error(`no token specified`);return}F.info(this.$t(`openaiimage.message.startingTask`)),I(`openaiimage`,t?R.edit(r,{token:i}):R.generate(n,{token:i})).then(e=>{console.debug(`task accepted`,e.data?.task_id),F.success(this.$t(`openaiimage.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?F.error(this.$t(`openaiimage.message.usedUp`)):F.error(this.$t(`openaiimage.message.startTaskFailed`)+(t?.error?.message||``))}).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 Ht(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return h(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loading,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Ut=L(Vt,[[`render`,Ht]]);export{Ut as default};

package/dist/assets/Index-CThaj-Js.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{E as y}from"./use-deprecated-B-uvyrTL.js";import{r as b,t as x}from"./select-S6bNmWoA.js";import{n as S,t as C}from"./tabs-CWW7Z-8_.js";import{t as w}from"./upload-BZf6dfKs.js";import{t as T}from"./tooltip-CpUlXrrs.js";import{t as E}from"./alert-CjWvi_14.js";import{n as D,r as O}from"./radio-Bj0tEwH8.js";import{t as ee}from"./drawer-BuZZ_aaC.js";import{t as k}from"./input-number-DCWd0Elh.js";import{t as A}from"./slider-DfMXN5xR.js";import{t as j}from"./switch-D0NaSYP3.js";import{ci as te,ii as ne,li as M,si as re}from"./constants-DgIJABTq.js";import{Fi as N,Ii as P,Ir as F,J as I,Ji as ie,Si as ae,Ti as L,Xi as R,aa as z,cn as B,fn as V,ln as oe,lr as H,sn as U,un as W,xn as G}from"./index-C_zMaSTl.js";import{t as K}from"./index.es-BM-ykXwl.js";import{t as se}from"./CopyToClipboard-CWAv9J74.js";import{t as ce}from"./FilePreview-CN4Fx4Xi.js";import{t as q}from"./ImagePreview-B1i4A6CJ.js";import{n as le}from"./taskDrawerMixin-DyAUhFEq.js";import{t as J}from"./Consumption-Dd9pOXfP.js";import{a as Y,n as ue,r as de,t as fe}from"./pagination-BM_xhv6e.js";import{t as pe}from"./VideoPlayer-ePiO9_gl.js";import{t as me}from"./ApiCodeButton-CM7BtdyA.js";import{t as he}from"./BotPlaceholder-DB2Xrk_m.js";import{t as ge}from"./PromptTextarea-CQd8dTtu.js";import{n as _e,t as ve}from"./AudioPreview-CARb_UdQ.js";var ye=v({name:`LayoutKling`,components:{ElDrawer:ee,ElButton:R,FontAwesomeIcon:K},mixins:[le]}),be={class:`main flex flex-row flex-1 min-h-0`},xe={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},Se={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Ce(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,be,[e(`div`,xe,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,Se,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var we=I(ye,[[`render`,Ce],[`__scopeId`,`data-v-113f006e`]]),Te={text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1,referenceVideo:!1,referenceImages:!1};function X(e,t,n){let r=t||`std`,i=n??5;switch(e){case`kling-v1`:return{text2video:!0,image2video:!0,endImage:i===5,audio:!1,motionControl:i===5,referenceVideo:!1,referenceImages:!1};case`kling-v1-6`:case`kling-v2-5-turbo`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:!1,motionControl:!1,referenceVideo:!1,referenceImages:!1};case`kling-v2-6`:return{text2video:!0,image2video:!0,endImage:r===`pro`,audio:r===`pro`,motionControl:!1,referenceVideo:!1,referenceImages:!1};case`kling-v2-master`:case`kling-v2-1-master`:return{text2video:!0,image2video:!0,endImage:!1,audio:!1,motionControl:!1,referenceVideo:!1,referenceImages:!1};case`kling-v3`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:r!==`4k`,referenceVideo:!1,referenceImages:!1};case`kling-v3-omni`:return{text2video:!0,image2video:!0,endImage:!0,audio:!0,motionControl:!1,referenceVideo:!0,referenceImages:!0};case`kling-o1`:return{text2video:!0,image2video:!0,endImage:!0,audio:!1,motionControl:!1,referenceVideo:!0,referenceImages:!0};default:return Te}}var Z=`<<<video_1>>>`,Ee=/<<<image_\d+>>>/g;function De(e){return e?e.split(Z).join(` `).replace(/\s{2,}/g,` `).trim():``}function Oe(e){return e?e.replace(Ee,` `).replace(/\s{2,}/g,` `).trim():``}function Q(e,t){if(!e)return[];let n=t.model??e.model,r=t.mode??e.mode,i=t.duration??e.duration;if(!n)return[];let a=X(n,r,i),o=[];e.end_image_url&&!a.endImage&&o.push({field:`end_image_url`,i18nLabel:`kling.name.endImage`}),e.generate_audio&&!a.audio&&o.push({field:`generate_audio`,i18nLabel:`kling.name.generateAudio`}),e.camera_control?.type&&(!a.motionControl||e.start_image_url)&&o.push({field:`camera_control`,i18nLabel:`kling.name.cameraControl`}),e.video_list?.length&&!a.referenceVideo&&o.push({field:`video_list`,i18nLabel:`kling.name.referenceVideo`}),e.image_list?.length&&!a.referenceImages&&o.push({field:`image_list`,i18nLabel:`kling.name.referenceImages`});let s=n===`kling-o1`||!!(e.image_list?.length||e.video_list?.length);return s&&e.cfg_scale!==void 0&&o.push({field:`cfg_scale`,i18nLabel:`kling.name.cfgScale`}),s&&e.negative_prompt&&o.push({field:`negative_prompt`,i18nLabel:`kling.name.negativePrompt`}),o}function $(e,t){let n={...e};for(let e of t)e.field===`end_image_url`&&(n.end_image_url=void 0),e.field===`generate_audio`&&(n.generate_audio=!1),e.field===`camera_control`&&(n.camera_control=void 0),e.field===`cfg_scale`&&(n.cfg_scale=void 0),e.field===`negative_prompt`&&(n.negative_prompt=void 0),e.field===`video_list`&&(n.video_list=void 0,n.prompt=De(n.prompt)),e.field===`image_list`&&(n.image_list=void 0,n.prompt=Oe(n.prompt));return n}var ke=v({name:`ModelSelector`,components:{ElSelect:b,ElOption:x},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0,options:[{value:`kling-v3`,label:`v3`},{value:`kling-v3-omni`,label:`v3-Omni`},{value:`kling-v2-6`,label:`v2.6`},{value:`kling-v2-5-turbo`,label:`v2.5-Turbo`},{value:`kling-v2-1-master`,label:`v2.1-Master`},{value:`kling-v2-master`,label:`v2-Master`},{value:`kling-v1-6`,label:`v1.6`},{value:`kling-v1`,label:`v1`},{value:`kling-o1`,label:`Kling O1`}]}},computed:{value(){return this.$store.state.kling?.config?.model}},mounted(){this.value||this.applyModel(ne)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=Q(t,{model:e});if(n.length===0){this.applyModel(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await N.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=$({...t,model:e},n);this.$store.commit(`kling/setConfig`,i),P.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyModel(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,model:e})}}}),Ae={class:`field`},je={class:`title font-bold`};function Me(t,n,r,a,o,u){let d=l(`el-option`),m=l(`el-select`);return g(),s(`div`,Ae,[e(`h2`,je,i(t.$t(`pika.name.model`)),1),(g(),f(m,{key:t.revertKey,"model-value":t.value,class:`value`,placeholder:t.$t(`pika.placeholder.select`),onChange:t.onChange},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(d,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Ne=I(ke,[[`render`,Me],[`__scopeId`,`data-v-a74e7f31`]]),Pe=v({name:`ModeSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Y},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},cameraControlSet(){return!!this.$store.state.kling?.config?.camera_control?.type},fourKReason(){return M.includes(this.selectedModel)?this.cameraControlSet?this.$t(`kling.description.mode4kIncompatibleCamera`):``:this.$t(`kling.description.mode4kRequiresV3`)},options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`),disabled:!1,disabledReason:``},{value:`pro`,label:this.$t(`kling.name.modePro`),disabled:!1,disabledReason:``},{value:`4k`,label:this.$t(`kling.name.mode4k`),disabled:!!this.fourKReason,disabledReason:this.fourKReason}]},value(){return this.$store.state.kling?.config?.mode}},watch:{fourKReason(e){e&&this.value===`4k`&&this.applyMode(`std`)}},mounted(){this.value||this.applyMode(`std`)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=Q(t,{mode:e});if(n.length===0){this.applyMode(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await N.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=$({...t,mode:e},n);this.$store.commit(`kling/setConfig`,i),P.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyMode(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,mode:e})}}}),Fe={class:`field`},Ie={class:`header`},Le={class:`title font-bold`},Re={key:0,class:`opt-tip`};function ze(t,r,u,d,m,_){let v=l(`info-icon`),y=l(`el-option`),b=l(`el-select`);return g(),s(`div`,Fe,[e(`div`,Ie,[e(`h2`,Le,i(t.$t(`kling.name.mode`)),1),a(v,{content:t.$t(`kling.description.mode`),class:`info-icon`},null,8,[`content`])]),(g(),f(b,{key:t.revertKey,"model-value":t.value,class:`value`,placeholder:t.$t(`kling.placeholder.select`),clearable:!0,onChange:t.onChange},{default:p(()=>[(g(!0),s(c,null,h(t.options,t=>(g(),f(y,{key:t.value,label:t.label,value:t.value,disabled:t.disabled},{default:p(()=>[e(`span`,{class:n({"opt-disabled":t.disabled})},i(t.label),3),t.disabled&&t.disabledReason?(g(),s(`span`,Re,i(t.disabledReason),1)):o(``,!0)]),_:2},1032,[`label`,`value`,`disabled`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])}var Be=I(Pe,[[`render`,ze],[`__scopeId`,`data-v-9a8fa3c5`]]),Ve=[3,5,8,10,12,15],He=[5,10],Ue=[5],We=v({name:`DurationSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Y},data(){return{revertKey:0}},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},isV3Model(){return M.includes(this.selectedModel)},allowedDurations(){return this.selectedModel===`kling-o1`?Ue:this.isV3Model?Ve:He},value(){return this.$store.state.kling?.config?.duration??5},selectValue(){let e=this.allowedDurations;return e.includes(this.value)?this.value:e.includes(5)?5:e[0]}},watch:{selectedModel(){this.allowedDurations.includes(this.value)||this.applyDuration(5)}},mounted(){this.$store.state.kling?.config?.duration||this.applyDuration(5)},methods:{async onChange(e){let t=this.$store.state.kling?.config||{},n=Q(t,{duration:e});if(n.length===0){this.applyDuration(e);return}let r=n.map(e=>this.$t(e.i18nLabel)).join(`、`);try{await N.confirm(this.$t(`kling.message.featureNotSupportedBody`,{fields:r}),this.$t(`kling.message.featureNotSupportedTitle`),{confirmButtonText:this.$t(`kling.button.confirmContinue`),cancelButtonText:this.$t(`kling.button.cancelSwitch`),type:`warning`});let i=$({...t,duration:e},n);this.$store.commit(`kling/setConfig`,i),P.success(this.$t(`kling.message.featureRemovedNotice`,{fields:r}))}catch{this.revertKey+=1}},applyDuration(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling.config,duration:e})}}}),Ge={class:`field`},Ke={class:`control`},qe={class:`label`},Je={class:`title font-bold`};function Ye(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Ge,[e(`div`,Ke,[e(`div`,qe,[e(`h2`,Je,i(t.$t(`kling.name.duration`)),1),a(m,{content:t.$t(`kling.description.duration`),class:`info-icon ml-1`},null,8,[`content`])]),(g(),f(v,{key:t.revertKey,"model-value":t.selectValue,class:`value`,placeholder:t.$t(`kling.placeholder.select`),onChange:t.onChange},{default:p(()=>[(g(!0),s(c,null,h(t.allowedDurations,e=>(g(),f(_,{key:e,label:`${e}s`,value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`model-value`,`placeholder`,`onChange`]))])])}var Xe=I(We,[[`render`,Ye],[`__scopeId`,`data-v-496bf31c`]]),Ze=v({name:`RatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:20,height:20},{value:`16:9`,label:`16:9`,width:25,height:13},{value:`9:16`,label:`9:16`,width:13,height:25}]}},computed:{active(){return this.options.findIndex(e=>e.value===this.value)||0},value:{get(){return this.$store.state?.kling?.config?.aspect_ratio},set(e){console.debug(`set ratio`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),Qe={class:`text-sm font-bold mb-2 block`},$e={class:`items`},et=[`onClick`],tt={class:`name`};function nt(t,r,a,o,l,u){return g(),s(`div`,null,[e(`span`,Qe,i(t.$t(`kling.name.ratio`)),1),e(`div`,$e,[(g(!0),s(c,null,h(t.options,(r,a)=>(g(),s(`div`,{key:a,class:n({active:t.active===a,item:!0}),onClick:e=>t.value=r.value},[e(`div`,{class:n([`preview`,r.label])},[e(`div`,{class:`rect`,style:m({width:r.width+`px`,height:r.height+`px`})},null,4)],2),e(`p`,tt,i(r.label),1)],10,et))),128))])])}var rt=I(Ze,[[`render`,nt],[`__scopeId`,`data-v-cdb14b2f`]]),it=v({name:`StartImage`,components:{ElUpload:w,ElButton:R,ElTooltip:T,InfoIcon:Y,FontAwesomeIcon:K,ImagePreview:q},mixins:[W,B],emits:[`change`],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},value:{get(){return this.$store.state?.kling?.config?.start_image_url},set(){}}},watch:{value(e){!e&&this.fileList.length>0&&(this.fileList=[])}},mounted(){this.value||=void 0,this.onSetStartImageUrl()},methods:{onExceed(){P.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){P.error(this.$t(`kling.message.uploadReferencesError`))},onBeforeUpload(){let e=this.$store.state.kling?.config||{};if(e.video_list?.[0]?.refer_type===`base`)return P.warning(this.$t(`kling.message.baseVideoFrameConflict`)),!1;let t=e.video_list?.length?4:7;return(e.image_list?.length||0)+Number(!!e.end_image_url)+1>t?(P.warning(this.$t(`kling.message.referenceImagesTotalLimit`,{count:t})),!1):!0},onSetStartImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,start_image_url:e})},async onSuccess(){this.onSetStartImageUrl()},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.onSetStartImageUrl()}}}),at={class:`relative`},ot={class:`flex justify-between`},st={class:`flex justify-start items-center`},ct={class:`text-sm font-bold`};function lt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-tooltip`),x=l(`el-upload`);return g(),s(`div`,at,[e(`div`,ot,[e(`div`,st,[e(`span`,ct,i(t.$t(`kling.name.startImage`)),1),a(h,{content:t.$t(`kling.description.uploadStartImage`)},null,8,[`content`])])]),a(x,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:t.reachedLimit,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"before-upload":t.onBeforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(b,{content:t.$t(`kling.message.uploadReferencesExceed`),disabled:!t.reachedLimit,placement:`top`},{default:p(()=>[e(`span`,null,[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:t.reachedLimit},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`kling.button.uploadReferences`)),1)]),_:1},8,[`disabled`])])]),_:1},8,[`content`,`disabled`])]),_:1},8,[`file-list`,`disabled`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var ut=I(it,[[`render`,lt],[`__scopeId`,`data-v-6f0c6c0c`]]),dt=v({name:`EndImage`,components:{ElUpload:w,ElButton:R,ElTooltip:T,ImagePreview:q,InfoIcon:Y,FontAwesomeIcon:K},mixins:[W,B],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},reachedLimit(){return(this.fileList?.length||0)>=1},klingConfig(){return this.$store.state?.kling?.config||{}},endImageSupported(){return X(this.klingConfig.model,this.klingConfig.mode,this.klingConfig.duration).endImage},hasStartImage(){return!!this.klingConfig.start_image_url},uploadDisabled(){return this.reachedLimit||!this.endImageSupported||!this.hasStartImage},uploadTooltip(){return this.endImageSupported?this.hasStartImage?this.reachedLimit?this.$t(`kling.message.uploadReferencesExceed`):``:this.$t(`kling.message.endImageRequiresStart`):this.$t(`kling.message.endImageNotSupported`)},storeValue(){return this.klingConfig.end_image_url},value:{get(){return this.storeValue},set(){}}},watch:{storeValue(e){!e&&this.fileList.length>0&&(this.fileList=[])},hasStartImage(e){!e&&this.storeValue&&(this.fileList=[],this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,end_image_url:void 0}))}},mounted(){this.value||=void 0,this.onSetEndImageUrl()},methods:{onBeforeUpload(){if(!this.endImageSupported)return P.warning(this.$t(`kling.message.endImageNotSupported`)),!1;if(!this.hasStartImage)return P.warning(this.$t(`kling.message.endImageRequiresStart`)),!1;if(this.klingConfig.video_list?.[0]?.refer_type===`base`)return P.warning(this.$t(`kling.message.baseVideoFrameConflict`)),!1;let e=this.klingConfig.video_list?.length?4:7;return(this.klingConfig.image_list?.length||0)+2>e?(P.warning(this.$t(`kling.message.referenceImagesTotalLimit`,{count:e})),!1):!0},onExceed(){P.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){P.error(this.$t(`kling.message.uploadReferencesError`))},onSetEndImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,end_image_url:e})},async onSuccess(){this.onSetEndImageUrl()},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.onSetEndImageUrl()}}}),ft={class:`relative`},pt={class:`flex justify-between`},mt={class:`flex justify-start items-center`},ht={class:`text-sm font-bold`};function gt(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-tooltip`),x=l(`el-upload`);return g(),s(`div`,ft,[e(`div`,pt,[e(`div`,mt,[e(`span`,ht,i(t.$t(`kling.name.endImage`)),1),a(h,{content:t.$t(`kling.description.uploadEndImage`)},null,8,[`content`])])]),a(x,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,disabled:t.uploadDisabled,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"before-upload":t.onBeforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(b,{content:t.uploadTooltip,disabled:!t.uploadDisabled,placement:`top`},{default:p(()=>[e(`span`,null,[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`,disabled:t.uploadDisabled},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`kling.button.uploadReferences`)),1)]),_:1},8,[`disabled`])])]),_:1},8,[`content`,`disabled`])]),_:1},8,[`file-list`,`disabled`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var _t=I(dt,[[`render`,gt],[`__scopeId`,`data-v-20f7b7bd`]]),vt=v({name:`ReferenceVideo`,components:{ElUpload:w,ElButton:R,ElRadioButton:D,ElRadioGroup:O,ElSwitch:j,InfoIcon:Y,FilePreview:ce,FontAwesomeIcon:K},mixins:[B],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},config(){return this.$store.state.kling?.config||{}},hasVideo(){return!!this.urls?.[0]},referenceType:{get(){return this.config.video_list?.[0]?.refer_type||`feature`},set(e){this.updateVideoOptions(e,this.keepOriginalSound)}},keepOriginalSound:{get(){return this.config.video_list?.[0]?.keep_original_sound===`yes`},set(e){this.updateVideoOptions(this.referenceType,e)}}},methods:{onExceed(){P.warning(this.$t(`kling.message.referenceVideoExceed`))},onError(){P.error(this.$t(`kling.message.referenceVideoError`))},beforeUpload(e){if((this.config.image_list?.length||0)+Number(!!this.config.start_image_url)+Number(!!this.config.end_image_url)>4)return P.error(this.$t(`kling.message.referenceVideoImageLimit`)),!1;let t=e.type===`video/mp4`||e.type===`video/quicktime`,n=e.size/1024/1024<200;return t?n?!0:(P.error(this.$t(`kling.message.referenceVideoSizeExceed`)),!1):(P.error(this.$t(`kling.message.referenceVideoTypeFailed`)),!1)},ensurePromptToken(e){let t=this.$store.state.kling?.config,n=t?.prompt||``,r=n.includes(Z),i;if(e&&!r)i=n?`${n} ${Z}`:Z;else if(!e&&r)i=De(n);else return;this.$store.commit(`kling/setConfig`,{...t,prompt:i})},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,video_list:void 0}),this.ensurePromptToken(!1)},onSetVideoList(){let e=this.urls?.[0],t=e?[{video_url:e,refer_type:this.referenceType,keep_original_sound:this.keepOriginalSound?`yes`:`no`}]:void 0;this.$store.commit(`kling/setConfig`,{...this.config,video_list:t,generate_audio:!1,camera_control:void 0,cfg_scale:void 0,negative_prompt:void 0}),this.ensurePromptToken(!!e)},updateVideoOptions(e,t){let n=this.urls?.[0];n&&this.$store.commit(`kling/setConfig`,{...this.config,video_list:[{video_url:n,refer_type:e,keep_original_sound:t?`yes`:`no`}],...e===`base`?{start_image_url:void 0,end_image_url:void 0}:{},generate_audio:!1,camera_control:void 0,cfg_scale:void 0,negative_prompt:void 0})},async onSuccess(){this.onSetVideoList()}}}),yt={class:`relative`},bt={class:`flex justify-between`},xt={class:`flex justify-start items-center`},St={class:`text-sm font-bold`},Ct={key:0,class:`reference-options mt-3 flex flex-col gap-3`},wt={class:`flex flex-col items-stretch gap-2 sm:flex-row sm:items-center sm:justify-between`},Tt={class:`text-sm`},Et={class:`flex items-center justify-between gap-3`},Dt={class:`text-sm`};function Ot(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`file-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`),x=l(`el-radio-button`),S=l(`el-radio-group`),C=l(`el-switch`);return g(),s(`div`,yt,[e(`div`,bt,[e(`div`,xt,[e(`span`,St,i(t.$t(`kling.name.referenceVideo`)),1),a(h,{content:t.$t(`kling.description.omniReferenceVideo`)},null,8,[`content`])])]),a(b,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage===void 0?o(``,!0):(g(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},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`}),r(` `+i(t.$t(`kling.button.uploadReferenceVideo`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`]),t.hasVideo?(g(),s(`div`,Ct,[e(`div`,wt,[e(`span`,Tt,i(t.$t(`kling.name.referenceVideoType`)),1),a(S,{modelValue:t.referenceType,"onUpdate:modelValue":n[1]||=e=>t.referenceType=e,size:`small`},{default:p(()=>[a(x,{value:`feature`},{default:p(()=>[r(i(t.$t(`kling.name.referenceVideoFeature`)),1)]),_:1}),a(x,{value:`base`},{default:p(()=>[r(i(t.$t(`kling.name.referenceVideoBase`)),1)]),_:1})]),_:1},8,[`modelValue`])]),e(`div`,Et,[e(`span`,Dt,i(t.$t(`kling.name.keepOriginalSound`)),1),a(C,{modelValue:t.keepOriginalSound,"onUpdate:modelValue":n[2]||=e=>t.keepOriginalSound=e},null,8,[`modelValue`])])])):o(``,!0)])}var kt=I(vt,[[`render`,Ot],[`__scopeId`,`data-v-02b46094`]]),At=v({name:`KlingReferenceImages`,components:{ElButton:R,ElUpload:w,FontAwesomeIcon:K,ImagePreview:q,InfoIcon:Y},mixins:[W,B],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{config(){return this.$store.state.kling?.config||{}},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},frameCount(){return Number(!!this.config.start_image_url)+Number(!!this.config.end_image_url)},maxImages(){return this.config.video_list?.length?4:7},referenceLimit(){return Math.max(0,this.maxImages-this.frameCount)},remainingSlots(){return Math.max(0,this.referenceLimit-this.urls.length)},urls(){return this.fileList.map(e=>e.response?.file_url||e.url).filter(Boolean)},storeImages(){return this.config.image_list}},watch:{frameCount(){this.syncPromptTokens()},storeImages(e){!e?.length&&this.fileList.length>0&&(this.fileList=[])}},methods:{beforeUpload(){return this.remainingSlots===0?(this.onExceed(),!1):!0},onExceed(){P.warning(this.$t(`kling.message.referenceImagesExceed`,{count:this.remainingSlots}))},onError(){P.error(this.$t(`kling.message.referenceImagesError`))},clearOmniConflicts(e){return{...e,generate_audio:!1,camera_control:void 0,cfg_scale:void 0,negative_prompt:void 0}},syncPromptTokens(e){let t=e||this.config,n=[Oe(t.prompt),...this.urls.map((e,t)=>`<<<image_${this.frameCount+t+1}>>>`)].filter(Boolean).join(` `);n!==t.prompt&&this.$store.commit(`kling/setConfig`,{...t,prompt:n})},syncConfig(){let e=this.urls.length?this.urls.map(e=>({image_url:e})):void 0,t=this.clearOmniConflicts({...this.config,image_list:e});this.$store.commit(`kling/setConfig`,t),this.syncPromptTokens(t)},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.syncConfig()},onRemove(e,t){this.fileList.splice(e,1),t.url?.startsWith(`blob:`)&&URL.revokeObjectURL(t.url),this.syncConfig()}}}),jt={class:`relative`},Mt={class:`flex justify-between items-center`},Nt={class:`flex justify-start items-center`},Pt={class:`text-sm font-bold`},Ft={key:0,class:`file-list flex flex-wrap gap-2 mt-2`};function It(t,n,u,d,m,_){let v=l(`info-icon`),y=l(`font-awesome-icon`),b=l(`el-button`),x=l(`el-upload`),S=l(`image-preview`);return g(),s(`div`,jt,[e(`div`,Mt,[e(`div`,Nt,[e(`span`,Pt,i(t.$t(`kling.name.referenceImages`)),1),a(v,{content:t.$t(`kling.description.referenceImages`)},null,8,[`content`])]),a(x,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg`,name:`file`,limit:t.referenceLimit,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{default:p(()=>[a(b,{round:``,type:`primary`,size:`small`,disabled:t.remainingSlots===0},{default:p(()=>[a(y,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`kling.button.uploadReferenceImages`)),1)]),_:1},8,[`disabled`])]),_:1},8,[`file-list`,`limit`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])]),t.fileList.length?(g(),s(`div`,Ft,[(g(!0),s(c,null,h(t.fileList,(e,n)=>(g(),f(S,{key:e.uid||e.url||n,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemove(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])):o(``,!0)])}var Lt=I(At,[[`render`,It]]),Rt=v({name:`CfgScaleSelector`,components:{ElSlider:A,InfoIcon:Y,ElInputNumber:k},computed:{value:{get(){return this.$store.state?.kling?.config?.cfg_scale},set(e){console.debug(`set cfg_scale`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state?.kling?.config,cfg_scale:e})}}},mounted(){this.value||=0}}),zt={class:`flex justify-between`},Bt={class:`flex justify-start items-center`},Vt={class:`text-sm font-bold`},Ht={class:`flex justify-end items-center`},Ut={class:`w-full`};function Wt(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input-number`),p=l(`el-slider`);return g(),s(`div`,null,[e(`div`,zt,[e(`div`,Bt,[e(`span`,Vt,i(t.$t(`kling.name.cfgScale`)),1),a(d,{content:t.$t(`kling.description.cfgScale`)},null,8,[`content`])]),e(`div`,Ht,[a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,"controls-position":`right`},null,8,[`modelValue`])])]),e(`div`,Ut,[a(p,{modelValue:t.value,"onUpdate:modelValue":n[1]||=e=>t.value=e,min:0,max:1,step:.1},null,8,[`modelValue`])])])}var Gt=I(Rt,[[`render`,Wt]]),Kt=v({name:`GenerateAudioSelector`,components:{ElSwitch:j,InfoIcon:Y},computed:{selectedModel(){return this.$store.state.kling?.config?.model||``},selectedMode(){return this.$store.state.kling?.config?.mode||``},supported(){return!!(M.includes(this.selectedModel)||this.selectedModel===`kling-v2-6`&&this.selectedMode===`pro`)},tooltipContent(){return this.supported?this.$t(`kling.description.generateAudio`):this.$t(`kling.description.generateAudioUnsupported`)},value:{get(){return this.supported?this.$store.state.kling?.config?.generate_audio??!1:!1},set(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,generate_audio:e})}}},watch:{supported(e){!e&&this.$store.state.kling?.config?.generate_audio&&this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,generate_audio:!1})}}}),qt={class:`relative`},Jt={class:`flex justify-between items-center`},Yt={class:`flex justify-start items-center`},Xt={class:`text-sm font-bold`};function Zt(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return g(),s(`div`,qt,[e(`div`,Jt,[e(`div`,Yt,[e(`span`,Xt,i(t.$t(`kling.name.generateAudio`)),1),a(d,{content:t.tooltipContent},null,8,[`content`])]),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,disabled:!t.supported},null,8,[`modelValue`,`disabled`])])])}var Qt=I(Kt,[[`render`,Zt]]),$t=[`horizontal`,`vertical`,`pan`,`tilt`,`roll`,`zoom`],en=v({name:`CameraControlSelector`,components:{ElSelect:b,ElOption:x,ElSlider:A,ElInputNumber:k,InfoIcon:Y},data(){return{configKeys:$t}},computed:{typeOptions(){return[{value:``,label:this.$t(`kling.name.cameraTypeNone`)},{value:`simple`,label:this.$t(`kling.name.cameraTypeSimple`)},{value:`down_back`,label:this.$t(`kling.name.cameraTypeDownBack`)},{value:`forward_up`,label:this.$t(`kling.name.cameraTypeForwardUp`)},{value:`left_turn_forward`,label:this.$t(`kling.name.cameraTypeLeftTurnForward`)},{value:`right_turn_forward`,label:this.$t(`kling.name.cameraTypeRightTurnForward`)}]},selectedMode(){return this.$store.state.kling?.config?.mode||``},selectedModel(){return this.$store.state.kling?.config?.model||``},selectedDuration(){return this.$store.state.kling?.config?.duration},motionControlSupported(){return X(this.selectedModel,this.selectedMode,this.selectedDuration).motionControl},hasStartImage(){return!!this.$store.state.kling?.config?.start_image_url},disabled(){return!this.motionControlSupported||this.hasStartImage},tooltipContent(){return this.motionControlSupported?this.hasStartImage?this.$t(`kling.description.cameraControlDisabledImage2Video`):this.$t(`kling.description.cameraControl`):this.$t(`kling.description.cameraControlNotSupported`)},selectedType(){return this.$store.state.kling?.config?.camera_control?.type},selectedTypeRaw:{get(){return this.selectedType??``},set(e){let t=this.$store.state.kling?.config||{};if(!e){let e={...t};delete e.camera_control,this.$store.commit(`kling/setConfig`,e);return}let n=e;this.$store.commit(`kling/setConfig`,{...t,camera_control:{type:n,config:n===`simple`?t.camera_control?.config||{}:void 0}})}},configValues(){return this.$store.state.kling?.config?.camera_control?.config||{}}},watch:{disabled(e){e&&this.selectedType!==void 0&&(this.selectedTypeRaw=``)}},methods:{writeConfig(e,t){let n=this.$store.state.kling?.config||{},r=n.camera_control||{type:`simple`},i={...r.config||{}};t==null?delete i[e]:i[e]=t,this.$store.commit(`kling/setConfig`,{...n,camera_control:{...r,type:`simple`,config:i}})},onSliderChange(e,t){this.writeConfig(e,t)},onNumberChange(e,t){this.writeConfig(e,t)}}}),tn={class:`field`},nn={class:`header`},rn={class:`text-sm font-bold`},an={key:0,class:`config-grid`},on={class:`cfg-row-head`},sn={class:`cfg-name`};function cn(t,n,r,u,d,m){let _=l(`info-icon`),v=l(`el-option`),y=l(`el-select`),b=l(`el-input-number`),x=l(`el-slider`);return g(),s(`div`,tn,[e(`div`,nn,[e(`span`,rn,i(t.$t(`kling.name.cameraControl`)),1),a(_,{content:t.tooltipContent},null,8,[`content`])]),a(y,{modelValue:t.selectedTypeRaw,"onUpdate:modelValue":n[0]||=e=>t.selectedTypeRaw=e,class:`value`,placeholder:t.$t(`kling.placeholder.cameraType`),clearable:!0,disabled:t.disabled},{default:p(()=>[(g(!0),s(c,null,h(t.typeOptions,e=>(g(),f(v,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`disabled`]),t.selectedType===`simple`&&!t.disabled?(g(),s(`div`,an,[(g(!0),s(c,null,h(t.configKeys,n=>(g(),s(`div`,{key:n,class:`cfg-row`},[e(`div`,on,[e(`span`,sn,i(t.$t(`kling.name.cc_${n}`)),1),a(b,{modelValue:t.configValues[n],"onUpdate:modelValue":e=>t.configValues[n]=e,min:-1,max:1,step:.1,precision:1,"controls-position":`right`,size:`small`,class:`cfg-num`,onChange:e=>t.onNumberChange(n,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])]),a(x,{"model-value":t.configValues[n]??0,min:-1,max:1,step:.1,onInput:e=>t.onSliderChange(n,e)},null,8,[`model-value`,`onInput`])]))),128))])):o(``,!0)])}var ln=I(en,[[`render`,cn],[`__scopeId`,`data-v-cd896060`]]),un=[{groupKey:`cameraMovements`,chipKeys:[`rotateAround`,`stationary`,`handheld`,`zoomOut`,`zoomIn`,`follow`,`panRight`,`tiltUp`,`tiltDown`,`orbit`]},{groupKey:`cameraSpeed`,chipKeys:[`speedSlow`,`speedMedium`,`speedFast`]},{groupKey:`shotType`,chipKeys:[`shotClose`,`shotMedium`,`shotLong`,`shotLowAngle`,`shotHighAngle`,`shotShallowDof`,`shotFront`,`shotProfile`,`shotCloseUp`,`shotDrone`]},{groupKey:`light`,chipKeys:[`lightSunlight`,`lightSoft`,`lightNeon`,`lightWarm`,`lightNature`,`lightCandle`,`lightCityNight`]},{groupKey:`frame`,chipKeys:[`frameRichDetails`,`frameSimpleBg`]},{groupKey:`atmosphere`,chipKeys:[`atmosphereMysterious`,`atmospherePeaceful`,`atmosphereHeartwarming`,`atmosphereVivid`,`atmosphereColorful`]}],dn=`, `;function fn(e,t){let n=(e||``).trim();return n?n.includes(t)?n:`${n}${dn}${t}`:t}function pn(e,t){if(!e||!t)return e||``;let n=[`${t}${dn}`,`${dn}${t}`,t],r=e;for(let e of n)if(r.includes(e)){r=r.replace(e,``);break}return r.replace(/(?:,\s*)+$/,``).replace(/^(?:,\s*)+/,``)}var mn=v({name:`InspirationPills`,components:{FontAwesomeIcon:K},computed:{prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return un.flatMap(e=>e.chipKeys.map(e=>this.$t(`kling.inspiration.chip.${e}`)))},selected(){let e=this.prompt;if(!e)return[];let t=[];for(let n of this.allChipTexts){let r=e.indexOf(n);r!==-1&&t.push({text:n,idx:r})}return t.sort((e,t)=>e.idx-t.idx).map(e=>e.text)}},methods:{onRemove(e){let t=pn(this.prompt,e);this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:t})}}}),hn={key:0,class:`pills`,role:`list`},gn={class:`pill-text`},_n=[`aria-label`,`onClick`];function vn(n,r,u,d,f,p){let m=l(`font-awesome-icon`);return n.selected.length>0?(g(),s(`div`,hn,[(g(!0),s(c,null,h(n.selected,r=>(g(),s(`div`,{key:r,class:`pill`,role:`listitem`},[e(`span`,gn,i(r),1),e(`button`,{type:`button`,class:`pill-remove`,"aria-label":n.$t(`kling.inspiration.removeChip`),onClick:t(e=>n.onRemove(r),[`stop`])},[a(m,{icon:`fa-solid fa-xmark`})],8,_n)]))),128))])):o(``,!0)}var yn=v({name:`PromptInput`,components:{ElButton:R,FontAwesomeIcon:K,PromptTextarea:ge,InspirationPills:I(mn,[[`render`,vn],[`__scopeId`,`data-v-5fc4fa65`]])},emits:[`open-inspiration`],computed:{prompt:{get(){return this.$store.state.kling?.config?.prompt},set(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:e})}}},mounted(){this.prompt||=``}});function bn(e,t,n,o,s,c){let u=l(`font-awesome-icon`),d=l(`el-button`),m=l(`inspiration-pills`),h=l(`prompt-textarea`);return g(),f(h,{modelValue:e.prompt,"onUpdate:modelValue":t[1]||=t=>e.prompt=t,title:e.$t(`kling.name.prompt`),info:e.$t(`kling.description.prompt`),placeholder:e.$t(`kling.placeholder.prompt`)},{actions:p(()=>[a(d,{text:``,size:`small`,class:`inspiration-btn`,onClick:t[0]||=t=>e.$emit(`open-inspiration`)},{default:p(()=>[a(u,{icon:`fa-regular fa-lightbulb`,class:`mr-1`}),r(` `+i(e.$t(`kling.inspiration.openButton`)),1)]),_:1})]),before:p(()=>[a(m)]),_:1},8,[`modelValue`,`title`,`info`,`placeholder`])}var xn=I(yn,[[`render`,bn],[`__scopeId`,`data-v-c01fc1a6`]]),Sn=v({name:`NegativePromptInput`,components:{ElInput:z,InfoIcon:Y},computed:{prompt:{get(){return this.$store.state.kling?.config?.negative_prompt},set(e){console.debug(`set prompt`,e),this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,negative_prompt:e})}}},mounted(){this.prompt||=``}}),Cn={class:`field`},wn={class:`box`},Tn={class:`title font-bold`};function En(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input`);return g(),s(`div`,Cn,[e(`div`,wn,[e(`h2`,Tn,i(t.$t(`kling.name.negativePrompt`)),1),a(d,{content:t.$t(`kling.description.negativePrompt`),class:`info`},null,8,[`content`])]),a(f,{modelValue:t.prompt,"onUpdate:modelValue":n[0]||=e=>t.prompt=e,rows:3,type:`textarea`,class:`prompt`,placeholder:t.$t(`kling.placeholder.negativePrompt`)},null,8,[`modelValue`,`placeholder`])])}var Dn=I(Sn,[[`render`,En],[`__scopeId`,`data-v-de98cf01`]]),On=v({name:`InspirationDrawer`,components:{ElDrawer:ee,ElButton:R,FontAwesomeIcon:K},props:{modelValue:{type:Boolean,default:!1}},emits:[`update:modelValue`],data(){return{groups:un,Close:y}},computed:{visible:{get(){return this.modelValue},set(e){this.$emit(`update:modelValue`,e)}},drawerSize(){return window.innerWidth<768?`100%`:`380px`},prompt(){return this.$store.state.kling?.config?.prompt||``},allChipTexts(){return this.groups.flatMap(e=>e.chipKeys.map(e=>this.$t(`kling.inspiration.chip.${e}`)))},selectedCount(){return this.allChipTexts.filter(e=>this.isSelected(e)).length}},methods:{chipText(e){return this.$t(`kling.inspiration.chip.${e}`)},isSelected(e){return e?this.prompt.includes(e):!1},setPrompt(e){this.$store.commit(`kling/setConfig`,{...this.$store.state.kling?.config,prompt:e})},onToggle(e){e&&(this.isSelected(e)?this.setPrompt(pn(this.prompt,e)):this.setPrompt(fn(this.prompt,e)))},onClearSelected(){let e=this.prompt;for(let t of this.allChipTexts)for(;e.includes(t);)e=pn(e,t);this.setPrompt(e)}}}),kn={class:`drawer-content`},An={class:`drawer-header`},jn={class:`title-row`},Mn={class:`title`},Nn={class:`hint`},Pn={key:0,class:`selected-bar`},Fn={class:`selected-text`},In={class:`groups`},Ln={class:`group-title`},Rn={class:`chip-grid`},zn=[`onClick`];function Bn(t,u,d,m,_,v){let y=l(`font-awesome-icon`),b=l(`el-button`),x=l(`el-drawer`);return g(),f(x,{modelValue:t.visible,"onUpdate:modelValue":u[1]||=e=>t.visible=e,direction:`rtl`,"with-header":!1,size:t.drawerSize,"custom-class":`kling-inspiration-drawer`,"destroy-on-close":!1},{default:p(()=>[e(`div`,kn,[e(`div`,An,[e(`div`,jn,[a(y,{icon:`fa-regular fa-lightbulb`,class:`mr-2`}),e(`span`,Mn,i(t.$t(`kling.inspiration.title`)),1)]),a(b,{text:``,icon:t.Close,class:`close-btn`,onClick:u[0]||=e=>t.visible=!1},null,8,[`icon`])]),e(`div`,Nn,i(t.$t(`kling.inspiration.hint`)),1),t.selectedCount>0?(g(),s(`div`,Pn,[e(`span`,Fn,i(t.$t(`kling.inspiration.selectedSummary`,{count:t.selectedCount})),1),a(b,{text:``,size:`small`,class:`clear-btn`,onClick:t.onClearSelected},{default:p(()=>[r(i(t.$t(`kling.inspiration.clearSelected`)),1)]),_:1},8,[`onClick`])])):o(``,!0),e(`div`,In,[(g(!0),s(c,null,h(t.groups,r=>(g(),s(`div`,{key:r.groupKey,class:`group`},[e(`div`,Ln,i(t.$t(`kling.inspiration.group.${r.groupKey}`)),1),e(`div`,Rn,[(g(!0),s(c,null,h(r.chipKeys,e=>(g(),s(`button`,{key:e,type:`button`,class:n({chip:!0,active:t.isSelected(t.chipText(e))}),onClick:n=>t.onToggle(t.chipText(e))},i(t.chipText(e)),11,zn))),128))])]))),128))])])]),_:1},8,[`modelValue`,`size`])}var Vn=I(On,[[`render`,Bn],[`__scopeId`,`data-v-7d457a69`]]),Hn={"kling-v3":`v3`,"kling-v3-omni":`v3-Omni`,"kling-v2-6":`v2.6`,"kling-v2-5-turbo":`v2.5-Turbo`,"kling-v2-1-master":`v2.1-Master`,"kling-v2-master":`v2-Master`,"kling-v1-6":`v1.6`,"kling-v1":`v1`,"kling-o1":`Kling O1`},Un={std:`720p`,pro:`1080p`,"4k":`4K`},Wn=v({name:`SummaryChip`,components:{FontAwesomeIcon:K},computed:{config(){return this.$store.state.kling?.config||{}},modelLabel(){let e=this.config?.model||`kling-v2-5-turbo`;return Hn[e]||e},durationLabel(){return`${this.config?.duration??5}s`},aspectRatio(){return this.config?.aspect_ratio||``},modeLabel(){let e=this.config?.mode||`std`;return Un[e]||e},generateAudio(){return!!this.config?.generate_audio}}}),Gn={class:`summary-chip`},Kn=[`title`],qn=[`title`],Jn=[`title`],Yn=[`title`],Xn=[`title`];function Zn(t,n,r,c,u,d){let f=l(`font-awesome-icon`);return g(),s(`div`,Gn,[e(`span`,{class:`part`,title:t.$t(`kling.name.model`)},i(t.modelLabel),9,Kn),n[0]||=e(`span`,{class:`dot`},`·`,-1),e(`span`,{class:`part`,title:t.$t(`kling.name.duration`)},i(t.durationLabel),9,qn),n[1]||=e(`span`,{class:`dot`},`·`,-1),e(`span`,{class:`part`,title:t.$t(`kling.name.ratio`)},i(t.aspectRatio||`16:9`),9,Jn),n[2]||=e(`span`,{class:`dot`},`·`,-1),e(`span`,{class:`part`,title:t.$t(`kling.name.mode`)},i(t.modeLabel),9,Yn),t.generateAudio?(g(),s(`span`,{key:0,class:`audio`,title:t.$t(`kling.name.generateAudio`)},[a(f,{icon:`fa-solid fa-headphones`})],8,Xn)):o(``,!0)])}var Qn=v({name:`ConfigPanel`,components:{ElButton:R,Consumption:J,FontAwesomeIcon:K,PromptInput:xn,NegativePromptInput:Dn,ModelSelector:Ne,ModeSelector:Be,DurationSelector:Xe,RatioSelector:rt,StartImage:ut,CfgScaleSelector:Gt,GenerateAudioSelector:Qt,CameraControlSelector:ln,InspirationDrawer:Vn,SummaryChip:I(Wn,[[`render`,Zn],[`__scopeId`,`data-v-9f679676`]]),EndImage:_t,ReferenceImages:Lt,ReferenceVideo:kt},emits:[`generate`],data(){return{inspirationOpen:!1}},computed:{config(){return this.$store.state.kling?.config},capabilities(){return X(this.config?.model,this.config?.mode,this.config?.duration)},omniActive(){return this.config?.model===`kling-o1`||!!(this.config?.image_list?.length||this.config?.video_list?.length)},consumption(){return V(this.config,this.service?.cost)},service(){return this.$store.state.kling?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),$n={class:`flex flex-col h-full`},er={class:`flex-1 overflow-y-auto p-5`},tr={class:`flex flex-col items-center justify-center px-5 pb-5`};function nr(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`ratio-selector`),y=l(`reference-images`),b=l(`reference-video`),x=l(`start-image`),S=l(`end-image`),C=l(`duration-selector`),w=l(`mode-selector`),T=l(`generate-audio-selector`),E=l(`camera-control-selector`),D=l(`cfg-scale-selector`),O=l(`negative-prompt-input`),ee=l(`summary-chip`),k=l(`consumption`),A=l(`font-awesome-icon`),j=l(`el-button`),te=l(`inspiration-drawer`);return g(),s(`div`,$n,[e(`div`,er,[a(h,{class:`mb-4`,onOpenInspiration:n[0]||=e=>t.inspirationOpen=!0}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),t.capabilities.referenceImages?(g(),f(y,{key:0,class:`mb-3`})):o(``,!0),t.capabilities.referenceVideo?(g(),f(b,{key:1,class:`mb-2`})):o(``,!0),a(x,{class:`mb-2`}),a(S,{class:`mb-2`}),a(C,{class:`mb-4`}),a(w,{class:`mb-4`}),a(T,{class:`mb-4`}),t.omniActive?o(``,!0):(g(),f(E,{key:2,class:`mb-4`})),t.omniActive?o(``,!0):(g(),f(D,{key:3,class:`mb-4`})),t.omniActive?o(``,!0):(g(),f(O,{key:4,class:`mb-4`}))]),e(`div`,tr,[a(ee),a(k,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),t.config?.video_url!==void 0||t.config?.custom?(g(),f(j,{key:0,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(A,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`kling.button.extend`)),1)]),_:1},8,[`onClick`])):(g(),f(j,{key:1,type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(A,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`kling.button.generate`)),1)]),_:1},8,[`onClick`]))]),a(te,{modelValue:t.inspirationOpen,"onUpdate:modelValue":n[1]||=e=>t.inspirationOpen=e},null,8,[`modelValue`])])}var rr=I(Qn,[[`render`,nr]]),ir=v({name:`MotionImage`,components:{ElUpload:w,ElButton:R,InfoIcon:Y,FontAwesomeIcon:K,ImagePreview:q},mixins:[W,B],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetImageUrl()},methods:{onExceed(){P.warning(this.$t(`kling.message.uploadReferencesExceed`))},onError(){P.error(this.$t(`kling.message.uploadReferencesError`))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,image_url:void 0})},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,image_url:e})},async onSuccess(){this.onSetImageUrl()}}}),ar={class:`relative`},or={class:`flex justify-between`},sr={class:`flex justify-start items-center`},cr={class:`text-sm font-bold`};function lr(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,ar,[e(`div`,or,[e(`div`,sr,[e(`span`,cr,i(t.$t(`kling.name.motionImage`)),1),a(h,{content:t.$t(`kling.description.motionImage`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},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`}),r(` `+i(t.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var ur=I(ir,[[`render`,lr],[`__scopeId`,`data-v-e52eaf2f`]]),dr=v({name:`MotionVideo`,components:{ElUpload:w,ElButton:R,InfoIcon:Y,FilePreview:ce,FontAwesomeIcon:K},mixins:[B],data(){return{fileList:[],uploadUrl:L()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)}},mounted(){this.onSetVideoUrl()},methods:{onExceed(){P.warning(this.$t(`kling.message.uploadVideoExceed`))},onError(){P.error(this.$t(`kling.message.uploadVideoError`))},onRemove(e){this.fileList.splice(this.fileList.indexOf(e),1),this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,video_url:void 0})},beforeUpload(e){let t=e.type===`video/mp4`||e.type===`video/quicktime`,n=e.size/1024/1024<100;return t?n?!0:(P.error(this.$t(`kling.message.uploadVideoSizeExceed`)),!1):(P.error(this.$t(`kling.message.uploadVideoTypeFailed`)),!1)},onSetVideoUrl(){let e=this.urls?.[0];this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,video_url:e})},async onSuccess(){this.onSetVideoUrl()}}}),fr={class:`relative`},pr={class:`flex justify-between`},mr={class:`flex justify-start items-center`},hr={class:`text-sm font-bold`};function gr(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`file-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,fr,[e(`div`,pr,[e(`div`,mr,[e(`span`,hr,i(t.$t(`kling.name.motionVideo`)),1),a(h,{content:t.$t(`kling.description.motionVideo`)},null,8,[`content`])])]),a(b,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!0,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{file:p(({file:e})=>[e.percentage===void 0?o(``,!0):(g(),f(_,{key:0,url:e.url||e.response?.file_url,name:e.name,percentage:e.percentage,onRemove:n=>t.onRemove(e)},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`}),r(` `+i(t.$t(`kling.button.uploadVideoUrl`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`])])}var _r=I(dr,[[`render`,gr],[`__scopeId`,`data-v-7019a8d2`]]),vr=v({name:`MotionPromptInput`,components:{ElInput:z,InfoIcon:Y},computed:{prompt:{get(){return this.$store.state.kling?.motionConfig?.prompt||``},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,prompt:e})}}}}),yr={class:`field`},br={class:`box`},xr={class:`title font-bold`};function Sr(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-input`);return g(),s(`div`,yr,[e(`div`,br,[e(`h2`,xr,i(t.$t(`kling.name.motionPrompt`)),1),a(d,{content:t.$t(`kling.description.motionPrompt`),class:`info`},null,8,[`content`])]),a(f,{modelValue:t.prompt,"onUpdate:modelValue":n[0]||=e=>t.prompt=e,rows:3,type:`textarea`,class:`prompt`,placeholder:t.$t(`kling.placeholder.motionPrompt`)},null,8,[`modelValue`,`placeholder`])])}var Cr=I(vr,[[`render`,Sr],[`__scopeId`,`data-v-ca9fdbe5`]]),wr=`video`,Tr=v({name:`CharacterOrientationSelector`,components:{ElRadioGroup:O,ElRadioButton:D,InfoIcon:Y},computed:{value:{get(){return this.$store.state.kling?.motionConfig?.character_orientation||wr},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,character_orientation:e})}}},mounted(){this.$store.state.kling?.motionConfig?.character_orientation||(this.value=wr)}}),Er={class:`field`},Dr={class:`header`},Or={class:`text-sm font-bold`};function kr(t,n,o,c,u,d){let f=l(`info-icon`),m=l(`el-radio-button`),h=l(`el-radio-group`);return g(),s(`div`,Er,[e(`div`,Dr,[e(`span`,Or,i(t.$t(`kling.name.characterOrientation`)),1),a(f,{content:t.$t(`kling.description.characterOrientation`)},null,8,[`content`])]),a(h,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,size:`small`,class:`value`},{default:p(()=>[a(m,{label:`image`},{default:p(()=>[r(i(t.$t(`kling.name.orientationImage`)),1)]),_:1}),a(m,{label:`video`},{default:p(()=>[r(i(t.$t(`kling.name.orientationVideo`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var Ar=I(Tr,[[`render`,kr],[`__scopeId`,`data-v-7a91195b`]]),jr=`kling-v2-6`,Mr=v({name:`MotionModelSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Y},computed:{options(){return[{value:`kling-v2-6`,label:`Kling 2.6`},{value:`kling-v3`,label:`Kling 3.0`}]},value:{get(){return this.$store.state.kling?.motionConfig?.model_name||jr},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,model_name:e})}}},mounted(){this.$store.state.kling?.motionConfig?.model_name||(this.value=jr)}}),Nr={class:`field`},Pr={class:`header`},Fr={class:`title font-bold`};function Ir(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Nr,[e(`div`,Pr,[e(`h2`,Fr,i(t.$t(`kling.name.motionModel`)),1),a(m,{content:t.$t(`kling.description.motionModel`)},null,8,[`content`])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Lr=I(Mr,[[`render`,Ir],[`__scopeId`,`data-v-480e8da2`]]),Rr=`std`,zr=v({name:`MotionModeSelector`,components:{ElSelect:b,ElOption:x,InfoIcon:Y},computed:{options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`)},{value:`pro`,label:this.$t(`kling.name.modePro`)}]},value:{get(){return this.$store.state.kling?.motionConfig?.mode||Rr},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,mode:e})}}},mounted(){this.$store.state.kling?.motionConfig?.mode||(this.value=Rr)}}),Br={class:`field`},Vr={class:`header`},Hr={class:`title font-bold`};function Ur(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Br,[e(`div`,Vr,[e(`h2`,Hr,i(t.$t(`kling.name.mode`)),1),a(m,{content:t.$t(`kling.description.motionMode`)},null,8,[`content`])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Wr=I(zr,[[`render`,Ur],[`__scopeId`,`data-v-1295688c`]]),Gr=v({name:`KeepOriginalSoundSelector`,components:{ElSwitch:j,InfoIcon:Y},computed:{value:{get(){return(this.$store.state.kling?.motionConfig?.keep_original_sound??`yes`)===`yes`},set(e){this.$store.commit(`kling/setMotionConfig`,{...this.$store.state.kling?.motionConfig,keep_original_sound:e?`yes`:`no`})}}}}),Kr={class:`relative`},qr={class:`flex justify-between items-center`},Jr={class:`flex justify-start items-center`},Yr={class:`text-sm font-bold`};function Xr(t,n,r,o,c,u){let d=l(`info-icon`),f=l(`el-switch`);return g(),s(`div`,Kr,[e(`div`,qr,[e(`div`,Jr,[e(`span`,Yr,i(t.$t(`kling.name.keepOriginalSound`)),1),a(d,{content:t.$t(`kling.description.keepOriginalSound`)},null,8,[`content`])]),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e},null,8,[`modelValue`])])])}var Zr=v({name:`MotionPanel`,components:{ElButton:R,FontAwesomeIcon:K,Consumption:J,MotionImage:ur,MotionVideo:_r,MotionPromptInput:Cr,CharacterOrientationSelector:Ar,MotionModelSelector:Lr,MotionModeSelector:Wr,KeepOriginalSoundSelector:I(Gr,[[`render`,Xr]])},emits:[`generate`],computed:{motionConfig(){return this.$store.state.kling?.motionConfig},consumption(){return V({...this.motionConfig,duration:1},this.service?.cost)},service(){return this.$store.state.kling?.service},canGenerate(){let e=this.motionConfig;return!!(e?.image_url&&e?.video_url)}},methods:{onGenerate(){this.$emit(`generate`)}}}),Qr={class:`flex flex-col h-full`},$r={class:`flex-1 overflow-y-auto p-5`},ei={class:`flex flex-col items-center justify-center px-5 pb-5`};function ti(t,n,o,c,u,d){let f=l(`motion-image`),m=l(`motion-video`),h=l(`motion-prompt-input`),_=l(`character-orientation-selector`),v=l(`motion-model-selector`),y=l(`motion-mode-selector`),b=l(`keep-original-sound-selector`),x=l(`consumption`),S=l(`font-awesome-icon`),C=l(`el-button`);return g(),s(`div`,Qr,[e(`div`,$r,[a(f,{class:`mb-3`}),a(m,{class:`mb-3`}),a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`})]),e(`div`,ei,[a(x,{value:t.consumption,service:t.service,"rate-unit":t.$t(`kling.name.perSecond`),note:t.$t(`kling.message.motionPricingNote`)},null,8,[`value`,`service`,`rate-unit`,`note`]),a(C,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(S,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`kling.button.generateMotion`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var ni=I(Zr,[[`render`,ti]]),ri=v({name:`KlingTabSwitcher`,components:{ElTabs:S,ElTabPane:C,ElTag:ie},props:{modelValue:{type:String,default:`videos`}},emits:[`update:modelValue`],computed:{tabs(){return[{value:`videos`,label:this.$t(`kling.tab.videoGeneration`)},{value:`motion`,label:this.$t(`kling.tab.motionControl`)},{value:`talking-photo`,label:this.$t(`kling.tab.talkingPhoto`)}]}},methods:{onUpdate(e){this.$emit(`update:modelValue`,e)}}}),ii=[`title`],ai={class:`text`};function oi(t,n,a,u,d,m){let _=l(`el-tag`),v=l(`el-tab-pane`),y=l(`el-tabs`);return g(),f(y,{"model-value":t.modelValue,class:`kling-tabs`,stretch:``,"onUpdate:modelValue":t.onUpdate},{default:p(()=>[(g(!0),s(c,null,h(t.tabs,t=>(g(),f(v,{key:t.value,name:t.value,disabled:t.disabled},{label:p(()=>[e(`span`,{class:`tab-label`,title:t.disabled?t.disabledReason:void 0},[e(`span`,ai,i(t.label),1),t.badge?(g(),f(_,{key:0,size:`small`,type:`warning`,class:`badge`},{default:p(()=>[r(i(t.badge),1)]),_:2},1024)):o(``,!0)],8,ii)]),_:2},1032,[`name`,`disabled`]))),128))]),_:1},8,[`model-value`,`onUpdate:modelValue`])}var si=I(ri,[[`render`,oi],[`__scopeId`,`data-v-5dee42a1`]]),ci={"kling-v2-6":`v2.6`,"kling-v2-5-turbo":`v2.5-Turbo`,"kling-v2-1-master":`v2.1-Master`,"kling-v2-master":`v2-Master`,"kling-v1-6":`v1.6`,"kling-v1":`v1`},li=v({name:`TalkingPhotoModelSelector`,components:{ElSelect:b,ElOption:x},data(){return{options:te.map(e=>({value:e,label:ci[e]||e}))}},computed:{value:{get(){return this.$store.state.kling?.talkingPhotoConfig?.model||`kling-v2-1-master`},set(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.$store.state.kling?.talkingPhotoConfig,model:e})}}},mounted(){this.$store.state.kling?.talkingPhotoConfig?.model||(this.value=re)}}),ui={class:`field`},di={class:`title font-bold`};function fi(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,ui,[e(`h2`,di,i(t.$t(`kling.name.model`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var pi=I(li,[[`render`,fi],[`__scopeId`,`data-v-cbc83d11`]]),mi=v({name:`TalkingPhotoModeSelector`,components:{ElSelect:b,ElOption:x},computed:{options(){return[{value:`std`,label:this.$t(`kling.name.modeStd`)},{value:`pro`,label:this.$t(`kling.name.modePro`)}]},value:{get(){return this.$store.state.kling?.talkingPhotoConfig?.mode||`pro`},set(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.$store.state.kling?.talkingPhotoConfig,mode:e})}}},mounted(){this.$store.state.kling?.talkingPhotoConfig?.mode||(this.value=`pro`)}}),hi={class:`field`},gi={class:`title font-bold`};function _i(t,n,r,o,u,d){let m=l(`el-option`),_=l(`el-select`);return g(),s(`div`,hi,[e(`h2`,gi,i(t.$t(`kling.name.mode`)),1),a(_,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`kling.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(m,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var vi=v({name:`TalkingPhotoPanel`,components:{ElUpload:w,ElButton:R,ElInput:z,FontAwesomeIcon:K,Consumption:J,InfoIcon:Y,ImagePreview:q,ModelSelector:pi,ModeSelector:I(mi,[[`render`,_i],[`__scopeId`,`data-v-92525a1d`]])},mixins:[B],emits:[`generate`],data(){return{imageFiles:[],audioFiles:[],uploadUrl:L()+`/api/v1/files/`}},computed:{config(){return this.$store.state.kling?.talkingPhotoConfig||{}},audioUrl(){return this.config.audio_url},headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},service(){return this.$store.state.kling?.service},consumption(){return V({...this.config,action:`talking-photo`},this.service?.cost)},canGenerate(){return!!(this.config.image_url&&this.config.audio_url)}},methods:{commit(e){this.$store.commit(`kling/setTalkingPhotoConfig`,{...this.config,...e})},onPromptChange(e){this.commit({prompt:e})},onImageExceed(){P.warning(this.$t(`kling.message.uploadReferencesExceed`))},onImageError(){P.error(this.$t(`kling.message.uploadReferencesError`))},onImageSuccess(e){this.commit({image_url:e?.file_url})},onImageRemove(e){this.imageFiles.splice(this.imageFiles.indexOf(e),1),this.commit({image_url:void 0})},onAudioExceed(){P.warning(this.$t(`kling.message.uploadAudioExceed`))},onAudioError(){P.error(this.$t(`kling.message.uploadAudioError`))},onAudioSuccess(e){this.commit({audio_url:e?.file_url})},onAudioRemove(){this.commit({audio_url:void 0})},onGenerate(){this.$emit(`generate`)}}}),yi={class:`flex flex-col h-full`},bi={class:`flex-1 overflow-y-auto p-5`},xi={class:`relative mb-4`},Si={class:`flex justify-start items-center`},Ci={class:`text-sm font-bold`},wi={class:`relative mb-4`},Ti={class:`flex justify-start items-center`},Ei={class:`text-sm font-bold`},Di=[`src`],Oi={class:`mb-4`},ki={class:`flex justify-start items-center`},Ai={class:`text-sm font-bold`},ji={class:`flex flex-col items-center justify-center px-5 pb-5`};function Mi(t,n,c,u,d,m){let h=l(`model-selector`),_=l(`mode-selector`),v=l(`info-icon`),y=l(`image-preview`),b=l(`font-awesome-icon`),x=l(`el-button`),S=l(`el-upload`),C=l(`el-input`),w=l(`consumption`);return g(),s(`div`,yi,[e(`div`,bi,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),e(`div`,xi,[e(`div`,Si,[e(`span`,Ci,i(t.$t(`kling.name.talkingPhotoImage`)),1),a(v,{content:t.$t(`kling.description.talkingPhotoImage`)},null,8,[`content`])]),a(S,{ref:`imageUploader`,"file-list":t.imageFiles,"onUpdate:fileList":n[0]||=e=>t.imageFiles=e,name:`file`,accept:`.png,.jpg,.jpeg,.webp,.bmp`,limit:1,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,headers:t.headers,"on-exceed":t.onImageExceed,"on-error":t.onImageError,"on-success":t.onImageSuccess},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(y,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.onImageRemove(e)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(x,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(b,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`kling.button.uploadReferences`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`])]),e(`div`,wi,[e(`div`,Ti,[e(`span`,Ei,i(t.$t(`kling.name.talkingPhotoAudio`)),1),a(v,{content:t.$t(`kling.description.talkingPhotoAudio`)},null,8,[`content`])]),a(S,{ref:`audioUploader`,"file-list":t.audioFiles,"onUpdate:fileList":n[1]||=e=>t.audioFiles=e,name:`file`,accept:`.mp3,.wav,.m4a,.aac`,limit:1,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,headers:t.headers,"on-exceed":t.onAudioExceed,"on-error":t.onAudioError,"on-success":t.onAudioSuccess,"on-remove":t.onAudioRemove},{default:p(()=>[a(x,{round:``,type:`primary`,size:`small`,class:`btn`},{default:p(()=>[a(b,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`kling.button.uploadAudio`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`headers`,`on-exceed`,`on-error`,`on-success`,`on-remove`]),t.audioUrl?(g(),s(`audio`,{key:0,src:t.audioUrl,controls:``,class:`w-full mt-2`},null,8,Di)):o(``,!0)]),e(`div`,Oi,[e(`div`,ki,[e(`span`,Ai,i(t.$t(`kling.name.talkingPhotoPrompt`)),1),a(v,{content:t.$t(`kling.description.talkingPhotoPrompt`)},null,8,[`content`])]),a(C,{"model-value":t.config.prompt,type:`textarea`,rows:2,placeholder:t.$t(`kling.placeholder.talkingPhotoPrompt`),class:`mt-1`,"onUpdate:modelValue":t.onPromptChange},null,8,[`model-value`,`placeholder`,`onUpdate:modelValue`])])]),e(`div`,ji,[a(w,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,disabled:!t.canGenerate,onClick:t.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`kling.button.generateTalkingPhoto`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Ni=I(vi,[[`render`,Mi],[`__scopeId`,`data-v-27261e35`]]),Pi=v({name:`TaskPreview`,components:{CopyToClipboard:se,FontAwesomeIcon:K,ElAlert:E,VideoPlayer:pe,ElTooltip:T,ElButton:R,ImagePreview:q,VideoPreview:_e,AudioPreview:ve,ApiCodeButton:me},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.kling?.application},config(){return this.$store.state.kling?.config},referenceImages(){let e=[],t=this.modelValue?.request?.start_image_url,n=this.modelValue?.request?.end_image_url,r=this.modelValue?.request?.image_url;return t&&e.push({url:t,name:`start-image`}),n&&e.push({url:n,name:`end-image`}),r&&e.push({url:r,name:`reference-image`}),e},referenceVideos(){let e=[],t=this.modelValue?.request?.video_url;t&&e.push({url:t,name:`reference-video`});let n=this.modelValue?.request?.video_list;return(Array.isArray(n)?n:[]).forEach((t,n)=>{t?.video_url&&e.push({url:t.video_url,name:`reference-video-${n+1}`})}),e},referenceAudios(){let e=this.modelValue?.request?.audio_url;return e?[{url:e,name:`reference-audio`}]:[]}},methods:{onDownload(e,t){e?.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onOpenVideo(e){window.open(e,`_blank`)}}}),Fi={class:`preview`},Ii={class:`left`},Li={class:`main`},Ri={class:`bot`},zi={class:`datetime`},Bi={class:`info`},Vi={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Hi={key:1,class:`prompt mt-2`},Ui={key:0},Wi={key:1},Gi={key:0,class:n({content:!0,failed:!0})},Ki={key:0,class:`mb-4`},qi={key:1,class:n({operations:!0,"mt-2":!0})},Ji={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Yi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Xi={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Zi={key:1,class:n({content:!0})},Qi={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$i={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ea={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ta={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},na={key:2,class:n({content:!0})},ra={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},ia={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function aa(t,n,u,d,m,_){let v=l(`capability-presentation`),y=l(`image-preview`),b=l(`video-preview`),x=l(`audio-preview`),S=l(`video-player`),C=l(`el-button`),w=l(`el-tooltip`),T=l(`api-code-button`),E=l(`font-awesome-icon`),D=l(`copy-to-clipboard`),O=l(`el-alert`);return g(),s(`div`,Fi,[e(`div`,Ii,[a(v,{capability:`kling`,part:`avatar`,class:`avatar`})]),e(`div`,Li,[e(`div`,Ri,[a(v,{capability:`kling`,part:`name`}),e(`span`,zi,i(t.$dayjs.format(``+new Date(parseFloat((t.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Bi,[t.referenceImages.length>0||t.referenceVideos.length>0||t.referenceAudios.length>0?(g(),s(`div`,Vi,[(g(!0),s(c,null,h(t.referenceImages,(e,t)=>(g(),f(y,{key:`image-${t}`,url:e.url,name:e.name,closable:!1},null,8,[`url`,`name`]))),128)),(g(!0),s(c,null,h(t.referenceVideos,(e,t)=>(g(),f(b,{key:`video-${t}`,url:e.url,name:e.name},null,8,[`url`,`name`]))),128)),(g(!0),s(c,null,h(t.referenceAudios,(e,t)=>(g(),f(x,{key:`audio-${t}`,url:e.url,name:e.name},null,8,[`url`,`name`]))),128))])):o(``,!0),t.modelValue?.request?.prompt?(g(),s(`p`,Hi,[r(i(t.modelValue?.request?.prompt)+` `,1),t.modelValue?.response?o(``,!0):(g(),s(`span`,Ui,` - (`+i(t.$t(`kling.status.pending`))+`) `,1)),t.modelValue?.response?.state===`submitted`||t.modelValue?.response?.state===`processing`||t.modelValue?.response?.state===`pending`||t.modelValue?.response?.state===`completed`?(g(),s(`span`,Wi,` - (`+i(t.$t(`kling.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),t.modelValue?.response?.success===!0?(g(),s(`div`,Gi,[t.modelValue?.response.video_url?(g(),s(`div`,Ki,[a(S,{src:t.modelValue?.response.video_url},null,8,[`src`])])):o(``,!0),t.modelValue?.response.success?(g(),s(`div`,qi,[a(w,{class:`box-item`,effect:`dark`,content:t.$t(`kling.message.downloadVideo`),placement:`top-start`},{default:p(()=>[t.modelValue?.response.video_url?(g(),f(C,{key:0,type:`info`,size:`small`,class:`btn-action`,onClick:n[0]||=e=>t.onDownload(e,t.modelValue?.response.video_url)},{default:p(()=>[r(i(t.$t(`kling.button.download`)),1)]),_:1})):o(``,!0)]),_:1},8,[`content`]),a(T,{path:`/kling/videos`,body:t.modelValue?.request},null,8,[`body`])])):o(``,!0),a(O,{closable:!1,class:`mt-2 success`},{default:p(()=>[e(`p`,Ji,[a(E,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.model`))+`: `+i(t.modelValue?.request?.model),1)]),e(`p`,Yi,[a(E,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.taskId`))+`: `+i(t.modelValue?.id)+` `,1),a(D,{content:t.modelValue?.id},null,8,[`content`])]),t.modelValue?.elapsed?(g(),s(`p`,Xi,[a(E,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.elapsed`))+`: `+i(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),t.modelValue?.response?.success===!1?(g(),s(`div`,Zi,[a(O,{closable:!1,class:`failure`},{template:p(()=>[a(E,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.failure`)),1)]),default:p(()=>[e(`p`,Qi,[a(E,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.taskId`))+`: `+i(t.modelValue?.id)+` `,1),a(D,{content:t.modelValue?.id},null,8,[`content`])]),e(`p`,$i,[a(E,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.failureReason`))+`: `+i(t.modelValue?.response?.error?.message)+` `,1),a(D,{content:t.modelValue?.response?.error?.message},null,8,[`content`])]),t.modelValue?.elapsed?(g(),s(`p`,ea,[a(E,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.elapsed`))+`: `+i(t.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),t.modelValue?.response?.trace_id?(g(),s(`p`,ta,[a(E,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.traceId`))+`: `+i(t.modelValue?.response?.trace_id)+` `,1),a(D,{content:t.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0),t.modelValue?.response?.success===void 0?(g(),s(`div`,na,[a(O,{closable:!1,class:`info`},{template:p(()=>[a(E,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.failure`)),1)]),default:p(()=>[e(`p`,ra,[a(E,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.taskId`))+`: `+i(t.modelValue?.id)+` `,1),a(D,{content:t.modelValue?.id},null,8,[`content`])]),t.modelValue?.response?.trace_id?(g(),s(`p`,ia,[a(E,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(t.$t(`kling.name.traceId`))+`: `+i(t.modelValue?.response?.trace_id)+` `,1),a(D,{content:t.modelValue?.response?.trace_id},null,8,[`content`])])):o(``,!0)]),_:1})])):o(``,!0)])])}var oa=v({name:`RecentPanel`,components:{TaskPreview:I(Pi,[[`render`,aa],[`__scopeId`,`data-v-a42e430b`]]),NoTasks:de,BotPlaceholder:he,ScrollList:ue},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.kling?.tasks,items:this.$store.state.kling?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),sa={key:0},ca={key:2,class:`w-full h-full flex items-center justify-center`};function la(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,sa,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{key:1,ref:`scrollList`,class:`h-full w-full overflow-y-auto tasks`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,e=>(g(),f(m,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,ca,[a(v)])):o(``,!0)],64)}var ua=v({name:`KlingIndex`,components:{ConfigPanel:rr,MotionPanel:ni,TalkingPhotoPanel:Ni,TabSwitcher:si,Layout:we,RecentPanel:I(oa,[[`render`,la]])},mixins:[oe],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.kling?.status?.getApplications===ae.Request},tasksLoading(){return this.$store.state.kling?.status?.getTasks===ae.Request||this.fetchingTasks},credential(){return this.$store.state.kling.credential},config(){return this.$store.state.kling.config},motionConfig(){return this.$store.state.kling.motionConfig},talkingPhotoConfig(){return this.$store.state.kling.talkingPhotoConfig},taskType(){return this.$store.state.kling.taskType||`videos`},tasks(){return this.$store.state.kling.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 fe({tasks: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(`kling/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`kling/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(`kling/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!U(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let{camera_control:e,...t}=this.config||{},n={...t,async:!0},r=Number(!!n.start_image_url)+Number(!!n.end_image_url),i=n.image_list?.length||0,a=n.video_list?.length?4:7;if(r+i>a){P.warning(this.$t(`kling.message.referenceImagesTotalLimit`,{count:a}));return}if(n.video_list?.[0]?.refer_type===`base`&&(n.start_image_url||n.end_image_url||n.image_list?.some(({type:e})=>e))){P.warning(this.$t(`kling.message.baseVideoFrameConflict`));return}if(!n.video_id&&!t.video_url&&!n.start_image_url&&n.end_image_url){P.warning(this.$t(`kling.message.endImageRequiresStart`));return}if(n.action||(n.video_id||t.video_url?n.action=`extend`:n.start_image_url?n.action=`image2video`:n.action=`text2video`),n.action===`text2video`&&n.end_image_url&&delete n.end_image_url,e?.type&&(n.camera_control={type:e.type,...e.type===`simple`&&e.config?{config:Object.fromEntries(Object.entries(e.config).filter(([,e])=>e!=null))}:{}}),!G())return;let o=this.credential?.token;if(!o){console.error(`no token specified`);return}P.info(this.$t(`kling.message.startingTask`)),F(`kling`,H.generate(n,{token:o})).then(()=>{P.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`kling.message.usedUp`)):P.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()},async onTabChange(e){e!==this.taskType&&(await this.$store.dispatch(`kling/setTaskType`,e),await this.onGetTasks(),await this.onScrollDown())},async onGenerateMotion(){if(!U(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let e=this.motionConfig||{};if(!e.image_url||!e.video_url){P.warning(this.$t(`kling.message.motionMissingInputs`));return}let t={image_url:e.image_url,video_url:e.video_url,character_orientation:e.character_orientation||`video`,mode:e.mode||`std`,keep_original_sound:e.keep_original_sound??`yes`,...e.model_name?{model_name:e.model_name}:{},...e.prompt?{prompt:e.prompt}:{},async:!0};if(!G())return;let n=this.credential?.token;if(!n){console.error(`no token specified`);return}P.info(this.$t(`kling.message.startingTask`)),F(`kling`,H.motion(t,{token:n})).then(()=>{P.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`kling.message.usedUp`)):P.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},async onGenerateTalkingPhoto(){if(!U(this.uploadTracker,e=>this.$t(e),e=>P.warning(e)))return;let e=this.talkingPhotoConfig||{};if(!e.image_url||!e.audio_url){P.warning(this.$t(`kling.message.talkingPhotoMissingInputs`));return}let t={image_url:e.image_url,audio_url:e.audio_url,model:e.model||`kling-v2-1-master`,mode:e.mode||`pro`,...e.prompt?{prompt:e.prompt}:{},...e.duration?{duration:e.duration}:{},async:!0};if(!G())return;let n=this.credential?.token;if(!n){console.error(`no token specified`);return}P.info(this.$t(`kling.message.startingTask`)),F(`kling`,H.talkingPhoto(t,{token:n})).then(()=>{P.success(this.$t(`kling.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?P.error(this.$t(`kling.message.usedUp`)):P.error(this.$t(`kling.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})}}}),da={class:`flex flex-col h-full`},fa={class:`flex-1 min-h-0`};function pa(t,n,r,i,s,c){let u=l(`tab-switcher`),d=l(`config-panel`),m=l(`motion-panel`),h=l(`talking-photo-panel`),_=l(`recent-panel`),v=l(`layout`);return g(),f(v,null,{config:p(()=>[e(`div`,da,[a(u,{"model-value":t.taskType,"onUpdate:modelValue":t.onTabChange},null,8,[`model-value`,`onUpdate:modelValue`]),e(`div`,fa,[t.taskType===`videos`?(g(),f(d,{key:0,onGenerate:t.onGenerate},null,8,[`onGenerate`])):t.taskType===`motion`?(g(),f(m,{key:1,onGenerate:t.onGenerateMotion},null,8,[`onGenerate`])):t.taskType===`talking-photo`?(g(),f(h,{key:2,onGenerate:t.onGenerateTalkingPhoto},null,8,[`onGenerate`])):o(``,!0)])])]),result:p(()=>[a(_,{ref:`recentPanel`,loading:t.loadingMore,onReachTop:t.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var ma=I(ua,[[`render`,pa]]);export{ma as default};

package/dist/assets/{Index-y_vO4c-d.css → Index-CaF9G-zR.css}

@@ -1 +1 @@
-.menu[data-v-12b82bc3]{display:none}@media (width<=767px){.config[data-v-12b82bc3]{display:none}.result[data-v-12b82bc3]{width:100%}.menu[data-v-12b82bc3]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-90ed8cff]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-90ed8cff]{width:30%;margin:0;font-size:14px}.field .value[data-v-90ed8cff]{flex:1}.action-tabs[data-v-349937fd] .el-tabs__header{height:64px;margin:0}.action-tabs[data-v-349937fd] .el-tabs__nav-wrap:after{height:1px}.action-tabs[data-v-349937fd] .el-tabs__nav-scroll{height:64px;overflow:visible}.action-tabs[data-v-349937fd] .el-tabs__nav{width:100%;height:64px;transform:none!important}.action-tabs[data-v-349937fd] .el-tabs__nav-wrap{height:64px}.action-tabs[data-v-349937fd] .el-tabs__nav-prev,.action-tabs[data-v-349937fd] .el-tabs__nav-next,.action-tabs[data-v-349937fd] .el-tabs__active-bar{display:none}.action-tabs[data-v-349937fd] .el-tabs__item{letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;min-width:0;height:64px;padding:0 6px;font-size:12px;line-height:16px}.action-tabs[data-v-349937fd] .el-tabs__item.is-active{border-bottom-color:var(--el-color-primary)}.title[data-v-28c472c4]{margin-bottom:10px;font-size:14px}.items[data-v-28c472c4]{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.items .item[data-v-28c472c4]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:var(--el-border-radius-base);flex-direction:column;align-items:center;width:48px;height:65px;transition:background-color .2s,border-color .2s;display:flex}.items .item .preview[data-v-28c472c4]{flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-top:5px;margin-bottom:3px;display:flex}.items .item .preview .rect[data-v-28c472c4]{border:1px solid var(--el-border-color-lighter);border-radius:2px;width:20px;height:20px}.items .item .name[data-v-28c472c4]{color:var(--el-text-color-primary);font-size:12px;display:block}.items .item[data-v-28c472c4]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-28c472c4]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-28c472c4]{border-color:var(--el-color-primary)}.title[data-v-4f7ed755]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-4f7ed755]{margin-top:8px}.upload-wrapper{flex-direction:column;align-items:flex-start;height:auto;display:flex}.upload-wrapper .el-upload-list{order:2;width:100%;margin:8px 0 0}.preview[data-v-32e97821]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-32e97821]{width:70px}.preview .left .avatar[data-v-32e97821]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-32e97821]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-32e97821]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-32e97821]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-32e97821]{overflow:hidden}.preview .main .info .prompt[data-v-32e97821]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-32e97821]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-32e97821]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.task-metadata[data-v-32e97821] p{color:var(--el-text-color-regular)}.preview .main .content .el-alert.failure[data-v-32e97821]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-32e97821]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-32e97821]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-32e97821] p:last-child{margin-bottom:0}.preview .main .operations[data-v-32e97821]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden scroll}.preview .main .operations.full[data-v-32e97821]{height:70px}.preview .main .operations .btn-action[data-v-32e97821]{margin-bottom:10px}
+.menu[data-v-1bcf9800]{display:none}@media (width<=767px){.config[data-v-1bcf9800]{display:none}.result[data-v-1bcf9800]{width:100%}.menu[data-v-1bcf9800]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-90ed8cff]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-90ed8cff]{width:30%;margin:0;font-size:14px}.field .value[data-v-90ed8cff]{flex:1}.action-tabs[data-v-349937fd] .el-tabs__header{height:64px;margin:0}.action-tabs[data-v-349937fd] .el-tabs__nav-wrap:after{height:1px}.action-tabs[data-v-349937fd] .el-tabs__nav-scroll{height:64px;overflow:visible}.action-tabs[data-v-349937fd] .el-tabs__nav{width:100%;height:64px;transform:none!important}.action-tabs[data-v-349937fd] .el-tabs__nav-wrap{height:64px}.action-tabs[data-v-349937fd] .el-tabs__nav-prev,.action-tabs[data-v-349937fd] .el-tabs__nav-next,.action-tabs[data-v-349937fd] .el-tabs__active-bar{display:none}.action-tabs[data-v-349937fd] .el-tabs__item{letter-spacing:0;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;min-width:0;height:64px;padding:0 6px;font-size:12px;line-height:16px}.action-tabs[data-v-349937fd] .el-tabs__item.is-active{border-bottom-color:var(--el-color-primary)}.title[data-v-28c472c4]{margin-bottom:10px;font-size:14px}.items[data-v-28c472c4]{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.items .item[data-v-28c472c4]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:var(--el-border-radius-base);flex-direction:column;align-items:center;width:48px;height:65px;transition:background-color .2s,border-color .2s;display:flex}.items .item .preview[data-v-28c472c4]{flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-top:5px;margin-bottom:3px;display:flex}.items .item .preview .rect[data-v-28c472c4]{border:1px solid var(--el-border-color-lighter);border-radius:2px;width:20px;height:20px}.items .item .name[data-v-28c472c4]{color:var(--el-text-color-primary);font-size:12px;display:block}.items .item[data-v-28c472c4]:hover{background-color:var(--el-fill-color)}.items .item.active[data-v-28c472c4]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.items .item.active .rect[data-v-28c472c4]{border-color:var(--el-color-primary)}.title[data-v-4f7ed755]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-4f7ed755]{margin-top:8px}.upload-wrapper{flex-direction:column;align-items:flex-start;height:auto;display:flex}.upload-wrapper .el-upload-list{order:2;width:100%;margin:8px 0 0}.preview[data-v-32e97821]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-32e97821]{width:70px}.preview .left .avatar[data-v-32e97821]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-32e97821]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-32e97821]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-32e97821]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-32e97821]{overflow:hidden}.preview .main .info .prompt[data-v-32e97821]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-32e97821]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-32e97821]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.task-metadata[data-v-32e97821] p{color:var(--el-text-color-regular)}.preview .main .content .el-alert.failure[data-v-32e97821]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-32e97821]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-32e97821]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-32e97821] p:last-child{margin-bottom:0}.preview .main .operations[data-v-32e97821]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden scroll}.preview .main .operations.full[data-v-32e97821]{height:70px}.preview .main .operations .btn-action[data-v-32e97821]{margin-bottom:10px}

package/dist/assets/{Index-Yj85WaPQ.css → Index-Ce1VCs78.css}

@@ -1 +1 @@
-.menu[data-v-cbfdbeb3]{display:none}@media (width<=767px){.config[data-v-cbfdbeb3]{display:none}.result[data-v-cbfdbeb3]{width:100%}.menu[data-v-cbfdbeb3]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-17c0af5c]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-17c0af5c]{width:30%;margin:0;font-size:14px}.field .value[data-v-17c0af5c]{flex:1;margin-left:60px}.field[data-v-d1c54475]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-d1c54475]{width:30%;margin:0;font-size:14px}.field .value[data-v-d1c54475]{flex:1}.field[data-v-b72865fa]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-b72865fa]{width:30%;margin:0;font-size:14px}.field .value[data-v-b72865fa]{flex:1}.quality .el-radio-button .el-radio-button__inner{padding:8px 11px}.field[data-v-7b2e870a]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-7b2e870a]{width:30%;margin:0;font-size:14px}.field .value[data-v-7b2e870a]{width:80px}.field[data-v-25cefe78]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-25cefe78]{width:30%;margin:0;font-size:14px}.field .value[data-v-25cefe78]{flex:1;margin-left:60px}.field .upload-wrapper[data-v-25cefe78]{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.field .info[data-v-25cefe78]{margin-left:auto}.video[data-v-897d9fe0]{max-width:100%;height:450px}.preview[data-v-062d948c]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-062d948c]{width:70px}.preview .left .avatar[data-v-062d948c]{background-color:#222;border-radius:50%;width:50px;height:50px;margin:10px;padding:2px}.preview .main[data-v-062d948c]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-062d948c]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-062d948c]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-062d948c]{overflow:hidden}.preview .main .info .prompt[data-v-062d948c]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:14px;font-weight:700}.preview .main .content[data-v-062d948c]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-062d948c]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-062d948c]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-062d948c]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-062d948c]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-062d948c] p:last-child{margin-bottom:0}.preview .main .image-wrapper[data-v-062d948c]{width:fit-content;min-width:100px;min-height:50px;position:relative}.preview .main .image-wrapper .image[data-v-062d948c]{width:fit-content;max-width:500px;max-height:400px;display:block}.preview .main .image-wrapper .btn-raw[data-v-062d948c]{z-index:1000;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview .main .image-wrapper .play-icon[data-v-062d948c]{color:#fff;z-index:500;pointer-events:none;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview .main .image-wrapper:hover .image[data-v-062d948c]{filter:brightness(.6)}.preview .main .image-wrapper:hover .btn-raw[data-v-062d948c]{display:block}.preview .main .image-wrapper:hover .play-icon[data-v-062d948c]{display:none}.preview .main .operations[data-v-062d948c]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden scroll}.preview .main .operations.full[data-v-062d948c]{height:70px}.preview .main .operations .btn-action[data-v-062d948c],.status[data-v-fee6c9ea]{margin-bottom:10px}.panel.detail[data-v-fee6c9ea]{flex:1;width:100%;overflow-y:scroll}.panel.recent[data-v-fee6c9ea]{justify-content:initial;width:100%;height:100%;margin-bottom:10px;position:relative}.panel.operation[data-v-fee6c9ea]{position:relative}
+.menu[data-v-e219ec3e]{display:none}@media (width<=767px){.config[data-v-e219ec3e]{display:none}.result[data-v-e219ec3e]{width:100%}.menu[data-v-e219ec3e]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-17c0af5c]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-17c0af5c]{width:30%;margin:0;font-size:14px}.field .value[data-v-17c0af5c]{flex:1;margin-left:60px}.field[data-v-d1c54475]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-d1c54475]{width:30%;margin:0;font-size:14px}.field .value[data-v-d1c54475]{flex:1}.field[data-v-b72865fa]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-b72865fa]{width:30%;margin:0;font-size:14px}.field .value[data-v-b72865fa]{flex:1}.quality .el-radio-button .el-radio-button__inner{padding:8px 11px}.field[data-v-7b2e870a]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-7b2e870a]{width:30%;margin:0;font-size:14px}.field .value[data-v-7b2e870a]{width:80px}.field[data-v-25cefe78]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .title[data-v-25cefe78]{width:30%;margin:0;font-size:14px}.field .value[data-v-25cefe78]{flex:1;margin-left:60px}.field .upload-wrapper[data-v-25cefe78]{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.field .info[data-v-25cefe78]{margin-left:auto}.video[data-v-897d9fe0]{max-width:100%;height:450px}.preview[data-v-062d948c]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-062d948c]{width:70px}.preview .left .avatar[data-v-062d948c]{background-color:#222;border-radius:50%;width:50px;height:50px;margin:10px;padding:2px}.preview .main[data-v-062d948c]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-062d948c]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-062d948c]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-062d948c]{overflow:hidden}.preview .main .info .prompt[data-v-062d948c]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:14px;font-weight:700}.preview .main .content[data-v-062d948c]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-062d948c]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-062d948c]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-062d948c]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-062d948c]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-062d948c] p:last-child{margin-bottom:0}.preview .main .image-wrapper[data-v-062d948c]{width:fit-content;min-width:100px;min-height:50px;position:relative}.preview .main .image-wrapper .image[data-v-062d948c]{width:fit-content;max-width:500px;max-height:400px;display:block}.preview .main .image-wrapper .btn-raw[data-v-062d948c]{z-index:1000;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview .main .image-wrapper .play-icon[data-v-062d948c]{color:#fff;z-index:500;pointer-events:none;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview .main .image-wrapper:hover .image[data-v-062d948c]{filter:brightness(.6)}.preview .main .image-wrapper:hover .btn-raw[data-v-062d948c]{display:block}.preview .main .image-wrapper:hover .play-icon[data-v-062d948c]{display:none}.preview .main .operations[data-v-062d948c]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden scroll}.preview .main .operations.full[data-v-062d948c]{height:70px}.preview .main .operations .btn-action[data-v-062d948c],.status[data-v-fee6c9ea]{margin-bottom:10px}.panel.detail[data-v-fee6c9ea]{flex:1;width:100%;overflow-y:scroll}.panel.recent[data-v-fee6c9ea]{justify-content:initial;width:100%;height:100%;margin-bottom:10px;position:relative}.panel.operation[data-v-fee6c9ea]{position:relative}

package/dist/assets/{Index-Vl8NdkN7.css → Index-CnxWNRte.css}

@@ -1 +1 @@
-.menu[data-v-1ffeb6b4]{display:none}@media (width<=767px){.config[data-v-1ffeb6b4]{display:none}.result[data-v-1ffeb6b4]{width:100%}.menu[data-v-1ffeb6b4]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-eb090beb]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-eb090beb]{width:30%;margin:0;font-size:14px}.field .value[data-v-eb090beb]{flex:1}.field[data-v-3e39f44e]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-3e39f44e]{width:30%;margin:0;font-size:14px}.field .value[data-v-3e39f44e]{flex:1}.field[data-v-5f35a2cf]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-5f35a2cf]{width:30%;margin:0;font-size:14px}.field .value[data-v-5f35a2cf]{flex:1}.title[data-v-41a69004]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-41a69004]{position:absolute;top:5px;right:0}.preview[data-v-3a3a35c2]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-3a3a35c2]{width:70px}.preview .left .avatar[data-v-3a3a35c2]{width:50px;height:50px;box-shadow:var(--app-shadow-xs);border-radius:50%;margin:10px}.preview .main[data-v-3a3a35c2]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-3a3a35c2]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-3a3a35c2]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-3a3a35c2]{overflow:hidden}.preview .main .info .prompt[data-v-3a3a35c2]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-3a3a35c2]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-3a3a35c2]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-3a3a35c2]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-3a3a35c2]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-3a3a35c2]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-3a3a35c2] p:last-child{margin-bottom:0}
+.menu[data-v-305b7c4b]{display:none}@media (width<=767px){.config[data-v-305b7c4b]{display:none}.result[data-v-305b7c4b]{width:100%}.menu[data-v-305b7c4b]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.field[data-v-eb090beb]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-eb090beb]{width:30%;margin:0;font-size:14px}.field .value[data-v-eb090beb]{flex:1}.field[data-v-3e39f44e]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-3e39f44e]{width:30%;margin:0;font-size:14px}.field .value[data-v-3e39f44e]{flex:1}.field[data-v-5f35a2cf]{flex-direction:row;align-items:center;display:flex}.field .title[data-v-5f35a2cf]{width:30%;margin:0;font-size:14px}.field .value[data-v-5f35a2cf]{flex:1}.title[data-v-41a69004]{width:30%;margin-bottom:0;font-size:14px}.btn.btn-upload[data-v-41a69004]{position:absolute;top:5px;right:0}.preview[data-v-3a3a35c2]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:15px;display:flex}.preview .left[data-v-3a3a35c2]{width:70px}.preview .left .avatar[data-v-3a3a35c2]{width:50px;height:50px;box-shadow:var(--app-shadow-xs);border-radius:50%;margin:10px}.preview .main[data-v-3a3a35c2]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-3a3a35c2]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-3a3a35c2]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-3a3a35c2]{overflow:hidden}.preview .main .info .prompt[data-v-3a3a35c2]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:10px;font-size:16px;font-weight:700}.preview .main .content[data-v-3a3a35c2]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-3a3a35c2]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-3a3a35c2]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-3a3a35c2]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-3a3a35c2]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-3a3a35c2] p:last-child{margin-bottom:0}

package/dist/assets/Index-CoMTIQzd.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{r as y,t as b}from"./select-S6bNmWoA.js";import{t as x}from"./upload-BZf6dfKs.js";import{t as S}from"./tooltip-CpUlXrrs.js";import{t as C}from"./alert-CjWvi_14.js";import{t as w}from"./drawer-BuZZ_aaC.js";import{At as T,Bt as E,Ft as ee,Ht as D,It as O,Lt as k,Mt as A,Pt as j,Rt as M,Ut as N,jt as P,kt as te,zt as ne}from"./constants-DgIJABTq.js";import{Ii as F,Ir as I,J as L,Si as R,Ti as z,Un as B,Xi as V,cn as H,fn as U,ln as W,sn as G,un as K,xn as q}from"./index-C_zMaSTl.js";import{t as J}from"./index.es-BM-ykXwl.js";import{t as Y}from"./CopyToClipboard-CWAv9J74.js";import{t as X}from"./ImagePreview-B1i4A6CJ.js";import{n as Z}from"./taskDrawerMixin-DyAUhFEq.js";import{t as re}from"./Consumption-Dd9pOXfP.js";import{a as Q,n as ie,r as ae,t as oe}from"./pagination-BM_xhv6e.js";import{t as se}from"./VideoPlayer-ePiO9_gl.js";import{t as ce}from"./ApiCodeButton-CM7BtdyA.js";import{t as le}from"./BotPlaceholder-DB2Xrk_m.js";import{t as ue}from"./PromptTextarea-CQd8dTtu.js";var de=v({name:`LayoutGrokVideo`,components:{ElDrawer:w,ElButton:V,FontAwesomeIcon:J},mixins:[Z]}),fe={class:`main flex flex-row flex-1`},pe={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},me={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function he(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,fe,[e(`div`,pe,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,me,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ge=L(de,[[`render`,he],[`__scopeId`,`data-v-ae5e798b`]]),_e=v({name:`GrokVideoPromptInput`,components:{PromptTextarea:ue},computed:{prompt:{get(){return this.$store.state.grokvideo?.config?.prompt},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ve(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`grokvideo.name.prompt`),info:e.$t(`grokvideo.description.prompt`),placeholder:e.$t(`grokvideo.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var ye=L(_e,[[`render`,ve]]),be=v({name:`GrokVideoModelSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},data(){return{options:[{value:ee,label:this.$t(`grokvideo.model.default`)},{value:j,label:this.$t(`grokvideo.model.preview15`)}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.model},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,model:e})}}},mounted(){this.value||=te}}),xe={class:`field`},Se={class:`label`},Ce={class:`box`},we={class:`title font-bold`};function Te(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,xe,[e(`div`,Se,[e(`div`,Ce,[e(`h2`,we,i(t.$t(`grokvideo.name.model`)),1),a(m,{content:t.$t(`grokvideo.description.model`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`grokvideo.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ee=L(be,[[`render`,Te],[`__scopeId`,`data-v-291d93fb`]]),De=v({name:`GrokVideoDurationSelector`,components:{ElSelect:y,ElOption:b,InfoIcon:Q},computed:{model(){return this.$store.state.grokvideo?.config?.model},maxDuration(){return D(this.model)},options(){return A.filter(e=>e<=this.maxDuration).map(e=>({value:e,label:`${e}s`}))},value:{get(){return this.$store.state.grokvideo?.config?.duration},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,duration:e})}}},watch:{maxDuration(e){this.value&&this.value>e&&(this.value=e)}},mounted(){this.value||=6}}),Oe={class:`field`},ke={class:`label`},Ae={class:`box`},je={class:`title font-bold`};function Me(t,n,r,o,u,d){let m=l(`info-icon`),_=l(`el-option`),v=l(`el-select`);return g(),s(`div`,Oe,[e(`div`,ke,[e(`div`,Ae,[e(`h2`,je,i(t.$t(`grokvideo.name.duration`)),1),a(m,{content:t.$t(`grokvideo.description.duration`),class:`info`},null,8,[`content`])])]),a(v,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`,placeholder:t.$t(`grokvideo.placeholder.select`)},{default:p(()=>[(g(!0),s(c,null,h(t.options,e=>(g(),f(_,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ne=L(De,[[`render`,Me],[`__scopeId`,`data-v-9c711686`]]),Pe=v({name:`GrokVideoResolutionSelector`,components:{InfoIcon:Q},data(){return{options:[{value:ne,label:`480p`},{value:E,label:`720p`},{value:M,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.grokvideo?.config?.resolution},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,resolution:e})}}},mounted(){this.value||=P}}),Fe={class:`resolution`},Ie={class:`header`},Le={class:`title font-bold`},Re={class:`items`},ze=[`onClick`];function Be(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,Fe,[e(`div`,Ie,[e(`h2`,Le,i(t.$t(`grokvideo.name.resolution`)),1),a(p,{content:t.$t(`grokvideo.description.resolution`),class:`info`},null,8,[`content`])]),e(`div`,Re,[(g(!0),s(c,null,h(t.options,e=>(g(),s(`div`,{key:e.value,class:n([`item`,{active:t.value===e.value}]),onClick:n=>t.value=e.value},i(e.label),11,ze))),128))])])}var Ve=L(Pe,[[`render`,Be],[`__scopeId`,`data-v-54f22a22`]]),He=v({name:`GrokVideoRatioSelector`,components:{InfoIcon:Q},computed:{options(){return[{value:O,label:`16:9`,w:32,h:18},{value:k,label:`9:16`,w:18,h:32},{value:`1:1`,label:`1:1`,w:24,h:24},{value:`4:3`,label:`4:3`,w:28,h:21},{value:`3:4`,label:`3:4`,w:21,h:28},{value:`3:2`,label:`3:2`,w:30,h:20},{value:`2:3`,label:`2:3`,w:20,h:30}]},value:{get(){return this.$store.state.grokvideo?.config?.aspect_ratio},set(e){this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,aspect_ratio:e})}}},mounted(){this.value||=T}}),Ue={class:`ratio`},We={class:`header`},Ge={class:`title font-bold`},Ke={class:`items`},qe=[`onClick`],Je={class:`preview`},Ye={class:`name`};function Xe(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,Ue,[e(`div`,We,[e(`h2`,Ge,i(t.$t(`grokvideo.name.ratio`)),1),a(p,{content:t.$t(`grokvideo.description.ratio`),class:`info`},null,8,[`content`])]),e(`div`,Ke,[(g(!0),s(c,null,h(t.options,r=>(g(),s(`div`,{key:r.value,class:n([`item`,{active:t.value===r.value}]),onClick:e=>t.value=r.value},[e(`div`,Je,[e(`div`,{class:`rect`,style:m({width:r.w+`px`,height:r.h+`px`})},null,4)]),e(`div`,Ye,i(r.label),1)],10,qe))),128))])])}var Ze=L(He,[[`render`,Xe],[`__scopeId`,`data-v-70115284`]]),Qe=v({name:`GrokVideoImageInput`,components:{ElUpload:x,ElButton:V,InfoIcon:Q,FontAwesomeIcon:J,ImagePreview:X},mixins:[K,H],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},required(){return N(this.$store.state.grokvideo?.config?.model)},urls(){return this.fileList.map(e=>e?.response?.file_url)}},methods:{onExceed(){F.warning(this.$t(`grokvideo.message.uploadExceed`))},onError(){F.error(this.$t(`grokvideo.message.uploadError`))},onSetImageUrl(){let e=this.urls?.[0];this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,image_url:e||void 0})},async onSuccess(){this.onSetImageUrl()},async onRemove(){this.onSetImageUrl()}}}),$e={class:`relative`},et={class:`flex justify-between`},tt={class:`flex justify-start items-center`},nt={class:`text-sm font-bold`},rt={key:0,class:`required-badge`};function it(t,n,c,u,d,m){let h=l(`info-icon`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`el-button`),b=l(`el-upload`);return g(),s(`div`,$e,[e(`div`,et,[e(`div`,tt,[e(`span`,nt,i(t.$t(`grokvideo.name.image`)),1),t.required?(g(),s(`span`,rt,i(t.$t(`grokvideo.name.required`)),1)):o(``,!0),a(h,{content:t.$t(`grokvideo.description.image`)},null,8,[`content`])])]),a(b,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,name:`file`,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,limit:1,class:`upload-wrapper`,multiple:!1,action:t.uploadUrl,"list-type":`picture`,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-remove":t.onRemove,headers:t.headers},{file:p(({file:e})=>[e.url&&e.percentage!==void 0?(g(),f(_,{key:0,url:e.url,name:e.name,percentage:e.percentage,onRemove:n=>t.fileList.splice(t.fileList.indexOf(e),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])):o(``,!0)]),default:p(()=>[a(y,{round:``,type:`primary`,size:`small`,class:`btn btn-upload`},{default:p(()=>[a(v,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+i(t.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`on-remove`,`headers`])])}var at=L(Qe,[[`render`,it],[`__scopeId`,`data-v-164e5a1d`]]),ot=4,st=v({name:`GrokVideoReferenceImagesInput`,components:{ElUpload:x,ElButton:V,InfoIcon:Q,ImagePreview:X,FontAwesomeIcon:J},mixins:[K,H],data(){return{fileList:[],uploadUrl:z()+`/api/v1/files/`,limit:ot,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)||[]},value(){return this.$store.state.grokvideo?.config?.reference_image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetReferenceImages()},onExceed(){F.warning(this.$t(`grokvideo.message.uploadReferenceExceed`))},onError(){F.error(this.$t(`grokvideo.message.uploadError`))},onSetReferenceImages(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`grokvideo/setConfig`,{...this.$store.state.grokvideo?.config,reference_image_urls:e.length?e:void 0}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetReferenceImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetReferenceImages()}}}),ct={class:`field flex items-center justify-between`},lt={class:`title font-bold text-[14px] mb-[10px]`},ut={class:`upload-wrapper flex flex-col items-start gap-[8px]`},dt={class:`controls flex items-center`},ft={class:`file-list flex flex-wrap gap-[10px]`};function pt(t,n,o,u,d,m){let _=l(`font-awesome-icon`),v=l(`el-button`),y=l(`el-upload`),b=l(`info-icon`),x=l(`image-preview`);return g(),s(c,null,[e(`div`,ct,[e(`h2`,lt,i(t.$t(`grokvideo.name.referenceImages`)),1),e(`div`,ut,[e(`div`,dt,[a(y,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:t.limit,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`grokvideo.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:t.$t(`grokvideo.description.referenceImages`),class:`ml-2`},null,8,[`content`])])])]),e(`div`,ft,[(g(!0),s(c,null,h(t.fileList,(e,n)=>(g(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var mt=v({name:`GrokVideoConfigPanel`,components:{ElButton:V,FontAwesomeIcon:J,PromptInput:ye,ModelSelector:Ee,DurationSelector:Ne,ResolutionSelector:Ve,RatioSelector:Ze,ImageInput:at,ReferenceImagesInput:L(st,[[`render`,pt]]),Consumption:re},emits:[`generate`],computed:{config(){return this.$store.state.grokvideo?.config},supportsReferenceImages(){return!N(this.$store.state.grokvideo?.config?.model)},consumption(){return U(this.config,this.service?.cost)},service(){return this.$store.state.grokvideo?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),ht={class:`flex flex-col h-full`},gt={class:`flex-1 overflow-y-auto p-5`},_t={class:`flex flex-col items-center justify-center px-5 pb-5`};function vt(t,n,c,u,d,m){let h=l(`prompt-input`),_=l(`model-selector`),v=l(`ratio-selector`),y=l(`resolution-selector`),b=l(`duration-selector`),x=l(`image-input`),S=l(`reference-images-input`),C=l(`consumption`),w=l(`font-awesome-icon`),T=l(`el-button`);return g(),s(`div`,ht,[e(`div`,gt,[a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`}),a(y,{class:`mb-4`}),a(b,{class:`mb-4`}),a(x,{class:`mb-4`}),t.supportsReferenceImages?(g(),f(S,{key:0,class:`mb-4`})):o(``,!0)]),e(`div`,_t,[a(C,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(T,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(w,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`grokvideo.button.generate`)),1)]),_:1},8,[`onClick`])])])}var yt=L(mt,[[`render`,vt]]),bt=v({name:`GrokVideoTaskPreview`,components:{CopyToClipboard:Y,FontAwesomeIcon:J,ElAlert:C,VideoPlayer:se,ElTooltip:S,ElButton:V,ImagePreview:X,ApiCodeButton:ce},props:{modelValue:{type:Object,required:!0}},data(){return{nowTs:Date.now(),timer:0}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_url},pendingElapsed(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(e)return Math.max(0,Math.floor(this.nowTs/1e3-e))}},watch:{"modelValue.response":{handler(e){e&&this.stopTimer()}}},mounted(){this.modelValue?.response||(this.timer=window.setInterval(()=>{this.nowTs=Date.now()},1e3))},beforeUnmount(){this.stopTimer()},methods:{stopTimer(){this.timer&&=(window.clearInterval(this.timer),0)},onDownload(e){window.open(e,`_blank`)}}}),xt={class:`preview`},St={class:`left`},Ct={class:`main`},wt={class:`bot`},Tt={class:`datetime`},Et={class:`info`},Dt={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},Ot={key:1,class:`prompt mt-2`},kt={key:0},At={key:1},jt={key:0,class:n({content:!0})},Mt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Nt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Pt={key:1,class:n({content:!0})},Ft={key:0,class:`mb-4`},It={key:1,class:n({operations:!0,"mt-2":!0,"mb-2":!0})},Lt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Rt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},zt={key:2,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`},Vt={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ht={key:4,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Ut={key:2,class:n({content:!0})},Wt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Gt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Kt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},qt={key:3,class:n({content:!0})},Jt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Yt(n,c,u,d,f,m){let h=l(`capability-presentation`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`copy-to-clipboard`),b=l(`el-alert`),x=l(`video-player`),S=l(`el-button`),C=l(`el-tooltip`),w=l(`api-code-button`);return g(),s(`div`,xt,[e(`div`,St,[a(h,{capability:`grokvideo`,part:`avatar`,class:`avatar`})]),e(`div`,Ct,[e(`div`,wt,[a(h,{capability:`grokvideo`,part:`name`}),e(`span`,Tt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,Et,[n.inputImage?(g(),s(`div`,Dt,[a(_,{url:n.inputImage,name:`image`,closable:!1},null,8,[`url`])])):o(``,!0),n.modelValue?.request?.prompt?(g(),s(`p`,Ot,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?n.video?.state===`processing`||n.video?.state===`pending`?(g(),s(`span`,At,` - (`+i(n.$t(`grokvideo.status.processing`))+`) `,1)):o(``,!0):(g(),s(`span`,kt,` - (`+i(n.$t(`grokvideo.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?n.modelValue?.response?.success===!0?(g(),s(`div`,Pt,[n.video?.video_url?(g(),s(`div`,Ft,[a(x,{src:n.video?.video_url},null,8,[`src`])])):o(``,!0),n.video?.video_url?(g(),s(`div`,It,[a(C,{class:`box-item`,effect:`dark`,content:n.$t(`grokvideo.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onDownload(n.video?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`grokvideo.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/grok/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(b,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(g(),s(`p`,Lt,[a(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.video?.duration?(g(),s(`p`,Rt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.duration`))+`: `+i(n.video?.duration)+`s `,1)])):o(``,!0),n.modelValue?.request?.resolution?(g(),s(`p`,zt,[a(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.resolution`))+`: `+i(n.modelValue?.request?.resolution)+` `,1),n.modelValue?.request?.aspect_ratio?(g(),s(`span`,Bt,` · `+i(n.modelValue?.request?.aspect_ratio),1)):o(``,!0)])):o(``,!0),e(`p`,$,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,Vt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Ht,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(g(),s(`div`,Ut,[a(b,{closable:!1,class:`failure`},{template:p(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.failure`)),1)]),default:p(()=>[e(`p`,Wt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.response?.error?.message?(g(),s(`p`,Gt,[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(y,{content:n.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Kt,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):(g(),s(`div`,qt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.status`)),1)]),default:p(()=>[e(`p`,Jt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(g(),s(`div`,jt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.status.pending`)),1)]),default:p(()=>[e(`p`,Mt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.pendingElapsed===void 0?o(``,!0):(g(),s(`p`,Nt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`grokvideo.name.elapsed`))+`: `+i(n.pendingElapsed)+`s `,1)]))]),_:1})]))])])}var Xt=v({name:`GrokVideoRecentPanel`,components:{TaskPreview:L(bt,[[`render`,Yt],[`__scopeId`,`data-v-ead48cc1`]]),BotPlaceholder:le,NoTasks:ae,ScrollList:ie},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.grokvideo?.tasks,items:this.$store.state.grokvideo?.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 $t(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,Zt,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,e=>(g(),f(m,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,Qt,[a(v)])):o(``,!0)],64)}var en=v({name:`GrokVideoIndex`,components:{ConfigPanel:yt,Layout:ge,RecentPanel:L(Xt,[[`render`,$t]])},mixins:[W],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.grokvideo?.status?.getApplications===R.Request},tasksLoading(){return this.$store.state.grokvideo?.status?.getTasks===R.Request||this.fetchingTasks},credential(){return this.$store.state.grokvideo?.credential},config(){return this.$store.state.grokvideo?.config},tasks(){return this.$store.state.grokvideo?.tasks}},watch:{initialized:{async handler(e){e&&(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 oe({tasks: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(){await this.$store.dispatch(`grokvideo/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`grokvideo/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!G(this.uploadTracker,e=>this.$t(e),e=>F.warning(e)))return;let e={...this.config||{}};typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),typeof e?.image_url==`string`&&!e.image_url.trim()&&delete e.image_url,(N(e?.model)||!(Array.isArray(e?.reference_image_urls)&&e.reference_image_urls.length))&&delete e.reference_image_urls;let t=!!e?.image_url;if(N(e?.model)&&!t){F.warning(this.$t(`grokvideo.message.modelRequiresImage`));return}if(!t&&!e?.prompt){F.warning(this.$t(`grokvideo.message.promptOrImageRequired`));return}let n={...e,async:!0};if(!q())return;let r=this.credential?.token;if(!r){console.error(`no token specified`);return}F.info(this.$t(`grokvideo.message.startingTask`)),I(`grokvideo`,B.generate(n,{token:r})).then(()=>{F.success(this.$t(`grokvideo.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?F.error(this.$t(`grokvideo.message.usedUp`)):F.error(this.$t(`grokvideo.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function tn(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var nn=L(en,[[`render`,tn]]);export{nn as default};

package/dist/assets/{Index-CocFW3A5.js → Index-Cp8meWs6.js}

@@ -1,2 +1,2 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,F as n,I as r,Jt as i,L as a,M as o,N as s,S as c,T as l,at as u,it as d,j as f,mt as p,rt as m,tt as h,z as g}from"./vendor-chart-Dw-P17PN.js";import{r as _,t as v}from"./select-AUMxTlac.js";import{n as y,t as b}from"./tabs-BfidzOhF.js";import{t as x}from"./tooltip-BNSdTP5z.js";import{t as S}from"./alert-BYVzdzLR.js";import{n as C,r as w}from"./radio-Bj0tEwH8.js";import{n as T,t as ee}from"./collapse-BflNaFjN.js";import{t as te}from"./drawer-DVuFi589.js";import{t as E}from"./input-number-2PwtfYvp.js";import{t as D}from"./switch-BxBDMmPf.js";import"./constants-DgIJABTq.js";import{Ii as O,J as k,Si as A,Xi as j,aa as M,fn as N,xn as P,zi as F}from"./index-Ds-l3oed.js";import{t as I}from"./index.es-Z6gEfW7W.js";import{t as L}from"./CopyToClipboard-Djhh-5AV.js";import{t as R}from"./Consumption-CacjS0SK.js";var z=g({name:`LayoutWebextrator`,components:{ElDrawer:te,ElButton:j,FontAwesomeIcon:I},data(){return{drawer:!1}}}),B={class:`main flex flex-row flex-1`},V={class:`config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},H={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function U(t,n,r,i,o,c){let l=u(`font-awesome-icon`),f=u(`el-button`),m=u(`el-drawer`);return h(),s(`div`,B,[e(`div`,V,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,H,[d(t.$slots,`result`,{},void 0,!0)]),a(f,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-sliders`})]),_:1}),a(m,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var W=k(z,[[`render`,U],[`__scopeId`,`data-v-7b1cd8ae`]]),G=g({name:`ModeSelector`,components:{ElRadioGroup:w,ElRadioButton:C,FontAwesomeIcon:I},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit(`webextrator/setConfig`,{...this.$store.state.webextrator?.config,mode:e})}}}}),K={class:`field`},q={class:`title font-bold`};function J(t,n,o,c,l,d){let f=u(`font-awesome-icon`),m=u(`el-radio-button`),g=u(`el-radio-group`);return h(),s(`div`,K,[e(`h2`,q,i(t.$t(`webextrator.name.mode`)),1),a(g,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value w-full`},{default:p(()=>[a(m,{label:`extract`,value:`extract`},{default:p(()=>[a(f,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),r(` `+i(t.$t(`webextrator.mode.extract`)),1)]),_:1}),a(m,{label:`render`,value:`render`},{default:p(()=>[a(f,{icon:`fa-solid fa-globe`,class:`mr-1`}),r(` `+i(t.$t(`webextrator.mode.render`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var Y=k(G,[[`render`,J],[`__scopeId`,`data-v-31e6c11d`]]),X=g({name:`UrlInput`,components:{ElInput:M},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`)}}}),Z={class:`field`},Q={class:`title font-bold`};function ne(n,r,o,l,d,f){let p=u(`el-input`);return h(),s(`div`,Z,[e(`h2`,Q,i(n.$t(`webextrator.name.url`)),1),a(p,{modelValue:n.url,"onUpdate:modelValue":r[0]||=e=>n.url=e,type:`textarea`,rows:2,class:`prompt`,placeholder:n.$t(`webextrator.placeholder.url`),onKeydown:c(t(n.onEnter,[`exact`,`prevent`]),[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`])])}var re=k(X,[[`render`,ne],[`__scopeId`,`data-v-18488009`]]),ie=g({name:`ExpectedTypeSelector`,components:{ElSelect:_,ElOption:v},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||=`general`}}),ae={class:`field`},oe={class:`title font-bold`};function se(t,n,r,o,c,l){let d=u(`el-option`),f=u(`el-select`);return h(),s(`div`,ae,[e(`h2`,oe,i(t.$t(`webextrator.name.expectedType`)),1),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},{default:p(()=>[a(d,{value:`general`,label:t.$t(`webextrator.expectedType.general`)},null,8,[`label`]),a(d,{value:`article`,label:t.$t(`webextrator.expectedType.article`)},null,8,[`label`]),a(d,{value:`product`,label:t.$t(`webextrator.expectedType.product`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var ce=k(ie,[[`render`,se],[`__scopeId`,`data-v-3b572c49`]]),le=g({name:`LlmToggle`,components:{ElSwitch:D,ElTooltip:x,FontAwesomeIcon:I},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})}}}}),ue={class:`field`},de={class:`title font-bold`};function fe(t,n,o,c,l,d){let f=u(`font-awesome-icon`),m=u(`el-tooltip`),g=u(`el-switch`);return h(),s(`div`,ue,[e(`h2`,de,[r(i(t.$t(`webextrator.name.enableLlm`))+` `,1),a(m,{effect:`dark`,content:t.$t(`webextrator.description.enableLlm`),placement:`top`},{default:p(()=>[a(f,{icon:`fa-solid fa-circle-info`,class:`ml-1 text-[var(--el-text-color-secondary)] text-xs`})]),_:1},8,[`content`])]),a(g,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])}var pe=k(le,[[`render`,fe],[`__scopeId`,`data-v-32fa7c89`]]),me=[`image`,`font`,`media`,`stylesheet`,`xhr`,`fetch`],he=g({name:`AdvancedOptions`,components:{ElCollapse:ee,ElCollapseItem:T,ElInput:M,ElInputNumber:E,ElSelect:_,ElOption:v},data(){return{active:[]}},computed:{resourceKinds(){return me},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})}}}),ge={class:`field`},_e={class:`sub-title`},ve={class:`field`},ye={class:`sub-title`},be={class:`field`},xe={class:`sub-title`},Se={class:`field`},Ce={class:`sub-title`},we={class:`field`},Te={class:`sub-title`};function Ee(t,n,r,o,c,d){let g=u(`el-option`),_=u(`el-select`),v=u(`el-input`),y=u(`el-input-number`),b=u(`el-collapse-item`),x=u(`el-collapse`);return h(),f(x,{modelValue:t.active,"onUpdate:modelValue":n[5]||=e=>t.active=e,class:`advanced`},{default:p(()=>[a(b,{title:t.$t(`webextrator.name.advanced`),name:`advanced`},{default:p(()=>[e(`div`,ge,[e(`h2`,_e,i(t.$t(`webextrator.name.waitUntil`)),1),a(_,{modelValue:t.waitUntil,"onUpdate:modelValue":n[0]||=e=>t.waitUntil=e,class:`value`},{default:p(()=>[a(g,{value:`networkidle`,label:t.$t(`webextrator.waitUntil.networkidle`)},null,8,[`label`]),a(g,{value:`load`,label:t.$t(`webextrator.waitUntil.load`)},null,8,[`label`]),a(g,{value:`domcontentloaded`,label:t.$t(`webextrator.waitUntil.domcontentloaded`)},null,8,[`label`]),a(g,{value:`commit`,label:t.$t(`webextrator.waitUntil.commit`)},null,8,[`label`])]),_:1},8,[`modelValue`])]),e(`div`,ve,[e(`h2`,ye,i(t.$t(`webextrator.name.waitForSelector`)),1),a(v,{modelValue:t.waitForSelector,"onUpdate:modelValue":n[1]||=e=>t.waitForSelector=e,placeholder:t.$t(`webextrator.placeholder.waitForSelector`)},null,8,[`modelValue`,`placeholder`])]),e(`div`,be,[e(`h2`,xe,i(t.$t(`webextrator.name.timeout`)),1),a(y,{modelValue:t.timeout,"onUpdate:modelValue":n[2]||=e=>t.timeout=e,min:1,max:120,step:5,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),e(`div`,Se,[e(`h2`,Ce,i(t.$t(`webextrator.name.delay`)),1),a(y,{modelValue:t.delay,"onUpdate:modelValue":n[3]||=e=>t.delay=e,min:0,max:30,step:1,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),e(`div`,we,[e(`h2`,Te,i(t.$t(`webextrator.name.blockResources`)),1),a(_,{modelValue:t.blockResources,"onUpdate:modelValue":n[4]||=e=>t.blockResources=e,multiple:``,"collapse-tags":``,placeholder:t.$t(`webextrator.placeholder.blockResources`),class:`w-full`},{default:p(()=>[(h(!0),s(l,null,m(t.resourceKinds,e=>(h(),f(g,{key:e,label:t.$t(`webextrator.blockResource.${e}`),value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])]),_:1},8,[`title`])]),_:1},8,[`modelValue`])}var De=g({name:`WebextratorConfigPanel`,components:{ElButton:j,FontAwesomeIcon:I,ModeSelector:Y,UrlInput:re,ExpectedTypeSelector:ce,LlmToggle:pe,AdvancedOptions:k(he,[[`render`,Ee],[`__scopeId`,`data-v-8f36d2df`]]),Consumption:R},emits:[`run`],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return N(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===A.Request},isExtract(){return(this.config?.mode||`extract`)===`extract`},canRun(){let e=(this.config?.url||``).trim();return/^https?:\/\//i.test(e)}},methods:{onRun(){this.canRun&&this.$emit(`run`)}}}),Oe={class:`flex flex-col h-full`},ke={class:`flex-1 overflow-y-auto p-5`},Ae={class:`flex flex-col items-center justify-center px-5 pb-5`};function je(t,n,c,d,f,m){let g=u(`mode-selector`),_=u(`url-input`),v=u(`expected-type-selector`),y=u(`llm-toggle`),b=u(`advanced-options`),x=u(`consumption`),S=u(`font-awesome-icon`),C=u(`el-button`);return h(),s(`div`,Oe,[e(`div`,ke,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`,onSubmit:t.onRun},null,8,[`onSubmit`]),t.isExtract?(h(),s(l,{key:0},[a(v,{class:`mb-4`}),a(y,{class:`mb-4`})],64)):o(``,!0),a(b,{class:`mb-4`})]),e(`div`,Ae,[a(x,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`w-full`,round:``,loading:t.running,disabled:!t.canRun,onClick:t.onRun},{default:p(()=>[a(S,{icon:`fa-solid fa-bolt`,class:`mr-2`}),r(` `+i(t.$t(t.isExtract?`webextrator.button.extract`:`webextrator.button.render`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])])}var Me=k(De,[[`render`,je]]),Ne=e=>!!e&&e.kind!==`render`,Pe=g({name:`WebextratorResultPanel`,components:{ElAlert:S,ElImage:F,ElTabs:y,ElTabPane:b,FontAwesomeIcon:I,CopyToClipboard:L},data(){return{activeTab:`markdown`}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===A.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind===`render`?this.data:void 0},extractData(){return Ne(this.data)?this.data:void 0},finalUrl(){let e=this.data;return e?.finalUrl||e?.final_url||e?.url},contentTypeLabel(){let e=this.data;return e?.contentType||e?.content_type||e?.expected_type},screenshotSrc(){let e=this.data?.screenshot;if(e)return e.startsWith(`data:`)||e.startsWith(`http`)?e:`data:image/png;base64,${e}`},markdown(){let 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(`
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,F as n,I as r,Jt as i,L as a,M as o,N as s,S as c,T as l,at as u,it as d,j as f,mt as p,rt as m,tt as h,z as g}from"./vendor-chart-Dw-P17PN.js";import{r as _,t as v}from"./select-S6bNmWoA.js";import{n as y,t as b}from"./tabs-CWW7Z-8_.js";import{t as x}from"./tooltip-CpUlXrrs.js";import{t as S}from"./alert-CjWvi_14.js";import{n as C,r as w}from"./radio-Bj0tEwH8.js";import{n as T,t as ee}from"./collapse-ZWZHjLCZ.js";import{t as te}from"./drawer-BuZZ_aaC.js";import{t as E}from"./input-number-DCWd0Elh.js";import{t as D}from"./switch-D0NaSYP3.js";import"./constants-DgIJABTq.js";import{Ii as O,J as k,Si as A,Xi as j,aa as M,fn as N,xn as P,zi as F}from"./index-C_zMaSTl.js";import{t as I}from"./index.es-BM-ykXwl.js";import{t as L}from"./CopyToClipboard-CWAv9J74.js";import{t as R}from"./Consumption-Dd9pOXfP.js";var z=g({name:`LayoutWebextrator`,components:{ElDrawer:te,ElButton:j,FontAwesomeIcon:I},data(){return{drawer:!1}}}),B={class:`main flex flex-row flex-1`},V={class:`config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},H={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function U(t,n,r,i,o,c){let l=u(`font-awesome-icon`),f=u(`el-button`),m=u(`el-drawer`);return h(),s(`div`,B,[e(`div`,V,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,H,[d(t.$slots,`result`,{},void 0,!0)]),a(f,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(l,{icon:`fa-solid fa-sliders`})]),_:1}),a(m,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var W=k(z,[[`render`,U],[`__scopeId`,`data-v-7b1cd8ae`]]),G=g({name:`ModeSelector`,components:{ElRadioGroup:w,ElRadioButton:C,FontAwesomeIcon:I},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit(`webextrator/setConfig`,{...this.$store.state.webextrator?.config,mode:e})}}}}),K={class:`field`},q={class:`title font-bold`};function J(t,n,o,c,l,d){let f=u(`font-awesome-icon`),m=u(`el-radio-button`),g=u(`el-radio-group`);return h(),s(`div`,K,[e(`h2`,q,i(t.$t(`webextrator.name.mode`)),1),a(g,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value w-full`},{default:p(()=>[a(m,{label:`extract`,value:`extract`},{default:p(()=>[a(f,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),r(` `+i(t.$t(`webextrator.mode.extract`)),1)]),_:1}),a(m,{label:`render`,value:`render`},{default:p(()=>[a(f,{icon:`fa-solid fa-globe`,class:`mr-1`}),r(` `+i(t.$t(`webextrator.mode.render`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var Y=k(G,[[`render`,J],[`__scopeId`,`data-v-31e6c11d`]]),X=g({name:`UrlInput`,components:{ElInput:M},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`)}}}),Z={class:`field`},Q={class:`title font-bold`};function ne(n,r,o,l,d,f){let p=u(`el-input`);return h(),s(`div`,Z,[e(`h2`,Q,i(n.$t(`webextrator.name.url`)),1),a(p,{modelValue:n.url,"onUpdate:modelValue":r[0]||=e=>n.url=e,type:`textarea`,rows:2,class:`prompt`,placeholder:n.$t(`webextrator.placeholder.url`),onKeydown:c(t(n.onEnter,[`exact`,`prevent`]),[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`])])}var re=k(X,[[`render`,ne],[`__scopeId`,`data-v-18488009`]]),ie=g({name:`ExpectedTypeSelector`,components:{ElSelect:_,ElOption:v},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||=`general`}}),ae={class:`field`},oe={class:`title font-bold`};function se(t,n,r,o,c,l){let d=u(`el-option`),f=u(`el-select`);return h(),s(`div`,ae,[e(`h2`,oe,i(t.$t(`webextrator.name.expectedType`)),1),a(f,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},{default:p(()=>[a(d,{value:`general`,label:t.$t(`webextrator.expectedType.general`)},null,8,[`label`]),a(d,{value:`article`,label:t.$t(`webextrator.expectedType.article`)},null,8,[`label`]),a(d,{value:`product`,label:t.$t(`webextrator.expectedType.product`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var ce=k(ie,[[`render`,se],[`__scopeId`,`data-v-3b572c49`]]),le=g({name:`LlmToggle`,components:{ElSwitch:D,ElTooltip:x,FontAwesomeIcon:I},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})}}}}),ue={class:`field`},de={class:`title font-bold`};function fe(t,n,o,c,l,d){let f=u(`font-awesome-icon`),m=u(`el-tooltip`),g=u(`el-switch`);return h(),s(`div`,ue,[e(`h2`,de,[r(i(t.$t(`webextrator.name.enableLlm`))+` `,1),a(m,{effect:`dark`,content:t.$t(`webextrator.description.enableLlm`),placement:`top`},{default:p(()=>[a(f,{icon:`fa-solid fa-circle-info`,class:`ml-1 text-[var(--el-text-color-secondary)] text-xs`})]),_:1},8,[`content`])]),a(g,{modelValue:t.value,"onUpdate:modelValue":n[0]||=e=>t.value=e,class:`value`},null,8,[`modelValue`])])}var pe=k(le,[[`render`,fe],[`__scopeId`,`data-v-32fa7c89`]]),me=[`image`,`font`,`media`,`stylesheet`,`xhr`,`fetch`],he=g({name:`AdvancedOptions`,components:{ElCollapse:ee,ElCollapseItem:T,ElInput:M,ElInputNumber:E,ElSelect:_,ElOption:v},data(){return{active:[]}},computed:{resourceKinds(){return me},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})}}}),ge={class:`field`},_e={class:`sub-title`},ve={class:`field`},ye={class:`sub-title`},be={class:`field`},xe={class:`sub-title`},Se={class:`field`},Ce={class:`sub-title`},we={class:`field`},Te={class:`sub-title`};function Ee(t,n,r,o,c,d){let g=u(`el-option`),_=u(`el-select`),v=u(`el-input`),y=u(`el-input-number`),b=u(`el-collapse-item`),x=u(`el-collapse`);return h(),f(x,{modelValue:t.active,"onUpdate:modelValue":n[5]||=e=>t.active=e,class:`advanced`},{default:p(()=>[a(b,{title:t.$t(`webextrator.name.advanced`),name:`advanced`},{default:p(()=>[e(`div`,ge,[e(`h2`,_e,i(t.$t(`webextrator.name.waitUntil`)),1),a(_,{modelValue:t.waitUntil,"onUpdate:modelValue":n[0]||=e=>t.waitUntil=e,class:`value`},{default:p(()=>[a(g,{value:`networkidle`,label:t.$t(`webextrator.waitUntil.networkidle`)},null,8,[`label`]),a(g,{value:`load`,label:t.$t(`webextrator.waitUntil.load`)},null,8,[`label`]),a(g,{value:`domcontentloaded`,label:t.$t(`webextrator.waitUntil.domcontentloaded`)},null,8,[`label`]),a(g,{value:`commit`,label:t.$t(`webextrator.waitUntil.commit`)},null,8,[`label`])]),_:1},8,[`modelValue`])]),e(`div`,ve,[e(`h2`,ye,i(t.$t(`webextrator.name.waitForSelector`)),1),a(v,{modelValue:t.waitForSelector,"onUpdate:modelValue":n[1]||=e=>t.waitForSelector=e,placeholder:t.$t(`webextrator.placeholder.waitForSelector`)},null,8,[`modelValue`,`placeholder`])]),e(`div`,be,[e(`h2`,xe,i(t.$t(`webextrator.name.timeout`)),1),a(y,{modelValue:t.timeout,"onUpdate:modelValue":n[2]||=e=>t.timeout=e,min:1,max:120,step:5,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),e(`div`,Se,[e(`h2`,Ce,i(t.$t(`webextrator.name.delay`)),1),a(y,{modelValue:t.delay,"onUpdate:modelValue":n[3]||=e=>t.delay=e,min:0,max:30,step:1,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),e(`div`,we,[e(`h2`,Te,i(t.$t(`webextrator.name.blockResources`)),1),a(_,{modelValue:t.blockResources,"onUpdate:modelValue":n[4]||=e=>t.blockResources=e,multiple:``,"collapse-tags":``,placeholder:t.$t(`webextrator.placeholder.blockResources`),class:`w-full`},{default:p(()=>[(h(!0),s(l,null,m(t.resourceKinds,e=>(h(),f(g,{key:e,label:t.$t(`webextrator.blockResource.${e}`),value:e},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])]),_:1},8,[`title`])]),_:1},8,[`modelValue`])}var De=g({name:`WebextratorConfigPanel`,components:{ElButton:j,FontAwesomeIcon:I,ModeSelector:Y,UrlInput:re,ExpectedTypeSelector:ce,LlmToggle:pe,AdvancedOptions:k(he,[[`render`,Ee],[`__scopeId`,`data-v-8f36d2df`]]),Consumption:R},emits:[`run`],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return N(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===A.Request},isExtract(){return(this.config?.mode||`extract`)===`extract`},canRun(){let e=(this.config?.url||``).trim();return/^https?:\/\//i.test(e)}},methods:{onRun(){this.canRun&&this.$emit(`run`)}}}),Oe={class:`flex flex-col h-full`},ke={class:`flex-1 overflow-y-auto p-5`},Ae={class:`flex flex-col items-center justify-center px-5 pb-5`};function je(t,n,c,d,f,m){let g=u(`mode-selector`),_=u(`url-input`),v=u(`expected-type-selector`),y=u(`llm-toggle`),b=u(`advanced-options`),x=u(`consumption`),S=u(`font-awesome-icon`),C=u(`el-button`);return h(),s(`div`,Oe,[e(`div`,ke,[a(g,{class:`mb-4`}),a(_,{class:`mb-4`,onSubmit:t.onRun},null,8,[`onSubmit`]),t.isExtract?(h(),s(l,{key:0},[a(v,{class:`mb-4`}),a(y,{class:`mb-4`})],64)):o(``,!0),a(b,{class:`mb-4`})]),e(`div`,Ae,[a(x,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(C,{type:`primary`,class:`w-full`,round:``,loading:t.running,disabled:!t.canRun,onClick:t.onRun},{default:p(()=>[a(S,{icon:`fa-solid fa-bolt`,class:`mr-2`}),r(` `+i(t.$t(t.isExtract?`webextrator.button.extract`:`webextrator.button.render`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])])}var Me=k(De,[[`render`,je]]),Ne=e=>!!e&&e.kind!==`render`,Pe=g({name:`WebextratorResultPanel`,components:{ElAlert:S,ElImage:F,ElTabs:y,ElTabPane:b,FontAwesomeIcon:I,CopyToClipboard:L},data(){return{activeTab:`markdown`}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===A.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind===`render`?this.data:void 0},extractData(){return Ne(this.data)?this.data:void 0},finalUrl(){let e=this.data;return e?.finalUrl||e?.final_url||e?.url},contentTypeLabel(){let e=this.data;return e?.contentType||e?.content_type||e?.expected_type},screenshotSrc(){let e=this.data?.screenshot;if(e)return e.startsWith(`data:`)||e.startsWith(`http`)?e:`data:image/png;base64,${e}`},markdown(){let 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){let 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`}}}),Fe={class:`h-full overflow-y-auto p-6`},Ie={key:0,class:`max-w-4xl mx-auto py-4`},Le={class:`flex items-center gap-2 mb-3 text-[var(--el-color-primary)] text-sm`},Re={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},ze={class:`text-base mb-1`},Be={class:`text-xs opacity-70`},Ve={key:2,class:`max-w-4xl mx-auto py-4`},He={class:`text-xs whitespace-pre-wrap break-words`},Ue={key:3,class:`max-w-4xl mx-auto`},We={class:`mb-4`},Ge={class:`text-xl font-semibold leading-snug mb-1 break-words text-[var(--el-text-color-primary)]`},Ke={class:`flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--el-text-color-secondary)]`},qe=[`href`],Je={key:1},Ye={key:2},Xe={key:3},Ze={key:0,class:`mt-2 text-sm text-[var(--el-text-color-regular)] leading-relaxed line-clamp-3`},Qe={key:0,class:`mb-5`},$e={class:`tab-toolbar`},et={class:`content-block`},tt={class:`tab-toolbar`},$={class:`content-block`},nt={class:`tab-toolbar`},rt={class:`content-block code`},it={class:`tab-toolbar`},at={class:`links-list`},ot=[`href`],st={class:`grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2`},ct={class:`tab-toolbar`},lt={class:`content-block code`},ut={class:`tab-toolbar`},dt={class:`content-block code`};function ft(t,c,d,g,_,v){let y=u(`font-awesome-icon`),b=u(`el-alert`),x=u(`el-image`),S=u(`copy-to-clipboard`),C=u(`el-tab-pane`),w=u(`el-tabs`);return h(),s(`div`,Fe,[t.running?(h(),s(`div`,Ie,[e(`div`,Le,[a(y,{icon:`fa-solid fa-circle-notch`,spin:``}),e(`span`,null,i(t.$t(`webextrator.message.running`)),1)]),c[1]||=n(`<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)])):!t.response&&!t.errorMessage?(h(),s(`div`,Re,[a(y,{icon:`fa-solid fa-globe`,class:`text-6xl mb-4 opacity-30`}),e(`p`,ze,i(t.$t(`webextrator.description.intro`)),1),e(`p`,Be,i(t.$t(`webextrator.description.introHint`)),1)])):t.errorMessage?(h(),s(`div`,Ve,[a(b,{type:`error`,closable:!1,"show-icon":``,title:t.$t(`webextrator.message.failed`)},{default:p(()=>[e(`pre`,He,i(t.errorMessage),1)]),_:1},8,[`title`])])):t.data?(h(),s(`div`,Ue,[e(`header`,We,[e(`h1`,Ge,i(t.data.title||t.$t(`webextrator.message.untitled`)),1),e(`div`,Ke,[t.finalUrl?(h(),s(`a`,{key:0,href:t.finalUrl,target:`_blank`,rel:`noopener`,class:`hover:underline truncate max-w-[60%]`},[a(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),r(i(t.finalUrl),1)],8,qe)):o(``,!0),t.renderData?.status?(h(),s(`span`,Je,[a(y,{icon:`fa-solid fa-signal`,class:`mr-1`}),r(i(t.renderData.status),1)])):o(``,!0),t.response?.elapsed?(h(),s(`span`,Ye,[a(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(i(t.response.elapsed.toFixed(2))+`s `,1)])):o(``,!0),t.contentTypeLabel?(h(),s(`span`,Xe,[a(y,{icon:`fa-solid fa-tag`,class:`mr-1`}),r(i(t.contentTypeLabel),1)])):o(``,!0)]),t.extractData?.description?(h(),s(`p`,Ze,i(t.extractData.description),1)):o(``,!0)]),t.screenshotSrc?(h(),s(`figure`,Qe,[a(x,{src:t.screenshotSrc,fit:`contain`,"preview-src-list":[t.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`])])):o(``,!0),a(w,{modelValue:t.activeTab,"onUpdate:modelValue":c[0]||=e=>t.activeTab=e,class:`result-tabs`},{default:p(()=>[t.markdown?(h(),f(C,{key:0,label:t.$t(`webextrator.tab.markdown`),name:`markdown`},{default:p(()=>[e(`div`,$e,[a(S,{content:t.markdown},null,8,[`content`])]),e(`pre`,et,i(t.markdown),1)]),_:1},8,[`label`])):o(``,!0),t.plainText?(h(),f(C,{key:1,label:t.$t(`webextrator.tab.text`),name:`text`},{default:p(()=>[e(`div`,tt,[a(S,{content:t.plainText},null,8,[`content`])]),e(`pre`,$,i(t.plainText),1)]),_:1},8,[`label`])):o(``,!0),t.extractData?.structured?(h(),f(C,{key:2,label:t.$t(`webextrator.tab.structured`),name:`structured`},{default:p(()=>[e(`div`,nt,[a(S,{content:t.structuredPretty},null,8,[`content`])]),e(`pre`,rt,i(t.structuredPretty),1)]),_:1},8,[`label`])):o(``,!0),t.links.length?(h(),f(C,{key:3,label:`${t.$t(`webextrator.tab.links`)} (${t.links.length})`,name:`links`},{default:p(()=>[e(`div`,it,[a(S,{content:t.linksPlain},null,8,[`content`])]),e(`ul`,at,[(h(!0),s(l,null,m(t.links,(t,n)=>(h(),s(`li`,{key:n,class:`truncate`},[e(`a`,{href:t,target:`_blank`,rel:`noopener`},i(t),9,ot)]))),128))])]),_:1},8,[`label`])):o(``,!0),t.images.length?(h(),f(C,{key:4,label:`${t.$t(`webextrator.tab.images`)} (${t.images.length})`,name:`images`},{default:p(()=>[e(`div`,st,[(h(!0),s(l,null,m(t.images,(e,n)=>(h(),f(x,{key:n,src:e,fit:`cover`,loading:`lazy`,"preview-src-list":t.images,"initial-index":n,"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`])):o(``,!0),t.html?(h(),f(C,{key:5,label:t.$t(`webextrator.tab.html`),name:`html`},{default:p(()=>[e(`div`,ct,[a(S,{content:t.html},null,8,[`content`])]),e(`pre`,lt,i(t.html),1)]),_:1},8,[`label`])):o(``,!0),a(C,{label:t.$t(`webextrator.tab.raw`),name:`raw`},{default:p(()=>[e(`div`,ut,[a(S,{content:t.rawPretty},null,8,[`content`])]),e(`pre`,dt,i(t.rawPretty),1)]),_:1},8,[`label`])]),_:1},8,[`modelValue`])])):o(``,!0)])}var pt=g({name:`WebextratorIndex`,components:{Layout:W,ConfigPanel:Me,ResultPanel:k(Pe,[[`render`,ft],[`__scopeId`,`data-v-b05b4db0`]])},inject:[`initialized`],async mounted(){await this.$store.dispatch(`webextrator/getService`)},methods:{async onRun(){if(!P())return;let e=this.$store.state.webextrator?.config;if(!e?.url)return;let t=(e.mode||`extract`)===`extract`;O.info(this.$t(t?`webextrator.message.extracting`:`webextrator.message.rendering`));try{await this.$store.dispatch(`webextrator/run`),O.success(this.$t(`webextrator.message.success`))}catch(e){let t=e?.response?.data?.error?.code||e?.response?.data?.code;t===`used_up`?O.error(this.$t(`webextrator.message.usedUp`)):t===`too_many_requests`?O.error(this.$t(`webextrator.message.busy`)):t===`timeout`?O.error(this.$t(`webextrator.message.timeout`)):t===`antibot_blocked`?O.error(this.$t(`webextrator.message.antibotBlocked`)):O.error(this.$t(`webextrator.message.failed`))}}}});function mt(e,t,n,r,i,o){let s=u(`config-panel`),c=u(`result-panel`),l=u(`layout`);return h(),f(l,null,{config:p(()=>[a(s,{onRun:e.onRun},null,8,[`onRun`])]),result:p(()=>[a(c)]),_:1})}var ht=k(pt,[[`render`,mt]]);export{ht as default};

package/dist/assets/{Index-oZDYIyem.css → Index-CrxSFbY_.css}

@@ -1 +1 @@
-.menu[data-v-d7e69eb2]{display:none}@media (width<=767px){.config[data-v-d7e69eb2]{display:none}.result[data-v-d7e69eb2]{width:100%}.menu[data-v-d7e69eb2]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.ratio .header[data-v-7131eb97]{flex-direction:row;align-items:center;margin-bottom:10px;display:flex}.ratio .header .title[data-v-7131eb97]{margin:0;font-size:14px}.ratio .items[data-v-7131eb97]{grid-template-columns:repeat(5,48px);justify-content:start;gap:8px;display:grid}.ratio .items .item[data-v-7131eb97]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:65px;transition:background-color .2s,border-color .2s;display:flex}.ratio .items .item .preview[data-v-7131eb97]{justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:4px;display:flex}.ratio .items .item .preview .rect[data-v-7131eb97]{border:1px solid var(--el-text-color-placeholder);border-radius:2px}.ratio .items .item .name[data-v-7131eb97]{color:var(--el-text-color-primary);margin:0;font-size:12px}.ratio .items .item[data-v-7131eb97]:hover{background-color:var(--el-fill-color)}.ratio .items .item[data-v-7131eb97]:focus-visible{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary-light-7);outline:none}.ratio .items .item.active[data-v-7131eb97]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.ratio .items .item.active .rect[data-v-7131eb97]{border-color:var(--el-color-primary)}.field[data-v-11cb675b]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-11cb675b]{align-items:center;width:30%;display:flex}.field .label .box[data-v-11cb675b]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-11cb675b]{margin:0;font-size:14px}.field .label .box .info[data-v-11cb675b]{margin-left:6px}.field .value[data-v-11cb675b]{width:160px}.field[data-v-7ab9d4d4]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-7ab9d4d4]{align-items:center;width:30%;display:flex}.field .label .box[data-v-7ab9d4d4]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-7ab9d4d4]{margin:0;font-size:14px}.field .label .box .info[data-v-7ab9d4d4]{margin-left:6px}.field .value[data-v-7ab9d4d4]{width:160px}.preview[data-v-e59cb82a]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:10px;display:flex}.preview .left[data-v-e59cb82a]{width:70px}.preview .left .avatar[data-v-e59cb82a]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-e59cb82a]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-e59cb82a]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-e59cb82a]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-e59cb82a]{overflow:hidden}.preview .main .info .prompt[data-v-e59cb82a]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:15px;font-size:16px;font-weight:700}.preview .main .content[data-v-e59cb82a]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-e59cb82a]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-e59cb82a]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-e59cb82a]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-e59cb82a]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-e59cb82a] p:last-child{margin-bottom:0}.preview .main .operations[data-v-e59cb82a]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden}.preview .main .operations .btn-action[data-v-e59cb82a]{margin-bottom:10px}
+.menu[data-v-e85e3b68]{display:none}@media (width<=767px){.config[data-v-e85e3b68]{display:none}.result[data-v-e85e3b68]{width:100%}.menu[data-v-e85e3b68]{right:8px;top:calc(45px + var(--app-safe-area-top));z-index:1000;display:block;position:absolute}}.ratio .header[data-v-7131eb97]{flex-direction:row;align-items:center;margin-bottom:10px;display:flex}.ratio .header .title[data-v-7131eb97]{margin:0;font-size:14px}.ratio .items[data-v-7131eb97]{grid-template-columns:repeat(5,48px);justify-content:start;gap:8px;display:grid}.ratio .items .item[data-v-7131eb97]{border:1px solid var(--el-border-color);background-color:var(--el-fill-color-lighter);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:65px;transition:background-color .2s,border-color .2s;display:flex}.ratio .items .item .preview[data-v-7131eb97]{justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:4px;display:flex}.ratio .items .item .preview .rect[data-v-7131eb97]{border:1px solid var(--el-text-color-placeholder);border-radius:2px}.ratio .items .item .name[data-v-7131eb97]{color:var(--el-text-color-primary);margin:0;font-size:12px}.ratio .items .item[data-v-7131eb97]:hover{background-color:var(--el-fill-color)}.ratio .items .item[data-v-7131eb97]:focus-visible{border-color:var(--el-color-primary);box-shadow:0 0 0 2px var(--el-color-primary-light-7);outline:none}.ratio .items .item.active[data-v-7131eb97]{border-color:var(--el-color-primary);background-color:var(--el-color-primary-light-9)}.ratio .items .item.active .rect[data-v-7131eb97]{border-color:var(--el-color-primary)}.field[data-v-11cb675b]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-11cb675b]{align-items:center;width:30%;display:flex}.field .label .box[data-v-11cb675b]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-11cb675b]{margin:0;font-size:14px}.field .label .box .info[data-v-11cb675b]{margin-left:6px}.field .value[data-v-11cb675b]{width:160px}.field[data-v-7ab9d4d4]{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.field .label[data-v-7ab9d4d4]{align-items:center;width:30%;display:flex}.field .label .box[data-v-7ab9d4d4]{flex-direction:row;align-items:center;display:flex}.field .label .box .title[data-v-7ab9d4d4]{margin:0;font-size:14px}.field .label .box .info[data-v-7ab9d4d4]{margin-left:6px}.field .value[data-v-7ab9d4d4]{width:160px}.preview[data-v-e59cb82a]{text-align:left;flex-direction:row;width:100%;height:fit-content;margin-bottom:10px;display:flex}.preview .left[data-v-e59cb82a]{width:70px}.preview .left .avatar[data-v-e59cb82a]{border-radius:50%;width:50px;height:50px;margin:10px}.preview .main[data-v-e59cb82a]{flex:1;width:calc(100% - 70px);min-width:0;padding:10px 10px 0}.preview .main .bot[data-v-e59cb82a]{color:var(--el-color-primary);text-overflow:ellipsis;white-space:nowrap;margin-top:0;margin-bottom:0;font-size:16px;font-weight:700;overflow:hidden}.preview .main .bot .datetime[data-v-e59cb82a]{color:var(--el-text-color-secondary);margin-left:10px;font-size:12px;font-weight:400}.preview .main .info[data-v-e59cb82a]{overflow:hidden}.preview .main .info .prompt[data-v-e59cb82a]{color:var(--el-text-color-regular);white-space:normal;word-break:break-word;overflow-wrap:anywhere;margin-bottom:15px;font-size:16px;font-weight:700}.preview .main .content[data-v-e59cb82a]{word-break:break-word;overflow-wrap:anywhere}.preview .main .content .el-alert[data-v-e59cb82a]{border-left-style:solid;border-left-width:2px}.preview .main .content .el-alert.failure[data-v-e59cb82a]{border-color:var(--el-color-danger)}.preview .main .content .el-alert.success[data-v-e59cb82a]{border-color:var(--el-color-success)}.preview .main .content .el-alert.info[data-v-e59cb82a]{border-color:var(--el-color-info)}.preview .main .content .el-alert[data-v-e59cb82a] p:last-child{margin-bottom:0}.preview .main .operations[data-v-e59cb82a]{text-align:center;width:100%;color:var(--el-text-color-regular);flex-flow:wrap;justify-content:left;align-items:baseline;font-size:14px;display:flex;overflow:hidden}.preview .main .operations .btn-action[data-v-e59cb82a]{margin-bottom:10px}

package/dist/assets/{Index-BdoA3i87.js → Index-CtK6pzmD.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{A as e,I as t,Jt as n,L as r,M as i,N as a,at as o,j as s,mt as c,tt as l,z as u}from"./vendor-chart-Dw-P17PN.js";import{n as d,t as f}from"./table-Dkgw_cy8.js";import{t as p}from"./tooltip-BNSdTP5z.js";import{t as ee}from"./card-D-4S-l7a.js";import{n as m,t as h}from"./row-uXI3d20X.js";import{t as g}from"./divider-BNWJAaA2.js";import{t as _}from"./progress-BfXLGwWW.js";import{t as v}from"./skeleton-CoheJz5x.js";import{En as y,J as b,Or as x,Xi as S,_r as C,bt as w,gr as T,pn as E,rn as D,vr as O,vt as k}from"./index-Ds-l3oed.js";import{t as A}from"./index.es-Z6gEfW7W.js";import{t as j}from"./CopyToClipboard-Djhh-5AV.js";var M=u({name:`ConsoleDistributionList`,components:{CopyToClipboard:j,FontAwesomeIcon:A,QrCode:D,ElProgress:_,ElRow:h,ElCol:m,ElButton:S,ElDivider:g,ElCard:ee,ElTooltip:p,ElTable:f,ElTableColumn:d,ElSkeleton:v},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},qrColor(){let e=document.documentElement.classList.contains(`dark`);return{dark:e?`#ffffff`:`#000000`,light:e?`#1e1e1e`:`#ffffff`}},distributionLevelMap(){let e={};return this.distributionLevels.forEach(t=>{e[t.level]=t}),e}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:E,goHistory(){this.$router.push({name:k})},goInvitees(){this.$router.push({name:w})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},getPercentageForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-e)/(t-e)*100)},getDeltaForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(e-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await C.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){let e=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{let t=(await O.create(e))?.data?.data?.url||e;this.distributionLink=y()?t.replace(`surl.id`,`share.acedata.cloud`):t}catch{this.distributionLink=e}},async onFetchDistributionStatus(){let{data:e}=await C.getAll({user_id:this.$store.getters.user.id});e.items&&e.items.length>0&&(this.distributionStatus=e.items[0])},async onFetchDistributionLevels(){let{data:e}=await T.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=e.items},async onFetchInvitees(){let{data:e}=await x.getInvitees({});this.invitees=e.items,this.inviteesCount=e.count}}}),N={class:`title`},P={key:1},F={class:`icon-wrapper`},I={class:`text-left`},L={class:`description`},R={class:`value`},z={key:1},B={class:`icon-wrapper`},V={class:`text-left`},H={class:`description`},U={class:`value`},W={key:1},G={class:`icon-wrapper`},K={class:`text-left`},q={class:`description`},te={class:`value`},J={key:1},Y={class:`icon-wrapper`},X={class:`text-left`},Z={class:`description`},Q={class:`value`},ne={key:1},re={class:`title`},ie={class:`clear-both overflow-hidden`},ae={class:`float-left description`},oe={class:`float-right description`},se={class:`description`},ce={class:`level`},le={class:`level`},ue={class:`level`},de={key:1},fe={class:`title`},pe={class:`link-wrapper text-center`},$=[`href`],me={class:`qr-wrapper ml-auto mr-auto`},he={class:`mt-0`},ge={class:`description`},_e={class:`more`};function ve(u,d,f,p,ee,m){let h=o(`el-col`),g=o(`el-row`),_=o(`el-skeleton`),v=o(`font-awesome-icon`),y=o(`el-button`),b=o(`el-card`),x=o(`el-tooltip`),S=o(`el-progress`),C=o(`el-divider`),w=o(`el-table-column`),T=o(`el-table`),E=o(`copy-to-clipboard`),D=o(`qr-code`);return l(),s(g,{class:`panel`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(g,null,{default:c(()=>[r(h,{span:24},{default:c(()=>[e(`h2`,N,n(u.$t(`common.title.distribution`)),1)]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,P,[e(`div`,F,[r(v,{icon:`fa-solid fa-wallet`,class:`icon`})]),e(`div`,I,[e(`p`,L,n(u.$t(`distribution.title.price`)),1),e(`p`,R,n(u.getPriceString({value:u.distributionStatus?.price})),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goHistory},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,z,[e(`div`,B,[r(v,{icon:`fa-solid fa-coins`,class:`icon`})]),e(`div`,V,[e(`p`,H,n(u.$t(`distribution.title.reward`)),1),e(`p`,U,n(u.getPriceString({value:u.distributionStatus?.reward})),1)]),r(x,{effect:`dark`,content:u.$t(`distribution.message.developingWithDrawal`),placement:`top`},{default:c(()=>[r(y,{type:`primary`,round:``,size:`small`,class:`btn`},{default:c(()=>[t(n(u.$t(`distribution.button.withdrawal`)),1)]),_:1})]),_:1},8,[`content`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,W,[e(`div`,G,[r(v,{icon:`fa-solid fa-percent`,class:`icon`})]),e(`div`,K,[e(`p`,q,n(u.$t(`distribution.title.percentage`)),1),e(`p`,te,n(u.distributionStatus?.level?.percentage)+`%`,1)])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,J,[e(`div`,Y,[r(v,{icon:`fa-regular fa-user`,class:`icon`})]),e(`div`,X,[e(`p`,Z,n(u.$t(`distribution.title.inviteesCount`)),1),e(`p`,Q,n(u.inviteesCount),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goInvitees},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`level-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,ne,[e(`h4`,re,n(u.$t(`distribution.title.levelInfo`)),1),e(`div`,ie,[e(`div`,ae,[e(`p`,null,n(u.$t(`distribution.title.currentLevel`))+`: L`+n(u.distributionStatus?.level?.level),1),e(`p`,null,n(u.$t(`distribution.title.currentPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level]?.percentage)+`% `,1)]),e(`div`,oe,[e(`p`,null,n(u.$t(`distribution.title.nextLevel`))+`: L`+n(u.distributionStatus?.level?.level+1),1),e(`p`,null,n(u.$t(`distribution.title.nextPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level+1]?.percentage)+`% `,1)])]),r(S,{"text-inside":!0,"stroke-width":20,percentage:u.getPercentageForNextLevel(),class:`mb-2`},null,8,[`percentage`]),e(`p`,se,n(u.$t(`distribution.message.deltaPriceForNextLevel`))+`: $`+n(u.getDeltaForNextLevel()),1),r(C),u.distributionLevels?(l(),s(T,{key:0,data:u.distributionLevels,stripe:``},{default:c(()=>[r(w,{label:u.$t(`distribution.field.level`)},{default:c(t=>[e(`span`,ce,`L`+n(t.row?.level),1)]),_:1},8,[`label`]),r(w,{label:u.$t(`distribution.field.threshold`)},{default:c(t=>[e(`span`,le,`$`+n(t.row?.threshold),1)]),_:1},8,[`label`]),r(w,{label:u.$t(`distribution.field.percentage`)},{default:c(t=>[e(`span`,ue,n(t.row?.percentage)+`%`,1)]),_:1},8,[`label`])]),_:1},8,[`data`])):i(``,!0)]))]),_:1})]),_:1}),r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`distribution-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,de,[e(`h4`,fe,n(u.$t(`distribution.title.distributionLink`)),1),r(C),e(`div`,pe,[i(``,!0),e(`a`,{href:u.distributionLink,class:`link`},n(u.distributionLink),9,$),r(E,{content:u.distributionLink},null,8,[`content`])]),e(`div`,me,[u.distributionLink?(l(),s(D,{key:0,value:u.distributionLink,size:180,margin:2,class:`block mb-2 ml-auto mr-auto`,type:`image/png`,color:u.qrColor},null,8,[`value`,`color`])):i(``,!0),e(`p`,he,n(u.$t(`distribution.message.distributionQrDescription`)),1)]),e(`p`,ge,[t(n(u.$t(`distribution.message.distributionLinkDescription`))+` `,1),e(`span`,_e,[r(x,{effect:`dark`,content:u.$t(`distribution.message.distributionLinkDescription2`),placement:`top`},{default:c(()=>[t(n(u.$t(`distribution.message.technicalDetail`)),1)]),_:1},8,[`content`])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ye=b(M,[[`render`,ve],[`__scopeId`,`data-v-cb452d37`]]);export{ye as default};
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,I as t,Jt as n,L as r,M as i,N as a,at as o,j as s,mt as c,tt as l,z as u}from"./vendor-chart-Dw-P17PN.js";import{n as d,t as f}from"./table-Bn4kb5ML.js";import{t as p}from"./tooltip-CpUlXrrs.js";import{t as ee}from"./card-D-4S-l7a.js";import{n as m,t as h}from"./row-CVCTs90F.js";import{t as g}from"./divider-BNWJAaA2.js";import{t as _}from"./progress-BfXLGwWW.js";import{t as v}from"./skeleton-CoheJz5x.js";import{En as y,J as b,Or as x,Xi as S,_r as C,bt as w,gr as T,pn as E,rn as D,vr as O,vt as k}from"./index-C_zMaSTl.js";import{t as A}from"./index.es-BM-ykXwl.js";import{t as j}from"./CopyToClipboard-CWAv9J74.js";var M=u({name:`ConsoleDistributionList`,components:{CopyToClipboard:j,FontAwesomeIcon:A,QrCode:D,ElProgress:_,ElRow:h,ElCol:m,ElButton:S,ElDivider:g,ElCard:ee,ElTooltip:p,ElTable:f,ElTableColumn:d,ElSkeleton:v},data(){return{invitees:[],inviteesCount:void 0,distributionLevels:[],distributionLink:void 0,distributionStatus:void 0,loading:!1}},computed:{redirect(){return this.$route.query.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},qrColor(){let e=document.documentElement.classList.contains(`dark`);return{dark:e?`#ffffff`:`#000000`,light:e?`#1e1e1e`:`#ffffff`}},distributionLevelMap(){let e={};return this.distributionLevels.forEach(t=>{e[t.level]=t}),e}},watch:{page:{handler(){this.onFetchData()}}},async mounted(){this.onFetchData(),this.onGenerateDistributionLink()},methods:{getPriceString:E,goHistory(){this.$router.push({name:k})},goInvitees(){this.$router.push({name:w})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{page:e}})},getPercentageForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level]?.threshold,t=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor((this.distributionStatus?.price-e)/(t-e)*100)},getDeltaForNextLevel(){let e=this.distributionLevelMap[this.distributionStatus?.level?.level+1]?.threshold;return Math.floor(e-this.distributionStatus?.price)},async onFetchData(){this.loading=!0,await C.initialize(),Promise.all([this.onFetchDistributionStatus(),this.onFetchDistributionLevels(),this.onFetchInvitees()]).finally(()=>{this.loading=!1})},async onGenerateDistributionLink(){let e=`${window.location.origin}?inviter_id=${this.$store.getters.user.id}`;try{let t=(await O.create(e))?.data?.data?.url||e;this.distributionLink=y()?t.replace(`surl.id`,`share.acedata.cloud`):t}catch{this.distributionLink=e}},async onFetchDistributionStatus(){let{data:e}=await C.getAll({user_id:this.$store.getters.user.id});e.items&&e.items.length>0&&(this.distributionStatus=e.items[0])},async onFetchDistributionLevels(){let{data:e}=await T.getAll({limit:20,user_id:this.$store.getters.user.id});this.distributionLevels=e.items},async onFetchInvitees(){let{data:e}=await x.getInvitees({});this.invitees=e.items,this.inviteesCount=e.count}}}),N={class:`title`},P={key:1},F={class:`icon-wrapper`},I={class:`text-left`},L={class:`description`},R={class:`value`},z={key:1},B={class:`icon-wrapper`},V={class:`text-left`},H={class:`description`},U={class:`value`},W={key:1},G={class:`icon-wrapper`},K={class:`text-left`},q={class:`description`},te={class:`value`},J={key:1},Y={class:`icon-wrapper`},X={class:`text-left`},Z={class:`description`},Q={class:`value`},ne={key:1},re={class:`title`},ie={class:`clear-both overflow-hidden`},ae={class:`float-left description`},oe={class:`float-right description`},se={class:`description`},ce={class:`level`},le={class:`level`},ue={class:`level`},de={key:1},fe={class:`title`},pe={class:`link-wrapper text-center`},$=[`href`],me={class:`qr-wrapper ml-auto mr-auto`},he={class:`mt-0`},ge={class:`description`},_e={class:`more`};function ve(u,d,f,p,ee,m){let h=o(`el-col`),g=o(`el-row`),_=o(`el-skeleton`),v=o(`font-awesome-icon`),y=o(`el-button`),b=o(`el-card`),x=o(`el-tooltip`),S=o(`el-progress`),C=o(`el-divider`),w=o(`el-table-column`),T=o(`el-table`),E=o(`copy-to-clipboard`),D=o(`qr-code`);return l(),s(g,{class:`panel`},{default:c(()=>[r(h,{span:24},{default:c(()=>[r(g,null,{default:c(()=>[r(h,{span:24},{default:c(()=>[e(`h2`,N,n(u.$t(`common.title.distribution`)),1)]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,P,[e(`div`,F,[r(v,{icon:`fa-solid fa-wallet`,class:`icon`})]),e(`div`,I,[e(`p`,L,n(u.$t(`distribution.title.price`)),1),e(`p`,R,n(u.getPriceString({value:u.distributionStatus?.price})),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goHistory},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,z,[e(`div`,B,[r(v,{icon:`fa-solid fa-coins`,class:`icon`})]),e(`div`,V,[e(`p`,H,n(u.$t(`distribution.title.reward`)),1),e(`p`,U,n(u.getPriceString({value:u.distributionStatus?.reward})),1)]),r(x,{effect:`dark`,content:u.$t(`distribution.message.developingWithDrawal`),placement:`top`},{default:c(()=>[r(y,{type:`primary`,round:``,size:`small`,class:`btn`},{default:c(()=>[t(n(u.$t(`distribution.button.withdrawal`)),1)]),_:1})]),_:1},8,[`content`])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,W,[e(`div`,G,[r(v,{icon:`fa-solid fa-percent`,class:`icon`})]),e(`div`,K,[e(`p`,q,n(u.$t(`distribution.title.percentage`)),1),e(`p`,te,n(u.distributionStatus?.level?.percentage)+`%`,1)])]))]),_:1})]),_:1}),r(h,{md:6,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`item-mini mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,J,[e(`div`,Y,[r(v,{icon:`fa-regular fa-user`,class:`icon`})]),e(`div`,X,[e(`p`,Z,n(u.$t(`distribution.title.inviteesCount`)),1),e(`p`,Q,n(u.inviteesCount),1)]),r(y,{type:`primary`,round:``,size:`small`,class:`btn`,onClick:u.goInvitees},{default:c(()=>[t(n(u.$t(`distribution.button.detail`)),1)]),_:1},8,[`onClick`])]))]),_:1})]),_:1})]),_:1}),r(g,{gutter:15},{default:c(()=>[r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`level-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,ne,[e(`h4`,re,n(u.$t(`distribution.title.levelInfo`)),1),e(`div`,ie,[e(`div`,ae,[e(`p`,null,n(u.$t(`distribution.title.currentLevel`))+`: L`+n(u.distributionStatus?.level?.level),1),e(`p`,null,n(u.$t(`distribution.title.currentPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level]?.percentage)+`% `,1)]),e(`div`,oe,[e(`p`,null,n(u.$t(`distribution.title.nextLevel`))+`: L`+n(u.distributionStatus?.level?.level+1),1),e(`p`,null,n(u.$t(`distribution.title.nextPercentage`))+`: `+n(u.distributionLevelMap[u.distributionStatus?.level?.level+1]?.percentage)+`% `,1)])]),r(S,{"text-inside":!0,"stroke-width":20,percentage:u.getPercentageForNextLevel(),class:`mb-2`},null,8,[`percentage`]),e(`p`,se,n(u.$t(`distribution.message.deltaPriceForNextLevel`))+`: $`+n(u.getDeltaForNextLevel()),1),r(C),u.distributionLevels?(l(),s(T,{key:0,data:u.distributionLevels,stripe:``},{default:c(()=>[r(w,{label:u.$t(`distribution.field.level`)},{default:c(t=>[e(`span`,ce,`L`+n(t.row?.level),1)]),_:1},8,[`label`]),r(w,{label:u.$t(`distribution.field.threshold`)},{default:c(t=>[e(`span`,le,`$`+n(t.row?.threshold),1)]),_:1},8,[`label`]),r(w,{label:u.$t(`distribution.field.percentage`)},{default:c(t=>[e(`span`,ue,n(t.row?.percentage)+`%`,1)]),_:1},8,[`label`])]),_:1},8,[`data`])):i(``,!0)]))]),_:1})]),_:1}),r(h,{md:12,xs:24},{default:c(()=>[r(b,{shadow:`hover`,class:`distribution-info mb-4`},{default:c(()=>[u.loading?(l(),s(_,{key:0})):(l(),a(`div`,de,[e(`h4`,fe,n(u.$t(`distribution.title.distributionLink`)),1),r(C),e(`div`,pe,[i(``,!0),e(`a`,{href:u.distributionLink,class:`link`},n(u.distributionLink),9,$),r(E,{content:u.distributionLink},null,8,[`content`])]),e(`div`,me,[u.distributionLink?(l(),s(D,{key:0,value:u.distributionLink,size:180,margin:2,class:`block mb-2 ml-auto mr-auto`,type:`image/png`,color:u.qrColor},null,8,[`value`,`color`])):i(``,!0),e(`p`,he,n(u.$t(`distribution.message.distributionQrDescription`)),1)]),e(`p`,ge,[t(n(u.$t(`distribution.message.distributionLinkDescription`))+` `,1),e(`span`,_e,[r(x,{effect:`dark`,content:u.$t(`distribution.message.distributionLinkDescription2`),placement:`top`},{default:c(()=>[t(n(u.$t(`distribution.message.technicalDetail`)),1)]),_:1},8,[`content`])])])]))]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var ye=b(M,[[`render`,ve],[`__scopeId`,`data-v-cb452d37`]]);export{ye as default};

package/dist/assets/Index-Cvc8wGpC.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{A as e,C as t,Gt as n,I as r,Jt as i,L as a,M as o,N as s,T as c,at as l,ht as u,it as d,j as f,mt as p,qt as m,rt as h,tt as g,x as _,z as v}from"./vendor-chart-Dw-P17PN.js";import{t as y}from"./upload-BZf6dfKs.js";import{t as b}from"./tooltip-CpUlXrrs.js";import{t as x}from"./alert-CjWvi_14.js";import{t as S}from"./drawer-BuZZ_aaC.js";import{Dt as C,Et as w,St as T,Tt as E,wt as D,xt as ee}from"./constants-DgIJABTq.js";import{Hn as te,Ii as O,Ir as k,J as A,Si as j,Ti as M,Xi as N,cn as P,fn as F,ln as I,sn as L,un as R,xn as z}from"./index-C_zMaSTl.js";import{t as B}from"./index.es-BM-ykXwl.js";import{t as V}from"./CopyToClipboard-CWAv9J74.js";import{t as H}from"./FilePreview-CN4Fx4Xi.js";import{t as U}from"./ImagePreview-B1i4A6CJ.js";import{n as W}from"./taskDrawerMixin-DyAUhFEq.js";import{t as G}from"./Consumption-Dd9pOXfP.js";import{a as K,n as q,r as J,t as Y}from"./pagination-BM_xhv6e.js";import{t as X}from"./VideoPlayer-ePiO9_gl.js";import{t as Z}from"./ApiCodeButton-CM7BtdyA.js";import{t as Q}from"./BotPlaceholder-DB2Xrk_m.js";import{t as ne}from"./PromptTextarea-CQd8dTtu.js";var re=v({name:`LayoutOmni`,components:{ElDrawer:S,ElButton:N,FontAwesomeIcon:B},mixins:[W]}),ie={class:`main flex flex-row flex-1`},ae={class:`config w-[320px] flex-none h-full min-h-0 overflow-hidden flex flex-col bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},oe={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function se(t,n,r,i,o,c){let f=l(`font-awesome-icon`),m=l(`el-button`),h=l(`el-drawer`);return g(),s(`div`,ie,[e(`div`,ae,[d(t.$slots,`config`,{},void 0,!0)]),e(`div`,oe,[d(t.$slots,`result`,{},void 0,!0)]),u(a(m,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:p(()=>[a(f,{icon:`fa-solid fa-magic`})]),_:1},512),[[_,!t.tasksEmpty]]),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`generator-drawer`},{default:p(()=>[d(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var ce=A(re,[[`render`,se],[`__scopeId`,`data-v-2b5fac18`]]),le=v({name:`OmniPromptInput`,components:{PromptTextarea:ne},computed:{prompt:{get(){return this.$store.state.omni?.config?.prompt},set(e){this.$store.commit(`omni/setConfig`,{...this.$store.state.omni?.config,prompt:e})}}},mounted(){this.prompt||=``}});function ue(e,t,n,r,i,a){let o=l(`prompt-textarea`);return g(),f(o,{modelValue:e.prompt,"onUpdate:modelValue":t[0]||=t=>e.prompt=t,title:e.$t(`omni.name.prompt`),info:e.$t(`omni.description.prompt`),placeholder:e.$t(`omni.placeholder.prompt`),"min-rows":5},null,8,[`modelValue`,`title`,`info`,`placeholder`])}var de=A(le,[[`render`,ue]]),fe=v({name:`OmniResolutionSelector`,components:{InfoIcon:K},data(){return{options:[{value:C,label:`720p`},{value:w,label:`1080p`}]}},computed:{value:{get(){return this.$store.state.omni?.config?.resolution},set(e){this.$store.commit(`omni/setConfig`,{...this.$store.state.omni?.config,resolution:e})}}},mounted(){this.value||=T}}),pe={class:`resolution`},me={class:`header`},he={class:`title font-bold`},ge={class:`items`},_e=[`onClick`];function ve(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,pe,[e(`div`,me,[e(`h2`,he,i(t.$t(`omni.name.resolution`)),1),a(p,{content:t.$t(`omni.description.resolution`),class:`info`},null,8,[`content`])]),e(`div`,ge,[(g(!0),s(c,null,h(t.options,e=>(g(),s(`div`,{key:e.value,class:n([`item`,{active:t.value===e.value}]),onClick:n=>t.value=e.value},i(e.label),11,_e))),128))])])}var ye=A(fe,[[`render`,ve],[`__scopeId`,`data-v-1f9abe29`]]),be=v({name:`OmniRatioSelector`,components:{InfoIcon:K},computed:{options(){return[{value:D,label:`16:9`,w:32,h:18},{value:E,label:`9:16`,w:18,h:32}]},value:{get(){return this.$store.state.omni?.config?.aspect_ratio},set(e){this.$store.commit(`omni/setConfig`,{...this.$store.state.omni?.config,aspect_ratio:e})}}},mounted(){this.value||=ee}}),xe={class:`ratio`},Se={class:`header`},Ce={class:`title font-bold`},we={class:`items`},Te=[`onClick`],Ee={class:`preview`},De={class:`name`};function Oe(t,r,o,u,d,f){let p=l(`info-icon`);return g(),s(`div`,xe,[e(`div`,Se,[e(`h2`,Ce,i(t.$t(`omni.name.ratio`)),1),a(p,{content:t.$t(`omni.description.ratio`),class:`info`},null,8,[`content`])]),e(`div`,we,[(g(!0),s(c,null,h(t.options,r=>(g(),s(`div`,{key:r.value,class:n([`item`,{active:t.value===r.value}]),onClick:e=>t.value=r.value},[e(`div`,Ee,[e(`div`,{class:`rect`,style:m({width:r.w+`px`,height:r.h+`px`})},null,4)]),e(`div`,De,i(r.label),1)],10,Te))),128))])])}var ke=A(be,[[`render`,Oe],[`__scopeId`,`data-v-1c0c1511`]]),Ae=4,je=v({name:`OmniReferenceImagesInput`,components:{ElUpload:y,ElButton:N,InfoIcon:K,ImagePreview:U,FontAwesomeIcon:B},mixins:[R,P],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`,limit:Ae,suppressWatch:!1}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url).filter(e=>!!e)||[]},value(){return this.$store.state.omni?.config?.image_urls}},watch:{value:{immediate:!0,handler(e){if(this.suppressWatch)return;if(!e||e.length===0){let e=(this.fileList||[]).filter(e=>!e?.response?.file_url);this.fileList=e.length?e:[];return}let t=[];e.forEach(e=>{let n=this.fileList.find(t=>t?.response?.file_url===e||t?.url===e);n?t.push(n):t.push({name:e.split(`/`).pop()||e,url:e,status:`success`,percentage:100,response:{file_url:e}})}),(this.fileList||[]).filter(e=>!e?.response?.file_url).forEach(e=>{t.some(t=>t===e||t?.url===e?.url||t?.response?.file_url===e?.response?.file_url)||t.push(e)}),this.fileList=t}}},methods:{onChange(e){if(!e?.url&&e?.raw)try{e.url=URL.createObjectURL(e.raw)}catch{}},onRemove(e){if(e?.url&&typeof e.url==`string`&&e.url.startsWith(`blob:`))try{URL.revokeObjectURL(e.url)}catch{}this.onSetReferenceImages()},onExceed(){O.warning(this.$t(`omni.message.uploadReferenceExceed`))},onError(){O.error(this.$t(`omni.message.uploadError`))},onSetReferenceImages(){let e=this.urls;this.suppressWatch=!0,this.$store.commit(`omni/setConfig`,{...this.$store.state.omni?.config,image_urls:e.length?e:void 0}),this.$nextTick(()=>{this.suppressWatch=!1})},async onSuccess(e,t){e?.file_url&&(t.url=e.file_url,t.response=e),this.onSetReferenceImages()},onRemovePreview(e,t){if(this.fileList.splice(e,1),t?.url&&typeof t.url==`string`&&t.url.startsWith(`blob:`))try{URL.revokeObjectURL(t.url)}catch{}this.onSetReferenceImages()}}}),Me={class:`field flex items-center justify-between`},Ne={class:`title font-bold text-[14px] mb-[10px]`},Pe={class:`upload-wrapper flex flex-col items-start gap-[8px]`},Fe={class:`controls flex items-center`},Ie={class:`file-list flex flex-wrap gap-[10px]`};function Le(t,n,o,u,d,m){let _=l(`font-awesome-icon`),v=l(`el-button`),y=l(`el-upload`),b=l(`info-icon`),x=l(`image-preview`);return g(),s(c,null,[e(`div`,Me,[e(`h2`,Ne,i(t.$t(`omni.name.referenceImages`)),1),e(`div`,Pe,[e(`div`,Fe,[a(y,{ref:`uploader`,"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value`,limit:t.limit,multiple:!0,"show-file-list":!1,action:t.uploadUrl,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,"on-change":t.onChange,"on-remove":t.onRemove,headers:t.headers},{default:p(()=>[a(v,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(_,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`omni.button.upload`)),1)]),_:1})]),_:1},8,[`file-list`,`limit`,`action`,`on-exceed`,`on-error`,`on-success`,`on-change`,`on-remove`,`headers`]),a(b,{content:t.$t(`omni.description.referenceImages`),class:`ml-2`},null,8,[`content`])])])]),e(`div`,Ie,[(g(!0),s(c,null,h(t.fileList,(e,n)=>(g(),f(x,{key:e.uid||e?.response?.file_url||e.url||n,url:e.url||e?.response?.file_url,name:e.name,percentage:e.percentage,onRemove:r=>t.onRemovePreview(n,e)},null,8,[`url`,`name`,`percentage`,`onRemove`]))),128))])],64)}var Re=A(je,[[`render`,Le]]),ze=v({name:`OmniVideoInput`,components:{ElUpload:y,ElButton:N,InfoIcon:K,FilePreview:H,FontAwesomeIcon:B},mixins:[P],data(){return{fileList:[],uploadUrl:M()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},videoUrl(){return this.$store.state.omni?.config?.video_urls?.[0]},videoName(){let e=this.videoUrl||``;return e.split(`/`).pop()||e}},methods:{onExceed(){O.warning(this.$t(`omni.message.uploadVideoExceed`))},onError(){O.error(this.$t(`omni.message.uploadVideoError`))},beforeUpload(e){let t=e.type===`video/mp4`||e.type===`video/quicktime`,n=e.size/1024/1024<200;return t?n?!0:(O.error(this.$t(`omni.message.uploadVideoSizeExceed`)),!1):(O.error(this.$t(`omni.message.uploadVideoTypeFailed`)),!1)},setVideoUrls(e){this.$store.commit(`omni/setConfig`,{...this.$store.state.omni?.config,video_urls:e?[e]:void 0})},onRemove(){this.fileList=[],this.setVideoUrls(void 0)},async onSuccess(e,t){let n=e?.file_url||t?.response?.file_url;this.setVideoUrls(n||void 0)}}}),Be={class:`field flex items-center justify-between`},Ve={class:`title font-bold text-[14px] mb-[10px]`},He={class:`upload-wrapper flex flex-col items-start gap-[8px]`},Ue={class:`controls flex items-center`},We={key:0,class:`file-list flex flex-wrap gap-[10px]`};function Ge(t,n,u,d,f,m){let h=l(`font-awesome-icon`),_=l(`el-button`),v=l(`el-upload`),y=l(`info-icon`),b=l(`file-preview`);return g(),s(c,null,[e(`div`,Be,[e(`h2`,Ve,i(t.$t(`omni.name.referenceVideo`)),1),e(`div`,He,[e(`div`,Ue,[a(v,{"file-list":t.fileList,"onUpdate:fileList":n[0]||=e=>t.fileList=e,accept:`.mp4,.mov`,name:`file`,class:`value`,"show-file-list":!1,limit:1,multiple:!1,action:t.uploadUrl,"before-upload":t.beforeUpload,"on-exceed":t.onExceed,"on-error":t.onError,"on-success":t.onSuccess,headers:t.headers},{default:p(()=>[a(_,{size:`small`,type:`primary`,round:``},{default:p(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),r(` `+i(t.$t(`omni.button.uploadVideo`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`before-upload`,`on-exceed`,`on-error`,`on-success`,`headers`]),a(y,{content:t.$t(`omni.description.referenceVideo`),class:`ml-2`},null,8,[`content`])])])]),t.videoUrl?(g(),s(`div`,We,[a(b,{url:t.videoUrl,name:t.videoName,percentage:100,onRemove:t.onRemove},null,8,[`url`,`name`,`onRemove`])])):o(``,!0)],64)}var Ke=v({name:`OmniConfigPanel`,components:{ElButton:N,FontAwesomeIcon:B,PromptInput:de,ResolutionSelector:ye,RatioSelector:ke,ReferenceImagesInput:Re,VideoInput:A(ze,[[`render`,Ge],[`__scopeId`,`data-v-4fb6a4c6`]]),Consumption:G},emits:[`generate`],computed:{config(){return this.$store.state.omni?.config},consumption(){return F(this.config,this.service?.cost)},service(){return this.$store.state.omni?.service}},methods:{onGenerate(){this.$emit(`generate`)}}}),qe={class:`flex flex-col h-full`},Je={class:`flex-1 overflow-y-auto p-5`},Ye={class:`flex flex-col items-center justify-center px-5 pb-5`};function Xe(t,n,o,c,u,d){let f=l(`prompt-input`),m=l(`ratio-selector`),h=l(`resolution-selector`),_=l(`reference-images-input`),v=l(`video-input`),y=l(`consumption`),b=l(`font-awesome-icon`),x=l(`el-button`);return g(),s(`div`,qe,[e(`div`,Je,[a(f,{class:`mb-4`}),a(m,{class:`mb-4`}),a(h,{class:`mb-4`}),a(_,{class:`mb-4`}),a(v,{class:`mb-4`})]),e(`div`,Ye,[a(y,{value:t.consumption,service:t.service},null,8,[`value`,`service`]),a(x,{type:`primary`,class:`btn w-full`,round:``,onClick:t.onGenerate},{default:p(()=>[a(b,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+i(t.$t(`omni.button.generate`)),1)]),_:1},8,[`onClick`])])])}var Ze=A(Ke,[[`render`,Xe]]),Qe=v({name:`OmniTaskPreview`,components:{CopyToClipboard:V,FontAwesomeIcon:B,ElAlert:x,VideoPlayer:X,ElTooltip:b,ElButton:N,ImagePreview:U,ApiCodeButton:Z},props:{modelValue:{type:Object,required:!0}},data(){return{nowTs:Date.now(),timer:0}},computed:{video(){return this.modelValue?.response?.data?.[0]},inputImage(){return this.modelValue?.request?.image_urls?.[0]},pendingElapsed(){let e=parseFloat((this.modelValue?.created_at||``).toString());if(e)return Math.max(0,Math.floor(this.nowTs/1e3-e))}},watch:{"modelValue.response":{handler(e){e&&this.stopTimer()}}},mounted(){this.modelValue?.response||(this.timer=window.setInterval(()=>{this.nowTs=Date.now()},1e3))},beforeUnmount(){this.stopTimer()},methods:{stopTimer(){this.timer&&=(window.clearInterval(this.timer),0)},onDownload(e){window.open(e,`_blank`)}}}),$e={class:`preview`},et={class:`left`},tt={class:`main`},nt={class:`bot`},rt={class:`datetime`},it={class:`info`},at={key:0,class:`flex justify-start items-center gap-2 mt-2 w-full overflow-x-auto`},ot={key:1,class:`prompt mt-2`},st={key:0},ct={key:1},lt={key:0,class:n({content:!0})},ut={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},dt={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},ft={key:1,class:n({content:!0})},pt={key:0,class:`mb-4`},mt={key:1,class:n({operations:!0,"mt-2":!0,"mb-2":!0})},ht={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},gt={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},_t={key:0},vt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},yt={key:2,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},$={key:3,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},bt={key:2,class:n({content:!0})},xt={class:`text-[var(--el-text-color-regular)] text-xs mb-2`},St={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},Ct={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},wt={key:3,class:n({content:!0})},Tt={class:`text-[var(--el-text-color-regular)] text-xs mb-0`};function Et(n,c,u,d,f,m){let h=l(`capability-presentation`),_=l(`image-preview`),v=l(`font-awesome-icon`),y=l(`copy-to-clipboard`),b=l(`el-alert`),x=l(`video-player`),S=l(`el-button`),C=l(`el-tooltip`),w=l(`api-code-button`);return g(),s(`div`,$e,[e(`div`,et,[a(h,{capability:`omni`,part:`avatar`,class:`avatar`})]),e(`div`,tt,[e(`div`,nt,[a(h,{capability:`omni`,part:`name`}),e(`span`,rt,i(n.$dayjs.format(``+new Date(parseFloat((n.modelValue?.created_at||``).toString())*1e3))),1)]),e(`div`,it,[n.inputImage?(g(),s(`div`,at,[a(_,{url:n.inputImage,name:`image`,closable:!1},null,8,[`url`])])):o(``,!0),n.modelValue?.request?.prompt?(g(),s(`p`,ot,[r(i(n.modelValue?.request?.prompt)+` `,1),n.modelValue?.response?n.video?.state===`processing`||n.video?.state===`pending`?(g(),s(`span`,ct,` - (`+i(n.$t(`omni.status.processing`))+`) `,1)):o(``,!0):(g(),s(`span`,st,` - (`+i(n.$t(`omni.status.pending`))+`) `,1))])):o(``,!0)]),n.modelValue?.response?n.modelValue?.response?.success===!0?(g(),s(`div`,ft,[n.video?.video_url?(g(),s(`div`,pt,[a(x,{src:n.video?.video_url},null,8,[`src`])])):o(``,!0),n.video?.video_url?(g(),s(`div`,mt,[a(C,{class:`box-item`,effect:`dark`,content:n.$t(`omni.message.downloadVideo`),placement:`top-start`},{default:p(()=>[a(S,{type:`info`,size:`small`,class:`btn-action`,onClick:c[0]||=t(e=>n.onDownload(n.video?.video_url),[`stop`])},{default:p(()=>[r(i(n.$t(`omni.button.download`)),1)]),_:1})]),_:1},8,[`content`]),a(w,{path:`/gemini/videos`,body:n.modelValue?.request},null,8,[`body`])])):o(``,!0),a(b,{closable:!1,class:`mt-2 success`},{default:p(()=>[n.modelValue?.request?.model?(g(),s(`p`,ht,[a(v,{icon:`fa-solid fa-cube`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.model`))+`: `+i(n.modelValue?.request?.model),1)])):o(``,!0),n.modelValue?.request?.resolution?(g(),s(`p`,gt,[a(v,{icon:`fa-solid fa-expand`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.resolution`))+`: `+i(n.modelValue?.request?.resolution)+` `,1),n.modelValue?.request?.aspect_ratio?(g(),s(`span`,_t,` · `+i(n.modelValue?.request?.aspect_ratio),1)):o(``,!0)])):o(``,!0),e(`p`,vt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.elapsed?(g(),s(`p`,yt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.elapsed`))+`: `+i(n.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,$,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):n.modelValue?.response?.success===!1?(g(),s(`div`,bt,[a(b,{closable:!1,class:`failure`},{template:p(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.failure`)),1)]),default:p(()=>[e(`p`,xt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.modelValue?.response?.error?.message?(g(),s(`p`,St,[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.failureReason`))+`: `+i(n.modelValue?.response?.error?.message)+` `,1),a(y,{content:n.modelValue?.response?.error?.message,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0),n.modelValue?.response?.trace_id?(g(),s(`p`,Ct,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.traceId`))+`: `+i(n.modelValue?.response?.trace_id)+` `,1),a(y,{content:n.modelValue?.response?.trace_id,class:`btn-copy inline-block`},null,8,[`content`])])):o(``,!0)]),_:1})])):(g(),s(`div`,wt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.status`)),1)]),default:p(()=>[e(`p`,Tt,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])])]),_:1})])):(g(),s(`div`,lt,[a(b,{closable:!1,class:`info`},{template:p(()=>[a(v,{icon:`fa-regular fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`omni.status.pending`)),1)]),default:p(()=>[e(`p`,ut,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.taskId`))+`: `+i(n.modelValue?.id)+` `,1),a(y,{content:n.modelValue?.id,class:`btn-copy inline-block`},null,8,[`content`])]),n.pendingElapsed===void 0?o(``,!0):(g(),s(`p`,dt,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(` `+i(n.$t(`omni.name.elapsed`))+`: `+i(n.pendingElapsed)+`s `,1)]))]),_:1})]))])])}var Dt=v({name:`OmniRecentPanel`,components:{TaskPreview:A(Qe,[[`render`,Et],[`__scopeId`,`data-v-e3eee3d5`]]),BotPlaceholder:Q,NoTasks:J,ScrollList:q},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],computed:{tasks(){return{...this.$store.state.omni?.tasks,items:this.$store.state.omni?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),Ot={key:0},kt={key:2,class:`w-full h-full flex items-center justify-center`};function At(e,t,n,r,i,u){let d=l(`bot-placeholder`),m=l(`task-preview`),_=l(`scroll-list`),v=l(`no-tasks`);return g(),s(c,null,[e.tasks?.items===void 0?(g(),s(`div`,Ot,[a(d)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(g(),f(_,{key:1,ref:`scrollList`,class:`tasks w-full h-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:p(()=>[(g(!0),s(c,null,h(e.tasks?.items,e=>(g(),f(m,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):o(``,!0),e.tasks?.items?.length===0?(g(),s(`div`,kt,[a(v)])):o(``,!0)],64)}var jt=v({name:`OmniIndex`,components:{ConfigPanel:Ze,Layout:ce,RecentPanel:A(Dt,[[`render`,At]])},mixins:[I],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.omni?.status?.getApplications===j.Request},tasksLoading(){return this.$store.state.omni?.status?.getTasks===j.Request||this.fetchingTasks},credential(){return this.$store.state.omni?.credential},config(){return this.$store.state.omni?.config},tasks(){return this.$store.state.omni?.tasks}},watch:{initialized:{async handler(e){e&&(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 Y({tasks: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(){await this.$store.dispatch(`omni/getService`)},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks)return;let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};this.fetchingTasks=!0;try{await this.$store.dispatch(`omni/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!L(this.uploadTracker,e=>this.$t(e),e=>O.warning(e)))return;let e={...this.config||{}};if(typeof e?.prompt==`string`&&(e.prompt=e.prompt.trim(),e.prompt||delete e.prompt),Array.isArray(e?.image_urls)&&(e.image_urls=e.image_urls.filter(e=>typeof e==`string`&&e.trim()),e.image_urls.length||delete e.image_urls),Array.isArray(e?.video_urls)&&(e.video_urls=e.video_urls.filter(e=>typeof e==`string`&&e.trim()),e.video_urls.length||delete e.video_urls),!e?.prompt){O.warning(this.$t(`omni.message.promptRequired`));return}if(e?.video_urls&&!e?.image_urls){O.warning(this.$t(`omni.message.videoRequiresImage`));return}let t={...e,async:!0};if(!z())return;let n=this.credential?.token;if(!n){console.error(`no token specified`);return}O.info(this.$t(`omni.message.startingTask`)),k(`omni`,te.generate(t,{token:n})).then(()=>{O.success(this.$t(`omni.message.startTaskSuccess`))}).catch(e=>{let t=e?.response?.data;t?.error?.code===`used_up`?O.error(this.$t(`omni.message.usedUp`)):O.error(this.$t(`omni.message.startTaskFailed`)+(t?.error?.message||``))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mt(e,t,n,r,i,o){let s=l(`config-panel`),c=l(`recent-panel`),u=l(`layout`);return g(),f(u,null,{config:p(()=>[a(s,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:p(()=>[a(c,{ref:`recentPanel`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Nt=A(jt,[[`render`,Mt]]);export{Nt as default};