@acedatacloud/nexior 3.259.2 → 3.261.0

package/dist/assets/{List-CYjxjygq.js → List-C0kAKHH6.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as f}from"./vendor-chart-Df3WBvr0.js";import{t as p}from"./button-DgZFgZDr.js";import{n as m,t as h}from"./table-BjrEDV1-.js";import{t as g}from"./card-pDppUT2_.js";import{n as _,t as v}from"./row-BgYJmo3R.js";import{t as y}from"./Pagination-C-fONpnB.js";import{t as b}from"./skeleton-k2vAVQdD.js";import{t as x}from"./switch-D-UGKh2b.js";import{Ar as S,Dn as C,E as w,N as T,Tr as E,ar as D,fr as O,or as k,pr as A,xr as j,z as M}from"./index-CEh-AtFD.js";import{t as N}from"./index.es-CGcvPLbY.js";import{t as P}from"./CopyToClipboard-DY4cWsYU.js";var F=a({name:`ConsoleApplicationList`,components:{Pagination:y,CopyToClipboard:P,ElTable:h,ElRow:v,ElButton:p,ElCol:_,ElTag:S,ElSkeleton:b,ElSwitch:x,ElTableColumn:m,ElCard:g,FontAwesomeIcon:N},data(){return{credentialType:D,serviceType:k,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showPayment(){return!j()}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,t){!e||!e.id||C.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{E.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{E.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:M,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:T,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=O.INDIVIDUAL){return new Promise((t,n)=>{C.getAll({limit:this.limit,...e===O.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:A.USAGE,scope:e}).then(({data:n})=>{e===O.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{E.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(O.INDIVIDUAL),this.onFetchApplications(O.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){C.create({type:A.USAGE,scope:O.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(O.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),I={class:`title`},L={key:1,class:`summary-card`},R={class:`icon-wrapper`},z={class:`label`},B={class:`value`},V={class:`description`},H={key:1,class:`flex flex-row justify-between align-center`},U={class:`summary-card`},W={class:`flex justify-start items-center gap-2 mb-2 w-full`},G={class:`icon-wrapper !mb-0`},K={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},q={class:`label`},J={class:`value`},Y={class:`description`},X={class:`flex flex-col items-end gap-2`},Z={class:`copy`},Q={key:0,class:`expired-at`},$={class:`flex flex-wrap items-center justify-end gap-1`},ee={class:`pagination`};function te(a,p,m,h,g,_){let v=c(`el-col`),y=c(`el-row`),b=c(`el-skeleton`),x=c(`font-awesome-icon`),S=c(`el-card`),C=c(`copy-to-clipboard`),w=c(`el-button`),T=c(`el-table-column`),E=c(`el-tag`),D=c(`el-switch`),O=c(`el-table`),k=c(`pagination`),A=d(`loading`);return s(),e(y,{class:`application-list`},{default:u(()=>[r(v,{span:24},{default:u(()=>[r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`h2`,I,o(a.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),r(y,{gutter:15,class:`mb-3`},{default:u(()=>[r(v,{md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,L,[t(`div`,R,[r(x,{icon:`fa-solid fa-cubes-stacked`})]),t(`p`,z,o(a.$t(`application.title.count`)),1),t(`p`,B,o(a.individualApplicationsTotal),1),t(`p`,V,o(a.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),a.showPayment&&a.globalApplications?.length>0?(s(),e(v,{key:0,md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,H,[t(`div`,U,[t(`div`,W,[t(`div`,G,[r(x,{icon:`fa-solid fa-wallet`})]),t(`span`,K,[n(o(a.$t(`application.field.id`))+`: `+o(a.globalApplications?.[0]?.id)+` `,1),a.globalApplications?.[0]?.id?(s(),e(C,{key:0,content:a.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):i(``,!0)])]),t(`p`,q,o(a.$t(`application.title.globalBalance`)),1),t(`p`,J,o(a.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+o(a.$t(`service.unit.credits`)),1),t(`p`,Y,o(a.$t(`application.message.globalBalanceDescription`)),1)]),t(`div`,X,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:p[0]||=e=>a.onGoUsage(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1}),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:p[1]||=e=>a.onBuyMore(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1})):i(``,!0)])]))]),_:1})]),_:1})):i(``,!0)]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[r(S,{shadow:`hover`,class:`applications-table-card`},{default:u(()=>[f((s(),e(O,{data:a.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`)},{default:u(()=>[r(T,{prop:`id`,label:a.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(e.row.id),1),t(`span`,Z,[r(C,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row?.type===`Period`?(s(),e(E,{key:0,type:`success`,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.period`)),1)]),_:1})):t.row?.type===`Usage`?(s(),e(E,{key:1,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.usage`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.name`),width:`180px`},{default:u(r=>[t(`span`,null,o(r.row?.service?.title),1),r.row?.role===`grantee`?(s(),e(E,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:u(()=>[n(o(a.$t(`application.badge.shared`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{prop:`remaining_amount`,label:a.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`used_amount`,label:a.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[t(`span`,null,o(a.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`allow_consume_global`,label:a.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row.service?.type===a.serviceType.API?(s(),e(D,{key:0,modelValue:t.row.allow_consume_global,"onUpdate:modelValue":e=>t.row.allow_consume_global=e,"active-value":!0,"inactive-value":!1,onChange:e=>a.updateAllowConsumeGlobal(t.row,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[e.row.expired_at?(s(),l(`span`,Q,o(a.$dayjs.format(e.row.expired_at)),1)):i(``,!0)]),_:1},8,[`label`]),r(T,{fixed:`right`,width:`200px`},{default:u(c=>[t(`div`,$,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:e=>a.onGoUsage(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:e=>a.onBuyMore(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):i(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[A,a.loading]])]),_:1})]),_:1})]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`div`,ee,[r(k,{"current-page":a.page,"page-size":a.limit,total:a.individualApplicationsTotal,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ne=w(F,[[`render`,te],[`__scopeId`,`data-v-7182b838`]]);export{ne as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as f}from"./vendor-chart-Df3WBvr0.js";import{t as p}from"./button-DgZFgZDr.js";import{n as m,t as h}from"./table-BjrEDV1-.js";import{t as g}from"./card-pDppUT2_.js";import{n as _,t as v}from"./row-BgYJmo3R.js";import{t as y}from"./Pagination-BIuCP-c6.js";import{t as b}from"./skeleton-k2vAVQdD.js";import{t as x}from"./switch-ChtXnWfn.js";import{B as S,E as C,Er as w,On as T,P as E,Sr as D,jr as O,mr as k,or as A,pr as j,sr as M}from"./index-BZ_pM2kG.js";import{t as N}from"./index.es-D5DgcYd8.js";import{t as P}from"./CopyToClipboard-Cu1x8sBE.js";var F=a({name:`ConsoleApplicationList`,components:{Pagination:y,CopyToClipboard:P,ElTable:h,ElRow:v,ElButton:p,ElCol:_,ElTag:O,ElSkeleton:b,ElSwitch:x,ElTableColumn:m,ElCard:g,FontAwesomeIcon:N},data(){return{credentialType:A,serviceType:M,individualApplications:[],globalApplications:[],individualApplicationsTotal:void 0,globalApplicationsTotal:void 0,loading:!1,buying:!1,limit:10,form:{amount:1},active:{service:void 0,application:void 0}}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},showPayment(){return!D()}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onInitializeGlobalApplication(),this.onFetchData()},methods:{updateAllowConsumeGlobal(e,t){!e||!e.id||T.updateAllConsumeGlobal(e.id,{...e,allow_consume_global:!!t}).then(()=>{w.success(this.$t(`application.message.updateSuccessfully`).toString())}).catch(()=>{w.error(this.$t(`application.message.updateFailed`).toString())})},onGoUsage(e){this.$router.push({name:S,query:{application_id:e.id,type:e?.service?.type}})},onBuyMore(e){e?.id&&this.$router.push({name:E,params:{id:e.id}})},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchApplications(e=j.INDIVIDUAL){return new Promise((t,n)=>{T.getAll({limit:this.limit,...e===j.INDIVIDUAL?{offset:(this.page-1)*this.limit}:{},user_id:this.$store.getters.user.id,ordering:`-created_at`,type:k.USAGE,scope:e}).then(({data:n})=>{e===j.INDIVIDUAL?(this.individualApplications=n.items,this.individualApplicationsTotal=n.count):(this.globalApplications=n.items,this.globalApplicationsTotal=n.count),t(n)}).catch(e=>{w.error(this.$t(`application.message.fetchFailed`).toString()),n(e)})})},onFetchData(){this.loading=!0,Promise.all([this.onFetchApplications(j.INDIVIDUAL),this.onFetchApplications(j.GLOBAL)]).then(()=>{this.loading=!1}).catch(()=>{this.loading=!1})},onInitializeGlobalApplication(){T.create({type:k.USAGE,scope:j.GLOBAL,user_id:this.$store.getters.user.id}).finally(()=>{this.onFetchApplications(j.GLOBAL)})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`}}}),I={class:`title`},L={key:1,class:`summary-card`},R={class:`icon-wrapper`},z={class:`label`},B={class:`value`},V={class:`description`},H={key:1,class:`flex flex-row justify-between align-center`},U={class:`summary-card`},W={class:`flex justify-start items-center gap-2 mb-2 w-full`},G={class:`icon-wrapper !mb-0`},K={class:`text-[var(--el-text-color-regular)] text-[14px] truncate`},q={class:`label`},J={class:`value`},Y={class:`description`},X={class:`flex flex-col items-end gap-2`},Z={class:`copy`},Q={key:0,class:`expired-at`},$={class:`flex flex-wrap items-center justify-end gap-1`},ee={class:`pagination`};function te(a,p,m,h,g,_){let v=c(`el-col`),y=c(`el-row`),b=c(`el-skeleton`),x=c(`font-awesome-icon`),S=c(`el-card`),C=c(`copy-to-clipboard`),w=c(`el-button`),T=c(`el-table-column`),E=c(`el-tag`),D=c(`el-switch`),O=c(`el-table`),k=c(`pagination`),A=d(`loading`);return s(),e(y,{class:`application-list`},{default:u(()=>[r(v,{span:24},{default:u(()=>[r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`h2`,I,o(a.$t(`common.title.allApplications`)),1)]),_:1})]),_:1}),r(y,{gutter:15,class:`mb-3`},{default:u(()=>[r(v,{md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,L,[t(`div`,R,[r(x,{icon:`fa-solid fa-cubes-stacked`})]),t(`p`,z,o(a.$t(`application.title.count`)),1),t(`p`,B,o(a.individualApplicationsTotal),1),t(`p`,V,o(a.$t(`application.message.countDescription`)),1)]))]),_:1})]),_:1}),a.showPayment&&a.globalApplications?.length>0?(s(),e(v,{key:0,md:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`relative min-h-[180px] mb-2`,"body-style":{padding:`18px 20px`}},{default:u(()=>[a.loading?(s(),e(b,{key:0})):(s(),l(`div`,H,[t(`div`,U,[t(`div`,W,[t(`div`,G,[r(x,{icon:`fa-solid fa-wallet`})]),t(`span`,K,[n(o(a.$t(`application.field.id`))+`: `+o(a.globalApplications?.[0]?.id)+` `,1),a.globalApplications?.[0]?.id?(s(),e(C,{key:0,content:a.globalApplications?.[0]?.id,class:`inline-block`},null,8,[`content`])):i(``,!0)])]),t(`p`,q,o(a.$t(`application.title.globalBalance`)),1),t(`p`,J,o(a.globalApplications?.[0]?.remaining_amount?.toFixed(6)||`0.000000`)+` `+o(a.$t(`service.unit.credits`)),1),t(`p`,Y,o(a.$t(`application.message.globalBalanceDescription`)),1)]),t(`div`,X,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:p[0]||=e=>a.onGoUsage(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1}),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:p[1]||=e=>a.onBuyMore(a.globalApplications?.[0])},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1})):i(``,!0)])]))]),_:1})]),_:1})):i(``,!0)]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[r(S,{shadow:`hover`,class:`applications-table-card`},{default:u(()=>[f((s(),e(O,{data:a.individualApplications,stripe:``,class:`applications-table !min-h-[calc(100vh-420px)]`,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`)},{default:u(()=>[r(T,{prop:`id`,label:a.$t(`application.field.id`),width:`200px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(e.row.id),1),t(`span`,Z,[r(C,{content:e?.row?.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.type`),width:`90px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row?.type===`Period`?(s(),e(E,{key:0,type:`success`,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.period`)),1)]),_:1})):t.row?.type===`Usage`?(s(),e(E,{key:1,effect:`dark`,round:``},{default:u(()=>[n(o(a.$t(`application.type.usage`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.name`),width:`180px`},{default:u(r=>[t(`span`,null,o(r.row?.service?.title),1),r.row?.role===`grantee`?(s(),e(E,{key:0,type:`info`,size:`small`,round:``,class:`ml-2`},{default:u(()=>[n(o(a.$t(`application.badge.shared`)),1)]),_:1})):i(``,!0)]),_:1},8,[`label`]),r(T,{prop:`remaining_amount`,label:a.$t(`application.field.remainingAmount`),width:`150px`,"class-name":`text-center`},{default:u(e=>[t(`span`,null,o(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`used_amount`,label:a.$t(`application.field.usedAmount`),width:`150px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[t(`span`,null,o(a.getUsedAmount(e.row)),1)]),_:1},8,[`label`]),r(T,{prop:`allow_consume_global`,label:a.$t(`application.field.allowConsumeGlobal`),width:`120px`,"class-name":`hidden sm:table-cell text-center`,"label-class-name":`hidden sm:table-cell`},{default:u(t=>[t.row.service?.type===a.serviceType.API?(s(),e(D,{key:0,modelValue:t.row.allow_consume_global,"onUpdate:modelValue":e=>t.row.allow_consume_global=e,"active-value":!0,"inactive-value":!1,onChange:e=>a.updateAllowConsumeGlobal(t.row,e)},null,8,[`modelValue`,`onUpdate:modelValue`,`onChange`])):i(``,!0)]),_:1},8,[`label`]),r(T,{label:a.$t(`application.field.expiredAt`),width:`180px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[e.row.expired_at?(s(),l(`span`,Q,o(a.$dayjs.format(e.row.expired_at)),1)):i(``,!0)]),_:1},8,[`label`]),r(T,{fixed:`right`,width:`200px`},{default:u(c=>[t(`div`,$,[r(w,{class:`!m-0 !px-2`,size:`small`,round:``,onClick:e=>a.onGoUsage(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-chart-line`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.usage`)),1)]),_:1},8,[`onClick`]),a.showPayment?(s(),e(w,{key:0,class:`!m-0 !px-2`,type:`primary`,round:``,size:`small`,onClick:e=>a.onBuyMore(c?.row)},{default:u(()=>[r(x,{icon:`fa-solid fa-coins`,class:`mr-1 text-[12px]`}),n(` `+o(a.$t(`application.button.buyMore`)),1)]),_:1},8,[`onClick`])):i(``,!0)])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[A,a.loading]])]),_:1})]),_:1})]),_:1}),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`div`,ee,[r(k,{"current-page":a.page,"page-size":a.limit,total:a.individualApplicationsTotal,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var ne=C(F,[[`render`,te],[`__scopeId`,`data-v-7182b838`]]);export{ne as default};

package/dist/assets/{List-T3QLwYka.js → List-F9jxwMV_.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Q as o,Ut as s,X as c,_ as l,a as u,c as d,et as f,i as ee,k as p,lt as m,n as h,o as g,r as _,s as v,t as y,tt as b,ut as x,x as S}from"./vendor-chart-Df3WBvr0.js";import{t as C}from"./button-DgZFgZDr.js";import{r as w,t as T}from"./select-Dy4nmBcy.js";import{n as E,t as D}from"./table-BjrEDV1-.js";import{n as O,t as k}from"./tabs-DT_RvYVg.js";import{t as A}from"./date-picker-q8pIuluv.js";import{t as j}from"./card-pDppUT2_.js";import{n as M,r as N}from"./radio-DNLlMkjf.js";import{n as P,t as F}from"./row-BgYJmo3R.js";import{t as I}from"./Pagination-C-fONpnB.js";import{n as L,t as R}from"./skeleton-k2vAVQdD.js";import{Ar as z,Cn as B,Dn as V,E as H,Or as U,Sn as W,ar as G,or as K,pr as q,xn as J}from"./index-CEh-AtFD.js";import{t as Y}from"./index.es-CGcvPLbY.js";import{t as X}from"./CopyToClipboard-DY4cWsYU.js";ee.register(_,u,h,v,d,g);var Z=a({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:z,ElDatePicker:A,ElTable:D,ElSelect:w,ElOption:T,CopyToClipboard:X,ElRow:F,ElCol:P,ElTableColumn:E,ElCard:j,ElRadioButton:M,ElRadioGroup:N,ElSkeleton:R,ElSkeletonItem:L,ElDialog:U,ElTabs:O,ElTabPane:k,ElButton:C,FontAwesomeIcon:Y,BarChart:y},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(`,`):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(`,`):[],applications:[],apis:[],apisLoading:!1,credentialType:G,serviceType:K,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{let e=this.$route.query.created_at_to?.toString(),t=this.$route.query.created_at_from?.toString();if(t&&e)return[new Date(t),new Date(e)];let n=new Date,r=new Date;return r.setDate(1),r.setHours(0,0,0,0),[r,n]})(),shortcuts:[{text:this.$t(`usage.shortcuts.thisMonth`),value:()=>{let e=new Date,t=new Date;return t.setDate(1),t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last1Day`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-1),[t,e]}},{text:this.$t(`usage.shortcuts.last3Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-3),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}],type:this.$route.query.type?.toString()||K.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],aggLoading:!1,detailDialogVisible:!1,detailRow:null,detailActiveTab:`request`,detailLoading:!1,exporting:!1,statusCodeFilter:this.$route.query.status_code?.toString()||``,statusCodeOptions:[],statusCodeOptionsLoading:!1}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(e=>({label:e.label,data:e.data,backgroundColor:e.color}))}},barChartOptions(){return{responsive:!0,plugins:{legend:{position:`top`,onClick:(e,t,n)=>{let r=n?.chart;if(!r||t?.datasetIndex===void 0)return;let i=t.datasetIndex,a=r.data?.datasets||[];a.some((e,t)=>t!==i&&r.isDatasetVisible(t))?a.forEach((e,t)=>r.setDatasetVisibility(t,t===i)):a.forEach((e,t)=>r.setDatasetVisibility(t,!0)),r.update()}},title:{display:!0,text:this.$t(`usage.title.usageTrend`)}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()}}},mounted(){this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},methods:{async onFetchUsages(){this.type===K.API?this.onFetchApiUsages():this.type===K.Proxy&&this.onFetchProxyUsages()},async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e&&e.length?e.join(`,`):``}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){console.log(`onTimeRangeChanged`,this.createdAtRange),await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``,created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``}}),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e&&e.length?e.join(`,`):``}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`},getDeductedAmount(e){if(e?.deducted_amount===void 0||e?.deducted_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.deducted_amount?.toFixed(6)} ${t}`},getOriginalAmount(e){if(e?.original_amount===void 0||e?.original_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.original_amount?.toFixed(6)} ${t}`},onStatusCodeChange(e){let t={...this.$route.query},n=(e||``).trim();n?t.status_code=n:delete t.status_code,delete t.status_code_filter,this.$router.push({name:this.$route.name?.toString(),query:t}),this.onFetchUsages(),this.onFetchAggregate()},async onFetchStatusCodeOptions(){this.statusCodeOptionsLoading=!0;try{let{data:e}=await W.getStatusCodes({user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}});this.statusCodeOptions=(e?.items||[]).slice().sort((e,t)=>e-t)}catch{this.statusCodeOptions=[]}finally{this.statusCodeOptionsLoading=!1}},formatElapsed(e){return e==null||Number.isNaN(e)?`-`:e<1?`${Math.round(e*1e3)} ms`:`${e.toFixed(2)} s`},getSimpleMetadata(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))n===`request`||n===`response`||typeof r==`object`&&r||(t[n]=r);return t},onShowDetail(e){this.detailRow={...e,metadata:void 0},this.detailActiveTab=`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id&&W.get(e.id).then(e=>{this.detailRow=e.data}).finally(()=>{this.detailLoading=!1})},formatJson(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}},onFetchApplications(){V.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:q.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,J.getAll({limit:100,offset:0,ordering:`-created_at`}).then(({data:e})=>{this.apis=e.items}).catch(()=>{}).finally(()=>{this.apisLoading=!1})},onFetchApiUsages(){console.log(`onFetchApiUsages`,this.createdAtRange),this.loading=!0,W.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{this.apiUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onFetchProxyUsages(){this.loading=!0,B.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:e})=>{this.proxyUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onExport(){this.exporting=!0,W.exportCsv({user_id:this.$store.getters.user.id,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`usages.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})},async onFetchAggregate(){if(this.aggLoading=!0,this.type!==this.serviceType.API)return;let e={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}};try{let{data:t}=await W.getAggregate(e);this.totalUsed=t.total||0;let n=Array.from(new Set((t.items||[]).map(e=>e.date))).sort(),r=Array.from(new Set((t.items||[]).map(e=>e.api_id))),i=e=>`hsl(${e*57%360}, 70%, 60%)`,a=r.map((e,r)=>{let a=t.apis?.[e]?.title||e,o={};return(t.items||[]).filter(t=>t.api_id===e).forEach(e=>{o[e.date]=e.amount||0}),{key:e,label:a,data:n.map(e=>o[e]||0),color:i(r)}});this.barChartLabels=n,this.barChartSeries=a}finally{this.aggLoading=!1}}}}),Q={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},$={class:`inline-block w-9`},te={class:`inline-block`},ne={key:1,class:`summary-card`},re={class:`icon-wrapper`},ie={class:`text-left`},ae={class:`description`},oe={class:`value`},se={class:`chart-wrapper`},ce={key:0},le={key:1},ue={class:`flex flex-wrap gap-2`},de={class:`key`},fe={key:0,class:`cursor-pointer`},pe={class:`created-at`},me={class:`created-at`},he={key:1,class:`detail-json`},ge={key:2,class:`text-gray-400`},_e={key:1,class:`detail-json`},ve={key:2,class:`text-gray-400`},ye={class:`float-right`};function be(a,u,d,ee,h,g){let _=f(`el-col`),v=f(`el-row`),y=f(`el-radio-button`),C=f(`el-radio-group`),w=f(`el-option`),T=f(`el-select`),E=f(`el-skeleton-item`),D=f(`el-skeleton`),O=f(`el-date-picker`),k=f(`font-awesome-icon`),A=f(`el-button`),j=f(`el-card`),M=f(`bar-chart`),N=f(`el-table-column`),P=f(`el-tag`),F=f(`copy-to-clipboard`),I=f(`el-table`),L=f(`el-tab-pane`),R=f(`el-tabs`),z=f(`el-dialog`),B=f(`pagination`),V=b(`loading`);return c(),e(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[t(`h2`,Q,s(a.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),r(v,null,{default:m(()=>[r(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,null,s(a.$t(`application.field.type`)),1),r(C,{modelValue:a.type,"onUpdate:modelValue":u[0]||=e=>a.type=e},{default:m(()=>[r(y,{value:a.serviceType.API,label:a.$t(`application.field.api`)},null,8,[`value`,`label`]),r(y,{value:a.serviceType.Proxy,label:a.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),x(r(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,$,s(a.$t(`usage.field.application`)),1),r(T,{modelValue:a.applicationIds,"onUpdate:modelValue":u[1]||=e=>a.applicationIds=e,placeholder:a.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApplicationsChange},{default:m(()=>[(c(!0),p(S,null,o(a.applications,t=>(c(),e(w,{key:t.id,label:t.service?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[l,!1]]),a.type===a.serviceType.API?(c(),e(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,te,s(a.$t(`usage.field.api`)),1),a.apisLoading?(c(),e(D,{key:0,animated:``,class:`w-full`},{template:m(()=>[r(E,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(c(),e(T,{key:1,modelValue:a.apiIds,"onUpdate:modelValue":u[2]||=e=>a.apiIds=e,placeholder:a.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApisChange},{default:m(()=>[(c(!0),p(S,null,o(a.apis,t=>(c(),e(w,{key:t?.id,label:t?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(O,{modelValue:a.createdAtRange,"onUpdate:modelValue":u[3]||=e=>a.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:a.shortcuts,"range-separator":a.$t(`usage.placeholder.to`),"start-placeholder":a.$t(`usage.placeholder.startDate`),"end-placeholder":a.$t(`usage.placeholder.endDate`),onChange:a.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(T,{modelValue:a.statusCodeFilter,"onUpdate:modelValue":u[4]||=e=>a.statusCodeFilter=e,placeholder:a.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:a.statusCodeOptionsLoading,onChange:a.onStatusCodeChange},{default:m(()=>[(c(!0),p(S,null,o(a.statusCodeOptions,t=>(c(),e(w,{key:t,label:String(t),value:String(t)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:m(()=>[r(A,{type:`primary`,plain:``,loading:a.exporting,class:`w-full whitespace-nowrap`,onClick:a.onExport},{default:m(()=>[r(k,{icon:`fa-solid fa-file-export`,class:`mr-1`}),n(` `+s(a.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):i(``,!0)]),_:1}),r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[a.type===a.serviceType.API?(c(),e(v,{key:0,gutter:24,class:`mb-5`},{default:m(()=>[r(_,{md:6,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[a.aggLoading?(c(),e(D,{key:0})):(c(),p(`div`,ne,[t(`div`,re,[r(k,{icon:`fa-solid fa-cubes`,class:`icon`})]),t(`div`,ie,[t(`p`,ae,s(a.$t(`usage.title.totalUsed`)),1),t(`p`,oe,s(a.totalUsedString),1)])]))]),_:1})]),_:1}),r(_,{md:18,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[t(`div`,se,[a.aggLoading?(c(),e(D,{key:0,class:`w-full`})):(c(),e(M,{key:1,data:a.barChartData,options:a.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):i(``,!0),r(j,{shadow:`hover`},{default:m(()=>[a.type===a.serviceType.API?x((c(),e(I,{key:0,data:a.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.api?.title),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.statusCode`),width:`120px`},{default:m(e=>[t(`span`,null,s(e.row.status_code),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.elapsed`),width:`120px`},{default:m(e=>[t(`span`,null,s(a.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[a.getDeductedAmount(e.row)===a.getOriginalAmount(e.row)?(c(),p(`div`,ce,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)])):(c(),p(`div`,le,[u[7]||=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),t(`p`,null,[t(`del`,null,s(a.getOriginalAmount(e.row)),1)])]))]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:m(r=>[t(`div`,ue,[r.row.original_amount>r.row.deducted_amount&&r.row.original_amount>0?(c(),e(P,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(((r.row.original_amount-r.row.deducted_amount)*100/r.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):i(``,!0),(c(!0),p(S,null,o(a.getSimpleMetadata(r.row.metadata),(t,r)=>(c(),e(P,{key:r,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:m(t=>[t.row.id?(c(),e(A,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:e=>a.onShowDetail(t.row)},{default:m(()=>[n(s(a.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):i(``,!0)]),_:1},8,[`label`]),r(N,{prop:`trace_id`,label:a.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:m(e=>[t(`span`,de,s(e.row.trace_id),1),e.row.trace_id?(c(),p(`span`,fe,[r(F,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):i(``,!0)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,pe,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0),a.type===a.serviceType.Proxy?x((c(),e(I,{key:1,data:a.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.service?.title),1)]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1),t(`span`,null,s(a.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:m(t=>[(c(!0),p(S,null,o(t.row.metadata,(t,r)=>(c(),e(P,{key:r,class:`mb-2`},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,me,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0)]),_:1})]),_:1})]),_:1}),r(z,{modelValue:a.detailDialogVisible,"onUpdate:modelValue":u[6]||=e=>a.detailDialogVisible=e,title:a.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:m(()=>[r(R,{modelValue:a.detailActiveTab,"onUpdate:modelValue":u[5]||=e=>a.detailActiveTab=e},{default:m(()=>[r(L,{label:a.$t(`usage.dialog.request`),name:`request`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.request?(c(),p(`pre`,he,s(a.formatJson(a.detailRow.metadata.request)),1)):(c(),p(`p`,ge,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),r(L,{label:a.$t(`usage.dialog.response`),name:`response`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.response?(c(),p(`pre`,_e,s(a.formatJson(a.detailRow.metadata.response)),1)):(c(),p(`p`,ve,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),r(v,null,{default:m(()=>[r(_,{span:10,offset:14},{default:m(()=>[t(`div`,ye,[r(B,{"current-page":a.page,"page-size":a.limit,total:a.total,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=H(Z,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,Q as o,Ut as s,X as c,_ as l,a as u,c as ee,et as d,i as f,k as p,lt as m,n as h,o as g,r as _,s as v,t as y,tt as b,ut as x,x as S}from"./vendor-chart-Df3WBvr0.js";import{t as C}from"./button-DgZFgZDr.js";import{r as w,t as T}from"./select-DF6AoVSQ.js";import{n as E,t as D}from"./table-BjrEDV1-.js";import{n as O,t as k}from"./tabs-DT_RvYVg.js";import{t as A}from"./date-picker-CGviQvRU.js";import{t as j}from"./card-pDppUT2_.js";import{n as M,r as N}from"./radio-DNLlMkjf.js";import{n as P,t as F}from"./row-BgYJmo3R.js";import{t as I}from"./Pagination-BIuCP-c6.js";import{n as L,t as R}from"./skeleton-k2vAVQdD.js";import{Cn as z,E as B,On as V,Sn as H,jr as U,kr as W,mr as G,or as K,sr as q,wn as J}from"./index-BZ_pM2kG.js";import{t as Y}from"./index.es-D5DgcYd8.js";import{t as X}from"./CopyToClipboard-Cu1x8sBE.js";f.register(_,u,h,v,ee,g);var Z=a({name:`ConsoleUsageList`,components:{Pagination:I,ElTag:U,ElDatePicker:A,ElTable:D,ElSelect:w,ElOption:T,CopyToClipboard:X,ElRow:F,ElCol:P,ElTableColumn:E,ElCard:j,ElRadioButton:M,ElRadioGroup:N,ElSkeleton:R,ElSkeletonItem:L,ElDialog:W,ElTabs:O,ElTabPane:k,ElButton:C,FontAwesomeIcon:Y,BarChart:y},data(){return{applicationIds:this.$route.query.application_id?.toString()?this.$route.query.application_id?.toString().split(`,`):[],apiIds:this.$route.query.api_id?.toString()?this.$route.query.api_id?.toString().split(`,`):[],applications:[],apis:[],apisLoading:!1,credentialType:K,serviceType:q,apiUsages:[],proxyUsages:[],createdAtRange:(()=>{let e=this.$route.query.created_at_to?.toString(),t=this.$route.query.created_at_from?.toString();if(t&&e)return[new Date(t),new Date(e)];let n=new Date,r=new Date;return r.setDate(1),r.setHours(0,0,0,0),[r,n]})(),shortcuts:[{text:this.$t(`usage.shortcuts.thisMonth`),value:()=>{let e=new Date,t=new Date;return t.setDate(1),t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last1Day`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-1),[t,e]}},{text:this.$t(`usage.shortcuts.last3Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-3),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}],type:this.$route.query.type?.toString()||q.API,loading:!1,total:void 0,limit:15,totalUsed:0,barChartLabels:[],barChartSeries:[],aggLoading:!1,detailDialogVisible:!1,detailRow:null,detailActiveTab:`request`,detailLoading:!1,exporting:!1,statusCodeFilter:this.$route.query.status_code?.toString()||``,statusCodeOptions:[],statusCodeOptionsLoading:!1}},computed:{redirect(){return this.$route.query?.redirect},page(){return parseInt(this.$route.query.page?.toString()||`1`)},totalUsedString(){return`${(this.totalUsed||0).toFixed(2)}`},barChartData(){return{labels:this.barChartLabels,datasets:this.barChartSeries.map(e=>({label:e.label,data:e.data,backgroundColor:e.color}))}},barChartOptions(){return{responsive:!0,plugins:{legend:{position:`top`,onClick:(e,t,n)=>{let r=n?.chart;if(!r||t?.datasetIndex===void 0)return;let i=t.datasetIndex,a=r.data?.datasets||[];a.some((e,t)=>t!==i&&r.isDatasetVisible(t))?a.forEach((e,t)=>r.setDatasetVisibility(t,t===i)):a.forEach((e,t)=>r.setDatasetVisibility(t,!0)),r.update()}},title:{display:!0,text:this.$t(`usage.title.usageTrend`)}},scales:{x:{stacked:!0},y:{stacked:!0,beginAtZero:!0}}}}},watch:{page:{handler(){this.onFetchUsages()}},type:{handler(){this.applicationIds=[],this.apiIds=[],this.onApplicationsChange(this.applicationIds),this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()}}},mounted(){this.onFetchApplications(),this.onFetchApis(),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},methods:{async onFetchUsages(){this.type===q.API?this.onFetchApiUsages():this.type===q.Proxy&&this.onFetchProxyUsages()},async onApiChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onApisChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,api_id:e&&e.length?e.join(`,`):``}}),this.onFetchApiUsages(),this.onFetchAggregate()},async onTimeRangeChanged(){console.log(`onTimeRangeChanged`,this.createdAtRange),await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,created_at_from:this.createdAtRange?this.$dayjs.format(this.createdAtRange[0].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``,created_at_to:this.createdAtRange?this.$dayjs.format(this.createdAtRange[1].toString(),`YYYY-MM-DDTHH:mm:ss.SSSSSSZ`):``}}),this.onFetchUsages(),this.onFetchAggregate(),this.onFetchStatusCodeOptions()},async onApplicationChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e}}),this.onFetchUsages(),this.onFetchAggregate()},async onApplicationsChange(e){await this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,application_id:e&&e.length?e.join(`,`):``}}),this.onFetchUsages(),this.onFetchAggregate()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},getRemainingAmount(e){if(e.remaining_amount===void 0||e.remaining_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.remaining_amount?.toFixed(6)} ${t}`},getUsedAmount(e){if(e.used_amount===void 0||e.used_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.used_amount?.toFixed(6)} ${t}`},getDeductedAmount(e){if(e?.deducted_amount===void 0||e?.deducted_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.deducted_amount?.toFixed(6)} ${t}`},getOriginalAmount(e){if(e?.original_amount===void 0||e?.original_amount===null)return``;let t=this.$t(`service.unit.${e?.service?.unit||`credit`}s`);return`${e.original_amount?.toFixed(6)} ${t}`},onStatusCodeChange(e){let t={...this.$route.query},n=(e||``).trim();n?t.status_code=n:delete t.status_code,delete t.status_code_filter,this.$router.push({name:this.$route.name?.toString(),query:t}),this.onFetchUsages(),this.onFetchAggregate()},async onFetchStatusCodeOptions(){this.statusCodeOptionsLoading=!0;try{let{data:e}=await z.getStatusCodes({user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}});this.statusCodeOptions=(e?.items||[]).slice().sort((e,t)=>e-t)}catch{this.statusCodeOptions=[]}finally{this.statusCodeOptionsLoading=!1}},formatElapsed(e){return e==null||Number.isNaN(e)?`-`:e<1?`${Math.round(e*1e3)} ms`:`${e.toFixed(2)} s`},getSimpleMetadata(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))n===`request`||n===`response`||typeof r==`object`&&r||(t[n]=r);return t},onShowDetail(e){this.detailRow={...e,metadata:void 0},this.detailActiveTab=`request`,this.detailDialogVisible=!0,this.detailLoading=!0,e.id&&z.get(e.id).then(e=>{this.detailRow=e.data}).finally(()=>{this.detailLoading=!1})},formatJson(e){try{return JSON.stringify(e,null,2)}catch{return String(e)}},onFetchApplications(){V.getAll({limit:100,offset:0,user_id:this.$store.getters.user.id,ordering:`-created_at`,type:G.USAGE}).then(({data:e})=>{this.applications=e.items.filter(e=>e?.service?.type===this.type)}).catch(()=>{})},onFetchApis(){this.apisLoading=!0,H.getAll({limit:100,offset:0,ordering:`-created_at`}).then(({data:e})=>{this.apis=e.items}).catch(()=>{}).finally(()=>{this.apisLoading=!1})},onFetchApiUsages(){console.log(`onFetchApiUsages`,this.createdAtRange),this.loading=!0,z.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{this.apiUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onFetchProxyUsages(){this.loading=!0,J.getAll({limit:this.limit,offset:(this.page-1)*this.limit,user_id:this.$store.getters.user.id,ordering:`-created_at`,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{}}).then(({data:e})=>{this.proxyUsages=e.items,this.loading=!1,this.total=e.count}).catch(()=>{this.loading=!1})},onExport(){this.exporting=!0,z.exportCsv({user_id:this.$store.getters.user.id,...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{},...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.statusCodeFilter?{status_code:this.statusCodeFilter}:{}}).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`usages.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})},async onFetchAggregate(){if(this.aggLoading=!0,this.type!==this.serviceType.API)return;let e={user_id:this.$store.getters.user.id,...this.applicationIds&&this.applicationIds.length?{application_id:this.applicationIds}:{},...this.apiIds&&this.apiIds.length?{api_id:this.apiIds}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0]}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1]}:{}};try{let{data:t}=await z.getAggregate(e);this.totalUsed=t.total||0;let n=Array.from(new Set((t.items||[]).map(e=>e.date))).sort(),r=Array.from(new Set((t.items||[]).map(e=>e.api_id))),i=e=>`hsl(${e*57%360}, 70%, 60%)`,a=r.map((e,r)=>{let a=t.apis?.[e]?.title||e,o={};return(t.items||[]).filter(t=>t.api_id===e).forEach(e=>{o[e.date]=e.amount||0}),{key:e,label:a,data:n.map(e=>o[e]||0),color:i(r)}});this.barChartLabels=n,this.barChartSeries=a}finally{this.aggLoading=!1}}}}),Q={class:`text-[26px] font-bold mb-5 text-[var(--el-text-color-primary)]`},$={class:`inline-block w-9`},te={class:`inline-block`},ne={key:1,class:`summary-card`},re={class:`icon-wrapper`},ie={class:`text-left`},ae={class:`description`},oe={class:`value`},se={class:`chart-wrapper`},ce={key:0},le={key:1},ue={class:`flex flex-wrap gap-2`},de={class:`key`},fe={key:0,class:`cursor-pointer`},pe={class:`created-at`},me={class:`created-at`},he={key:1,class:`detail-json`},ge={key:2,class:`text-gray-400`},_e={key:1,class:`detail-json`},ve={key:2,class:`text-gray-400`},ye={class:`float-right`};function be(a,u,ee,f,h,g){let _=d(`el-col`),v=d(`el-row`),y=d(`el-radio-button`),C=d(`el-radio-group`),w=d(`el-option`),T=d(`el-select`),E=d(`el-skeleton-item`),D=d(`el-skeleton`),O=d(`el-date-picker`),k=d(`font-awesome-icon`),A=d(`el-button`),j=d(`el-card`),M=d(`bar-chart`),N=d(`el-table-column`),P=d(`el-tag`),F=d(`copy-to-clipboard`),I=d(`el-table`),L=d(`el-tab-pane`),R=d(`el-tabs`),z=d(`el-dialog`),B=d(`pagination`),V=b(`loading`);return c(),e(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[t(`h2`,Q,s(a.$t(`common.title.allUsages`)),1)]),_:1})]),_:1}),r(v,null,{default:m(()=>[r(_,{md:4,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,null,s(a.$t(`application.field.type`)),1),r(C,{modelValue:a.type,"onUpdate:modelValue":u[0]||=e=>a.type=e},{default:m(()=>[r(y,{value:a.serviceType.API,label:a.$t(`application.field.api`)},null,8,[`value`,`label`]),r(y,{value:a.serviceType.Proxy,label:a.$t(`application.field.proxy`)},null,8,[`value`,`label`])]),_:1},8,[`modelValue`])]),_:1}),x(r(_,{md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,$,s(a.$t(`usage.field.application`)),1),r(T,{modelValue:a.applicationIds,"onUpdate:modelValue":u[1]||=e=>a.applicationIds=e,placeholder:a.$t(`usage.field.application`),clearable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApplicationsChange},{default:m(()=>[(c(!0),p(S,null,o(a.applications,t=>(c(),e(w,{key:t.id,label:t.service?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`])]),_:1},512),[[l,!1]]),a.type===a.serviceType.API?(c(),e(_,{key:0,md:6,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[t(`span`,te,s(a.$t(`usage.field.api`)),1),a.apisLoading?(c(),e(D,{key:0,animated:``,class:`w-full`},{template:m(()=>[r(E,{variant:`rect`,style:{height:`32px`,"border-radius":`4px`}})]),_:1})):(c(),e(T,{key:1,modelValue:a.apiIds,"onUpdate:modelValue":u[2]||=e=>a.apiIds=e,placeholder:a.$t(`usage.field.api`),clearable:``,filterable:``,multiple:``,"collapse-tags":``,"collapse-tags-tooltip":``,class:`w-full`,onChange:a.onApisChange},{default:m(()=>[(c(!0),p(S,null,o(a.apis,t=>(c(),e(w,{key:t?.id,label:t?.title,value:t?.id},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]))]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:1,md:8,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(O,{modelValue:a.createdAtRange,"onUpdate:modelValue":u[3]||=e=>a.createdAtRange=e,type:`datetimerange`,class:`w-full`,shortcuts:a.shortcuts,"range-separator":a.$t(`usage.placeholder.to`),"start-placeholder":a.$t(`usage.placeholder.startDate`),"end-placeholder":a.$t(`usage.placeholder.endDate`),onChange:a.onTimeRangeChanged},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:2,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center`},{default:m(()=>[r(T,{modelValue:a.statusCodeFilter,"onUpdate:modelValue":u[4]||=e=>a.statusCodeFilter=e,placeholder:a.$t(`usage.option.statusCodeAll`),class:`w-full`,clearable:``,filterable:``,"allow-create":``,"default-first-option":``,loading:a.statusCodeOptionsLoading,onChange:a.onStatusCodeChange},{default:m(()=>[(c(!0),p(S,null,o(a.statusCodeOptions,t=>(c(),e(w,{key:t,label:String(t),value:String(t)},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`loading`,`onChange`])]),_:1})):i(``,!0),a.type===a.serviceType.API?(c(),e(_,{key:3,md:3,xs:24,class:`mb-5 flex px-2 gap-2 items-center justify-end`},{default:m(()=>[r(A,{type:`primary`,plain:``,loading:a.exporting,class:`w-full whitespace-nowrap`,onClick:a.onExport},{default:m(()=>[r(k,{icon:`fa-solid fa-file-export`,class:`mr-1`}),n(` `+s(a.$t(`usage.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),_:1})):i(``,!0)]),_:1}),r(v,null,{default:m(()=>[r(_,{span:24},{default:m(()=>[a.type===a.serviceType.API?(c(),e(v,{key:0,gutter:24,class:`mb-5`},{default:m(()=>[r(_,{md:6,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[a.aggLoading?(c(),e(D,{key:0})):(c(),p(`div`,ne,[t(`div`,re,[r(k,{icon:`fa-solid fa-cubes`,class:`icon`})]),t(`div`,ie,[t(`p`,ae,s(a.$t(`usage.title.totalUsed`)),1),t(`p`,oe,s(a.totalUsedString),1)])]))]),_:1})]),_:1}),r(_,{md:18,xs:24},{default:m(()=>[r(j,{shadow:`hover`,class:`h-full`},{default:m(()=>[t(`div`,se,[a.aggLoading?(c(),e(D,{key:0,class:`w-full`})):(c(),e(M,{key:1,data:a.barChartData,options:a.barChartOptions,class:`chart`},null,8,[`data`,`options`]))])]),_:1})]),_:1})]),_:1})):i(``,!0),r(j,{shadow:`hover`},{default:m(()=>[a.type===a.serviceType.API?x((c(),e(I,{key:0,data:a.apiUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.api?.title),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.statusCode`),width:`120px`},{default:m(e=>[t(`span`,null,s(e.row.status_code),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.elapsed`),width:`120px`},{default:m(e=>[t(`span`,null,s(a.formatElapsed(e.row.elapsed)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[a.getDeductedAmount(e.row)===a.getOriginalAmount(e.row)?(c(),p(`div`,ce,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)])):(c(),p(`div`,le,[u[7]||=t(`p`,null,null,-1),t(`p`,null,[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),t(`p`,null,[t(`del`,null,s(a.getOriginalAmount(e.row)),1)])]))]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`260px`,"class-name":`text-center`},{default:m(r=>[t(`div`,ue,[r.row.original_amount>r.row.deducted_amount&&r.row.original_amount>0?(c(),e(P,{key:0,type:`success`,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(((r.row.original_amount-r.row.deducted_amount)*100/r.row.original_amount).toFixed(0)+`% OFF`),1)]),_:2},1024)):i(``,!0),(c(!0),p(S,null,o(a.getSimpleMetadata(r.row.metadata),(t,r)=>(c(),e(P,{key:r,style:{textWrap:`wrap`,height:`fit-content`,lineHeight:`20px`,borderRadius:`10px`}},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))])]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.button.viewDetail`),width:`120px`,"class-name":`text-center`},{default:m(t=>[t.row.id?(c(),e(A,{key:0,type:`primary`,plain:``,size:`small`,class:`!px-2 !py-1 !text-xs !h-auto !min-h-0`,onClick:e=>a.onShowDetail(t.row)},{default:m(()=>[n(s(a.$t(`usage.button.viewDetail`)),1)]),_:1},8,[`onClick`])):i(``,!0)]),_:1},8,[`label`]),r(N,{prop:`trace_id`,label:a.$t(`application.field.traceId`),width:`200px`,"class-name":`text-center`},{default:m(e=>[t(`span`,de,s(e.row.trace_id),1),e.row.trace_id?(c(),p(`span`,fe,[r(F,{content:e.row.trace_id,class:`inline-block`},null,8,[`content`])])):i(``,!0)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,pe,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0),a.type===a.serviceType.Proxy?x((c(),e(I,{key:1,data:a.proxyUsages,stripe:``,"table-layout":`fixed`,"empty-text":a.$t(`common.message.noData`),class:`min-h-[calc(100vh-350px)] mb-5`},{default:m(()=>[r(N,{label:a.$t(`application.field.name`),width:`160px`},{default:m(e=>[t(`span`,null,s(e.row?.service?.title),1)]),_:1},8,[`label`]),r(N,{prop:`remaining_amount`,label:a.$t(`usage.field.remainingAmount`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1),t(`span`,null,s(a.getOriginalAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`deducted_amount`,label:a.$t(`usage.field.deductedAmount`),width:`150px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getDeductedAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.balanceAfter`),width:`160px`,"class-name":`text-center`},{default:m(e=>[t(`span`,null,s(a.getRemainingAmount(e.row)),1)]),_:1},8,[`label`]),r(N,{prop:`metadata`,label:a.$t(`usage.field.metadata`),width:`200px`,"class-name":`text-center`},{default:m(t=>[(c(!0),p(S,null,o(t.row.metadata,(t,r)=>(c(),e(P,{key:r,class:`mb-2`},{default:m(()=>[n(s(r)+`: `+s(t),1)]),_:2},1024))),128))]),_:1},8,[`label`]),r(N,{label:a.$t(`usage.field.createdAt`),width:`200px`},{default:m(e=>[t(`span`,me,s(a.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`])]),_:1},8,[`data`,`empty-text`])),[[V,a.loading]]):i(``,!0)]),_:1})]),_:1})]),_:1}),r(z,{modelValue:a.detailDialogVisible,"onUpdate:modelValue":u[6]||=e=>a.detailDialogVisible=e,title:a.$t(`usage.dialog.detailTitle`),width:`70%`,top:`5vh`,"destroy-on-close":``},{default:m(()=>[r(R,{modelValue:a.detailActiveTab,"onUpdate:modelValue":u[5]||=e=>a.detailActiveTab=e},{default:m(()=>[r(L,{label:a.$t(`usage.dialog.request`),name:`request`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.request?(c(),p(`pre`,he,s(a.formatJson(a.detailRow.metadata.request)),1)):(c(),p(`p`,ge,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`]),r(L,{label:a.$t(`usage.dialog.response`),name:`response`},{default:m(()=>[a.detailLoading?(c(),e(D,{key:0,rows:6,animated:``})):a.detailRow?.metadata?.response?(c(),p(`pre`,_e,s(a.formatJson(a.detailRow.metadata.response)),1)):(c(),p(`p`,ve,s(a.$t(`usage.dialog.noData`)),1))]),_:1},8,[`label`])]),_:1},8,[`modelValue`])]),_:1},8,[`modelValue`,`title`]),r(v,null,{default:m(()=>[r(_,{span:10,offset:14},{default:m(()=>[t(`div`,ye,[r(B,{"current-page":a.page,"page-size":a.limit,total:a.total,onChange:a.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var xe=B(Z,[[`render`,be],[`__scopeId`,`data-v-38f1845c`]]);export{xe as default};

package/dist/assets/List-Q27S4NeY.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,P as i,Q as a,Ut as o,X as s,et as c,k as l,lt as u,tt as d,ut as ee,x as f}from"./vendor-chart-Df3WBvr0.js";import{t as p}from"./button-DgZFgZDr.js";import{r as m,t as h}from"./select-DF6AoVSQ.js";import{n as g,t as _}from"./table-BjrEDV1-.js";import{t as v}from"./date-picker-CGviQvRU.js";import{t as y}from"./card-pDppUT2_.js";import{n as b,t as x}from"./row-BgYJmo3R.js";import{t as S}from"./Pagination-BIuCP-c6.js";import{t as C}from"./skeleton-k2vAVQdD.js";import{E as w,Nt as T,cr as E,jr as D,xn as O}from"./index-BZ_pM2kG.js";import{t as k}from"./index.es-D5DgcYd8.js";import{t as A}from"./CopyToClipboard-Cu1x8sBE.js";var j={total_count:0,total_spent:0,state_counts:{}},M=i({name:`ConsoleOrderList`,components:{Pagination:S,CopyToClipboard:A,ElRow:x,ElCol:b,ElTable:_,ElTableColumn:g,ElButton:p,ElTag:D,ElCard:y,ElSelect:m,ElOption:h,ElDatePicker:v,ElSkeleton:C,FontAwesomeIcon:k},data(){return{OrderState:E,orders:[],loading:!1,total:void 0,limit:10,filterState:this.$route.query.state?.toString()||``,filterPayWay:this.$route.query.pay_way?.toString()||``,createdAtRange:(()=>{let e=this.$route.query.created_at_from?.toString(),t=this.$route.query.created_at_to?.toString();if(e&&t)return[new Date(e),new Date(t)]})(),summary:{...j},summaryLoading:!1,exporting:!1,shortcuts:[{text:this.$t(`usage.shortcuts.today`),value:()=>{let e=new Date,t=new Date;return t.setHours(0,0,0,0),[t,e]}},{text:this.$t(`usage.shortcuts.last7Days`),value:()=>{let e=new Date,t=new Date;return t.setDate(t.getDate()-7),[t,e]}},{text:this.$t(`usage.shortcuts.last1Month`),value:()=>{let e=new Date,t=new Date;return t.setMonth(t.getMonth()-1),[t,e]}}]}},computed:{page(){return parseInt(this.$route.query.page?.toString()||`1`)},stateOptions(){return[{value:E.PENDING,label:this.$t(`order.state.pending`)},{value:E.FINISHED,label:this.$t(`order.state.finished`)},{value:E.PAID,label:this.$t(`order.state.paid`)},{value:E.EXPIRED,label:this.$t(`order.state.expired`)},{value:E.FAILED,label:this.$t(`order.state.failed`)},{value:E.REFUNDED,label:this.$t(`order.state.refunded`)}]},payWayOptions(){return[{value:`WechatPay`,label:this.$t(`order.title.wechatPay`)},{value:`Stripe`,label:this.$t(`order.title.stripe`)},{value:`AliPay`,label:this.$t(`order.title.aliPay`)},{value:`X402`,label:this.$t(`order.title.x402`)},{value:`PayPal`,label:this.$t(`order.title.paypal`)}]},filterQuery(){let e={user_id:this.$store.getters.user?.id};return this.filterState&&(e.state=this.filterState),this.filterPayWay&&(e.pay_way=this.filterPayWay),this.createdAtRange?.[0]&&(e.created_at_from=this.createdAtRange[0]),this.createdAtRange?.[1]&&(e.created_at_to=this.createdAtRange[1]),e}},watch:{page:{handler(){this.onFetchData()}}},mounted(){this.onFetchData(),this.onFetchSummary()},methods:{getPriceString:T,stateTagType(e){return e===E.FINISHED||e===E.PAID?`success`:e===E.EXPIRED||e===E.FAILED?`danger`:e===E.REFUNDED?`warning`:`info`},stateLabel(e){return{[E.PENDING]:this.$t(`order.state.pending`),[E.PAID]:this.$t(`order.state.paid`),[E.FINISHED]:this.$t(`order.state.finished`),[E.EXPIRED]:this.$t(`order.state.expired`),[E.FAILED]:this.$t(`order.state.failed`),[E.REFUNDED]:this.$t(`order.state.refunded`)}[e]||e},isPendingAction(e){return e!==E.PAID&&e!==E.FINISHED&&e!==E.EXPIRED&&e!==E.FAILED&&e!==E.REFUNDED},goToDetail(e){this.$router.push({name:`console-order-detail`,params:{id:e}})},async onFilterChange(){await this.$router.push({name:this.$route.name?.toString(),query:{page:1,...this.filterState?{state:this.filterState}:{},...this.filterPayWay?{pay_way:this.filterPayWay}:{},...this.createdAtRange?.[0]?{created_at_from:this.createdAtRange[0].toISOString()}:{},...this.createdAtRange?.[1]?{created_at_to:this.createdAtRange[1].toISOString()}:{}}}),this.onFetchData(),this.onFetchSummary()},onPageChange(e){this.$router.push({name:this.$route.name?.toString(),query:{...this.$route.query,page:e}})},onFetchData(){this.loading=!0,O.getAll({ordering:`-created_at`,limit:this.limit,offset:(this.page-1)*this.limit,...this.filterQuery}).then(({data:e})=>{this.orders=e.items,this.total=e.count}).catch(()=>{}).finally(()=>{this.loading=!1})},onFetchSummary(){this.summaryLoading=!0,O.getSummary(this.filterQuery).then(({data:e})=>{this.summary=e}).catch(()=>{this.summary={...j}}).finally(()=>{this.summaryLoading=!1})},onExport(){this.exporting=!0,O.exportCsv(this.filterQuery).then(({data:e})=>{let t=window.URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`orders.csv`,n.click(),window.URL.revokeObjectURL(t)}).catch(()=>{}).finally(()=>{this.exporting=!1})}}}),N={class:`title`},P={key:1,class:`card-content`},F={class:`icon-wrapper`},I={class:`description`},L={class:`value`},R={key:1,class:`card-content`},z={class:`icon-wrapper`},B={class:`description`},V={class:`value`},H={key:1,class:`card-content`},U={class:`icon-wrapper`},te={class:`description`},W={class:`value`},G={key:1,class:`card-content`},K={class:`icon-wrapper`},q={class:`description`},J={class:`value`},Y={class:`filter-row mb-3`},X={class:`key`},Z={class:`cursor-pointer`},Q={class:`price`},ne={class:`description`},re={class:`text-gray-500`},$={class:`created-at`},ie={class:`flex items-center justify-center flex-wrap`},ae={class:`float-right`};function oe(i,p,m,h,g,_){let v=c(`el-col`),y=c(`el-row`),b=c(`el-skeleton`),x=c(`font-awesome-icon`),S=c(`el-card`),C=c(`el-option`),w=c(`el-select`),T=c(`el-date-picker`),E=c(`el-button`),D=c(`copy-to-clipboard`),O=c(`el-table-column`),k=c(`el-tag`),A=c(`el-table`),j=c(`pagination`),M=d(`loading`);return s(),e(y,{class:`panel`},{default:u(()=>[r(v,{span:24},{default:u(()=>[r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[t(`h2`,N,o(i.$t(`common.title.allOrders`)),1)]),_:1})]),_:1}),r(y,{gutter:16},{default:u(()=>[r(v,{md:6,sm:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(b,{key:0})):(s(),l(`div`,P,[t(`div`,F,[r(x,{icon:`fa-solid fa-receipt`,class:`icon`})]),t(`p`,I,o(i.$t(`order.title.totalOrders`)),1),t(`p`,L,o(i.summary.total_count),1)]))]),_:1})]),_:1}),r(v,{md:6,sm:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(b,{key:0})):(s(),l(`div`,R,[t(`div`,z,[r(x,{icon:`fa-solid fa-dollar-sign`,class:`icon`})]),t(`p`,B,o(i.$t(`order.title.totalSpent`)),1),t(`p`,V,o(i.getPriceString({value:i.summary.total_spent})),1)]))]),_:1})]),_:1}),r(v,{md:6,sm:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(b,{key:0})):(s(),l(`div`,H,[t(`div`,U,[r(x,{icon:`fa-solid fa-check-circle`,class:`icon`})]),t(`p`,te,o(i.$t(`order.title.finishedOrders`)),1),t(`p`,W,o(i.summary.state_counts?.Finished||0),1)]))]),_:1})]),_:1}),r(v,{md:6,sm:12,xs:24},{default:u(()=>[r(S,{shadow:`hover`,class:`item-mini mb-3`},{default:u(()=>[i.summaryLoading?(s(),e(b,{key:0})):(s(),l(`div`,G,[t(`div`,K,[r(x,{icon:`fa-solid fa-clock`,class:`icon`})]),t(`p`,q,o(i.$t(`order.title.pendingOrders`)),1),t(`p`,J,o(i.summary.state_counts?.Pending||0),1)]))]),_:1})]),_:1})]),_:1}),t(`div`,Y,[r(w,{modelValue:i.filterState,"onUpdate:modelValue":p[0]||=e=>i.filterState=e,clearable:``,placeholder:i.$t(`order.field.allStates`),class:`filter-select`,onChange:i.onFilterChange},{default:u(()=>[(s(!0),l(f,null,a(i.stateOptions,t=>(s(),e(C,{key:t.value,label:t.label,value:t.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),r(w,{modelValue:i.filterPayWay,"onUpdate:modelValue":p[1]||=e=>i.filterPayWay=e,clearable:``,placeholder:i.$t(`order.field.allPayWays`),class:`filter-select`,onChange:i.onFilterChange},{default:u(()=>[(s(!0),l(f,null,a(i.payWayOptions,t=>(s(),e(C,{key:t.value,label:t.label,value:t.value},null,8,[`label`,`value`]))),128))]),_:1},8,[`modelValue`,`placeholder`,`onChange`]),r(T,{modelValue:i.createdAtRange,"onUpdate:modelValue":p[2]||=e=>i.createdAtRange=e,type:`datetimerange`,shortcuts:i.shortcuts,"range-separator":i.$t(`usage.placeholder.to`),"start-placeholder":i.$t(`usage.placeholder.startDate`),"end-placeholder":i.$t(`usage.placeholder.endDate`),onChange:i.onFilterChange},null,8,[`modelValue`,`shortcuts`,`range-separator`,`start-placeholder`,`end-placeholder`,`onChange`]),r(E,{type:`primary`,plain:``,loading:i.exporting,onClick:i.onExport},{default:u(()=>[r(x,{icon:`fa-solid fa-file-export`,class:`mr-1`}),n(` `+o(i.$t(`order.button.export`)),1)]),_:1},8,[`loading`,`onClick`])]),r(y,null,{default:u(()=>[r(v,{span:24},{default:u(()=>[r(S,{shadow:`hover`},{default:u(()=>[ee((s(),e(A,{data:i.orders,stripe:``,"empty-text":i.$t(`common.message.noData`),class:`min-h-[calc(100vh-450px)] mb-[20px]`},{default:u(()=>[r(O,{prop:`id`,label:i.$t(`order.field.id`),"class-name":`text-center`,width:`200px`},{default:u(e=>[t(`span`,X,o(e.row.id),1),t(`span`,Z,[r(D,{content:e.row.id,class:`inline-block`},null,8,[`content`])])]),_:1},8,[`label`]),r(O,{label:i.$t(`order.field.price`),width:`110px`,align:`center`},{default:u(e=>[t(`span`,Q,o(i.getPriceString({value:e.row?.price})),1)]),_:1},8,[`label`]),r(O,{label:i.$t(`order.field.description`),"min-width":`220px`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:u(e=>[t(`span`,ne,o(e.row.description),1)]),_:1},8,[`label`]),r(O,{prop:`state`,label:i.$t(`order.field.state`),width:`130px`,align:`center`},{default:u(e=>[r(k,{type:i.stateTagType(e.row.state),class:`mx-1`,effect:`dark`,round:``,size:`small`},{default:u(()=>[n(o(i.stateLabel(e.row.state)),1)]),_:2},1032,[`type`])]),_:1},8,[`label`]),r(O,{label:i.$t(`order.field.payWay`),width:`120px`,align:`center`,"class-name":`hidden md:table-cell`,"label-class-name":`hidden md:table-cell`},{default:u(e=>[t(`span`,re,o(e.row.pay_way||`-`),1)]),_:1},8,[`label`]),r(O,{label:i.$t(`order.field.createdAt`),width:`200px`,"class-name":`hidden sm:table-cell`,"label-class-name":`hidden sm:table-cell`},{default:u(e=>[t(`span`,$,o(i.$dayjs.format(e.row.created_at)),1)]),_:1},8,[`label`]),r(O,{"min-width":`130px`,fixed:`right`},{default:u(r=>[t(`div`,ie,[i.isPendingAction(r.row.state)?(s(),e(E,{key:0,type:`primary`,size:`small`,onClick:e=>i.goToDetail(r.row.id)},{default:u(()=>[n(o(i.$t(`order.button.continuePay`)),1)]),_:1},8,[`onClick`])):(s(),e(E,{key:1,size:`small`,onClick:e=>i.goToDetail(r.row.id)},{default:u(()=>[n(o(i.$t(`order.button.checkDetail`)),1)]),_:1},8,[`onClick`]))])]),_:1})]),_:1},8,[`data`,`empty-text`])),[[M,i.loading]])]),_:1})]),_:1})]),_:1}),r(y,null,{default:u(()=>[r(v,{span:10,offset:14},{default:u(()=>[t(`div`,ae,[r(j,{"current-page":i.page,"page-size":i.limit,total:i.total,onChange:i.onPageChange},null,8,[`current-page`,`page-size`,`total`,`onChange`])])]),_:1})]),_:1})]),_:1})]),_:1})}var se=w(M,[[`render`,oe],[`__scopeId`,`data-v-350ab467`]]);export{se as default};

package/dist/assets/{Main-DttSVF8-.js → Main-BJ54JELh.js}

@@ -1 +1 @@
-import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,T as o,Ut as s,X as c,et as l,k as u,lt as d}from"./vendor-chart-Df3WBvr0.js";import{t as f}from"./button-DgZFgZDr.js";import{t as p}from"./Navigator-Zo3i7gU0.js";import{t as m}from"./checkbox-B_yzN9YW.js";import{t as h}from"./divider-DntlVH34.js";import"./constants-D3W0tInG.js";import{At as g,Dn as _,E as v,Or as y,Tr as b,fr as x,hr as S,pr as C,vr as w}from"./index-CEh-AtFD.js";import{t as T}from"./Status-BJ-OT3no.js";var E=a({name:`ApplicationConfirm`,components:{ElDialog:y,ElDivider:h,ElCheckbox:m,ElButton:f},props:{visible:{type:Boolean,required:!1,default:!1}},emits:[`update:visible`,`apply`],data(){return{checked:!0}},watch:{},methods:{getBaseUrlPlatform:w,onApply(){if(!this.checked){b.error(this.$t(`application.message.notAgreePolicy`));return}this.$emit(`apply`)}}}),D={class:`content py-[10px] px-[40px]`},O={class:`my-4`},k={class:`policy mb-[10px]`},A={class:`policy-title text-[12px] relative -bottom-[3px]`},j=[`href`];function M(i,a,o,u,f,p){let m=l(`el-divider`),h=l(`el-checkbox`),g=l(`el-button`),_=l(`el-dialog`);return c(),e(_,{"model-value":i.visible,width:`500px`,title:i.$t(`application.message.welcome`),center:``,onClose:a[1]||=e=>i.$emit(`update:visible`,!1)},{default:d(()=>[t(`div`,D,[t(`p`,O,s(i.$t(`application.message.notApplied`)),1),r(m,{class:`my-2`}),t(`div`,k,[r(h,{modelValue:i.checked,"onUpdate:modelValue":a[0]||=e=>i.checked=e,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,s(i.$t(`application.message.readPolicy`)),1),t(`a`,{class:`policy-title text-[12px] relative -bottom-[3px] text-[var(--el-color-primary)] cursor-pointer no-underline`,target:`_blank`,href:i.getBaseUrlPlatform()+`/terms`},` \xA0`+s(i.$t(`application.message.policy`)),9,j)]),r(g,{round:``,type:`primary`,onClick:i.onApply},{default:d(()=>[n(s(i.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=a({name:`LayoutMain`,components:{Navigator:p,ApplicationStatus:T,ApplicationConfirm:v(E,[[`render`,M]])},provide(){return{initialized:o(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:window.innerWidth<768,initializeRunId:0}},computed:{appName(){return this.$route.meta.appName},application(){return this.$store.state[this.appName]?.application},applications(){let e=this.$store.state[this.appName]?.applications??[];console.debug(`individualApplications`,e);let t=this.$store.state.applications??[];return console.debug(`globalApplications`,t),t.concat(e)},loading(){return this.$store.state[this.appName]?.status?.getApplications===S.Request},service(){return this.$store.state[this.appName]?.service},userId(){return this.$store.state.user?.id}},watch:{appName(){this.initialize()},userId(e,t){e&&e!==t&&this.initialize()}},mounted(){this.initialize(),window.addEventListener(`resize`,this.onResize)},beforeUnmount(){window.removeEventListener(`resize`,this.onResize)},methods:{onResize(){this.mobile=window.innerWidth<768},async initialize(){let e=++this.initializeRunId;if(this.initialized=!1,console.debug(`Fetching all individual and global applications for`,this.appName),await Promise.allSettled([this.$store.dispatch(`getApplications`),this.$store.dispatch(`${this.appName}/getApplications`)]),e!==this.initializeRunId)return;console.debug(`Fetched all applications`,this.applications),this.$store.state.applications?.length===0&&await this.onAutoApply();let t=this.$store.state[this.appName]?.application;console.debug(`current application`,t);let n=g(this.applications,t);console.debug(`final application`,n),n&&(console.debug(`set final application`,n,n?.type),await this.$store.dispatch(`${this.appName}/setApplication`,n)),console.debug(`finished initialization`),this.initialized=!0},onApply(){this.onAutoApply()},async onAutoApply(){try{await _.create({type:C.USAGE,scope:x.GLOBAL,user_id:this.$store.getters.user.id}),this.applying=!1,await this.$store.dispatch(`getApplications`),this.showWelcomeToast()}catch(e){e?.response?.data?.code===`duplication`?await this.$store.dispatch(`getApplications`):b.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);b({message:t>0?this.$t(`application.message.welcomeWithCredits`,{credits:t}):this.$t(`application.message.welcomeNoCredits`),type:`success`,duration:6e3,showClose:!0})}}}),P={class:`wrapper`};function F(t,n,a,o,s,d){let f=l(`router-view`),p=l(`navigator`),m=l(`application-status`),h=l(`application-confirm`);return c(),u(`div`,P,[r(f,{class:`main`}),r(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),e(m,{key:0,class:`status-floating fixed right-2 z-[200]`,application:t.application,applications:t.applications,"show-price":!1,authenticated:!!t.$store.state.token.access,service:t.service,onSelect:n[0]||=e=>t.$store.dispatch(`${t.appName}/setApplication`,e)},null,8,[`application`,`applications`,`authenticated`,`service`])):i(``,!0),r(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]||=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var I=v(N,[[`render`,F],[`__scopeId`,`data-v-319483e1`]]);export{I as default};
+import"./rolldown-runtime--c01j_DQ.js";import{D as e,E as t,M as n,N as r,O as i,P as a,T as o,Ut as s,X as c,et as l,k as u,lt as d}from"./vendor-chart-Df3WBvr0.js";import{t as f}from"./button-DgZFgZDr.js";import{t as p}from"./Navigator-Cwy_AlLJ.js";import{t as m}from"./checkbox-B_yzN9YW.js";import{t as h}from"./divider-DntlVH34.js";import"./constants-CL-IwZMu.js";import{E as g,Er as _,On as v,gr as y,jt as b,kr as x,mr as S,pr as C,yr as w}from"./index-BZ_pM2kG.js";import{t as T}from"./Status-DDwxQOrU.js";var E=a({name:`ApplicationConfirm`,components:{ElDialog:x,ElDivider:h,ElCheckbox:m,ElButton:f},props:{visible:{type:Boolean,required:!1,default:!1}},emits:[`update:visible`,`apply`],data(){return{checked:!0}},watch:{},methods:{getBaseUrlPlatform:w,onApply(){if(!this.checked){_.error(this.$t(`application.message.notAgreePolicy`));return}this.$emit(`apply`)}}}),D={class:`content py-[10px] px-[40px]`},O={class:`my-4`},k={class:`policy mb-[10px]`},A={class:`policy-title text-[12px] relative -bottom-[3px]`},j=[`href`];function M(i,a,o,u,f,p){let m=l(`el-divider`),h=l(`el-checkbox`),g=l(`el-button`),_=l(`el-dialog`);return c(),e(_,{"model-value":i.visible,width:`500px`,title:i.$t(`application.message.welcome`),center:``,onClose:a[1]||=e=>i.$emit(`update:visible`,!1)},{default:d(()=>[t(`div`,D,[t(`p`,O,s(i.$t(`application.message.notApplied`)),1),r(m,{class:`my-2`}),t(`div`,k,[r(h,{modelValue:i.checked,"onUpdate:modelValue":a[0]||=e=>i.checked=e,size:`large`,class:`policy-checkbox mr-[10px]`},null,8,[`modelValue`]),t(`span`,A,s(i.$t(`application.message.readPolicy`)),1),t(`a`,{class:`policy-title text-[12px] relative -bottom-[3px] text-[var(--el-color-primary)] cursor-pointer no-underline`,target:`_blank`,href:i.getBaseUrlPlatform()+`/terms`},` \xA0`+s(i.$t(`application.message.policy`)),9,j)]),r(g,{round:``,type:`primary`,onClick:i.onApply},{default:d(()=>[n(s(i.$t(`common.button.start`)),1)]),_:1},8,[`onClick`])])]),_:1},8,[`model-value`,`title`])}var N=a({name:`LayoutMain`,components:{Navigator:p,ApplicationStatus:T,ApplicationConfirm:g(E,[[`render`,M]])},provide(){return{initialized:o(()=>this.initialized)}},data(){return{initialized:!1,applying:!1,mobile:window.innerWidth<768,initializeRunId:0}},computed:{appName(){return this.$route.meta.appName},application(){return this.$store.state[this.appName]?.application},applications(){let e=this.$store.state[this.appName]?.applications??[];console.debug(`individualApplications`,e);let t=this.$store.state.applications??[];return console.debug(`globalApplications`,t),t.concat(e)},loading(){return this.$store.state[this.appName]?.status?.getApplications===y.Request},service(){return this.$store.state[this.appName]?.service},userId(){return this.$store.state.user?.id}},watch:{appName(){this.initialize()},userId(e,t){e&&e!==t&&this.initialize()}},mounted(){this.initialize(),window.addEventListener(`resize`,this.onResize)},beforeUnmount(){window.removeEventListener(`resize`,this.onResize)},methods:{onResize(){this.mobile=window.innerWidth<768},async initialize(){let e=++this.initializeRunId;if(this.initialized=!1,console.debug(`Fetching all individual and global applications for`,this.appName),await Promise.allSettled([this.$store.dispatch(`getApplications`),this.$store.dispatch(`${this.appName}/getApplications`)]),e!==this.initializeRunId)return;console.debug(`Fetched all applications`,this.applications),this.$store.state.applications?.length===0&&await this.onAutoApply();let t=this.$store.state[this.appName]?.application;console.debug(`current application`,t);let n=b(this.applications,t);console.debug(`final application`,n),n&&(console.debug(`set final application`,n,n?.type),await this.$store.dispatch(`${this.appName}/setApplication`,n)),console.debug(`finished initialization`),this.initialized=!0},onApply(){this.onAutoApply()},async onAutoApply(){try{await v.create({type:S.USAGE,scope:C.GLOBAL,user_id:this.$store.getters.user.id}),this.applying=!1,await this.$store.dispatch(`getApplications`),this.showWelcomeToast()}catch(e){e?.response?.data?.code===`duplication`?await this.$store.dispatch(`getApplications`):_.error(this.$t(`application.message.applyFailed`))}},showWelcomeToast(){let e=this.$store.state.applications?.[0],t=Math.floor(e?.remaining_amount??0);_({message:t>0?this.$t(`application.message.welcomeWithCredits`,{credits:t}):this.$t(`application.message.welcomeNoCredits`),type:`success`,duration:6e3,showClose:!0})}}}),P={class:`wrapper`};function F(t,n,a,o,s,d){let f=l(`router-view`),p=l(`navigator`),m=l(`application-status`),h=l(`application-confirm`);return c(),u(`div`,P,[r(f,{class:`main`}),r(p,{class:`navigator`,direction:t.mobile?`row`:`column`},null,8,[`direction`]),t.application?(c(),e(m,{key:0,class:`status-floating fixed right-2 z-[200]`,application:t.application,applications:t.applications,"show-price":!1,authenticated:!!t.$store.state.token.access,service:t.service,onSelect:n[0]||=e=>t.$store.dispatch(`${t.appName}/setApplication`,e)},null,8,[`application`,`applications`,`authenticated`,`service`])):i(``,!0),r(h,{modelValue:t.applying,"onUpdate:modelValue":n[1]||=e=>t.applying=e,modelModifiers:{visible:!0},onApply:t.onApply},null,8,[`modelValue`,`onApply`])])}var I=g(N,[[`render`,F],[`__scopeId`,`data-v-319483e1`]]);export{I as default};

package/dist/assets/Model-B4WouItQ.js

@@ -0,0 +1 @@
+import"./rolldown-runtime--c01j_DQ.js";import{Bt as e,D as t,E as n,M as r,N as i,O as a,P as o,Q as ee,Ut as s,X as c,et as l,k as u,lt as d,x as f,y as p}from"./vendor-chart-Df3WBvr0.js";import{t as m}from"./button-DgZFgZDr.js";import{t as h}from"./upload-B8zBOx3w.js";import{t as g}from"./image-DosjQeDd.js";import{t as _}from"./alert-Bgv5POrX.js";import{n as v,r as y}from"./radio-DNLlMkjf.js";import{t as b}from"./switch-ChtXnWfn.js";import{t as x}from"./vendor-axios-Ck2ffRoh.js";import"./constants-CL-IwZMu.js";import{E as S,Er as C,J as w,Kt as T,Nr as E,Ot as te,yr as D}from"./index-BZ_pM2kG.js";import{t as O}from"./index.es-D5DgcYd8.js";import{t as k}from"./CopyToClipboard-Cu1x8sBE.js";import{t as A}from"./Hailuo-D7IgrEuT.js";import{t as j}from"./BotPlaceholder-D0KYWj85.js";import{t as M}from"./TabSwitcher-DfRrArVF.js";var N=4,P=90,F=o({name:`FishRecorder`,components:{ElButton:m,FontAwesomeIcon:O},emits:[`done`,`cancel`,`update:script`],data(){return{state:`idle`,scriptIndex:0,seconds:0,timerId:0,maxTimerId:0,mediaRecorder:null,stream:null,chunks:[],recordedBlob:null,recordedUrl:``,uploading:!1}},computed:{formattedTime(){let e=Math.floor(this.seconds/60),t=this.seconds%60;return`${e.toString().padStart(2,`0`)}:${t.toString().padStart(2,`0`)}`},currentScript(){let e=`fish.script.passage${this.scriptIndex%N+1}`;return this.$t(e)}},beforeUnmount(){this.cleanup()},mounted(){this.$emit(`update:script`,this.currentScript)},methods:{nextScript(){this.scriptIndex=(this.scriptIndex+1)%N,this.$emit(`update:script`,this.currentScript)},async startRecord(){if(!navigator.mediaDevices?.getUserMedia||typeof MediaRecorder>`u`){C.error(this.$t(`fish.message.recorderUnsupported`));return}try{this.stream=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){let t=e?.name===`NotAllowedError`||e?.name===`PermissionDeniedError`;C.error(this.$t(t?`fish.message.micDenied`:`fish.message.micError`));return}this.chunks=[];let e=this.pickMimeType();try{this.mediaRecorder=e?new MediaRecorder(this.stream,{mimeType:e}):new MediaRecorder(this.stream)}catch{this.mediaRecorder=new MediaRecorder(this.stream)}this.mediaRecorder.ondataavailable=e=>{e.data&&e.data.size>0&&this.chunks.push(e.data)},this.mediaRecorder.onstop=()=>{let e=new Blob(this.chunks,{type:this.mediaRecorder?.mimeType||`audio/webm`});this.recordedBlob=e,this.recordedUrl=URL.createObjectURL(e),this.state=`recorded`,this.releaseStream()},this.mediaRecorder.start(),this.state=`recording`,this.seconds=0,this.timerId=window.setInterval(()=>{this.seconds++},1e3),this.maxTimerId=window.setTimeout(()=>{this.state===`recording`&&this.stopRecord()},P*1e3)},stopRecord(){this.mediaRecorder&&this.mediaRecorder.state!==`inactive`&&this.mediaRecorder.stop(),window.clearInterval(this.timerId),window.clearTimeout(this.maxTimerId)},reset(){this.recordedUrl&&URL.revokeObjectURL(this.recordedUrl),this.recordedUrl=``,this.recordedBlob=null,this.state=`idle`,this.seconds=0},onCancel(){this.cleanup(),this.$emit(`cancel`)},cleanup(){this.stopRecord(),this.releaseStream(),this.recordedUrl&&URL.revokeObjectURL(this.recordedUrl)},releaseStream(){this.stream?.getTracks().forEach(e=>e.stop()),this.stream=null},pickMimeType(){for(let e of[`audio/webm;codecs=opus`,`audio/webm`,`audio/mp4`,`audio/ogg`])if(typeof MediaRecorder<`u`&&MediaRecorder.isTypeSupported?.(e))return e},extensionForMime(e){return e.includes(`webm`)?`webm`:e.includes(`mp4`)?`m4a`:e.includes(`ogg`)?`ogg`:e.includes(`wav`)?`wav`:`mp3`},async useRecording(){if(this.recordedBlob){if(this.seconds<3){C.warning(this.$t(`fish.message.recordingTooShort`));return}this.uploading=!0;try{let e=this.$store.state.token?.access,t=this.extensionForMime(this.recordedBlob.type||``),n=new File([this.recordedBlob],`recording-${Date.now()}.${t}`,{type:this.recordedBlob.type||`audio/webm`}),r=new FormData;r.append(`file`,n);let{data:i}=await x.post(`${D()}/api/v1/files/`,r,{headers:{Authorization:`Bearer ${e}`}}),a=i?.file_url;if(!a){C.error(this.$t(`fish.message.uploadError`));return}this.$emit(`done`,{url:a,text:this.currentScript})}catch(e){C.error(this.$t(`fish.message.uploadError`)),console.error(`recorder upload failed`,e)}finally{this.uploading=!1}}}}}),I={class:`recorder`},L={key:0,class:`script`},R={class:`script-header`},z={class:`label`},B={class:`script-text`},V={class:`controls`},H={class:`status`},U={class:`hint`},W={key:1,class:`preview`},G=[`src`],K={class:`preview-actions`},q={class:`footer`};function J(o,ee,f,p,m,h){let g=l(`font-awesome-icon`),_=l(`el-button`);return c(),u(`div`,I,[o.state===`recorded`?a(``,!0):(c(),u(`div`,L,[n(`div`,R,[i(g,{icon:`fa-solid fa-book-open`,class:`icon mr-1`}),n(`span`,z,s(o.$t(`fish.description.readScript`)),1),i(_,{link:``,size:`small`,class:`ml-auto`,disabled:o.state===`recording`,onClick:o.nextScript},{default:d(()=>[i(g,{icon:`fa-solid fa-shuffle`,class:`mr-1`}),r(` `+s(o.$t(`fish.button.nextScript`)),1)]),_:1},8,[`disabled`,`onClick`])]),n(`p`,B,s(o.currentScript),1)])),n(`div`,V,[o.state===`idle`?(c(),t(_,{key:0,type:`danger`,circle:``,size:`large`,title:o.$t(`fish.button.startRecord`),onClick:o.startRecord},{default:d(()=>[i(g,{icon:`fa-solid fa-microphone`})]),_:1},8,[`title`,`onClick`])):o.state===`recording`?(c(),t(_,{key:1,type:`warning`,circle:``,size:`large`,title:o.$t(`fish.button.stopRecord`),onClick:o.stopRecord},{default:d(()=>[i(g,{icon:`fa-solid fa-stop`})]),_:1},8,[`title`,`onClick`])):a(``,!0),n(`div`,H,[n(`span`,{class:e([`timer`,o.state===`recording`?`live`:``])},s(o.formattedTime),3),n(`span`,U,s(o.state===`idle`?o.$t(`fish.description.recorderIdle`):o.state===`recording`?o.$t(`fish.description.recorderRecording`):o.$t(`fish.description.recorderRecorded`)),1)])]),o.state===`recorded`&&o.recordedUrl?(c(),u(`div`,W,[n(`audio`,{src:o.recordedUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,G),n(`div`,K,[i(_,{size:`small`,disabled:o.uploading,onClick:o.reset},{default:d(()=>[i(g,{icon:`fa-solid fa-rotate-left`,class:`mr-1`}),r(` `+s(o.$t(`fish.button.reRecord`)),1)]),_:1},8,[`disabled`,`onClick`]),i(_,{size:`small`,type:`primary`,loading:o.uploading,onClick:o.useRecording},{default:d(()=>[i(g,{icon:`fa-solid fa-check`,class:`mr-1`}),r(` `+s(o.$t(`fish.button.useRecording`)),1)]),_:1},8,[`loading`,`onClick`])])])):a(``,!0),n(`div`,q,[i(_,{link:``,size:`small`,disabled:o.uploading||o.state===`recording`,onClick:o.onCancel},{default:d(()=>[r(s(o.$t(`fish.button.cancel`)),1)]),_:1},8,[`disabled`,`onClick`])])])}var Y=S(F,[[`render`,J],[`__scopeId`,`data-v-1958e4a1`]]),X=50*1024*1024,Z=()=>({title:``,description:``,texts:``,voicesUrl:``,visibility:`unlist`,trainMode:`fast`,enhanceAudio:!0,generateSample:!1}),Q=o({name:`FishModelConfigPanel`,components:{ElButton:m,ElInput:E,ElRadioButton:v,ElRadioGroup:y,ElSwitch:b,ElUpload:h,FontAwesomeIcon:O,Recorder:Y},mixins:[te],emits:[`create`],data(){return{form:Z(),fileList:[],uploading:!1,creating:!1,recording:!1,textsAuto:!0}},computed:{uploadUrl(){return D()+`/api/v1/files/`},uploadHeaders(){return{Authorization:`Bearer ${this.$store.state.token?.access}`}},canCreate(){return!!this.form.title.trim()&&!!this.form.voicesUrl&&!this.uploading&&!this.creating},supportsRecorder(){return!!(typeof navigator<`u`?navigator.mediaDevices:void 0)?.getUserMedia&&typeof MediaRecorder<`u`}},methods:{onBeforeUpload(e){return e.size>X?(C.warning(this.$t(`fish.message.audioSizeExceed`)),!1):(this.uploading=!0,!0)},onExceed(){C.warning(this.$t(`fish.message.audioOnlyOne`))},onUploadError(){this.uploading=!1,C.error(this.$t(`fish.message.uploadError`))},onUploadSuccess(e,t,n){this.uploading=!1;let r=e?.file_url;if(!r){C.error(this.$t(`fish.message.uploadError`)),this.fileList=[];return}this.form.voicesUrl=r,this.fileList=n},onRecorded(e){this.form.voicesUrl=e.url,this.recording=!1,e.text&&this.textsAuto&&(this.form.texts=e.text)},onStartRecord(){this.recording=!0,this.textsAuto=!this.form.texts.trim()},onScriptChange(e){this.textsAuto&&this.recording&&(this.form.texts=e)},onTextsInput(){this.textsAuto=!1},clearAudio(){this.form.voicesUrl=``,this.fileList=[]},onCreate(){let e=this.form.title.trim();if(!e){C.warning(this.$t(`fish.message.titleRequired`));return}if(!this.form.voicesUrl){C.warning(this.$t(`fish.message.audioRequired`));return}let t={title:e,voices:this.form.voicesUrl,visibility:this.form.visibility,train_mode:this.form.trainMode,enhance_audio_quality:this.form.enhanceAudio,generate_sample:this.form.generateSample};this.form.description.trim()&&(t.description=this.form.description.trim()),this.form.texts.trim()&&(t.texts=[this.form.texts.trim()]),this.creating=!0,this.$emit(`create`,t),setTimeout(()=>{this.creating=!1,this.form=Z(),this.fileList=[]},600)}}}),ne={class:`flex flex-col h-full`},re={class:`flex-1 overflow-y-auto p-5`},ie={class:`field-block mb-4`},ae={class:`title font-bold`},oe={class:`field-block mb-4`},se={class:`flex items-baseline justify-between mb-1`},ce={class:`title font-bold`},le={key:0,class:`muted`},ue={class:`hint`},de={key:0,class:`audio-actions`},fe={key:1,class:`hint warn`},pe={key:3,class:`mt-2`},me=[`src`],he={class:`ready-actions`},ge={class:`field-block mb-4`},_e={class:`title font-bold`},ve={class:`hint`},ye={class:`field-block mb-4`},be={class:`title font-bold`},xe={class:`field-block mb-4`},Se={class:`title font-bold`},Ce={class:`field-block mb-4`},we={class:`title font-bold`},Te={class:`field-block mb-3`},Ee={class:`field-row`},De={class:`title font-bold`},Oe={class:`hint mt-0 mb-0`},ke={class:`field-block mb-2`},Ae={class:`field-row`},je={class:`title font-bold`},Me={class:`hint mt-0 mb-0`},Ne={class:`flex flex-col items-center justify-center px-5 pb-5`};function Pe(e,o,ee,f,p,m){let h=l(`el-input`),g=l(`font-awesome-icon`),_=l(`el-button`),v=l(`el-upload`),y=l(`recorder`),b=l(`el-radio-button`),x=l(`el-radio-group`),S=l(`el-switch`);return c(),u(`div`,ne,[n(`div`,re,[n(`div`,ie,[n(`h2`,ae,[r(s(e.$t(`fish.name.voiceTitle`))+` `,1),o[9]||=n(`span`,{class:`required`},`*`,-1)]),i(h,{modelValue:e.form.title,"onUpdate:modelValue":o[0]||=t=>e.form.title=t,placeholder:e.$t(`fish.placeholder.voiceTitle`),maxlength:`60`},null,8,[`modelValue`,`placeholder`])]),n(`div`,oe,[n(`div`,se,[n(`h2`,ce,[r(s(e.$t(`fish.name.referenceAudio`))+` `,1),o[10]||=n(`span`,{class:`required`},`*`,-1)]),!e.form.voicesUrl&&!e.recording?(c(),u(`span`,le,s(e.$t(`fish.description.audioRequired`)),1)):a(``,!0)]),n(`p`,ue,s(e.$t(`fish.description.uploadAudio`)),1),!e.form.voicesUrl&&!e.recording?(c(),u(`div`,de,[i(v,{"file-list":e.fileList,"onUpdate:fileList":o[1]||=t=>e.fileList=t,name:`file`,limit:1,class:`upload-wrapper`,action:e.uploadUrl,accept:`.mp3,.wav,.m4a,.ogg,.webm,audio/*`,"show-file-list":!1,"on-exceed":e.onExceed,"on-error":e.onUploadError,"on-success":e.onUploadSuccess,"before-upload":e.onBeforeUpload,headers:e.uploadHeaders},{default:d(()=>[i(_,{type:`primary`,plain:``,round:``,loading:e.uploading},{default:d(()=>[i(g,{icon:`fa-solid fa-upload`,class:`icon mr-1`}),r(` `+s(e.$t(`fish.button.uploadAudio`)),1)]),_:1},8,[`loading`])]),_:1},8,[`file-list`,`action`,`on-exceed`,`on-error`,`on-success`,`before-upload`,`headers`]),i(_,{type:`primary`,round:``,disabled:!e.supportsRecorder,onClick:e.onStartRecord},{default:d(()=>[i(g,{icon:`fa-solid fa-microphone`,class:`icon mr-1`}),r(` `+s(e.$t(`fish.button.recordAudio`)),1)]),_:1},8,[`disabled`,`onClick`])])):a(``,!0),!e.supportsRecorder&&!e.form.voicesUrl&&!e.recording?(c(),u(`p`,fe,s(e.$t(`fish.message.recorderUnsupported`)),1)):a(``,!0),e.recording?(c(),t(y,{key:2,class:`mt-2`,onDone:e.onRecorded,onCancel:o[2]||=t=>e.recording=!1,"onUpdate:script":e.onScriptChange},null,8,[`onDone`,`onUpdate:script`])):a(``,!0),e.form.voicesUrl&&!e.recording?(c(),u(`div`,pe,[n(`audio`,{src:e.form.voicesUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,me),n(`div`,he,[i(_,{link:``,size:`small`,onClick:e.clearAudio},{default:d(()=>[i(g,{icon:`fa-solid fa-rotate-left`,class:`mr-1`}),r(` `+s(e.$t(`fish.button.replaceAudio`)),1)]),_:1},8,[`onClick`])])])):a(``,!0)]),n(`div`,ge,[n(`h2`,_e,s(e.$t(`fish.name.audioTexts`)),1),n(`p`,ve,s(e.$t(`fish.description.audioTexts`)),1),i(h,{modelValue:e.form.texts,"onUpdate:modelValue":o[3]||=t=>e.form.texts=t,type:`textarea`,rows:2,placeholder:e.$t(`fish.placeholder.audioTexts`),maxlength:`500`,onInput:e.onTextsInput},null,8,[`modelValue`,`placeholder`,`onInput`])]),n(`div`,ye,[n(`h2`,be,s(e.$t(`fish.name.voiceDescription`)),1),i(h,{modelValue:e.form.description,"onUpdate:modelValue":o[4]||=t=>e.form.description=t,type:`textarea`,rows:2,placeholder:e.$t(`fish.placeholder.voiceDescription`),maxlength:`500`},null,8,[`modelValue`,`placeholder`])]),n(`div`,xe,[n(`h2`,Se,s(e.$t(`fish.name.visibility`)),1),i(x,{modelValue:e.form.visibility,"onUpdate:modelValue":o[5]||=t=>e.form.visibility=t,size:`small`},{default:d(()=>[i(b,{label:`private`,value:`private`},{default:d(()=>[r(s(e.$t(`fish.value.private`)),1)]),_:1}),i(b,{label:`unlist`,value:`unlist`},{default:d(()=>[r(s(e.$t(`fish.value.unlist`)),1)]),_:1}),i(b,{label:`public`,value:`public`},{default:d(()=>[r(s(e.$t(`fish.value.public`)),1)]),_:1})]),_:1},8,[`modelValue`])]),n(`div`,Ce,[n(`h2`,we,s(e.$t(`fish.name.trainMode`)),1),i(x,{modelValue:e.form.trainMode,"onUpdate:modelValue":o[6]||=t=>e.form.trainMode=t,size:`small`},{default:d(()=>[i(b,{label:`fast`,value:`fast`},{default:d(()=>[r(s(e.$t(`fish.value.trainModeFast`)),1)]),_:1}),i(b,{label:`precise`,value:`precise`},{default:d(()=>[r(s(e.$t(`fish.value.trainModePrecise`)),1)]),_:1})]),_:1},8,[`modelValue`])]),n(`div`,Te,[n(`div`,Ee,[n(`h2`,De,s(e.$t(`fish.name.enhanceAudio`)),1),i(S,{modelValue:e.form.enhanceAudio,"onUpdate:modelValue":o[7]||=t=>e.form.enhanceAudio=t},null,8,[`modelValue`])]),n(`p`,Oe,s(e.$t(`fish.description.enhanceAudio`)),1)]),n(`div`,ke,[n(`div`,Ae,[n(`h2`,je,s(e.$t(`fish.name.generateSample`)),1),i(S,{modelValue:e.form.generateSample,"onUpdate:modelValue":o[8]||=t=>e.form.generateSample=t},null,8,[`modelValue`])]),n(`p`,Me,s(e.$t(`fish.description.generateSample`)),1)])]),n(`div`,Ne,[i(_,{type:`primary`,class:`btn w-full`,round:``,disabled:!e.canCreate||e.creating,loading:e.creating,onClick:e.onCreate},{default:d(()=>[i(g,{icon:`fa-solid fa-magic`,class:`mr-2`}),r(` `+s(e.$t(`fish.button.createModel`)),1)]),_:1},8,[`disabled`,`loading`,`onClick`])])])}var Fe=S(Q,[[`render`,Pe],[`__scopeId`,`data-v-d8fc0e55`]]),Ie=o({name:`FishVoiceCard`,components:{ElAlert:_,ElButton:m,ElImage:g,CopyToClipboard:k,FontAwesomeIcon:O},props:{modelValue:{type:Object,required:!0}},computed:{sampleAudioUrl(){let e=this.modelValue?.samples;if(e?.length)return e[0]?.audio},voiceId(){let e=this.modelValue;return(e?.id||e?._id||e?.reference_id||``).toString()},coverSrc(){let e=this.modelValue?.cover_image;return e&&typeof e==`string`?e:void 0},createdAtLabel(){let e=this.modelValue?.created_at;if(e==null||e===``)return null;let t=typeof e==`number`?e:parseFloat(String(e));return!Number.isFinite(t)||t<=0?null:this.$dayjs.format(``+new Date(t*1e3))}},methods:{onUseVoice(){let e=this.voiceId;e&&(this.$store.commit(`fish/setConfig`,{...this.$store.state.fish?.config,reference_id:e}),this.$router.push({name:w}))}}}),Le={class:`card`},Re={class:`left`},ze={class:`main`},Be={class:`header`},Ve={class:`title`},He={key:0,class:`datetime`},Ue={key:0,class:`description`},We={key:1,class:`sample mt-2`},Ge=[`src`],Ke={key:0,class:`text-[var(--el-text-color-regular)] text-xs mb-2`},qe={key:1,class:`text-[var(--el-text-color-regular)] text-xs mb-0`},Je={class:`operations mt-2`};function Ye(e,o,ee,f,m,h){let g=l(`el-image`),_=l(`font-awesome-icon`),v=l(`copy-to-clipboard`),y=l(`el-alert`),b=l(`el-button`);return c(),u(`div`,Le,[n(`div`,Re,[e.coverSrc?(c(),t(g,{key:0,src:e.coverSrc,class:`cover`,fit:`cover`},{error:d(()=>[i(g,{src:`https://cdn.acedata.cloud/e40fccc727.png`,class:`cover fallback`,fit:`cover`})]),placeholder:d(()=>[...o[0]||=[n(`div`,{class:`cover placeholder`},null,-1)]]),_:1},8,[`src`])):(c(),t(g,{key:1,src:`https://cdn.acedata.cloud/e40fccc727.png`,class:`cover fallback`,fit:`cover`}))]),n(`div`,ze,[n(`div`,Be,[n(`span`,Ve,s(e.modelValue?.title||e.$t(`fish.name.untitledVoice`)),1),e.createdAtLabel?(c(),u(`span`,He,s(e.createdAtLabel),1)):a(``,!0)]),e.modelValue?.description?(c(),u(`p`,Ue,s(e.modelValue?.description),1)):a(``,!0),e.sampleAudioUrl?(c(),u(`div`,We,[n(`audio`,{src:e.sampleAudioUrl,controls:``,preload:`metadata`,class:`w-full`},null,8,Ge)])):a(``,!0),i(y,{closable:!1,class:`mt-2 success`},{default:d(()=>[e.voiceId?(c(),u(`p`,Ke,[i(_,{icon:`fa-solid fa-microphone`,class:`mr-1`}),r(` `+s(e.$t(`fish.name.referenceId`))+`: `+s(e.voiceId)+` `,1),i(v,{content:e.voiceId},null,8,[`content`])])):a(``,!0),e.modelValue?.visibility?(c(),u(`p`,qe,[i(_,{icon:`fa-solid fa-eye`,class:`mr-1`}),r(` `+s(e.$t(`fish.name.visibility`))+`: `+s(e.modelValue?.visibility),1)])):a(``,!0)]),_:1}),n(`div`,Je,[i(b,{type:`primary`,size:`small`,plain:``,disabled:!e.voiceId,onClick:p(e.onUseVoice,[`stop`])},{default:d(()=>[i(_,{icon:`fa-solid fa-volume-high`,class:`mr-1`}),r(` `+s(e.$t(`fish.button.useVoice`)),1)]),_:1},8,[`disabled`,`onClick`])])])])}var Xe=o({name:`FishModelListPanel`,components:{VoiceCard:S(Ie,[[`render`,Ye],[`__scopeId`,`data-v-629e2d04`]]),BotPlaceholder:j,FontAwesomeIcon:O},props:{loading:{type:Boolean,default:!1}},computed:{voices(){return this.$store.state.fish?.voices}}}),Ze={class:`model-list-panel flex flex-col h-full`},Qe={class:`header`},$e={class:`title`},et={key:0,class:`count`},tt={class:`body flex-1 min-h-0`},$={key:0,class:`h-full`},nt={key:1,class:`w-full h-full flex flex-col items-center justify-center text-center px-6`},rt={class:`empty-title`},it={class:`empty-hint`},at={key:2,class:`w-full h-full overflow-y-auto pr-1`};function ot(e,r,o,d,p,m){let h=l(`bot-placeholder`),g=l(`font-awesome-icon`),_=l(`voice-card`);return c(),u(`div`,Ze,[n(`header`,Qe,[n(`h2`,$e,s(e.$t(`fish.title.myVoices`)),1),e.voices?.length?(c(),u(`span`,et,s(e.voices?.length),1)):a(``,!0)]),n(`div`,tt,[e.voices===void 0?(c(),u(`div`,$,[i(h)])):e.voices.length===0?(c(),u(`div`,nt,[i(g,{icon:`fa-solid fa-microphone-lines`,class:`empty-icon`}),n(`p`,rt,s(e.$t(`fish.title.noVoicesYet`)),1),n(`p`,it,s(e.$t(`fish.description.noVoicesYet`)),1)])):(c(),u(`div`,at,[(c(!0),u(f,null,ee(e.voices,e=>(c(),t(_,{key:e.id,"model-value":e},null,8,[`model-value`]))),128))]))])])}var st=o({name:`FishModelIndex`,components:{ModelConfigPanel:Fe,Layout:A,ModelListPanel:S(Xe,[[`render`,ot],[`__scopeId`,`data-v-4aab2294`]]),TabSwitcher:M},inject:[`initialized`],data(){return{loading:!1}},computed:{credential(){return this.$store.state.fish?.credential}},watch:{initialized:{async handler(e){e&&await this.onGetVoices()},immediate:!0}},async mounted(){await this.onGetService()},methods:{async onGetService(){await this.$store.dispatch(`fish/getService`)},async onGetVoices(){await this.$store.dispatch(`fish/getVoices`)},async onCreate(e){let t=this.credential?.token;if(!t){console.error(`no token specified`);return}this.loading=!0,C.info(this.$t(`fish.message.creatingModel`));try{await T.createModel(e,{token:t}),C.success(this.$t(`fish.message.createModelSuccess`)),await this.onGetVoices()}catch(e){let t=e?.response?.data;t?.error?.code===`used_up`?C.error(this.$t(`fish.message.usedUp`)):C.error(t?.error?.message||this.$t(`fish.message.createModelFailed`))}finally{this.loading=!1}}}}),ct={class:`flex flex-col h-full`},lt={class:`flex-1 min-h-0`};function ut(e,r,a,o,ee,s){let u=l(`tab-switcher`),f=l(`model-config-panel`),p=l(`model-list-panel`),m=l(`layout`);return c(),t(m,null,{config:d(()=>[n(`div`,ct,[i(u),n(`div`,lt,[i(f,{onCreate:e.onCreate},null,8,[`onCreate`])])])]),result:d(()=>[i(p,{loading:e.loading},null,8,[`loading`])]),_:1})}var dt=S(st,[[`render`,ut]]);export{dt as default};

package/dist/assets/{Navigator-D1j7l6Aj.css → Navigator-CC-7G7eZ.css}

@@ -1 +1 @@
-.avatar[data-v-b0beddd3]{width:35px;height:35px;max-width:initial;max-height:initial;-o-object-fit:cover;object-fit:cover;cursor:pointer;border-radius:50%;transition:transform .2s,box-shadow .2s}.avatar[data-v-b0beddd3]:hover{box-shadow:0 0 0 2px var(--el-color-primary-light-5)}.github-link[data-v-4ba8d533]{color:var(--el-text-color-regular);align-items:center;text-decoration:none;transition:color .3s;display:inline-flex}.github-link .icon[data-v-4ba8d533]{font-size:18px}.github-link[data-v-4ba8d533]:hover{color:var(--el-color-primary)}.hint[data-v-a058f162]{color:var(--el-text-color-secondary);margin:4px 0 0;font-size:12px;line-height:1.5}.current-key[data-v-a058f162]{color:var(--el-text-color-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;display:flex}.current-key code[data-v-a058f162]{color:var(--el-text-color-primary)}.w-full[data-v-a058f162]{width:100%}.provider-option[data-v-a058f162]{flex-direction:column;gap:2px;line-height:1.3;display:flex}.provider-name[data-v-a058f162]{color:var(--el-text-color-primary);font-size:14px}.provider-desc[data-v-a058f162]{color:var(--el-text-color-secondary);font-size:12px}.test-result[data-v-a058f162]{border:1px solid #0000;border-radius:6px;margin:4px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.test-result.ok[data-v-a058f162]{background:var(--el-color-success-light-9,#f0f9eb);border-color:var(--el-color-success-light-7,#b3e19d);color:var(--el-color-success-dark-2,#5daf34)}.test-result.fail[data-v-a058f162]{background:var(--el-color-danger-light-9,#fef0f0);border-color:var(--el-color-danger-light-7,#fab6b6);color:var(--el-color-danger-dark-2,#b94343)}.test-result-title[data-v-a058f162]{margin:0 0 6px;font-weight:600}.test-result-detail[data-v-a058f162]{-moz-column-gap:12px;grid-template-columns:minmax(72px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.test-result-detail dt[data-v-a058f162]{color:var(--el-text-color-regular);font-weight:500}.test-result-detail dd[data-v-a058f162]{word-break:break-all;color:var(--el-text-color-primary);margin:0}.test-result-detail code[data-v-a058f162]{background:#0000000a;border-radius:4px;padding:1px 6px;font-size:12px}.byok-provider-select-popper .el-select-dropdown__item{height:auto;padding-top:8px;padding-bottom:8px;line-height:1.4}.byok[data-v-4e5854a0]{flex-direction:column;gap:12px;display:flex}.byok-intro-tip[data-v-4e5854a0]{color:var(--el-text-color-secondary);margin:0;font-size:12px;line-height:1.6}.byok-actions[data-v-4e5854a0]{justify-content:flex-end;display:flex}.byok-table[data-v-4e5854a0]{width:100%}.byok-table[data-v-4e5854a0] .cell{word-break:break-word}.edit-dialog .edit-body{justify-content:center;width:100%;display:flex}.vue-advanced-cropper{text-align:center;-webkit-user-select:none;user-select:none;direction:ltr;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__stretcher{pointer-events:none;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{width:100%;height:100%;position:absolute;overflow:hidden}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;width:10px;height:10px;display:block}.vue-handler-wrapper{width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.vue-handler-wrapper__draggable{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{width:100%;height:12px;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;top:0;transform:translate(-50%)}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{width:100%;height:100%;position:relative}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{top:0;left:0}.vue-bounding-box__handler--north{top:0;left:50%}.vue-bounding-box__handler--east-north{top:0;left:100%}.vue-bounding-box__handler--east{top:50%;left:100%}.vue-bounding-box__handler--east-south{top:100%;left:100%}.vue-bounding-box__handler--south{top:100%;left:50%}.vue-bounding-box__handler--west-south{top:100%;left:0}.vue-bounding-box__handler--west{top:50%;left:0}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;width:100%;height:100%;position:absolute;overflow:hidden}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:relative;max-width:none!important}.vue-rectangle-stencil{box-sizing:border-box;width:100%;height:100%;position:absolute}.vue-rectangle-stencil__preview{width:100%;height:100%;position:absolute}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;width:100%;height:100%;position:absolute}.vue-circle-stencil__preview{border-radius:50%;width:100%;height:100%;position:absolute}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;position:relative;overflow:hidden}.vue-preview--fill,.vue-preview__wrapper{width:100%;height:100%;position:absolute}.vue-preview__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-simple-line{background:0 0;border:0 solid #ffffff4d;transition:border .5s}.vue-simple-line--south,.vue-simple-line--north{width:100%;height:0}.vue-simple-line--east,.vue-simple-line--west{width:0;height:100%}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.cropper-shell[data-v-457c9f79]{flex-direction:column;gap:12px;display:flex}.cropper-shell .cropper[data-v-457c9f79]{background-color:#fafafa;background-image:linear-gradient(45deg,#d8d8d8 25%,#0000 25%),linear-gradient(-45deg,#d8d8d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d8d8 75%),linear-gradient(-45deg,#0000 75%,#d8d8d8 75%);background-position:0 0,0 8px,8px -8px,8px 0;background-size:16px 16px;border-radius:8px;width:100%;height:360px;overflow:hidden}.cropper-shell .toolbar[data-v-457c9f79]{justify-content:center;display:flex}.cropper-shell .toolbar[data-v-457c9f79] .el-button{min-width:56px;height:44px;padding:0 18px}.cropper-shell .toolbar[data-v-457c9f79] .el-button .el-icon{font-size:22px}.dropzone[data-v-457c9f79]{border:2px dashed var(--el-border-color);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:360px;transition:border-color .2s,background .2s;display:flex}.dropzone[data-v-457c9f79]:hover{border-color:var(--el-color-primary);background:var(--el-fill-color-light)}.dropzone .dropzone-icon[data-v-457c9f79]{color:var(--el-text-color-secondary);font-size:36px}.dropzone .dropzone-text[data-v-457c9f79]{color:var(--el-text-color-primary);margin:0;font-size:14px}.dropzone .dropzone-hint[data-v-457c9f79]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.edit[data-v-a74791d4]{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon[data-v-a74791d4]{font-size:14px}.user-chip[data-v-380498e3]{max-width:100%;color:var(--el-text-color-regular);align-items:center;gap:6px;font-size:13px;line-height:1.4;display:inline-flex}.user-chip.is-empty[data-v-380498e3]{color:var(--el-text-color-secondary)}.user-chip.is-missing[data-v-380498e3]{color:var(--el-text-color-secondary);font-style:italic}.user-chip .user-chip__avatar[data-v-380498e3]{flex-shrink:0}.user-chip .user-chip__name[data-v-380498e3]{white-space:nowrap;font-weight:500}.user-chip .user-chip__icon[data-v-380498e3]{color:var(--el-text-color-secondary);flex-shrink:0;font-size:14px}.user-chip .user-chip__contact[data-v-380498e3]{color:var(--el-text-color-secondary);font-size:12px;font-family:var(--el-font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);white-space:nowrap}.user-chip .user-chip__id[data-v-380498e3]{font-family:var(--el-font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px}.user-picker__option[data-v-9477c0da]{align-items:center;gap:10px;padding:4px 0;display:flex}.user-picker__option--empty[data-v-9477c0da]{color:var(--el-text-color-secondary);cursor:default;font-size:13px}.user-picker__option--excluded[data-v-9477c0da]{cursor:not-allowed;opacity:.6}.user-picker__empty-icon[data-v-9477c0da]{color:var(--el-color-warning);flex-shrink:0;font-size:14px}.user-picker__empty-text[data-v-9477c0da]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.user-picker__excluded-tag[data-v-9477c0da]{background:var(--el-fill-color-light);color:var(--el-text-color-secondary);border-radius:4px;flex-shrink:0;margin-inline-start:6px;padding:2px 6px;font-size:11px;line-height:1.4}.user-picker__avatar[data-v-9477c0da]{flex-shrink:0}.user-picker__option-text[data-v-9477c0da]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-picker__option-name[data-v-9477c0da]{color:var(--el-text-color-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.user-picker__option-contact[data-v-9477c0da]{font-size:12px;font-family:var(--el-font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--el-text-color-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-picker__popper .el-autocomplete-suggestion__list{max-height:320px}.user-picker__popper .el-autocomplete-suggestion li{height:auto;padding:6px 12px;line-height:1.4}.edit[data-v-8e61041c]{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon[data-v-8e61041c]{font-size:14px}.edit-body[data-v-8e61041c]{flex-direction:column;gap:8px;width:100%;display:flex}.empty[data-v-8e61041c]{border:1px dashed var(--el-border-color);background:var(--el-fill-color-light);border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:8px;display:flex}.empty .empty-text[data-v-8e61041c]{color:var(--el-text-color-secondary);font-size:13px}.chip-list[data-v-8e61041c]{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip-item[data-v-8e61041c]{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-blank);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.chip-item .chip-remove[data-v-8e61041c]{cursor:pointer;color:var(--el-text-color-secondary);font-size:14px}.chip-item .chip-remove[data-v-8e61041c]:hover{color:var(--el-color-danger)}.divider[data-v-8e61041c]{margin:4px 0}.tip[data-v-8e61041c]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.error[data-v-8e61041c]{color:var(--el-color-danger);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.error .error-icon[data-v-8e61041c]{font-size:14px}.dialog-footer[data-v-8e61041c]{justify-content:center;gap:12px;width:100%;display:flex}.auto-translate-toggle[data-v-35987dae]{width:26px;height:26px;margin-left:6px;padding:0}.auto-translate-toggle .icon-wrap[data-v-35987dae]{justify-content:center;align-items:center;font-size:13px;display:inline-flex;position:relative}.auto-translate-toggle.is-off[data-v-35987dae]{color:var(--el-text-color-secondary)}.auto-translate-toggle .dot[data-v-35987dae]{background:var(--el-color-success);width:6px;height:6px;box-shadow:0 0 0 1px var(--el-color-white);border-radius:50%;position:absolute;top:-2px;right:-3px}.setting-notice[data-v-82101c68]{background:var(--el-color-info-light-9);border:1px solid var(--el-color-info-light-7);color:var(--el-text-color-regular);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.setting-notice .icon[data-v-82101c68]{color:var(--el-color-info);flex-shrink:0;font-size:13px}.setting-notice .text[data-v-82101c68]{word-break:break-word;flex:1}.setting-notice.admin[data-v-82101c68]{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-7)}.setting-notice.admin .icon[data-v-82101c68]{color:var(--el-color-primary)}.setting-notice.official[data-v-82101c68]{background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-7)}.setting-notice.official .icon[data-v-82101c68]{color:var(--el-color-success)}.settings-media[data-v-93b52d3a]{background-color:var(--el-fill-color-light);border-radius:8px;max-width:120px}.settings-actions[data-v-93b52d3a]{align-items:center;gap:4px;display:inline-flex}.favicon[data-v-93b52d3a]{max-width:64px}.admins-list[data-v-93b52d3a]{flex-direction:column;align-items:flex-end;gap:4px;max-width:100%;display:flex}.admins-chip[data-v-93b52d3a]{max-width:100%}.primary-color-content[data-v-93b52d3a]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-color-content .primary-color-value[data-v-93b52d3a]{font-family:var(--el-font-family-monospace,"SFMono-Regular", Menlo, Consolas, monospace);color:var(--el-text-color-regular);text-transform:uppercase;font-size:13px}@media (width<=640px){.admins-list[data-v-93b52d3a]{align-items:flex-start}}.edit{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon{font-size:14px}.tip{color:var(--el-text-color-secondary);font-size:12px}.edit-dialog .el-dialog__header{justify-content:center;padding-right:48px;display:flex;position:relative}.edit-dialog .el-dialog__title{text-align:center;width:100%;font-weight:600}.edit-dialog .el-dialog__headerbtn{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.edit-dialog .el-dialog__body{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.edit-dialog .edit-body{flex-direction:column;align-items:center;width:100%;display:flex}.edit-dialog .tags{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;display:flex}.edit-dialog .el-input{max-width:320px}.edit-dialog .dialog-footer{justify-content:center;gap:12px;width:100%;display:flex}.settings-actions[data-v-591c4e4a]{align-items:center;gap:4px;display:inline-flex}.edit[data-v-0a406628]{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon[data-v-0a406628]{font-size:14px}.edit-body[data-v-0a406628]{flex-direction:column;gap:12px;width:100%;display:flex}.tip[data-v-0a406628]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.preview[data-v-0a406628]{border:1px dashed var(--el-border-color);background:var(--el-fill-color-light);border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:8px 10px;display:flex}.dialog-footer[data-v-0a406628]{justify-content:center;gap:12px;width:100%;display:flex}.settings-nested[data-v-9966a834]{flex-direction:column;align-items:flex-end;gap:12px;width:100%;display:flex}.settings-subitem[data-v-9966a834]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.settings-sub-label[data-v-9966a834]{color:var(--el-text-color-primary);font-weight:600}.settings-media[data-v-9966a834]{background-color:var(--el-fill-color-light);border-radius:8px;max-width:120px}@media (width<=640px){.settings-nested[data-v-9966a834],.settings-subitem[data-v-9966a834]{align-items:flex-start}}.subsite-settings[data-v-bf34cc89]{flex-direction:column;gap:12px;display:flex}.subsite-settings .header[data-v-bf34cc89]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.subsite-settings .header .settings-title[data-v-bf34cc89]{margin:0 0 4px;font-size:14px;font-weight:600}.subsite-settings .header .settings-tip[data-v-bf34cc89]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.subsite-settings .list-card[data-v-bf34cc89]{border:1px solid var(--el-border-color-lighter)}.subsite-settings .origin-link[data-v-bf34cc89]{color:var(--el-color-primary);word-break:break-all;text-decoration:none}.subsite-settings .origin-link[data-v-bf34cc89]:hover{text-decoration:underline}.subsite-settings .domain-list[data-v-bf34cc89]{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.subsite-settings .domain-list .origin-link.primary[data-v-bf34cc89]{font-weight:500}.subsite-settings .domain-list .custom-domain[data-v-bf34cc89]{align-items:center;gap:6px;font-size:12px;line-height:1.4;display:inline-flex}.subsite-settings .domain-list .custom-domain .hostname[data-v-bf34cc89]{word-break:break-all}.subsite-settings .domain-list .custom-domain.muted[data-v-bf34cc89]{color:var(--el-text-color-secondary)}.subsite-settings .domain-list .custom-domain.origin-link[data-v-bf34cc89]{font-weight:400}.subsite-settings .row-title[data-v-bf34cc89]{color:var(--el-text-color-secondary);margin-top:4px;font-size:12px;line-height:1.4}.subsite-settings .row-actions[data-v-bf34cc89]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.subsite-settings .subsite-table[data-v-bf34cc89] .el-button+.el-button{margin-left:0}.subsite-settings .form .hint[data-v-bf34cc89]{color:var(--el-text-color-secondary);margin-top:4px;font-size:12px;display:block}.open-dialog[data-v-bf34cc89] .el-dialog{max-width:calc(100vw - 32px)}.open-dialog[data-v-bf34cc89] .open-hint{color:var(--el-text-color-regular);margin:0 0 16px;font-size:13px;line-height:1.5}.open-dialog[data-v-bf34cc89] .open-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.open-dialog[data-v-bf34cc89] .open-actions .el-button{min-width:220px;max-width:100%;margin-left:0}.open-dialog[data-v-bf34cc89] .open-actions .el-button+.el-button{margin-left:0}.custom-domain-settings[data-v-7f4322af]{flex-direction:column;gap:12px;display:flex}.custom-domain-settings .header .settings-title[data-v-7f4322af]{margin:0 0 4px;font-size:14px;font-weight:600}.custom-domain-settings .header .settings-tip[data-v-7f4322af]{color:var(--el-text-color-secondary);margin:0;font-size:12px;line-height:1.6}.custom-domain-settings .domains-body[data-v-7f4322af]{padding:4px 0 0}.custom-domain-settings[data-v-7f4322af] .el-empty{padding:8px 0 16px}.custom-domain-settings[data-v-7f4322af] .el-empty .el-empty__description{color:var(--el-text-color-secondary);margin-top:8px;font-size:13px}.custom-domain-settings .domain-row[data-v-7f4322af]{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-blank);border-radius:12px;margin-bottom:14px;padding:16px 18px;transition:border-color .15s}.custom-domain-settings .domain-row[data-v-7f4322af]:hover{border-color:var(--el-border-color)}.custom-domain-settings .domain-row .domain-row-head[data-v-7f4322af]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-domain-settings .domain-row .domain-row-head .hostname[data-v-7f4322af]{word-break:break-all;flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.custom-domain-settings .domain-row .domain-row-head .status-tag[data-v-7f4322af]{flex:none}.custom-domain-settings .domain-row .domain-row-head .row-actions[data-v-7f4322af]{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.custom-domain-settings .domain-row .status-reason[data-v-7f4322af]{color:var(--el-color-danger);margin-top:10px;font-size:12px}.custom-domain-settings .domain-row .dns-instructions[data-v-7f4322af]{border-top:1px dashed var(--el-border-color-lighter);margin-top:14px;padding-top:14px}.custom-domain-settings .domain-row .dns-instructions .instructions[data-v-7f4322af]{color:var(--el-text-color-regular);margin:0 0 10px;font-size:13px;line-height:1.6}.custom-domain-settings .domain-row .dns-instructions .dns-record[data-v-7f4322af]{border-collapse:collapse;width:100%;font-size:12px}.custom-domain-settings .domain-row .dns-instructions .dns-record th[data-v-7f4322af]{text-align:left;width:110px;color:var(--el-text-color-secondary);vertical-align:top;padding:6px 10px 6px 0;font-weight:400}.custom-domain-settings .domain-row .dns-instructions .dns-record td[data-v-7f4322af]{padding:6px 0}.custom-domain-settings .domain-row .dns-instructions .dns-record td code[data-v-7f4322af]{background:var(--el-fill-color-lighter);border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.custom-domain-settings .domain-row .dns-instructions .dns-record td code.break[data-v-7f4322af]{word-break:break-all}.custom-domain-settings .domain-row .dns-instructions .record-name-hint[data-v-7f4322af]{color:var(--el-text-color-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}.custom-domain-settings .bind-title[data-v-7f4322af]{color:var(--el-text-color-primary);margin:4px 0 14px;font-size:14px;font-weight:600}.custom-domain-settings .form .form-tip[data-v-7f4322af]{color:var(--el-text-color-secondary);margin-top:6px;font-size:12px;line-height:1.5;display:block}.custom-domain-settings[data-v-7f4322af] .el-divider{margin:20px 0}[data-v-509835d2] .settings-item .settings-label{flex:1 1 0;min-width:0}.auth-providers-content[data-v-509835d2]{flex:none;align-items:stretch}.auth-providers-list[data-v-509835d2]{flex-direction:column;min-width:220px;margin:0;padding:0;list-style:none;display:flex}.auth-providers-row[data-v-509835d2]{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.auth-providers-row+.auth-providers-row[data-v-509835d2]{border-top:1px solid var(--el-border-color-lighter)}.auth-providers-row__label[data-v-509835d2]{color:var(--el-text-color-primary);font-size:14px}.auth-default-provider-select[data-v-509835d2]{min-width:240px}.about-link[data-v-18bb2d15]{color:var(--el-text-color-regular);align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}.about-link .icon[data-v-18bb2d15]{font-size:18px}.about-link[data-v-18bb2d15]:hover{color:var(--el-color-primary)}[data-v-055ce4a5] .settings-list{flex-direction:column;gap:18px;display:flex}[data-v-055ce4a5] .settings-menu .el-menu-item{white-space:normal;height:auto;padding-top:10px;padding-bottom:10px;line-height:1.4}[data-v-055ce4a5] .settings-menu .el-menu-item .el-menu-item__content{word-break:break-word;align-items:flex-start;gap:8px;display:flex}[data-v-055ce4a5] .settings-menu .el-menu-item .svg-inline--fa{margin-top:2px}[data-v-055ce4a5] .settings-item{border-bottom:1px solid color-mix(in srgb, var(--el-border-color-lighter) 40%, transparent);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}[data-v-055ce4a5] .settings-item:last-child{border-bottom:none;padding-bottom:0}[data-v-055ce4a5] .settings-label{color:var(--el-text-color-primary);flex-direction:column;gap:4px;display:flex}[data-v-055ce4a5] .settings-title{font-size:14px;font-weight:600}[data-v-055ce4a5] .settings-tip{color:var(--el-text-color-secondary);max-width:440px;font-size:12px;line-height:1.5}[data-v-055ce4a5] .settings-content{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;min-width:200px;display:flex}[data-v-055ce4a5] .settings-value{color:var(--el-text-color-regular);word-break:break-word}@media (width<=640px){[data-v-055ce4a5] .settings-item{flex-direction:column;align-items:flex-start}[data-v-055ce4a5] .settings-content{text-align:left;align-items:flex-start;width:100%}}[data-v-055ce4a5] .settings-dialog.is-mobile .el-dialog__body{padding:0 8px 16px}[data-v-055ce4a5] .settings-menu.is-mobile{white-space:nowrap;border-bottom:none;height:auto;padding:4px 0}[data-v-055ce4a5] .settings-menu.is-mobile .el-menu-item{border-radius:6px;height:36px;margin:0 4px;line-height:36px;border-bottom:none!important;padding:0 10px!important}[data-v-055ce4a5] .settings-menu.is-mobile .el-menu-item.active,[data-v-055ce4a5] .settings-menu.is-mobile .el-menu-item.is-active{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.delete-account-dialog .mb-3[data-v-f6c5bef8]{margin-bottom:12px}.delete-account-dialog .delete-consequences[data-v-f6c5bef8]{color:var(--el-text-color-regular);margin:12px 0;font-size:13px;line-height:1.6}.delete-account-dialog .delete-type-prompt[data-v-f6c5bef8]{margin:12px 0 4px;font-size:13px}.delete-account-dialog .delete-username[data-v-f6c5bef8]{word-break:break-all;color:var(--el-color-danger);margin:0 0 10px;font-size:15px;font-weight:700}.navigator[data-v-765a306d]{background-color:var(--app-nav-bg);border-right:1px solid var(--app-border-subtle);align-items:center;display:flex;position:relative}.navigator .top .avatar[data-v-765a306d]{cursor:pointer;border-radius:50%;flex-shrink:0;width:28px;height:28px;display:block}.navigator .category-header[data-v-765a306d]{display:none}.navigator[direction=row][data-v-765a306d]{border-right:none;border-top:1px solid var(--app-border-subtle);flex-direction:row;overflow-x:scroll}.navigator[direction=row] .brand[data-v-765a306d]{display:none}.navigator[direction=row] .top[data-v-765a306d]{flex-direction:row;justify-content:space-evenly;align-items:center;gap:10px;padding-left:10px;display:flex}.navigator[direction=row] .top .links[data-v-765a306d]{flex-direction:row;align-items:center;gap:10px;display:flex}.navigator[direction=row] .top .links .link[data-v-765a306d]{text-align:center}.navigator[direction=row] .top .links .link .description[data-v-765a306d]{margin-top:3px;font-size:10px}.navigator[direction=row] .top .links .link.active[data-v-765a306d]{color:var(--el-color-primary)}.navigator[direction=row] .bottom[data-v-765a306d]{flex:1;justify-content:flex-end;padding:0 10px;display:flex}.navigator[direction=column][data-v-765a306d]{flex-direction:column;width:60px}.navigator[direction=column] .brand[data-v-765a306d]{justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.navigator[direction=column] .top[data-v-765a306d]{flex-direction:column;flex:1;width:100%;min-height:0;padding-top:0;display:flex;overflow:hidden}.navigator[direction=column] .top .links[data-v-765a306d]{flex-direction:column;flex:1;align-items:center;gap:15px;min-height:0;padding-bottom:10px;display:flex;overflow:hidden auto}.navigator[direction=column] .top .links[data-v-765a306d]::-webkit-scrollbar{width:4px}.navigator[direction=column] .top .links[data-v-765a306d]::-webkit-scrollbar-track{background:0 0}.navigator[direction=column] .top .links[data-v-765a306d]::-webkit-scrollbar-thumb{background:var(--el-fill-color);border-radius:4px}.navigator[direction=column] .top .link[data-v-765a306d]{cursor:pointer;color:var(--el-text-color-primary);justify-content:center;align-items:center;margin:0;padding:0;display:flex;background:0 0!important}.navigator[direction=column] .top .link .avatar[data-v-765a306d]{cursor:pointer;border-radius:50%;flex-shrink:0;width:35px;height:35px;margin:auto}.navigator[direction=column] .top .link .link-label[data-v-765a306d],.navigator[direction=column] .top .link.active[data-v-765a306d]:before{display:none}.navigator[direction=column] .top .more-button[data-v-765a306d]{background:var(--el-fill-color-light);cursor:pointer;width:35px;height:35px;box-shadow:var(--app-shadow-xs);border-radius:50%;justify-content:center;align-items:center;margin:auto;transition:border-radius .2s,background-color .2s,box-shadow .2s;display:flex}.navigator[direction=column] .top .more-button[data-v-765a306d]:hover{background:var(--el-fill-color);box-shadow:var(--app-shadow-sm);border-radius:35%}.navigator[direction=column] .top .more-button.active[data-v-765a306d]{box-shadow:0 0 0 2px var(--el-color-primary)}.navigator[direction=column] .top .more-button .folder-preview[data-v-765a306d]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;width:22px;height:22px;display:grid}.navigator[direction=column] .top .more-button .folder-preview .folder-icon[data-v-765a306d]{border-radius:50%;width:10px;height:10px}.navigator[direction=column] .bottom[data-v-765a306d]{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:50px;padding-bottom:10px;display:flex}html.dark .navigator[data-v-765a306d]{border-right-color:var(--app-glass-border)}.navigator-overflow-popover{-webkit-backdrop-filter:blur(var(--app-glass-blur));backdrop-filter:blur(var(--app-glass-blur));border-radius:12px!important;padding:6px!important}.navigator-overflow-popover .overflow-menu{max-height:400px;overflow-y:auto}.navigator-overflow-popover .overflow-menu .overflow-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;transition:background-color .15s;display:flex}.navigator-overflow-popover .overflow-menu .overflow-item:hover{background:var(--el-fill-color-light)}.navigator-overflow-popover .overflow-menu .overflow-item.active{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.navigator-overflow-popover .overflow-menu .overflow-item .overflow-avatar{border-radius:50%;flex-shrink:0;width:24px;height:24px}.navigator-overflow-popover .overflow-menu .overflow-item .overflow-name{color:var(--el-text-color-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}
+.avatar[data-v-b0beddd3]{width:35px;height:35px;max-width:initial;max-height:initial;-o-object-fit:cover;object-fit:cover;cursor:pointer;border-radius:50%;transition:transform .2s,box-shadow .2s}.avatar[data-v-b0beddd3]:hover{box-shadow:0 0 0 2px var(--el-color-primary-light-5)}.github-link[data-v-4ba8d533]{color:var(--el-text-color-regular);align-items:center;text-decoration:none;transition:color .3s;display:inline-flex}.github-link .icon[data-v-4ba8d533]{font-size:18px}.github-link[data-v-4ba8d533]:hover{color:var(--el-color-primary)}.hint[data-v-a058f162]{color:var(--el-text-color-secondary);margin:4px 0 0;font-size:12px;line-height:1.5}.current-key[data-v-a058f162]{color:var(--el-text-color-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;display:flex}.current-key code[data-v-a058f162]{color:var(--el-text-color-primary)}.w-full[data-v-a058f162]{width:100%}.provider-option[data-v-a058f162]{flex-direction:column;gap:2px;line-height:1.3;display:flex}.provider-name[data-v-a058f162]{color:var(--el-text-color-primary);font-size:14px}.provider-desc[data-v-a058f162]{color:var(--el-text-color-secondary);font-size:12px}.test-result[data-v-a058f162]{border:1px solid #0000;border-radius:6px;margin:4px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.test-result.ok[data-v-a058f162]{background:var(--el-color-success-light-9,#f0f9eb);border-color:var(--el-color-success-light-7,#b3e19d);color:var(--el-color-success-dark-2,#5daf34)}.test-result.fail[data-v-a058f162]{background:var(--el-color-danger-light-9,#fef0f0);border-color:var(--el-color-danger-light-7,#fab6b6);color:var(--el-color-danger-dark-2,#b94343)}.test-result-title[data-v-a058f162]{margin:0 0 6px;font-weight:600}.test-result-detail[data-v-a058f162]{-moz-column-gap:12px;grid-template-columns:minmax(72px,max-content) 1fr;gap:4px 12px;margin:0;display:grid}.test-result-detail dt[data-v-a058f162]{color:var(--el-text-color-regular);font-weight:500}.test-result-detail dd[data-v-a058f162]{word-break:break-all;color:var(--el-text-color-primary);margin:0}.test-result-detail code[data-v-a058f162]{background:#0000000a;border-radius:4px;padding:1px 6px;font-size:12px}.byok-provider-select-popper .el-select-dropdown__item{height:auto;padding-top:8px;padding-bottom:8px;line-height:1.4}.byok[data-v-4e5854a0]{flex-direction:column;gap:12px;display:flex}.byok-intro-tip[data-v-4e5854a0]{color:var(--el-text-color-secondary);margin:0;font-size:12px;line-height:1.6}.byok-actions[data-v-4e5854a0]{justify-content:flex-end;display:flex}.byok-table[data-v-4e5854a0]{width:100%}.byok-table[data-v-4e5854a0] .cell{word-break:break-word}.edit-dialog .edit-body{justify-content:center;width:100%;display:flex}.vue-advanced-cropper{text-align:center;-webkit-user-select:none;user-select:none;direction:ltr;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__stretcher{pointer-events:none;max-width:100%;max-height:100%;position:relative}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{width:100%;height:100%;position:absolute;overflow:hidden}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{background:#fff;width:10px;height:10px;display:block}.vue-handler-wrapper{width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.vue-handler-wrapper__draggable{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.vue-line-wrapper--north,.vue-line-wrapper--south{width:100%;height:12px;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{cursor:n-resize;top:0}.vue-line-wrapper--south{cursor:s-resize;top:100%}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;top:0;transform:translate(-50%)}.vue-line-wrapper--east{cursor:e-resize;left:100%}.vue-line-wrapper--west{cursor:w-resize;left:0}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{width:100%;height:100%;position:relative}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{top:0;left:0}.vue-bounding-box__handler--north{top:0;left:50%}.vue-bounding-box__handler--east-north{top:0;left:100%}.vue-bounding-box__handler--east{top:50%;left:100%}.vue-bounding-box__handler--east-south{top:100%;left:100%}.vue-bounding-box__handler--south{top:100%;left:50%}.vue-bounding-box__handler--west-south{top:100%;left:0}.vue-bounding-box__handler--west{top:50%;left:0}.vue-draggable-area{position:relative}.vue-preview-result{box-sizing:border-box;width:100%;height:100%;position:absolute;overflow:hidden}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:relative;max-width:none!important}.vue-rectangle-stencil{box-sizing:border-box;width:100%;height:100%;position:absolute}.vue-rectangle-stencil__preview{width:100%;height:100%;position:absolute}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{box-sizing:content-box;cursor:move;width:100%;height:100%;position:absolute}.vue-circle-stencil__preview{border-radius:50%;width:100%;height:100%;position:absolute}.vue-circle-stencil--movable{cursor:move}.vue-preview{box-sizing:border-box;position:relative;overflow:hidden}.vue-preview--fill,.vue-preview__wrapper{width:100%;height:100%;position:absolute}.vue-preview__image{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:50%;position:absolute;max-width:none!important}.vue-simple-line{background:0 0;border:0 solid #ffffff4d;transition:border .5s}.vue-simple-line--south,.vue-simple-line--north{width:100%;height:0}.vue-simple-line--east,.vue-simple-line--west{width:0;height:100%}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.cropper-shell[data-v-457c9f79]{flex-direction:column;gap:12px;display:flex}.cropper-shell .cropper[data-v-457c9f79]{background-color:#fafafa;background-image:linear-gradient(45deg,#d8d8d8 25%,#0000 25%),linear-gradient(-45deg,#d8d8d8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d8d8 75%),linear-gradient(-45deg,#0000 75%,#d8d8d8 75%);background-position:0 0,0 8px,8px -8px,8px 0;background-size:16px 16px;border-radius:8px;width:100%;height:360px;overflow:hidden}.cropper-shell .toolbar[data-v-457c9f79]{justify-content:center;display:flex}.cropper-shell .toolbar[data-v-457c9f79] .el-button{min-width:56px;height:44px;padding:0 18px}.cropper-shell .toolbar[data-v-457c9f79] .el-button .el-icon{font-size:22px}.dropzone[data-v-457c9f79]{border:2px dashed var(--el-border-color);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:360px;transition:border-color .2s,background .2s;display:flex}.dropzone[data-v-457c9f79]:hover{border-color:var(--el-color-primary);background:var(--el-fill-color-light)}.dropzone .dropzone-icon[data-v-457c9f79]{color:var(--el-text-color-secondary);font-size:36px}.dropzone .dropzone-text[data-v-457c9f79]{color:var(--el-text-color-primary);margin:0;font-size:14px}.dropzone .dropzone-hint[data-v-457c9f79]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.edit[data-v-a74791d4]{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon[data-v-a74791d4]{font-size:14px}.user-chip[data-v-380498e3]{max-width:100%;color:var(--el-text-color-regular);align-items:center;gap:6px;font-size:13px;line-height:1.4;display:inline-flex}.user-chip.is-empty[data-v-380498e3]{color:var(--el-text-color-secondary)}.user-chip.is-missing[data-v-380498e3]{color:var(--el-text-color-secondary);font-style:italic}.user-chip .user-chip__avatar[data-v-380498e3]{flex-shrink:0}.user-chip .user-chip__name[data-v-380498e3]{white-space:nowrap;font-weight:500}.user-chip .user-chip__icon[data-v-380498e3]{color:var(--el-text-color-secondary);flex-shrink:0;font-size:14px}.user-chip .user-chip__contact[data-v-380498e3]{color:var(--el-text-color-secondary);font-size:12px;font-family:var(--el-font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);white-space:nowrap}.user-chip .user-chip__id[data-v-380498e3]{font-family:var(--el-font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:12px}.user-picker__option[data-v-9477c0da]{align-items:center;gap:10px;padding:4px 0;display:flex}.user-picker__option--empty[data-v-9477c0da]{color:var(--el-text-color-secondary);cursor:default;font-size:13px}.user-picker__option--excluded[data-v-9477c0da]{cursor:not-allowed;opacity:.6}.user-picker__empty-icon[data-v-9477c0da]{color:var(--el-color-warning);flex-shrink:0;font-size:14px}.user-picker__empty-text[data-v-9477c0da]{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.user-picker__excluded-tag[data-v-9477c0da]{background:var(--el-fill-color-light);color:var(--el-text-color-secondary);border-radius:4px;flex-shrink:0;margin-inline-start:6px;padding:2px 6px;font-size:11px;line-height:1.4}.user-picker__avatar[data-v-9477c0da]{flex-shrink:0}.user-picker__option-text[data-v-9477c0da]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.user-picker__option-name[data-v-9477c0da]{color:var(--el-text-color-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex;overflow:hidden}.user-picker__option-contact[data-v-9477c0da]{font-size:12px;font-family:var(--el-font-family-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--el-text-color-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-picker__popper .el-autocomplete-suggestion__list{max-height:320px}.user-picker__popper .el-autocomplete-suggestion li{height:auto;padding:6px 12px;line-height:1.4}.edit[data-v-8e61041c]{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon[data-v-8e61041c]{font-size:14px}.edit-body[data-v-8e61041c]{flex-direction:column;gap:8px;width:100%;display:flex}.empty[data-v-8e61041c]{border:1px dashed var(--el-border-color);background:var(--el-fill-color-light);border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:8px;display:flex}.empty .empty-text[data-v-8e61041c]{color:var(--el-text-color-secondary);font-size:13px}.chip-list[data-v-8e61041c]{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip-item[data-v-8e61041c]{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-blank);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.chip-item .chip-remove[data-v-8e61041c]{cursor:pointer;color:var(--el-text-color-secondary);font-size:14px}.chip-item .chip-remove[data-v-8e61041c]:hover{color:var(--el-color-danger)}.divider[data-v-8e61041c]{margin:4px 0}.tip[data-v-8e61041c]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.error[data-v-8e61041c]{color:var(--el-color-danger);align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.error .error-icon[data-v-8e61041c]{font-size:14px}.dialog-footer[data-v-8e61041c]{justify-content:center;gap:12px;width:100%;display:flex}.auto-translate-toggle[data-v-35987dae]{width:26px;height:26px;margin-left:6px;padding:0}.auto-translate-toggle .icon-wrap[data-v-35987dae]{justify-content:center;align-items:center;font-size:13px;display:inline-flex;position:relative}.auto-translate-toggle.is-off[data-v-35987dae]{color:var(--el-text-color-secondary)}.auto-translate-toggle .dot[data-v-35987dae]{background:var(--el-color-success);width:6px;height:6px;box-shadow:0 0 0 1px var(--el-color-white);border-radius:50%;position:absolute;top:-2px;right:-3px}.setting-notice[data-v-82101c68]{background:var(--el-color-info-light-9);border:1px solid var(--el-color-info-light-7);color:var(--el-text-color-regular);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.setting-notice .icon[data-v-82101c68]{color:var(--el-color-info);flex-shrink:0;font-size:13px}.setting-notice .text[data-v-82101c68]{word-break:break-word;flex:1}.setting-notice.admin[data-v-82101c68]{background:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-7)}.setting-notice.admin .icon[data-v-82101c68]{color:var(--el-color-primary)}.setting-notice.official[data-v-82101c68]{background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-7)}.setting-notice.official .icon[data-v-82101c68]{color:var(--el-color-success)}.settings-media[data-v-93b52d3a]{background-color:var(--el-fill-color-light);border-radius:8px;max-width:120px}.settings-actions[data-v-93b52d3a]{align-items:center;gap:4px;display:inline-flex}.favicon[data-v-93b52d3a]{max-width:64px}.admins-list[data-v-93b52d3a]{flex-direction:column;align-items:flex-end;gap:4px;max-width:100%;display:flex}.admins-chip[data-v-93b52d3a]{max-width:100%}.primary-color-content[data-v-93b52d3a]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-color-content .primary-color-value[data-v-93b52d3a]{font-family:var(--el-font-family-monospace,"SFMono-Regular", Menlo, Consolas, monospace);color:var(--el-text-color-regular);text-transform:uppercase;font-size:13px}@media (width<=640px){.admins-list[data-v-93b52d3a]{align-items:flex-start}}.edit{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon{font-size:14px}.tip{color:var(--el-text-color-secondary);font-size:12px}.edit-dialog .el-dialog__header{justify-content:center;padding-right:48px;display:flex;position:relative}.edit-dialog .el-dialog__title{text-align:center;width:100%;font-weight:600}.edit-dialog .el-dialog__headerbtn{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.edit-dialog .el-dialog__body{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.edit-dialog .edit-body{flex-direction:column;align-items:center;width:100%;display:flex}.edit-dialog .tags{flex-wrap:wrap;justify-content:center;gap:4px;width:100%;display:flex}.edit-dialog .el-input{max-width:320px}.edit-dialog .dialog-footer{justify-content:center;gap:12px;width:100%;display:flex}.settings-actions[data-v-591c4e4a]{align-items:center;gap:4px;display:inline-flex}.edit[data-v-0a406628]{cursor:pointer;margin-left:5px;position:relative;top:2px}.edit .icon[data-v-0a406628]{font-size:14px}.edit-body[data-v-0a406628]{flex-direction:column;gap:12px;width:100%;display:flex}.tip[data-v-0a406628]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.preview[data-v-0a406628]{border:1px dashed var(--el-border-color);background:var(--el-fill-color-light);border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:8px 10px;display:flex}.dialog-footer[data-v-0a406628]{justify-content:center;gap:12px;width:100%;display:flex}.settings-nested[data-v-7d3fc5d1]{flex-direction:column;align-items:flex-end;gap:12px;width:100%;display:flex}.settings-subitem[data-v-7d3fc5d1]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.settings-sub-label[data-v-7d3fc5d1]{color:var(--el-text-color-primary);font-weight:600}.settings-media[data-v-7d3fc5d1]{background-color:var(--el-fill-color-light);border-radius:8px;max-width:120px}@media (width<=640px){.settings-nested[data-v-7d3fc5d1],.settings-subitem[data-v-7d3fc5d1]{align-items:flex-start}}.subsite-settings[data-v-bf34cc89]{flex-direction:column;gap:12px;display:flex}.subsite-settings .header[data-v-bf34cc89]{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.subsite-settings .header .settings-title[data-v-bf34cc89]{margin:0 0 4px;font-size:14px;font-weight:600}.subsite-settings .header .settings-tip[data-v-bf34cc89]{color:var(--el-text-color-secondary);margin:0;font-size:12px}.subsite-settings .list-card[data-v-bf34cc89]{border:1px solid var(--el-border-color-lighter)}.subsite-settings .origin-link[data-v-bf34cc89]{color:var(--el-color-primary);word-break:break-all;text-decoration:none}.subsite-settings .origin-link[data-v-bf34cc89]:hover{text-decoration:underline}.subsite-settings .domain-list[data-v-bf34cc89]{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.subsite-settings .domain-list .origin-link.primary[data-v-bf34cc89]{font-weight:500}.subsite-settings .domain-list .custom-domain[data-v-bf34cc89]{align-items:center;gap:6px;font-size:12px;line-height:1.4;display:inline-flex}.subsite-settings .domain-list .custom-domain .hostname[data-v-bf34cc89]{word-break:break-all}.subsite-settings .domain-list .custom-domain.muted[data-v-bf34cc89]{color:var(--el-text-color-secondary)}.subsite-settings .domain-list .custom-domain.origin-link[data-v-bf34cc89]{font-weight:400}.subsite-settings .row-title[data-v-bf34cc89]{color:var(--el-text-color-secondary);margin-top:4px;font-size:12px;line-height:1.4}.subsite-settings .row-actions[data-v-bf34cc89]{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:inline-flex}.subsite-settings .subsite-table[data-v-bf34cc89] .el-button+.el-button{margin-left:0}.subsite-settings .form .hint[data-v-bf34cc89]{color:var(--el-text-color-secondary);margin-top:4px;font-size:12px;display:block}.open-dialog[data-v-bf34cc89] .el-dialog{max-width:calc(100vw - 32px)}.open-dialog[data-v-bf34cc89] .open-hint{color:var(--el-text-color-regular);margin:0 0 16px;font-size:13px;line-height:1.5}.open-dialog[data-v-bf34cc89] .open-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.open-dialog[data-v-bf34cc89] .open-actions .el-button{min-width:220px;max-width:100%;margin-left:0}.open-dialog[data-v-bf34cc89] .open-actions .el-button+.el-button{margin-left:0}.custom-domain-settings[data-v-7f4322af]{flex-direction:column;gap:12px;display:flex}.custom-domain-settings .header .settings-title[data-v-7f4322af]{margin:0 0 4px;font-size:14px;font-weight:600}.custom-domain-settings .header .settings-tip[data-v-7f4322af]{color:var(--el-text-color-secondary);margin:0;font-size:12px;line-height:1.6}.custom-domain-settings .domains-body[data-v-7f4322af]{padding:4px 0 0}.custom-domain-settings[data-v-7f4322af] .el-empty{padding:8px 0 16px}.custom-domain-settings[data-v-7f4322af] .el-empty .el-empty__description{color:var(--el-text-color-secondary);margin-top:8px;font-size:13px}.custom-domain-settings .domain-row[data-v-7f4322af]{border:1px solid var(--el-border-color-lighter);background:var(--el-fill-color-blank);border-radius:12px;margin-bottom:14px;padding:16px 18px;transition:border-color .15s}.custom-domain-settings .domain-row[data-v-7f4322af]:hover{border-color:var(--el-border-color)}.custom-domain-settings .domain-row .domain-row-head[data-v-7f4322af]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.custom-domain-settings .domain-row .domain-row-head .hostname[data-v-7f4322af]{word-break:break-all;flex:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}.custom-domain-settings .domain-row .domain-row-head .status-tag[data-v-7f4322af]{flex:none}.custom-domain-settings .domain-row .domain-row-head .row-actions[data-v-7f4322af]{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.custom-domain-settings .domain-row .status-reason[data-v-7f4322af]{color:var(--el-color-danger);margin-top:10px;font-size:12px}.custom-domain-settings .domain-row .dns-instructions[data-v-7f4322af]{border-top:1px dashed var(--el-border-color-lighter);margin-top:14px;padding-top:14px}.custom-domain-settings .domain-row .dns-instructions .instructions[data-v-7f4322af]{color:var(--el-text-color-regular);margin:0 0 10px;font-size:13px;line-height:1.6}.custom-domain-settings .domain-row .dns-instructions .dns-record[data-v-7f4322af]{border-collapse:collapse;width:100%;font-size:12px}.custom-domain-settings .domain-row .dns-instructions .dns-record th[data-v-7f4322af]{text-align:left;width:110px;color:var(--el-text-color-secondary);vertical-align:top;padding:6px 10px 6px 0;font-weight:400}.custom-domain-settings .domain-row .dns-instructions .dns-record td[data-v-7f4322af]{padding:6px 0}.custom-domain-settings .domain-row .dns-instructions .dns-record td code[data-v-7f4322af]{background:var(--el-fill-color-lighter);border-radius:6px;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.custom-domain-settings .domain-row .dns-instructions .dns-record td code.break[data-v-7f4322af]{word-break:break-all}.custom-domain-settings .domain-row .dns-instructions .record-name-hint[data-v-7f4322af]{color:var(--el-text-color-secondary);margin:10px 0 0;font-size:12px;line-height:1.55}.custom-domain-settings .bind-title[data-v-7f4322af]{color:var(--el-text-color-primary);margin:4px 0 14px;font-size:14px;font-weight:600}.custom-domain-settings .form .form-tip[data-v-7f4322af]{color:var(--el-text-color-secondary);margin-top:6px;font-size:12px;line-height:1.5;display:block}.custom-domain-settings[data-v-7f4322af] .el-divider{margin:20px 0}[data-v-509835d2] .settings-item .settings-label{flex:1 1 0;min-width:0}.auth-providers-content[data-v-509835d2]{flex:none;align-items:stretch}.auth-providers-list[data-v-509835d2]{flex-direction:column;min-width:220px;margin:0;padding:0;list-style:none;display:flex}.auth-providers-row[data-v-509835d2]{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.auth-providers-row+.auth-providers-row[data-v-509835d2]{border-top:1px solid var(--el-border-color-lighter)}.auth-providers-row__label[data-v-509835d2]{color:var(--el-text-color-primary);font-size:14px}.auth-default-provider-select[data-v-509835d2]{min-width:240px}.about-link[data-v-18bb2d15]{color:var(--el-text-color-regular);align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .3s;display:inline-flex}.about-link .icon[data-v-18bb2d15]{font-size:18px}.about-link[data-v-18bb2d15]:hover{color:var(--el-color-primary)}[data-v-055ce4a5] .settings-list{flex-direction:column;gap:18px;display:flex}[data-v-055ce4a5] .settings-menu .el-menu-item{white-space:normal;height:auto;padding-top:10px;padding-bottom:10px;line-height:1.4}[data-v-055ce4a5] .settings-menu .el-menu-item .el-menu-item__content{word-break:break-word;align-items:flex-start;gap:8px;display:flex}[data-v-055ce4a5] .settings-menu .el-menu-item .svg-inline--fa{margin-top:2px}[data-v-055ce4a5] .settings-item{border-bottom:1px solid color-mix(in srgb, var(--el-border-color-lighter) 40%, transparent);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}[data-v-055ce4a5] .settings-item:last-child{border-bottom:none;padding-bottom:0}[data-v-055ce4a5] .settings-label{color:var(--el-text-color-primary);flex-direction:column;gap:4px;display:flex}[data-v-055ce4a5] .settings-title{font-size:14px;font-weight:600}[data-v-055ce4a5] .settings-tip{color:var(--el-text-color-secondary);max-width:440px;font-size:12px;line-height:1.5}[data-v-055ce4a5] .settings-content{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;min-width:200px;display:flex}[data-v-055ce4a5] .settings-value{color:var(--el-text-color-regular);word-break:break-word}@media (width<=640px){[data-v-055ce4a5] .settings-item{flex-direction:column;align-items:flex-start}[data-v-055ce4a5] .settings-content{text-align:left;align-items:flex-start;width:100%}}[data-v-055ce4a5] .settings-dialog.is-mobile .el-dialog__body{padding:0 8px 16px}[data-v-055ce4a5] .settings-menu.is-mobile{white-space:nowrap;border-bottom:none;height:auto;padding:4px 0}[data-v-055ce4a5] .settings-menu.is-mobile .el-menu-item{border-radius:6px;height:36px;margin:0 4px;line-height:36px;border-bottom:none!important;padding:0 10px!important}[data-v-055ce4a5] .settings-menu.is-mobile .el-menu-item.active,[data-v-055ce4a5] .settings-menu.is-mobile .el-menu-item.is-active{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.delete-account-dialog .mb-3[data-v-f6c5bef8]{margin-bottom:12px}.delete-account-dialog .delete-consequences[data-v-f6c5bef8]{color:var(--el-text-color-regular);margin:12px 0;font-size:13px;line-height:1.6}.delete-account-dialog .delete-type-prompt[data-v-f6c5bef8]{margin:12px 0 4px;font-size:13px}.delete-account-dialog .delete-username[data-v-f6c5bef8]{word-break:break-all;color:var(--el-color-danger);margin:0 0 10px;font-size:15px;font-weight:700}.navigator[data-v-a20de630]{background-color:var(--app-nav-bg);border-right:1px solid var(--app-border-subtle);align-items:center;display:flex;position:relative}.navigator .top .avatar[data-v-a20de630]{cursor:pointer;border-radius:50%;flex-shrink:0;width:28px;height:28px;display:block}.navigator .category-header[data-v-a20de630]{display:none}.navigator[direction=row][data-v-a20de630]{border-right:none;border-top:1px solid var(--app-border-subtle);flex-direction:row;overflow-x:scroll}.navigator[direction=row] .brand[data-v-a20de630]{display:none}.navigator[direction=row] .top[data-v-a20de630]{flex-direction:row;justify-content:space-evenly;align-items:center;gap:10px;padding-left:10px;display:flex}.navigator[direction=row] .top .links[data-v-a20de630]{flex-direction:row;align-items:center;gap:10px;display:flex}.navigator[direction=row] .top .links .link[data-v-a20de630]{text-align:center}.navigator[direction=row] .top .links .link .description[data-v-a20de630]{margin-top:3px;font-size:10px}.navigator[direction=row] .top .links .link.active[data-v-a20de630]{color:var(--el-color-primary)}.navigator[direction=row] .bottom[data-v-a20de630]{flex:1;justify-content:flex-end;padding:0 10px;display:flex}.navigator[direction=column][data-v-a20de630]{flex-direction:column;width:60px}.navigator[direction=column] .brand[data-v-a20de630]{justify-content:center;align-items:center;width:100%;padding:10px 0;display:flex}.navigator[direction=column] .top[data-v-a20de630]{flex-direction:column;flex:1;width:100%;min-height:0;padding-top:0;display:flex;overflow:hidden}.navigator[direction=column] .top .links[data-v-a20de630]{flex-direction:column;flex:1;align-items:center;gap:15px;min-height:0;padding-bottom:10px;display:flex;overflow:hidden auto}.navigator[direction=column] .top .links[data-v-a20de630]::-webkit-scrollbar{width:4px}.navigator[direction=column] .top .links[data-v-a20de630]::-webkit-scrollbar-track{background:0 0}.navigator[direction=column] .top .links[data-v-a20de630]::-webkit-scrollbar-thumb{background:var(--el-fill-color);border-radius:4px}.navigator[direction=column] .top .link[data-v-a20de630]{cursor:pointer;color:var(--el-text-color-primary);justify-content:center;align-items:center;margin:0;padding:0;display:flex;background:0 0!important}.navigator[direction=column] .top .link .avatar[data-v-a20de630]{cursor:pointer;border-radius:50%;flex-shrink:0;width:35px;height:35px;margin:auto}.navigator[direction=column] .top .link .link-label[data-v-a20de630],.navigator[direction=column] .top .link.active[data-v-a20de630]:before{display:none}.navigator[direction=column] .top .more-button[data-v-a20de630]{background:var(--el-fill-color-light);cursor:pointer;width:35px;height:35px;box-shadow:var(--app-shadow-xs);border-radius:50%;justify-content:center;align-items:center;margin:auto;transition:border-radius .2s,background-color .2s,box-shadow .2s;display:flex}.navigator[direction=column] .top .more-button[data-v-a20de630]:hover{background:var(--el-fill-color);box-shadow:var(--app-shadow-sm);border-radius:35%}.navigator[direction=column] .top .more-button.active[data-v-a20de630]{box-shadow:0 0 0 2px var(--el-color-primary)}.navigator[direction=column] .top .more-button .folder-preview[data-v-a20de630]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;width:22px;height:22px;display:grid}.navigator[direction=column] .top .more-button .folder-preview .folder-icon[data-v-a20de630]{border-radius:50%;width:10px;height:10px}.navigator[direction=column] .bottom[data-v-a20de630]{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:50px;padding-bottom:10px;display:flex}html.dark .navigator[data-v-a20de630]{border-right-color:var(--app-glass-border)}.navigator-overflow-popover{-webkit-backdrop-filter:blur(var(--app-glass-blur));backdrop-filter:blur(var(--app-glass-blur));border-radius:12px!important;padding:6px!important}.navigator-overflow-popover .overflow-menu{max-height:400px;overflow-y:auto}.navigator-overflow-popover .overflow-menu .overflow-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:7px 8px;transition:background-color .15s;display:flex}.navigator-overflow-popover .overflow-menu .overflow-item:hover{background:var(--el-fill-color-light)}.navigator-overflow-popover .overflow-menu .overflow-item.active{background:var(--el-color-primary-light-9);color:var(--el-color-primary)}.navigator-overflow-popover .overflow-menu .overflow-item .overflow-avatar{border-radius:50%;flex-shrink:0;width:24px;height:24px}.navigator-overflow-popover .overflow-menu .overflow-item .overflow-name{color:var(--el-text-color-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}