hermes-web-ui 0.2.2 → 0.2.3

package/dist/assets/SettingsView-BF2Uh-Eo.js

@@ -0,0 +1,352 @@
+import{A as e,C as t,E as n,G as r,H as i,I as a,L as o,M as s,P as c,Q as l,S as u,W as d,X as f,Y as p,Z as m,d as h,ft as g,ht as _,k as v,m as y,st as b,ut as x,v as S,x as C}from"./router--r9mOZY5.js";import{r as w,t as T}from"./_plugin-vue_export-helper-DJRCopG_.js";import{B as ee,I as E,J as D,K as O,Q as k,X as te,at as A,c as ne,ct as j,dt as M,j as N,lt as P,n as F,ot as I,q as L,ut as R,z as re}from"./browser-BuJOvks2.js";import{N as ie,b as ae,f as oe,l as se,y as ce}from"./Popover-CRhyj79I.js";import{b as z,c as B,f as le,g as ue,m as V,y as de}from"./Suffix-Bs0SC_yA.js";import{n as fe,t as pe}from"./Close-inn9RP7R.js";import{t as me}from"./Select-CXQmv_5e.js";import{t as H}from"./omit-QZj0aLfU.js";import{n as U,t as W}from"./InputNumber-BpYEJnKY.js";import{t as G}from"./Input-edKmVCeM.js";import{t as K}from"./use-message-D8bO1GLN.js";import{t as he}from"./Spin-COypV4Iq.js";import{t as q}from"./Switch-BcUqwhfi.js";import{n as J,t as Y}from"./SettingRow-B3O4TYKh.js";var ge=ce(`.v-x-scroll`,{overflow:`auto`,scrollbarWidth:`none`},[ce(`&::-webkit-scrollbar`,{width:0,height:0})]),_e=e({name:`XScroll`,props:{disabled:Boolean,onScroll:Function},setup(){let e=b(null);function t(e){!(e.currentTarget.offsetWidth<e.currentTarget.scrollWidth)||e.deltaY===0||(e.currentTarget.scrollLeft+=e.deltaY+e.deltaX,e.preventDefault())}let n=te();return ge.mount({id:`vueuc/x-scroll`,head:!0,anchorMetaName:ae,ssr:n}),Object.assign({selfRef:e,handleWheel:t},{scrollTo(...t){var n;(n=e.value)==null||n.scrollTo(...t)}})},render(){return s(`div`,{ref:`selfRef`,onScroll:this.onScroll,onWheel:this.disabled?void 0:this.handleWheel,class:`v-x-scroll`},this.$slots)}}),X=/\s/;function ve(e){for(var t=e.length;t--&&X.test(e.charAt(t)););return t}var ye=/^\s+/;function be(e){return e&&e.slice(0,ve(e)+1).replace(ye,``)}var Z=NaN,xe=/^[-+]0x[0-9a-f]+$/i,Se=/^0b[01]+$/i,Ce=/^0o[0-7]+$/i,we=parseInt;function Te(e){if(typeof e==`number`)return e;if(le(e))return Z;if(N(e)){var t=typeof e.valueOf==`function`?e.valueOf():e;e=N(t)?t+``:t}if(typeof e!=`string`)return e===0?e:+e;e=be(e);var n=Se.test(e);return n||Ce.test(e)?we(e.slice(2),n?2:8):xe.test(e)?Z:+e}var Q=function(){return E.Date.now()},Ee=`Expected a function`,De=Math.max,Oe=Math.min;function ke(e,t,n){var r,i,a,o,s,c,l=0,u=!1,d=!1,f=!0;if(typeof e!=`function`)throw TypeError(Ee);t=Te(t)||0,N(n)&&(u=!!n.leading,d=`maxWait`in n,a=d?De(Te(n.maxWait)||0,t):a,f=`trailing`in n?!!n.trailing:f);function p(t){var n=r,a=i;return r=i=void 0,l=t,o=e.apply(a,n),o}function m(e){return l=e,s=setTimeout(_,t),u?p(e):o}function h(e){var n=e-c,r=e-l,i=t-n;return d?Oe(i,a-r):i}function g(e){var n=e-c,r=e-l;return c===void 0||n>=t||n<0||d&&r>=a}function _(){var e=Q();if(g(e))return v(e);s=setTimeout(_,h(e))}function v(e){return s=void 0,f&&r?p(e):(r=i=void 0,o)}function y(){s!==void 0&&clearTimeout(s),l=0,r=c=i=s=void 0}function b(){return s===void 0?o:v(Q())}function x(){var e=Q(),n=g(e);if(r=arguments,i=this,c=e,n){if(s===void 0)return m(c);if(d)return clearTimeout(s),s=setTimeout(_,t),p(c)}return s===void 0&&(s=setTimeout(_,t)),o}return x.cancel=y,x.flush=b,x}var Ae=`Expected a function`;function je(e,t,n){var r=!0,i=!0;if(typeof e!=`function`)throw TypeError(Ae);return N(n)&&(r=`leading`in n?!!n.leading:r,i=`trailing`in n?!!n.trailing:i),ke(e,t,{leading:r,maxWait:t,trailing:i})}var Me={tabFontSizeSmall:`14px`,tabFontSizeMedium:`14px`,tabFontSizeLarge:`16px`,tabGapSmallLine:`36px`,tabGapMediumLine:`36px`,tabGapLargeLine:`36px`,tabGapSmallLineVertical:`8px`,tabGapMediumLineVertical:`8px`,tabGapLargeLineVertical:`8px`,tabPaddingSmallLine:`6px 0`,tabPaddingMediumLine:`10px 0`,tabPaddingLargeLine:`14px 0`,tabPaddingVerticalSmallLine:`6px 12px`,tabPaddingVerticalMediumLine:`8px 16px`,tabPaddingVerticalLargeLine:`10px 20px`,tabGapSmallBar:`36px`,tabGapMediumBar:`36px`,tabGapLargeBar:`36px`,tabGapSmallBarVertical:`8px`,tabGapMediumBarVertical:`8px`,tabGapLargeBarVertical:`8px`,tabPaddingSmallBar:`4px 0`,tabPaddingMediumBar:`6px 0`,tabPaddingLargeBar:`10px 0`,tabPaddingVerticalSmallBar:`6px 12px`,tabPaddingVerticalMediumBar:`8px 16px`,tabPaddingVerticalLargeBar:`10px 20px`,tabGapSmallCard:`4px`,tabGapMediumCard:`4px`,tabGapLargeCard:`4px`,tabGapSmallCardVertical:`4px`,tabGapMediumCardVertical:`4px`,tabGapLargeCardVertical:`4px`,tabPaddingSmallCard:`8px 16px`,tabPaddingMediumCard:`10px 20px`,tabPaddingLargeCard:`12px 24px`,tabPaddingSmallSegment:`4px 0`,tabPaddingMediumSegment:`6px 0`,tabPaddingLargeSegment:`8px 0`,tabPaddingVerticalLargeSegment:`0 8px`,tabPaddingVerticalSmallCard:`8px 12px`,tabPaddingVerticalMediumCard:`10px 16px`,tabPaddingVerticalLargeCard:`12px 20px`,tabPaddingVerticalSmallSegment:`0 4px`,tabPaddingVerticalMediumSegment:`0 6px`,tabGapSmallSegment:`0`,tabGapMediumSegment:`0`,tabGapLargeSegment:`0`,tabGapSmallSegmentVertical:`0`,tabGapMediumSegmentVertical:`0`,tabGapLargeSegmentVertical:`0`,panePaddingSmall:`8px 0 0 0`,panePaddingMedium:`12px 0 0 0`,panePaddingLarge:`16px 0 0 0`,closeSize:`18px`,closeIconSize:`14px`};function Ne(e){let{textColor2:t,primaryColor:n,textColorDisabled:r,closeIconColor:i,closeIconColorHover:a,closeIconColorPressed:o,closeColorHover:s,closeColorPressed:c,tabColor:l,baseColor:u,dividerColor:d,fontWeight:f,textColor1:p,borderRadius:m,fontSize:h,fontWeightStrong:g}=e;return Object.assign(Object.assign({},Me),{colorSegment:l,tabFontSizeCard:h,tabTextColorLine:p,tabTextColorActiveLine:n,tabTextColorHoverLine:n,tabTextColorDisabledLine:r,tabTextColorSegment:p,tabTextColorActiveSegment:t,tabTextColorHoverSegment:t,tabTextColorDisabledSegment:r,tabTextColorBar:p,tabTextColorActiveBar:n,tabTextColorHoverBar:n,tabTextColorDisabledBar:r,tabTextColorCard:p,tabTextColorHoverCard:p,tabTextColorActiveCard:n,tabTextColorDisabledCard:r,barColor:n,closeIconColor:i,closeIconColorHover:a,closeIconColorPressed:o,closeColorHover:s,closeColorPressed:c,closeBorderRadius:m,tabColor:l,tabColorSegment:u,tabBorderColor:d,tabFontWeightActive:f,tabFontWeight:f,tabBorderRadius:m,paneTextColor:t,fontWeightStrong:g})}var Pe={name:`Tabs`,common:F,self:Ne},Fe=k(`n-tabs`),Ie={tab:[String,Number,Object,Function],name:{type:[String,Number],required:!0},disabled:Boolean,displayDirective:{type:String,default:`if`},closable:{type:Boolean,default:void 0},tabProps:Object,label:[String,Number,Object,Function]},$=e({__TAB_PANE__:!0,name:`TabPane`,alias:[`TabPanel`],props:Ie,slots:Object,setup(e){let t=c(Fe,null);return t||D(`tab-pane`,"`n-tab-pane` must be placed inside `n-tabs`."),{style:t.paneStyleRef,class:t.paneClassRef,mergedClsPrefix:t.mergedClsPrefixRef}},render(){return s(`div`,{class:[`${this.mergedClsPrefix}-tab-pane`,this.class],style:this.style},this.$slots)}}),Le=e({__TAB__:!0,inheritAttrs:!1,name:`Tab`,props:Object.assign({internalLeftPadded:Boolean,internalAddable:Boolean,internalCreatedByPane:Boolean},H(Ie,[`displayDirective`])),setup(e){let{mergedClsPrefixRef:t,valueRef:n,typeRef:r,closableRef:i,tabStyleRef:a,addTabStyleRef:o,tabClassRef:s,addTabClassRef:l,tabChangeIdRef:d,onBeforeLeaveRef:f,triggerRef:p,handleAdd:m,activateTab:h,handleClose:g}=c(Fe);return{trigger:p,mergedClosable:u(()=>{if(e.internalAddable)return!1;let{closable:t}=e;return t===void 0?i.value:t}),style:a,addStyle:o,tabClass:s,addTabClass:l,clsPrefix:t,value:n,type:r,handleClose(t){t.stopPropagation(),!e.disabled&&g(e.name)},activateTab(){if(e.disabled)return;if(e.internalAddable){m();return}let{name:t}=e,r=++d.id;if(t!==n.value){let{value:i}=f;i?Promise.resolve(i(e.name,n.value)).then(e=>{e&&d.id===r&&h(t)}):h(t)}}}},render(){let{internalAddable:e,clsPrefix:t,name:n,disabled:r,label:i,tab:o,value:c,mergedClosable:l,trigger:u,$slots:{default:d}}=this,f=i??o;return s(`div`,{class:`${t}-tabs-tab-wrapper`},this.internalLeftPadded?s(`div`,{class:`${t}-tabs-tab-pad`}):null,s(`div`,Object.assign({key:n,"data-name":n,"data-disabled":r?!0:void 0},a({class:[`${t}-tabs-tab`,c===n&&`${t}-tabs-tab--active`,r&&`${t}-tabs-tab--disabled`,l&&`${t}-tabs-tab--closable`,e&&`${t}-tabs-tab--addable`,e?this.addTabClass:this.tabClass],onClick:u===`click`?this.activateTab:void 0,onMouseenter:u===`hover`?this.activateTab:void 0,style:e?this.addStyle:this.style},this.internalCreatedByPane?this.tabProps||{}:this.$attrs)),s(`span`,{class:`${t}-tabs-tab__label`},e?s(S,null,s(`div`,{class:`${t}-tabs-tab__height-placeholder`},`\xA0`),s(B,{clsPrefix:t},{default:()=>s(U,null)})):d?d():typeof f==`object`?f:se(f??n)),l&&this.type===`card`?s(pe,{clsPrefix:t,class:`${t}-tabs-tab__close`,onClick:this.handleClose,disabled:r}):null))}}),Re=I(`tabs`,`
+ box-sizing: border-box;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ transition:
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+`,[P(`segment-type`,[I(`tabs-rail`,[A(`&.transition-disabled`,[I(`tabs-capsule`,`
+ transition: none;
+ `)])])]),P(`top`,[I(`tab-pane`,`
+ padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
+ `)]),P(`left`,[I(`tab-pane`,`
+ padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
+ `)]),P(`left, right`,`
+ flex-direction: row;
+ `,[I(`tabs-bar`,`
+ width: 2px;
+ right: 0;
+ transition:
+ top .2s var(--n-bezier),
+ max-height .2s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `),I(`tabs-tab`,`
+ padding: var(--n-tab-padding-vertical); 
+ `)]),P(`right`,`
+ flex-direction: row-reverse;
+ `,[I(`tab-pane`,`
+ padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
+ `),I(`tabs-bar`,`
+ left: 0;
+ `)]),P(`bottom`,`
+ flex-direction: column-reverse;
+ justify-content: flex-end;
+ `,[I(`tab-pane`,`
+ padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
+ `),I(`tabs-bar`,`
+ top: 0;
+ `)]),I(`tabs-rail`,`
+ position: relative;
+ padding: 3px;
+ border-radius: var(--n-tab-border-radius);
+ width: 100%;
+ background-color: var(--n-color-segment);
+ transition: background-color .3s var(--n-bezier);
+ display: flex;
+ align-items: center;
+ `,[I(`tabs-capsule`,`
+ border-radius: var(--n-tab-border-radius);
+ position: absolute;
+ pointer-events: none;
+ background-color: var(--n-tab-color-segment);
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
+ transition: transform 0.3s var(--n-bezier);
+ `),I(`tabs-tab-wrapper`,`
+ flex-basis: 0;
+ flex-grow: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `,[I(`tabs-tab`,`
+ overflow: hidden;
+ border-radius: var(--n-tab-border-radius);
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ `,[P(`active`,`
+ font-weight: var(--n-font-weight-strong);
+ color: var(--n-tab-text-color-active);
+ `),A(`&:hover`,`
+ color: var(--n-tab-text-color-hover);
+ `)])])]),P(`flex`,[I(`tabs-nav`,`
+ width: 100%;
+ position: relative;
+ `,[I(`tabs-wrapper`,`
+ width: 100%;
+ `,[I(`tabs-tab`,`
+ margin-right: 0;
+ `)])])]),I(`tabs-nav`,`
+ box-sizing: border-box;
+ line-height: 1.5;
+ display: flex;
+ transition: border-color .3s var(--n-bezier);
+ `,[j(`prefix, suffix`,`
+ display: flex;
+ align-items: center;
+ `),j(`prefix`,`padding-right: 16px;`),j(`suffix`,`padding-left: 16px;`)]),P(`top, bottom`,[A(`>`,[I(`tabs-nav`,[I(`tabs-nav-scroll-wrapper`,[A(`&::before`,`
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 20px;
+ `),A(`&::after`,`
+ top: 0;
+ bottom: 0;
+ right: 0;
+ width: 20px;
+ `),P(`shadow-start`,[A(`&::before`,`
+ box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)]),P(`shadow-end`,[A(`&::after`,`
+ box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
+ `)])])])])]),P(`left, right`,[I(`tabs-nav-scroll-content`,`
+ flex-direction: column;
+ `),A(`>`,[I(`tabs-nav`,[I(`tabs-nav-scroll-wrapper`,[A(`&::before`,`
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `),A(`&::after`,`
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 20px;
+ `),P(`shadow-start`,[A(`&::before`,`
+ box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
+ `)]),P(`shadow-end`,[A(`&::after`,`
+ box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
+ `)])])])])]),I(`tabs-nav-scroll-wrapper`,`
+ flex: 1;
+ position: relative;
+ overflow: hidden;
+ `,[I(`tabs-nav-y-scroll`,`
+ height: 100%;
+ width: 100%;
+ overflow-y: auto; 
+ scrollbar-width: none;
+ `,[A(`&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb`,`
+ width: 0;
+ height: 0;
+ display: none;
+ `)]),A(`&::before, &::after`,`
+ transition: box-shadow .3s var(--n-bezier);
+ pointer-events: none;
+ content: "";
+ position: absolute;
+ z-index: 1;
+ `)]),I(`tabs-nav-scroll-content`,`
+ display: flex;
+ position: relative;
+ min-width: 100%;
+ min-height: 100%;
+ width: fit-content;
+ box-sizing: border-box;
+ `),I(`tabs-wrapper`,`
+ display: inline-flex;
+ flex-wrap: nowrap;
+ position: relative;
+ `),I(`tabs-tab-wrapper`,`
+ display: flex;
+ flex-wrap: nowrap;
+ flex-shrink: 0;
+ flex-grow: 0;
+ `),I(`tabs-tab`,`
+ cursor: pointer;
+ white-space: nowrap;
+ flex-wrap: nowrap;
+ display: inline-flex;
+ align-items: center;
+ color: var(--n-tab-text-color);
+ font-size: var(--n-tab-font-size);
+ background-clip: padding-box;
+ padding: var(--n-tab-padding);
+ transition:
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `,[P(`disabled`,{cursor:`not-allowed`}),j(`close`,`
+ margin-left: 6px;
+ transition:
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ `),j(`label`,`
+ display: flex;
+ align-items: center;
+ z-index: 1;
+ `)]),I(`tabs-bar`,`
+ position: absolute;
+ bottom: 0;
+ height: 2px;
+ border-radius: 1px;
+ background-color: var(--n-bar-color);
+ transition:
+ left .2s var(--n-bezier),
+ max-width .2s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ `,[A(`&.transition-disabled`,`
+ transition: none;
+ `),P(`disabled`,`
+ background-color: var(--n-tab-text-color-disabled)
+ `)]),I(`tabs-pane-wrapper`,`
+ position: relative;
+ overflow: hidden;
+ transition: max-height .2s var(--n-bezier);
+ `),I(`tab-pane`,`
+ color: var(--n-pane-text-color);
+ width: 100%;
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ opacity .2s var(--n-bezier);
+ left: 0;
+ right: 0;
+ top: 0;
+ `,[A(`&.next-transition-leave-active, &.prev-transition-leave-active, &.next-transition-enter-active, &.prev-transition-enter-active`,`
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ transform .2s var(--n-bezier),
+ opacity .2s var(--n-bezier);
+ `),A(`&.next-transition-leave-active, &.prev-transition-leave-active`,`
+ position: absolute;
+ `),A(`&.next-transition-enter-from, &.prev-transition-leave-to`,`
+ transform: translateX(32px);
+ opacity: 0;
+ `),A(`&.next-transition-leave-to, &.prev-transition-enter-from`,`
+ transform: translateX(-32px);
+ opacity: 0;
+ `),A(`&.next-transition-leave-from, &.next-transition-enter-to, &.prev-transition-leave-from, &.prev-transition-enter-to`,`
+ transform: translateX(0);
+ opacity: 1;
+ `)]),I(`tabs-tab-pad`,`
+ box-sizing: border-box;
+ width: var(--n-tab-gap);
+ flex-grow: 0;
+ flex-shrink: 0;
+ `),P(`line-type, bar-type`,[I(`tabs-tab`,`
+ font-weight: var(--n-tab-font-weight);
+ box-sizing: border-box;
+ vertical-align: bottom;
+ `,[A(`&:hover`,{color:`var(--n-tab-text-color-hover)`}),P(`active`,`
+ color: var(--n-tab-text-color-active);
+ font-weight: var(--n-tab-font-weight-active);
+ `),P(`disabled`,{color:`var(--n-tab-text-color-disabled)`})])]),I(`tabs-nav`,[P(`line-type`,[P(`top`,[j(`prefix, suffix`,`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-nav-scroll-content`,`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-bar`,`
+ bottom: -1px;
+ `)]),P(`left`,[j(`prefix, suffix`,`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-nav-scroll-content`,`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-bar`,`
+ right: -1px;
+ `)]),P(`right`,[j(`prefix, suffix`,`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-nav-scroll-content`,`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-bar`,`
+ left: -1px;
+ `)]),P(`bottom`,[j(`prefix, suffix`,`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-nav-scroll-content`,`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-bar`,`
+ top: -1px;
+ `)]),j(`prefix, suffix`,`
+ transition: border-color .3s var(--n-bezier);
+ `),I(`tabs-nav-scroll-content`,`
+ transition: border-color .3s var(--n-bezier);
+ `),I(`tabs-bar`,`
+ border-radius: 0;
+ `)]),P(`card-type`,[j(`prefix, suffix`,`
+ transition: border-color .3s var(--n-bezier);
+ `),I(`tabs-pad`,`
+ flex-grow: 1;
+ transition: border-color .3s var(--n-bezier);
+ `),I(`tabs-tab-pad`,`
+ transition: border-color .3s var(--n-bezier);
+ `),I(`tabs-tab`,`
+ font-weight: var(--n-tab-font-weight);
+ border: 1px solid var(--n-tab-border-color);
+ background-color: var(--n-tab-color);
+ box-sizing: border-box;
+ position: relative;
+ vertical-align: bottom;
+ display: flex;
+ justify-content: space-between;
+ font-size: var(--n-tab-font-size);
+ color: var(--n-tab-text-color);
+ `,[P(`addable`,`
+ padding-left: 8px;
+ padding-right: 8px;
+ font-size: 16px;
+ justify-content: center;
+ `,[j(`height-placeholder`,`
+ width: 0;
+ font-size: var(--n-tab-font-size);
+ `),R(`disabled`,[A(`&:hover`,`
+ color: var(--n-tab-text-color-hover);
+ `)])]),P(`closable`,`padding-right: 8px;`),P(`active`,`
+ background-color: #0000;
+ font-weight: var(--n-tab-font-weight-active);
+ color: var(--n-tab-text-color-active);
+ `),P(`disabled`,`color: var(--n-tab-text-color-disabled);`)])]),P(`left, right`,`
+ flex-direction: column; 
+ `,[j(`prefix, suffix`,`
+ padding: var(--n-tab-padding-vertical);
+ `),I(`tabs-wrapper`,`
+ flex-direction: column;
+ `),I(`tabs-tab-wrapper`,`
+ flex-direction: column;
+ `,[I(`tabs-tab-pad`,`
+ height: var(--n-tab-gap-vertical);
+ width: 100%;
+ `)])]),P(`top`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-bottom: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-tab`,`
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-top-right-radius: var(--n-tab-border-radius);
+ `,[P(`active`,`
+ border-bottom: 1px solid #0000;
+ `)]),I(`tabs-tab-pad`,`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-pad`,`
+ border-bottom: 1px solid var(--n-tab-border-color);
+ `)])]),P(`left`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-right: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-tab`,`
+ border-top-left-radius: var(--n-tab-border-radius);
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ `,[P(`active`,`
+ border-right: 1px solid #0000;
+ `)]),I(`tabs-tab-pad`,`
+ border-right: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-pad`,`
+ border-right: 1px solid var(--n-tab-border-color);
+ `)])]),P(`right`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-left: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-tab`,`
+ border-top-right-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `,[P(`active`,`
+ border-left: 1px solid #0000;
+ `)]),I(`tabs-tab-pad`,`
+ border-left: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-pad`,`
+ border-left: 1px solid var(--n-tab-border-color);
+ `)])]),P(`bottom`,[P(`card-type`,[I(`tabs-scroll-padding`,`border-top: 1px solid var(--n-tab-border-color);`),j(`prefix, suffix`,`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-tab`,`
+ border-bottom-left-radius: var(--n-tab-border-radius);
+ border-bottom-right-radius: var(--n-tab-border-radius);
+ `,[P(`active`,`
+ border-top: 1px solid #0000;
+ `)]),I(`tabs-tab-pad`,`
+ border-top: 1px solid var(--n-tab-border-color);
+ `),I(`tabs-pad`,`
+ border-top: 1px solid var(--n-tab-border-color);
+ `)])])])]),ze=je,Be=e({name:`Tabs`,props:Object.assign(Object.assign({},ne.props),{value:[String,Number],defaultValue:[String,Number],trigger:{type:String,default:`click`},type:{type:String,default:`bar`},closable:Boolean,justifyContent:String,size:String,placement:{type:String,default:`top`},tabStyle:[String,Object],tabClass:String,addTabStyle:[String,Object],addTabClass:String,barWidth:Number,paneClass:String,paneStyle:[String,Object],paneWrapperClass:String,paneWrapperStyle:[String,Object],addable:[Boolean,Object],tabsPadding:{type:Number,default:0},animated:Boolean,onBeforeLeave:Function,onAdd:Function,"onUpdate:value":[Function,Array],onUpdateValue:[Function,Array],onClose:[Function,Array],labelSize:String,activeName:[String,Number],onActiveNameChange:[Function,Array]}),slots:Object,setup(e,{slots:t}){let{mergedClsPrefixRef:n,inlineThemeDisabled:a,mergedComponentPropsRef:s}=ee(e),c=ne(`Tabs`,`-tabs`,Re,Pe,e,n),l=b(null),d=b(null),m=b(null),h=b(null),g=b(null),_=b(null),v=b(!0),y=b(!0),S=fe(e,[`labelSize`,`size`]),C=u(()=>S.value?S.value:s?.value?.Tabs?.size||`medium`),w=fe(e,[`activeName`,`value`]),T=b(w.value??e.defaultValue??(t.default?oe(t.default())[0]?.props?.name:null)),E=ue(w,T),D={id:0},O=u(()=>{if(!(!e.justifyContent||e.type===`card`))return{display:`flex`,justifyContent:e.justifyContent}});p(E,()=>{D.id=0,N(),P()});function k(){let{value:e}=E;return e===null?null:l.value?.querySelector(`[data-name="${e}"]`)}function te(t){if(e.type===`card`)return;let{value:r}=d;if(!r)return;let i=r.style.opacity===`0`;if(t){let a=`${n.value}-tabs-bar--disabled`,{barWidth:o,placement:s}=e;if(t.dataset.disabled===`true`?r.classList.add(a):r.classList.remove(a),[`top`,`bottom`].includes(s)){if(j([`top`,`maxHeight`,`height`]),typeof o==`number`&&t.offsetWidth>=o){let e=Math.floor((t.offsetWidth-o)/2)+t.offsetLeft;r.style.left=`${e}px`,r.style.maxWidth=`${o}px`}else r.style.left=`${t.offsetLeft}px`,r.style.maxWidth=`${t.offsetWidth}px`;r.style.width=`8192px`,i&&(r.style.transition=`none`),r.offsetWidth,i&&(r.style.transition=``,r.style.opacity=`1`)}else{if(j([`left`,`maxWidth`,`width`]),typeof o==`number`&&t.offsetHeight>=o){let e=Math.floor((t.offsetHeight-o)/2)+t.offsetTop;r.style.top=`${e}px`,r.style.maxHeight=`${o}px`}else r.style.top=`${t.offsetTop}px`,r.style.maxHeight=`${t.offsetHeight}px`;r.style.height=`8192px`,i&&(r.style.transition=`none`),r.offsetHeight,i&&(r.style.transition=``,r.style.opacity=`1`)}}}function A(){if(e.type===`card`)return;let{value:t}=d;t&&(t.style.opacity=`0`)}function j(e){let{value:t}=d;if(t)for(let n of e)t.style[n]=``}function N(){if(e.type===`card`)return;let t=k();t?te(t):A()}function P(){let e=g.value?.$el;if(!e)return;let t=k();if(!t)return;let{scrollLeft:n,offsetWidth:r}=e,{offsetLeft:i,offsetWidth:a}=t;n>i?e.scrollTo({top:0,left:i,behavior:`smooth`}):i+a>n+r&&e.scrollTo({top:0,left:i+a-r,behavior:`smooth`})}let F=b(null),I=0,R=null;function ae(e){let t=F.value;if(t){I=e.getBoundingClientRect().height;let n=`${I}px`,r=()=>{t.style.height=n,t.style.maxHeight=n};R?(r(),R(),R=null):R=r}}function se(e){let t=F.value;if(t){let n=e.getBoundingClientRect().height,r=()=>{document.body.offsetHeight,t.style.maxHeight=`${n}px`,t.style.height=`${Math.max(I,n)}px`};R?(R(),R=null,r()):R=r}}function ce(){let t=F.value;if(t){t.style.maxHeight=``,t.style.height=``;let{paneWrapperStyle:n}=e;if(typeof n==`string`)t.style.cssText=n;else if(n){let{maxHeight:e,height:r}=n;e!==void 0&&(t.style.maxHeight=e),r!==void 0&&(t.style.height=r)}}}let B={value:[]},le=b(`next`);function V(e){let t=E.value,n=`next`;for(let r of B.value){if(r===t)break;if(r===e){n=`prev`;break}}le.value=n,pe(e)}function pe(t){let{onActiveNameChange:n,onUpdateValue:r,"onUpdate:value":i}=e;n&&L(n,t),r&&L(r,t),i&&L(i,t),T.value=t}function me(t){let{onClose:n}=e;n&&L(n,t)}let H=!0;function U(){let{value:e}=d;if(!e)return;H||=!1;let t=`transition-disabled`;e.classList.add(t),N(),e.classList.remove(t)}let W=b(null);function G({transitionDisabled:e}){let t=l.value;if(!t)return;e&&t.classList.add(`transition-disabled`);let n=k();n&&W.value&&(W.value.style.width=`${n.offsetWidth}px`,W.value.style.height=`${n.offsetHeight}px`,W.value.style.transform=`translateX(${n.offsetLeft-de(getComputedStyle(t).paddingLeft)}px)`,e&&W.value.offsetWidth),e&&t.classList.remove(`transition-disabled`)}p([E],()=>{e.type===`segment`&&o(()=>{G({transitionDisabled:!1})})}),i(()=>{e.type===`segment`&&G({transitionDisabled:!0})});let K=0;function he(t){if(t.contentRect.width===0&&t.contentRect.height===0||K===t.contentRect.width)return;K=t.contentRect.width;let{type:n}=e;if((n===`line`||n===`bar`)&&(H||e.justifyContent?.startsWith(`space`))&&U(),n!==`segment`){let{placement:t}=e;X((t===`top`||t===`bottom`?g.value?.$el:_.value)||null)}}let q=ze(he,64);p([()=>e.justifyContent,()=>e.size],()=>{o(()=>{let{type:t}=e;(t===`line`||t===`bar`)&&U()})});let J=b(!1);function Y(t){let{target:n,contentRect:{width:r,height:i}}=t,a=n.parentElement.parentElement.offsetWidth,o=n.parentElement.parentElement.offsetHeight,{placement:s}=e;if(!J.value)s===`top`||s===`bottom`?a<r&&(J.value=!0):o<i&&(J.value=!0);else{let{value:e}=h;if(!e)return;s===`top`||s===`bottom`?a-r>e.$el.offsetWidth&&(J.value=!1):o-i>e.$el.offsetHeight&&(J.value=!1)}X(g.value?.$el||null)}let ge=ze(Y,64);function _e(){let{onAdd:t}=e;t&&t(),o(()=>{let e=k(),{value:t}=g;!e||!t||t.scrollTo({left:e.offsetLeft,top:0,behavior:`smooth`})})}function X(t){if(!t)return;let{placement:n}=e;if(n===`top`||n===`bottom`){let{scrollLeft:e,scrollWidth:n,offsetWidth:r}=t;v.value=e<=0,y.value=e+r>=n}else{let{scrollTop:e,scrollHeight:n,offsetHeight:r}=t;v.value=e<=0,y.value=e+r>=n}}let ve=ze(e=>{X(e.target)},64);r(Fe,{triggerRef:x(e,`trigger`),tabStyleRef:x(e,`tabStyle`),tabClassRef:x(e,`tabClass`),addTabStyleRef:x(e,`addTabStyle`),addTabClassRef:x(e,`addTabClass`),paneClassRef:x(e,`paneClass`),paneStyleRef:x(e,`paneStyle`),mergedClsPrefixRef:n,typeRef:x(e,`type`),closableRef:x(e,`closable`),valueRef:E,tabChangeIdRef:D,onBeforeLeaveRef:x(e,`onBeforeLeave`),activateTab:V,handleClose:me,handleAdd:_e}),ie(()=>{N(),P()}),f(()=>{let{value:e}=m;if(!e)return;let{value:t}=n,r=`${t}-tabs-nav-scroll-wrapper--shadow-start`,i=`${t}-tabs-nav-scroll-wrapper--shadow-end`;v.value?e.classList.remove(r):e.classList.add(r),y.value?e.classList.remove(i):e.classList.add(i)});let ye={syncBarPosition:()=>{N()}},be=()=>{G({transitionDisabled:!0})},Z=u(()=>{let{value:t}=C,{type:n}=e,r=`${t}${{card:`Card`,bar:`Bar`,line:`Line`,segment:`Segment`}[n]}`,{self:{barColor:i,closeIconColor:a,closeIconColorHover:o,closeIconColorPressed:s,tabColor:l,tabBorderColor:u,paneTextColor:d,tabFontWeight:f,tabBorderRadius:p,tabFontWeightActive:m,colorSegment:h,fontWeightStrong:g,tabColorSegment:_,closeSize:v,closeIconSize:y,closeColorHover:b,closeColorPressed:x,closeBorderRadius:S,[M(`panePadding`,t)]:w,[M(`tabPadding`,r)]:T,[M(`tabPaddingVertical`,r)]:ee,[M(`tabGap`,r)]:E,[M(`tabGap`,`${r}Vertical`)]:D,[M(`tabTextColor`,n)]:O,[M(`tabTextColorActive`,n)]:k,[M(`tabTextColorHover`,n)]:te,[M(`tabTextColorDisabled`,n)]:A,[M(`tabFontSize`,t)]:ne},common:{cubicBezierEaseInOut:j}}=c.value;return{"--n-bezier":j,"--n-color-segment":h,"--n-bar-color":i,"--n-tab-font-size":ne,"--n-tab-text-color":O,"--n-tab-text-color-active":k,"--n-tab-text-color-disabled":A,"--n-tab-text-color-hover":te,"--n-pane-text-color":d,"--n-tab-border-color":u,"--n-tab-border-radius":p,"--n-close-size":v,"--n-close-icon-size":y,"--n-close-color-hover":b,"--n-close-color-pressed":x,"--n-close-border-radius":S,"--n-close-icon-color":a,"--n-close-icon-color-hover":o,"--n-close-icon-color-pressed":s,"--n-tab-color":l,"--n-tab-font-weight":f,"--n-tab-font-weight-active":m,"--n-tab-padding":T,"--n-tab-padding-vertical":ee,"--n-tab-gap":E,"--n-tab-gap-vertical":D,"--n-pane-padding-left":z(w,`left`),"--n-pane-padding-right":z(w,`right`),"--n-pane-padding-top":z(w,`top`),"--n-pane-padding-bottom":z(w,`bottom`),"--n-font-weight-strong":g,"--n-tab-color-segment":_}}),xe=a?re(`tabs`,u(()=>`${C.value[0]}${e.type[0]}`),Z,e):void 0;return Object.assign({mergedClsPrefix:n,mergedValue:E,renderedNames:new Set,segmentCapsuleElRef:W,tabsPaneWrapperRef:F,tabsElRef:l,barElRef:d,addTabInstRef:h,xScrollInstRef:g,scrollWrapperElRef:m,addTabFixed:J,tabWrapperStyle:O,handleNavResize:q,mergedSize:C,handleScroll:ve,handleTabsResize:ge,cssVars:a?void 0:Z,themeClass:xe?.themeClass,animationDirection:le,renderNameListRef:B,yScrollElRef:_,handleSegmentResize:be,onAnimationBeforeLeave:ae,onAnimationEnter:se,onAnimationAfterEnter:ce,onRender:xe?.onRender},ye)},render(){let{mergedClsPrefix:e,type:t,placement:n,addTabFixed:r,addable:i,mergedSize:a,renderNameListRef:o,onRender:c,paneWrapperClass:l,paneWrapperStyle:u,$slots:{default:d,prefix:f,suffix:p}}=this;c?.();let m=d?oe(d()).filter(e=>e.type.__TAB_PANE__===!0):[],h=d?oe(d()).filter(e=>e.type.__TAB__===!0):[],g=!h.length,_=t===`card`,v=t===`segment`,y=!_&&!v&&this.justifyContent;o.value=[];let b=()=>{let t=s(`div`,{style:this.tabWrapperStyle,class:`${e}-tabs-wrapper`},y?null:s(`div`,{class:`${e}-tabs-scroll-padding`,style:n===`top`||n===`bottom`?{width:`${this.tabsPadding}px`}:{height:`${this.tabsPadding}px`}}),g?m.map((e,t)=>(o.value.push(e.props.name),We(s(Le,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:t!==0&&(!y||y===`center`||y===`start`||y===`end`)}),e.children?{default:e.children.tab}:void 0)))):h.map((e,t)=>(o.value.push(e.props.name),We(t!==0&&!y?Ue(e):e))),!r&&i&&_?He(i,(g?m.length:h.length)!==0):null,y?null:s(`div`,{class:`${e}-tabs-scroll-padding`,style:{width:`${this.tabsPadding}px`}}));return s(`div`,{ref:`tabsElRef`,class:`${e}-tabs-nav-scroll-content`},_&&i?s(V,{onResize:this.handleTabsResize},{default:()=>t}):t,_?s(`div`,{class:`${e}-tabs-pad`}):null,_?null:s(`div`,{ref:`barElRef`,class:`${e}-tabs-bar`}))},x=v?`top`:n;return s(`div`,{class:[`${e}-tabs`,this.themeClass,`${e}-tabs--${t}-type`,`${e}-tabs--${a}-size`,y&&`${e}-tabs--flex`,`${e}-tabs--${x}`],style:this.cssVars},s(`div`,{class:[`${e}-tabs-nav--${t}-type`,`${e}-tabs-nav--${x}`,`${e}-tabs-nav`]},O(f,t=>t&&s(`div`,{class:`${e}-tabs-nav__prefix`},t)),v?s(V,{onResize:this.handleSegmentResize},{default:()=>s(`div`,{class:`${e}-tabs-rail`,ref:`tabsElRef`},s(`div`,{class:`${e}-tabs-capsule`,ref:`segmentCapsuleElRef`},s(`div`,{class:`${e}-tabs-wrapper`},s(`div`,{class:`${e}-tabs-tab`}))),g?m.map((e,t)=>(o.value.push(e.props.name),s(Le,Object.assign({},e.props,{internalCreatedByPane:!0,internalLeftPadded:t!==0}),e.children?{default:e.children.tab}:void 0))):h.map((e,t)=>(o.value.push(e.props.name),t===0?e:Ue(e))))}):s(V,{onResize:this.handleNavResize},{default:()=>s(`div`,{class:`${e}-tabs-nav-scroll-wrapper`,ref:`scrollWrapperElRef`},[`top`,`bottom`].includes(x)?s(_e,{ref:`xScrollInstRef`,onScroll:this.handleScroll},{default:b}):s(`div`,{class:`${e}-tabs-nav-y-scroll`,onScroll:this.handleScroll,ref:`yScrollElRef`},b()))}),r&&i&&_?He(i,!0):null,O(p,t=>t&&s(`div`,{class:`${e}-tabs-nav__suffix`},t))),g&&(this.animated&&(x===`top`||x===`bottom`)?s(`div`,{ref:`tabsPaneWrapperRef`,style:u,class:[`${e}-tabs-pane-wrapper`,l]},Ve(m,this.mergedValue,this.renderedNames,this.onAnimationBeforeLeave,this.onAnimationEnter,this.onAnimationAfterEnter,this.animationDirection)):Ve(m,this.mergedValue,this.renderedNames)))}});function Ve(e,t,n,r,i,a,o){let c=[];return e.forEach(e=>{let{name:r,displayDirective:i,"display-directive":a}=e.props,o=e=>i===e||a===e,s=t===r;if(e.key!==void 0&&(e.key=r),s||o(`show`)||o(`show:lazy`)&&n.has(r)){n.has(r)||n.add(r);let t=!o(`if`);c.push(t?l(e,[[y,s]]):e)}}),o?s(h,{name:`${o}-transition`,onBeforeLeave:r,onEnter:i,onAfterEnter:a},{default:()=>c}):c}function He(e,t){return s(Le,{ref:`addTabInstRef`,key:`__addable`,name:`__addable`,internalCreatedByPane:!0,internalAddable:!0,internalLeftPadded:t,disabled:typeof e==`object`&&e.disabled})}function Ue(e){let t=C(e);return t.props?t.props.internalLeftPadded=!0:t.props={internalLeftPadded:!0},t}function We(e){return Array.isArray(e.dynamicProps)?e.dynamicProps.includes(`internalLeftPadded`)||e.dynamicProps.push(`internalLeftPadded`):e.dynamicProps=[`internalLeftPadded`],e}var Ge={class:`settings-section`},Ke=T(e({__name:`DisplaySettings`,setup(e){let t=J(),r=K(),{t:i}=w();async function a(e){try{await t.saveSection(`display`,e),r.success(i(`settings.saved`))}catch{r.error(i(`settings.saveFailed`))}}return(e,r)=>(d(),n(`section`,Ge,[v(Y,{label:g(i)(`settings.display.streaming`),hint:g(i)(`settings.display.streamingHint`)},{default:m(()=>[v(g(q),{value:g(t).display.streaming,"onUpdate:value":r[0]||=e=>a({streaming:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.display.compact`),hint:g(i)(`settings.display.compactHint`)},{default:m(()=>[v(g(q),{value:g(t).display.compact,"onUpdate:value":r[1]||=e=>a({compact:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.display.showReasoning`),hint:g(i)(`settings.display.showReasoningHint`)},{default:m(()=>[v(g(q),{value:g(t).display.show_reasoning,"onUpdate:value":r[2]||=e=>a({show_reasoning:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.display.showCost`),hint:g(i)(`settings.display.showCostHint`)},{default:m(()=>[v(g(q),{value:g(t).display.show_cost,"onUpdate:value":r[3]||=e=>a({show_cost:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.display.inlineDiffs`),hint:g(i)(`settings.display.inlineDiffsHint`)},{default:m(()=>[v(g(q),{value:g(t).display.inline_diffs,"onUpdate:value":r[4]||=e=>a({inline_diffs:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.display.bellOnComplete`),hint:g(i)(`settings.display.bellOnCompleteHint`)},{default:m(()=>[v(g(q),{value:g(t).display.bell_on_complete,"onUpdate:value":r[5]||=e=>a({bell_on_complete:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.display.busyInputMode`),hint:g(i)(`settings.display.busyInputModeHint`)},{default:m(()=>[v(g(q),{value:g(t).display.busy_input_mode===`interrupt`,"onUpdate:value":r[6]||=e=>a({busy_input_mode:e?`interrupt`:`off`})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-c8db8205`]]),qe={class:`settings-section`},Je=T(e({__name:`AgentSettings`,setup(e){let t=J(),r=K(),{t:i}=w();async function a(e){try{await t.saveSection(`agent`,e),r.success(i(`settings.saved`))}catch{r.error(i(`settings.saveFailed`))}}return(e,r)=>(d(),n(`section`,qe,[v(Y,{label:g(i)(`settings.agent.maxTurns`),hint:g(i)(`settings.agent.maxTurnsHint`)},{default:m(()=>[v(g(W),{value:g(t).agent.max_turns,min:1,max:200,step:5,size:`small`,style:{width:`120px`},"onUpdate:value":r[0]||=e=>e!=null&&a({max_turns:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.agent.gatewayTimeout`),hint:g(i)(`settings.agent.gatewayTimeoutHint`)},{default:m(()=>[v(g(W),{value:g(t).agent.gateway_timeout,min:60,max:7200,step:60,size:`small`,style:{width:`120px`},"onUpdate:value":r[1]||=e=>e!=null&&a({gateway_timeout:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.agent.restartDrainTimeout`),hint:g(i)(`settings.agent.restartDrainTimeoutHint`)},{default:m(()=>[v(g(W),{value:g(t).agent.restart_drain_timeout,min:10,max:300,step:10,size:`small`,style:{width:`120px`},"onUpdate:value":r[2]||=e=>e!=null&&a({restart_drain_timeout:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.agent.toolEnforcement`),hint:g(i)(`settings.agent.toolEnforcementHint`)},{default:m(()=>[v(g(me),{value:g(t).agent.tool_use_enforcement||`auto`,options:[{label:g(i)(`settings.agent.auto`),value:`auto`},{label:g(i)(`settings.agent.always`),value:`always`},{label:g(i)(`settings.agent.never`),value:`never`}],size:`small`,style:{width:`120px`},"onUpdate:value":r[3]||=e=>a({tool_use_enforcement:e})},null,8,[`value`,`options`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-7c41cbf5`]]),Ye={class:`settings-section`},Xe=T(e({__name:`MemorySettings`,setup(e){let t=J(),r=K(),{t:i}=w();async function a(e){try{await t.saveSection(`memory`,e),r.success(i(`settings.saved`))}catch{r.error(i(`settings.saveFailed`))}}return(e,r)=>(d(),n(`section`,Ye,[v(Y,{label:g(i)(`settings.memory.enabled`),hint:g(i)(`settings.memory.enabledHint`)},{default:m(()=>[v(g(q),{value:g(t).memory.memory_enabled,"onUpdate:value":r[0]||=e=>a({memory_enabled:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.memory.userProfile`),hint:g(i)(`settings.memory.userProfileHint`)},{default:m(()=>[v(g(q),{value:g(t).memory.user_profile_enabled,"onUpdate:value":r[1]||=e=>a({user_profile_enabled:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.memory.charLimit`),hint:g(i)(`settings.memory.charLimitHint`)},{default:m(()=>[v(g(W),{value:g(t).memory.memory_char_limit,min:100,max:1e4,step:100,size:`small`,style:{width:`120px`},"onUpdate:value":r[2]||=e=>e!=null&&a({memory_char_limit:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.memory.userCharLimit`),hint:g(i)(`settings.memory.userCharLimitHint`)},{default:m(()=>[v(g(W),{value:g(t).memory.user_char_limit,min:100,max:1e4,step:100,size:`small`,style:{width:`120px`},"onUpdate:value":r[3]||=e=>e!=null&&a({user_char_limit:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-8fb90a20`]]),Ze={class:`settings-section`},Qe=T(e({__name:`SessionSettings`,setup(e){let t=J(),r=K(),{t:i}=w();async function a(e){try{await t.saveSection(`session_reset`,e),r.success(i(`settings.saved`))}catch{r.error(i(`settings.saveFailed`))}}return(e,r)=>(d(),n(`section`,Ze,[v(Y,{label:g(i)(`settings.session.mode`),hint:g(i)(`settings.session.modeHint`)},{default:m(()=>[v(g(me),{value:g(t).sessionReset.mode||`both`,options:[{label:g(i)(`settings.session.modeBoth`),value:`both`},{label:g(i)(`settings.session.modeIdle`),value:`idle`},{label:g(i)(`settings.session.modeHourly`),value:`hourly`}],size:`small`,style:{width:`140px`},"onUpdate:value":r[0]||=e=>a({mode:e})},null,8,[`value`,`options`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.session.idleMinutes`),hint:g(i)(`settings.session.idleMinutesHint`)},{default:m(()=>[v(g(W),{value:g(t).sessionReset.idle_minutes,min:10,max:10080,step:30,size:`small`,style:{width:`120px`},"onUpdate:value":r[1]||=e=>e!=null&&a({idle_minutes:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(i)(`settings.session.atHour`),hint:g(i)(`settings.session.atHourHint`)},{default:m(()=>[v(g(W),{value:g(t).sessionReset.at_hour,min:0,max:23,step:1,size:`small`,style:{width:`120px`},"onUpdate:value":r[2]||=e=>e!=null&&a({at_hour:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-f01b7f59`]]),$e={class:`settings-section`},et=T(e({__name:`PrivacySettings`,setup(e){let t=J(),r=K(),{t:i}=w();async function a(e){try{await t.saveSection(`privacy`,e),r.success(i(`settings.saved`))}catch{r.error(i(`settings.saveFailed`))}}return(e,r)=>(d(),n(`section`,$e,[v(Y,{label:g(i)(`settings.privacy.redactPii`),hint:g(i)(`settings.privacy.redactPiiHint`)},{default:m(()=>[v(g(q),{value:g(t).privacy.redact_pii,"onUpdate:value":r[0]||=e=>a({redact_pii:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])]))}}),[[`__scopeId`,`data-v-eecbcbf4`]]),tt={class:`settings-view`},nt={class:`settings-header`},rt={class:`header-title`},it={class:`settings-content`},at={class:`settings-section`},ot=T(e({__name:`SettingsView`,setup(e){let r=J(),a=K(),{t:o}=w();i(()=>{r.fetchSettings()});async function s(e){try{await r.saveSection(`platforms`,{api_server:e}),a.success(o(`settings.saved`))}catch{a.error(o(`settings.saveFailed`))}}return(e,i)=>(d(),n(`div`,tt,[t(`header`,nt,[t(`h2`,rt,_(g(o)(`settings.title`)),1)]),t(`div`,it,[v(g(he),{show:g(r).loading},{default:m(()=>[v(g(Be),{type:`line`,animated:``},{default:m(()=>[v(g($),{name:`display`,tab:g(o)(`settings.tabs.display`)},{default:m(()=>[v(Ke)]),_:1},8,[`tab`]),v(g($),{name:`agent`,tab:g(o)(`settings.tabs.agent`)},{default:m(()=>[v(Je)]),_:1},8,[`tab`]),v(g($),{name:`memory`,tab:g(o)(`settings.tabs.memory`)},{default:m(()=>[v(Xe)]),_:1},8,[`tab`]),v(g($),{name:`session`,tab:g(o)(`settings.tabs.session`)},{default:m(()=>[v(Qe)]),_:1},8,[`tab`]),v(g($),{name:`privacy`,tab:g(o)(`settings.tabs.privacy`)},{default:m(()=>[v(et)]),_:1},8,[`tab`]),v(g($),{name:`api_server`,tab:g(o)(`settings.tabs.apiServer`)},{default:m(()=>[t(`section`,at,[v(Y,{label:g(o)(`settings.apiServer.enable`),hint:g(o)(`settings.apiServer.enableHint`)},{default:m(()=>[v(g(q),{value:g(r).platforms?.api_server?.enabled,"onUpdate:value":i[0]||=e=>s({enabled:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(o)(`settings.apiServer.host`),hint:g(o)(`settings.apiServer.hostHint`)},{default:m(()=>[v(g(G),{value:g(r).platforms?.api_server?.host||``,size:`small`,style:{width:`200px`},"onUpdate:value":i[1]||=e=>s({host:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(o)(`settings.apiServer.port`),hint:g(o)(`settings.apiServer.portHint`)},{default:m(()=>[v(g(W),{value:g(r).platforms?.api_server?.port,min:1024,max:65535,size:`small`,style:{width:`120px`},"onUpdate:value":i[2]||=e=>e!=null&&s({port:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(o)(`settings.apiServer.key`),hint:g(o)(`settings.apiServer.keyHint`)},{default:m(()=>[v(g(G),{value:g(r).platforms?.api_server?.key||``,type:`password`,"show-password-on":`click`,size:`small`,style:{width:`200px`},"onUpdate:value":i[3]||=e=>s({key:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`]),v(Y,{label:g(o)(`settings.apiServer.cors`),hint:g(o)(`settings.apiServer.corsHint`)},{default:m(()=>[v(g(G),{value:g(r).platforms?.api_server?.cors_origins||``,size:`small`,style:{width:`200px`},"onUpdate:value":i[4]||=e=>s({cors_origins:e})},null,8,[`value`])]),_:1},8,[`label`,`hint`])])]),_:1},8,[`tab`])]),_:1})]),_:1},8,[`show`])])]))}}),[[`__scopeId`,`data-v-3f799a0b`]]);export{ot as default};

package/dist/assets/SkillsView-Abm6Dt2r.css

@@ -0,0 +1 @@
+.skill-list[data-v-242ac691]{flex:1;padding:8px;overflow-y:auto}.skill-empty[data-v-242ac691]{color:#999;text-align:center;padding:24px 16px;font-size:13px}.skill-category[data-v-242ac691]{margin-bottom:4px}.category-header[data-v-242ac691]{color:#666;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;width:100%;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.category-header[data-v-242ac691]:hover{background:#3333330a}.category-arrow[data-v-242ac691]{flex-shrink:0;transition:transform .15s}.category-arrow.collapsed[data-v-242ac691]{transform:rotate(-90deg)}.category-name[data-v-242ac691]{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.category-count[data-v-242ac691]{color:#999;background:#3333330f;border-radius:8px;padding:1px 6px;font-size:11px}.category-skills[data-v-242ac691]{padding:2px 0 4px}.skill-item[data-v-242ac691]{color:#666;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:row;align-items:center;gap:8px;width:100%;padding:6px 10px 6px 28px;font-size:13px;transition:all .15s;display:flex}.skill-item[data-v-242ac691]:hover{color:#1a1a1a;background:#3333330f}.skill-item.active[data-v-242ac691]{color:#1a1a1a;background:#3333331a;font-weight:500}.skill-info[data-v-242ac691]{flex-direction:column;flex:1;min-width:0;display:flex}.skill-name[data-v-242ac691]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill-desc[data-v-242ac691]{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.skill-detail[data-v-b84bbe48]{flex-direction:column;height:100%;display:flex}.detail-title[data-v-b84bbe48]{border-bottom:1px solid #e0e0e0;flex-shrink:0;margin-bottom:12px;padding-bottom:12px;font-size:15px}.detail-category[data-v-b84bbe48]{color:#999;font-size:13px}.detail-separator[data-v-b84bbe48]{color:#999;margin:0 6px}.detail-name[data-v-b84bbe48]{color:#1a1a1a;font-weight:600}.detail-loading[data-v-b84bbe48]{color:#999;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.detail-breadcrumb[data-v-b84bbe48]{border-bottom:1px solid #e0e0e0;flex-shrink:0;align-items:center;gap:8px;margin-bottom:12px;padding:8px 0 12px;display:flex}.back-btn[data-v-b84bbe48]{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:13px;display:flex}.back-btn[data-v-b84bbe48]:hover{background:#3333330f}.breadcrumb-path[data-v-b84bbe48]{color:#999;font-size:13px}.detail-content[data-v-b84bbe48]{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}.detail-content[data-v-b84bbe48] hr{border:none;margin:12px 0}.detail-files[data-v-b84bbe48]{border-top:1px solid #e0e0e0;flex-shrink:0;margin-top:12px;padding-top:12px}.files-header[data-v-b84bbe48]{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600}.files-list[data-v-b84bbe48]{flex-wrap:wrap;gap:4px;display:flex}.file-item[data-v-b84bbe48]{color:#666;cursor:pointer;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .15s;display:flex}.file-item[data-v-b84bbe48]:hover{color:#333;border-color:#333}.skills-view[data-v-de212856]{flex-direction:column;height:100vh;display:flex}.skills-header[data-v-de212856]{border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.header-title[data-v-de212856]{color:#1a1a1a;flex-shrink:0;font-size:16px;font-weight:600}.search-input[data-v-de212856]{width:220px}.skills-content[data-v-de212856]{flex:1;overflow:hidden}.skills-loading[data-v-de212856]{color:#999;justify-content:center;align-items:center;height:100%;font-size:13px;display:flex}.skills-layout[data-v-de212856]{height:100%;display:flex}.skills-sidebar[data-v-de212856]{border-right:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;width:280px;min-height:0;display:flex;overflow:hidden}.skills-main[data-v-de212856]{flex:1;min-width:0;min-height:0;padding:16px 20px;overflow-y:auto}.empty-detail[data-v-de212856]{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:13px;display:flex}

package/dist/assets/SkillsView-CeUPV9g8.js

@@ -0,0 +1 @@
+import{A as e,C as t,E as n,H as r,K as i,O as a,S as o,T as s,W as c,Y as l,ft as u,g as d,ht as f,k as p,pt as m,st as h,v as g,w as _}from"./router--r9mOZY5.js";import{r as v,t as y}from"./_plugin-vue_export-helper-DJRCopG_.js";import{t as b}from"./Input-edKmVCeM.js";import{t as x}from"./use-message-D8bO1GLN.js";import{t as S}from"./Switch-BcUqwhfi.js";import{t as C}from"./MarkdownRenderer-Yw5JS7CE.js";import{i as w,n as T,o as E,r as D}from"./skills-C4yD0aCK.js";var O={class:`skill-list`},k={key:0,class:`skill-empty`},A=[`onClick`],j={class:`category-name`},M={class:`category-count`},N={key:0,class:`category-skills`},P=[`onClick`],F={class:`skill-info`},I={class:`skill-name`},L={key:0,class:`skill-desc`},R=y(e({__name:`SkillList`,props:{categories:{},selectedSkill:{},searchQuery:{}},emits:[`select`],setup(e,{emit:r}){let{t:a}=v(),l=x(),_=e,y=r,b=h(new Set),C=h(new Set),w=o(()=>{if(!_.searchQuery)return _.categories;let e=_.searchQuery.toLowerCase();return _.categories.map(t=>({...t,skills:t.skills.filter(t=>t.name.toLowerCase().includes(e)||t.description.toLowerCase().includes(e))})).filter(t=>t.skills.length>0||t.name.toLowerCase().includes(e))});function T(e){b.value.has(e)?b.value.delete(e):b.value.add(e)}function D(e,t){y(`select`,e,t)}async function R(e,t,n){if(!C.value.has(t)){C.value.add(t);try{await E(t,n);let r=_.categories.find(t=>t.name===e)?.skills.find(e=>e.name===t);r&&(r.enabled=n)}catch(e){l.error(a(`skills.toggleFailed`)+`: ${e.message}`)}finally{C.value.delete(t)}}}return(r,o)=>(c(),n(`div`,O,[w.value.length===0?(c(),n(`div`,k,f(e.searchQuery?u(a)(`skills.noMatch`):u(a)(`skills.noSkills`)),1)):s(``,!0),(c(!0),n(g,null,i(w.value,r=>(c(),n(`div`,{key:r.name,class:`skill-category`},[t(`button`,{class:`category-header`,onClick:e=>T(r.name)},[(c(),n(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,class:m([`category-arrow`,{collapsed:b.value.has(r.name)}])},[...o[1]||=[t(`polyline`,{points:`6 9 12 15 18 9`},null,-1)]],2)),t(`span`,j,f(r.name),1),t(`span`,M,f(r.skills.length),1)],8,A),b.value.has(r.name)?s(``,!0):(c(),n(`div`,N,[(c(!0),n(g,null,i(r.skills,i=>(c(),n(`button`,{key:i.name,class:m([`skill-item`,{active:e.selectedSkill===`${r.name}/${i.name}`}]),onClick:e=>D(r.name,i.name)},[t(`div`,F,[t(`span`,I,f(i.name),1),i.description?(c(),n(`span`,L,f(i.description),1)):s(``,!0)]),p(u(S),{size:`small`,value:i.enabled!==!1,loading:C.value.has(i.name),"onUpdate:value":e=>R(r.name,i.name,e),onClick:o[0]||=d(()=>{},[`stop`])},null,8,[`value`,`loading`,`onUpdate:value`])],10,P))),128))]))]))),128))]))}}),[[`__scopeId`,`data-v-242ac691`]]),z={class:`skill-detail`},B={class:`detail-title`},V={class:`detail-category`},H={class:`detail-name`},U={key:0,class:`detail-loading`},W={key:0,class:`detail-breadcrumb`},G={class:`breadcrumb-path`},K={class:`detail-content`},q={key:1,class:`detail-files`},J={class:`files-header`},Y={class:`files-list`},X=[`onClick`],Z=y(e({__name:`SkillDetail`,props:{category:{},skill:{}},setup(e){let{t:r}=v(),o=e,d=h(``),p=h([]),m=h(!1),y=h(``),b=h(null),x=h(!1);async function S(){m.value=!0,b.value=null,y.value=``,p.value=[],d.value=``;try{let e=`${o.category}/${o.skill}/SKILL.md`,[t,n]=await Promise.all([T(e),D(o.category,o.skill)]);d.value=t,p.value=n.filter(e=>!e.isDir&&e.path!==`SKILL.md`)}catch(e){d.value=r(`skills.loadFailed`)+`: ${e.message}`}finally{m.value=!1}}async function w(e){x.value=!0,b.value=e;try{let t=`${o.category}/${o.skill}/`,n=e;if(e.startsWith(`/`)){let t=e.split(`/.hermes/skills/`)[1];t&&(n=t.split(`/`).slice(2).join(`/`))}y.value=await T(`${t}${n}`)}catch(e){y.value=r(`skills.fileLoadFailed`)+`: ${e.message}`}finally{x.value=!1}}function E(){b.value=null,y.value=``}return l(()=>`${o.category}/${o.skill}`,S,{immediate:!0}),(o,l)=>(c(),n(`div`,z,[t(`div`,B,[t(`span`,V,f(e.category),1),l[0]||=t(`span`,{class:`detail-separator`},`/`,-1),t(`span`,H,f(e.skill),1)]),m.value&&!d.value?(c(),n(`div`,U,f(u(r)(`common.loading`)),1)):(c(),n(g,{key:1},[b.value?(c(),n(`div`,W,[t(`button`,{class:`back-btn`,onClick:E},[l[1]||=t(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`},[t(`polyline`,{points:`15 18 9 12 15 6`})],-1),a(` `+f(u(r)(`skills.backTo`))+` `+f(e.skill),1)]),t(`span`,G,f(b.value),1)])):s(``,!0),t(`div`,K,[b.value?(c(),_(C,{key:0,content:y.value},null,8,[`content`])):(c(),_(C,{key:1,content:d.value},null,8,[`content`]))]),!b.value&&p.value.length>0?(c(),n(`div`,q,[t(`div`,J,f(u(r)(`skills.attachedFiles`)),1),t(`div`,Y,[(c(!0),n(g,null,i(p.value,e=>(c(),n(`button`,{key:e.path,class:`file-item`,onClick:t=>w(e.path)},[l[2]||=t(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1.5`},[t(`path`,{d:`M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z`}),t(`polyline`,{points:`14 2 14 8 20 8`})],-1),t(`span`,null,f(e.path),1)],8,X))),128))])])):s(``,!0)],64))]))}}),[[`__scopeId`,`data-v-b84bbe48`]]),Q={class:`skills-view`},$={class:`skills-header`},ee={class:`header-title`},te={class:`skills-content`},ne={key:0,class:`skills-loading`},re={key:1,class:`skills-layout`},ie={class:`skills-sidebar`},ae={class:`skills-main`},oe={key:1,class:`empty-detail`},se=y(e({__name:`SkillsView`,setup(e){let{t:i}=v(),a=h([]),o=h(!1),s=h(``),l=h(``),d=h(``);r(m);async function m(){o.value=!0;try{a.value=await w()}catch(e){console.error(`Failed to load skills:`,e)}finally{o.value=!1}}function g(e,t){s.value=e,l.value=t}return(e,r)=>(c(),n(`div`,Q,[t(`header`,$,[t(`h2`,ee,f(u(i)(`skills.title`)),1),p(u(b),{value:d.value,"onUpdate:value":r[0]||=e=>d.value=e,placeholder:u(i)(`skills.searchPlaceholder`),size:`small`,clearable:``,class:`search-input`},null,8,[`value`,`placeholder`])]),t(`div`,te,[o.value&&a.value.length===0?(c(),n(`div`,ne,`Loading...`)):(c(),n(`div`,re,[t(`div`,ie,[p(R,{categories:a.value,"selected-skill":s.value&&l.value?`${s.value}/${l.value}`:null,"search-query":d.value,onSelect:g},null,8,[`categories`,`selected-skill`,`search-query`])]),t(`div`,ae,[s.value&&l.value?(c(),_(Z,{key:0,category:s.value,skill:l.value},null,8,[`category`,`skill`])):(c(),n(`div`,oe,[...r[1]||=[t(`svg`,{width:`48`,height:`48`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`1`,opacity:`0.2`},[t(`polygon`,{points:`12 2 2 7 12 12 22 7 12 2`}),t(`polyline`,{points:`2 17 12 22 22 17`}),t(`polyline`,{points:`2 12 12 17 22 12`})],-1),t(`span`,null,`Select a skill from the list`,-1)]]))])]))])]))}}),[[`__scopeId`,`data-v-de212856`]]);export{se as default};

package/dist/assets/Spin-COypV4Iq.js

@@ -0,0 +1,43 @@
+import{A as e,M as t,S as n,X as r,st as i,u as a}from"./router--r9mOZY5.js";import{B as o,at as s,c,dt as l,i as u,lt as d,n as f,ot as p,r as m,z as h}from"./browser-BuJOvks2.js";import{a as g,x as _}from"./Suffix-Bs0SC_yA.js";import{n as v}from"./Close-inn9RP7R.js";function y(e){let{opacityDisabled:t,heightTiny:n,heightSmall:r,heightMedium:i,heightLarge:a,heightHuge:o,primaryColor:s,fontSize:c}=e;return{fontSize:c,textColor:s,sizeTiny:n,sizeSmall:r,sizeMedium:i,sizeLarge:a,sizeHuge:o,color:s,opacitySpinning:t}}var b={name:`Spin`,common:f,self:y},x=s([s(`@keyframes spin-rotate`,`
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ `),p(`spin-container`,`
+ position: relative;
+ `,[p(`spin-body`,`
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ `,[g()])]),p(`spin-body`,`
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ `),p(`spin`,`
+ display: inline-flex;
+ height: var(--n-size);
+ width: var(--n-size);
+ font-size: var(--n-size);
+ color: var(--n-color);
+ `,[d(`rotate`,`
+ animation: spin-rotate 2s linear infinite;
+ `)]),p(`spin-description`,`
+ display: inline-block;
+ font-size: var(--n-font-size);
+ color: var(--n-text-color);
+ transition: color .3s var(--n-bezier);
+ margin-top: 8px;
+ `),p(`spin-content`,`
+ opacity: 1;
+ transition: opacity .3s var(--n-bezier);
+ pointer-events: all;
+ `,[d(`spinning`,`
+ user-select: none;
+ -webkit-user-select: none;
+ pointer-events: none;
+ opacity: var(--n-opacity-spinning);
+ `)])]),S={small:20,medium:18,large:16},C=e({name:`Spin`,props:Object.assign(Object.assign(Object.assign({},c.props),{contentClass:String,contentStyle:[Object,String],description:String,size:{type:[String,Number],default:`medium`},show:{type:Boolean,default:!0},rotate:{type:Boolean,default:!0},spinning:{type:Boolean,validator:()=>!0,default:void 0},delay:Number}),u),slots:Object,setup(e){let{mergedClsPrefixRef:t,inlineThemeDisabled:a}=o(e),s=c(`Spin`,`-spin`,x,b,e,t),u=n(()=>{let{size:t}=e,{common:{cubicBezierEaseInOut:n},self:r}=s.value,{opacitySpinning:i,color:a,textColor:o}=r;return{"--n-bezier":n,"--n-opacity-spinning":i,"--n-size":typeof t==`number`?_(t):r[l(`size`,t)],"--n-color":a,"--n-text-color":o}}),d=a?h(`spin`,n(()=>{let{size:t}=e;return typeof t==`number`?String(t):t[0]}),u,e):void 0,f=v(e,[`spinning`,`show`]),p=i(!1);return r(t=>{let n;if(f.value){let{delay:r}=e;if(r){n=window.setTimeout(()=>{p.value=!0},r),t(()=>{clearTimeout(n)});return}}p.value=f.value}),{mergedClsPrefix:t,active:p,mergedStrokeWidth:n(()=>{let{strokeWidth:t}=e;if(t!==void 0)return t;let{size:n}=e;return S[typeof n==`number`?`medium`:n]}),cssVars:a?void 0:u,themeClass:d?.themeClass,onRender:d?.onRender}},render(){var e;let{$slots:n,mergedClsPrefix:r,description:i}=this,o=n.icon&&this.rotate,s=(i||n.description)&&t(`div`,{class:`${r}-spin-description`},i||n.description?.call(n)),c=n.icon?t(`div`,{class:[`${r}-spin-body`,this.themeClass]},t(`div`,{class:[`${r}-spin`,o&&`${r}-spin--rotate`],style:n.default?``:this.cssVars},n.icon()),s):t(`div`,{class:[`${r}-spin-body`,this.themeClass]},t(m,{clsPrefix:r,style:n.default?``:this.cssVars,stroke:this.stroke,"stroke-width":this.mergedStrokeWidth,radius:this.radius,scale:this.scale,class:`${r}-spin`}),s);return(e=this.onRender)==null||e.call(this),n.default?t(`div`,{class:[`${r}-spin-container`,this.themeClass],style:this.cssVars},t(`div`,{class:[`${r}-spin-content`,this.active&&`${r}-spin-content--spinning`,this.contentClass],style:this.contentStyle},n),t(a,{name:`fade-in-transition`},{default:()=>this.active?c:null})):c}});export{C as t};