coding-tool-x 3.9.0 → 3.9.1

package/dist/web/assets/{useResponsiveDrawer-Ckgj760z.js → useResponsiveDrawer-C-UacYVP.js}

@@ -1 +1 @@
-import{F as e,I as t,It as n,Jt as r,N as o,Nt as i,Qt as a,Rt as s,Tt as l,Ut as d,Wt as c,Zt as u,gn as h,gt as m,hn as v,ht as b,jt as f,kt as p,qt as g,vn as w,w as y,y as z,yn as $,zt as x}from"./_plugin-vue_export-helper-BeLZJZij.js";import{A as S,F as k,G as C,H as E,M as B,N as F,Q as M,V as R,Z as H,b as O,dt as W,f as A,l as T,st as D,tt as N,z as P}from"./vue-vendor-BqZbbXHA.js";import{n as U,t as j}from"./use-lock-html-scroll-DXIqmUW4.js";import{W as L}from"./index-BFqnddoI.js";var I=S({name:"NDrawerContent",inheritAttrs:!1,props:{blockScroll:Boolean,show:{type:Boolean,default:void 0},displayDirective:{type:String,required:!0},placement:{type:String,required:!0},contentClass:String,contentStyle:[Object,String],nativeScrollbar:{type:Boolean,required:!0},scrollbarProps:Object,trapFocus:{type:Boolean,default:!0},autoFocus:{type:Boolean,default:!0},showMask:{type:[Boolean,String],required:!0},maxWidth:Number,maxHeight:Number,minWidth:Number,minHeight:Number,resizable:Boolean,onClickoutside:Function,onAfterLeave:Function,onAfterEnter:Function,onEsc:Function},setup(e){const n=D(!!e.show),o=D(null),i=F(r);let a=0,s="",l=null;const u=D(!1),h=D(!1),v=O(()=>"top"===e.placement||"bottom"===e.placement),{mergedClsPrefixRef:b,mergedRtlRef:f}=m(e),p=t("Drawer",f,b),w=S,{doUpdateHeight:y,doUpdateWidth:z}=i;function $(t){var n,r;if(h.value)if(v.value){let r=(null===(n=o.value)||void 0===n?void 0:n.offsetHeight)||0;const i=a-t.clientY;r+="bottom"===e.placement?i:-i,r=(t=>{const{maxHeight:n}=e;if(n&&t>n)return n;const{minHeight:r}=e;return r&&t<r?r:t})(r),y(r),a=t.clientY}else{let n=(null===(r=o.value)||void 0===r?void 0:r.offsetWidth)||0;const i=a-t.clientX;n+="right"===e.placement?i:-i,n=(t=>{const{maxWidth:n}=e;if(n&&t>n)return n;const{minWidth:r}=e;return r&&t<r?r:t})(n),z(n),a=t.clientX}}function S(){h.value&&(a=0,h.value=!1,document.body.style.cursor=s,document.body.removeEventListener("mousemove",$),document.body.removeEventListener("mouseup",S),document.body.removeEventListener("mouseleave",w))}M(()=>{e.show&&(n.value=!0)}),H(()=>e.show,e=>{e||S()}),P(()=>{S()});const k=O(()=>{const{show:t}=e,n=[[A,t]];return e.showMask||n.push([x,e.onClickoutside,void 0,{capture:!0}]),n});return j(O(()=>e.blockScroll&&n.value)),C(g,o),C(d,null),C(c,null),{bodyRef:o,rtlEnabled:p,mergedClsPrefix:i.mergedClsPrefixRef,isMounted:i.isMountedRef,mergedTheme:i.mergedThemeRef,displayed:n,transitionName:O(()=>({right:"slide-in-from-right-transition",left:"slide-in-from-left-transition",top:"slide-in-from-top-transition",bottom:"slide-in-from-bottom-transition"}[e.placement])),handleAfterLeave:function(){var t;n.value=!1,null===(t=e.onAfterLeave)||void 0===t||t.call(e)},bodyDirectives:k,handleMousedownResizeTrigger:e=>{h.value=!0,a=v.value?e.clientY:e.clientX,s=document.body.style.cursor,document.body.style.cursor=v.value?"ns-resize":"ew-resize",document.body.addEventListener("mousemove",$),document.body.addEventListener("mouseleave",w),document.body.addEventListener("mouseup",S)},handleMouseenterResizeTrigger:()=>{null!==l&&(window.clearTimeout(l),l=null),h.value?u.value=!0:l=window.setTimeout(()=>{u.value=!0},300)},handleMouseleaveResizeTrigger:()=>{null!==l&&(window.clearTimeout(l),l=null),u.value=!1},isDragging:h,isHoverOnResizeTrigger:u}},render(){const{$slots:e,mergedClsPrefix:t}=this;return"show"===this.displayDirective||this.displayed||this.show?N(B("div",{role:"none"},B(i,{disabled:!this.showMask||!this.trapFocus,active:this.show,autoFocus:this.autoFocus,onEsc:this.onEsc},{default:()=>B(T,{name:this.transitionName,appear:this.isMounted,onAfterEnter:this.onAfterEnter,onAfterLeave:this.handleAfterLeave},{default:()=>N(B("div",k(this.$attrs,{role:"dialog",ref:"bodyRef","aria-modal":"true",class:[`${t}-drawer`,this.rtlEnabled&&`${t}-drawer--rtl`,`${t}-drawer--${this.placement}-placement`,this.isDragging&&`${t}-drawer--unselectable`,this.nativeScrollbar&&`${t}-drawer--native-scrollbar`]}),[this.resizable?B("div",{class:[`${t}-drawer__resize-trigger`,(this.isDragging||this.isHoverOnResizeTrigger)&&`${t}-drawer__resize-trigger--hover`],onMouseenter:this.handleMouseenterResizeTrigger,onMouseleave:this.handleMouseleaveResizeTrigger,onMousedown:this.handleMousedownResizeTrigger}):null,this.nativeScrollbar?B("div",{class:[`${t}-drawer-content-wrapper`,this.contentClass],style:this.contentStyle,role:"none"},e):B(z,Object.assign({},this.scrollbarProps,{contentStyle:this.contentStyle,contentClass:[`${t}-drawer-content-wrapper`,this.contentClass],theme:this.mergedTheme.peers.Scrollbar,themeOverrides:this.mergedTheme.peerOverrides.Scrollbar}),e)]),this.bodyDirectives)})})),[[A,"if"===this.displayDirective||this.displayed||this.show]]):null}}),{cubicBezierEaseIn:X,cubicBezierEaseOut:Y}=e;var{cubicBezierEaseIn:_,cubicBezierEaseOut:q}=e;var{cubicBezierEaseIn:V,cubicBezierEaseOut:Q}=e;var{cubicBezierEaseIn:Z,cubicBezierEaseOut:G}=e;var J=v([h("drawer","\n word-break: break-word;\n line-height: var(--n-line-height);\n position: absolute;\n pointer-events: all;\n box-shadow: var(--n-box-shadow);\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n background-color: var(--n-color);\n color: var(--n-text-color);\n box-sizing: border-box;\n ",[function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-right"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${V}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${Q}`}),v(`&.${n}-transition-enter-to`,{transform:"translateX(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateX(100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateX(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateX(100%)"})]}(),function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-left"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${_}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${q}`}),v(`&.${n}-transition-enter-to`,{transform:"translateX(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateX(-100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateX(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateX(-100%)"})]}(),function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-top"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${Z}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${G}`}),v(`&.${n}-transition-enter-to`,{transform:"translateY(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateY(-100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateY(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateY(-100%)"})]}(),function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-bottom"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${X}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${Y}`}),v(`&.${n}-transition-enter-to`,{transform:"translateY(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateY(100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateY(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateY(100%)"})]}(),$("unselectable","\n user-select: none; \n -webkit-user-select: none;\n "),$("native-scrollbar",[h("drawer-content-wrapper","\n overflow: auto;\n height: 100%;\n ")]),w("resize-trigger","\n position: absolute;\n background-color: #0000;\n transition: background-color .3s var(--n-bezier);\n ",[$("hover","\n background-color: var(--n-resize-trigger-color-hover);\n ")]),h("drawer-content-wrapper","\n box-sizing: border-box;\n "),h("drawer-content","\n height: 100%;\n display: flex;\n flex-direction: column;\n ",[$("native-scrollbar",[h("drawer-body-content-wrapper","\n height: 100%;\n overflow: auto;\n ")]),h("drawer-body","\n flex: 1 0 0;\n overflow: hidden;\n "),h("drawer-body-content-wrapper","\n box-sizing: border-box;\n padding: var(--n-body-padding);\n "),h("drawer-header","\n font-weight: var(--n-title-font-weight);\n line-height: 1;\n font-size: var(--n-title-font-size);\n color: var(--n-title-text-color);\n padding: var(--n-header-padding);\n transition: border .3s var(--n-bezier);\n border-bottom: 1px solid var(--n-divider-color);\n border-bottom: var(--n-header-border-bottom);\n display: flex;\n justify-content: space-between;\n align-items: center;\n ",[w("main","\n flex: 1;\n "),w("close","\n margin-left: 6px;\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n ")]),h("drawer-footer","\n display: flex;\n justify-content: flex-end;\n border-top: var(--n-footer-border-top);\n transition: border .3s var(--n-bezier);\n padding: var(--n-footer-padding);\n ")]),$("right-placement","\n top: 0;\n bottom: 0;\n right: 0;\n border-top-left-radius: var(--n-border-radius);\n border-bottom-left-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 3px;\n height: 100%;\n top: 0;\n left: 0;\n transform: translateX(-1.5px);\n cursor: ew-resize;\n ")]),$("left-placement","\n top: 0;\n bottom: 0;\n left: 0;\n border-top-right-radius: var(--n-border-radius);\n border-bottom-right-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 3px;\n height: 100%;\n top: 0;\n right: 0;\n transform: translateX(1.5px);\n cursor: ew-resize;\n ")]),$("top-placement","\n top: 0;\n left: 0;\n right: 0;\n border-bottom-left-radius: var(--n-border-radius);\n border-bottom-right-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n transform: translateY(1.5px);\n cursor: ns-resize;\n ")]),$("bottom-placement","\n left: 0;\n bottom: 0;\n right: 0;\n border-top-left-radius: var(--n-border-radius);\n border-top-right-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 100%;\n height: 3px;\n top: 0;\n left: 0;\n transform: translateY(-1.5px);\n cursor: ns-resize;\n ")])]),v("body",[v(">",[h("drawer-container","\n position: fixed;\n ")])]),h("drawer-container","\n position: relative;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n ",[v("> *","\n pointer-events: all;\n ")]),h("drawer-mask","\n background-color: rgba(0, 0, 0, .3);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n ",[$("invisible","\n background-color: rgba(0, 0, 0, 0)\n "),y({enterDuration:"0.2s",leaveDuration:"0.2s",enterCubicBezier:"var(--n-bezier-in)",leaveCubicBezier:"var(--n-bezier-out)"})])]),K=S({name:"Drawer",inheritAttrs:!1,props:Object.assign(Object.assign({},o.props),{show:Boolean,width:[Number,String],height:[Number,String],placement:{type:String,default:"right"},maskClosable:{type:Boolean,default:!0},showMask:{type:[Boolean,String],default:!0},to:[String,Object],displayDirective:{type:String,default:"if"},nativeScrollbar:{type:Boolean,default:!0},zIndex:Number,onMaskClick:Function,scrollbarProps:Object,contentClass:String,contentStyle:[Object,String],trapFocus:{type:Boolean,default:!0},onEsc:Function,autoFocus:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},blockScroll:{type:Boolean,default:!0},maxWidth:Number,maxHeight:Number,minWidth:Number,minHeight:Number,resizable:Boolean,defaultWidth:{type:[Number,String],default:251},defaultHeight:{type:[Number,String],default:251},onUpdateWidth:[Function,Array],onUpdateHeight:[Function,Array],"onUpdate:width":[Function,Array],"onUpdate:height":[Function,Array],"onUpdate:show":[Function,Array],onUpdateShow:[Function,Array],onAfterEnter:Function,onAfterLeave:Function,drawerStyle:[String,Object],drawerClass:String,target:null,onShow:Function,onHide:Function}),setup(e){const{mergedClsPrefixRef:t,namespaceRef:n,inlineThemeDisabled:i}=m(e),s=u(),d=o("Drawer","-drawer",J,L,e,t),c=D(e.defaultWidth),h=D(e.defaultHeight),v=a(W(e,"width"),c),g=a(W(e,"height"),h),w=O(()=>{const{placement:t}=e;return"top"===t||"bottom"===t?"":f(v.value)}),y=O(()=>{const{placement:t}=e;return"left"===t||"right"===t?"":f(g.value)}),z=O(()=>[{width:w.value,height:y.value},e.drawerStyle||""]);function $(t){const{onMaskClick:n,maskClosable:r}=e;r&&S(!1),n&&n(t)}const x=U();function S(t){const{onHide:n,onUpdateShow:r,"onUpdate:show":o}=e;r&&l(r,t),o&&l(o,t),n&&!t&&l(n,t)}C(r,{isMountedRef:s,mergedThemeRef:d,mergedClsPrefixRef:t,doUpdateShow:S,doUpdateHeight:t=>{const{onUpdateHeight:n,"onUpdate:width":r}=e;n&&l(n,t),r&&l(r,t),h.value=t},doUpdateWidth:t=>{const{onUpdateWidth:n,"onUpdate:width":r}=e;n&&l(n,t),r&&l(r,t),c.value=t}});const k=O(()=>{const{common:{cubicBezierEaseInOut:e,cubicBezierEaseIn:t,cubicBezierEaseOut:n},self:{color:r,textColor:o,boxShadow:i,lineHeight:a,headerPadding:s,footerPadding:l,borderRadius:c,bodyPadding:u,titleFontSize:h,titleTextColor:m,titleFontWeight:v,headerBorderBottom:b,footerBorderTop:f,closeIconColor:p,closeIconColorHover:g,closeIconColorPressed:w,closeColorHover:y,closeColorPressed:z,closeIconSize:$,closeSize:x,closeBorderRadius:S,resizableTriggerColorHover:k}}=d.value;return{"--n-line-height":a,"--n-color":r,"--n-border-radius":c,"--n-text-color":o,"--n-box-shadow":i,"--n-bezier":e,"--n-bezier-out":n,"--n-bezier-in":t,"--n-header-padding":s,"--n-body-padding":u,"--n-footer-padding":l,"--n-title-text-color":m,"--n-title-font-size":h,"--n-title-font-weight":v,"--n-header-border-bottom":b,"--n-footer-border-top":f,"--n-close-icon-color":p,"--n-close-icon-color-hover":g,"--n-close-icon-color-pressed":w,"--n-close-size":x,"--n-close-color-hover":y,"--n-close-color-pressed":z,"--n-close-icon-size":$,"--n-close-border-radius":S,"--n-resize-trigger-color-hover":k}}),E=i?b("drawer",void 0,k,e):void 0;return{mergedClsPrefix:t,namespace:n,mergedBodyStyle:z,handleOutsideClick:function(e){$(e)},handleMaskClick:$,handleEsc:function(t){var n;null===(n=e.onEsc)||void 0===n||n.call(e),e.show&&e.closeOnEsc&&p(t)&&(x.value||S(!1))},mergedTheme:d,cssVars:i?void 0:k,themeClass:null==E?void 0:E.themeClass,onRender:null==E?void 0:E.onRender,isMounted:s}},render(){const{mergedClsPrefix:e}=this;return B(n,{to:this.to,show:this.show},{default:()=>{var t;return null===(t=this.onRender)||void 0===t||t.call(this),N(B("div",{class:[`${e}-drawer-container`,this.namespace,this.themeClass],style:this.cssVars,role:"none"},this.showMask?B(T,{name:"fade-in-transition",appear:this.isMounted},{default:()=>this.show?B("div",{"aria-hidden":!0,class:[`${e}-drawer-mask`,"transparent"===this.showMask&&`${e}-drawer-mask--invisible`],onClick:this.handleMaskClick}):null}):null,B(I,Object.assign({},this.$attrs,{class:[this.drawerClass,this.$attrs.class],style:[this.mergedBodyStyle,this.$attrs.style],blockScroll:this.blockScroll,contentStyle:this.contentStyle,contentClass:this.contentClass,placement:this.placement,scrollbarProps:this.scrollbarProps,show:this.show,displayDirective:this.displayDirective,nativeScrollbar:this.nativeScrollbar,onAfterEnter:this.onAfterEnter,onAfterLeave:this.onAfterLeave,trapFocus:this.trapFocus,autoFocus:this.autoFocus,resizable:this.resizable,maxHeight:this.maxHeight,minHeight:this.minHeight,maxWidth:this.maxWidth,minWidth:this.minWidth,showMask:this.showMask,onEsc:this.handleEsc,onClickoutside:this.handleOutsideClick}),this.$slots)),[[s,{zIndex:this.zIndex,enabled:this.show}]])}})}});function ee(e=520,t=null){const n=D("undefined"!=typeof window?window.innerWidth:1200),r=()=>{n.value=window.innerWidth};R(()=>{window.addEventListener("resize",r)}),E(()=>{window.removeEventListener("resize",r)});const o=O(()=>n.value<640),i=O(()=>n.value>=640&&n.value<1024);return{drawerWidth:O(()=>{if(n.value<640)return"100%";if(n.value<768)return Math.min(.95*n.value,e);if(n.value<1024){const r=t||e;return Math.min(.85*n.value,r)}return e}),isMobile:o,isTablet:i,windowWidth:n}}export{K as n,ee as t};
+import{F as e,I as t,It as n,Jt as r,N as o,Nt as i,Qt as a,Rt as s,Tt as l,Ut as d,Wt as c,Zt as u,gn as h,gt as m,hn as v,ht as b,jt as f,kt as p,qt as g,vn as w,w as y,y as z,yn as $,zt as x}from"./_plugin-vue_export-helper-BeLZJZij.js";import{A as S,F as k,G as C,H as E,M as B,N as F,Q as M,V as R,Z as H,b as O,dt as W,f as A,l as T,st as D,tt as N,z as P}from"./vue-vendor-BqZbbXHA.js";import{n as U,t as j}from"./use-lock-html-scroll-DXIqmUW4.js";import{W as L}from"./index-Bw6YXbBA.js";var I=S({name:"NDrawerContent",inheritAttrs:!1,props:{blockScroll:Boolean,show:{type:Boolean,default:void 0},displayDirective:{type:String,required:!0},placement:{type:String,required:!0},contentClass:String,contentStyle:[Object,String],nativeScrollbar:{type:Boolean,required:!0},scrollbarProps:Object,trapFocus:{type:Boolean,default:!0},autoFocus:{type:Boolean,default:!0},showMask:{type:[Boolean,String],required:!0},maxWidth:Number,maxHeight:Number,minWidth:Number,minHeight:Number,resizable:Boolean,onClickoutside:Function,onAfterLeave:Function,onAfterEnter:Function,onEsc:Function},setup(e){const n=D(!!e.show),o=D(null),i=F(r);let a=0,s="",l=null;const u=D(!1),h=D(!1),v=O(()=>"top"===e.placement||"bottom"===e.placement),{mergedClsPrefixRef:b,mergedRtlRef:f}=m(e),p=t("Drawer",f,b),w=S,{doUpdateHeight:y,doUpdateWidth:z}=i;function $(t){var n,r;if(h.value)if(v.value){let r=(null===(n=o.value)||void 0===n?void 0:n.offsetHeight)||0;const i=a-t.clientY;r+="bottom"===e.placement?i:-i,r=(t=>{const{maxHeight:n}=e;if(n&&t>n)return n;const{minHeight:r}=e;return r&&t<r?r:t})(r),y(r),a=t.clientY}else{let n=(null===(r=o.value)||void 0===r?void 0:r.offsetWidth)||0;const i=a-t.clientX;n+="right"===e.placement?i:-i,n=(t=>{const{maxWidth:n}=e;if(n&&t>n)return n;const{minWidth:r}=e;return r&&t<r?r:t})(n),z(n),a=t.clientX}}function S(){h.value&&(a=0,h.value=!1,document.body.style.cursor=s,document.body.removeEventListener("mousemove",$),document.body.removeEventListener("mouseup",S),document.body.removeEventListener("mouseleave",w))}M(()=>{e.show&&(n.value=!0)}),H(()=>e.show,e=>{e||S()}),P(()=>{S()});const k=O(()=>{const{show:t}=e,n=[[A,t]];return e.showMask||n.push([x,e.onClickoutside,void 0,{capture:!0}]),n});return j(O(()=>e.blockScroll&&n.value)),C(g,o),C(d,null),C(c,null),{bodyRef:o,rtlEnabled:p,mergedClsPrefix:i.mergedClsPrefixRef,isMounted:i.isMountedRef,mergedTheme:i.mergedThemeRef,displayed:n,transitionName:O(()=>({right:"slide-in-from-right-transition",left:"slide-in-from-left-transition",top:"slide-in-from-top-transition",bottom:"slide-in-from-bottom-transition"}[e.placement])),handleAfterLeave:function(){var t;n.value=!1,null===(t=e.onAfterLeave)||void 0===t||t.call(e)},bodyDirectives:k,handleMousedownResizeTrigger:e=>{h.value=!0,a=v.value?e.clientY:e.clientX,s=document.body.style.cursor,document.body.style.cursor=v.value?"ns-resize":"ew-resize",document.body.addEventListener("mousemove",$),document.body.addEventListener("mouseleave",w),document.body.addEventListener("mouseup",S)},handleMouseenterResizeTrigger:()=>{null!==l&&(window.clearTimeout(l),l=null),h.value?u.value=!0:l=window.setTimeout(()=>{u.value=!0},300)},handleMouseleaveResizeTrigger:()=>{null!==l&&(window.clearTimeout(l),l=null),u.value=!1},isDragging:h,isHoverOnResizeTrigger:u}},render(){const{$slots:e,mergedClsPrefix:t}=this;return"show"===this.displayDirective||this.displayed||this.show?N(B("div",{role:"none"},B(i,{disabled:!this.showMask||!this.trapFocus,active:this.show,autoFocus:this.autoFocus,onEsc:this.onEsc},{default:()=>B(T,{name:this.transitionName,appear:this.isMounted,onAfterEnter:this.onAfterEnter,onAfterLeave:this.handleAfterLeave},{default:()=>N(B("div",k(this.$attrs,{role:"dialog",ref:"bodyRef","aria-modal":"true",class:[`${t}-drawer`,this.rtlEnabled&&`${t}-drawer--rtl`,`${t}-drawer--${this.placement}-placement`,this.isDragging&&`${t}-drawer--unselectable`,this.nativeScrollbar&&`${t}-drawer--native-scrollbar`]}),[this.resizable?B("div",{class:[`${t}-drawer__resize-trigger`,(this.isDragging||this.isHoverOnResizeTrigger)&&`${t}-drawer__resize-trigger--hover`],onMouseenter:this.handleMouseenterResizeTrigger,onMouseleave:this.handleMouseleaveResizeTrigger,onMousedown:this.handleMousedownResizeTrigger}):null,this.nativeScrollbar?B("div",{class:[`${t}-drawer-content-wrapper`,this.contentClass],style:this.contentStyle,role:"none"},e):B(z,Object.assign({},this.scrollbarProps,{contentStyle:this.contentStyle,contentClass:[`${t}-drawer-content-wrapper`,this.contentClass],theme:this.mergedTheme.peers.Scrollbar,themeOverrides:this.mergedTheme.peerOverrides.Scrollbar}),e)]),this.bodyDirectives)})})),[[A,"if"===this.displayDirective||this.displayed||this.show]]):null}}),{cubicBezierEaseIn:X,cubicBezierEaseOut:Y}=e;var{cubicBezierEaseIn:_,cubicBezierEaseOut:q}=e;var{cubicBezierEaseIn:V,cubicBezierEaseOut:Q}=e;var{cubicBezierEaseIn:Z,cubicBezierEaseOut:G}=e;var J=v([h("drawer","\n word-break: break-word;\n line-height: var(--n-line-height);\n position: absolute;\n pointer-events: all;\n box-shadow: var(--n-box-shadow);\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n background-color: var(--n-color);\n color: var(--n-text-color);\n box-sizing: border-box;\n ",[function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-right"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${V}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${Q}`}),v(`&.${n}-transition-enter-to`,{transform:"translateX(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateX(100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateX(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateX(100%)"})]}(),function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-left"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${_}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${q}`}),v(`&.${n}-transition-enter-to`,{transform:"translateX(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateX(-100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateX(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateX(-100%)"})]}(),function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-top"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${Z}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${G}`}),v(`&.${n}-transition-enter-to`,{transform:"translateY(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateY(-100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateY(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateY(-100%)"})]}(),function({duration:e="0.3s",leaveDuration:t="0.2s",name:n="slide-in-from-bottom"}={}){return[v(`&.${n}-transition-leave-active`,{transition:`transform ${t} ${X}`}),v(`&.${n}-transition-enter-active`,{transition:`transform ${e} ${Y}`}),v(`&.${n}-transition-enter-to`,{transform:"translateY(0)"}),v(`&.${n}-transition-enter-from`,{transform:"translateY(100%)"}),v(`&.${n}-transition-leave-from`,{transform:"translateY(0)"}),v(`&.${n}-transition-leave-to`,{transform:"translateY(100%)"})]}(),$("unselectable","\n user-select: none; \n -webkit-user-select: none;\n "),$("native-scrollbar",[h("drawer-content-wrapper","\n overflow: auto;\n height: 100%;\n ")]),w("resize-trigger","\n position: absolute;\n background-color: #0000;\n transition: background-color .3s var(--n-bezier);\n ",[$("hover","\n background-color: var(--n-resize-trigger-color-hover);\n ")]),h("drawer-content-wrapper","\n box-sizing: border-box;\n "),h("drawer-content","\n height: 100%;\n display: flex;\n flex-direction: column;\n ",[$("native-scrollbar",[h("drawer-body-content-wrapper","\n height: 100%;\n overflow: auto;\n ")]),h("drawer-body","\n flex: 1 0 0;\n overflow: hidden;\n "),h("drawer-body-content-wrapper","\n box-sizing: border-box;\n padding: var(--n-body-padding);\n "),h("drawer-header","\n font-weight: var(--n-title-font-weight);\n line-height: 1;\n font-size: var(--n-title-font-size);\n color: var(--n-title-text-color);\n padding: var(--n-header-padding);\n transition: border .3s var(--n-bezier);\n border-bottom: 1px solid var(--n-divider-color);\n border-bottom: var(--n-header-border-bottom);\n display: flex;\n justify-content: space-between;\n align-items: center;\n ",[w("main","\n flex: 1;\n "),w("close","\n margin-left: 6px;\n transition:\n background-color .3s var(--n-bezier),\n color .3s var(--n-bezier);\n ")]),h("drawer-footer","\n display: flex;\n justify-content: flex-end;\n border-top: var(--n-footer-border-top);\n transition: border .3s var(--n-bezier);\n padding: var(--n-footer-padding);\n ")]),$("right-placement","\n top: 0;\n bottom: 0;\n right: 0;\n border-top-left-radius: var(--n-border-radius);\n border-bottom-left-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 3px;\n height: 100%;\n top: 0;\n left: 0;\n transform: translateX(-1.5px);\n cursor: ew-resize;\n ")]),$("left-placement","\n top: 0;\n bottom: 0;\n left: 0;\n border-top-right-radius: var(--n-border-radius);\n border-bottom-right-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 3px;\n height: 100%;\n top: 0;\n right: 0;\n transform: translateX(1.5px);\n cursor: ew-resize;\n ")]),$("top-placement","\n top: 0;\n left: 0;\n right: 0;\n border-bottom-left-radius: var(--n-border-radius);\n border-bottom-right-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n transform: translateY(1.5px);\n cursor: ns-resize;\n ")]),$("bottom-placement","\n left: 0;\n bottom: 0;\n right: 0;\n border-top-left-radius: var(--n-border-radius);\n border-top-right-radius: var(--n-border-radius);\n ",[w("resize-trigger","\n width: 100%;\n height: 3px;\n top: 0;\n left: 0;\n transform: translateY(-1.5px);\n cursor: ns-resize;\n ")])]),v("body",[v(">",[h("drawer-container","\n position: fixed;\n ")])]),h("drawer-container","\n position: relative;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n ",[v("> *","\n pointer-events: all;\n ")]),h("drawer-mask","\n background-color: rgba(0, 0, 0, .3);\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n ",[$("invisible","\n background-color: rgba(0, 0, 0, 0)\n "),y({enterDuration:"0.2s",leaveDuration:"0.2s",enterCubicBezier:"var(--n-bezier-in)",leaveCubicBezier:"var(--n-bezier-out)"})])]),K=S({name:"Drawer",inheritAttrs:!1,props:Object.assign(Object.assign({},o.props),{show:Boolean,width:[Number,String],height:[Number,String],placement:{type:String,default:"right"},maskClosable:{type:Boolean,default:!0},showMask:{type:[Boolean,String],default:!0},to:[String,Object],displayDirective:{type:String,default:"if"},nativeScrollbar:{type:Boolean,default:!0},zIndex:Number,onMaskClick:Function,scrollbarProps:Object,contentClass:String,contentStyle:[Object,String],trapFocus:{type:Boolean,default:!0},onEsc:Function,autoFocus:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},blockScroll:{type:Boolean,default:!0},maxWidth:Number,maxHeight:Number,minWidth:Number,minHeight:Number,resizable:Boolean,defaultWidth:{type:[Number,String],default:251},defaultHeight:{type:[Number,String],default:251},onUpdateWidth:[Function,Array],onUpdateHeight:[Function,Array],"onUpdate:width":[Function,Array],"onUpdate:height":[Function,Array],"onUpdate:show":[Function,Array],onUpdateShow:[Function,Array],onAfterEnter:Function,onAfterLeave:Function,drawerStyle:[String,Object],drawerClass:String,target:null,onShow:Function,onHide:Function}),setup(e){const{mergedClsPrefixRef:t,namespaceRef:n,inlineThemeDisabled:i}=m(e),s=u(),d=o("Drawer","-drawer",J,L,e,t),c=D(e.defaultWidth),h=D(e.defaultHeight),v=a(W(e,"width"),c),g=a(W(e,"height"),h),w=O(()=>{const{placement:t}=e;return"top"===t||"bottom"===t?"":f(v.value)}),y=O(()=>{const{placement:t}=e;return"left"===t||"right"===t?"":f(g.value)}),z=O(()=>[{width:w.value,height:y.value},e.drawerStyle||""]);function $(t){const{onMaskClick:n,maskClosable:r}=e;r&&S(!1),n&&n(t)}const x=U();function S(t){const{onHide:n,onUpdateShow:r,"onUpdate:show":o}=e;r&&l(r,t),o&&l(o,t),n&&!t&&l(n,t)}C(r,{isMountedRef:s,mergedThemeRef:d,mergedClsPrefixRef:t,doUpdateShow:S,doUpdateHeight:t=>{const{onUpdateHeight:n,"onUpdate:width":r}=e;n&&l(n,t),r&&l(r,t),h.value=t},doUpdateWidth:t=>{const{onUpdateWidth:n,"onUpdate:width":r}=e;n&&l(n,t),r&&l(r,t),c.value=t}});const k=O(()=>{const{common:{cubicBezierEaseInOut:e,cubicBezierEaseIn:t,cubicBezierEaseOut:n},self:{color:r,textColor:o,boxShadow:i,lineHeight:a,headerPadding:s,footerPadding:l,borderRadius:c,bodyPadding:u,titleFontSize:h,titleTextColor:m,titleFontWeight:v,headerBorderBottom:b,footerBorderTop:f,closeIconColor:p,closeIconColorHover:g,closeIconColorPressed:w,closeColorHover:y,closeColorPressed:z,closeIconSize:$,closeSize:x,closeBorderRadius:S,resizableTriggerColorHover:k}}=d.value;return{"--n-line-height":a,"--n-color":r,"--n-border-radius":c,"--n-text-color":o,"--n-box-shadow":i,"--n-bezier":e,"--n-bezier-out":n,"--n-bezier-in":t,"--n-header-padding":s,"--n-body-padding":u,"--n-footer-padding":l,"--n-title-text-color":m,"--n-title-font-size":h,"--n-title-font-weight":v,"--n-header-border-bottom":b,"--n-footer-border-top":f,"--n-close-icon-color":p,"--n-close-icon-color-hover":g,"--n-close-icon-color-pressed":w,"--n-close-size":x,"--n-close-color-hover":y,"--n-close-color-pressed":z,"--n-close-icon-size":$,"--n-close-border-radius":S,"--n-resize-trigger-color-hover":k}}),E=i?b("drawer",void 0,k,e):void 0;return{mergedClsPrefix:t,namespace:n,mergedBodyStyle:z,handleOutsideClick:function(e){$(e)},handleMaskClick:$,handleEsc:function(t){var n;null===(n=e.onEsc)||void 0===n||n.call(e),e.show&&e.closeOnEsc&&p(t)&&(x.value||S(!1))},mergedTheme:d,cssVars:i?void 0:k,themeClass:null==E?void 0:E.themeClass,onRender:null==E?void 0:E.onRender,isMounted:s}},render(){const{mergedClsPrefix:e}=this;return B(n,{to:this.to,show:this.show},{default:()=>{var t;return null===(t=this.onRender)||void 0===t||t.call(this),N(B("div",{class:[`${e}-drawer-container`,this.namespace,this.themeClass],style:this.cssVars,role:"none"},this.showMask?B(T,{name:"fade-in-transition",appear:this.isMounted},{default:()=>this.show?B("div",{"aria-hidden":!0,class:[`${e}-drawer-mask`,"transparent"===this.showMask&&`${e}-drawer-mask--invisible`],onClick:this.handleMaskClick}):null}):null,B(I,Object.assign({},this.$attrs,{class:[this.drawerClass,this.$attrs.class],style:[this.mergedBodyStyle,this.$attrs.style],blockScroll:this.blockScroll,contentStyle:this.contentStyle,contentClass:this.contentClass,placement:this.placement,scrollbarProps:this.scrollbarProps,show:this.show,displayDirective:this.displayDirective,nativeScrollbar:this.nativeScrollbar,onAfterEnter:this.onAfterEnter,onAfterLeave:this.onAfterLeave,trapFocus:this.trapFocus,autoFocus:this.autoFocus,resizable:this.resizable,maxHeight:this.maxHeight,minHeight:this.minHeight,maxWidth:this.maxWidth,minWidth:this.minWidth,showMask:this.showMask,onEsc:this.handleEsc,onClickoutside:this.handleOutsideClick}),this.$slots)),[[s,{zIndex:this.zIndex,enabled:this.show}]])}})}});function ee(e=520,t=null){const n=D("undefined"!=typeof window?window.innerWidth:1200),r=()=>{n.value=window.innerWidth};R(()=>{window.addEventListener("resize",r)}),E(()=>{window.removeEventListener("resize",r)});const o=O(()=>n.value<640),i=O(()=>n.value>=640&&n.value<1024);return{drawerWidth:O(()=>{if(n.value<640)return"100%";if(n.value<768)return Math.min(.95*n.value,e);if(n.value<1024){const r=t||e;return Math.min(.85*n.value,r)}return e}),isMobile:o,isTablet:i,windowWidth:n}}export{K as n,ee as t};

package/dist/web/index.html

@@ -5,7 +5,7 @@
     <link rel="icon" href="/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>coding-tool-x · AI 编程工作台</title>
-    <script type="module" crossorigin src="/assets/index-BFqnddoI.js"></script>
+    <script type="module" crossorigin src="/assets/index-Bw6YXbBA.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vue-vendor-BqZbbXHA.js">
     <link rel="modulepreload" crossorigin href="/assets/_plugin-vue_export-helper-BeLZJZij.js">
     <link rel="modulepreload" crossorigin href="/assets/vendors-D0c_0KLP.js">
@@ -16,7 +16,7 @@
     <link rel="modulepreload" crossorigin href="/assets/use-message-DBsCm7FJ.js">
     <link rel="modulepreload" crossorigin href="/assets/use-lock-html-scroll-DXIqmUW4.js">
     <link rel="modulepreload" crossorigin href="/assets/light-C2X7hegj.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-Bn8BUnwP.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-B86H0_5y.css">
   </head>
   <body>
     <div id="app"></div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "coding-tool-x",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "description": "Vibe Coding 增强工作助手 - 智能会话管理、动态渠道切换、全局搜索、实时监控",
   "main": "src/index.js",
   "bin": {

package/src/platforms/agents-service.js

@@ -1,13 +1,14 @@
 /**
  * Agents 服务
  *
- * 管理 Claude/Codex/Gemini/OpenCode 自定义代理的 CRUD 操作
+ * 管理 Claude/Codex/Gemini/OpenCode/OMP 自定义代理的 CRUD 操作
  * 支持从 GitHub 仓库扫描和安装代理
  */
 
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
+const yaml = require('js-yaml');
 const toml = require('toml');
 const tomlStringify = require('@iarna/toml').stringify;
 const { RepoScannerBase } = require('../server/services/repo-scanner-base');
@@ -22,7 +23,7 @@ const {
   resolveInsideRoot
 } = require('../shared/config-artifact-paths');
 
-function readAgentMetadata(filePath) {
+function readAgentMetadata(filePath, platform = '') {
   const fd = fs.openSync(filePath, 'r');
   const buffer = Buffer.alloc(8192);
   const chunks = [];
@@ -36,7 +37,7 @@ function readAgentMetadata(filePath) {
       let text = Buffer.concat(chunks).toString('utf8');
       if (text.charCodeAt(0) === 0xFEFF) text = text.slice(1);
       if (total === bytesRead && !/^\s*---\s*(?:\n|$)/.test(text)) return {};
-      if (/^\s*---\s*\n[\s\S]*?\n\s*---\s*(?:\n|$)/.test(text)) return parseFrontmatter(text).frontmatter;
+      if (/^\s*---\s*\n[\s\S]*?\n\s*---\s*(?:\n|$)/.test(text)) return parseFrontmatter(text, platform).frontmatter;
     }
     return {};
   } finally {
@@ -87,6 +88,12 @@ const PLATFORM_CONFIG = {
     projectAgentsDir: (projectPath) => path.join(projectPath, '.gemini', 'agents'),
     repoType: 'gemini-agents',
     capabilities: { projectScope: true, repoOperations: true }
+  },
+  omp: {
+    userAgentsDir: path.join(NATIVE_PATHS.omp.dir, 'agents'),
+    projectAgentsDir: (projectPath) => path.join(projectPath, '.omp', 'agents'),
+    repoType: 'agents',
+    capabilities: { projectScope: true, repoOperations: true }
   }
 };
 
@@ -350,7 +357,7 @@ function readCodexAgentConfigFile(configFilePath) {
 /**
  * 解析 YAML frontmatter
  */
-function parseFrontmatter(content) {
+function parseFrontmatter(content, platform = '') {
 
   const result = {
     frontmatter: {},
@@ -369,6 +376,18 @@ function parseFrontmatter(content) {
   const frontmatterText = match[1];
   result.body = match[2].trim();
 
+  if (platform === 'omp') {
+    try {
+      const parsed = yaml.load(frontmatterText);
+      if (isPlainObject(parsed)) {
+        result.frontmatter = parsed;
+        return result;
+      }
+    } catch {
+      // Fall back to the basic parser for OMP's supported shorthand values.
+    }
+  }
+
   // 简单解析 YAML（支持基本字段）
   const lines = frontmatterText.split('\n');
   for (const line of lines) {
@@ -422,6 +441,19 @@ function readCodexTomlMetadata(filePath) {
 function generateFrontmatter(data, platform = 'claude') {
   const lines = ['---'];
 
+  if (platform === 'omp') {
+    const frontmatter = {};
+    if (data.name) frontmatter.name = data.name;
+    if (data.description) frontmatter.description = data.description;
+    if (data.tools) frontmatter.tools = data.tools;
+    if (data.model) frontmatter.model = data.model;
+    if (data.thinkingLevel) frontmatter['thinking-level'] = data.thinkingLevel;
+    if (data.spawns) frontmatter.spawns = data.spawns;
+    lines.push(yaml.dump(frontmatter, { lineWidth: 120, noRefs: true, sortKeys: false }).trimEnd());
+    lines.push('---');
+    return lines.join('\n');
+  }
+
   // Claude 下写入 name，OpenCode 以文件名作为 agent id
   if (platform !== 'opencode' && data.name) {
     lines.push(`name: ${data.name}`);
@@ -481,8 +513,10 @@ function scanAgentsDir(dir, basePath, scope) {
             path: relativePath,
             fullPath,
             description: frontmatter.description || '',
-            tools: frontmatter.tools || '',
-            model: frontmatter.model || '',
+            tools: Array.isArray(frontmatter.tools) ? frontmatter.tools.join(', ') : (frontmatter.tools || ''),
+            model: Array.isArray(frontmatter.model) ? frontmatter.model.join(', ') : (frontmatter.model || ''),
+            thinkingLevel: frontmatter.thinkingLevel || frontmatter['thinking-level'] || '',
+            spawns: Array.isArray(frontmatter.spawns) ? frontmatter.spawns.join(', ') : (frontmatter.spawns || ''),
             permissionMode: frontmatter.permissionMode || '',
             skills: frontmatter.skills || '',
             systemPrompt: body,
@@ -687,14 +721,14 @@ class AgentsService {
       this._localIndexes.set(key, new LocalResourceIndex({ key, roots: [root],
         scanFile: (descriptor) => {
           if (!descriptor.fullPath.endsWith('.md') || descriptor.relativePath.includes(path.sep)) return null;
-          const frontmatter = readAgentMetadata(descriptor.fullPath);
+          const frontmatter = readAgentMetadata(descriptor.fullPath, this.platform);
           const fileName = path.basename(descriptor.relativePath, '.md');
-          return { name: frontmatter.name || fileName, fileName, scope, path: descriptor.relativePath, fullPath: descriptor.fullPath, description: frontmatter.description || '', tools: frontmatter.tools || '', model: frontmatter.model || '', permissionMode: frontmatter.permissionMode || '', skills: frontmatter.skills || '', updatedAt: descriptor.stat.mtime.getTime() };
+          return { name: frontmatter.name || fileName, fileName, scope, path: descriptor.relativePath, fullPath: descriptor.fullPath, description: frontmatter.description || '', tools: Array.isArray(frontmatter.tools) ? frontmatter.tools.join(', ') : (frontmatter.tools || ''), model: Array.isArray(frontmatter.model) ? frontmatter.model.join(', ') : (frontmatter.model || ''), thinkingLevel: frontmatter.thinkingLevel || frontmatter['thinking-level'] || '', spawns: Array.isArray(frontmatter.spawns) ? frontmatter.spawns.join(', ') : (frontmatter.spawns || ''), permissionMode: frontmatter.permissionMode || '', skills: frontmatter.skills || '', updatedAt: descriptor.stat.mtime.getTime() };
         },
         detailFile: (summary) => {
           const content = fs.readFileSync(summary.fullPath, 'utf-8');
-          const { frontmatter, body } = parseFrontmatter(content);
-          return { systemPrompt: body, fullContent: content, updatedAt: fs.statSync(summary.fullPath).mtime.getTime(), name: frontmatter.name || summary.fileName, description: frontmatter.description || '', tools: frontmatter.tools || '', model: frontmatter.model || '', permissionMode: frontmatter.permissionMode || '', skills: frontmatter.skills || '' };
+          const { frontmatter, body } = parseFrontmatter(content, this.platform);
+          return { systemPrompt: body, fullContent: content, updatedAt: fs.statSync(summary.fullPath).mtime.getTime(), name: frontmatter.name || summary.fileName, description: frontmatter.description || '', tools: Array.isArray(frontmatter.tools) ? frontmatter.tools.join(', ') : (frontmatter.tools || ''), model: Array.isArray(frontmatter.model) ? frontmatter.model.join(', ') : (frontmatter.model || ''), thinkingLevel: frontmatter.thinkingLevel || frontmatter['thinking-level'] || '', spawns: Array.isArray(frontmatter.spawns) ? frontmatter.spawns.join(', ') : (frontmatter.spawns || ''), permissionMode: frontmatter.permissionMode || '', skills: frontmatter.skills || '' };
         }
       }));
     }
@@ -807,7 +841,7 @@ class AgentsService {
   /**
    * 创建代理
    */
-  createAgent({ fileName, scope, projectPath, name, description, tools, model, permissionMode, skills, systemPrompt, configMode, configFile, configContent }) {
+  createAgent({ fileName, scope, projectPath, name, description, tools, model, thinkingLevel, spawns, permissionMode, skills, systemPrompt, configMode, configFile, configContent }) {
     const safeFileName = assertSafeAgentFileName(fileName);
 
     if (this.platform === 'codex') {
@@ -836,6 +870,8 @@ class AgentsService {
     const frontmatterData = { name: (name || safeFileName), description };
     if (tools) frontmatterData.tools = tools;
     if (model) frontmatterData.model = model;
+    if (thinkingLevel) frontmatterData.thinkingLevel = thinkingLevel;
+    if (spawns) frontmatterData.spawns = spawns;
     if (permissionMode) frontmatterData.permissionMode = permissionMode;
     if (skills) frontmatterData.skills = skills;
 
@@ -848,7 +884,7 @@ class AgentsService {
   /**
    * 更新代理
    */
-  updateAgent({ fileName, scope, projectPath, name, description, tools, model, permissionMode, skills, systemPrompt, configMode, configFile, configContent }) {
+  updateAgent({ fileName, scope, projectPath, name, description, tools, model, thinkingLevel, spawns, permissionMode, skills, systemPrompt, configMode, configFile, configContent }) {
     const safeFileName = assertSafeAgentFileName(fileName);
 
     if (this.platform === 'codex') {
@@ -869,6 +905,8 @@ class AgentsService {
     };
     if (tools) frontmatterData.tools = tools;
     if (model) frontmatterData.model = model;
+    if (thinkingLevel) frontmatterData.thinkingLevel = thinkingLevel;
+    if (spawns) frontmatterData.spawns = spawns;
     if (permissionMode) frontmatterData.permissionMode = permissionMode;
     if (skills) frontmatterData.skills = skills;
 

package/src/platforms/drivers/omp/channels-implementation.js

@@ -24,7 +24,7 @@ const {
   upsertSyncedChannels
 } = require('../../../server/services/channel-sync-utils');
 
-const OMP_THINKING_SUFFIX_RE = /:(minimal|low|medium|high|xhigh|off)$/;
+const OMP_THINKING_SUFFIX_RE = /:(minimal|low|medium|high|xhigh|max|off)$/i;
 
 let configuredState = {
   channels: PATHS.channels?.omp,

package/src/platforms/drivers/omp/gateway.js

@@ -157,7 +157,7 @@ function extractModelId(body, contentType = '') {
 }
 
 function normalizeModelId(value) {
-  return String(value || '').trim().replace(/:(minimal|low|medium|high|xhigh|off)$/, '');
+  return String(value || '').trim().replace(/:(minimal|low|medium|high|xhigh|max|off)$/i, '');
 }
 
 function channelSupportsModel(channel, modelId) {

package/src/platforms/drivers/omp/model-role-settings.js

@@ -0,0 +1,235 @@
+'use strict';
+
+const {
+  getOmpPaths,
+  readOmpSettingsStrict,
+  readYamlFile,
+  writeOmpSettingsAtomic
+} = require('./config');
+const { getPlatformCatalog } = require('../../../server/services/platform-catalog');
+
+const OMP_MODEL_ROLE_KEYS = Object.freeze([
+  'default',
+  'smol',
+  'slow',
+  'plan',
+  'commit',
+  'vision',
+  'designer',
+  'task',
+  'advisor',
+  'tiny'
+]);
+
+const OMP_THINKING_LEVELS = new Set([
+  'minimal',
+  'low',
+  'medium',
+  'high',
+  'xhigh',
+  'max'
+]);
+
+function isPlainObject(value) {
+  return value !== null && typeof value === 'object' && !Array.isArray(value);
+}
+
+function parseModelRoleSelector(value) {
+  const selector = typeof value === 'string' ? value.trim() : '';
+  const suffix = selector.match(/:(minimal|low|medium|high|xhigh|max)$/i);
+  if (!suffix) return { model: selector, thinkingLevel: '' };
+
+  return {
+    model: selector.slice(0, -suffix[0].length),
+    thinkingLevel: suffix[1].toLowerCase()
+  };
+}
+
+function normalizeProviderId(value = '') {
+  return String(value || '')
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9_-]/g, '-')
+    .replace(/-+/g, '-')
+    .replace(/^-|-$/g, '')
+    || 'coding-tool-x';
+}
+
+function readEnabledOmpChannels() {
+  const driver = getPlatformCatalog().driver('omp', 'channels');
+  const result = driver?.getEnabled?.();
+  if (!result || result.status !== 'ok') {
+    throw new Error(result?.error || 'Unable to read enabled OMP channels');
+  }
+  const channels = Array.isArray(result.data)
+    ? result.data
+    : (Array.isArray(result.data?.channels) ? result.data.channels : []);
+  return channels.filter(channel => channel && channel.enabled !== false);
+}
+
+function modelIdFromConfig(value) {
+  const candidate = typeof value === 'string' ? value : (value?.id || value?.name || '');
+  return String(candidate || '').trim().replace(/:(minimal|low|medium|high|xhigh|max|off)$/i, '');
+}
+
+function uniqueModelIds(values = []) {
+  const seen = new Set();
+  const result = [];
+  for (const value of values) {
+    const modelId = modelIdFromConfig(value);
+    const key = modelId.toLowerCase();
+    if (!modelId || seen.has(key)) continue;
+    seen.add(key);
+    result.push(modelId);
+  }
+  return result;
+}
+
+function getManagedProviderId(channel = {}) {
+  const rawId = channel.managedProviderId
+    || channel.extra?.managedProviderId
+    || channel.providerKey
+    || channel.provider
+    || channel.name
+    || channel.id;
+  const normalizedId = normalizeProviderId(rawId);
+  return normalizedId.startsWith('ctx-') ? normalizedId : `ctx-${normalizedId}`;
+}
+
+function findConfiguredProviderId(providers, managedProviderId) {
+  const target = normalizeProviderId(managedProviderId);
+  return Object.keys(providers).find(providerId => normalizeProviderId(providerId) === target)
+    || managedProviderId;
+}
+
+function collectNativeOAuthModelOptions(channel) {
+  const rawProviderId = String(channel.oauthProviderId || channel.authRef?.providerId || '').trim();
+  if (!rawProviderId) return [];
+  const providerId = normalizeProviderId(rawProviderId);
+  const allowedModels = Array.isArray(channel.allowedModels) ? channel.allowedModels : [];
+  const candidates = allowedModels.length > 0
+    ? allowedModels
+    : [
+      ...(Array.isArray(channel.models) ? channel.models : []),
+      channel.model
+    ];
+  return uniqueModelIds(candidates).map(modelId => `${providerId}/${modelId}`);
+}
+
+function collectManagedChannelModelOptions(channel, providers) {
+  const managedProviderId = getManagedProviderId(channel);
+  const configuredProviderId = findConfiguredProviderId(providers, managedProviderId);
+  const configuredModels = providers[configuredProviderId]?.models;
+  const channelModels = [
+    ...(Array.isArray(channel.models) ? channel.models : []),
+    ...(Array.isArray(channel.allowedModels) ? channel.allowedModels : []),
+    channel.model,
+    channel.speedTestModel,
+    ...(Array.isArray(channel.modelBindings)
+      ? channel.modelBindings.map(binding => binding?.modelId || binding?.id || binding)
+      : [])
+  ];
+  const modelIds = uniqueModelIds(Array.isArray(configuredModels) && configuredModels.length > 0
+    ? configuredModels
+    : channelModels);
+  return modelIds.map(modelId => `${configuredProviderId}/${modelId}`);
+}
+
+function collectModelOptions(modelsConfig = {}, channels = []) {
+  const options = new Set();
+  const providers = isPlainObject(modelsConfig.providers) ? modelsConfig.providers : {};
+  for (const channel of channels) {
+    const isNativeOAuth = channel.authMode === 'oauth' && !String(channel.baseUrl || '').trim();
+    const channelOptions = isNativeOAuth
+      ? collectNativeOAuthModelOptions(channel)
+      : collectManagedChannelModelOptions(channel, providers);
+    channelOptions.forEach(option => options.add(option));
+  }
+  return [...options].sort((left, right) => left.localeCompare(right));
+}
+
+function readOmpModelRoleSettings() {
+  const settings = readOmpSettingsStrict();
+  const modelRoles = isPlainObject(settings.modelRoles) ? settings.modelRoles : {};
+  const roles = Object.fromEntries(OMP_MODEL_ROLE_KEYS.map((key) => [
+    key,
+    parseModelRoleSelector(modelRoles[key])
+  ]));
+  const modelsConfig = readYamlFile(getOmpPaths().modelsYml, {});
+  const modelOptions = collectModelOptions(modelsConfig, readEnabledOmpChannels());
+  const optionSet = new Set(modelOptions);
+
+  return {
+    roles,
+    modelOptions,
+    unavailableRoles: Object.fromEntries(Object.entries(roles)
+      .filter(([, role]) => role.model && !optionSet.has(role.model))
+      .map(([key]) => [key, true]))
+  };
+}
+
+function updateOmpModelRoleSettings(input) {
+  if (!isPlainObject(input)) {
+    throw new Error('roles must be an object');
+  }
+
+  const settings = readOmpSettingsStrict();
+  const modelRoles = isPlainObject(settings.modelRoles) ? { ...settings.modelRoles } : {};
+  const currentModelRoles = isPlainObject(settings.modelRoles) ? settings.modelRoles : {};
+  const modelOptions = new Set(collectModelOptions(
+    readYamlFile(getOmpPaths().modelsYml, {}),
+    readEnabledOmpChannels()
+  ));
+  for (const [key, role] of Object.entries(input)) {
+    if (!OMP_MODEL_ROLE_KEYS.includes(key)) {
+      throw new Error(`roles.${key} is not a supported OMP model role`);
+    }
+    if (!isPlainObject(role) || typeof role.model !== 'string') {
+      throw new Error(`roles.${key}.model must be a string`);
+    }
+
+    const suppliedModel = role.model.trim();
+    if (suppliedModel.length > 500) {
+      throw new Error(`roles.${key}.model must be 500 characters or fewer`);
+    }
+
+    const suppliedThinkingLevel = role.thinkingLevel == null ? '' : role.thinkingLevel;
+    if (typeof suppliedThinkingLevel !== 'string'
+        || (suppliedThinkingLevel && !OMP_THINKING_LEVELS.has(suppliedThinkingLevel))) {
+      throw new Error(`roles.${key}.thinkingLevel must be one of ${[...OMP_THINKING_LEVELS].join(', ')}`);
+    }
+
+    if (!suppliedModel) {
+      delete modelRoles[key];
+      continue;
+    }
+
+    const parsed = parseModelRoleSelector(suppliedModel);
+    if (!parsed.model) {
+      throw new Error(`roles.${key}.model must include a model selector`);
+    }
+    const thinkingLevel = suppliedThinkingLevel || parsed.thinkingLevel;
+    const nextSelector = thinkingLevel ? `${parsed.model}:${thinkingLevel}` : parsed.model;
+    const currentSelector = String(currentModelRoles[key] || '').trim();
+    if (!modelOptions.has(parsed.model) && nextSelector !== currentSelector) {
+      throw new Error(`roles.${key}.model must use a model from an enabled OMP channel`);
+    }
+    modelRoles[key] = nextSelector;
+  }
+
+  if (Object.keys(modelRoles).length > 0) settings.modelRoles = modelRoles;
+  else delete settings.modelRoles;
+
+  writeOmpSettingsAtomic(settings);
+  return readOmpModelRoleSettings();
+}
+
+module.exports = {
+  OMP_MODEL_ROLE_KEYS,
+  OMP_THINKING_LEVELS,
+  collectModelOptions,
+  readEnabledOmpChannels,
+  parseModelRoleSelector,
+  readOmpModelRoleSettings,
+  updateOmpModelRoleSettings
+};

package/src/platforms/manifests/omp.json

@@ -45,11 +45,11 @@
   "resourceTypes": {
     "skills": true,
     "commands": true,
-    "agents": false,
+    "agents": true,
     "plugins": true
   },
   "agentCapabilities": {
-    "projectScope": false,
+    "projectScope": true,
     "repoOperations": true
   },
   "skillActivation": {
@@ -73,7 +73,7 @@
       ]
     },
     "agents": {
-      "canonicalRoot": null
+      "canonicalRoot": ".omp/agents"
     },
     "commands": {
       "canonicalRoot": ".omp/commands",

package/src/server/api/settings.js

@@ -9,6 +9,10 @@ const {
 } = require('../../config/model-metadata');
 const { getPlatformCatalog } = require('../services/platform-catalog');
 const { loadConfig, saveConfig } = require('../../config/loader');
+const {
+  readOmpModelRoleSettings,
+  updateOmpModelRoleSettings
+} = require('../../platforms/drivers/omp/model-role-settings');
 const {
   MODEL_SCHEMA_VERSION,
   getPublicModelFieldSchema,
@@ -269,4 +273,27 @@ function handleDeleteModelOverride(req, res) {
 router.delete('/model-settings/:modelId', handleDeleteModelOverride);
 router.delete('/model-metadata/:modelId', handleDeleteModelOverride);
 
+router.get('/omp-model-roles', (req, res) => {
+  try {
+    res.json({ success: true, ...readOmpModelRoleSettings() });
+  } catch (error) {
+    console.error('Error getting OMP model roles:', error);
+    res.status(500).json({ error: error.message });
+  }
+});
+
+router.put('/omp-model-roles', (req, res) => {
+  try {
+    const { roles } = req.body || {};
+    if (!roles || typeof roles !== 'object' || Array.isArray(roles)) {
+      return res.status(400).json({ error: 'roles must be an object' });
+    }
+    res.json({ success: true, ...updateOmpModelRoleSettings(roles) });
+  } catch (error) {
+    console.error('Error saving OMP model roles:', error);
+    const isValidationError = /^roles(?:\.| must be)/.test(error.message);
+    res.status(isValidationError ? 400 : 500).json({ error: error.message });
+  }
+});
+
 module.exports = router;

package/src/server/services/model-definition-schema.js

@@ -3,7 +3,7 @@
 const MODEL_SCHEMA_VERSION = 2;
 const MODEL_METADATA_MODES = ['auto', 'hybrid', 'manual'];
 const THINKING_EFFORT_LEVELS = ['minimal', 'low', 'medium', 'high', 'xhigh'];
-const THINKING_SELECTOR_LEVELS = [...THINKING_EFFORT_LEVELS, 'off'];
+const THINKING_SELECTOR_LEVELS = [...THINKING_EFFORT_LEVELS, 'max', 'off'];
 const THINKING_MODES = [
   'effort',
   'budget',
@@ -173,7 +173,7 @@ function compactObject(value = {}) {
 
 function splitModelSelector(value = '') {
   const raw = String(value || '').trim();
-  const match = raw.match(/:(minimal|low|medium|high|xhigh|off)$/i);
+  const match = raw.match(/:(minimal|low|medium|high|xhigh|max|off)$/i);
   if (!match) return { modelId: raw, thinkingLevel: null };
   return {
     modelId: raw.slice(0, -match[0].length),