@acedatacloud/nexior 3.258.3 → 3.258.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{ApiCodeButton-DWWyWWHN.js → ApiCodeButton-B2l4sY7h.js} +1 -1
- package/dist/assets/{Auth-Dq72713V.js → Auth-D8LrMpC_.js} +1 -1
- package/dist/assets/{BotPlaceholder-DnAxJoW-.js → BotPlaceholder-Dd8zEJxY.js} +1 -1
- package/dist/assets/{Callback-D4EeL1wv.js → Callback-DH3he1Y_.js} +1 -1
- package/dist/assets/{Console-BUsqJKTa.js → Console-BduhDRGB.js} +1 -1
- package/dist/assets/{Consumption-CgJpe5JZ.js → Consumption-DpE91zpd.js} +1 -1
- package/dist/assets/{Conversation-CBGOJ1hi.js → Conversation-DumU28hu.js} +1 -1
- package/dist/assets/{CopyToClipboard-DlQDQn2X.js → CopyToClipboard-iiCeJbY4.js} +1 -1
- package/dist/assets/{Detail-CCgzMX77.js → Detail-BepyI-M8.js} +2 -2
- package/dist/assets/{Extra-DQpkmu-w.js → Extra-D3srIR-V.js} +1 -1
- package/dist/assets/{FilePreview-B3qCVUyW.js → FilePreview-L4x0zLih.js} +1 -1
- package/dist/assets/{Hailuo-CjgkAj-I.js → Hailuo-DPNrpD8e.js} +1 -1
- package/dist/assets/{History-BIGx02sm.js → History-Bb-efz7-.js} +1 -1
- package/dist/assets/{ImagePreview-oOSFBbSq.js → ImagePreview-BbK_HGTQ.js} +1 -1
- package/dist/assets/{ImageWrapper-DVUWJVKg.js → ImageWrapper-DXp5GBjP.js} +1 -1
- package/dist/assets/{Index-CNK67eB9.js → Index-0xCfFD7t.js} +1 -1
- package/dist/assets/{Index-DdaG2txf.js → Index-BBV-eQy8.js} +1 -1
- package/dist/assets/{Index-BJQXSa0Y.js → Index-BH17uI0C.js} +1 -1
- package/dist/assets/{Index-CV17ur8N.js → Index-BI5r_JzS.js} +1 -1
- package/dist/assets/{Index-BEG7IpjF.js → Index-BU7VENcX.js} +1 -1
- package/dist/assets/{Index-0F3LztzT.js → Index-Bc7_qER6.js} +1 -1
- package/dist/assets/{Index-kf9bvld1.js → Index-C-XR3H0z.js} +1 -1
- package/dist/assets/{Index-DXazbKeK.js → Index-C7N2QP1b.js} +1 -1
- package/dist/assets/{Index-Qj6o92PA.js → Index-CUao-3KK.js} +1 -1
- package/dist/assets/{Index-DsmM6aMM2.js → Index-CiAnxTZe2.js} +1 -1
- package/dist/assets/{Index-CClqWkQO.js → Index-Cuh1xlon.js} +1 -1
- package/dist/assets/{Index-CVOeihfS.js → Index-CxGW5F3B.js} +1 -1
- package/dist/assets/{Index-2Ufy7pz52.js → Index-DMEJvnAr2.js} +1 -1
- package/dist/assets/{Index-CVxjI38U.js → Index-DOZmr9PP.js} +1 -1
- package/dist/assets/{Index-9p2GvkpR.js → Index-DjjcDp8s.js} +1 -1
- package/dist/assets/{Index-Dt3QRCWn.js → Index-DkUoeVcp.js} +1 -1
- package/dist/assets/{Index-BGSFVkWE.js → Index-DtQBa26j.js} +1 -1
- package/dist/assets/{Index-DKn8fKfN.js → Index-PAEHZhMt.js} +1 -1
- package/dist/assets/{Index-CBhEDkW2.js → Index-SJc15a84.js} +1 -1
- package/dist/assets/{Index-sUlK9zzU.js → Index-ljoDhjow.js} +1 -1
- package/dist/assets/{Index-DynzWCOu.js → Index-mBXNjCWi.js} +1 -1
- package/dist/assets/{Index-BMA45Isp2.js → Index-twW0bIHP2.js} +1 -1
- package/dist/assets/{Index-BOHeyaIg.js → Index-ypTbWxgQ.js} +1 -1
- package/dist/assets/{Index-Dq9BS_l_.js → Index-zEIDZoaK.js} +1 -1
- package/dist/assets/{Index-DMcsQfRP.js → Index-zTeiGx2s.js} +1 -1
- package/dist/assets/{Invitees-M2VKrffi.js → Invitees-CHhqQaMW.js} +1 -1
- package/dist/assets/{List-BtsOdHgI.js → List-BYf5afee.js} +1 -1
- package/dist/assets/{List-CLDNPp5d.js → List-CgX26kOG.js} +1 -1
- package/dist/assets/{List-DMf6uIPN.js → List-DjFN53_R.js} +1 -1
- package/dist/assets/{Main-C8xzqPAt.js → Main-BoqJBC-B.js} +1 -1
- package/dist/assets/{Model-CPFW7OmN.js → Model-C6PRJVd0.js} +1 -1
- package/dist/assets/{Navigator-DhZrbKtV.js → Navigator-BxCYjX1e.js} +1 -1
- package/dist/assets/{NoTasks-DFAxn1jN.js → NoTasks-W7aQUGOX.js} +1 -1
- package/dist/assets/{NotFound-BIutbTTH.js → NotFound-CIlRU-1h.js} +1 -1
- package/dist/assets/{Pagination-D773R3LM.js → Pagination-DYVnAUwY.js} +1 -1
- package/dist/assets/{Pay-DN0EZnK3.js → Pay-Df7S2mUw.js} +1 -1
- package/dist/assets/{Player-DGkM_MFs.js → Player-38l3vbY5.js} +1 -1
- package/dist/assets/Status-Cw5oPTwz.js +1 -0
- package/dist/assets/{Status-IpPBRoFm.css → Status-vxUmkSa3.css} +1 -1
- package/dist/assets/{Subscribe-lBa17i7_.js → Subscribe-Cu8YATp6.js} +1 -1
- package/dist/assets/{TabSwitcher-DYiVZNxF.js → TabSwitcher-BWuXBaZf.js} +1 -1
- package/dist/assets/{Tts-DIeMXL8T.js → Tts-DYoreedr.js} +1 -1
- package/dist/assets/{VideoPlayer-B201-zni.js → VideoPlayer-BcKoFkt2.js} +1 -1
- package/dist/assets/{avatar-8cNVXDDg.js → avatar-CswcYLxs.js} +1 -1
- package/dist/assets/{basic-Cs2ye2bw.js → basic-BP1oT7BY.js} +1 -1
- package/dist/assets/{chat-d7wJwgfd.js → chat-FYWTqZsU.js} +1 -1
- package/dist/assets/{codingBridge-CqgIFqBX.js → codingBridge-CDKPYZ4a.js} +1 -1
- package/dist/assets/{createTaskActions-CycCMRun.js → createTaskActions-BQ-aSJVj.js} +1 -1
- package/dist/assets/{date-picker-CN_3WQD3.js → date-picker-BAqcD-Wg.js} +1 -1
- package/dist/assets/{dropdown-elreTO4t.js → dropdown-Co7lDTnF.js} +1 -1
- package/dist/assets/{esm-DLChIm_c.js → esm-C4i2DAUa.js} +1 -1
- package/dist/assets/{esm-DL0sc3Me.js → esm-Cf2Kud26.js} +2 -2
- package/dist/assets/{esm-Dm-w5lAl.js → esm-CpQajD_h.js} +3 -3
- package/dist/assets/{esm-CAxfk5cZ.js → esm-DuCDLHoq.js} +1 -1
- package/dist/assets/{esm-B_5JHx2w.js → esm-EZLyRzYE.js} +1 -1
- package/dist/assets/{fish-CPFAgNQo.js → fish-BT2_be7l.js} +1 -1
- package/dist/assets/{flux-Bw_574Jp.js → flux-BclpClj7.js} +1 -1
- package/dist/assets/{hailuo-BVCCNv4h.js → hailuo-Y-scwwig.js} +1 -1
- package/dist/assets/{headshots-BDK1lBy_.js → headshots-DiiX6Iky.js} +1 -1
- package/dist/assets/{image-i85Z4eMK.js → image-D9DCBoK1.js} +1 -1
- package/dist/assets/{index-Pkocn9HX.js → index-DJri8swR.js} +3 -3
- package/dist/assets/{index.browser.esm-uLLF9g5Y.js → index.browser.esm-D5Ae3WgS.js} +1 -1
- package/dist/assets/{index.es-xnQvB_ZB.js → index.es-DU_1oGwZ.js} +1 -1
- package/dist/assets/{input-number-D5cLl9jn.js → input-number-C_RzLIuB.js} +1 -1
- package/dist/assets/{kling-C6MnvLKO.js → kling-BBQZ93Dy.js} +1 -1
- package/dist/assets/{luma-CRcYLY4m.js → luma-DDp0e5Zi.js} +1 -1
- package/dist/assets/{midjourney-C98klwlJ.js → midjourney-8rfXPSG-.js} +1 -1
- package/dist/assets/{nanobanana-4hZopsrb.js → nanobanana-C8D4Sp-A.js} +1 -1
- package/dist/assets/{openaiimage-EilYa1qp.js → openaiimage-DFeuj6yG.js} +1 -1
- package/dist/assets/{pagination-BSLJqaJF.js → pagination-BOw_ac_B.js} +1 -1
- package/dist/assets/{pika-BOjoFFXi.js → pika-Du2uOPdA.js} +1 -1
- package/dist/assets/{pixverse-Zj2y4fSK.js → pixverse-CqLExG2M.js} +1 -1
- package/dist/assets/{popover-CW8sc49t.js → popover-_I2uBjba.js} +1 -1
- package/dist/assets/{producer-BBybcaXY.js → producer-yEBdue9E.js} +1 -1
- package/dist/assets/{qrart-CDZM4Vds.js → qrart-ClPB_6gJ.js} +1 -1
- package/dist/assets/{seedance-CfC7Gz7_.js → seedance-C41O5QvV.js} +1 -1
- package/dist/assets/{seedream-D4eXNj4U.js → seedream-BkvvuubJ.js} +1 -1
- package/dist/assets/{select-BuRXzMWt.js → select-BYVaaZev.js} +1 -1
- package/dist/assets/{serp-B4NxGaUM.js → serp-CePYUOcY.js} +1 -1
- package/dist/assets/{slider-DWMmWa5F.js → slider-DEYGehLw.js} +1 -1
- package/dist/assets/{solana-wallets-D4DXCjle.js → solana-wallets-idKgKkAy.js} +2 -2
- package/dist/assets/{solana-wallets-vue-DwtG_a5b.js → solana-wallets-vue-g0Ovwp7A.js} +1 -1
- package/dist/assets/{sora-BwXT1EDo.js → sora-DIzhgTvR.js} +1 -1
- package/dist/assets/{suno-Bq0gkXRv.js → suno-DS9k0PmU.js} +1 -1
- package/dist/assets/{switch-BaBB7pMU.js → switch-Bzrgl4uF.js} +1 -1
- package/dist/assets/{veo-BMP1xGYA.js → veo-BvrzIgCf.js} +1 -1
- package/dist/assets/{wan-CQGz46lZ.js → wan-pRntCUXj.js} +1 -1
- package/dist/assets/{web-Dx4Ma0TB.js → web-DEMx7nwx.js} +1 -1
- package/dist/assets/{web-CXEU9S_a.js → web-DILmUl4q.js} +1 -1
- package/dist/assets/{web-B-t5EaYh.js → web-DOXq4AV2.js} +1 -1
- package/dist/assets/{web-BIdOI5D9.js → web-Dwp0lRE9.js} +1 -1
- package/dist/assets/{webextrator-BKigcIYj.js → webextrator-C6Nt4AQ8.js} +1 -1
- package/dist/index.html +1 -1
- package/package.json +1 -1
- package/dist/assets/Status-Df3L5Y9p.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{r as _,t as v}from"./select-BuRXzMWt.js";import{t as y}from"./upload-B8zBOx3w.js";import{t as b}from"./image-i85Z4eMK.js";import{t as x}from"./alert-Bgv5POrX.js";import{n as S,r as C}from"./radio-DNLlMkjf.js";import{t as w}from"./drawer-BhAAsvLB.js";import{t as T}from"./slider-DWMmWa5F.js";import{t as E}from"./switch-BaBB7pMU.js";import{$n as D,Vr as O,er as k,nr as A,rr as j,tr as M}from"./constants-SseKgNeZ.js";import{Cn as N,Ct as P,Dt as F,On as I,Or as L,S as R,St as z,Tt as B,dr as V,ln as ee,mr as te,wt as H,xr as U}from"./index-Pkocn9HX.js";import{t as W}from"./index.es-xnQvB_ZB.js";import{t as G}from"./CopyToClipboard-DlQDQn2X.js";import{t as K}from"./Status-Df3L5Y9p.js";import{t as q}from"./ImagePreview-oOSFBbSq.js";import{t as J}from"./BotPlaceholder-DnAxJoW-.js";import{i as Y,n as X,t as Z}from"./pagination-BSLJqaJF.js";import{n as Q,t as ne}from"./NoTasks-DFAxn1jN.js";import{t as re}from"./Consumption-CgJpe5JZ.js";import{t as ie}from"./ApiCodeButton-DWWyWWHN.js";import{t as ae}from"./ImageWrapper-DVUWJVKg.js";var oe=c({name:`LayoutQrart`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:W},data(){return{drawer:!1}}}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,se,[r(`div`,ce,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,le,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=R(oe,[[`render`,ue],[`__scopeId`,`data-v-0eb52da0`]]),fe=c({name:`VersionSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{label:this.$t(`qrart.type.text`),value:`text`},{label:this.$t(`qrart.type.link`),value:`link`},{label:this.$t(`qrart.type.email`),value:`email`},{label:this.$t(`qrart.type.phone`),value:`phone`},{label:this.$t(`qrart.type.sms`),value:`sms`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug(`set type`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||=(console.debug(`set default type`,j),j)}}),pe={class:`field`},me={class:`text-sm font-bold title`};function he(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,pe,[r(`span`,me,u(e.$t(`qrart.name.type`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=R(fe,[[`render`,he],[`__scopeId`,`data-v-b4bd8f04`]]),_e=c({name:`AspectRatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:30,height:30},{value:`4:3`,label:`4:3`,width:32,height:24},{value:`3:4`,label:`3:4`,width:24,height:32},{value:`16:9`,label:`16:9`,width:32,height:18},{value:`9:16`,label:`9:16`,width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug(`set aspect ratio`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),ve={class:`text-sm font-bold block mb-2`},ye={class:`items`},be=[`onClick`],xe={class:`name`};function Se(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,ve,u(e.$t(`qrart.name.aspectRatio`)),1),r(`div`,ye,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,xe,u(n.label),1)],10,be))),128))])])}var Ce=R(_e,[[`render`,Se],[`__scopeId`,`data-v-b7590ecc`]]),we=c({name:`QrwSelector`,components:{ElSlider:T,InfoIcon:Y},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||2},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||=(console.debug(`set default qrw`),2)}}),Te={class:`field`},Ee={class:`text-sm font-bold title mb-2`};function De(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Te,[r(`span`,Ee,u(e.$t(`qrart.name.qrw`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var Oe=R(we,[[`render`,De],[`__scopeId`,`data-v-8410479c`]]),ke=c({name:`StepsSelector`,components:{ElSlider:T,InfoIcon:Y},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||20},set(e){console.debug(`set steps`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||=(console.debug(`set default steps`,20),20)}}),Ae={class:`field`},je={class:`text-sm font-bold block mb-2`};function Me(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Ae,[r(`span`,je,u(e.$t(`qrart.name.steps`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ne=R(ke,[[`render`,Me],[`__scopeId`,`data-v-0c88983e`]]),Pe=c({name:`AdvancedSelector`,components:{ElSwitch:E},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Fe={class:`field`},Ie={class:`title font-bold`};function Le(e,t,n,i,a,s){let c=f(`el-switch`);return d(),p(`div`,Fe,[r(`span`,Ie,u(e.$t(`qrart.name.advanced`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var Re=R(Pe,[[`render`,Le],[`__scopeId`,`data-v-f8ddf849`]]),ze=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`square`,label:this.$t(`qrart.markerShape.square`)},{value:`circle`,label:this.$t(`qrart.markerShape.circle`)},{value:`plus`,label:this.$t(`qrart.markerShape.plus`)},{value:`box`,label:this.$t(`qrart.markerShape.box`)},{value:`octagon`,label:this.$t(`qrart.markerShape.octagon`)},{value:`tiny-plus`,label:this.$t(`qrart.markerShape.tinyPlus`)},{value:`random`,label:this.$t(`qrart.markerShape.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug(`set marker_shape`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||=D}}),Be={class:`field`},Ve={class:`text-sm font-bold block mb-2`};function He(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Be,[r(`span`,Ve,u(e.$t(`qrart.name.markerShape`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.markerShape`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ue=R(ze,[[`render`,He],[`__scopeId`,`data-v-de71e0b0`]]),We=c({name:`SubMarkerSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`square`,label:this.$t(`qrart.subMarker.square`)},{value:`circle`,label:this.$t(`qrart.subMarker.circle`)},{value:`plus`,label:this.$t(`qrart.subMarker.plus`)},{value:`box`,label:this.$t(`qrart.subMarker.box`)},{value:`random`,label:this.$t(`qrart.subMarker.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug(`set sub_marker`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||=A}}),Ge={class:`field`},Ke={class:`text-sm font-bold block mb-2`};function qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Ge,[r(`span`,Ke,u(e.$t(`qrart.name.subMarker`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.subMarker`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Je=R(We,[[`render`,qe],[`__scopeId`,`data-v-51a39efa`]]),Ye=c({name:`RotateSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug(`set rotate`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||=0}}),Xe={class:`field`},Ze={class:`text-sm font-bold block mb-2`};function Qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Xe,[r(`span`,Ze,u(e.$t(`qrart.name.rotate`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.rotate`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var $e=R(Ye,[[`render`,Qe],[`__scopeId`,`data-v-72e35835`]]),et=c({name:`EclSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`L`,label:`L`},{value:`M`,label:`M`},{value:`Q`,label:`Q`},{value:`H`,label:`H`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug(`set ecl`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||=`H`}}),tt={class:`field`},nt={class:`text-sm font-bold block mb-2`};function rt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,tt,[r(`span`,nt,u(e.$t(`qrart.name.ecl`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.ecl`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var it=R(et,[[`render`,rt],[`__scopeId`,`data-v-b3a5e331`]]),at=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`center`,label:this.$t(`qrart.position.center`)},{value:`top`,label:this.$t(`qrart.position.top`)},{value:`right`,label:this.$t(`qrart.position.right`)},{value:`bottom`,label:this.$t(`qrart.position.bottom`)},{value:`left`,label:this.$t(`qrart.position.left`)},{value:`top-left`,label:this.$t(`qrart.position.topLeft`)},{value:`top-right`,label:this.$t(`qrart.position.topRight`)},{value:`bottom-left`,label:this.$t(`qrart.position.bottomLeft`)},{value:`bottom-right`,label:this.$t(`qrart.position.bottomRight`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug(`set position`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||=M}}),ot={class:`field`},st={class:`title font-bold`};function ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,ot,[r(`span`,st,u(e.$t(`qrart.name.position`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.position`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var lt=R(at,[[`render`,ct],[`__scopeId`,`data-v-54186505`]]),ut=c({name:`PaddingLevelSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug(`set padding_level`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||=5}}),dt={class:`field`},ft={class:`text-sm font-bold block mb-2`};function pt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,dt,[r(`span`,ft,u(e.$t(`qrart.name.paddingLevel`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingLevel`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var mt=R(ut,[[`render`,pt],[`__scopeId`,`data-v-49d801fd`]]),ht=c({name:`PaddingNoiseSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug(`set padding_noise`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||=0}}),gt={class:`field`},_t={class:`text-sm font-bold block mb-2`};function vt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,gt,[r(`span`,_t,u(e.$t(`qrart.name.paddingNoise`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingNoise`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var yt=R(ht,[[`render`,vt],[`__scopeId`,`data-v-a20833bb`]]),bt=c({name:`PixelStyleSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`square`,label:this.$t(`qrart.pixelStyle.square`)},{value:`rounded`,label:this.$t(`qrart.pixelStyle.rounded`)},{value:`dot`,label:this.$t(`qrart.pixelStyle.dot`)},{value:`squircle`,label:this.$t(`qrart.pixelStyle.squircle`)},{value:`row`,label:this.$t(`qrart.pixelStyle.row`)},{value:`column`,label:this.$t(`qrart.pixelStyle.column`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug(`set pixel_style`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||=k}}),xt={class:`field`},St={class:`text-sm font-bold block mb-2`};function Ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,xt,[r(`span`,St,u(e.$t(`qrart.name.pixelStyle`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.pixelStyle`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var wt=R(bt,[[`render`,Ct],[`__scopeId`,`data-v-aca7f79f`]]),Tt=c({name:`SeedInput`,components:{ElInput:L},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0}}),Et={class:`field`},Dt={class:`text-sm font-bold block mb-2`};function Ot(e,t,n,i,a,s){let c=f(`el-input`);return d(),p(`div`,Et,[r(`span`,Dt,u(e.$t(`qrart.name.seed`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var kt=R(Tt,[[`render`,Ot],[`__scopeId`,`data-v-d939305d`]]),At=c({name:`PresetSelector`,components:{ElImage:b},data(){return{options:[{value:`sunset`,label:this.$t(`qrart.preset.sunset`),url:`https://cdn.acedata.cloud/rp1h1s.png`},{value:`floral`,label:this.$t(`qrart.preset.floral`),url:`https://cdn.acedata.cloud/upyikx.png`},{value:`snowflakes`,label:this.$t(`qrart.preset.snowflakes`),url:`https://cdn.acedata.cloud/j447da.png`},{value:`feathers`,label:this.$t(`qrart.preset.feathers`),url:`https://cdn.acedata.cloud/d2ctz9.png`},{value:`raindrops`,label:this.$t(`qrart.preset.raindrops`),url:`https://cdn.acedata.cloud/xv2t3s.png`},{value:`ultra-realism`,label:this.$t(`qrart.preset.ultraRealism`),url:`https://cdn.acedata.cloud/nlor4y.png`},{value:`epic-realms`,label:this.$t(`qrart.preset.epicRealms`),url:`https://cdn.acedata.cloud/wwzkvy.png`},{value:`intricate-studio`,label:this.$t(`qrart.preset.intricateStudio`),url:`https://cdn.acedata.cloud/4kzf5y.png`},{value:`symmetric-masterpiece`,label:this.$t(`qrart.preset.symmetricMasterpiece`),url:`https://cdn.acedata.cloud/ff4ii2.png`},{value:`luminous-highway`,label:this.$t(`qrart.preset.luminousHighway`),url:`https://cdn.acedata.cloud/cliodt.png`},{value:`celestial-journey`,label:this.$t(`qrart.preset.celestialJourney`),url:`https://cdn.acedata.cloud/ejellf.png`},{value:`neon-mech`,label:this.$t(`qrart.preset.neonMech`),url:`https://cdn.acedata.cloud/3z0y6z.png`},{value:`ethereal-low-poly`,label:this.$t(`qrart.preset.etherealLowPoly`),url:`https://cdn.acedata.cloud/36o0mm.png`},{value:`golden-vista`,label:this.$t(`qrart.preset.goldenVista`),url:`https://cdn.acedata.cloud/xa0267.png`},{value:`cinematic-expanse`,label:this.$t(`qrart.preset.cinematicExpanse`),url:`https://cdn.acedata.cloud/krl5qp.png`},{value:`cinematic-warm`,label:this.$t(`qrart.preset.cinematicWarm`),url:`https://cdn.acedata.cloud/e1aahg.png`},{value:`desolate-wilderness`,label:this.$t(`qrart.preset.desolateWilderness`),url:`https://cdn.acedata.cloud/9evqqu.png`},{value:`vibrant-palette`,label:this.$t(`qrart.preset.vibrantPalette`),url:`https://cdn.acedata.cloud/3fvsmz.png`},{value:`enigmatic-journey`,label:this.$t(`qrart.preset.enigmaticJourney`),url:`https://cdn.acedata.cloud/l6kku0.png`},{value:`timeless-cinematic`,label:this.$t(`qrart.preset.timelessCinematic`),url:`https://cdn.acedata.cloud/h5mzyn.png`},{value:`regal-galaxy`,label:this.$t(`qrart.preset.regalGalaxy`),url:`https://cdn.acedata.cloud/czkegd.png`},{value:`illustrious-canvas`,label:this.$t(`qrart.preset.illustriousCanvas`),url:`https://cdn.acedata.cloud/m8hwzh.png`},{value:`expressive-mural`,label:this.$t(`qrart.preset.expressiveMural`),url:`https://cdn.acedata.cloud/g4v1rb.png`},{value:`serene-haze`,label:this.$t(`qrart.preset.sereneHaze`),url:`https://cdn.acedata.cloud/3w3ixr.png`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||=``}}),jt={class:`field`},Mt={class:`text-sm font-bold block mb-2`},Nt={class:`pane`},Pt=[`onClick`],Ft={class:`name`};function It(e,n,i,a,s,c){let m=f(`el-image`);return d(),p(`div`,jt,[r(`span`,Mt,u(e.$t(`qrart.name.preset`)),1),r(`div`,Nt,[(d(!0),p(h,null,l(e.options,(n,i)=>(d(),p(`div`,{key:i,class:t({item:!0,active:e.value===n.value}),onClick:t=>e.value===n.value?e.value=void 0:e.value=n.value},[o(m,{src:n.url,fit:`fill`,class:`preview`},null,8,[`src`]),r(`span`,Ft,u(n.label),1)],10,Pt))),128))])])}var Lt=R(At,[[`render`,It],[`__scopeId`,`data-v-65c34adf`]]),Rt=c({name:`ContentInput`,components:{ElInput:L,ElUpload:y,ElRadioGroup:C,ElButton:g,ElRadioButton:S,ImagePreview:q,FontAwesomeIcon:W},mixins:[B,P],data(){return{inputWay:`input`,fileList:[],uploadUrl:te()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||=``,this.onSetContentImageUrl()},methods:{onExceed(){U.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){U.error(this.$t(`qrart.message.uploadDocumentsError`))},onSetContentImageUrl(){let e=this.urls?.[0];this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),zt={class:`field`},Bt={class:`flex justify-between items-center mb-4`},Vt={class:`text-sm font-bold title`},Ht={class:`flex items-center`},Ut={key:2,class:`description`};function Wt(e,t,i,c,l,h){let g=f(`el-radio-button`),_=f(`el-radio-group`),v=f(`el-input`),y=f(`image-preview`),b=f(`font-awesome-icon`),x=f(`el-button`),S=f(`el-upload`);return d(),p(`div`,zt,[r(`div`,Bt,[r(`span`,Vt,u(e.$t(`qrart.name.content`)),1),r(`div`,Ht,[o(_,{modelValue:e.inputWay,"onUpdate:modelValue":t[0]||=t=>e.inputWay=t},{default:m(()=>[o(g,{label:`input`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.input`)),1)]),_:1}),o(g,{label:`upload`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),e.inputWay==`input`?(d(),n(v,{key:0,modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,class:`content`,placeholder:e.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):s(``,!0),e.inputWay==`upload`?(d(),n(S,{key:1,ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[2]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[o(y,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[o(x,{size:`small`,type:`primary`,round:``},{default:m(()=>[o(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):s(``,!0),e.inputWay==`upload`?(d(),p(`p`,Ut,u(e.$t(`qrart.message.uploadQr`)),1)):s(``,!0)])}var Gt=R(Rt,[[`render`,Wt],[`__scopeId`,`data-v-afb72cf1`]]),Kt=c({name:`PromptInput`,components:{PromptTextarea:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||=``}});function qt(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(s,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,title:e.$t(`qrart.name.prompt`),placeholder:e.$t(`qrart.placeholder.prompt`)},null,8,[`modelValue`,`title`,`placeholder`])}var Jt=c({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:W,Consumption:re,TypeSelector:ge,PositionSelector:lt,PixelStyleSelector:wt,PaddingLevelSelector:mt,SeedInput:kt,AspectRatioSelector:Ce,QrwSelector:Oe,EclSelector:it,StepsSelector:Ne,PaddingNoiseSelector:yt,AdvancedSelector:Re,MarkerShapeSelector:Ue,SubMarkerSelector:Je,RotateSelector:$e,PresetSelector:Lt,ContentInput:Gt,PromptInput:R(Kt,[[`render`,qt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return F(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Yt={class:`flex flex-col h-full`},Xt={class:`flex-1 overflow-y-auto p-5`},Zt={class:`flex flex-col items-center justify-center px-5 pb-5`};function Qt(e,t,i,c,l,h){let g=f(`type-selector`),_=f(`content-input`),v=f(`prompt-input`),y=f(`aspect-ratio-selector`),b=f(`qrw-selector`),x=f(`preset-selector`),S=f(`position-selector`),C=f(`advanced-selector`),w=f(`steps-selector`),T=f(`seed-input`),E=f(`pixel-style-selector`),D=f(`marker-shape-selector`),O=f(`sub-marker-selector`),k=f(`rotate-selector`),A=f(`ecl-selector`),j=f(`padding-level-selector`),M=f(`padding-noise-selector`),N=f(`consumption`),P=f(`font-awesome-icon`),F=f(`el-button`);return d(),p(`div`,Yt,[r(`div`,Xt,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),e.config?.advanced?(d(),n(w,{key:0,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(T,{key:1,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(E,{key:2,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(D,{key:3,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(O,{key:4,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(k,{key:5,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(A,{key:6,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(j,{key:7,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(M,{key:8,class:`mb-4`})):s(``,!0)]),r(`div`,Zt,[o(N,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(F,{type:`primary`,class:`btn w-full`,round:``,onClick:t[0]||=t=>e.$emit(`generate`)},{default:m(()=>[o(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`qrart.button.generate`)),1)]),_:1})])])}var $t=R(Jt,[[`render`,Qt]]),en=c({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:x,ImageWrapper:ae,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenUrl(e){window.open(e,`_blank`)},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),tn={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},nn={class:`left`},rn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},an={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},on={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},sn={class:`info`},cn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},ln={key:0},un={key:0,class:t({content:!0,failed:!0})},dn={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},fn={class:`description`},pn={class:`description`},mn={key:0,class:`description`},hn={key:1,class:`description`},gn={key:2,class:`description`},_n={key:3,class:`description`},vn={key:1,class:t({content:!0})},yn={class:`description`},$={class:`description`},bn={key:0,class:`description`},xn={class:`description`},Sn={key:2,class:t({content:!0})},Cn={class:`description`};function wn(e,t,i,c,l,h){let g=f(`el-image`),_=f(`image-wrapper`),v=f(`api-code-button`),y=f(`font-awesome-icon`),b=f(`copy-to-clipboard`),x=f(`el-alert`);return d(),p(`div`,tn,[r(`div`,nn,[o(g,{src:`https://cdn.acedata.cloud/bcml67.png`,class:`avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full`})]),r(`div`,rn,[r(`div`,an,[a(u(e.$t(`qrart.name.qrartBot`))+` `,1),r(`span`,on,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,sn,[e.modelValue?.request?.prompt?(d(),p(`p`,cn,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,ln,` - (`+u(e.$t(`qrart.status.pending`))+`) `,1))])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,un,[e.modelValue?.response?.image_url?(d(),n(_,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):s(``,!0),r(`div`,dn,[o(v,{path:`/qrart/generate`,body:e.modelValue?.request},null,8,[`body`])]),o(x,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,fn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,pn,[o(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.type`))+`: `+u(e.$t(`qrart.type.`+e.modelValue?.request?.type))+` `,1),o(b,{content:e.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.request?.content?(d(),p(`p`,mn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.content`))+`: `+u(e.modelValue?.request?.content)+` `,1),o(b,{content:e.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.request?.content_image_url?(d(),p(`p`,hn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.contentImageUrl`))+`: `,1),o(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:t[0]||=t=>e.onOpenLink(e.modelValue?.request?.content_image_url)})])):s(``,!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(d(),p(`p`,gn,[o(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.seed`))+`: `+u(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+` `,1),o(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.elapsed?(d(),p(`p`,_n,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,vn,[o(x,{closable:!1,class:`failure`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,yn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$,[o(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(b,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,bn,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),r(`p`,xn,[o(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(b,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):s(``,!0),e.modelValue?.response?s(``,!0):(d(),p(`div`,Sn,[o(x,{closable:!1,class:`info`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,Cn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Tn=c({name:`RecentPanel`,components:{TaskPreview:R(en,[[`render`,wn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:J,NoTasks:ne,ScrollList:X},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),En={key:0},Dn={key:2,class:`w-full h-full flex items-center justify-center`};function On(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,En,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,(e,t)=>(d(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,Dn,[o(v)])):s(``,!0)],64)}var kn=R(Tn,[[`render`,On]]),An=O(`qrart`),jn=c({name:`QrartIndex`,components:{ConfigPanel:$t,Layout:de,ApplicationStatus:K,RecentPanel:kn},mixins:[H],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===V.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===V.Request},needApply(){return this.$store.state.qrart.status.getApplications===V.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},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 Z({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`qrart/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`qrart/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){N.create({application:this.application}).then(({data:e})=>{this.application=e,U.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&U.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`qrart/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!z(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:An,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),I(`qrart`,ee.generate(e,{token:t})).then(()=>{U.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`qrart.message.usedUp`)):U.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mn(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`application-status`),u=f(`recent-panel`),p=f(`layout`);return d(),n(p,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),o(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Nn=R(jn,[[`render`,Mn],[`__scopeId`,`data-v-3bce2743`]]);export{Nn as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,Ht as i,M as a,N as o,O as s,P as c,Q as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{r as _,t as v}from"./select-BYVaaZev.js";import{t as y}from"./upload-B8zBOx3w.js";import{t as b}from"./image-D9DCBoK1.js";import{t as x}from"./alert-Bgv5POrX.js";import{n as S,r as C}from"./radio-DNLlMkjf.js";import{t as w}from"./drawer-BhAAsvLB.js";import{t as T}from"./slider-DEYGehLw.js";import{t as E}from"./switch-Bzrgl4uF.js";import{$n as D,Vr as O,er as k,nr as A,rr as j,tr as M}from"./constants-SseKgNeZ.js";import{Cn as N,Ct as P,Dt as F,On as I,Or as L,S as R,St as z,Tt as B,dr as V,ln as ee,mr as te,wt as H,xr as U}from"./index-DJri8swR.js";import{t as W}from"./index.es-DU_1oGwZ.js";import{t as G}from"./CopyToClipboard-iiCeJbY4.js";import{t as K}from"./Status-Cw5oPTwz.js";import{t as q}from"./ImagePreview-BbK_HGTQ.js";import{t as J}from"./BotPlaceholder-Dd8zEJxY.js";import{i as Y,n as X,t as Z}from"./pagination-BOw_ac_B.js";import{n as Q,t as ne}from"./NoTasks-W7aQUGOX.js";import{t as re}from"./Consumption-DpE91zpd.js";import{t as ie}from"./ApiCodeButton-B2l4sY7h.js";import{t as ae}from"./ImageWrapper-DXp5GBjP.js";var oe=c({name:`LayoutQrart`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:W},data(){return{drawer:!1}}}),se={class:`main flex flex-row flex-1`},ce={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},le={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function ue(t,n,i,a,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,se,[r(`div`,ce,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,le,[e(t.$slots,`result`,{},void 0,!0)]),o(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[o(l,{icon:`fa-solid fa-magic`})]),_:1}),o(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`350px`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var de=R(oe,[[`render`,ue],[`__scopeId`,`data-v-0eb52da0`]]),fe=c({name:`VersionSelector`,components:{ElSelect:_,ElOption:v},props:{modelValue:{type:String,default:void 0}},emits:[`update:modelValue`],data(){return{options:[{label:this.$t(`qrart.type.text`),value:`text`},{label:this.$t(`qrart.type.link`),value:`link`},{label:this.$t(`qrart.type.email`),value:`email`},{label:this.$t(`qrart.type.phone`),value:`phone`},{label:this.$t(`qrart.type.sms`),value:`sms`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.type},set(e){console.debug(`set type`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,type:e})}}},mounted(){this.value||=(console.debug(`set default type`,j),j)}}),pe={class:`field`},me={class:`text-sm font-bold title`};function he(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,pe,[r(`span`,me,u(e.$t(`qrart.name.type`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.select`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var ge=R(fe,[[`render`,he],[`__scopeId`,`data-v-b4bd8f04`]]),_e=c({name:`AspectRatioSelector`,data(){return{options:[{value:`1:1`,label:`1:1`,width:30,height:30},{value:`4:3`,label:`4:3`,width:32,height:24},{value:`3:4`,label:`3:4`,width:24,height:32},{value:`16:9`,label:`16:9`,width:32,height:18},{value:`9:16`,label:`9:16`,width:18,height:32}]}},computed:{active(){return this.options.findIndex(e=>e.value===String(this.value))||0},value:{get(){return this.$store.state.qrart?.config?.aspect_ratio},set(e){console.debug(`set aspect ratio`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,aspect_ratio:e})}}},mounted(){this.value||=`1:1`}}),ve={class:`text-sm font-bold block mb-2`},ye={class:`items`},be=[`onClick`],xe={class:`name`};function Se(e,n,a,o,s,c){return d(),p(`div`,null,[r(`span`,ve,u(e.$t(`qrart.name.aspectRatio`)),1),r(`div`,ye,[(d(!0),p(h,null,l(e.options,(n,a)=>(d(),p(`div`,{key:a,class:t({active:e.active===a,item:!0}),onClick:t=>e.value=n.value},[r(`div`,{class:t([`preview`,n.label])},[r(`div`,{class:`rect`,style:i({width:n.width+`px`,height:n.height+`px`})},null,4)],2),r(`p`,xe,u(n.label),1)],10,be))),128))])])}var Ce=R(_e,[[`render`,Se],[`__scopeId`,`data-v-b7590ecc`]]),we=c({name:`QrwSelector`,components:{ElSlider:T,InfoIcon:Y},computed:{value:{get(){return this.$store.state.qrart?.config?.qrw||2},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,qrw:e})}}},mounted(){this.value||=(console.debug(`set default qrw`),2)}}),Te={class:`field`},Ee={class:`text-sm font-bold title mb-2`};function De(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Te,[r(`span`,Ee,u(e.$t(`qrart.name.qrw`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,min:1.5,max:3,step:.1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.qrw`),class:`info`},null,8,[`content`])])}var Oe=R(we,[[`render`,De],[`__scopeId`,`data-v-8410479c`]]),ke=c({name:`StepsSelector`,components:{ElSlider:T,InfoIcon:Y},computed:{value:{get(){return this.$store.state.qrart?.config?.steps||20},set(e){console.debug(`set steps`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,steps:e})}}},mounted(){this.value||=(console.debug(`set default steps`,20),20)}}),Ae={class:`field`},je={class:`text-sm font-bold block mb-2`};function Me(e,t,n,i,a,s){let c=f(`el-slider`),l=f(`info-icon`);return d(),p(`div`,Ae,[r(`span`,je,u(e.$t(`qrart.name.steps`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,min:10,max:20,step:1,class:`value`},null,8,[`modelValue`]),o(l,{content:e.$t(`qrart.description.steps`),class:`info`},null,8,[`content`])])}var Ne=R(ke,[[`render`,Me],[`__scopeId`,`data-v-0c88983e`]]),Pe=c({name:`AdvancedSelector`,components:{ElSwitch:E},computed:{value:{get(){return this.$store.state.qrart?.config?.advanced},set(e){console.debug(`set advanced`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,advanced:e})}}},mounted(){this.value===void 0&&(this.value=!1)}}),Fe={class:`field`},Ie={class:`title font-bold`};function Le(e,t,n,i,a,s){let c=f(`el-switch`);return d(),p(`div`,Fe,[r(`span`,Ie,u(e.$t(`qrart.name.advanced`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var Re=R(Pe,[[`render`,Le],[`__scopeId`,`data-v-f8ddf849`]]),ze=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`square`,label:this.$t(`qrart.markerShape.square`)},{value:`circle`,label:this.$t(`qrart.markerShape.circle`)},{value:`plus`,label:this.$t(`qrart.markerShape.plus`)},{value:`box`,label:this.$t(`qrart.markerShape.box`)},{value:`octagon`,label:this.$t(`qrart.markerShape.octagon`)},{value:`tiny-plus`,label:this.$t(`qrart.markerShape.tinyPlus`)},{value:`random`,label:this.$t(`qrart.markerShape.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.marker_shape},set(e){console.debug(`set marker_shape`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,marker_shape:e})}}},mounted(){this.value||=D}}),Be={class:`field`},Ve={class:`text-sm font-bold block mb-2`};function He(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Be,[r(`span`,Ve,u(e.$t(`qrart.name.markerShape`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.markerShape`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Ue=R(ze,[[`render`,He],[`__scopeId`,`data-v-de71e0b0`]]),We=c({name:`SubMarkerSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`square`,label:this.$t(`qrart.subMarker.square`)},{value:`circle`,label:this.$t(`qrart.subMarker.circle`)},{value:`plus`,label:this.$t(`qrart.subMarker.plus`)},{value:`box`,label:this.$t(`qrart.subMarker.box`)},{value:`random`,label:this.$t(`qrart.subMarker.random`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.sub_marker},set(e){console.debug(`set sub_marker`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,sub_marker:e})}}},mounted(){this.value||=A}}),Ge={class:`field`},Ke={class:`text-sm font-bold block mb-2`};function qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Ge,[r(`span`,Ke,u(e.$t(`qrart.name.subMarker`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.subMarker`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var Je=R(We,[[`render`,qe],[`__scopeId`,`data-v-51a39efa`]]),Ye=c({name:`RotateSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:0,label:0},{value:90,label:90},{value:180,label:180},{value:270,label:270}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.rotate},set(e){console.debug(`set rotate`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,rotate:e})}}},mounted(){this.value||=0}}),Xe={class:`field`},Ze={class:`text-sm font-bold block mb-2`};function Qe(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,Xe,[r(`span`,Ze,u(e.$t(`qrart.name.rotate`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.rotate`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var $e=R(Ye,[[`render`,Qe],[`__scopeId`,`data-v-72e35835`]]),et=c({name:`EclSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`L`,label:`L`},{value:`M`,label:`M`},{value:`Q`,label:`Q`},{value:`H`,label:`H`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.ecl},set(e){console.debug(`set ecl`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,ecl:e})}}},mounted(){this.value||=`H`}}),tt={class:`field`},nt={class:`text-sm font-bold block mb-2`};function rt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,tt,[r(`span`,nt,u(e.$t(`qrart.name.ecl`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.ecl`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var it=R(et,[[`render`,rt],[`__scopeId`,`data-v-b3a5e331`]]),at=c({name:`MarkerShapeSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`center`,label:this.$t(`qrart.position.center`)},{value:`top`,label:this.$t(`qrart.position.top`)},{value:`right`,label:this.$t(`qrart.position.right`)},{value:`bottom`,label:this.$t(`qrart.position.bottom`)},{value:`left`,label:this.$t(`qrart.position.left`)},{value:`top-left`,label:this.$t(`qrart.position.topLeft`)},{value:`top-right`,label:this.$t(`qrart.position.topRight`)},{value:`bottom-left`,label:this.$t(`qrart.position.bottomLeft`)},{value:`bottom-right`,label:this.$t(`qrart.position.bottomRight`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.position},set(e){console.debug(`set position`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,position:e})}}},mounted(){this.value||=M}}),ot={class:`field`},st={class:`title font-bold`};function ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,ot,[r(`span`,st,u(e.$t(`qrart.name.position`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.position`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var lt=R(at,[[`render`,ct],[`__scopeId`,`data-v-54186505`]]),ut=c({name:`PaddingLevelSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:0,label:0},{value:5,label:5},{value:10,label:10},{value:10,label:10},{value:15,label:15},{value:20,label:20}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_level},set(e){console.debug(`set padding_level`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_level:e})}}},mounted(){this.value||=5}}),dt={class:`field`},ft={class:`text-sm font-bold block mb-2`};function pt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,dt,[r(`span`,ft,u(e.$t(`qrart.name.paddingLevel`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingLevel`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var mt=R(ut,[[`render`,pt],[`__scopeId`,`data-v-49d801fd`]]),ht=c({name:`PaddingNoiseSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:0,label:0},{value:.25,label:.25},{value:.5,label:.5},{value:.75,label:.75},{value:1,label:1}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.padding_noise},set(e){console.debug(`set padding_noise`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,padding_noise:e})}}},mounted(){this.value||=0}}),gt={class:`field`},_t={class:`text-sm font-bold block mb-2`};function vt(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,gt,[r(`span`,_t,u(e.$t(`qrart.name.paddingNoise`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.paddingNoise`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var yt=R(ht,[[`render`,vt],[`__scopeId`,`data-v-a20833bb`]]),bt=c({name:`PixelStyleSelector`,components:{ElSelect:_,ElOption:v},data(){return{options:[{value:`square`,label:this.$t(`qrart.pixelStyle.square`)},{value:`rounded`,label:this.$t(`qrart.pixelStyle.rounded`)},{value:`dot`,label:this.$t(`qrart.pixelStyle.dot`)},{value:`squircle`,label:this.$t(`qrart.pixelStyle.squircle`)},{value:`row`,label:this.$t(`qrart.pixelStyle.row`)},{value:`column`,label:this.$t(`qrart.pixelStyle.column`)}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.pixel_style},set(e){console.debug(`set pixel_style`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,pixel_style:e})}}},mounted(){this.value||=k}}),xt={class:`field`},St={class:`text-sm font-bold block mb-2`};function Ct(e,t,i,a,s,c){let g=f(`el-option`),_=f(`el-select`);return d(),p(`div`,xt,[r(`span`,St,u(e.$t(`qrart.name.pixelStyle`)),1),o(_,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,clearable:``,class:`value`,placeholder:e.$t(`qrart.placeholder.pixelStyle`)},{default:m(()=>[(d(!0),p(h,null,l(e.options,e=>(d(),n(g,{key:e.value,label:e.label,value:e.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])}var wt=R(bt,[[`render`,Ct],[`__scopeId`,`data-v-aca7f79f`]]),Tt=c({name:`SeedInput`,components:{ElInput:L},data(){return{}},computed:{value:{get(){return this.$store.state.qrart?.config?.seed},set(e){console.debug(`set seed`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,seed:e?parseInt(e):void 0})}}},mounted(){this.value||=void 0}}),Et={class:`field`},Dt={class:`text-sm font-bold block mb-2`};function Ot(e,t,n,i,a,s){let c=f(`el-input`);return d(),p(`div`,Et,[r(`span`,Dt,u(e.$t(`qrart.name.seed`)),1),o(c,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`qrart.placeholder.seed`)},null,8,[`modelValue`,`placeholder`])])}var kt=R(Tt,[[`render`,Ot],[`__scopeId`,`data-v-d939305d`]]),At=c({name:`PresetSelector`,components:{ElImage:b},data(){return{options:[{value:`sunset`,label:this.$t(`qrart.preset.sunset`),url:`https://cdn.acedata.cloud/rp1h1s.png`},{value:`floral`,label:this.$t(`qrart.preset.floral`),url:`https://cdn.acedata.cloud/upyikx.png`},{value:`snowflakes`,label:this.$t(`qrart.preset.snowflakes`),url:`https://cdn.acedata.cloud/j447da.png`},{value:`feathers`,label:this.$t(`qrart.preset.feathers`),url:`https://cdn.acedata.cloud/d2ctz9.png`},{value:`raindrops`,label:this.$t(`qrart.preset.raindrops`),url:`https://cdn.acedata.cloud/xv2t3s.png`},{value:`ultra-realism`,label:this.$t(`qrart.preset.ultraRealism`),url:`https://cdn.acedata.cloud/nlor4y.png`},{value:`epic-realms`,label:this.$t(`qrart.preset.epicRealms`),url:`https://cdn.acedata.cloud/wwzkvy.png`},{value:`intricate-studio`,label:this.$t(`qrart.preset.intricateStudio`),url:`https://cdn.acedata.cloud/4kzf5y.png`},{value:`symmetric-masterpiece`,label:this.$t(`qrart.preset.symmetricMasterpiece`),url:`https://cdn.acedata.cloud/ff4ii2.png`},{value:`luminous-highway`,label:this.$t(`qrart.preset.luminousHighway`),url:`https://cdn.acedata.cloud/cliodt.png`},{value:`celestial-journey`,label:this.$t(`qrart.preset.celestialJourney`),url:`https://cdn.acedata.cloud/ejellf.png`},{value:`neon-mech`,label:this.$t(`qrart.preset.neonMech`),url:`https://cdn.acedata.cloud/3z0y6z.png`},{value:`ethereal-low-poly`,label:this.$t(`qrart.preset.etherealLowPoly`),url:`https://cdn.acedata.cloud/36o0mm.png`},{value:`golden-vista`,label:this.$t(`qrart.preset.goldenVista`),url:`https://cdn.acedata.cloud/xa0267.png`},{value:`cinematic-expanse`,label:this.$t(`qrart.preset.cinematicExpanse`),url:`https://cdn.acedata.cloud/krl5qp.png`},{value:`cinematic-warm`,label:this.$t(`qrart.preset.cinematicWarm`),url:`https://cdn.acedata.cloud/e1aahg.png`},{value:`desolate-wilderness`,label:this.$t(`qrart.preset.desolateWilderness`),url:`https://cdn.acedata.cloud/9evqqu.png`},{value:`vibrant-palette`,label:this.$t(`qrart.preset.vibrantPalette`),url:`https://cdn.acedata.cloud/3fvsmz.png`},{value:`enigmatic-journey`,label:this.$t(`qrart.preset.enigmaticJourney`),url:`https://cdn.acedata.cloud/l6kku0.png`},{value:`timeless-cinematic`,label:this.$t(`qrart.preset.timelessCinematic`),url:`https://cdn.acedata.cloud/h5mzyn.png`},{value:`regal-galaxy`,label:this.$t(`qrart.preset.regalGalaxy`),url:`https://cdn.acedata.cloud/czkegd.png`},{value:`illustrious-canvas`,label:this.$t(`qrart.preset.illustriousCanvas`),url:`https://cdn.acedata.cloud/m8hwzh.png`},{value:`expressive-mural`,label:this.$t(`qrart.preset.expressiveMural`),url:`https://cdn.acedata.cloud/g4v1rb.png`},{value:`serene-haze`,label:this.$t(`qrart.preset.sereneHaze`),url:`https://cdn.acedata.cloud/3w3ixr.png`}]}},computed:{value:{get(){return this.$store.state.qrart?.config?.preset},set(e){console.debug(`set qrw`,e),this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,preset:e})}}},mounted(){this.value||=``}}),jt={class:`field`},Mt={class:`text-sm font-bold block mb-2`},Nt={class:`pane`},Pt=[`onClick`],Ft={class:`name`};function It(e,n,i,a,s,c){let m=f(`el-image`);return d(),p(`div`,jt,[r(`span`,Mt,u(e.$t(`qrart.name.preset`)),1),r(`div`,Nt,[(d(!0),p(h,null,l(e.options,(n,i)=>(d(),p(`div`,{key:i,class:t({item:!0,active:e.value===n.value}),onClick:t=>e.value===n.value?e.value=void 0:e.value=n.value},[o(m,{src:n.url,fit:`fill`,class:`preview`},null,8,[`src`]),r(`span`,Ft,u(n.label),1)],10,Pt))),128))])])}var Lt=R(At,[[`render`,It],[`__scopeId`,`data-v-65c34adf`]]),Rt=c({name:`ContentInput`,components:{ElInput:L,ElUpload:y,ElRadioGroup:C,ElButton:g,ElRadioButton:S,ImagePreview:q,FontAwesomeIcon:W},mixins:[B,P],data(){return{inputWay:`input`,fileList:[],uploadUrl:te()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.qrart?.config?.content},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:e,content_image_url:void 0})}}},mounted(){this.value||=``,this.onSetContentImageUrl()},methods:{onExceed(){U.warning(this.$t(`qrart.message.uploadDocumentsExceed`))},onError(){U.error(this.$t(`qrart.message.uploadDocumentsError`))},onSetContentImageUrl(){let e=this.urls?.[0];this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,content:void 0,content_image_url:e})},async onSuccess(){this.onSetContentImageUrl()}}}),zt={class:`field`},Bt={class:`flex justify-between items-center mb-4`},Vt={class:`text-sm font-bold title`},Ht={class:`flex items-center`},Ut={key:2,class:`description`};function Wt(e,t,i,c,l,h){let g=f(`el-radio-button`),_=f(`el-radio-group`),v=f(`el-input`),y=f(`image-preview`),b=f(`font-awesome-icon`),x=f(`el-button`),S=f(`el-upload`);return d(),p(`div`,zt,[r(`div`,Bt,[r(`span`,Vt,u(e.$t(`qrart.name.content`)),1),r(`div`,Ht,[o(_,{modelValue:e.inputWay,"onUpdate:modelValue":t[0]||=t=>e.inputWay=t},{default:m(()=>[o(g,{label:`input`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.input`)),1)]),_:1}),o(g,{label:`upload`},{default:m(()=>[a(u(e.$t(`qrart.inputWay.upload`)),1)]),_:1})]),_:1},8,[`modelValue`])])]),e.inputWay==`input`?(d(),n(v,{key:0,modelValue:e.value,"onUpdate:modelValue":t[1]||=t=>e.value=t,class:`content`,placeholder:e.$t(`qrart.placeholder.content`)},null,8,[`modelValue`,`placeholder`])):s(``,!0),e.inputWay==`upload`?(d(),n(S,{key:1,ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[2]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`upload upload-wrapper`,limit:1,multiple:!1,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[o(y,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[o(x,{size:`small`,type:`primary`,round:``},{default:m(()=>[o(b,{icon:`fa-solid fa-upload`,class:`mr-1`}),a(` `+u(e.$t(`qrart.button.uploadQr`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])):s(``,!0),e.inputWay==`upload`?(d(),p(`p`,Ut,u(e.$t(`qrart.message.uploadQr`)),1)):s(``,!0)])}var Gt=R(Rt,[[`render`,Wt],[`__scopeId`,`data-v-afb72cf1`]]),Kt=c({name:`PromptInput`,components:{PromptTextarea:Q},computed:{value:{get(){return this.$store.state.qrart?.config?.prompt},set(e){this.$store.commit(`qrart/setConfig`,{...this.$store.state.qrart?.config,prompt:e})}}},mounted(){this.value||=``}});function qt(e,t,r,i,a,o){let s=f(`prompt-textarea`);return d(),n(s,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,title:e.$t(`qrart.name.prompt`),placeholder:e.$t(`qrart.placeholder.prompt`)},null,8,[`modelValue`,`title`,`placeholder`])}var Jt=c({name:`ConfigPanel`,components:{ElButton:g,FontAwesomeIcon:W,Consumption:re,TypeSelector:ge,PositionSelector:lt,PixelStyleSelector:wt,PaddingLevelSelector:mt,SeedInput:kt,AspectRatioSelector:Ce,QrwSelector:Oe,EclSelector:it,StepsSelector:Ne,PaddingNoiseSelector:yt,AdvancedSelector:Re,MarkerShapeSelector:Ue,SubMarkerSelector:Je,RotateSelector:$e,PresetSelector:Lt,ContentInput:Gt,PromptInput:R(Kt,[[`render`,qt]])},emits:[`generate`],computed:{config(){return this.$store.state.qrart?.config},consumption(){return F(this.config,this.service?.cost)},service(){return this.$store.state.qrart?.service}}}),Yt={class:`flex flex-col h-full`},Xt={class:`flex-1 overflow-y-auto p-5`},Zt={class:`flex flex-col items-center justify-center px-5 pb-5`};function Qt(e,t,i,c,l,h){let g=f(`type-selector`),_=f(`content-input`),v=f(`prompt-input`),y=f(`aspect-ratio-selector`),b=f(`qrw-selector`),x=f(`preset-selector`),S=f(`position-selector`),C=f(`advanced-selector`),w=f(`steps-selector`),T=f(`seed-input`),E=f(`pixel-style-selector`),D=f(`marker-shape-selector`),O=f(`sub-marker-selector`),k=f(`rotate-selector`),A=f(`ecl-selector`),j=f(`padding-level-selector`),M=f(`padding-noise-selector`),N=f(`consumption`),P=f(`font-awesome-icon`),F=f(`el-button`);return d(),p(`div`,Yt,[r(`div`,Xt,[o(g,{class:`mb-4`}),o(_,{class:`mb-4`}),o(v,{class:`mb-4`}),o(y,{class:`mb-4`}),o(b,{class:`mb-4`}),o(x,{class:`mb-4`}),o(S,{class:`mb-4`}),o(C,{class:`mb-4`}),e.config?.advanced?(d(),n(w,{key:0,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(T,{key:1,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(E,{key:2,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(D,{key:3,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(O,{key:4,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(k,{key:5,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(A,{key:6,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(j,{key:7,class:`mb-4`})):s(``,!0),e.config?.advanced?(d(),n(M,{key:8,class:`mb-4`})):s(``,!0)]),r(`div`,Zt,[o(N,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),o(F,{type:`primary`,class:`btn w-full`,round:``,onClick:t[0]||=t=>e.$emit(`generate`)},{default:m(()=>[o(P,{icon:`fa-solid fa-magic`,class:`mr-2`}),a(` `+u(e.$t(`qrart.button.generate`)),1)]),_:1})])])}var $t=R(Jt,[[`render`,Qt]]),en=c({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:G,FontAwesomeIcon:W,ElAlert:x,ImageWrapper:ae,ApiCodeButton:ie},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.qrart?.application}},methods:{onOpenLink(e){window.open(e,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenUrl(e){window.open(e,`_blank`)},onDownload(e){let t=document.createElement(`a`);t.href=e,t.download=e.split(`/`).pop(),t.click()}}}),tn={class:`preview w-full h-fit text-left flex flex-row mb-[15px]`},nn={class:`left`},rn={class:`main flex-1 w-[calc(100%-70px)] min-w-0 pt-[10px] pr-[10px] pb-0 pl-[10px]`},an={class:`bot text-[16px] font-bold text-[var(--el-color-primary)] overflow-hidden text-ellipsis whitespace-nowrap`},on={class:`datetime text-[12px] font-normal text-[var(--el-text-color-secondary)] ml-[10px]`},sn={class:`info`},cn={key:0,class:`prompt mt-2 text-[14px] font-bold text-[var(--el-text-color-regular)] mb-[10px] overflow-hidden text-ellipsis whitespace-nowrap`},ln={key:0},un={key:0,class:t({content:!0,failed:!0})},dn={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},fn={class:`description`},pn={class:`description`},mn={key:0,class:`description`},hn={key:1,class:`description`},gn={key:2,class:`description`},_n={key:3,class:`description`},vn={key:1,class:t({content:!0})},yn={class:`description`},$={class:`description`},bn={key:0,class:`description`},xn={class:`description`},Sn={key:2,class:t({content:!0})},Cn={class:`description`};function wn(e,t,i,c,l,h){let g=f(`el-image`),_=f(`image-wrapper`),v=f(`api-code-button`),y=f(`font-awesome-icon`),b=f(`copy-to-clipboard`),x=f(`el-alert`);return d(),p(`div`,tn,[r(`div`,nn,[o(g,{src:`https://cdn.acedata.cloud/bcml67.png`,class:`avatar bg-[var(--el-bg-color)] p-[2px] w-[50px] h-[50px] m-[10px] rounded-full`})]),r(`div`,rn,[r(`div`,an,[a(u(e.$t(`qrart.name.qrartBot`))+` `,1),r(`span`,on,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,sn,[e.modelValue?.request?.prompt?(d(),p(`p`,cn,[a(u(e.modelValue?.request?.prompt)+` `,1),e.modelValue?.response?s(``,!0):(d(),p(`span`,ln,` - (`+u(e.$t(`qrart.status.pending`))+`) `,1))])):s(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,un,[e.modelValue?.response?.image_url?(d(),n(_,{key:0,src:e.modelValue?.response?.image_url,"raw-src":e.modelValue?.response?.image_url},null,8,[`src`,`raw-src`])):s(``,!0),r(`div`,dn,[o(v,{path:`/qrart/generate`,body:e.modelValue?.request},null,8,[`body`])]),o(x,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,fn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,pn,[o(y,{icon:`fa-solid fa-diamond`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.type`))+`: `+u(e.$t(`qrart.type.`+e.modelValue?.request?.type))+` `,1),o(b,{content:e.modelValue?.request?.type,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.request?.content?(d(),p(`p`,mn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.content`))+`: `+u(e.modelValue?.request?.content)+` `,1),o(b,{content:e.modelValue?.request?.content,class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.request?.content_image_url?(d(),p(`p`,hn,[o(y,{icon:`fa-regular fa-message`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.contentImageUrl`))+`: `,1),o(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1 cursor-pointer`,onClick:t[0]||=t=>e.onOpenLink(e.modelValue?.request?.content_image_url)})])):s(``,!0),e.modelValue?.request?.seed||e.modelValue?.response?.seed?(d(),p(`p`,gn,[o(y,{icon:`fa-solid fa-seedling`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.seed`))+`: `+u(e.modelValue?.request?.seed||e.modelValue?.response?.seed)+` `,1),o(b,{content:(e.modelValue?.request?.seed||e.modelValue?.response?.seed).toString(),class:`btn-copy`},null,8,[`content`])])):s(``,!0),e.modelValue?.elapsed?(d(),p(`p`,_n,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0)]),_:1})])):s(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,vn,[o(x,{closable:!1,class:`failure`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,yn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,$,[o(y,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),o(b,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,bn,[o(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):s(``,!0),r(`p`,xn,[o(y,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),o(b,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):s(``,!0),e.modelValue?.response?s(``,!0):(d(),p(`div`,Sn,[o(x,{closable:!1,class:`info`},{template:m(()=>[o(y,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.failure`)),1)]),default:m(()=>[r(`p`,Cn,[o(y,{icon:`fa-solid fa-magic`,class:`mr-1`}),a(` `+u(e.$t(`qrart.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),o(b,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})]))])])}var Tn=c({name:`RecentPanel`,components:{TaskPreview:R(en,[[`render`,wn],[`__scopeId`,`data-v-5c6e6795`]]),BotPlaceholder:J,NoTasks:ne,ScrollList:X},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.qrart?.tasks,items:this.$store.state.qrart?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),En={key:0},Dn={key:2,class:`w-full h-full flex items-center justify-center`};function On(e,t,r,i,a,c){let u=f(`bot-placeholder`),g=f(`task-preview`),_=f(`scroll-list`),v=f(`no-tasks`);return d(),p(h,null,[e.tasks?.items===void 0?(d(),p(`div`,En,[o(u)])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),n(_,{key:1,ref:`scrollList`,class:`tasks h-full w-full overflow-y-auto`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[(d(!0),p(h,null,l(e.tasks?.items,(e,t)=>(d(),n(g,{key:t,"model-value":e},null,8,[`model-value`]))),128))]),_:1},8,[`loading`])):s(``,!0),e.tasks?.items?.length===0?(d(),p(`div`,Dn,[o(v)])):s(``,!0)],64)}var kn=R(Tn,[[`render`,On]]),An=O(`qrart`),jn=c({name:`QrartIndex`,components:{ConfigPanel:$t,Layout:de,ApplicationStatus:K,RecentPanel:kn},mixins:[H],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.qrart?.status?.getApplications===V.Request},tasksLoading(){return this.$store.state.qrart?.status?.getTasks===V.Request||this.fetchingTasks},service(){return this.$store.state.qrart.service},credential(){return this.$store.state.qrart.credential},config(){return this.$store.state.qrart.config},initializing(){return this.$store.state.qrart.status.getApplications===V.Request},needApply(){return this.$store.state.qrart.status.getApplications===V.Success&&!this.application},application(){return this.$store.state.qrart.application},tasks(){return this.$store.state.qrart.tasks},applications(){return this.$store.state.qrart.applications}},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 Z({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`qrart/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplications`),await this.$store.dispatch(`qrart/getApplications`),console.debug(`end onGetApplications`),await this.onGetTasks()},onApply(){N.create({application:this.application}).then(({data:e})=>{this.application=e,U.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&U.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`qrart/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGenerate(){if(!z(this.uploadTracker,e=>this.$t(e),e=>U.warning(e)))return;let e={type:this.config?.type,content:this.config?.content,content_image_url:this.config?.content_image_url,prompt:this.config?.prompt,aspect_ratio:this.config?.aspect_ratio,callback_url:An,qrw:this.config?.qrw,steps:this.config?.steps,preset:this.config?.preset,...this.config?.advanced?{position:this.config?.position,pixel_style:this.config?.pixel_style,marker_shape:this.config?.marker_shape,sub_marker:this.config?.sub_marker,rotate:this.config?.rotate,ecl:this.config?.ecl,seed:this.config?.seed,padding_level:this.config?.padding_level,padding_noise:this.config?.padding_noise}:{}},t=this.credential?.token;if(!t){console.error(`no token specified`);return}U.info(this.$t(`qrart.message.startingTask`)),I(`qrart`,ee.generate(e,{token:t})).then(()=>{U.success(this.$t(`qrart.message.startTaskSuccess`))}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?U.error(this.$t(`qrart.message.usedUp`)):U.error(this.$t(`qrart.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function Mn(e,t,r,i,a,s){let c=f(`config-panel`),l=f(`application-status`),u=f(`recent-panel`),p=f(`layout`);return d(),n(p,null,{config:m(()=>[o(c,{onGenerate:e.onGenerate},null,8,[`onGenerate`])]),result:m(()=>[o(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`qrart/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),o(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var Nn=R(jn,[[`render`,Mn],[`__scopeId`,`data-v-3bce2743`]]);export{Nn as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,v as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{t as _}from"./drawer-BhAAsvLB.js";import{Or as v,S as y,br as b,dr as x,wr as S,xr as C}from"./index-Pkocn9HX.js";import{t as w}from"./index.es-xnQvB_ZB.js";var ee=o({name:`CodingBridgeNodeList`,components:{ElButton:g,FontAwesomeIcon:w},emits:[`pair`],computed:{nodes(){return this.$store.state.codingBridge?.nodes??[]},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},connection(){return this.$store.state.codingBridge?.connection??`disconnected`},connectionLabel(){return this.$t(`codingBridge.connection.${this.connection}`)},connectionDotClass(){switch(this.connection){case`connected`:return`bg-[var(--el-color-success)]`;case`connecting`:return`bg-[var(--el-color-warning)]`;case`error`:return`bg-[var(--el-color-danger)]`;default:return`bg-[var(--app-text-subtle)]`}}},methods:{onSelect(e){this.$store.dispatch(`codingBridge/selectNode`,e)},onRefresh(){this.$store.dispatch(`codingBridge/getNodes`)},async onDelete(e){try{await b.confirm(this.$t(`codingBridge.nodeList.removeConfirm`,{name:e.name}),this.$t(`codingBridge.nodeList.remove`),{confirmButtonText:this.$t(`codingBridge.nodeList.remove`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}try{await this.$store.dispatch(`codingBridge/deleteNode`,e.node_id),C.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{C.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),te={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},T={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},E={class:`flex items-center gap-2 font-medium`},D={class:`flex items-center gap-1`},O={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},k={class:`text-[var(--app-text-subtle)]`},A={class:`flex-1 overflow-y-auto`},j={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},M={class:`mb-3`},N={key:1,class:`list-none m-0 p-0`},P=[`onClick`],F={class:`flex-1 min-w-0`},I={class:`flex items-center gap-2`},L={class:`truncate font-medium`},R=[`title`],z={class:`text-xs text-[var(--app-text-subtle)] truncate`};function B(t,a,o,p,g,_){let v=u(`font-awesome-icon`),y=u(`el-button`);return l(),d(`div`,te,[n(`div`,T,[n(`div`,E,[i(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,c(t.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,D,[i(y,{circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.refresh`),onClick:t.onRefresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),i(y,{type:`primary`,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,O,[n(`span`,{class:e([`inline-block w-2 h-2 rounded-full`,t.connectionDotClass])},null,2),n(`span`,k,c(t.connectionLabel),1)]),n(`div`,A,[t.nodes.length?(l(),d(`ul`,N,[(l(!0),d(m,null,s(t.nodes,r=>(l(),d(`li`,{key:r.node_id,class:e([`group flex items-center gap-3 px-4 py-3 cursor-pointer border-b border-[var(--app-border-subtle)] hover:bg-[var(--app-content-bg)]`,{"bg-[var(--app-content-bg)]":r.node_id===t.currentNodeId}]),onClick:e=>t.onSelect(r.node_id)},[i(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,F,[n(`div`,I,[n(`span`,L,c(r.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,r.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)},null,10,R)]),n(`div`,z,c(r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)),1)]),i(y,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.remove`),onClick:h(e=>t.onDelete(r),[`stop`])},{default:f(()=>[i(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,P))),128))])):(l(),d(`div`,j,[n(`p`,M,c(t.$t(`codingBridge.nodeList.empty`)),1),i(y,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(t.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var V=y(ee,[[`render`,B]]),H=o({name:`CodingBridgeTranscriptItem`,components:{FontAwesomeIcon:w},props:{event:{type:Object,required:!0}},computed:{commandText(){let e=this.event.input;if(!e)return``;for(let t of[`command`,`cmd`,`script`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},filePath(){let e=this.event.input;if(!e)return``;for(let t of[`file_path`,`filePath`,`path`,`notebook_path`,`filename`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},toolDescription(){let e=this.event.input?.description;return typeof e==`string`?e:``},toolIcon(){if(this.commandText)return`fa-solid fa-terminal`;let e=(this.event.tool??``).toLowerCase();return/read|cat|view/.test(e)?`fa-solid fa-file-lines`:/write|edit|create|update|insert/.test(e)?`fa-solid fa-pen`:/grep|glob|search|find|list/.test(e)?`fa-solid fa-magnifying-glass`:`fa-solid fa-code`},inputText(){let e=this.event.input;if(!e)return``;let t={};for(let[n,r]of Object.entries(e))n===`timeout`||n===`description`||(t[n]=r);if(Object.keys(t).length===0)return``;try{return JSON.stringify(t,null,2)}catch{return String(e)}},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},resultLabel(){let e=[];return this.event.is_error?e.push(this.$t(`codingBridge.transcript.turnFailed`)):e.push(this.$t(`codingBridge.transcript.turnDone`)),typeof this.event.cost_usd==`number`&&this.event.cost_usd>0&&e.push(`$${this.event.cost_usd.toFixed(4)}`),e.join(` · `)}}}),U={key:0,class:`flex justify-end`},W={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},G={key:1,class:`whitespace-pre-wrap break-words text-[var(--app-text)]`},K={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},q={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},J={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},Y={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},X={key:0,class:`px-2.5 pb-2`},Z={class:`flex gap-2 overflow-x-auto rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 font-mono text-xs`},Q={class:`whitespace-pre-wrap break-words`},ne={key:1,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},re={key:2,class:`m-0 overflow-x-auto whitespace-pre-wrap break-words px-2.5 pb-2 text-xs text-[var(--app-text-subtle)]`},ie={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},ae={key:6,class:`rounded-md bg-[var(--el-color-danger-light-9)] text-[var(--el-color-danger)] px-3 py-2 whitespace-pre-wrap break-words`};function oe(t,r,o,s,f,p){let m=u(`font-awesome-icon`);return l(),d(`div`,{class:e([`transcript-item text-sm leading-relaxed`,`kind-${t.event.kind}`])},[t.event.kind===`prompt`?(l(),d(`div`,U,[n(`div`,W,c(t.event.text),1)])):t.event.kind===`text`?(l(),d(`div`,G,c(t.event.text),1)):t.event.kind===`thinking`?(l(),d(`div`,K,c(t.event.text),1)):t.event.kind===`tool_use`?(l(),d(`div`,q,[n(`div`,J,[i(m,{icon:t.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,c(t.event.tool),1),t.toolDescription?(l(),d(`span`,Y,c(t.toolDescription),1)):a(``,!0)]),t.commandText?(l(),d(`div`,X,[n(`div`,Z,[r[0]||=n(`span`,{class:`select-none text-[var(--el-color-success)]`},`$`,-1),n(`span`,Q,c(t.commandText),1)])])):t.filePath?(l(),d(`div`,ne,c(t.filePath),1)):t.inputText?(l(),d(`pre`,re,c(t.inputText),1)):a(``,!0)])):t.event.kind===`tool_result`?(l(),d(`div`,{key:4,class:e([`overflow-hidden rounded-md`,t.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[n(`pre`,{class:e([`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-words px-2.5 py-2 font-mono text-xs`,t.event.is_error?`text-[var(--el-color-danger)]`:`text-[var(--app-text-subtle)]`])},c(t.resultText),3)],2)):t.event.kind===`result`?(l(),d(`div`,ie,[i(m,{icon:t.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,c(t.resultLabel),1)])):t.event.kind===`error`?(l(),d(`div`,ae,c(t.event.text),1)):a(``,!0)],2)}var se=o({name:`CodingBridgeSessionView`,components:{ElInput:v,ElButton:g,FontAwesomeIcon:w,TranscriptItem:y(H,[[`render`,oe]])},emits:[`history`],data(){return{prompt:``,cwd:``,model:``}},computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},currentNode(){return this.$store.state.codingBridge?.nodes?.find(e=>e.node_id===this.currentNodeId)},nodeOnline(){return this.currentNode?.status===`online`},currentSessionId(){return this.$store.state.codingBridge?.currentSessionId},currentSession(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.sessions?.[e]:void 0},events(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.events?.[e]??[]:[]},isNewSession(){return!this.currentSessionId},readonly(){return this.currentSession?.readonly===!0},resumeHint(){return!!this.currentSession?.provider&&!this.currentSession?.started&&!this.readonly},replayLabel(){return!this.currentSession?.provider||this.currentSession?.started?``:this.currentSession.provider===`codex`?this.$t(`codingBridge.history.codexLabel`):this.$t(`codingBridge.history.claudeLabel`)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},connected(){return this.$store.state.codingBridge?.connection===`connected`},canSend(){return!!this.prompt.trim()&&this.connected&&this.nodeOnline}},watch:{events(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom()}},methods:{onSend(){this.canSend&&(this.$store.dispatch(`codingBridge/sendPrompt`,{prompt:this.prompt,cwd:this.cwd,model:this.model}),this.prompt=``)},onInterrupt(){this.$store.dispatch(`codingBridge/interruptSession`)},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.cwd=``,this.model=``,this.prompt=``},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})}}}),ce={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},le={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},ue={class:`text-sm`},de={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},fe={class:`min-w-0`},pe={class:`flex items-center gap-2 font-medium`},me={class:`truncate`},he={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},ge={key:0},_e={key:1},ve={key:2,class:`text-[var(--el-color-primary)]`},ye={class:`flex items-center gap-2 flex-none`},be={key:0,class:`px-5 py-2 text-xs bg-[var(--el-color-warning-light-9)] text-[var(--el-color-warning)] border-b border-[var(--app-border-subtle)]`},xe={ref:`transcript`,class:`flex-1 overflow-y-auto px-5 py-4 flex flex-col gap-3`},Se={key:0,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},Ce={class:`border-t border-[var(--app-border-subtle)] p-3`},we={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},Te={key:0,class:`flex gap-2 mb-2`},Ee={class:`flex items-end gap-2`},De={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Oe(o,g,_,v,y,b){let x=u(`font-awesome-icon`),S=u(`el-button`),C=u(`transcript-item`),w=u(`el-input`);return l(),d(`div`,ce,[o.currentNode?(l(),d(m,{key:1},[n(`div`,de,[n(`div`,fe,[n(`div`,pe,[n(`span`,me,c(o.currentNode.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,o.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),o.currentSession?(l(),d(`div`,he,[o.currentSession.cwd?(l(),d(`span`,ge,c(o.currentSession.cwd),1)):a(``,!0),o.currentSession.model?(l(),d(`span`,_e,` · `+c(o.currentSession.model),1)):a(``,!0),o.replayLabel?(l(),d(`span`,ve,` · `+c(o.replayLabel),1)):a(``,!0)])):a(``,!0)]),n(`div`,ye,[i(S,{size:`small`,round:``,onClick:g[0]||=e=>o.$emit(`history`)},{default:f(()=>[i(x,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.history.button`)),1)]),_:1}),o.currentSessionId?(l(),t(S,{key:0,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[i(x,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):a(``,!0)])]),o.nodeOnline?a(``,!0):(l(),d(`div`,be,c(o.$t(`codingBridge.session.deviceOffline`)),1)),n(`div`,xe,[o.events.length?a(``,!0):(l(),d(`div`,Se,c(o.$t(`codingBridge.session.startHint`)),1)),(l(!0),d(m,null,s(o.events,e=>(l(),t(C,{key:e.id,event:e},null,8,[`event`]))),128))],512),n(`div`,Ce,[o.readonly?(l(),d(`div`,we,[i(x,{icon:`fa-solid fa-eye`}),n(`span`,null,c(o.$t(`codingBridge.history.readonly`)),1),i(S,{class:`ml-auto`,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[r(c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(l(),d(m,{key:1},[o.isNewSession?(l(),d(`div`,Te,[i(w,{modelValue:o.cwd,"onUpdate:modelValue":g[1]||=e=>o.cwd=e,size:`small`,placeholder:o.$t(`codingBridge.session.cwdPlaceholder`),clearable:``},null,8,[`modelValue`,`placeholder`]),i(w,{modelValue:o.model,"onUpdate:modelValue":g[2]||=e=>o.model=e,size:`small`,placeholder:o.$t(`codingBridge.session.modelPlaceholder`),clearable:``},null,8,[`modelValue`,`placeholder`])])):a(``,!0),n(`div`,Ee,[i(w,{modelValue:o.prompt,"onUpdate:modelValue":g[3]||=e=>o.prompt=e,type:`textarea`,autosize:{minRows:1,maxRows:6},resize:`none`,class:`flex-1`,placeholder:o.$t(`codingBridge.session.promptPlaceholder`),onKeydown:p(h(o.onSend,[`exact`,`prevent`]),[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`]),o.running?(l(),t(S,{key:0,round:``,onClick:o.onInterrupt},{default:f(()=>[i(x,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):a(``,!0),i(S,{type:`primary`,round:``,disabled:!o.canSend,onClick:o.onSend},{default:f(()=>[r(c(o.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])]),n(`p`,De,c(o.resumeHint?o.$t(`codingBridge.history.resumeHint`):o.$t(`codingBridge.session.enterHint`)),1)],64))])],64)):(l(),d(`div`,le,[i(x,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,ue,c(o.$t(`codingBridge.session.noDevice`)),1)]))])}var ke=y(se,[[`render`,Oe]]),Ae=o({name:`CodingBridgePairDialog`,components:{ElDialog:S,ElInput:v,ElButton:g,FontAwesomeIcon:w},props:{visible:{type:Boolean,default:!1},initialCode:{type:String,default:``}},emits:[`update:visible`],data(){return{code:``}},computed:{claiming(){return this.$store.state.codingBridge?.status?.claimPair===x.Request}},watch:{visible(e){e&&this.initialCode&&(this.code=this.initialCode)},initialCode(e){e&&(this.code=e)}},methods:{async onClaim(){let e=this.code.trim();if(e)try{let t=await this.$store.dispatch(`codingBridge/claimPair`,e);C.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?C.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?C.error(this.$t(`codingBridge.pair.usedCode`)):C.error(this.$t(`codingBridge.pair.failed`))}}}}),je={class:`content`},Me={class:`text-sm text-[var(--app-text-subtle)] mb-4`},Ne={class:`steps list-none m-0 p-0 mb-4`},Pe={class:`flex gap-3 mb-3`},Fe={class:`flex-1 min-w-0`},Ie={class:`text-sm mb-1`},Le={class:`flex gap-3 mb-3`},Re={class:`flex-1 min-w-0`},ze={class:`text-sm mb-1`},Be={class:`flex gap-3`},Ve={class:`flex-1 min-w-0`},He={class:`text-sm`};function Ue(e,a,o,s,d,m){let h=u(`el-input`),g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":a[1]||=t=>e.$emit(`update:visible`,t)},{default:f(()=>[n(`div`,je,[n(`p`,Me,c(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,Ne,[n(`li`,Pe,[a[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,Fe,[n(`p`,Ie,c(e.$t(`codingBridge.pair.step1`)),1),a[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge-agent`,-1)])]),n(`li`,Le,[a[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,Re,[n(`p`,ze,c(e.$t(`codingBridge.pair.step2`)),1),a[4]||=n(`code`,{class:`cmd`},`coding-bridge-agent up`,-1)])]),n(`li`,Be,[a[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,Ve,[n(`p`,He,c(e.$t(`codingBridge.pair.step3`)),1)])])]),i(h,{modelValue:e.code,"onUpdate:modelValue":a[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:p(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),i(_,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:f(()=>[i(g,{icon:`fa-solid fa-link`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var We=y(Ae,[[`render`,Ue],[`__scopeId`,`data-v-3d1ed01f`]]),Ge=o({name:`CodingBridgePermissionDialog`,components:{ElDialog:S,ElButton:g,FontAwesomeIcon:w},computed:{request(){return this.$store.state.codingBridge?.permissions?.[0]},hasInput(){return!!this.request?.input&&Object.keys(this.request.input).length>0},inputText(){try{return JSON.stringify(this.request?.input,null,2)}catch{return String(this.request?.input??``)}}},methods:{onAllow(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`allow`})},onDeny(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`deny`})}}}),Ke={key:0,class:`content`},qe={class:`text-sm text-[var(--app-text-subtle)] mb-3`},Je={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},Ye={class:`flex items-center gap-2 font-medium`},Xe={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},Ze={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},Qe={class:`flex justify-end gap-2`};function $e(e,o,s,p,m,h){let g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:f(()=>[n(`div`,Qe,[i(_,{round:``,onClick:e.onDeny},{default:f(()=>[i(g,{icon:`fa-solid fa-xmark`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),i(_,{type:`primary`,round:``,onClick:e.onAllow},{default:f(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:f(()=>[e.request?(l(),d(`div`,Ke,[n(`p`,qe,c(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,Je,[n(`div`,Ye,[i(g,{icon:`fa-solid fa-code`}),n(`span`,null,c(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(l(),d(`p`,Xe,c(e.request.description),1)):a(``,!0),e.hasInput?(l(),d(`pre`,Ze,c(e.inputText),1)):a(``,!0)])])):a(``,!0)]),_:1},8,[`model-value`,`title`])}var et=y(Ge,[[`render`,$e]]),tt=o({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:_,ElButton:g,FontAwesomeIcon:w},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`],computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},loading(){return this.$store.state.codingBridge?.status?.getHistory===x.Request},sessions(){let e=this.currentNodeId;return[...e?this.$store.state.codingBridge?.history?.[e]??[]:[]].sort((e,t)=>(t.updated_at??0)-(e.updated_at??0))}},watch:{visible(e){e&&this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)}},methods:{refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/getHistoryDetail`,{node_id:this.currentNodeId,provider:e.provider,session_id:e.session_id}),this.$emit(`update:visible`,!1))},formatTime(e){try{return new Date(e).toLocaleString()}catch{return``}}}}),nt={class:`flex flex-col h-full`},rt={class:`flex items-center justify-between mb-3`},it={class:`text-xs text-[var(--app-text-subtle)] m-0`},at={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},ot={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},st={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},ct={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},lt=[`onClick`],ut={class:`flex items-center gap-2 mb-1`},dt={class:`text-sm font-medium truncate flex-1`},ft={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},$={key:0},pt={key:1},mt={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},ht={key:0},gt={key:1};function _t(o,p,h,g,_,v){let y=u(`font-awesome-icon`),b=u(`el-button`),x=u(`el-drawer`);return l(),t(x,{"model-value":o.visible,direction:`rtl`,size:`380px`,title:o.$t(`codingBridge.history.title`),"onUpdate:modelValue":p[0]||=e=>o.$emit(`update:visible`,e)},{default:f(()=>[n(`div`,nt,[n(`div`,rt,[n(`p`,it,c(o.$t(`codingBridge.history.intro`)),1),i(b,{size:`small`,round:``,loading:o.loading,onClick:o.refresh},{default:f(()=>[o.loading?a(``,!0):(l(),t(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),r(` `+c(o.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),o.currentNodeId?o.loading&&!o.sessions.length?(l(),d(`div`,ot,c(o.$t(`codingBridge.history.loading`)),1)):o.sessions.length?(l(),d(`ul`,ct,[(l(!0),d(m,null,s(o.sessions,t=>(l(),d(`li`,{key:t.provider+`:`+t.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:e=>o.open(t)},[n(`div`,ut,[n(`span`,{class:e([`provider-tag`,t.provider])},c(t.provider===`codex`?`Codex`:`Claude`),3),n(`span`,dt,c(t.title),1)]),n(`div`,ft,[t.cwd?(l(),d(`span`,$,c(t.cwd),1)):a(``,!0),t.git_branch?(l(),d(`span`,pt,` · `+c(t.git_branch),1)):a(``,!0)]),n(`div`,mt,[t.updated_at?(l(),d(`span`,ht,c(o.formatTime(t.updated_at)),1)):a(``,!0),t.message_count?(l(),d(`span`,gt,` · `+c(o.$t(`codingBridge.history.messages`,{count:t.message_count})),1)):a(``,!0)])],8,lt))),128))])):(l(),d(`div`,st,c(o.$t(`codingBridge.history.empty`)),1)):(l(),d(`div`,at,c(o.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var vt=o({name:`CodingBridgeIndex`,components:{ElButton:g,ElDrawer:_,FontAwesomeIcon:w,NodeList:V,SessionView:ke,PairDialog:We,PermissionDialog:et,HistoryDrawer:y(tt,[[`render`,_t],[`__scopeId`,`data-v-3414881a`]])},data(){return{drawer:!1,pairVisible:!1,historyVisible:!1,initialCode:``}},mounted(){this.$store.dispatch(`codingBridge/connect`),this.$store.dispatch(`codingBridge/getNodes`);let e=this.$route.query.code;typeof e==`string`&&e&&(this.initialCode=e,this.pairVisible=!0)},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()}}}),yt={class:`coding-bridge flex flex-row h-full relative`};function bt(e,t,n,r,a,o){let s=u(`node-list`),c=u(`session-view`),p=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`),g=u(`pair-dialog`),_=u(`permission-dialog`),v=u(`history-drawer`);return l(),d(`div`,yt,[i(s,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),i(c,{class:`flex-1 min-w-0`,onHistory:t[0]||=t=>e.historyVisible=!0}),i(m,{circle:``,class:`menu`,onClick:t[1]||=t=>e.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-laptop-code`})]),_:1}),i(h,{modelValue:e.drawer,"onUpdate:modelValue":t[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:f(()=>[i(s,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),i(g,{visible:e.pairVisible,"onUpdate:visible":t[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),i(_),i(v,{visible:e.historyVisible,"onUpdate:visible":t[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var xt=y(vt,[[`render`,bt],[`__scopeId`,`data-v-3a406429`]]);export{xt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,k as d,lt as f,v as p,x as m,y as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{t as _}from"./drawer-BhAAsvLB.js";import{Or as v,S as y,br as b,dr as x,wr as S,xr as C}from"./index-DJri8swR.js";import{t as w}from"./index.es-DU_1oGwZ.js";var ee=o({name:`CodingBridgeNodeList`,components:{ElButton:g,FontAwesomeIcon:w},emits:[`pair`],computed:{nodes(){return this.$store.state.codingBridge?.nodes??[]},currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},connection(){return this.$store.state.codingBridge?.connection??`disconnected`},connectionLabel(){return this.$t(`codingBridge.connection.${this.connection}`)},connectionDotClass(){switch(this.connection){case`connected`:return`bg-[var(--el-color-success)]`;case`connecting`:return`bg-[var(--el-color-warning)]`;case`error`:return`bg-[var(--el-color-danger)]`;default:return`bg-[var(--app-text-subtle)]`}}},methods:{onSelect(e){this.$store.dispatch(`codingBridge/selectNode`,e)},onRefresh(){this.$store.dispatch(`codingBridge/getNodes`)},async onDelete(e){try{await b.confirm(this.$t(`codingBridge.nodeList.removeConfirm`,{name:e.name}),this.$t(`codingBridge.nodeList.remove`),{confirmButtonText:this.$t(`codingBridge.nodeList.remove`),cancelButtonText:this.$t(`common.button.cancel`),type:`warning`})}catch{return}try{await this.$store.dispatch(`codingBridge/deleteNode`,e.node_id),C.success(this.$t(`codingBridge.nodeList.removeSuccess`))}catch{C.error(this.$t(`codingBridge.nodeList.removeFailed`))}}}}),te={class:`node-list flex flex-col h-full bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},T={class:`flex items-center justify-between px-4 py-3 border-b border-[var(--app-border-subtle)]`},E={class:`flex items-center gap-2 font-medium`},D={class:`flex items-center gap-1`},O={class:`flex items-center gap-2 px-4 py-2 text-xs border-b border-[var(--app-border-subtle)]`},k={class:`text-[var(--app-text-subtle)]`},A={class:`flex-1 overflow-y-auto`},j={key:0,class:`p-6 text-center text-sm text-[var(--app-text-subtle)]`},M={class:`mb-3`},N={key:1,class:`list-none m-0 p-0`},P=[`onClick`],F={class:`flex-1 min-w-0`},I={class:`flex items-center gap-2`},L={class:`truncate font-medium`},R=[`title`],z={class:`text-xs text-[var(--app-text-subtle)] truncate`};function B(t,a,o,p,g,_){let v=u(`font-awesome-icon`),y=u(`el-button`);return l(),d(`div`,te,[n(`div`,T,[n(`div`,E,[i(v,{icon:`fa-solid fa-laptop-code`}),n(`span`,null,c(t.$t(`codingBridge.nodeList.title`)),1)]),n(`div`,D,[i(y,{circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.refresh`),onClick:t.onRefresh},{default:f(()=>[i(v,{icon:`fa-solid fa-rotate-right`})]),_:1},8,[`title`,`onClick`]),i(y,{type:`primary`,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.pair`),onClick:a[0]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`})]),_:1},8,[`title`])])]),n(`div`,O,[n(`span`,{class:e([`inline-block w-2 h-2 rounded-full`,t.connectionDotClass])},null,2),n(`span`,k,c(t.connectionLabel),1)]),n(`div`,A,[t.nodes.length?(l(),d(`ul`,N,[(l(!0),d(m,null,s(t.nodes,r=>(l(),d(`li`,{key:r.node_id,class:e([`group flex items-center gap-3 px-4 py-3 cursor-pointer border-b border-[var(--app-border-subtle)] hover:bg-[var(--app-content-bg)]`,{"bg-[var(--app-content-bg)]":r.node_id===t.currentNodeId}]),onClick:e=>t.onSelect(r.node_id)},[i(v,{icon:`fa-solid fa-desktop`,class:`text-[var(--app-text-subtle)]`}),n(`div`,F,[n(`div`,I,[n(`span`,L,c(r.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,r.status===`online`?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`]),title:r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)},null,10,R)]),n(`div`,z,c(r.status===`online`?t.$t(`codingBridge.status.online`):t.$t(`codingBridge.status.offline`)),1)]),i(y,{class:`opacity-0 group-hover:opacity-100`,text:``,circle:``,size:`small`,title:t.$t(`codingBridge.nodeList.remove`),onClick:h(e=>t.onDelete(r),[`stop`])},{default:f(()=>[i(v,{icon:`fa-solid fa-trash`})]),_:1},8,[`title`,`onClick`])],10,P))),128))])):(l(),d(`div`,j,[n(`p`,M,c(t.$t(`codingBridge.nodeList.empty`)),1),i(y,{type:`primary`,round:``,size:`small`,onClick:a[1]||=e=>t.$emit(`pair`)},{default:f(()=>[i(v,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(t.$t(`codingBridge.nodeList.pairFirst`)),1)]),_:1})]))])])}var V=y(ee,[[`render`,B]]),H=o({name:`CodingBridgeTranscriptItem`,components:{FontAwesomeIcon:w},props:{event:{type:Object,required:!0}},computed:{commandText(){let e=this.event.input;if(!e)return``;for(let t of[`command`,`cmd`,`script`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},filePath(){let e=this.event.input;if(!e)return``;for(let t of[`file_path`,`filePath`,`path`,`notebook_path`,`filename`]){let n=e[t];if(typeof n==`string`&&n.trim())return n}return``},toolDescription(){let e=this.event.input?.description;return typeof e==`string`?e:``},toolIcon(){if(this.commandText)return`fa-solid fa-terminal`;let e=(this.event.tool??``).toLowerCase();return/read|cat|view/.test(e)?`fa-solid fa-file-lines`:/write|edit|create|update|insert/.test(e)?`fa-solid fa-pen`:/grep|glob|search|find|list/.test(e)?`fa-solid fa-magnifying-glass`:`fa-solid fa-code`},inputText(){let e=this.event.input;if(!e)return``;let t={};for(let[n,r]of Object.entries(e))n===`timeout`||n===`description`||(t[n]=r);if(Object.keys(t).length===0)return``;try{return JSON.stringify(t,null,2)}catch{return String(e)}},resultText(){let e=this.event.content;return typeof e==`string`&&e.length>0?e:`—`},resultLabel(){let e=[];return this.event.is_error?e.push(this.$t(`codingBridge.transcript.turnFailed`)):e.push(this.$t(`codingBridge.transcript.turnDone`)),typeof this.event.cost_usd==`number`&&this.event.cost_usd>0&&e.push(`$${this.event.cost_usd.toFixed(4)}`),e.join(` · `)}}}),U={key:0,class:`flex justify-end`},W={class:`max-w-[85%] rounded-lg px-3 py-2 bg-[var(--el-color-primary)] text-white whitespace-pre-wrap break-words`},G={key:1,class:`whitespace-pre-wrap break-words text-[var(--app-text)]`},K={key:2,class:`whitespace-pre-wrap break-words italic text-[var(--app-text-subtle)] border-l-2 border-[var(--app-border-subtle)] pl-3`},q={key:3,class:`overflow-hidden rounded-md bg-[var(--app-sidebar-bg)] border border-[var(--app-border-subtle)]`},J={class:`flex items-center gap-2 px-2.5 py-1.5 font-medium text-[var(--app-text-subtle)]`},Y={key:0,class:`min-w-0 truncate text-xs font-normal opacity-70`},X={key:0,class:`px-2.5 pb-2`},Z={class:`flex gap-2 overflow-x-auto rounded border border-[var(--app-border-subtle)] bg-[var(--app-content-bg)] px-2.5 py-1.5 font-mono text-xs`},Q={class:`whitespace-pre-wrap break-words`},ne={key:1,class:`px-2.5 pb-2 font-mono text-xs break-all text-[var(--app-text-subtle)]`},re={key:2,class:`m-0 overflow-x-auto whitespace-pre-wrap break-words px-2.5 pb-2 text-xs text-[var(--app-text-subtle)]`},ie={key:5,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)]`},ae={key:6,class:`rounded-md bg-[var(--el-color-danger-light-9)] text-[var(--el-color-danger)] px-3 py-2 whitespace-pre-wrap break-words`};function oe(t,r,o,s,f,p){let m=u(`font-awesome-icon`);return l(),d(`div`,{class:e([`transcript-item text-sm leading-relaxed`,`kind-${t.event.kind}`])},[t.event.kind===`prompt`?(l(),d(`div`,U,[n(`div`,W,c(t.event.text),1)])):t.event.kind===`text`?(l(),d(`div`,G,c(t.event.text),1)):t.event.kind===`thinking`?(l(),d(`div`,K,c(t.event.text),1)):t.event.kind===`tool_use`?(l(),d(`div`,q,[n(`div`,J,[i(m,{icon:t.toolIcon,class:`text-[var(--el-color-primary)]`},null,8,[`icon`]),n(`span`,null,c(t.event.tool),1),t.toolDescription?(l(),d(`span`,Y,c(t.toolDescription),1)):a(``,!0)]),t.commandText?(l(),d(`div`,X,[n(`div`,Z,[r[0]||=n(`span`,{class:`select-none text-[var(--el-color-success)]`},`$`,-1),n(`span`,Q,c(t.commandText),1)])])):t.filePath?(l(),d(`div`,ne,c(t.filePath),1)):t.inputText?(l(),d(`pre`,re,c(t.inputText),1)):a(``,!0)])):t.event.kind===`tool_result`?(l(),d(`div`,{key:4,class:e([`overflow-hidden rounded-md`,t.event.is_error?`bg-[var(--el-color-danger-light-9)]`:`bg-[var(--app-sidebar-bg)]`])},[n(`pre`,{class:e([`m-0 max-h-72 overflow-auto whitespace-pre-wrap break-words px-2.5 py-2 font-mono text-xs`,t.event.is_error?`text-[var(--el-color-danger)]`:`text-[var(--app-text-subtle)]`])},c(t.resultText),3)],2)):t.event.kind===`result`?(l(),d(`div`,ie,[i(m,{icon:t.event.is_error?`fa-solid fa-xmark`:`fa-solid fa-check`},null,8,[`icon`]),n(`span`,null,c(t.resultLabel),1)])):t.event.kind===`error`?(l(),d(`div`,ae,c(t.event.text),1)):a(``,!0)],2)}var se=o({name:`CodingBridgeSessionView`,components:{ElInput:v,ElButton:g,FontAwesomeIcon:w,TranscriptItem:y(H,[[`render`,oe]])},emits:[`history`],data(){return{prompt:``,cwd:``,model:``}},computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},currentNode(){return this.$store.state.codingBridge?.nodes?.find(e=>e.node_id===this.currentNodeId)},nodeOnline(){return this.currentNode?.status===`online`},currentSessionId(){return this.$store.state.codingBridge?.currentSessionId},currentSession(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.sessions?.[e]:void 0},events(){let e=this.currentSessionId;return e?this.$store.state.codingBridge?.events?.[e]??[]:[]},isNewSession(){return!this.currentSessionId},readonly(){return this.currentSession?.readonly===!0},resumeHint(){return!!this.currentSession?.provider&&!this.currentSession?.started&&!this.readonly},replayLabel(){return!this.currentSession?.provider||this.currentSession?.started?``:this.currentSession.provider===`codex`?this.$t(`codingBridge.history.codexLabel`):this.$t(`codingBridge.history.claudeLabel`)},running(){let e=this.currentSession?.status;return e===`running`||e===`starting`},connected(){return this.$store.state.codingBridge?.connection===`connected`},canSend(){return!!this.prompt.trim()&&this.connected&&this.nodeOnline}},watch:{events(){this.scrollToBottom()},currentSessionId(){this.scrollToBottom()}},methods:{onSend(){this.canSend&&(this.$store.dispatch(`codingBridge/sendPrompt`,{prompt:this.prompt,cwd:this.cwd,model:this.model}),this.prompt=``)},onInterrupt(){this.$store.dispatch(`codingBridge/interruptSession`)},onNewSession(){this.$store.dispatch(`codingBridge/newSession`),this.cwd=``,this.model=``,this.prompt=``},scrollToBottom(){this.$nextTick(()=>{let e=this.$refs.transcript;e&&(e.scrollTop=e.scrollHeight)})}}}),ce={class:`session-view flex flex-col h-full bg-[var(--app-content-bg)]`},le={key:0,class:`flex-1 flex flex-col items-center justify-center text-center p-8 text-[var(--app-text-subtle)]`},ue={class:`text-sm`},de={class:`flex items-center justify-between gap-3 px-5 py-3 border-b border-[var(--app-border-subtle)]`},fe={class:`min-w-0`},pe={class:`flex items-center gap-2 font-medium`},me={class:`truncate`},he={key:0,class:`text-xs text-[var(--app-text-subtle)] truncate`},ge={key:0},_e={key:1},ve={key:2,class:`text-[var(--el-color-primary)]`},ye={class:`flex items-center gap-2 flex-none`},be={key:0,class:`px-5 py-2 text-xs bg-[var(--el-color-warning-light-9)] text-[var(--el-color-warning)] border-b border-[var(--app-border-subtle)]`},xe={ref:`transcript`,class:`flex-1 overflow-y-auto px-5 py-4 flex flex-col gap-3`},Se={key:0,class:`m-auto text-center text-sm text-[var(--app-text-subtle)]`},Ce={class:`border-t border-[var(--app-border-subtle)] p-3`},we={key:0,class:`flex items-center gap-2 text-xs text-[var(--app-text-subtle)] px-1 py-2`},Te={key:0,class:`flex gap-2 mb-2`},Ee={class:`flex items-end gap-2`},De={class:`text-[11px] text-[var(--app-text-subtle)] mt-1 px-1`};function Oe(o,g,_,v,y,b){let x=u(`font-awesome-icon`),S=u(`el-button`),C=u(`transcript-item`),w=u(`el-input`);return l(),d(`div`,ce,[o.currentNode?(l(),d(m,{key:1},[n(`div`,de,[n(`div`,fe,[n(`div`,pe,[n(`span`,me,c(o.currentNode.name),1),n(`span`,{class:e([`inline-block w-2 h-2 rounded-full flex-none`,o.nodeOnline?`bg-[var(--el-color-success)]`:`bg-[var(--app-text-subtle)]`])},null,2)]),o.currentSession?(l(),d(`div`,he,[o.currentSession.cwd?(l(),d(`span`,ge,c(o.currentSession.cwd),1)):a(``,!0),o.currentSession.model?(l(),d(`span`,_e,` · `+c(o.currentSession.model),1)):a(``,!0),o.replayLabel?(l(),d(`span`,ve,` · `+c(o.replayLabel),1)):a(``,!0)])):a(``,!0)]),n(`div`,ye,[i(S,{size:`small`,round:``,onClick:g[0]||=e=>o.$emit(`history`)},{default:f(()=>[i(x,{icon:`fa-solid fa-clock-rotate-left`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.history.button`)),1)]),_:1}),o.currentSessionId?(l(),t(S,{key:0,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[i(x,{icon:`fa-solid fa-plus`,class:`mr-1`}),r(` `+c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])):a(``,!0)])]),o.nodeOnline?a(``,!0):(l(),d(`div`,be,c(o.$t(`codingBridge.session.deviceOffline`)),1)),n(`div`,xe,[o.events.length?a(``,!0):(l(),d(`div`,Se,c(o.$t(`codingBridge.session.startHint`)),1)),(l(!0),d(m,null,s(o.events,e=>(l(),t(C,{key:e.id,event:e},null,8,[`event`]))),128))],512),n(`div`,Ce,[o.readonly?(l(),d(`div`,we,[i(x,{icon:`fa-solid fa-eye`}),n(`span`,null,c(o.$t(`codingBridge.history.readonly`)),1),i(S,{class:`ml-auto`,size:`small`,round:``,onClick:o.onNewSession},{default:f(()=>[r(c(o.$t(`codingBridge.session.newSession`)),1)]),_:1},8,[`onClick`])])):(l(),d(m,{key:1},[o.isNewSession?(l(),d(`div`,Te,[i(w,{modelValue:o.cwd,"onUpdate:modelValue":g[1]||=e=>o.cwd=e,size:`small`,placeholder:o.$t(`codingBridge.session.cwdPlaceholder`),clearable:``},null,8,[`modelValue`,`placeholder`]),i(w,{modelValue:o.model,"onUpdate:modelValue":g[2]||=e=>o.model=e,size:`small`,placeholder:o.$t(`codingBridge.session.modelPlaceholder`),clearable:``},null,8,[`modelValue`,`placeholder`])])):a(``,!0),n(`div`,Ee,[i(w,{modelValue:o.prompt,"onUpdate:modelValue":g[3]||=e=>o.prompt=e,type:`textarea`,autosize:{minRows:1,maxRows:6},resize:`none`,class:`flex-1`,placeholder:o.$t(`codingBridge.session.promptPlaceholder`),onKeydown:p(h(o.onSend,[`exact`,`prevent`]),[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`]),o.running?(l(),t(S,{key:0,round:``,onClick:o.onInterrupt},{default:f(()=>[i(x,{icon:`fa-solid fa-stop`})]),_:1},8,[`onClick`])):a(``,!0),i(S,{type:`primary`,round:``,disabled:!o.canSend,onClick:o.onSend},{default:f(()=>[r(c(o.$t(`codingBridge.session.send`)),1)]),_:1},8,[`disabled`,`onClick`])]),n(`p`,De,c(o.resumeHint?o.$t(`codingBridge.history.resumeHint`):o.$t(`codingBridge.session.enterHint`)),1)],64))])],64)):(l(),d(`div`,le,[i(x,{icon:`fa-solid fa-laptop-code`,class:`text-4xl mb-3`}),n(`p`,ue,c(o.$t(`codingBridge.session.noDevice`)),1)]))])}var ke=y(se,[[`render`,Oe]]),Ae=o({name:`CodingBridgePairDialog`,components:{ElDialog:S,ElInput:v,ElButton:g,FontAwesomeIcon:w},props:{visible:{type:Boolean,default:!1},initialCode:{type:String,default:``}},emits:[`update:visible`],data(){return{code:``}},computed:{claiming(){return this.$store.state.codingBridge?.status?.claimPair===x.Request}},watch:{visible(e){e&&this.initialCode&&(this.code=this.initialCode)},initialCode(e){e&&(this.code=e)}},methods:{async onClaim(){let e=this.code.trim();if(e)try{let t=await this.$store.dispatch(`codingBridge/claimPair`,e);C.success(this.$t(`codingBridge.pair.success`,{name:t})),this.code=``,this.$emit(`update:visible`,!1)}catch(e){let t=e?.response?.status;t===404?C.error(this.$t(`codingBridge.pair.invalidCode`)):t===409?C.error(this.$t(`codingBridge.pair.usedCode`)):C.error(this.$t(`codingBridge.pair.failed`))}}}}),je={class:`content`},Me={class:`text-sm text-[var(--app-text-subtle)] mb-4`},Ne={class:`steps list-none m-0 p-0 mb-4`},Pe={class:`flex gap-3 mb-3`},Fe={class:`flex-1 min-w-0`},Ie={class:`text-sm mb-1`},Le={class:`flex gap-3 mb-3`},Re={class:`flex-1 min-w-0`},ze={class:`text-sm mb-1`},Be={class:`flex gap-3`},Ve={class:`flex-1 min-w-0`},He={class:`text-sm`};function Ue(e,a,o,s,d,m){let h=u(`el-input`),g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":e.visible,width:`520px`,title:e.$t(`codingBridge.pair.title`),center:``,"onUpdate:modelValue":a[1]||=t=>e.$emit(`update:visible`,t)},{default:f(()=>[n(`div`,je,[n(`p`,Me,c(e.$t(`codingBridge.pair.intro`)),1),n(`ol`,Ne,[n(`li`,Pe,[a[3]||=n(`span`,{class:`step-index`},`1`,-1),n(`div`,Fe,[n(`p`,Ie,c(e.$t(`codingBridge.pair.step1`)),1),a[2]||=n(`code`,{class:`cmd`},`pip install coding-bridge-agent`,-1)])]),n(`li`,Le,[a[5]||=n(`span`,{class:`step-index`},`2`,-1),n(`div`,Re,[n(`p`,ze,c(e.$t(`codingBridge.pair.step2`)),1),a[4]||=n(`code`,{class:`cmd`},`coding-bridge-agent up`,-1)])]),n(`li`,Be,[a[6]||=n(`span`,{class:`step-index`},`3`,-1),n(`div`,Ve,[n(`p`,He,c(e.$t(`codingBridge.pair.step3`)),1)])])]),i(h,{modelValue:e.code,"onUpdate:modelValue":a[0]||=t=>e.code=t,size:`large`,class:`mb-3`,placeholder:e.$t(`codingBridge.pair.codePlaceholder`),clearable:``,onKeyup:p(e.onClaim,[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeyup`]),i(_,{type:`primary`,round:``,class:`w-full`,loading:e.claiming,disabled:!e.code.trim(),onClick:e.onClaim},{default:f(()=>[i(g,{icon:`fa-solid fa-link`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.pair.claim`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])]),_:1},8,[`model-value`,`title`])}var We=y(Ae,[[`render`,Ue],[`__scopeId`,`data-v-3d1ed01f`]]),Ge=o({name:`CodingBridgePermissionDialog`,components:{ElDialog:S,ElButton:g,FontAwesomeIcon:w},computed:{request(){return this.$store.state.codingBridge?.permissions?.[0]},hasInput(){return!!this.request?.input&&Object.keys(this.request.input).length>0},inputText(){try{return JSON.stringify(this.request?.input,null,2)}catch{return String(this.request?.input??``)}}},methods:{onAllow(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`allow`})},onDeny(){this.request&&this.$store.dispatch(`codingBridge/resolvePermission`,{request_id:this.request.request_id,decision:`deny`})}}}),Ke={key:0,class:`content`},qe={class:`text-sm text-[var(--app-text-subtle)] mb-3`},Je={class:`rounded-md border border-[var(--app-border-subtle)] p-3 mb-3`},Ye={class:`flex items-center gap-2 font-medium`},Xe={key:0,class:`text-xs text-[var(--app-text-subtle)] mt-1`},Ze={key:1,class:`mt-2 text-xs overflow-x-auto whitespace-pre-wrap break-words text-[var(--app-text-subtle)] max-h-[200px]`},Qe={class:`flex justify-end gap-2`};function $e(e,o,s,p,m,h){let g=u(`font-awesome-icon`),_=u(`el-button`),v=u(`el-dialog`);return l(),t(v,{"model-value":!!e.request,width:`480px`,title:e.$t(`codingBridge.permission.title`),"close-on-click-modal":!1,"show-close":!1,center:``},{footer:f(()=>[n(`div`,Qe,[i(_,{round:``,onClick:e.onDeny},{default:f(()=>[i(g,{icon:`fa-solid fa-xmark`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.deny`)),1)]),_:1},8,[`onClick`]),i(_,{type:`primary`,round:``,onClick:e.onAllow},{default:f(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+c(e.$t(`codingBridge.permission.allow`)),1)]),_:1},8,[`onClick`])])]),default:f(()=>[e.request?(l(),d(`div`,Ke,[n(`p`,qe,c(e.$t(`codingBridge.permission.subtitle`)),1),n(`div`,Je,[n(`div`,Ye,[i(g,{icon:`fa-solid fa-code`}),n(`span`,null,c(e.request.display_name||e.request.title||e.request.tool),1)]),e.request.description?(l(),d(`p`,Xe,c(e.request.description),1)):a(``,!0),e.hasInput?(l(),d(`pre`,Ze,c(e.inputText),1)):a(``,!0)])])):a(``,!0)]),_:1},8,[`model-value`,`title`])}var et=y(Ge,[[`render`,$e]]),tt=o({name:`CodingBridgeHistoryDrawer`,components:{ElDrawer:_,ElButton:g,FontAwesomeIcon:w},props:{visible:{type:Boolean,default:!1}},emits:[`update:visible`],computed:{currentNodeId(){return this.$store.state.codingBridge?.currentNodeId},loading(){return this.$store.state.codingBridge?.status?.getHistory===x.Request},sessions(){let e=this.currentNodeId;return[...e?this.$store.state.codingBridge?.history?.[e]??[]:[]].sort((e,t)=>(t.updated_at??0)-(e.updated_at??0))}},watch:{visible(e){e&&this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)}},methods:{refresh(){this.currentNodeId&&this.$store.dispatch(`codingBridge/getHistory`,this.currentNodeId)},open(e){this.currentNodeId&&(this.$store.dispatch(`codingBridge/getHistoryDetail`,{node_id:this.currentNodeId,provider:e.provider,session_id:e.session_id}),this.$emit(`update:visible`,!1))},formatTime(e){try{return new Date(e).toLocaleString()}catch{return``}}}}),nt={class:`flex flex-col h-full`},rt={class:`flex items-center justify-between mb-3`},it={class:`text-xs text-[var(--app-text-subtle)] m-0`},at={key:0,class:`m-auto text-sm text-[var(--app-text-subtle)]`},ot={key:1,class:`m-auto text-sm text-[var(--app-text-subtle)]`},st={key:2,class:`m-auto text-sm text-[var(--app-text-subtle)] text-center`},ct={key:3,class:`list-none m-0 p-0 flex-1 overflow-y-auto flex flex-col gap-2`},lt=[`onClick`],ut={class:`flex items-center gap-2 mb-1`},dt={class:`text-sm font-medium truncate flex-1`},ft={class:`text-[11px] text-[var(--app-text-subtle)] truncate`},$={key:0},pt={key:1},mt={class:`text-[11px] text-[var(--app-text-subtle)] mt-0.5`},ht={key:0},gt={key:1};function _t(o,p,h,g,_,v){let y=u(`font-awesome-icon`),b=u(`el-button`),x=u(`el-drawer`);return l(),t(x,{"model-value":o.visible,direction:`rtl`,size:`380px`,title:o.$t(`codingBridge.history.title`),"onUpdate:modelValue":p[0]||=e=>o.$emit(`update:visible`,e)},{default:f(()=>[n(`div`,nt,[n(`div`,rt,[n(`p`,it,c(o.$t(`codingBridge.history.intro`)),1),i(b,{size:`small`,round:``,loading:o.loading,onClick:o.refresh},{default:f(()=>[o.loading?a(``,!0):(l(),t(y,{key:0,icon:`fa-solid fa-rotate-right`,class:`mr-1`})),r(` `+c(o.$t(`codingBridge.history.refresh`)),1)]),_:1},8,[`loading`,`onClick`])]),o.currentNodeId?o.loading&&!o.sessions.length?(l(),d(`div`,ot,c(o.$t(`codingBridge.history.loading`)),1)):o.sessions.length?(l(),d(`ul`,ct,[(l(!0),d(m,null,s(o.sessions,t=>(l(),d(`li`,{key:t.provider+`:`+t.session_id,class:`item rounded-lg p-3 cursor-pointer border border-[var(--app-border-subtle)]`,onClick:e=>o.open(t)},[n(`div`,ut,[n(`span`,{class:e([`provider-tag`,t.provider])},c(t.provider===`codex`?`Codex`:`Claude`),3),n(`span`,dt,c(t.title),1)]),n(`div`,ft,[t.cwd?(l(),d(`span`,$,c(t.cwd),1)):a(``,!0),t.git_branch?(l(),d(`span`,pt,` · `+c(t.git_branch),1)):a(``,!0)]),n(`div`,mt,[t.updated_at?(l(),d(`span`,ht,c(o.formatTime(t.updated_at)),1)):a(``,!0),t.message_count?(l(),d(`span`,gt,` · `+c(o.$t(`codingBridge.history.messages`,{count:t.message_count})),1)):a(``,!0)])],8,lt))),128))])):(l(),d(`div`,st,c(o.$t(`codingBridge.history.empty`)),1)):(l(),d(`div`,at,c(o.$t(`codingBridge.session.noDevice`)),1))])]),_:1},8,[`model-value`,`title`])}var vt=o({name:`CodingBridgeIndex`,components:{ElButton:g,ElDrawer:_,FontAwesomeIcon:w,NodeList:V,SessionView:ke,PairDialog:We,PermissionDialog:et,HistoryDrawer:y(tt,[[`render`,_t],[`__scopeId`,`data-v-3414881a`]])},data(){return{drawer:!1,pairVisible:!1,historyVisible:!1,initialCode:``}},mounted(){this.$store.dispatch(`codingBridge/connect`),this.$store.dispatch(`codingBridge/getNodes`);let e=this.$route.query.code;typeof e==`string`&&e&&(this.initialCode=e,this.pairVisible=!0)},beforeUnmount(){this.$store.dispatch(`codingBridge/disconnect`)},methods:{openPair(){this.initialCode=``,this.pairVisible=!0},openPairFromDrawer(){this.drawer=!1,this.openPair()}}}),yt={class:`coding-bridge flex flex-row h-full relative`};function bt(e,t,n,r,a,o){let s=u(`node-list`),c=u(`session-view`),p=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`),g=u(`pair-dialog`),_=u(`permission-dialog`),v=u(`history-drawer`);return l(),d(`div`,yt,[i(s,{class:`sidebar w-[300px] flex-none`,onPair:e.openPair},null,8,[`onPair`]),i(c,{class:`flex-1 min-w-0`,onHistory:t[0]||=t=>e.historyVisible=!0}),i(m,{circle:``,class:`menu`,onClick:t[1]||=t=>e.drawer=!0},{default:f(()=>[i(p,{icon:`fa-solid fa-laptop-code`})]),_:1}),i(h,{modelValue:e.drawer,"onUpdate:modelValue":t[2]||=t=>e.drawer=t,direction:`ltr`,"with-header":!1,size:`300px`,class:`drawer`},{default:f(()=>[i(s,{onPair:e.openPairFromDrawer},null,8,[`onPair`])]),_:1},8,[`modelValue`]),i(g,{visible:e.pairVisible,"onUpdate:visible":t[3]||=t=>e.pairVisible=t,"initial-code":e.initialCode},null,8,[`visible`,`initial-code`]),i(_),i(v,{visible:e.historyVisible,"onUpdate:visible":t[4]||=t=>e.historyVisible=t},null,8,[`visible`])])}var xt=y(vt,[[`render`,bt],[`__scopeId`,`data-v-3a406429`]]);export{xt as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,j as d,k as f,lt as p,v as m,x as h,y as g}from"./vendor-chart-Df3WBvr0.js";import{t as _}from"./button-DgZFgZDr.js";import{r as v,t as y}from"./select-BuRXzMWt.js";import{n as b,t as x}from"./tabs-DT_RvYVg.js";import{t as S}from"./tooltip-C-9nDsaA.js";import{t as C}from"./image-i85Z4eMK.js";import{t as w}from"./alert-Bgv5POrX.js";import{n as T,r as E}from"./radio-DNLlMkjf.js";import{n as D,t as O}from"./collapse-CbVpOSn0.js";import{t as k}from"./drawer-BhAAsvLB.js";import{t as ee}from"./input-number-D5cLl9jn.js";import{t as te}from"./switch-BaBB7pMU.js";import"./constants-SseKgNeZ.js";import{Dt as A,Or as j,S as M,dr as N,xr as P}from"./index-Pkocn9HX.js";import{t as F}from"./index.es-xnQvB_ZB.js";import{t as I}from"./CopyToClipboard-DlQDQn2X.js";import{t as L}from"./Consumption-CgJpe5JZ.js";var R=o({name:`LayoutWebextrator`,components:{ElDrawer:k,ElButton:_,FontAwesomeIcon:F},data(){return{drawer:!1}}}),z={class:`main flex flex-row flex-1`},B={class:`config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},V={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function H(t,r,a,o,s,c){let d=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`);return l(),f(`div`,z,[n(`div`,B,[e(t.$slots,`config`,{},void 0,!0)]),n(`div`,V,[e(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:r[0]||=e=>t.drawer=!0},{default:p(()=>[i(d,{icon:`fa-solid fa-sliders`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":r[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var U=M(R,[[`render`,H],[`__scopeId`,`data-v-f9e97e78`]]),W=o({name:`ModeSelector`,components:{ElRadioGroup:E,ElRadioButton:T,FontAwesomeIcon:F},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit(`webextrator/setConfig`,{...this.$store.state.webextrator?.config,mode:e})}}}}),G={class:`field`},K={class:`title font-bold`};function q(e,t,a,o,s,d){let m=u(`font-awesome-icon`),h=u(`el-radio-button`),g=u(`el-radio-group`);return l(),f(`div`,G,[n(`h2`,K,c(e.$t(`webextrator.name.mode`)),1),i(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value w-full`},{default:p(()=>[i(h,{label:`extract`,value:`extract`},{default:p(()=>[i(m,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),r(` `+c(e.$t(`webextrator.mode.extract`)),1)]),_:1}),i(h,{label:`render`,value:`render`},{default:p(()=>[i(m,{icon:`fa-solid fa-globe`,class:`mr-1`}),r(` `+c(e.$t(`webextrator.mode.render`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var J=M(W,[[`render`,q],[`__scopeId`,`data-v-31e6c11d`]]),Y=o({name:`UrlInput`,components:{ElInput:j},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`)}}}),X={class:`field`},Z={class:`title font-bold`};function Q(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,X,[n(`h2`,Z,c(e.$t(`webextrator.name.url`)),1),i(d,{modelValue:e.url,"onUpdate:modelValue":t[0]||=t=>e.url=t,type:`textarea`,rows:2,class:`prompt`,placeholder:e.$t(`webextrator.placeholder.url`),onKeydown:m(g(e.onEnter,[`exact`,`prevent`]),[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`])])}var ne=M(Y,[[`render`,Q],[`__scopeId`,`data-v-18488009`]]),re=o({name:`ExpectedTypeSelector`,components:{ElSelect:v,ElOption:y},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`}}),ie={class:`field`},ae={class:`title font-bold`};function oe(e,t,r,a,o,s){let d=u(`el-option`),m=u(`el-select`);return l(),f(`div`,ie,[n(`h2`,ae,c(e.$t(`webextrator.name.expectedType`)),1),i(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},{default:p(()=>[i(d,{value:`general`,label:e.$t(`webextrator.expectedType.general`)},null,8,[`label`]),i(d,{value:`article`,label:e.$t(`webextrator.expectedType.article`)},null,8,[`label`]),i(d,{value:`product`,label:e.$t(`webextrator.expectedType.product`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var se=M(re,[[`render`,oe],[`__scopeId`,`data-v-3b572c49`]]),ce=o({name:`LlmToggle`,components:{ElSwitch:te,ElTooltip:S,FontAwesomeIcon:F},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})}}}}),le={class:`field`},ue={class:`title font-bold`};function de(e,t,a,o,s,d){let m=u(`font-awesome-icon`),h=u(`el-tooltip`),g=u(`el-switch`);return l(),f(`div`,le,[n(`h2`,ue,[r(c(e.$t(`webextrator.name.enableLlm`))+` `,1),i(h,{effect:`dark`,content:e.$t(`webextrator.description.enableLlm`),placement:`top`},{default:p(()=>[i(m,{icon:`fa-solid fa-circle-info`,class:`ml-1 text-[var(--el-text-color-secondary)] text-xs`})]),_:1},8,[`content`])]),i(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var fe=M(ce,[[`render`,de],[`__scopeId`,`data-v-32fa7c89`]]),pe=[`image`,`font`,`media`,`stylesheet`,`xhr`,`fetch`],me=o({name:`AdvancedOptions`,components:{ElCollapse:O,ElCollapseItem:D,ElInput:j,ElInputNumber:ee,ElSelect:v,ElOption:y},data(){return{active:[]}},computed:{resourceKinds(){return pe},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})}}}),he={class:`field`},ge={class:`sub-title`},_e={class:`field`},ve={class:`sub-title`},ye={class:`field`},be={class:`sub-title`},xe={class:`field`},Se={class:`sub-title`},Ce={class:`field`},we={class:`sub-title`};function Te(e,r,a,o,d,m){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 l(),t(x,{modelValue:e.active,"onUpdate:modelValue":r[5]||=t=>e.active=t,class:`advanced`},{default:p(()=>[i(b,{title:e.$t(`webextrator.name.advanced`),name:`advanced`},{default:p(()=>[n(`div`,he,[n(`h2`,ge,c(e.$t(`webextrator.name.waitUntil`)),1),i(_,{modelValue:e.waitUntil,"onUpdate:modelValue":r[0]||=t=>e.waitUntil=t,class:`value`},{default:p(()=>[i(g,{value:`networkidle`,label:e.$t(`webextrator.waitUntil.networkidle`)},null,8,[`label`]),i(g,{value:`load`,label:e.$t(`webextrator.waitUntil.load`)},null,8,[`label`]),i(g,{value:`domcontentloaded`,label:e.$t(`webextrator.waitUntil.domcontentloaded`)},null,8,[`label`]),i(g,{value:`commit`,label:e.$t(`webextrator.waitUntil.commit`)},null,8,[`label`])]),_:1},8,[`modelValue`])]),n(`div`,_e,[n(`h2`,ve,c(e.$t(`webextrator.name.waitForSelector`)),1),i(v,{modelValue:e.waitForSelector,"onUpdate:modelValue":r[1]||=t=>e.waitForSelector=t,placeholder:e.$t(`webextrator.placeholder.waitForSelector`)},null,8,[`modelValue`,`placeholder`])]),n(`div`,ye,[n(`h2`,be,c(e.$t(`webextrator.name.timeout`)),1),i(y,{modelValue:e.timeout,"onUpdate:modelValue":r[2]||=t=>e.timeout=t,min:1,max:120,step:5,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),n(`div`,xe,[n(`h2`,Se,c(e.$t(`webextrator.name.delay`)),1),i(y,{modelValue:e.delay,"onUpdate:modelValue":r[3]||=t=>e.delay=t,min:0,max:30,step:1,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),n(`div`,Ce,[n(`h2`,we,c(e.$t(`webextrator.name.blockResources`)),1),i(_,{modelValue:e.blockResources,"onUpdate:modelValue":r[4]||=t=>e.blockResources=t,multiple:``,"collapse-tags":``,placeholder:e.$t(`webextrator.placeholder.blockResources`),class:`w-full`},{default:p(()=>[(l(!0),f(h,null,s(e.resourceKinds,n=>(l(),t(g,{key:n,label:e.$t(`webextrator.blockResource.${n}`),value:n},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])]),_:1},8,[`title`])]),_:1},8,[`modelValue`])}var Ee=o({name:`WebextratorConfigPanel`,components:{ElButton:_,FontAwesomeIcon:F,ModeSelector:J,UrlInput:ne,ExpectedTypeSelector:se,LlmToggle:fe,AdvancedOptions:M(me,[[`render`,Te],[`__scopeId`,`data-v-8f36d2df`]]),Consumption:L},emits:[`run`],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return A(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===N.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`)}}}),De={class:`flex flex-col h-full`},Oe={class:`flex-1 overflow-y-auto p-5`},ke={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ae(e,t,o,s,d,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 l(),f(`div`,De,[n(`div`,Oe,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`,onSubmit:e.onRun},null,8,[`onSubmit`]),e.isExtract?(l(),f(h,{key:0},[i(v,{class:`mb-4`}),i(y,{class:`mb-4`})],64)):a(``,!0),i(b,{class:`mb-4`})]),n(`div`,ke,[i(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),i(C,{type:`primary`,class:`w-full`,round:``,loading:e.running,disabled:!e.canRun,onClick:e.onRun},{default:p(()=>[i(S,{icon:`fa-solid fa-bolt`,class:`mr-2`}),r(` `+c(e.$t(e.isExtract?`webextrator.button.extract`:`webextrator.button.render`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])])}var je=M(Ee,[[`render`,Ae]]),Me=e=>!!e&&e.kind!==`render`,Ne=o({name:`WebextratorResultPanel`,components:{ElAlert:w,ElImage:C,ElTabs:b,ElTabPane:x,FontAwesomeIcon:F,CopyToClipboard:I},data(){return{activeTab:`markdown`}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===N.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind===`render`?this.data:void 0},extractData(){return Me(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(`
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,j as d,k as f,lt as p,v as m,x as h,y as g}from"./vendor-chart-Df3WBvr0.js";import{t as _}from"./button-DgZFgZDr.js";import{r as v,t as y}from"./select-BYVaaZev.js";import{n as b,t as x}from"./tabs-DT_RvYVg.js";import{t as S}from"./tooltip-C-9nDsaA.js";import{t as C}from"./image-D9DCBoK1.js";import{t as w}from"./alert-Bgv5POrX.js";import{n as T,r as E}from"./radio-DNLlMkjf.js";import{n as D,t as O}from"./collapse-CbVpOSn0.js";import{t as k}from"./drawer-BhAAsvLB.js";import{t as ee}from"./input-number-C_RzLIuB.js";import{t as te}from"./switch-Bzrgl4uF.js";import"./constants-SseKgNeZ.js";import{Dt as A,Or as j,S as M,dr as N,xr as P}from"./index-DJri8swR.js";import{t as F}from"./index.es-DU_1oGwZ.js";import{t as I}from"./CopyToClipboard-iiCeJbY4.js";import{t as L}from"./Consumption-DpE91zpd.js";var R=o({name:`LayoutWebextrator`,components:{ElDrawer:k,ElButton:_,FontAwesomeIcon:F},data(){return{drawer:!1}}}),z={class:`main flex flex-row flex-1`},B={class:`config w-[340px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},V={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function H(t,r,a,o,s,c){let d=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`);return l(),f(`div`,z,[n(`div`,B,[e(t.$slots,`config`,{},void 0,!0)]),n(`div`,V,[e(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:r[0]||=e=>t.drawer=!0},{default:p(()=>[i(d,{icon:`fa-solid fa-sliders`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":r[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var U=M(R,[[`render`,H],[`__scopeId`,`data-v-f9e97e78`]]),W=o({name:`ModeSelector`,components:{ElRadioGroup:E,ElRadioButton:T,FontAwesomeIcon:F},computed:{value:{get(){return this.$store.state.webextrator?.config?.mode},set(e){this.$store.commit(`webextrator/setConfig`,{...this.$store.state.webextrator?.config,mode:e})}}}}),G={class:`field`},K={class:`title font-bold`};function q(e,t,a,o,s,d){let m=u(`font-awesome-icon`),h=u(`el-radio-button`),g=u(`el-radio-group`);return l(),f(`div`,G,[n(`h2`,K,c(e.$t(`webextrator.name.mode`)),1),i(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value w-full`},{default:p(()=>[i(h,{label:`extract`,value:`extract`},{default:p(()=>[i(m,{icon:`fa-solid fa-wand-magic-sparkles`,class:`mr-1`}),r(` `+c(e.$t(`webextrator.mode.extract`)),1)]),_:1}),i(h,{label:`render`,value:`render`},{default:p(()=>[i(m,{icon:`fa-solid fa-globe`,class:`mr-1`}),r(` `+c(e.$t(`webextrator.mode.render`)),1)]),_:1})]),_:1},8,[`modelValue`])])}var J=M(W,[[`render`,q],[`__scopeId`,`data-v-31e6c11d`]]),Y=o({name:`UrlInput`,components:{ElInput:j},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`)}}}),X={class:`field`},Z={class:`title font-bold`};function Q(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,X,[n(`h2`,Z,c(e.$t(`webextrator.name.url`)),1),i(d,{modelValue:e.url,"onUpdate:modelValue":t[0]||=t=>e.url=t,type:`textarea`,rows:2,class:`prompt`,placeholder:e.$t(`webextrator.placeholder.url`),onKeydown:m(g(e.onEnter,[`exact`,`prevent`]),[`enter`])},null,8,[`modelValue`,`placeholder`,`onKeydown`])])}var ne=M(Y,[[`render`,Q],[`__scopeId`,`data-v-18488009`]]),re=o({name:`ExpectedTypeSelector`,components:{ElSelect:v,ElOption:y},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`}}),ie={class:`field`},ae={class:`title font-bold`};function oe(e,t,r,a,o,s){let d=u(`el-option`),m=u(`el-select`);return l(),f(`div`,ie,[n(`h2`,ae,c(e.$t(`webextrator.name.expectedType`)),1),i(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},{default:p(()=>[i(d,{value:`general`,label:e.$t(`webextrator.expectedType.general`)},null,8,[`label`]),i(d,{value:`article`,label:e.$t(`webextrator.expectedType.article`)},null,8,[`label`]),i(d,{value:`product`,label:e.$t(`webextrator.expectedType.product`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var se=M(re,[[`render`,oe],[`__scopeId`,`data-v-3b572c49`]]),ce=o({name:`LlmToggle`,components:{ElSwitch:te,ElTooltip:S,FontAwesomeIcon:F},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})}}}}),le={class:`field`},ue={class:`title font-bold`};function de(e,t,a,o,s,d){let m=u(`font-awesome-icon`),h=u(`el-tooltip`),g=u(`el-switch`);return l(),f(`div`,le,[n(`h2`,ue,[r(c(e.$t(`webextrator.name.enableLlm`))+` `,1),i(h,{effect:`dark`,content:e.$t(`webextrator.description.enableLlm`),placement:`top`},{default:p(()=>[i(m,{icon:`fa-solid fa-circle-info`,class:`ml-1 text-[var(--el-text-color-secondary)] text-xs`})]),_:1},8,[`content`])]),i(g,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},null,8,[`modelValue`])])}var fe=M(ce,[[`render`,de],[`__scopeId`,`data-v-32fa7c89`]]),pe=[`image`,`font`,`media`,`stylesheet`,`xhr`,`fetch`],me=o({name:`AdvancedOptions`,components:{ElCollapse:O,ElCollapseItem:D,ElInput:j,ElInputNumber:ee,ElSelect:v,ElOption:y},data(){return{active:[]}},computed:{resourceKinds(){return pe},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})}}}),he={class:`field`},ge={class:`sub-title`},_e={class:`field`},ve={class:`sub-title`},ye={class:`field`},be={class:`sub-title`},xe={class:`field`},Se={class:`sub-title`},Ce={class:`field`},we={class:`sub-title`};function Te(e,r,a,o,d,m){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 l(),t(x,{modelValue:e.active,"onUpdate:modelValue":r[5]||=t=>e.active=t,class:`advanced`},{default:p(()=>[i(b,{title:e.$t(`webextrator.name.advanced`),name:`advanced`},{default:p(()=>[n(`div`,he,[n(`h2`,ge,c(e.$t(`webextrator.name.waitUntil`)),1),i(_,{modelValue:e.waitUntil,"onUpdate:modelValue":r[0]||=t=>e.waitUntil=t,class:`value`},{default:p(()=>[i(g,{value:`networkidle`,label:e.$t(`webextrator.waitUntil.networkidle`)},null,8,[`label`]),i(g,{value:`load`,label:e.$t(`webextrator.waitUntil.load`)},null,8,[`label`]),i(g,{value:`domcontentloaded`,label:e.$t(`webextrator.waitUntil.domcontentloaded`)},null,8,[`label`]),i(g,{value:`commit`,label:e.$t(`webextrator.waitUntil.commit`)},null,8,[`label`])]),_:1},8,[`modelValue`])]),n(`div`,_e,[n(`h2`,ve,c(e.$t(`webextrator.name.waitForSelector`)),1),i(v,{modelValue:e.waitForSelector,"onUpdate:modelValue":r[1]||=t=>e.waitForSelector=t,placeholder:e.$t(`webextrator.placeholder.waitForSelector`)},null,8,[`modelValue`,`placeholder`])]),n(`div`,ye,[n(`h2`,be,c(e.$t(`webextrator.name.timeout`)),1),i(y,{modelValue:e.timeout,"onUpdate:modelValue":r[2]||=t=>e.timeout=t,min:1,max:120,step:5,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),n(`div`,xe,[n(`h2`,Se,c(e.$t(`webextrator.name.delay`)),1),i(y,{modelValue:e.delay,"onUpdate:modelValue":r[3]||=t=>e.delay=t,min:0,max:30,step:1,"controls-position":`right`,class:`w-full`},null,8,[`modelValue`])]),n(`div`,Ce,[n(`h2`,we,c(e.$t(`webextrator.name.blockResources`)),1),i(_,{modelValue:e.blockResources,"onUpdate:modelValue":r[4]||=t=>e.blockResources=t,multiple:``,"collapse-tags":``,placeholder:e.$t(`webextrator.placeholder.blockResources`),class:`w-full`},{default:p(()=>[(l(!0),f(h,null,s(e.resourceKinds,n=>(l(),t(g,{key:n,label:e.$t(`webextrator.blockResource.${n}`),value:n},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`])])]),_:1},8,[`title`])]),_:1},8,[`modelValue`])}var Ee=o({name:`WebextratorConfigPanel`,components:{ElButton:_,FontAwesomeIcon:F,ModeSelector:J,UrlInput:ne,ExpectedTypeSelector:se,LlmToggle:fe,AdvancedOptions:M(me,[[`render`,Te],[`__scopeId`,`data-v-8f36d2df`]]),Consumption:L},emits:[`run`],computed:{config(){return this.$store.state.webextrator?.config},service(){return this.$store.state.webextrator?.service},consumption(){return A(this.config||{},this.service?.cost)},running(){return this.$store.state.webextrator?.status?.run===N.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`)}}}),De={class:`flex flex-col h-full`},Oe={class:`flex-1 overflow-y-auto p-5`},ke={class:`flex flex-col items-center justify-center px-5 pb-5`};function Ae(e,t,o,s,d,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 l(),f(`div`,De,[n(`div`,Oe,[i(g,{class:`mb-4`}),i(_,{class:`mb-4`,onSubmit:e.onRun},null,8,[`onSubmit`]),e.isExtract?(l(),f(h,{key:0},[i(v,{class:`mb-4`}),i(y,{class:`mb-4`})],64)):a(``,!0),i(b,{class:`mb-4`})]),n(`div`,ke,[i(x,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),i(C,{type:`primary`,class:`w-full`,round:``,loading:e.running,disabled:!e.canRun,onClick:e.onRun},{default:p(()=>[i(S,{icon:`fa-solid fa-bolt`,class:`mr-2`}),r(` `+c(e.$t(e.isExtract?`webextrator.button.extract`:`webextrator.button.render`)),1)]),_:1},8,[`loading`,`disabled`,`onClick`])])])}var je=M(Ee,[[`render`,Ae]]),Me=e=>!!e&&e.kind!==`render`,Ne=o({name:`WebextratorResultPanel`,components:{ElAlert:w,ElImage:C,ElTabs:b,ElTabPane:x,FontAwesomeIcon:F,CopyToClipboard:I},data(){return{activeTab:`markdown`}},computed:{response(){return this.$store.state.webextrator?.response},running(){return this.$store.state.webextrator?.status?.run===N.Request},data(){return this.response?.data},renderData(){return this.data&&this.data.kind===`render`?this.data:void 0},extractData(){return Me(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(`
|
|
2
2
|
`)},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`}}}),Pe={class:`h-full overflow-y-auto p-6`},Fe={key:0,class:`max-w-4xl mx-auto py-4`},Ie={class:`flex items-center gap-2 mb-3 text-[var(--el-color-primary)] text-sm`},Le={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Re={class:`text-base mb-1`},ze={class:`text-xs opacity-70`},Be={key:2,class:`max-w-4xl mx-auto py-4`},Ve={class:`text-xs whitespace-pre-wrap break-words`},He={key:3,class:`max-w-4xl mx-auto`},Ue={class:`mb-4`},We={class:`text-xl font-semibold leading-snug mb-1 break-words text-[var(--el-text-color-primary)]`},Ge={class:`flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--el-text-color-secondary)]`},Ke=[`href`],qe={key:1},Je={key:2},Ye={key:3},Xe={key:0,class:`mt-2 text-sm text-[var(--el-text-color-regular)] leading-relaxed line-clamp-3`},Ze={key:0,class:`mb-5`},Qe={class:`tab-toolbar`},$e={class:`content-block`},et={class:`tab-toolbar`},tt={class:`content-block`},$={class:`tab-toolbar`},nt={class:`content-block code`},rt={class:`tab-toolbar`},it={class:`links-list`},at=[`href`],ot={class:`grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2`},st={class:`tab-toolbar`},ct={class:`content-block code`},lt={class:`tab-toolbar`},ut={class:`content-block code`};function dt(e,o,m,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 l(),f(`div`,Pe,[e.running?(l(),f(`div`,Fe,[n(`div`,Ie,[i(y,{icon:`fa-solid fa-circle-notch`,spin:``}),n(`span`,null,c(e.$t(`webextrator.message.running`)),1)]),o[1]||=d(`<div class="mb-6 animate-pulse" data-v-b05b4db0><div class="h-5 w-3/5 rounded bg-[var(--el-fill-color-dark)] mb-2" data-v-b05b4db0></div><div class="h-3 w-2/5 rounded bg-[var(--el-fill-color)] mb-4" data-v-b05b4db0></div><div class="h-64 w-full rounded bg-[var(--el-fill-color)] mb-3" data-v-b05b4db0></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)] mb-1" data-v-b05b4db0></div><div class="h-3 w-4/6 rounded bg-[var(--el-fill-color)]" data-v-b05b4db0></div></div>`,1)])):!e.response&&!e.errorMessage?(l(),f(`div`,Le,[i(y,{icon:`fa-solid fa-globe`,class:`text-6xl mb-4 opacity-30`}),n(`p`,Re,c(e.$t(`webextrator.description.intro`)),1),n(`p`,ze,c(e.$t(`webextrator.description.introHint`)),1)])):e.errorMessage?(l(),f(`div`,Be,[i(b,{type:`error`,closable:!1,"show-icon":``,title:e.$t(`webextrator.message.failed`)},{default:p(()=>[n(`pre`,Ve,c(e.errorMessage),1)]),_:1},8,[`title`])])):e.data?(l(),f(`div`,He,[n(`header`,Ue,[n(`h1`,We,c(e.data.title||e.$t(`webextrator.message.untitled`)),1),n(`div`,Ge,[e.finalUrl?(l(),f(`a`,{key:0,href:e.finalUrl,target:`_blank`,rel:`noopener`,class:`hover:underline truncate max-w-[60%]`},[i(y,{icon:`fa-solid fa-up-right-from-square`,class:`mr-1`}),r(c(e.finalUrl),1)],8,Ke)):a(``,!0),e.renderData?.status?(l(),f(`span`,qe,[i(y,{icon:`fa-solid fa-signal`,class:`mr-1`}),r(c(e.renderData.status),1)])):a(``,!0),e.response?.elapsed?(l(),f(`span`,Je,[i(y,{icon:`fa-solid fa-clock`,class:`mr-1`}),r(c(e.response.elapsed.toFixed(2))+`s `,1)])):a(``,!0),e.contentTypeLabel?(l(),f(`span`,Ye,[i(y,{icon:`fa-solid fa-tag`,class:`mr-1`}),r(c(e.contentTypeLabel),1)])):a(``,!0)]),e.extractData?.description?(l(),f(`p`,Xe,c(e.extractData.description),1)):a(``,!0)]),e.screenshotSrc?(l(),f(`figure`,Ze,[i(x,{src:e.screenshotSrc,fit:`contain`,"preview-src-list":[e.screenshotSrc],"preview-teleported":``,"hide-on-click-modal":``,class:`w-full max-h-[480px] rounded border border-[var(--app-border-subtle)] bg-[var(--el-fill-color-light)]`},null,8,[`src`,`preview-src-list`])])):a(``,!0),i(w,{modelValue:e.activeTab,"onUpdate:modelValue":o[0]||=t=>e.activeTab=t,class:`result-tabs`},{default:p(()=>[e.markdown?(l(),t(C,{key:0,label:e.$t(`webextrator.tab.markdown`),name:`markdown`},{default:p(()=>[n(`div`,Qe,[i(S,{content:e.markdown},null,8,[`content`])]),n(`pre`,$e,c(e.markdown),1)]),_:1},8,[`label`])):a(``,!0),e.plainText?(l(),t(C,{key:1,label:e.$t(`webextrator.tab.text`),name:`text`},{default:p(()=>[n(`div`,et,[i(S,{content:e.plainText},null,8,[`content`])]),n(`pre`,tt,c(e.plainText),1)]),_:1},8,[`label`])):a(``,!0),e.extractData?.structured?(l(),t(C,{key:2,label:e.$t(`webextrator.tab.structured`),name:`structured`},{default:p(()=>[n(`div`,$,[i(S,{content:e.structuredPretty},null,8,[`content`])]),n(`pre`,nt,c(e.structuredPretty),1)]),_:1},8,[`label`])):a(``,!0),e.links.length?(l(),t(C,{key:3,label:`${e.$t(`webextrator.tab.links`)} (${e.links.length})`,name:`links`},{default:p(()=>[n(`div`,rt,[i(S,{content:e.linksPlain},null,8,[`content`])]),n(`ul`,it,[(l(!0),f(h,null,s(e.links,(e,t)=>(l(),f(`li`,{key:t,class:`truncate`},[n(`a`,{href:e,target:`_blank`,rel:`noopener`},c(e),9,at)]))),128))])]),_:1},8,[`label`])):a(``,!0),e.images.length?(l(),t(C,{key:4,label:`${e.$t(`webextrator.tab.images`)} (${e.images.length})`,name:`images`},{default:p(()=>[n(`div`,ot,[(l(!0),f(h,null,s(e.images,(n,r)=>(l(),t(x,{key:r,src:n,fit:`cover`,loading:`lazy`,"preview-src-list":e.images,"initial-index":r,"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`])):a(``,!0),e.html?(l(),t(C,{key:5,label:e.$t(`webextrator.tab.html`),name:`html`},{default:p(()=>[n(`div`,st,[i(S,{content:e.html},null,8,[`content`])]),n(`pre`,ct,c(e.html),1)]),_:1},8,[`label`])):a(``,!0),i(C,{label:e.$t(`webextrator.tab.raw`),name:`raw`},{default:p(()=>[n(`div`,lt,[i(S,{content:e.rawPretty},null,8,[`content`])]),n(`pre`,ut,c(e.rawPretty),1)]),_:1},8,[`label`])]),_:1},8,[`modelValue`])])):a(``,!0)])}var ft=o({name:`WebextratorIndex`,components:{Layout:U,ConfigPanel:je,ResultPanel:M(Ne,[[`render`,dt],[`__scopeId`,`data-v-b05b4db0`]])},inject:[`initialized`],async mounted(){await this.$store.dispatch(`webextrator/getService`)},methods:{async onRun(){let e=this.$store.state.webextrator?.config;if(!e?.url)return;let t=(e.mode||`extract`)===`extract`;P.info(this.$t(t?`webextrator.message.extracting`:`webextrator.message.rendering`));try{await this.$store.dispatch(`webextrator/run`),P.success(this.$t(`webextrator.message.success`))}catch(e){let t=e?.response?.data?.error?.code||e?.response?.data?.code;t===`used_up`?P.error(this.$t(`webextrator.message.usedUp`)):t===`too_many_requests`?P.error(this.$t(`webextrator.message.busy`)):t===`timeout`?P.error(this.$t(`webextrator.message.timeout`)):P.error(this.$t(`webextrator.message.failed`))}}}});function pt(e,n,r,a,o,s){let c=u(`config-panel`),d=u(`result-panel`),f=u(`layout`);return l(),t(f,null,{config:p(()=>[i(c,{onRun:e.onRun},null,8,[`onRun`])]),result:p(()=>[i(d)]),_:1})}var mt=M(ft,[[`render`,pt]]);export{mt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,T as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{n as _,t as v}from"./tabs-DT_RvYVg.js";import{t as y}from"./upload-B8zBOx3w.js";import{t as b}from"./image-i85Z4eMK.js";import{t as x}from"./alert-Bgv5POrX.js";import{n as S,r as C}from"./radio-DNLlMkjf.js";import{t as w}from"./drawer-BhAAsvLB.js";import{n as ee,t as te}from"./skeleton-k2vAVQdD.js";import{Vr as T}from"./constants-SseKgNeZ.js";import{Cn as E,Ct as D,On as O,S as k,St as A,Tt as j,dr as M,en as N,mr as P,wt as F,xr as I}from"./index-Pkocn9HX.js";import{t as L}from"./index.es-xnQvB_ZB.js";import{t as R}from"./CopyToClipboard-DlQDQn2X.js";import{t as z}from"./Status-Df3L5Y9p.js";import{t as B}from"./ImagePreview-oOSFBbSq.js";import{i as V,n as H,t as U}from"./pagination-BSLJqaJF.js";import{t as W}from"./ApiCodeButton-DWWyWWHN.js";var G=s({name:`LayoutHeadshots`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:L},data(){return{drawer:!1}}}),K={class:`main flex flex-row flex-1`},q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},J={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Y(t,n,i,o,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,K,[r(`div`,q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,J,[e(t.$slots,`result`,{},void 0,!0)]),a(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-gear`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,"with-header":!1,size:`340px`,class:`drawer`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var X=k(G,[[`render`,Y],[`__scopeId`,`data-v-ada6b2d1`]]),Z=s({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:V,ImagePreview:B,FontAwesomeIcon:L},mixins:[j,D],data(){return{fileList:[],uploadUrl:P()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||=void 0,this.onSetImageUrls()},methods:{onExceed(){I.warning(this.$t(`headshots.message.uploadImageExceed`))},onError(){I.error(this.$t(`headshots.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),Q={class:`field`},ne={class:`title font-bold`},re={class:`upload-wrapper`};function ie(e,t,n,o,s,c){let l=f(`image-preview`),h=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-upload`),v=f(`info-icon`);return d(),p(`div`,Q,[r(`h2`,ne,u(e.$t(`headshots.name.endImageUrls`)),1),r(`div`,re,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:2,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[a(l,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:m(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+u(e.$t(`headshots.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])]),a(v,{content:e.$t(`headshots.description.endImageUrls`),class:`info`},null,8,[`content`])])}var ae=k(Z,[[`render`,ie],[`__scopeId`,`data-v-d468812a`]]),oe=`fast`,se=s({name:`ModeSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`headshots.button.fast`),value:`fast`},{label:this.$t(`headshots.button.relax`),value:`relax`}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug(`set mode`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||=oe}}),ce={class:`field`},le={class:`title font-bold`};function ue(e,t,o,s,l,g){let _=f(`el-radio-button`),v=f(`el-radio-group`);return d(),p(`div`,ce,[r(`h2`,le,u(e.$t(`headshots.name.mode`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`mode`},{default:m(()=>[(d(!0),p(h,null,c(e.options,e=>(d(),n(_,{key:e.value,label:e.value},{default:m(()=>[i(u(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var de=k(se,[[`render`,ue],[`__scopeId`,`data-v-e7702494`]]),fe=s({name:`StylizeSelector`,components:{ElTabs:_,ElTabPane:v,ElImage:b},data(){return{tab:`styles`,value:``,elements:{styles:{displayName:this.$t(`headshots.styleCategory.styles`),items:[{image:`https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png`,label:this.$t(`headshots.styleTag.malePportrait`),value:`male_portrait`},{image:`https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png`,label:this.$t(`headshots.styleTag.malePportrait2`),value:`male_portrait2`},{image:`https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png`,label:this.$t(`headshots.styleTag.kindergarten`),value:`kindergarten`},{image:`https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp`,label:this.$t(`headshots.styleTag.logoTshirt`),value:`logo_tshirt`},{image:`https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg`,label:this.$t(`headshots.styleTag.wedding`),value:`wedding`},{image:`https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp`,label:this.$t(`headshots.styleTag.businessPphoto`),value:`business_photo`},{image:`https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg`,label:this.$t(`headshots.styleTag.bobSuit`),value:`bob_suit`},{image:`https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp`,label:this.$t(`headshots.styleTag.femalePortrait`),value:`female_portrait`}]}}}},watch:{value(e){console.debug(`set template`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||=``,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value=``:this.value=e,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})}}}),pe={class:`field`},me=[`onClick`],he={class:`name`};function ge(e,i,o,s,l,g){let _=f(`el-image`),v=f(`el-tab-pane`),y=f(`el-tabs`);return d(),p(`div`,pe,[a(y,{modelValue:e.tab,"onUpdate:modelValue":i[0]||=t=>e.tab=t},{default:m(()=>[(d(!0),p(h,null,c(e.elements,(i,o)=>(d(),n(v,{key:o,label:i.displayName,name:o,class:`pane`},{default:m(()=>[(d(!0),p(h,null,c(i.items,(n,i)=>(d(),p(`div`,{key:i,class:t({item:!0,active:e.value===n.value}),onClick:t=>e.onToggle(n.value)},[a(_,{src:n.image,fit:`fill`,class:`preview`},null,8,[`src`]),r(`span`,he,u(n.label),1)],10,me))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])])}var _e=s({name:`PresetPanel`,components:{ModeSelector:de,ImageUrlsInput:ae,ElButton:g,FontAwesomeIcon:L,ElementsSelector:k(fe,[[`render`,ge],[`__scopeId`,`data-v-be4bd25d`]])},emits:[`generate`],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit(`generate`)}}}),ve={class:`panel`},ye={class:`config`},be={class:`actions`};function xe(e,t,n,o,s,c){let l=f(`elements-selector`),h=f(`mode-selector`),g=f(`image-urls-input`),_=f(`font-awesome-icon`),v=f(`el-button`);return d(),p(`div`,ve,[r(`div`,ye,[a(l,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),r(`div`,be,[a(v,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`headshots.button.generate`)),1)]),_:1},8,[`onClick`])])])])}var Se=k(_e,[[`render`,xe],[`__scopeId`,`data-v-848739f6`]]),Ce=s({name:`ImageGallery`,props:{modelValue:{type:Object,required:!0}},setup(e){return{images:l(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:e=>{window.open(e,`_blank`)}}}}),we={class:`image-gallery`},Te=[`src`],Ee=[`onClick`];function De(e,t,n,i,a,s){return d(),p(`div`,we,[(d(!0),p(h,null,c(e.images,(t,n)=>(d(),p(`div`,{key:n,class:`image-container`},[r(`img`,{src:t.image_url,alt:`Image`},null,8,Te),t.image_url?(d(),p(`button`,{key:0,class:`view-button`,onClick:n=>e.viewImage(t.image_url)},u(e.$t(`headshots.button.viewImage`)),9,Ee)):o(``,!0)]))),128))])}var Oe=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:R,FontAwesomeIcon:L,ElAlert:x,ImageGallery:k(Ce,[[`render`,De],[`__scopeId`,`data-v-42f0a7be`]]),ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),ke={class:`preview`},Ae={class:`left`},je={class:`main`},Me={class:`bot`},Ne={class:`datetime`},Pe={class:`info`},Fe={key:0,class:`prompt mt-2`},Ie={key:0},Le={key:1},Re={key:0,class:t({content:!0,failed:!0})},ze={class:`image-wrapper`},Be={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Ve={class:`description`},He={key:0,class:`description`},Ue={key:1,class:t({content:!0})},We={class:`description`},Ge={class:`description`},Ke={key:0,class:`description`},qe={class:`description`},Je={key:2,class:t({content:!0})},$={class:`description`},Ye={key:3,class:t({content:!0})},Xe={class:`description`};function Ze(e,t,n,s,c,l){let h=f(`el-image`),g=f(`image-gallery`),_=f(`api-code-button`),v=f(`font-awesome-icon`),y=f(`copy-to-clipboard`),b=f(`el-alert`);return d(),p(`div`,ke,[r(`div`,Ae,[a(h,{src:`https://cdn.acedata.cloud/isxyfw.png`,class:`avatar`})]),r(`div`,je,[r(`div`,Me,[i(u(e.$t(`headshots.name.headshotsBot`))+` `,1),r(`span`,Ne,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Pe,[e.modelValue?.request?.template?(d(),p(`p`,Fe,[i(u(e.modelValue?.request?.template)+` `,1),e.modelValue?.response?o(``,!0):(d(),p(`span`,Ie,` - (`+u(e.$t(`headshots.status.pending`))+`) `,1)),e.modelValue?.response?.status===`unknown`?(d(),p(`span`,Le,` - (`+u(e.$t(`headshots.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,Re,[r(`div`,ze,[a(g,{"model-value":e.modelValue},null,8,[`model-value`])]),r(`div`,Be,[a(_,{path:`/headshots/images`,body:e.modelValue?.request},null,8,[`body`])]),a(b,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,Ve,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,He,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,Ue,[a(b,{closable:!1,class:`failure`},{template:m(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failure`)),1)]),default:m(()=>[r(`p`,We,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,Ge,[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),a(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Ke,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,qe,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),a(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?o(``,!0):(d(),p(`div`,Je,[a(b,{closable:!1,class:`info`},{template:m(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failure`)),1)]),default:m(()=>[r(`p`,$,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])),e.modelValue?.response?.status===`unknown`?(d(),p(`div`,Ye,[a(b,{closable:!1,class:`info`},{template:m(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failure`)),1)]),default:m(()=>[r(`p`,Xe,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Qe=s({name:`RecentPanel`,components:{TaskPreview:k(Oe,[[`render`,Ze],[`__scopeId`,`data-v-4449c07c`]]),ElSkeleton:te,ElSkeletonItem:ee,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$e={key:0,class:`tasks`},et={class:`left`},tt={class:`main`},nt={key:1,class:`tasks`},rt={key:2,class:`description`};function it(e,t,i,s,l,g){let _=f(`el-skeleton-item`),v=f(`el-skeleton`),y=f(`task-preview`),b=f(`scroll-list`);return d(),n(b,{ref:`scrollList`,class:`panel recent`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[e.tasks?.items===void 0?(d(),p(`div`,$e,[(d(),p(h,null,c(3,e=>r(`div`,{key:e,class:`task placeholder`},[r(`div`,et,[a(v,{animated:``},{template:m(()=>[a(_,{variant:`image`,class:`avatar`})]),_:1})]),r(`div`,tt,[a(v,{animated:``},{template:m(()=>[a(_,{variant:`p`,class:`title`}),a(_,{variant:`image`,class:`icon`})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),p(`div`,nt,[(d(!0),p(h,null,c(e.tasks?.items,(e,t)=>(d(),n(y,{key:t,"model-value":e,class:`preview`},null,8,[`model-value`]))),128))])):o(``,!0),e.tasks?.items?.length===0?(d(),p(`p`,rt,u(e.$t(`headshots.message.noTasks`)),1)):o(``,!0)]),_:1},8,[`loading`])}var at=k(Qe,[[`render`,it],[`__scopeId`,`data-v-ffd55c16`]]),ot=T(`headshots`),st=s({name:`HeadshotsIndex`,components:{ConfigPanel:Se,Layout:X,ApplicationStatus:z,RecentPanel:at},mixins:[F],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===M.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===M.Request},needApply(){return this.$store.state.headshots.status.getApplications===M.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.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 U({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`headshots/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`headshots/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){E.create({application:this.application}).then(({data:e})=>{this.application=e,I.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&I.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`headshots/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){if(!A(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:ot},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`headshots.message.startingTask`)),O(`headshots`,N.generate(e,{token:t})).then(()=>{I.success(this.$t(`headshots.message.startTaskSuccess`)),this.$store.commit(`headshots/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`headshots.message.usedUp`)):I.error(this.$t(`headshots.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ct(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`application-status`),u=f(`recent-panel`),p=f(`layout`);return d(),n(p,null,{config:m(()=>[a(c,{onGenerate:e.onGeneratePicture},null,8,[`onGenerate`])]),result:m(()=>[a(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`headshots/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),a(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var lt=k(st,[[`render`,ct],[`__scopeId`,`data-v-c707e859`]]);export{lt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,Bt as t,D as n,E as r,M as i,N as a,O as o,P as s,Q as c,T as l,Ut as u,X as d,et as f,k as p,lt as m,x as h}from"./vendor-chart-Df3WBvr0.js";import{t as g}from"./button-DgZFgZDr.js";import{n as _,t as v}from"./tabs-DT_RvYVg.js";import{t as y}from"./upload-B8zBOx3w.js";import{t as b}from"./image-D9DCBoK1.js";import{t as x}from"./alert-Bgv5POrX.js";import{n as S,r as C}from"./radio-DNLlMkjf.js";import{t as w}from"./drawer-BhAAsvLB.js";import{n as ee,t as te}from"./skeleton-k2vAVQdD.js";import{Vr as T}from"./constants-SseKgNeZ.js";import{Cn as E,Ct as D,On as O,S as k,St as A,Tt as j,dr as M,en as N,mr as P,wt as F,xr as I}from"./index-DJri8swR.js";import{t as L}from"./index.es-DU_1oGwZ.js";import{t as R}from"./CopyToClipboard-iiCeJbY4.js";import{t as z}from"./Status-Cw5oPTwz.js";import{t as B}from"./ImagePreview-BbK_HGTQ.js";import{i as V,n as H,t as U}from"./pagination-BOw_ac_B.js";import{t as W}from"./ApiCodeButton-B2l4sY7h.js";var G=s({name:`LayoutHeadshots`,components:{ElDrawer:w,ElButton:g,FontAwesomeIcon:L},data(){return{drawer:!1}}}),K={class:`main flex flex-row flex-1`},q={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},J={class:`result h-full p-6 flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function Y(t,n,i,o,s,c){let l=f(`font-awesome-icon`),u=f(`el-button`),h=f(`el-drawer`);return d(),p(`div`,K,[r(`div`,q,[e(t.$slots,`config`,{},void 0,!0)]),r(`div`,J,[e(t.$slots,`result`,{},void 0,!0)]),a(u,{circle:``,class:`menu`,onClick:n[0]||=e=>t.drawer=!0},{default:m(()=>[a(l,{icon:`fa-solid fa-gear`})]),_:1}),a(h,{modelValue:t.drawer,"onUpdate:modelValue":n[1]||=e=>t.drawer=e,"with-header":!1,size:`340px`,class:`drawer`},{default:m(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var X=k(G,[[`render`,Y],[`__scopeId`,`data-v-ada6b2d1`]]),Z=s({name:`ImageUrlsInput`,components:{ElUpload:y,ElButton:g,InfoIcon:V,ImagePreview:B,FontAwesomeIcon:L},mixins:[j,D],data(){return{fileList:[],uploadUrl:P()+`/api/v1/files/`}},computed:{headers(){return{Authorization:`Bearer ${this.$store.state.token.access}`}},urls(){return this.fileList.map(e=>e?.response?.file_url)},value:{get(){return this.$store.state.headshots?.config?.image_urls},set(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})}}},mounted(){this.value||=void 0,this.onSetImageUrls()},methods:{onExceed(){I.warning(this.$t(`headshots.message.uploadImageExceed`))},onError(){I.error(this.$t(`headshots.message.uploadImageError`))},onSetImageUrls(){let e=this.urls;this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,image_urls:e})},async onSuccess(){this.onSetImageUrls()}}}),Q={class:`field`},ne={class:`title font-bold`},re={class:`upload-wrapper`};function ie(e,t,n,o,s,c){let l=f(`image-preview`),h=f(`font-awesome-icon`),g=f(`el-button`),_=f(`el-upload`),v=f(`info-icon`);return d(),p(`div`,Q,[r(`h2`,ne,u(e.$t(`headshots.name.endImageUrls`)),1),r(`div`,re,[a(_,{ref:`uploader`,"file-list":e.fileList,"onUpdate:fileList":t[0]||=t=>e.fileList=t,accept:`.png,.jpg,.jpeg,.gif,.bmp,.webp`,name:`file`,class:`value upload-wrapper`,limit:2,multiple:!0,"list-type":`picture`,action:e.uploadUrl,"on-exceed":e.onExceed,"on-error":e.onError,"on-success":e.onSuccess,headers:e.headers},{file:m(({file:t})=>[a(l,{url:t.url||t.response?.file_url,name:t.name,percentage:t.percentage,onRemove:n=>e.fileList.splice(e.fileList.indexOf(t),1)},null,8,[`url`,`name`,`percentage`,`onRemove`])]),default:m(()=>[a(g,{size:`small`,type:`primary`,round:``},{default:m(()=>[a(h,{icon:`fa-solid fa-upload`,class:`mr-1`}),i(` `+u(e.$t(`headshots.button.uploadImageUrls`)),1)]),_:1})]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`headers`])]),a(v,{content:e.$t(`headshots.description.endImageUrls`),class:`info`},null,8,[`content`])])}var ae=k(Z,[[`render`,ie],[`__scopeId`,`data-v-d468812a`]]),oe=`fast`,se=s({name:`ModeSelector`,components:{ElRadioButton:S,ElRadioGroup:C},data(){return{options:[{label:this.$t(`headshots.button.fast`),value:`fast`},{label:this.$t(`headshots.button.relax`),value:`relax`}]}},computed:{value:{get(){return this.$store.state.headshots.config?.mode},set(e){console.debug(`set mode`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots.config,mode:e})}}},mounted(){this.value||=oe}}),ce={class:`field`},le={class:`title font-bold`};function ue(e,t,o,s,l,g){let _=f(`el-radio-button`),v=f(`el-radio-group`);return d(),p(`div`,ce,[r(`h2`,le,u(e.$t(`headshots.name.mode`)),1),a(v,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`mode`},{default:m(()=>[(d(!0),p(h,null,c(e.options,e=>(d(),n(_,{key:e.value,label:e.value},{default:m(()=>[i(u(e.label),1)]),_:2},1032,[`label`]))),128))]),_:1},8,[`modelValue`])])}var de=k(se,[[`render`,ue],[`__scopeId`,`data-v-e7702494`]]),fe=s({name:`StylizeSelector`,components:{ElTabs:_,ElTabPane:v,ElImage:b},data(){return{tab:`styles`,value:``,elements:{styles:{displayName:this.$t(`headshots.styleCategory.styles`),items:[{image:`https://static.aipedias.com/aicamera/common/20241008/20241008202314260779439.png`,label:this.$t(`headshots.styleTag.malePportrait`),value:`male_portrait`},{image:`https://static.aipedias.com/aicamera/common/20241008/202410082022241e9755548.png`,label:this.$t(`headshots.styleTag.malePportrait2`),value:`male_portrait2`},{image:`https://static.aipedias.com/aicamera/common/20241101/20241101170130d78f66521.png`,label:this.$t(`headshots.styleTag.kindergarten`),value:`kindergarten`},{image:`https://static.aipedias.com/aicamera/common/20240923/20240923123233accf60398.webp`,label:this.$t(`headshots.styleTag.logoTshirt`),value:`logo_tshirt`},{image:`https://static.aipedias.com/aicamera/common/20241025/202410252012329472d0656.jpg`,label:this.$t(`headshots.styleTag.wedding`),value:`wedding`},{image:`https://static.aipedias.com/aicamera/common/20240915/20240915145045254931400.webp`,label:this.$t(`headshots.styleTag.businessPphoto`),value:`business_photo`},{image:`https://static.aipedias.com/aicamera/common/20240810/20240810194526040341795.jpg`,label:this.$t(`headshots.styleTag.bobSuit`),value:`bob_suit`},{image:`https://static.aipedias.com/aicamera/common/20240717/20240717152654e0b348173.webp`,label:this.$t(`headshots.styleTag.femalePortrait`),value:`female_portrait`}]}}}},watch:{value(e){console.debug(`set template`,e),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:e})}},mounted(){this.value||=``,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})},methods:{onToggle(e){this.value===e?this.value=``:this.value=e,console.debug(`set template`,this.value),this.$store.commit(`headshots/setConfig`,{...this.$store.state.headshots?.config,template:this.value})}}}),pe={class:`field`},me=[`onClick`],he={class:`name`};function ge(e,i,o,s,l,g){let _=f(`el-image`),v=f(`el-tab-pane`),y=f(`el-tabs`);return d(),p(`div`,pe,[a(y,{modelValue:e.tab,"onUpdate:modelValue":i[0]||=t=>e.tab=t},{default:m(()=>[(d(!0),p(h,null,c(e.elements,(i,o)=>(d(),n(v,{key:o,label:i.displayName,name:o,class:`pane`},{default:m(()=>[(d(!0),p(h,null,c(i.items,(n,i)=>(d(),p(`div`,{key:i,class:t({item:!0,active:e.value===n.value}),onClick:t=>e.onToggle(n.value)},[a(_,{src:n.image,fit:`fill`,class:`preview`},null,8,[`src`]),r(`span`,he,u(n.label),1)],10,me))),128))]),_:2},1032,[`label`,`name`]))),128))]),_:1},8,[`modelValue`])])}var _e=s({name:`PresetPanel`,components:{ModeSelector:de,ImageUrlsInput:ae,ElButton:g,FontAwesomeIcon:L,ElementsSelector:k(fe,[[`render`,ge],[`__scopeId`,`data-v-be4bd25d`]])},emits:[`generate`],computed:{config(){return this.$store.state.headshots?.config}},methods:{onGenerate(){this.$emit(`generate`)}}}),ve={class:`panel`},ye={class:`config`},be={class:`actions`};function xe(e,t,n,o,s,c){let l=f(`elements-selector`),h=f(`mode-selector`),g=f(`image-urls-input`),_=f(`font-awesome-icon`),v=f(`el-button`);return d(),p(`div`,ve,[r(`div`,ye,[a(l,{class:`mb-4`}),a(h,{class:`mb-4`}),a(g,{class:`mb-4`}),r(`div`,be,[a(v,{type:`primary`,class:`btn w-full`,round:``,onClick:e.onGenerate},{default:m(()=>[a(_,{icon:`fa-solid fa-magic`,class:`mr-2`}),i(` `+u(e.$t(`headshots.button.generate`)),1)]),_:1},8,[`onClick`])])])])}var Se=k(_e,[[`render`,xe],[`__scopeId`,`data-v-848739f6`]]),Ce=s({name:`ImageGallery`,props:{modelValue:{type:Object,required:!0}},setup(e){return{images:l(()=>e.modelValue?.response?.data?.slice(0,2)||[]),viewImage:e=>{window.open(e,`_blank`)}}}}),we={class:`image-gallery`},Te=[`src`],Ee=[`onClick`];function De(e,t,n,i,a,s){return d(),p(`div`,we,[(d(!0),p(h,null,c(e.images,(t,n)=>(d(),p(`div`,{key:n,class:`image-container`},[r(`img`,{src:t.image_url,alt:`Image`},null,8,Te),t.image_url?(d(),p(`button`,{key:0,class:`view-button`,onClick:n=>e.viewImage(t.image_url)},u(e.$t(`headshots.button.viewImage`)),9,Ee)):o(``,!0)]))),128))])}var Oe=s({name:`TaskPreview`,components:{ElImage:b,CopyToClipboard:R,FontAwesomeIcon:L,ElAlert:x,ImageGallery:k(Ce,[[`render`,De],[`__scopeId`,`data-v-42f0a7be`]]),ApiCodeButton:W},props:{modelValue:{type:Object,required:!0}},data(){return{}},computed:{application(){return this.$store.state.headshots?.application},config(){return this.$store.state.headshots?.config}},methods:{onDownload(e,t){e.stopPropagation(),console.log(`on download`),window.open(t,`_blank`)},onReload(e){let t=e.target,n=new URL(t.src),r=n.searchParams.get(`retry`);if(!r)n.searchParams.set(`retry`,`1`);else if(parseInt(r)<2)n.searchParams.set(`retry`,(parseInt(r)+1).toString());else return;t.src=n.toString()},onOpenVideo(e){window.open(e,`_blank`)}}}),ke={class:`preview`},Ae={class:`left`},je={class:`main`},Me={class:`bot`},Ne={class:`datetime`},Pe={class:`info`},Fe={key:0,class:`prompt mt-2`},Ie={key:0},Le={key:1},Re={key:0,class:t({content:!0,failed:!0})},ze={class:`image-wrapper`},Be={class:t({operations:!0,"mt-2":!0,"mb-2":!0})},Ve={class:`description`},He={key:0,class:`description`},Ue={key:1,class:t({content:!0})},We={class:`description`},Ge={class:`description`},Ke={key:0,class:`description`},qe={class:`description`},Je={key:2,class:t({content:!0})},$={class:`description`},Ye={key:3,class:t({content:!0})},Xe={class:`description`};function Ze(e,t,n,s,c,l){let h=f(`el-image`),g=f(`image-gallery`),_=f(`api-code-button`),v=f(`font-awesome-icon`),y=f(`copy-to-clipboard`),b=f(`el-alert`);return d(),p(`div`,ke,[r(`div`,Ae,[a(h,{src:`https://cdn.acedata.cloud/isxyfw.png`,class:`avatar`})]),r(`div`,je,[r(`div`,Me,[i(u(e.$t(`headshots.name.headshotsBot`))+` `,1),r(`span`,Ne,u(e.$dayjs.format(``+new Date(parseFloat((e.modelValue?.created_at||``).toString())*1e3))),1)]),r(`div`,Pe,[e.modelValue?.request?.template?(d(),p(`p`,Fe,[i(u(e.modelValue?.request?.template)+` `,1),e.modelValue?.response?o(``,!0):(d(),p(`span`,Ie,` - (`+u(e.$t(`headshots.status.pending`))+`) `,1)),e.modelValue?.response?.status===`unknown`?(d(),p(`span`,Le,` - (`+u(e.$t(`headshots.status.processing`))+`) `,1)):o(``,!0)])):o(``,!0)]),e.modelValue?.response?.success===!0?(d(),p(`div`,Re,[r(`div`,ze,[a(g,{"model-value":e.modelValue},null,8,[`model-value`])]),r(`div`,Be,[a(_,{path:`/headshots/images`,body:e.modelValue?.request},null,8,[`body`])]),a(b,{closable:!1,class:`mt-2 success`},{default:m(()=>[r(`p`,Ve,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,He,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0)]),_:1})])):o(``,!0),e.modelValue?.response?.success===!1?(d(),p(`div`,Ue,[a(b,{closable:!1,class:`failure`},{template:m(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failure`)),1)]),default:m(()=>[r(`p`,We,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])]),r(`p`,Ge,[a(v,{icon:`fa-solid fa-circle-info`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failureReason`))+`: `+u(e.modelValue?.response?.error?.message)+` `,1),a(y,{content:e.modelValue?.response?.error?.message,class:`btn-copy`},null,8,[`content`])]),e.modelValue?.elapsed?(d(),p(`p`,Ke,[a(v,{icon:`fa-solid fa-clock`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.elapsed`))+`: `+u(e.modelValue?.elapsed?.toFixed(2))+`s `,1)])):o(``,!0),r(`p`,qe,[a(v,{icon:`fa-solid fa-hashtag`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.traceId`))+`: `+u(e.modelValue?.response?.trace_id)+` `,1),a(y,{content:e.modelValue?.response?.trace_id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0),e.modelValue?.response?o(``,!0):(d(),p(`div`,Je,[a(b,{closable:!1,class:`info`},{template:m(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failure`)),1)]),default:m(()=>[r(`p`,$,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])),e.modelValue?.response?.status===`unknown`?(d(),p(`div`,Ye,[a(b,{closable:!1,class:`info`},{template:m(()=>[a(v,{icon:`fa-solid fa-exclamation-triangle`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.failure`)),1)]),default:m(()=>[r(`p`,Xe,[a(v,{icon:`fa-solid fa-magic`,class:`mr-1`}),i(` `+u(e.$t(`headshots.name.taskId`))+`: `+u(e.modelValue?.id)+` `,1),a(y,{content:e.modelValue?.id,class:`btn-copy`},null,8,[`content`])])]),_:1})])):o(``,!0)])])}var Qe=s({name:`RecentPanel`,components:{TaskPreview:k(Oe,[[`render`,Ze],[`__scopeId`,`data-v-4449c07c`]]),ElSkeleton:te,ElSkeletonItem:ee,ScrollList:H},props:{loading:{type:Boolean,default:!1}},emits:[`reach-top`],data(){return{job:0}},computed:{tasks(){return{...this.$store.state.headshots?.tasks,items:this.$store.state.headshots?.tasks?.items?.slice()}}},methods:{getScrollElement(){return this.$refs.scrollList?.getScrollElement?.()}}}),$e={key:0,class:`tasks`},et={class:`left`},tt={class:`main`},nt={key:1,class:`tasks`},rt={key:2,class:`description`};function it(e,t,i,s,l,g){let _=f(`el-skeleton-item`),v=f(`el-skeleton`),y=f(`task-preview`),b=f(`scroll-list`);return d(),n(b,{ref:`scrollList`,class:`panel recent`,loading:e.loading,onReachTop:t[0]||=t=>e.$emit(`reach-top`)},{default:m(()=>[e.tasks?.items===void 0?(d(),p(`div`,$e,[(d(),p(h,null,c(3,e=>r(`div`,{key:e,class:`task placeholder`},[r(`div`,et,[a(v,{animated:``},{template:m(()=>[a(_,{variant:`image`,class:`avatar`})]),_:1})]),r(`div`,tt,[a(v,{animated:``},{template:m(()=>[a(_,{variant:`p`,class:`title`}),a(_,{variant:`image`,class:`icon`})]),_:1})])])),64))])):e.tasks?.items?.length&&e.tasks?.items?.length>0?(d(),p(`div`,nt,[(d(!0),p(h,null,c(e.tasks?.items,(e,t)=>(d(),n(y,{key:t,"model-value":e,class:`preview`},null,8,[`model-value`]))),128))])):o(``,!0),e.tasks?.items?.length===0?(d(),p(`p`,rt,u(e.$t(`headshots.message.noTasks`)),1)):o(``,!0)]),_:1},8,[`loading`])}var at=k(Qe,[[`render`,it],[`__scopeId`,`data-v-ffd55c16`]]),ot=T(`headshots`),st=s({name:`HeadshotsIndex`,components:{ConfigPanel:Se,Layout:X,ApplicationStatus:z,RecentPanel:at},mixins:[F],inject:[`initialized`],data(){return{task:void 0,job:0,loadingMore:!1,fetchingTasks:!1}},computed:{applicationsLoading(){return this.$store.state.headshots?.status?.getApplications===M.Request},tasksLoading(){return this.$store.state.headshots?.status?.getTasks===M.Request||this.fetchingTasks},service(){return this.$store.state.headshots.service},credential(){return this.$store.state.headshots.credential},config(){return this.$store.state.headshots.config},initializing(){return this.$store.state.headshots.status.getApplications===M.Request},needApply(){return this.$store.state.headshots.status.getApplications===M.Success&&!this.application},application(){return this.$store.state.headshots.application},applications(){return this.$store.state.headshots.applications},tasks(){return this.$store.state.headshots.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 U({tasks:this.tasks,getTasks:()=>this.tasks,loading:this.loadingMore,setLoading:e=>this.loadingMore=e,isBlocked:()=>this.tasksLoading||this.applicationsLoading,fetch:e=>this.onGetTasks({createdAtMax:e}),getScrollElement:()=>this.getTasksScrollElement()})},async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`headshots/getService`),console.debug(`end onGetService`)},async onGetApplication(){console.debug(`start onGetApplication`),await this.$store.dispatch(`headshots/getApplications`),console.debug(`end onGetApplication`),await this.onGetTasks()},onApply(){E.create({application:this.application}).then(({data:e})=>{this.application=e,I.success(this.$t(`application.message.applySuccessfully`))}).catch(e=>{e?.response?.data?.code===`duplication`&&I.error(this.$t(`application.message.alreadyApplied`))})},async onScrollDown(){await this.$nextTick();let e=this.getTasksScrollElement();e&&(e.scrollTop=e.scrollHeight)},async onGetTasks(e){if(this.applicationsLoading||this.fetchingTasks){console.debug(`loading`);return}console.debug(`start onGetTasks`,e);let{limit:t=5,createdAtMin:n,createdAtMax:r}=e||{};console.debug(`limit`,t,`createdAtMin`,n,`createdAtMax`,r),this.fetchingTasks=!0;try{await this.$store.dispatch(`headshots/getTasks`,{limit:t,createdAtMin:n,createdAtMax:r})}finally{this.fetchingTasks=!1}},async onGeneratePicture(){if(!A(this.uploadTracker,e=>this.$t(e),e=>I.warning(e)))return;let e={...this.config,callback_url:ot},t=this.credential?.token;if(!t){console.error(`no token specified`);return}I.info(this.$t(`headshots.message.startingTask`)),O(`headshots`,N.generate(e,{token:t})).then(()=>{I.success(this.$t(`headshots.message.startTaskSuccess`)),this.$store.commit(`headshots/setConfig`,{config:void 0})}).catch(e=>{(e?.response?.data)?.error?.code===`used_up`?I.error(this.$t(`headshots.message.usedUp`)):I.error(this.$t(`headshots.message.startTaskFailed`))}).finally(async()=>{setTimeout(async()=>{await this.onGetTasks(),await this.onScrollDown()},1e3)})},getTasksScrollElement(){return this.$refs.recentPanel?.getScrollElement?.()}}});function ct(e,t,r,i,o,s){let c=f(`config-panel`),l=f(`application-status`),u=f(`recent-panel`),p=f(`layout`);return d(),n(p,null,{config:m(()=>[a(c,{onGenerate:e.onGeneratePicture},null,8,[`onGenerate`])]),result:m(()=>[a(l,{initializing:e.initializing,application:e.application,applications:e.applications,service:e.service,"need-apply":e.needApply,class:`mb-4`,onRefresh:e.onGetApplication,onSelect:t[0]||=t=>e.$store.dispatch(`headshots/setApplication`,t)},null,8,[`initializing`,`application`,`applications`,`service`,`need-apply`,`onRefresh`]),a(u,{ref:`recentPanel`,class:`panel recent`,loading:e.loadingMore,onReachTop:e.onReachTop},null,8,[`loading`,`onReachTop`])]),_:1})}var lt=k(st,[[`render`,ct],[`__scopeId`,`data-v-c707e859`]]);export{lt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,j as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-DgZFgZDr.js";import{r as g,t as _}from"./select-BuRXzMWt.js";import{n as v,t as y}from"./collapse-CbVpOSn0.js";import{t as b}from"./drawer-BhAAsvLB.js";import"./constants-SseKgNeZ.js";import{Dt as x,Or as S,S as C,dr as w,xr as T}from"./index-Pkocn9HX.js";import{t as E}from"./index.es-xnQvB_ZB.js";import{t as ee}from"./Consumption-CgJpe5JZ.js";var te=o({name:`LayoutSerp`,components:{ElDrawer:b,ElButton:h,FontAwesomeIcon:E},data(){return{drawer:!1}}}),D={class:`main flex flex-row flex-1`},O={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},k={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function A(t,r,a,o,s,c){let d=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`);return l(),f(`div`,D,[n(`div`,O,[e(t.$slots,`config`,{},void 0,!0)]),n(`div`,k,[e(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:r[0]||=e=>t.drawer=!0},{default:p(()=>[i(d,{icon:`fa-solid fa-search`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":r[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var j=C(te,[[`render`,A],[`__scopeId`,`data-v-72398911`]]),M=o({name:`QueryInput`,components:{ElInput:S},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),N={class:`field`},P={class:`box`},F={class:`title font-bold`};function I(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,N,[n(`div`,P,[n(`h2`,F,c(e.$t(`serp.name.query`)),1)]),i(d,{modelValue:e.query,"onUpdate:modelValue":t[0]||=t=>e.query=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var L=C(M,[[`render`,I],[`__scopeId`,`data-v-3582b195`]]),R=o({name:`TypeSelector`,components:{ElSelect:g,ElOption:_},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),z={class:`field`},B={class:`title font-bold`};function V(e,t,r,a,o,s){let d=u(`el-option`),m=u(`el-select`);return l(),f(`div`,z,[n(`h2`,B,c(e.$t(`serp.name.type`)),1),i(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},{default:p(()=>[i(d,{value:`search`,label:e.$t(`serp.type.search`)},null,8,[`label`]),i(d,{value:`images`,label:e.$t(`serp.type.images`)},null,8,[`label`]),i(d,{value:`news`,label:e.$t(`serp.type.news`)},null,8,[`label`]),i(d,{value:`videos`,label:e.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var H=C(R,[[`render`,V],[`__scopeId`,`data-v-2913fb62`]]),U=o({name:`CountryInput`,components:{ElInput:S},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),W={class:`field`},G={class:`title font-bold`};function K(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,W,[n(`h2`,G,c(e.$t(`serp.name.country`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var q=C(U,[[`render`,K],[`__scopeId`,`data-v-f0672cc6`]]),J=o({name:`LanguageInput`,components:{ElInput:S},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),Y={class:`field`},X={class:`title font-bold`};function Z(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,Y,[n(`h2`,X,c(e.$t(`serp.name.language`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var Q=o({name:`SearchPanel`,components:{ElButton:h,FontAwesomeIcon:E,QueryInput:L,TypeSelector:H,CountryInput:q,LanguageInput:C(J,[[`render`,Z],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:ee},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return x(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===w.Request}},methods:{onSearch(){this.$emit(`search`)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function ae(e,t,a,o,s,d){let m=u(`query-input`),h=u(`type-selector`),g=u(`country-input`),_=u(`language-input`),v=u(`consumption`),y=u(`font-awesome-icon`),b=u(`el-button`);return l(),f(`div`,ne,[n(`div`,re,[i(m,{class:`mb-4`}),i(h,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`})]),n(`div`,ie,[i(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),i(b,{type:`primary`,class:`btn w-full`,round:``,loading:e.searching,onClick:e.onSearch},{default:p(()=>[i(y,{icon:`fa-solid fa-search`,class:`mr-2`}),r(` `+c(e.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var oe=C(Q,[[`render`,ae]]),se=o({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),ce={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},le={class:`flex flex-row gap-4`},ue=[`src`,`alt`],de={class:`flex-1 min-w-0`},fe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},pe={class:`text-xl font-bold mb-1.5`},me={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},he=[`href`],ge={key:2,class:`text-sm`},_e={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ve={class:`text-[var(--el-text-color-regular)]`};function ye(e,t,i,o,u,d){return l(),f(`div`,ce,[n(`div`,le,[e.data.image_url?(l(),f(`img`,{key:0,src:e.data.image_url,alt:e.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,ue)):a(``,!0),n(`div`,de,[e.data.type?(l(),f(`div`,fe,c(e.data.type),1)):a(``,!0),n(`h3`,pe,c(e.data.title),1),e.data.description?(l(),f(`p`,me,[r(c(e.data.description)+` `,1),e.data.description_link?(l(),f(`a`,{key:0,href:e.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},c(e.data.description_source||`Source`),9,he)):a(``,!0)])):a(``,!0),e.data.attributes&&Object.keys(e.data.attributes).length?(l(),f(`div`,ge,[(l(!0),f(m,null,s(e.data.attributes,(e,t)=>(l(),f(`div`,{key:t,class:`flex gap-2 mb-1 py-0.5`},[n(`span`,_e,c(t)+`:`,1),n(`span`,ve,c(e),1)]))),128))])):a(``,!0)])])])}var be=C(se,[[`render`,ye]]),xe=o({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Se={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Ce={key:0,class:`flex items-center gap-2 mb-1.5`},we=[`src`,`alt`],Te={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Ee={class:`text-xs text-[var(--el-text-color-disabled)]`},De=[`href`],Oe={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},ke={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},Ae={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},je=[`href`];function Me(e,t,r,i,o,u){return l(),f(`div`,Se,[e.displayUrl?(l(),f(`div`,Ce,[n(`img`,{src:e.faviconUrl,alt:e.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:t[0]||=(...t)=>e.onFaviconError&&e.onFaviconError(...t)},null,40,we),n(`span`,Te,c(e.hostname),1),n(`span`,Ee,c(e.pathname),1)])):a(``,!0),n(`a`,{href:e.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},c(e.data.title),9,De),e.data.date?(l(),f(`div`,Oe,c(e.data.date),1)):a(``,!0),e.data.snippet?(l(),f(`p`,ke,c(e.data.snippet),1)):a(``,!0),e.data.sitelinks?.length?(l(),f(`div`,Ae,[(l(!0),f(m,null,s(e.data.sitelinks,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},c(e.title),9,je))),128))])):a(``,!0)])}var Ne=C(xe,[[`render`,Me]]),Pe=o({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Fe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ie={class:`text-base font-bold mb-3`},Le={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Re=[`href`],ze=[`src`,`alt`],Be={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},Ve={class:`text-xs text-white line-clamp-2`};function He(e,t,r,i,o,u){return l(),f(`div`,Fe,[n(`h3`,Ie,c(e.$t(`serp.name.imageResults`)),1),n(`div`,Le,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,ze)):a(``,!0),n(`div`,Be,[n(`span`,Ve,c(e.title),1)])],8,Re))),128))])])}var Ue=C(Pe,[[`render`,He]]),We=o({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ge={class:`text-base font-bold mb-3`},Ke={class:`space-y-4`},qe=[`href`],Je={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Ye=[`src`,`alt`],Xe={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Ze={class:`flex-1 min-w-0`},Qe={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},$e={class:`text-xs text-gray-400 mt-1`},et={key:0},tt={key:1},nt={key:2},rt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function it(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,Ge,c(e.$t(`serp.name.videoResults`)),1),n(`div`,Ke,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,Je,[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Ye)):a(``,!0),e.duration?(l(),f(`div`,Xe,c(e.duration),1)):a(``,!0)]),n(`div`,Ze,[n(`div`,Qe,c(e.title),1),n(`div`,$e,[e.source?(l(),f(`span`,et,c(e.source),1)):a(``,!0),e.channel?(l(),f(`span`,tt,` · `+c(e.channel),1)):a(``,!0),e.date?(l(),f(`span`,nt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,rt,c(e.snippet),1)):a(``,!0)])],8,qe))),128))])])}var at=C(We,[[`render`,it]]),ot=o({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),st={class:`text-base font-bold mb-3`},ct={class:`space-y-4`},lt=[`href`],ut={class:`flex-1 min-w-0`},dt={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},ft={class:`text-xs text-gray-400 mt-1`},pt={key:0},mt={key:1},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},gt={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},_t=[`src`,`alt`];function vt(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,st,c(e.$t(`serp.name.newsResults`)),1),n(`div`,ct,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,ut,[n(`div`,dt,c(e.title),1),n(`div`,ft,[e.source?(l(),f(`span`,pt,c(e.source),1)):a(``,!0),e.date?(l(),f(`span`,mt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,ht,c(e.snippet),1)):a(``,!0)]),e.image_url?(l(),f(`div`,gt,[n(`img`,{src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,_t)])):a(``,!0)],8,lt))),128))])])}var yt=C(ot,[[`render`,vt]]),bt=o({name:`PeopleAlsoAsk`,components:{ElCollapse:y,ElCollapseItem:v},props:{data:{type:Array,required:!0}}}),xt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},St={class:`text-base font-bold mb-3`},Ct={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},wt=[`href`];function Tt(e,r,o,d,h,g){let _=u(`el-collapse-item`),v=u(`el-collapse`);return l(),f(`div`,xt,[n(`h3`,St,c(e.$t(`serp.name.peopleAlsoAsk`)),1),i(v,null,{default:p(()=>[(l(!0),f(m,null,s(e.data,(e,n)=>(l(),t(_,{key:n,title:e.question||e.title||``},{default:p(()=>[e.snippet?(l(),f(`p`,Ct,c(e.snippet),1)):a(``,!0),e.link?(l(),f(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},c(e.title||e.link),9,wt)):a(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Et=C(bt,[[`render`,Tt]]),Dt=o({name:`RelatedSearches`,components:{FontAwesomeIcon:E},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Ot={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},kt={class:`text-base font-bold mb-3`},At={class:`flex flex-wrap gap-2`},jt=[`onClick`];function Mt(e,t,a,o,d,p){let h=u(`font-awesome-icon`);return l(),f(`div`,Ot,[n(`h3`,kt,c(e.$t(`serp.name.relatedSearches`)),1),n(`div`,At,[(l(!0),f(m,null,s(e.data,(t,n)=>(l(),f(`button`,{key:n,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:n=>e.onSearch(t.query)},[i(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),r(` `+c(t.query),1)],8,jt))),128))])])}var Nt=o({name:`ResultPanel`,components:{FontAwesomeIcon:E,KnowledgeGraph:be,OrganicResult:Ne,ImageResults:Ue,VideoResults:at,NewsResults:yt,PeopleAlsoAsk:Et,RelatedSearches:C(Dt,[[`render`,Mt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===w.Request},noResults(){return this.$store.state.serp?.status?.search===w.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),$={class:`h-full overflow-y-auto p-6`},Pt={key:0,class:`max-w-3xl mx-auto py-8`},Ft={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},It={class:`text-base`},Lt={key:2,class:`max-w-3xl mx-auto`},Rt={key:1,class:`mb-6`},zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Bt={class:`text-base`};function Vt(e,r,o,p,h,g){let _=u(`font-awesome-icon`),v=u(`knowledge-graph`),y=u(`organic-result`),b=u(`image-results`),x=u(`video-results`),S=u(`news-results`),C=u(`people-also-ask`),w=u(`related-searches`);return l(),f(`div`,$,[e.searching?(l(),f(`div`,Pt,[(l(),f(m,null,s(4,e=>n(`div`,{key:e,class:`mb-6 animate-pulse`},[...r[0]||=[d(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):e.noResults?(l(),f(`div`,Ft,[i(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),n(`p`,It,c(e.$t(`serp.message.noResults`)),1)])):e.results?(l(),f(`div`,Lt,[e.results.knowledge_graph?.title?(l(),t(v,{key:0,data:e.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.organic?.length?(l(),f(`div`,Rt,[(l(!0),f(m,null,s(e.results.organic,(e,n)=>(l(),t(y,{key:n,data:e,class:`mb-1`},null,8,[`data`]))),128))])):a(``,!0),e.results.images?.length?(l(),t(b,{key:2,data:e.results.images,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.videos?.length?(l(),t(x,{key:3,data:e.results.videos,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.news?.length?(l(),t(S,{key:4,data:e.results.news,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.people_also_ask?.length?(l(),t(C,{key:5,data:e.results.people_also_ask,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.related_searches?.length?(l(),t(w,{key:6,data:e.results.related_searches,class:`mb-6`,onSearch:e.onRelatedSearch},null,8,[`data`,`onSearch`])):a(``,!0)])):(l(),f(`div`,zt,[i(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),n(`p`,Bt,c(e.$t(`serp.description.query`)),1)]))])}var Ht=o({name:`SerpIndex`,components:{Layout:j,SearchPanel:oe,ResultPanel:C(Nt,[[`render`,Vt]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(this.$store.state.serp?.config?.query){T.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),T.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?T.error(this.$t(`serp.message.usedUp`)):T.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Ut(e,n,r,a,o,s){let c=u(`search-panel`),d=u(`result-panel`),f=u(`layout`);return l(),t(f,null,{config:p(()=>[i(c,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:p(()=>[i(d,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Wt=C(Ht,[[`render`,Ut]]);export{Wt as default};
|
|
1
|
+
import"./rolldown-runtime--c01j_DQ.js";import{$ as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as s,Ut as c,X as l,et as u,j as d,k as f,lt as p,x as m}from"./vendor-chart-Df3WBvr0.js";import{t as h}from"./button-DgZFgZDr.js";import{r as g,t as _}from"./select-BYVaaZev.js";import{n as v,t as y}from"./collapse-CbVpOSn0.js";import{t as b}from"./drawer-BhAAsvLB.js";import"./constants-SseKgNeZ.js";import{Dt as x,Or as S,S as C,dr as w,xr as T}from"./index-DJri8swR.js";import{t as E}from"./index.es-DU_1oGwZ.js";import{t as ee}from"./Consumption-DpE91zpd.js";var te=o({name:`LayoutSerp`,components:{ElDrawer:b,ElButton:h,FontAwesomeIcon:E},data(){return{drawer:!1}}}),D={class:`main flex flex-row flex-1`},O={class:`config w-[320px] flex-none h-full overflow-y-auto bg-[var(--app-sidebar-bg)] border-r border-[var(--app-border-subtle)]`},k={class:`result h-full flex-1 flex flex-col min-w-0 overflow-x-hidden bg-[var(--app-content-bg)]`};function A(t,r,a,o,s,c){let d=u(`font-awesome-icon`),m=u(`el-button`),h=u(`el-drawer`);return l(),f(`div`,D,[n(`div`,O,[e(t.$slots,`config`,{},void 0,!0)]),n(`div`,k,[e(t.$slots,`result`,{},void 0,!0)]),i(m,{circle:``,class:`menu`,onClick:r[0]||=e=>t.drawer=!0},{default:p(()=>[i(d,{icon:`fa-solid fa-search`})]),_:1}),i(h,{modelValue:t.drawer,"onUpdate:modelValue":r[1]||=e=>t.drawer=e,direction:`ltr`,"with-header":!1,size:`340px`,class:`drawer`},{default:p(()=>[e(t.$slots,`config`,{},void 0,!0)]),_:3},8,[`modelValue`])])}var j=C(te,[[`render`,A],[`__scopeId`,`data-v-72398911`]]),M=o({name:`QueryInput`,components:{ElInput:S},computed:{query:{get(){return this.$store.state.serp?.config?.query},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e})}}}}),N={class:`field`},P={class:`box`},F={class:`title font-bold`};function I(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,N,[n(`div`,P,[n(`h2`,F,c(e.$t(`serp.name.query`)),1)]),i(d,{modelValue:e.query,"onUpdate:modelValue":t[0]||=t=>e.query=t,rows:3,type:`textarea`,class:`prompt`,placeholder:e.$t(`serp.placeholder.query`)},null,8,[`modelValue`,`placeholder`])])}var L=C(M,[[`render`,I],[`__scopeId`,`data-v-3582b195`]]),R=o({name:`TypeSelector`,components:{ElSelect:g,ElOption:_},computed:{value:{get(){return this.$store.state.serp?.config?.type},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,type:e})}}},mounted(){this.value||=`search`}}),z={class:`field`},B={class:`title font-bold`};function V(e,t,r,a,o,s){let d=u(`el-option`),m=u(`el-select`);return l(),f(`div`,z,[n(`h2`,B,c(e.$t(`serp.name.type`)),1),i(m,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`},{default:p(()=>[i(d,{value:`search`,label:e.$t(`serp.type.search`)},null,8,[`label`]),i(d,{value:`images`,label:e.$t(`serp.type.images`)},null,8,[`label`]),i(d,{value:`news`,label:e.$t(`serp.type.news`)},null,8,[`label`]),i(d,{value:`videos`,label:e.$t(`serp.type.videos`)},null,8,[`label`])]),_:1},8,[`modelValue`])])}var H=C(R,[[`render`,V],[`__scopeId`,`data-v-2913fb62`]]),U=o({name:`CountryInput`,components:{ElInput:S},computed:{value:{get(){return this.$store.state.serp?.config?.country},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,country:e})}}},mounted(){this.value||=`US`}}),W={class:`field`},G={class:`title font-bold`};function K(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,W,[n(`h2`,G,c(e.$t(`serp.name.country`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.country`)},null,8,[`modelValue`,`placeholder`])])}var q=C(U,[[`render`,K],[`__scopeId`,`data-v-f0672cc6`]]),J=o({name:`LanguageInput`,components:{ElInput:S},computed:{value:{get(){return this.$store.state.serp?.config?.language},set(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,language:e})}}},mounted(){this.value||=`en`}}),Y={class:`field`},X={class:`title font-bold`};function Z(e,t,r,a,o,s){let d=u(`el-input`);return l(),f(`div`,Y,[n(`h2`,X,c(e.$t(`serp.name.language`)),1),i(d,{modelValue:e.value,"onUpdate:modelValue":t[0]||=t=>e.value=t,class:`value`,placeholder:e.$t(`serp.placeholder.language`)},null,8,[`modelValue`,`placeholder`])])}var Q=o({name:`SearchPanel`,components:{ElButton:h,FontAwesomeIcon:E,QueryInput:L,TypeSelector:H,CountryInput:q,LanguageInput:C(J,[[`render`,Z],[`__scopeId`,`data-v-dc1c94b7`]]),Consumption:ee},emits:[`search`],computed:{config(){return this.$store.state.serp?.config},consumption(){return x(this.config,this.service?.cost)},service(){return this.$store.state.serp?.service},searching(){return this.$store.state.serp?.status?.search===w.Request}},methods:{onSearch(){this.$emit(`search`)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`flex flex-col items-center justify-center px-5 pb-5`};function ae(e,t,a,o,s,d){let m=u(`query-input`),h=u(`type-selector`),g=u(`country-input`),_=u(`language-input`),v=u(`consumption`),y=u(`font-awesome-icon`),b=u(`el-button`);return l(),f(`div`,ne,[n(`div`,re,[i(m,{class:`mb-4`}),i(h,{class:`mb-4`}),i(g,{class:`mb-4`}),i(_,{class:`mb-4`})]),n(`div`,ie,[i(v,{value:e.consumption,service:e.service},null,8,[`value`,`service`]),i(b,{type:`primary`,class:`btn w-full`,round:``,loading:e.searching,onClick:e.onSearch},{default:p(()=>[i(y,{icon:`fa-solid fa-search`,class:`mr-2`}),r(` `+c(e.$t(`serp.button.search`)),1)]),_:1},8,[`loading`,`onClick`])])])}var oe=C(Q,[[`render`,ae]]),se=o({name:`KnowledgeGraph`,props:{data:{type:Object,required:!0}}}),ce={class:`knowledge-graph rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},le={class:`flex flex-row gap-4`},ue=[`src`,`alt`],de={class:`flex-1 min-w-0`},fe={key:0,class:`text-xs text-[var(--el-text-color-disabled)] mb-1 uppercase tracking-wide`},pe={class:`text-xl font-bold mb-1.5`},me={key:1,class:`text-sm text-[var(--el-text-color-regular)] mb-3 leading-relaxed`},he=[`href`],ge={key:2,class:`text-sm`},_e={class:`text-[var(--el-text-color-disabled)] flex-none font-medium`},ve={class:`text-[var(--el-text-color-regular)]`};function ye(e,t,i,o,u,d){return l(),f(`div`,ce,[n(`div`,le,[e.data.image_url?(l(),f(`img`,{key:0,src:e.data.image_url,alt:e.data.title,class:`w-28 h-28 rounded-lg object-cover flex-none shadow-sm`},null,8,ue)):a(``,!0),n(`div`,de,[e.data.type?(l(),f(`div`,fe,c(e.data.type),1)):a(``,!0),n(`h3`,pe,c(e.data.title),1),e.data.description?(l(),f(`p`,me,[r(c(e.data.description)+` `,1),e.data.description_link?(l(),f(`a`,{key:0,href:e.data.description_link,target:`_blank`,rel:`noopener noreferrer`,class:`text-[var(--el-color-primary)] hover:underline ml-1`},c(e.data.description_source||`Source`),9,he)):a(``,!0)])):a(``,!0),e.data.attributes&&Object.keys(e.data.attributes).length?(l(),f(`div`,ge,[(l(!0),f(m,null,s(e.data.attributes,(e,t)=>(l(),f(`div`,{key:t,class:`flex gap-2 mb-1 py-0.5`},[n(`span`,_e,c(t)+`:`,1),n(`span`,ve,c(e),1)]))),128))])):a(``,!0)])])])}var be=C(se,[[`render`,ye]]),xe=o({name:`OrganicResult`,props:{data:{type:Object,required:!0}},data(){return{faviconFailed:!1}},computed:{hostname(){if(!this.data.link)return``;try{return new URL(this.data.link).hostname}catch{return``}},pathname(){if(!this.data.link)return``;try{let e=new URL(this.data.link).pathname;return e===`/`?``:e}catch{return``}},displayUrl(){return this.hostname},faviconUrl(){return this.faviconFailed||!this.hostname?``:`https://www.google.com/s2/favicons?domain=${this.hostname}&sz=32`}},methods:{onFaviconError(e){this.faviconFailed=!0,e.target.style.display=`none`}}}),Se={class:`organic-result rounded-lg p-4 transition-all duration-200 hover:bg-[var(--el-fill-color-lighter)]`},Ce={key:0,class:`flex items-center gap-2 mb-1.5`},we=[`src`,`alt`],Te={class:`text-xs text-[var(--el-text-color-secondary)] truncate`},Ee={class:`text-xs text-[var(--el-text-color-disabled)]`},De=[`href`],Oe={key:1,class:`text-xs text-[var(--el-text-color-disabled)] mt-1`},ke={key:2,class:`text-sm text-[var(--el-text-color-regular)] mt-1.5 leading-relaxed line-clamp-3`},Ae={key:3,class:`mt-3 flex flex-wrap gap-x-4 gap-y-1`},je=[`href`];function Me(e,t,r,i,o,u){return l(),f(`div`,Se,[e.displayUrl?(l(),f(`div`,Ce,[n(`img`,{src:e.faviconUrl,alt:e.hostname,class:`w-4 h-4 rounded-sm flex-none`,loading:`lazy`,onError:t[0]||=(...t)=>e.onFaviconError&&e.onFaviconError(...t)},null,40,we),n(`span`,Te,c(e.hostname),1),n(`span`,Ee,c(e.pathname),1)])):a(``,!0),n(`a`,{href:e.data.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-base font-semibold text-[var(--el-color-primary)] hover:underline leading-snug block`},c(e.data.title),9,De),e.data.date?(l(),f(`div`,Oe,c(e.data.date),1)):a(``,!0),e.data.snippet?(l(),f(`p`,ke,c(e.data.snippet),1)):a(``,!0),e.data.sitelinks?.length?(l(),f(`div`,Ae,[(l(!0),f(m,null,s(e.data.sitelinks,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary-light-3)] hover:text-[var(--el-color-primary)] hover:underline transition-colors`},c(e.title),9,je))),128))])):a(``,!0)])}var Ne=C(xe,[[`render`,Me]]),Pe=o({name:`ImageResults`,props:{data:{type:Array,required:!0}}}),Fe={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},Ie={class:`text-base font-bold mb-3`},Le={class:`grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3`},Re=[`href`],ze=[`src`,`alt`],Be={class:`absolute inset-x-0 bottom-0 bg-gradient-to-t from-black/70 to-transparent p-2.5 opacity-0 group-hover:opacity-100 transition-opacity duration-200`},Ve={class:`text-xs text-white line-clamp-2`};function He(e,t,r,i,o,u){return l(),f(`div`,Fe,[n(`h3`,Ie,c(e.$t(`serp.name.imageResults`)),1),n(`div`,Le,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`group relative rounded-lg overflow-hidden bg-[var(--el-fill-color-light)] aspect-square`},[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover transition-transform duration-300 group-hover:scale-105`,loading:`lazy`},null,8,ze)):a(``,!0),n(`div`,Be,[n(`span`,Ve,c(e.title),1)])],8,Re))),128))])])}var Ue=C(Pe,[[`render`,He]]),We=o({name:`VideoResults`,props:{data:{type:Array,required:!0}}}),Ge={class:`text-base font-bold mb-3`},Ke={class:`space-y-4`},qe=[`href`],Je={class:`relative flex-shrink-0 w-40 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},Ye=[`src`,`alt`],Xe={key:1,class:`absolute bottom-1 right-1 bg-black/80 text-white text-xs px-1 rounded`},Ze={class:`flex-1 min-w-0`},Qe={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},$e={class:`text-xs text-gray-400 mt-1`},et={key:0},tt={key:1},nt={key:2},rt={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`};function it(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,Ge,c(e.$t(`serp.name.videoResults`)),1),n(`div`,Ke,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,Je,[e.image_url?(l(),f(`img`,{key:0,src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,Ye)):a(``,!0),e.duration?(l(),f(`div`,Xe,c(e.duration),1)):a(``,!0)]),n(`div`,Ze,[n(`div`,Qe,c(e.title),1),n(`div`,$e,[e.source?(l(),f(`span`,et,c(e.source),1)):a(``,!0),e.channel?(l(),f(`span`,tt,` · `+c(e.channel),1)):a(``,!0),e.date?(l(),f(`span`,nt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,rt,c(e.snippet),1)):a(``,!0)])],8,qe))),128))])])}var at=C(We,[[`render`,it]]),ot=o({name:`NewsResults`,props:{data:{type:Array,required:!0}}}),st={class:`text-base font-bold mb-3`},ct={class:`space-y-4`},lt=[`href`],ut={class:`flex-1 min-w-0`},dt={class:`text-blue-600 group-hover:underline font-medium line-clamp-2`},ft={class:`text-xs text-gray-400 mt-1`},pt={key:0},mt={key:1},ht={key:0,class:`text-sm text-gray-600 dark:text-gray-300 mt-1 line-clamp-2`},gt={key:0,class:`flex-shrink-0 w-24 h-24 rounded overflow-hidden bg-gray-100 dark:bg-gray-800`},_t=[`src`,`alt`];function vt(e,t,r,i,o,u){return l(),f(`div`,null,[n(`h3`,st,c(e.$t(`serp.name.newsResults`)),1),n(`div`,ct,[(l(!0),f(m,null,s(e.data,(e,t)=>(l(),f(`a`,{key:t,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex gap-4 group`},[n(`div`,ut,[n(`div`,dt,c(e.title),1),n(`div`,ft,[e.source?(l(),f(`span`,pt,c(e.source),1)):a(``,!0),e.date?(l(),f(`span`,mt,` · `+c(e.date),1)):a(``,!0)]),e.snippet?(l(),f(`p`,ht,c(e.snippet),1)):a(``,!0)]),e.image_url?(l(),f(`div`,gt,[n(`img`,{src:e.image_url,alt:e.title,class:`w-full h-full object-cover`,loading:`lazy`},null,8,_t)])):a(``,!0)],8,lt))),128))])])}var yt=C(ot,[[`render`,vt]]),bt=o({name:`PeopleAlsoAsk`,components:{ElCollapse:y,ElCollapseItem:v},props:{data:{type:Array,required:!0}}}),xt={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},St={class:`text-base font-bold mb-3`},Ct={key:0,class:`text-sm text-[var(--el-text-color-regular)] mb-2 leading-relaxed`},wt=[`href`];function Tt(e,r,o,d,h,g){let _=u(`el-collapse-item`),v=u(`el-collapse`);return l(),f(`div`,xt,[n(`h3`,St,c(e.$t(`serp.name.peopleAlsoAsk`)),1),i(v,null,{default:p(()=>[(l(!0),f(m,null,s(e.data,(e,n)=>(l(),t(_,{key:n,title:e.question||e.title||``},{default:p(()=>[e.snippet?(l(),f(`p`,Ct,c(e.snippet),1)):a(``,!0),e.link?(l(),f(`a`,{key:1,href:e.link,target:`_blank`,rel:`noopener noreferrer`,class:`text-xs text-[var(--el-color-primary)] hover:underline`},c(e.title||e.link),9,wt)):a(``,!0)]),_:2},1032,[`title`]))),128))]),_:1})])}var Et=C(bt,[[`render`,Tt]]),Dt=o({name:`RelatedSearches`,components:{FontAwesomeIcon:E},props:{data:{type:Array,required:!0}},emits:[`search`],methods:{onSearch(e){e&&this.$emit(`search`,e)}}}),Ot={class:`rounded-xl border border-[var(--el-border-color-lighter)] p-5 bg-[var(--el-fill-color-blank)]`},kt={class:`text-base font-bold mb-3`},At={class:`flex flex-wrap gap-2`},jt=[`onClick`];function Mt(e,t,a,o,d,p){let h=u(`font-awesome-icon`);return l(),f(`div`,Ot,[n(`h3`,kt,c(e.$t(`serp.name.relatedSearches`)),1),n(`div`,At,[(l(!0),f(m,null,s(e.data,(t,n)=>(l(),f(`button`,{key:n,class:`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm bg-[var(--el-fill-color-light)] text-[var(--el-text-color-regular)] hover:bg-[var(--el-color-primary-light-9)] hover:text-[var(--el-color-primary)] transition-colors cursor-pointer border-none`,onClick:n=>e.onSearch(t.query)},[i(h,{icon:`fa-solid fa-magnifying-glass`,class:`text-xs opacity-50`}),r(` `+c(t.query),1)],8,jt))),128))])])}var Nt=o({name:`ResultPanel`,components:{FontAwesomeIcon:E,KnowledgeGraph:be,OrganicResult:Ne,ImageResults:Ue,VideoResults:at,NewsResults:yt,PeopleAlsoAsk:Et,RelatedSearches:C(Dt,[[`render`,Mt]])},emits:[`related-search`],computed:{results(){return this.$store.state.serp?.results},searching(){return this.$store.state.serp?.status?.search===w.Request},noResults(){return this.$store.state.serp?.status?.search===w.Success&&this.results&&!this.results.organic?.length&&!this.results.images?.length&&!this.results.videos?.length&&!this.results.news?.length&&!this.results.knowledge_graph?.title}},methods:{onRelatedSearch(e){this.$emit(`related-search`,e)}}}),$={class:`h-full overflow-y-auto p-6`},Pt={key:0,class:`max-w-3xl mx-auto py-8`},Ft={key:1,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},It={class:`text-base`},Lt={key:2,class:`max-w-3xl mx-auto`},Rt={key:1,class:`mb-6`},zt={key:3,class:`flex flex-col items-center justify-center py-24 text-[var(--el-text-color-disabled)]`},Bt={class:`text-base`};function Vt(e,r,o,p,h,g){let _=u(`font-awesome-icon`),v=u(`knowledge-graph`),y=u(`organic-result`),b=u(`image-results`),x=u(`video-results`),S=u(`news-results`),C=u(`people-also-ask`),w=u(`related-searches`);return l(),f(`div`,$,[e.searching?(l(),f(`div`,Pt,[(l(),f(m,null,s(4,e=>n(`div`,{key:e,class:`mb-6 animate-pulse`},[...r[0]||=[d(`<div class="flex items-center gap-2 mb-2"><div class="w-4 h-4 rounded-sm bg-[var(--el-fill-color-darker)]"></div><div class="h-3 w-32 rounded bg-[var(--el-fill-color-darker)]"></div></div><div class="h-4 w-3/4 rounded bg-[var(--el-fill-color-dark)] mb-2"></div><div class="h-3 w-full rounded bg-[var(--el-fill-color)] mb-1"></div><div class="h-3 w-5/6 rounded bg-[var(--el-fill-color)]"></div>`,4)]])),64))])):e.noResults?(l(),f(`div`,Ft,[i(_,{icon:`fa-solid fa-face-meh`,class:`text-5xl mb-4 opacity-40`}),n(`p`,It,c(e.$t(`serp.message.noResults`)),1)])):e.results?(l(),f(`div`,Lt,[e.results.knowledge_graph?.title?(l(),t(v,{key:0,data:e.results.knowledge_graph,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.organic?.length?(l(),f(`div`,Rt,[(l(!0),f(m,null,s(e.results.organic,(e,n)=>(l(),t(y,{key:n,data:e,class:`mb-1`},null,8,[`data`]))),128))])):a(``,!0),e.results.images?.length?(l(),t(b,{key:2,data:e.results.images,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.videos?.length?(l(),t(x,{key:3,data:e.results.videos,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.news?.length?(l(),t(S,{key:4,data:e.results.news,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.people_also_ask?.length?(l(),t(C,{key:5,data:e.results.people_also_ask,class:`mb-6`},null,8,[`data`])):a(``,!0),e.results.related_searches?.length?(l(),t(w,{key:6,data:e.results.related_searches,class:`mb-6`,onSearch:e.onRelatedSearch},null,8,[`data`,`onSearch`])):a(``,!0)])):(l(),f(`div`,zt,[i(_,{icon:`fa-solid fa-globe`,class:`text-5xl mb-4 opacity-30`}),n(`p`,Bt,c(e.$t(`serp.description.query`)),1)]))])}var Ht=o({name:`SerpIndex`,components:{Layout:j,SearchPanel:oe,ResultPanel:C(Nt,[[`render`,Vt]])},inject:[`initialized`],async mounted(){await this.onGetService()},methods:{async onGetService(){console.debug(`start onGetService`),await this.$store.dispatch(`serp/getService`),console.debug(`end onGetService`)},async onSearch(){if(this.$store.state.serp?.config?.query){T.info(this.$t(`serp.message.searching`));try{await this.$store.dispatch(`serp/search`),T.success(this.$t(`serp.message.searchSuccess`))}catch(e){(e?.response?.data)?.error?.code===`used_up`?T.error(this.$t(`serp.message.usedUp`)):T.error(this.$t(`serp.message.searchFailed`))}}},async onRelatedSearch(e){this.$store.commit(`serp/setConfig`,{...this.$store.state.serp?.config,query:e}),await this.onSearch()}}});function Ut(e,n,r,a,o,s){let c=u(`search-panel`),d=u(`result-panel`),f=u(`layout`);return l(),t(f,null,{config:p(()=>[i(c,{onSearch:e.onSearch},null,8,[`onSearch`])]),result:p(()=>[i(d,{onRelatedSearch:e.onRelatedSearch},null,8,[`onRelatedSearch`])]),_:1})}var Wt=C(Ht,[[`render`,Ut]]);export{Wt as default};
|