vskill 1.0.18 → 1.0.19

package/dist/eval-ui/assets/main-tpOyw9SC.js

@@ -0,0 +1,87 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DhhmQddr.js","assets/core-DZjBCfjp.js","assets/UpdateDropdown-4AbjZLpq.js","assets/globals-hm1COkXX.js","assets/globals-Dpf9KmYH.css","assets/useDesktopBridge-9oZFQsrw.js","assets/fonts-i7Lkz2zN.css","assets/index-DDNzcrhv.js","assets/FindSkillsPalette-BY9DAhHh.js","assets/SkillDetailPanel-B_lbhK6q.js","assets/skill-url-C4ekwoGs.js","assets/CreateSkillPage-Cv93Croj.js"])))=>i.map(i=>d[i]);
+import{r as c,a as pu,g as fu,j as t,R as ge,c as hu}from"./globals-hm1COkXX.js";import{o as Yn,_ as nr,u as pn,n as va,l as Sn}from"./useDesktopBridge-9oZFQsrw.js";/* empty css              *//**
+ * react-router v7.13.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */var ba="popstate";function ka(e){return typeof e=="object"&&e!=null&&"pathname"in e&&"search"in e&&"hash"in e&&"state"in e&&"key"in e}function mu(e={}){function r(o,a){let{pathname:i="/",search:l="",hash:d=""}=Ar(o.location.hash.substring(1));return!i.startsWith("/")&&!i.startsWith(".")&&(i="/"+i),go("",{pathname:i,search:l,hash:d},a.state&&a.state.usr||null,a.state&&a.state.key||"default")}function n(o,a){let i=o.document.querySelector("base"),l="";if(i&&i.getAttribute("href")){let d=o.location.href,u=d.indexOf("#");l=u===-1?d:d.slice(0,u)}return l+"#"+(typeof a=="string"?a:nn(a))}function s(o,a){Pt(o.pathname.charAt(0)==="/",`relative pathnames are not supported in hash history.push(${JSON.stringify(a)})`)}return gu(r,n,s,e)}function et(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}function Pt(e,r){if(!e){typeof console<"u"&&console.warn(r);try{throw new Error(r)}catch{}}}function xu(){return Math.random().toString(36).substring(2,10)}function ja(e,r){return{usr:e.state,key:e.key,idx:r,masked:e.unstable_mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function go(e,r,n=null,s,o){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof r=="string"?Ar(r):r,state:n,key:r&&r.key||s||xu(),unstable_mask:o}}function nn({pathname:e="/",search:r="",hash:n=""}){return r&&r!=="?"&&(e+=r.charAt(0)==="?"?r:"?"+r),n&&n!=="#"&&(e+=n.charAt(0)==="#"?n:"#"+n),e}function Ar(e){let r={};if(e){let n=e.indexOf("#");n>=0&&(r.hash=e.substring(n),e=e.substring(0,n));let s=e.indexOf("?");s>=0&&(r.search=e.substring(s),e=e.substring(0,s)),e&&(r.pathname=e)}return r}function gu(e,r,n,s={}){let{window:o=document.defaultView,v5Compat:a=!1}=s,i=o.history,l="POP",d=null,u=p();u==null&&(u=0,i.replaceState({...i.state,idx:u},""));function p(){return(i.state||{idx:null}).idx}function f(){l="POP";let g=p(),b=g==null?null:g-u;u=g,d&&d({action:l,location:x.location,delta:b})}function h(g,b){l="PUSH";let v=ka(g)?g:go(x.location,g,b);n&&n(v,g),u=p()+1;let j=ja(v,u),C=x.createHref(v.unstable_mask||v);try{i.pushState(j,"",C)}catch(w){if(w instanceof DOMException&&w.name==="DataCloneError")throw w;o.location.assign(C)}a&&d&&d({action:l,location:x.location,delta:1})}function m(g,b){l="REPLACE";let v=ka(g)?g:go(x.location,g,b);n&&n(v,g),u=p();let j=ja(v,u),C=x.createHref(v.unstable_mask||v);i.replaceState(j,"",C),a&&d&&d({action:l,location:x.location,delta:0})}function y(g){return yu(g)}let x={get action(){return l},get location(){return e(o,i)},listen(g){if(d)throw new Error("A history only accepts one active listener");return o.addEventListener(ba,f),d=g,()=>{o.removeEventListener(ba,f),d=null}},createHref(g){return r(o,g)},createURL:y,encodeLocation(g){let b=y(g);return{pathname:b.pathname,search:b.search,hash:b.hash}},push:h,replace:m,go(g){return i.go(g)}};return x}function yu(e,r=!1){let n="http://localhost";typeof window<"u"&&(n=window.location.origin!=="null"?window.location.origin:window.location.href),et(n,"No window.location.(origin|href) available to create URL");let s=typeof e=="string"?e:nn(e);return s=s.replace(/ $/,"%20"),!r&&s.startsWith("//")&&(s=n+s),new URL(s,n)}function vl(e,r,n="/"){return vu(e,r,n,!1)}function vu(e,r,n,s){let o=typeof r=="string"?Ar(r):r,a=Yt(o.pathname||"/",n);if(a==null)return null;let i=bl(e);bu(i);let l=null;for(let d=0;l==null&&d<i.length;++d){let u=Lu(a);l=Tu(i[d],u,s)}return l}function bl(e,r=[],n=[],s="",o=!1){let a=(i,l,d=o,u)=>{let p={relativePath:u===void 0?i.path||"":u,caseSensitive:i.caseSensitive===!0,childrenIndex:l,route:i};if(p.relativePath.startsWith("/")){if(!p.relativePath.startsWith(s)&&d)return;et(p.relativePath.startsWith(s),`Absolute route path "${p.relativePath}" nested under path "${s}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),p.relativePath=p.relativePath.slice(s.length)}let f=Wt([s,p.relativePath]),h=n.concat(p);i.children&&i.children.length>0&&(et(i.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${f}".`),bl(i.children,r,h,f,d)),!(i.path==null&&!i.index)&&r.push({path:f,score:Nu(f,i.index),routesMeta:h})};return e.forEach((i,l)=>{var d;if(i.path===""||!((d=i.path)!=null&&d.includes("?")))a(i,l);else for(let u of kl(i.path))a(i,l,!0,u)}),r}function kl(e){let r=e.split("/");if(r.length===0)return[];let[n,...s]=r,o=n.endsWith("?"),a=n.replace(/\?$/,"");if(s.length===0)return o?[a,""]:[a];let i=kl(s.join("/")),l=[];return l.push(...i.map(d=>d===""?a:[a,d].join("/"))),o&&l.push(...i),l.map(d=>e.startsWith("/")&&d===""?"/":d)}function bu(e){e.sort((r,n)=>r.score!==n.score?n.score-r.score:Ru(r.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}var ku=/^:[\w-]+$/,ju=3,wu=2,Su=1,Cu=10,Eu=-2,wa=e=>e==="*";function Nu(e,r){let n=e.split("/"),s=n.length;return n.some(wa)&&(s+=Eu),r&&(s+=wu),n.filter(o=>!wa(o)).reduce((o,a)=>o+(ku.test(a)?ju:a===""?Su:Cu),s)}function Ru(e,r){return e.length===r.length&&e.slice(0,-1).every((s,o)=>s===r[o])?e[e.length-1]-r[r.length-1]:0}function Tu(e,r,n=!1){let{routesMeta:s}=e,o={},a="/",i=[];for(let l=0;l<s.length;++l){let d=s[l],u=l===s.length-1,p=a==="/"?r:r.slice(a.length)||"/",f=Jn({path:d.relativePath,caseSensitive:d.caseSensitive,end:u},p),h=d.route;if(!f&&u&&n&&!s[s.length-1].route.index&&(f=Jn({path:d.relativePath,caseSensitive:d.caseSensitive,end:!1},p)),!f)return null;Object.assign(o,f.params),i.push({params:o,pathname:Wt([a,f.pathname]),pathnameBase:Mu(Wt([a,f.pathnameBase])),route:h}),f.pathnameBase!=="/"&&(a=Wt([a,f.pathnameBase]))}return i}function Jn(e,r){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[n,s]=Iu(e.path,e.caseSensitive,e.end),o=r.match(n);if(!o)return null;let a=o[0],i=a.replace(/(.)\/+$/,"$1"),l=o.slice(1);return{params:s.reduce((u,{paramName:p,isOptional:f},h)=>{if(p==="*"){let y=l[h]||"";i=a.slice(0,a.length-y.length).replace(/(.)\/+$/,"$1")}const m=l[h];return f&&!m?u[p]=void 0:u[p]=(m||"").replace(/%2F/g,"/"),u},{}),pathname:a,pathnameBase:i,pattern:e}}function Iu(e,r=!1,n=!0){Pt(e==="*"||!e.endsWith("*")||e.endsWith("/*"),`Route path "${e}" will be treated as if it were "${e.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/,"/*")}".`);let s=[],o="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(i,l,d,u,p)=>{if(s.push({paramName:l,isOptional:d!=null}),d){let f=p.charAt(u+i.length);return f&&f!=="/"?"/([^\\/]*)":"(?:/([^\\/]*))?"}return"/([^\\/]+)"}).replace(/\/([\w-]+)\?(\/|$)/g,"(/$1)?$2");return e.endsWith("*")?(s.push({paramName:"*"}),o+=e==="*"||e==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?o+="\\/*$":e!==""&&e!=="/"&&(o+="(?:(?=\\/|$))"),[new RegExp(o,r?void 0:"i"),s]}function Lu(e){try{return e.split("/").map(r=>decodeURIComponent(r).replace(/\//g,"%2F")).join("/")}catch(r){return Pt(!1,`The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${r}).`),e}}function Yt(e,r){if(r==="/")return e;if(!e.toLowerCase().startsWith(r.toLowerCase()))return null;let n=r.endsWith("/")?r.length-1:r.length,s=e.charAt(n);return s&&s!=="/"?null:e.slice(n)||"/"}var Au=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function Pu(e,r="/"){let{pathname:n,search:s="",hash:o=""}=typeof e=="string"?Ar(e):e,a;return n?(n=n.replace(/\/\/+/g,"/"),n.startsWith("/")?a=Sa(n.substring(1),"/"):a=Sa(n,r)):a=r,{pathname:a,search:Du(s),hash:Fu(o)}}function Sa(e,r){let n=r.replace(/\/+$/,"").split("/");return e.split("/").forEach(o=>{o===".."?n.length>1&&n.pop():o!=="."&&n.push(o)}),n.length>1?n.join("/"):"/"}function vs(e,r,n,s){return`Cannot include a '${e}' character in a manually specified \`to.${r}\` field [${JSON.stringify(s)}].  Please separate it out to the \`to.${n}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`}function $u(e){return e.filter((r,n)=>n===0||r.route.path&&r.route.path.length>0)}function jl(e){let r=$u(e);return r.map((n,s)=>s===r.length-1?n.pathname:n.pathnameBase)}function Wo(e,r,n,s=!1){let o;typeof e=="string"?o=Ar(e):(o={...e},et(!o.pathname||!o.pathname.includes("?"),vs("?","pathname","search",o)),et(!o.pathname||!o.pathname.includes("#"),vs("#","pathname","hash",o)),et(!o.search||!o.search.includes("#"),vs("#","search","hash",o)));let a=e===""||o.pathname==="",i=a?"/":o.pathname,l;if(i==null)l=n;else{let f=r.length-1;if(!s&&i.startsWith("..")){let h=i.split("/");for(;h[0]==="..";)h.shift(),f-=1;o.pathname=h.join("/")}l=f>=0?r[f]:"/"}let d=Pu(o,l),u=i&&i!=="/"&&i.endsWith("/"),p=(a||i===".")&&n.endsWith("/");return!d.pathname.endsWith("/")&&(u||p)&&(d.pathname+="/"),d}var Wt=e=>e.join("/").replace(/\/\/+/g,"/"),Mu=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),Du=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,Fu=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e,zu=class{constructor(e,r,n,s=!1){this.status=e,this.statusText=r||"",this.internal=s,n instanceof Error?(this.data=n.toString(),this.error=n):this.data=n}};function _u(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}function Bu(e){return e.map(r=>r.route.path).filter(Boolean).join("/").replace(/\/\/*/g,"/")||"/"}var wl=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function Sl(e,r){let n=e;if(typeof n!="string"||!Au.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let s=n,o=!1;if(wl)try{let a=new URL(window.location.href),i=n.startsWith("//")?new URL(a.protocol+n):new URL(n),l=Yt(i.pathname,r);i.origin===a.origin&&l!=null?n=l+i.search+i.hash:o=!0}catch{Pt(!1,`<Link to="${n}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}return{absoluteURL:s,isExternal:o,to:n}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");var Cl=["POST","PUT","PATCH","DELETE"];new Set(Cl);var Ou=["GET",...Cl];new Set(Ou);var Pr=c.createContext(null);Pr.displayName="DataRouter";var ns=c.createContext(null);ns.displayName="DataRouterState";var Wu=c.createContext(!1),El=c.createContext({isTransitioning:!1});El.displayName="ViewTransition";var Uu=c.createContext(new Map);Uu.displayName="Fetchers";var Hu=c.createContext(null);Hu.displayName="Await";var Rt=c.createContext(null);Rt.displayName="Navigation";var ss=c.createContext(null);ss.displayName="Location";var Jt=c.createContext({outlet:null,matches:[],isDataRoute:!1});Jt.displayName="Route";var Uo=c.createContext(null);Uo.displayName="RouteError";var Nl="REACT_ROUTER_ERROR",Vu="REDIRECT",Gu="ROUTE_ERROR_RESPONSE";function Ku(e){if(e.startsWith(`${Nl}:${Vu}:{`))try{let r=JSON.parse(e.slice(28));if(typeof r=="object"&&r&&typeof r.status=="number"&&typeof r.statusText=="string"&&typeof r.location=="string"&&typeof r.reloadDocument=="boolean"&&typeof r.replace=="boolean")return r}catch{}}function qu(e){if(e.startsWith(`${Nl}:${Gu}:{`))try{let r=JSON.parse(e.slice(40));if(typeof r=="object"&&r&&typeof r.status=="number"&&typeof r.statusText=="string")return new zu(r.status,r.statusText,r.data)}catch{}}function Yu(e,{relative:r}={}){et(fn(),"useHref() may be used only in the context of a <Router> component.");let{basename:n,navigator:s}=c.useContext(Rt),{hash:o,pathname:a,search:i}=hn(e,{relative:r}),l=a;return n!=="/"&&(l=a==="/"?n:Wt([n,a])),s.createHref({pathname:l,search:i,hash:o})}function fn(){return c.useContext(ss)!=null}function sr(){return et(fn(),"useLocation() may be used only in the context of a <Router> component."),c.useContext(ss).location}var Rl="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function Tl(e){c.useContext(Rt).static||c.useLayoutEffect(e)}function Ju(){let{isDataRoute:e}=c.useContext(Jt);return e?cp():Qu()}function Qu(){et(fn(),"useNavigate() may be used only in the context of a <Router> component.");let e=c.useContext(Pr),{basename:r,navigator:n}=c.useContext(Rt),{matches:s}=c.useContext(Jt),{pathname:o}=sr(),a=JSON.stringify(jl(s)),i=c.useRef(!1);return Tl(()=>{i.current=!0}),c.useCallback((d,u={})=>{if(Pt(i.current,Rl),!i.current)return;if(typeof d=="number"){n.go(d);return}let p=Wo(d,JSON.parse(a),o,u.relative==="path");e==null&&r!=="/"&&(p.pathname=p.pathname==="/"?r:Wt([r,p.pathname])),(u.replace?n.replace:n.push)(p,u.state,u)},[r,n,a,o,e])}c.createContext(null);function hn(e,{relative:r}={}){let{matches:n}=c.useContext(Jt),{pathname:s}=sr(),o=JSON.stringify(jl(n));return c.useMemo(()=>Wo(e,JSON.parse(o),s,r==="path"),[e,o,s,r])}function Xu(e,r,n){et(fn(),"useRoutes() may be used only in the context of a <Router> component.");let{navigator:s}=c.useContext(Rt),{matches:o}=c.useContext(Jt),a=o[o.length-1],i=a?a.params:{},l=a?a.pathname:"/",d=a?a.pathnameBase:"/",u=a&&a.route;{let g=u&&u.path||"";Ll(l,!u||g.endsWith("*")||g.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${l}" (under <Route path="${g}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+
+Please change the parent <Route path="${g}"> to <Route path="${g==="/"?"*":`${g}/*`}">.`)}let p=sr(),f;f=p;let h=f.pathname||"/",m=h;if(d!=="/"){let g=d.replace(/^\//,"").split("/");m="/"+h.replace(/^\//,"").split("/").slice(g.length).join("/")}let y=vl(e,{pathname:m});return Pt(u||y!=null,`No routes matched location "${f.pathname}${f.search}${f.hash}" `),Pt(y==null||y[y.length-1].route.element!==void 0||y[y.length-1].route.Component!==void 0||y[y.length-1].route.lazy!==void 0,`Matched leaf route at location "${f.pathname}${f.search}${f.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`),np(y&&y.map(g=>Object.assign({},g,{params:Object.assign({},i,g.params),pathname:Wt([d,s.encodeLocation?s.encodeLocation(g.pathname.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:g.pathname]),pathnameBase:g.pathnameBase==="/"?d:Wt([d,s.encodeLocation?s.encodeLocation(g.pathnameBase.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:g.pathnameBase])})),o,n)}function Zu(){let e=lp(),r=_u(e)?`${e.status} ${e.statusText}`:e instanceof Error?e.message:JSON.stringify(e),n=e instanceof Error?e.stack:null,s="rgba(200,200,200, 0.5)",o={padding:"0.5rem",backgroundColor:s},a={padding:"2px 4px",backgroundColor:s},i=null;return console.error("Error handled by React Router default ErrorBoundary:",e),i=c.createElement(c.Fragment,null,c.createElement("p",null,"💿 Hey developer 👋"),c.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",c.createElement("code",{style:a},"ErrorBoundary")," or"," ",c.createElement("code",{style:a},"errorElement")," prop on your route.")),c.createElement(c.Fragment,null,c.createElement("h2",null,"Unexpected Application Error!"),c.createElement("h3",{style:{fontStyle:"italic"}},r),n?c.createElement("pre",{style:o},n):null,i)}var ep=c.createElement(Zu,null),Il=class extends c.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,r){return r.location!==e.location||r.revalidation!=="idle"&&e.revalidation==="idle"?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:e.error!==void 0?e.error:r.error,location:r.location,revalidation:e.revalidation||r.revalidation}}componentDidCatch(e,r){this.props.onError?this.props.onError(e,r):console.error("React Router caught the following error during render",e)}render(){let e=this.state.error;if(this.context&&typeof e=="object"&&e&&"digest"in e&&typeof e.digest=="string"){const n=qu(e.digest);n&&(e=n)}let r=e!==void 0?c.createElement(Jt.Provider,{value:this.props.routeContext},c.createElement(Uo.Provider,{value:e,children:this.props.component})):this.props.children;return this.context?c.createElement(tp,{error:e},r):r}};Il.contextType=Wu;var bs=new WeakMap;function tp({children:e,error:r}){let{basename:n}=c.useContext(Rt);if(typeof r=="object"&&r&&"digest"in r&&typeof r.digest=="string"){let s=Ku(r.digest);if(s){let o=bs.get(r);if(o)throw o;let a=Sl(s.location,n);if(wl&&!bs.get(r))if(a.isExternal||s.reloadDocument)window.location.href=a.absoluteURL||a.to;else{const i=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(a.to,{replace:s.replace}));throw bs.set(r,i),i}return c.createElement("meta",{httpEquiv:"refresh",content:`0;url=${a.absoluteURL||a.to}`})}}return e}function rp({routeContext:e,match:r,children:n}){let s=c.useContext(Pr);return s&&s.static&&s.staticContext&&(r.route.errorElement||r.route.ErrorBoundary)&&(s.staticContext._deepestRenderedBoundaryId=r.route.id),c.createElement(Jt.Provider,{value:e},n)}function np(e,r=[],n){let s=n==null?void 0:n.state;if(e==null){if(!s)return null;if(s.errors)e=s.matches;else if(r.length===0&&!s.initialized&&s.matches.length>0)e=s.matches;else return null}let o=e,a=s==null?void 0:s.errors;if(a!=null){let p=o.findIndex(f=>f.route.id&&(a==null?void 0:a[f.route.id])!==void 0);et(p>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(a).join(",")}`),o=o.slice(0,Math.min(o.length,p+1))}let i=!1,l=-1;if(n&&s){i=s.renderFallback;for(let p=0;p<o.length;p++){let f=o[p];if((f.route.HydrateFallback||f.route.hydrateFallbackElement)&&(l=p),f.route.id){let{loaderData:h,errors:m}=s,y=f.route.loader&&!h.hasOwnProperty(f.route.id)&&(!m||m[f.route.id]===void 0);if(f.route.lazy||y){n.isStatic&&(i=!0),l>=0?o=o.slice(0,l+1):o=[o[0]];break}}}}let d=n==null?void 0:n.onError,u=s&&d?(p,f)=>{var h,m;d(p,{location:s.location,params:((m=(h=s.matches)==null?void 0:h[0])==null?void 0:m.params)??{},unstable_pattern:Bu(s.matches),errorInfo:f})}:void 0;return o.reduceRight((p,f,h)=>{let m,y=!1,x=null,g=null;s&&(m=a&&f.route.id?a[f.route.id]:void 0,x=f.route.errorElement||ep,i&&(l<0&&h===0?(Ll("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),y=!0,g=null):l===h&&(y=!0,g=f.route.hydrateFallbackElement||null)));let b=r.concat(o.slice(0,h+1)),v=()=>{let j;return m?j=x:y?j=g:f.route.Component?j=c.createElement(f.route.Component,null):f.route.element?j=f.route.element:j=p,c.createElement(rp,{match:f,routeContext:{outlet:p,matches:b,isDataRoute:s!=null},children:j})};return s&&(f.route.ErrorBoundary||f.route.errorElement||h===0)?c.createElement(Il,{location:s.location,revalidation:s.revalidation,component:x,error:m,children:v(),routeContext:{outlet:null,matches:b,isDataRoute:!0},onError:u}):v()},null)}function Ho(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function sp(e){let r=c.useContext(Pr);return et(r,Ho(e)),r}function op(e){let r=c.useContext(ns);return et(r,Ho(e)),r}function ap(e){let r=c.useContext(Jt);return et(r,Ho(e)),r}function Vo(e){let r=ap(e),n=r.matches[r.matches.length-1];return et(n.route.id,`${e} can only be used on routes that contain a unique "id"`),n.route.id}function ip(){return Vo("useRouteId")}function lp(){var s;let e=c.useContext(Uo),r=op("useRouteError"),n=Vo("useRouteError");return e!==void 0?e:(s=r.errors)==null?void 0:s[n]}function cp(){let{router:e}=sp("useNavigate"),r=Vo("useNavigate"),n=c.useRef(!1);return Tl(()=>{n.current=!0}),c.useCallback(async(o,a={})=>{Pt(n.current,Rl),n.current&&(typeof o=="number"?await e.navigate(o):await e.navigate(o,{fromRouteId:r,...a}))},[e,r])}var Ca={};function Ll(e,r,n){!r&&!Ca[e]&&(Ca[e]=!0,Pt(!1,n))}c.memo(dp);function dp({routes:e,future:r,state:n,isStatic:s,onError:o}){return Xu(e,void 0,{state:n,isStatic:s,onError:o})}function up({basename:e="/",children:r=null,location:n,navigationType:s="POP",navigator:o,static:a=!1,unstable_useTransitions:i}){et(!fn(),"You cannot render a <Router> inside another <Router>. You should never have more than one in your app.");let l=e.replace(/^\/*/,"/"),d=c.useMemo(()=>({basename:l,navigator:o,static:a,unstable_useTransitions:i,future:{}}),[l,o,a,i]);typeof n=="string"&&(n=Ar(n));let{pathname:u="/",search:p="",hash:f="",state:h=null,key:m="default",unstable_mask:y}=n,x=c.useMemo(()=>{let g=Yt(u,l);return g==null?null:{location:{pathname:g,search:p,hash:f,state:h,key:m,unstable_mask:y},navigationType:s}},[l,u,p,f,h,m,s,y]);return Pt(x!=null,`<Router basename="${l}"> is not able to match the URL "${u}${p}${f}" because it does not start with the basename, so the <Router> won't render anything.`),x==null?null:c.createElement(Rt.Provider,{value:d},c.createElement(ss.Provider,{children:r,value:x}))}var Wn="get",Un="application/x-www-form-urlencoded";function os(e){return typeof HTMLElement<"u"&&e instanceof HTMLElement}function pp(e){return os(e)&&e.tagName.toLowerCase()==="button"}function fp(e){return os(e)&&e.tagName.toLowerCase()==="form"}function hp(e){return os(e)&&e.tagName.toLowerCase()==="input"}function mp(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function xp(e,r){return e.button===0&&(!r||r==="_self")&&!mp(e)}var Cn=null;function gp(){if(Cn===null)try{new FormData(document.createElement("form"),0),Cn=!1}catch{Cn=!0}return Cn}var yp=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function ks(e){return e!=null&&!yp.has(e)?(Pt(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Un}"`),null):e}function vp(e,r){let n,s,o,a,i;if(fp(e)){let l=e.getAttribute("action");s=l?Yt(l,r):null,n=e.getAttribute("method")||Wn,o=ks(e.getAttribute("enctype"))||Un,a=new FormData(e)}else if(pp(e)||hp(e)&&(e.type==="submit"||e.type==="image")){let l=e.form;if(l==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let d=e.getAttribute("formaction")||l.getAttribute("action");if(s=d?Yt(d,r):null,n=e.getAttribute("formmethod")||l.getAttribute("method")||Wn,o=ks(e.getAttribute("formenctype"))||ks(l.getAttribute("enctype"))||Un,a=new FormData(l,e),!gp()){let{name:u,type:p,value:f}=e;if(p==="image"){let h=u?`${u}.`:"";a.append(`${h}x`,"0"),a.append(`${h}y`,"0")}else u&&a.append(u,f)}}else{if(os(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');n=Wn,s=null,o=Un,i=e}return a&&o==="text/plain"&&(i=a,a=void 0),{action:s,method:n.toLowerCase(),encType:o,formData:a,body:i}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");function Go(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}function bp(e,r,n,s){let o=typeof e=="string"?new URL(e,typeof window>"u"?"server://singlefetch/":window.location.origin):e;return n?o.pathname.endsWith("/")?o.pathname=`${o.pathname}_.${s}`:o.pathname=`${o.pathname}.${s}`:o.pathname==="/"?o.pathname=`_root.${s}`:r&&Yt(o.pathname,r)==="/"?o.pathname=`${r.replace(/\/$/,"")}/_root.${s}`:o.pathname=`${o.pathname.replace(/\/$/,"")}.${s}`,o}async function kp(e,r){if(e.id in r)return r[e.id];try{let n=await import(e.module);return r[e.id]=n,n}catch(n){return console.error(`Error loading route module \`${e.module}\`, reloading page...`),console.error(n),window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}function jp(e){return e==null?!1:e.href==null?e.rel==="preload"&&typeof e.imageSrcSet=="string"&&typeof e.imageSizes=="string":typeof e.rel=="string"&&typeof e.href=="string"}async function wp(e,r,n){let s=await Promise.all(e.map(async o=>{let a=r.routes[o.route.id];if(a){let i=await kp(a,n);return i.links?i.links():[]}return[]}));return Np(s.flat(1).filter(jp).filter(o=>o.rel==="stylesheet"||o.rel==="preload").map(o=>o.rel==="stylesheet"?{...o,rel:"prefetch",as:"style"}:{...o,rel:"prefetch"}))}function Ea(e,r,n,s,o,a){let i=(d,u)=>n[u]?d.route.id!==n[u].route.id:!0,l=(d,u)=>{var p;return n[u].pathname!==d.pathname||((p=n[u].route.path)==null?void 0:p.endsWith("*"))&&n[u].params["*"]!==d.params["*"]};return a==="assets"?r.filter((d,u)=>i(d,u)||l(d,u)):a==="data"?r.filter((d,u)=>{var f;let p=s.routes[d.route.id];if(!p||!p.hasLoader)return!1;if(i(d,u)||l(d,u))return!0;if(d.route.shouldRevalidate){let h=d.route.shouldRevalidate({currentUrl:new URL(o.pathname+o.search+o.hash,window.origin),currentParams:((f=n[0])==null?void 0:f.params)||{},nextUrl:new URL(e,window.origin),nextParams:d.params,defaultShouldRevalidate:!0});if(typeof h=="boolean")return h}return!0}):[]}function Sp(e,r,{includeHydrateFallback:n}={}){return Cp(e.map(s=>{let o=r.routes[s.route.id];if(!o)return[];let a=[o.module];return o.clientActionModule&&(a=a.concat(o.clientActionModule)),o.clientLoaderModule&&(a=a.concat(o.clientLoaderModule)),n&&o.hydrateFallbackModule&&(a=a.concat(o.hydrateFallbackModule)),o.imports&&(a=a.concat(o.imports)),a}).flat(1))}function Cp(e){return[...new Set(e)]}function Ep(e){let r={},n=Object.keys(e).sort();for(let s of n)r[s]=e[s];return r}function Np(e,r){let n=new Set;return new Set(r),e.reduce((s,o)=>{let a=JSON.stringify(Ep(o));return n.has(a)||(n.add(a),s.push({key:a,link:o})),s},[])}function Al(){let e=c.useContext(Pr);return Go(e,"You must render this element inside a <DataRouterContext.Provider> element"),e}function Rp(){let e=c.useContext(ns);return Go(e,"You must render this element inside a <DataRouterStateContext.Provider> element"),e}var Ko=c.createContext(void 0);Ko.displayName="FrameworkContext";function Pl(){let e=c.useContext(Ko);return Go(e,"You must render this element inside a <HydratedRouter> element"),e}function Tp(e,r){let n=c.useContext(Ko),[s,o]=c.useState(!1),[a,i]=c.useState(!1),{onFocus:l,onBlur:d,onMouseEnter:u,onMouseLeave:p,onTouchStart:f}=r,h=c.useRef(null);c.useEffect(()=>{if(e==="render"&&i(!0),e==="viewport"){let x=b=>{b.forEach(v=>{i(v.isIntersecting)})},g=new IntersectionObserver(x,{threshold:.5});return h.current&&g.observe(h.current),()=>{g.disconnect()}}},[e]),c.useEffect(()=>{if(s){let x=setTimeout(()=>{i(!0)},100);return()=>{clearTimeout(x)}}},[s]);let m=()=>{o(!0)},y=()=>{o(!1),i(!1)};return n?e!=="intent"?[a,h,{}]:[a,h,{onFocus:Br(l,m),onBlur:Br(d,y),onMouseEnter:Br(u,m),onMouseLeave:Br(p,y),onTouchStart:Br(f,m)}]:[!1,h,{}]}function Br(e,r){return n=>{e&&e(n),n.defaultPrevented||r(n)}}function Ip({page:e,...r}){let{router:n}=Al(),s=c.useMemo(()=>vl(n.routes,e,n.basename),[n.routes,e,n.basename]);return s?c.createElement(Ap,{page:e,matches:s,...r}):null}function Lp(e){let{manifest:r,routeModules:n}=Pl(),[s,o]=c.useState([]);return c.useEffect(()=>{let a=!1;return wp(e,r,n).then(i=>{a||o(i)}),()=>{a=!0}},[e,r,n]),s}function Ap({page:e,matches:r,...n}){let s=sr(),{future:o,manifest:a,routeModules:i}=Pl(),{basename:l}=Al(),{loaderData:d,matches:u}=Rp(),p=c.useMemo(()=>Ea(e,r,u,a,s,"data"),[e,r,u,a,s]),f=c.useMemo(()=>Ea(e,r,u,a,s,"assets"),[e,r,u,a,s]),h=c.useMemo(()=>{if(e===s.pathname+s.search+s.hash)return[];let x=new Set,g=!1;if(r.forEach(v=>{var C;let j=a.routes[v.route.id];!j||!j.hasLoader||(!p.some(w=>w.route.id===v.route.id)&&v.route.id in d&&((C=i[v.route.id])!=null&&C.shouldRevalidate)||j.hasClientLoader?g=!0:x.add(v.route.id))}),x.size===0)return[];let b=bp(e,l,o.unstable_trailingSlashAwareDataRequests,"data");return g&&x.size>0&&b.searchParams.set("_routes",r.filter(v=>x.has(v.route.id)).map(v=>v.route.id).join(",")),[b.pathname+b.search]},[l,o.unstable_trailingSlashAwareDataRequests,d,s,a,p,r,e,i]),m=c.useMemo(()=>Sp(f,a),[f,a]),y=Lp(f);return c.createElement(c.Fragment,null,h.map(x=>c.createElement("link",{key:x,rel:"prefetch",as:"fetch",href:x,...n})),m.map(x=>c.createElement("link",{key:x,rel:"modulepreload",href:x,...n})),y.map(({key:x,link:g})=>c.createElement("link",{key:x,nonce:n.nonce,...g,crossOrigin:g.crossOrigin??n.crossOrigin})))}function Pp(...e){return r=>{e.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r)})}}var $p=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{$p&&(window.__reactRouterVersion="7.13.1")}catch{}function Mp({basename:e,children:r,unstable_useTransitions:n,window:s}){let o=c.useRef();o.current==null&&(o.current=mu({window:s,v5Compat:!0}));let a=o.current,[i,l]=c.useState({action:a.action,location:a.location}),d=c.useCallback(u=>{n===!1?l(u):c.startTransition(()=>l(u))},[n]);return c.useLayoutEffect(()=>a.listen(d),[a,d]),c.createElement(up,{basename:e,children:r,location:i.location,navigationType:i.action,navigator:a,unstable_useTransitions:n})}var $l=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Ml=c.forwardRef(function({onClick:r,discover:n="render",prefetch:s="none",relative:o,reloadDocument:a,replace:i,unstable_mask:l,state:d,target:u,to:p,preventScrollReset:f,viewTransition:h,unstable_defaultShouldRevalidate:m,...y},x){let{basename:g,navigator:b,unstable_useTransitions:v}=c.useContext(Rt),j=typeof p=="string"&&$l.test(p),C=Sl(p,g);p=C.to;let w=Yu(p,{relative:o}),R=sr(),k=null;if(l){let S=Wo(l,[],R.unstable_mask?R.unstable_mask.pathname:"/",!0);g!=="/"&&(S.pathname=S.pathname==="/"?g:Wt([g,S.pathname])),k=b.createHref(S)}let[E,T,N]=Tp(s,y),I=_p(p,{replace:i,unstable_mask:l,state:d,target:u,preventScrollReset:f,relative:o,viewTransition:h,unstable_defaultShouldRevalidate:m,unstable_useTransitions:v});function A(S){r&&r(S),S.defaultPrevented||I(S)}let $=!(C.isExternal||a),_=c.createElement("a",{...y,...N,href:($?k:void 0)||C.absoluteURL||w,onClick:$?A:r,ref:Pp(x,T),target:u,"data-discover":!j&&n==="render"?"true":void 0});return E&&!j?c.createElement(c.Fragment,null,_,c.createElement(Ip,{page:w})):_});Ml.displayName="Link";var Dp=c.forwardRef(function({"aria-current":r="page",caseSensitive:n=!1,className:s="",end:o=!1,style:a,to:i,viewTransition:l,children:d,...u},p){let f=hn(i,{relative:u.relative}),h=sr(),m=c.useContext(ns),{navigator:y,basename:x}=c.useContext(Rt),g=m!=null&&Hp(f)&&l===!0,b=y.encodeLocation?y.encodeLocation(f).pathname:f.pathname,v=h.pathname,j=m&&m.navigation&&m.navigation.location?m.navigation.location.pathname:null;n||(v=v.toLowerCase(),j=j?j.toLowerCase():null,b=b.toLowerCase()),j&&x&&(j=Yt(j,x)||j);const C=b!=="/"&&b.endsWith("/")?b.length-1:b.length;let w=v===b||!o&&v.startsWith(b)&&v.charAt(C)==="/",R=j!=null&&(j===b||!o&&j.startsWith(b)&&j.charAt(b.length)==="/"),k={isActive:w,isPending:R,isTransitioning:g},E=w?r:void 0,T;typeof s=="function"?T=s(k):T=[s,w?"active":null,R?"pending":null,g?"transitioning":null].filter(Boolean).join(" ");let N=typeof a=="function"?a(k):a;return c.createElement(Ml,{...u,"aria-current":E,className:T,ref:p,style:N,to:i,viewTransition:l},typeof d=="function"?d(k):d)});Dp.displayName="NavLink";var Fp=c.forwardRef(({discover:e="render",fetcherKey:r,navigate:n,reloadDocument:s,replace:o,state:a,method:i=Wn,action:l,onSubmit:d,relative:u,preventScrollReset:p,viewTransition:f,unstable_defaultShouldRevalidate:h,...m},y)=>{let{unstable_useTransitions:x}=c.useContext(Rt),g=Wp(),b=Up(l,{relative:u}),v=i.toLowerCase()==="get"?"get":"post",j=typeof l=="string"&&$l.test(l),C=w=>{if(d&&d(w),w.defaultPrevented)return;w.preventDefault();let R=w.nativeEvent.submitter,k=(R==null?void 0:R.getAttribute("formmethod"))||i,E=()=>g(R||w.currentTarget,{fetcherKey:r,method:k,navigate:n,replace:o,state:a,relative:u,preventScrollReset:p,viewTransition:f,unstable_defaultShouldRevalidate:h});x&&n!==!1?c.startTransition(()=>E()):E()};return c.createElement("form",{ref:y,method:v,action:b,onSubmit:s?d:C,...m,"data-discover":!j&&e==="render"?"true":void 0})});Fp.displayName="Form";function zp(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function Dl(e){let r=c.useContext(Pr);return et(r,zp(e)),r}function _p(e,{target:r,replace:n,unstable_mask:s,state:o,preventScrollReset:a,relative:i,viewTransition:l,unstable_defaultShouldRevalidate:d,unstable_useTransitions:u}={}){let p=Ju(),f=sr(),h=hn(e,{relative:i});return c.useCallback(m=>{if(xp(m,r)){m.preventDefault();let y=n!==void 0?n:nn(f)===nn(h),x=()=>p(e,{replace:y,unstable_mask:s,state:o,preventScrollReset:a,relative:i,viewTransition:l,unstable_defaultShouldRevalidate:d});u?c.startTransition(()=>x()):x()}},[f,p,h,n,s,o,r,e,a,i,l,d,u])}var Bp=0,Op=()=>`__${String(++Bp)}__`;function Wp(){let{router:e}=Dl("useSubmit"),{basename:r}=c.useContext(Rt),n=ip(),s=e.fetch,o=e.navigate;return c.useCallback(async(a,i={})=>{let{action:l,method:d,encType:u,formData:p,body:f}=vp(a,r);if(i.navigate===!1){let h=i.fetcherKey||Op();await s(h,n,i.action||l,{unstable_defaultShouldRevalidate:i.unstable_defaultShouldRevalidate,preventScrollReset:i.preventScrollReset,formData:p,body:f,formMethod:i.method||d,formEncType:i.encType||u,flushSync:i.flushSync})}else await o(i.action||l,{unstable_defaultShouldRevalidate:i.unstable_defaultShouldRevalidate,preventScrollReset:i.preventScrollReset,formData:p,body:f,formMethod:i.method||d,formEncType:i.encType||u,replace:i.replace,state:i.state,fromRouteId:n,flushSync:i.flushSync,viewTransition:i.viewTransition})},[s,o,r,n])}function Up(e,{relative:r}={}){let{basename:n}=c.useContext(Rt),s=c.useContext(Jt);et(s,"useFormAction must be used inside a RouteContext");let[o]=s.matches.slice(-1),a={...hn(e||".",{relative:r})},i=sr();if(e==null){a.search=i.search;let l=new URLSearchParams(a.search),d=l.getAll("index");if(d.some(p=>p==="")){l.delete("index"),d.filter(f=>f).forEach(f=>l.append("index",f));let p=l.toString();a.search=p?`?${p}`:""}}return(!e||e===".")&&o.route.index&&(a.search=a.search?a.search.replace(/^\?/,"?index&"):"?index"),n!=="/"&&(a.pathname=a.pathname==="/"?n:Wt([n,a.pathname])),nn(a)}function Hp(e,{relative:r}={}){let n=c.useContext(El);et(n!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:s}=Dl("useViewTransitionState"),o=hn(e,{relative:r});if(!n.isTransitioning)return!1;let a=Yt(n.currentLocation.pathname,s)||n.currentLocation.pathname,i=Yt(n.nextLocation.pathname,s)||n.nextLocation.pathname;return Jn(o.pathname,i)!=null||Jn(o.pathname,a)!=null}var $r=pu();const Vp=fu($r),Gp=/^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/;function En(e){if(typeof e!="string")return null;const r=e.trim();return r===""||!Gp.test(r)||r==="0.0.0"?null:r}function Fl(e){if(e.preferInstalled){const o=En(e.installedCurrentVersion);if(o)return{version:o,versionSource:"registry"}}const r=En(e.frontmatterVersion);if(r)return{version:r,versionSource:"frontmatter"};const n=En(e.registryCurrentVersion);if(n)return{version:n,versionSource:"registry"};const s=En(e.pluginVersion);return s?{version:s,versionSource:"plugin"}:{version:"1.0.0",versionSource:"default"}}const Kp={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1},Na={own:"authoring-project",installed:"available-project",global:"available-personal"},yo=new Set(["available-project","available-personal","available-plugin","authoring-project","authoring-plugin"]);function qp(e){if(typeof e=="string"){if(yo.has(e))return e;if(Object.prototype.hasOwnProperty.call(Na,e))return Na[e]}return"authoring-project"}function Yp(e){return e.startsWith("available-")?"available":"authoring"}function Jp(e){const r=e.indexOf("-");return e.slice(r+1)}const bt="";function Nn(e,r){try{let n=!1;const s=Kp;if(s&&(s.VITE_VSKILL_DEBUG_SSE==="1"||s.VITE_VSKILL_DEBUG_SSE==="true")&&(n=!0),!n&&typeof window<"u"&&typeof window.location<"u"&&new URLSearchParams(window.location.search).get("debugSse")==="1"&&(n=!0),!n)return;console.warn(`[vskill api] ${e}`,r)}catch{}}class qt extends Error{constructor(r,n,s){super(r),this.name="ApiError",this.status=n,this.details=s}}async function xe(e,r){const n=await fetch(`${bt}${e}`,r);if(!n.ok){const s=await n.json().catch(()=>({error:n.statusText})),o=s&&typeof s=="object"?s:void 0;throw new qt((s==null?void 0:s.error)||`HTTP ${n.status}`,n.status,o)}return n.json()}async function Ra(e,r){const n=await fetch(e,r);return n.status>=502&&n.status<=504?(await new Promise(s=>setTimeout(s,250)),fetch(e,r)):n}const Ta=100;function Ia(e,r){if(e.length===0||r<=0)return[];const n=[];for(let s=0;s<e.length;s+=r)n.push(e.slice(s,s+r));return n}function Ge(e){return typeof e=="string"&&e.length>0?e:null}function Qp(e){return typeof e=="number"&&Number.isFinite(e)?e:null}function Cr(e){if(!Array.isArray(e))return null;const r=e.filter(n=>typeof n=="string"&&n.length>0);return r.length>0?r:null}function Xp(e){if(!e||typeof e!="object")return null;const r=e,n=Ge(r.python)??void 0,s=Cr(r.pip)??void 0,o=Ge(r.node)??void 0;return!n&&!s&&!o?null:{python:n,pip:s,node:o}}function Zp(e){if(!e||typeof e!="object")return null;const r=e,n=r.runner;return n!=="vitest"&&n!=="pytest"&&n!=="none"?null:{runner:n,file:Ge(r.file)??void 0,requires:Cr(r.requires)??void 0}}function ef(e){const r=e??{};let n;r.origin==="source"||r.origin==="installed"?n=r.origin:(n="source",console.warn(`[api.getSkills] skill ${String(r.plugin)}/${String(r.skill)} has invalid origin=${JSON.stringify(r.origin)}; defaulting to 'source'`));let s;r.scope==="own"||r.scope==="installed"||r.scope==="global"?s=r.scope:s=n==="installed"?"installed":"own";let o;r.installMethod==="authored"||r.installMethod==="copied"||r.installMethod==="symlinked"?o=r.installMethod:o=s==="own"?"authored":"copied";const a=typeof r.scopeV2=="string"&&yo.has(r.scopeV2)?r.scopeV2:qp(r.scope),i=Yp(a),l=Jp(a),d=typeof r.precedenceRank=="number"?r.precedenceRank:void 0;let u;r.shadowedBy===null?u=null:typeof r.shadowedBy=="string"&&yo.has(r.shadowedBy)?u=r.shadowedBy:u=void 0;const p={plugin:typeof r.plugin=="string"?r.plugin:"",skill:typeof r.skill=="string"?r.skill:"",dir:typeof r.dir=="string"?r.dir:"",hasEvals:!!r.hasEvals,hasBenchmark:!!r.hasBenchmark,evalCount:typeof r.evalCount=="number"?r.evalCount:0,assertionCount:typeof r.assertionCount=="number"?r.assertionCount:0,benchmarkStatus:r.benchmarkStatus==="pass"||r.benchmarkStatus==="fail"||r.benchmarkStatus==="pending"||r.benchmarkStatus==="stale"||r.benchmarkStatus==="missing"?r.benchmarkStatus:"missing",lastBenchmark:typeof r.lastBenchmark=="string"?r.lastBenchmark:null,origin:n,scope:s,isSymlink:typeof r.isSymlink=="boolean"?r.isSymlink:!1,symlinkTarget:Ge(r.symlinkTarget),installMethod:o,sourcePath:Ge(r.sourcePath),scopeV2:a,group:i,source:l,pluginName:Ge(r.pluginName),pluginNamespace:Ge(r.pluginNamespace),pluginMarketplace:Ge(r.pluginMarketplace),pluginManifestPath:Ge(r.pluginManifestPath),pluginVersion:Ge(r.pluginVersion),...typeof r.pluginDisplay=="string"&&r.pluginDisplay?{pluginDisplay:r.pluginDisplay}:{},precedenceRank:d,shadowedBy:u,description:Ge(r.description),version:Ge(r.version),category:Ge(r.category),author:Ge(r.author),license:Ge(r.license),homepage:Ge(r.homepage),repoUrl:Ge(r.repoUrl),skillPath:Ge(r.skillPath),tags:Cr(r.tags),deps:Cr(r.deps),mcpDeps:Cr(r.mcpDeps),entryPoint:Ge(r.entryPoint),lastModified:Ge(r.lastModified),sizeBytes:Qp(r.sizeBytes),sourceAgent:Ge(r.sourceAgent),secrets:Cr(r.secrets),runtime:Xp(r.runtime),integrationTests:Zp(r.integrationTests)};if(r.provenance&&typeof r.provenance=="object"){const h=r.provenance;(h.promotedFrom==="installed"||h.promotedFrom==="global")&&typeof h.sourcePath=="string"&&typeof h.promotedAt=="number"?p.provenance={promotedFrom:h.promotedFrom,sourcePath:h.sourcePath,promotedAt:h.promotedAt,sourceSkillVersion:typeof h.sourceSkillVersion=="string"?h.sourceSkillVersion:void 0}:p.provenance=null}else r.provenance===null&&(p.provenance=null);typeof r.updateAvailable=="boolean"&&(p.updateAvailable=r.updateAvailable),typeof r.currentVersion=="string"&&(p.currentVersion=r.currentVersion),typeof r.latestVersion=="string"&&(p.latestVersion=r.latestVersion),typeof r.pinnedVersion=="string"&&(p.pinnedVersion=r.pinnedVersion);const f=Fl({frontmatterVersion:p.version??null,registryCurrentVersion:p.currentVersion??null,pluginVersion:p.pluginVersion??null,installedCurrentVersion:p.currentVersion??null,preferInstalled:p.origin==="installed"});return p.resolvedVersion=f.version,p.versionSource=f.versionSource,p}const ce={getConfig(){return xe("/api/config")},setConfig(e,r){return xe("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,model:r})})},revealInEditor(e,r,n){return xe("/api/skills/reveal-in-editor",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n?{plugin:e,skill:r,file:n}:{plugin:e,skill:r})})},async getSkills(e){const r=new URLSearchParams;e!=null&&e.scope&&r.set("scope",e.scope),e!=null&&e.agent&&r.set("agent",e.agent);const n=r.toString(),s=await xe(`/api/skills${n?"?"+n:""}`);return Array.isArray(s)?s.map(ef):[]},getSkillInstallState(e){return xe(`/api/studio/install-state?skill=${encodeURIComponent(e)}`)},async convertToPlugin(e){return xe("/api/authoring/convert-to-plugin",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getAgents(){return xe("/api/agents")},getSkillDetail(e,r){return xe(`/api/skills/${e}/${r}`)},async getEvals(e,r){const n=await xe(`/api/skills/${e}/${r}/evals`);if(n&&typeof n=="object"&&"exists"in n){if(n.exists===!1)return{skill_name:r,evals:[]};const{exists:s,...o}=n;return o}return n},getEvalsEnvelope(e,r){return xe(`/api/skills/${e}/${r}/evals`)},getActivationHistoryEnvelope(e,r){return xe(`/api/skills/${e}/${r}/activation-history`)},saveEvals(e,r,n){return xe(`/api/skills/${e}/${r}/evals`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})},generateEvals(e,r){return xe(`/api/skills/${e}/${r}/generate-evals`,{method:"POST"})},async getLatestBenchmark(e,r){const n=await fetch(`${bt}/api/skills/${e}/${r}/benchmark/latest`);if(!n.ok){const s=await n.json().catch(()=>({error:n.statusText}));throw new qt(s.error||`HTTP ${n.status}`,n.status)}return n.json()},getHistory(e,r,n){const s=new URLSearchParams;n!=null&&n.model&&s.set("model",n.model),n!=null&&n.type&&s.set("type",n.type),n!=null&&n.from&&s.set("from",n.from),n!=null&&n.to&&s.set("to",n.to);const o=s.toString();return xe(`/api/skills/${e}/${r}/history${o?"?"+o:""}`)},getHistoryEntry(e,r,n){return xe(`/api/skills/${e}/${r}/history/${encodeURIComponent(n)}`)},compareRuns(e,r,n,s){return xe(`/api/skills/${e}/${r}/history-compare?a=${encodeURIComponent(n)}&b=${encodeURIComponent(s)}`)},getCaseHistory(e,r,n,s){const o=new URLSearchParams;s&&o.set("model",s);const a=o.toString();return xe(`/api/skills/${e}/${r}/history/case/${n}${a?"?"+a:""}`)},deleteHistoryEntry(e,r,n){return xe(`/api/skills/${e}/${r}/history/${encodeURIComponent(n)}`,{method:"DELETE"})},deleteSkill(e,r){return xe(`/api/skills/${e}/${r}`,{method:"DELETE"})},uninstallSkill(e,r){return xe(`/api/skills/${e}/${r}/uninstall`,{method:"POST"})},improveSkill(e,r,n){return xe(`/api/skills/${e}/${r}/improve`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})},instructEdit(e,r,n){return xe(`/api/skills/${e}/${r}/improve`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:"instruct",...n})})},applyImprovement(e,r,n){return xe(`/api/skills/${e}/${r}/apply-improvement`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:n})})},getStats(e,r){return xe(`/api/skills/${e}/${r}/stats`)},getDependencies(e,r){return xe(`/api/skills/${e}/${r}/dependencies`)},getProjectLayout(){return xe("/api/project-layout")},getProjectGitHubStatus(){return xe("/api/project/github-status")},createSkill(e){return xe("/api/skills/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},detectEngines(){return xe("/api/studio/detect-engines")},saveDraft(e){return xe("/api/skills/save-draft",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getSkillCreatorStatus(){return xe("/api/skill-creator-status")},generateSkill(e){return xe("/api/skills/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getSkillFiles(e,r){return xe(`/api/skills/${e}/${r}/files`)},getSkillFile(e,r,n){return xe(`/api/skills/${e}/${r}/file?path=${encodeURIComponent(n)}`)},saveSkillFile(e,r,n,s){return xe(`/api/skills/${e}/${r}/file`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:n,content:s})})},getLeaderboard(e,r){return xe(`/api/skills/${e}/${r}/leaderboard`)},getLeaderboardEntry(e,r,n){return xe(`/api/skills/${e}/${r}/leaderboard/${encodeURIComponent(n)}`)},startSweep(e,r,n){const s=`${bt}/api/skills/${e}/${r}/sweep`,o=new EventSource(s);return fetch(s,{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify(n)}),o},getCredentials(e,r){return xe(`/api/credentials/${e}/${r}`)},setCredential(e,r,n,s){return xe(`/api/credentials/${e}/${r}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n,value:s})})},getParams(e,r){return xe(`/api/credentials/${e}/${r}/params`)},getParamsRevealed(e,r,n){const s=n?`reveal=true&key=${encodeURIComponent(n)}`:"reveal=true";return xe(`/api/credentials/${e}/${r}/params?${s}`)},searchModels(){return xe("/api/openrouter/models")},async getSkillVersions(e,r){const n=await xe(`/api/skills/${e}/${r}/versions`);return Array.isArray(n)?n:Array.isArray(n.versions)?n.versions:[]},getSkillVersionsEnvelope(e,r){return xe(`/api/skills/${e}/${r}/versions`)},getVersionDiff(e,r,n,s){return xe(`/api/skills/${e}/${r}/versions/diff?from=${n}&to=${s}`)},startBatchUpdate(e){const r=`${bt}/api/skills/batch-update`,n=new EventSource(r);return fetch(r,{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({skills:e})}),n},startSkillUpdate(e,r){const n=`${bt}/api/skills/${e}/${r}/update`,s=new EventSource(n);return fetch(n,{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"}}),s},async postSkillUpdate(e,r,n){let s,o;if(n&&typeof n.aborted=="boolean")s=n;else if(n&&typeof n=="object"){const p=n;s=p.signal,o=p.agentId}const a=o?`?agent=${encodeURIComponent(o)}`:"",i=`${bt}/api/skills/${e}/${r}/update${a}`,l=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},signal:s});let d,u="";if(l.body){const p=l.body.getReader(),f=new TextDecoder;let h=!1,m="";for(;!h;){const x=await p.read();if(h=x.done,x.value){const g=f.decode(x.value,{stream:!h});m+=g,u.length<200&&(u+=g)}}const y=m.match(/event:\s*done[\s\S]*?data:\s*(\{[^\n]+\})/);if(y)try{d=JSON.parse(y[1]).version}catch{}u=u.slice(0,200)}else{const p=await l.text();u=p.slice(0,200);const f=p.match(/event:\s*done[\s\S]*?data:\s*(\{[^\n]+\})/);if(f)try{d=JSON.parse(f[1]).version}catch{}}return{ok:l.ok,status:l.status,body:u,version:d}},async rescanSkill(e,r){const n=`${e}/${r}`,s=await fetch(`${bt}/api/v1/skills/${encodeURIComponent(n)}/rescan`,{method:"POST",headers:{"Content-Type":"application/json"}});if(!s.ok)throw new Error(`rescan failed: HTTP ${s.status}`);return await s.json()},async getSkillUpdates(){try{const e=await fetch(`${bt}/api/skills/updates`);return e.ok?await e.json():[]}catch{return[]}},async checkSkillUpdates(e){if(e.length===0)return[];const r=[...e].sort(),n=Ia(r,Ta),s=async a=>{try{const i=await Ra(`${bt}/api/v1/skills/check-updates`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({skills:a.map(d=>({name:d,currentVersion:"0.0.0"}))})});if(!i.ok)return[];const l=await i.json().catch(()=>null);return Array.isArray(l)?l:l&&typeof l=="object"&&Array.isArray(l.results)?l.results.map(d=>({skillId:typeof d.skillId=="string"?d.skillId:typeof d.name=="string"?d.name:"",version:typeof d.version=="string"?d.version:typeof d.latest=="string"?d.latest:"",eventId:typeof d.eventId=="string"?d.eventId:"",publishedAt:typeof d.publishedAt=="string"?d.publishedAt:"",diffSummary:typeof d.diffSummary=="string"?d.diffSummary:void 0,trackedForUpdates:typeof d.trackedForUpdates=="boolean"?d.trackedForUpdates:void 0,updateAvailable:typeof d.updateAvailable=="boolean"?d.updateAvailable:void 0,installed:typeof d.installed=="string"&&d.installed!=="0.0.0"?d.installed:void 0,latest:typeof d.latest=="string"?d.latest:void 0,name:typeof d.name=="string"?d.name:void 0})):[]}catch{return[]}};return(await Promise.all(n.map(s))).flat()},async resolveInstalledSkillIds(e){if(e.length===0)return[];const r=Ia(e,Ta),n=async a=>{try{const i=await Ra(`${bt}/api/v1/skills/check-updates`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({skills:a.map(u=>({name:u.name,currentVersion:u.currentVersion??"0.0.0"}))})});if(!i.ok)return{ok:!1,map:new Map};const l=await i.json().catch(()=>null),d=Array.isArray(l)?l:Array.isArray(l==null?void 0:l.results)?l.results:[];return{ok:!0,map:new Map(d.filter(u=>typeof u.name=="string"&&u.name.length>0).map(u=>[u.name,u]))}}catch{return{ok:!1,map:new Map}}},s=await Promise.all(r.map(n));if(s.length>0&&s.every(a=>!a.ok))throw new Error("resolveInstalledSkillIds: all chunks failed");const o=new Map;for(const a of s)for(const[i,l]of a.map)o.set(i,l);return e.map(a=>{const i=o.get(a.name);return{plugin:a.plugin,skill:a.skill,uuid:typeof(i==null?void 0:i.id)=="string"&&i.id.length>0?i.id:void 0,slug:typeof(i==null?void 0:i.slug)=="string"&&i.slug.length>0?i.slug:void 0}})},async lookupSkillsByName(e){if(!Array.isArray(e)||e.length===0)return[];const r=e.slice(0,50);try{const n=await fetch(`${bt}/api/v1/skills/lookup-by-name`,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify({entries:r})});if(!n.ok)return Nn("lookup-by-name-error",{status:n.status}),[];const s=await n.json().catch(a=>(Nn("lookup-by-name-parse-error",{message:a instanceof Error?a.message:String(a)}),null)),o=s&&typeof s=="object"&&"results"in s?s.results:null;return Array.isArray(o)?o.filter(a=>a!==null&&typeof a=="object").map(a=>({name:typeof a.name=="string"?a.name:"",author:typeof a.author=="string"?a.author:"",uuid:typeof a.uuid=="string"&&a.uuid.length>0?a.uuid:void 0,slug:typeof a.slug=="string"&&a.slug.length>0?a.slug:void 0})).filter(a=>a.name.length>0):(s!==null&&Nn("lookup-by-name-no-results-array",{}),[])}catch(n){return Nn("lookup-by-name-fetch-error",{message:n instanceof Error?n.message:String(n)}),[]}},promoteSkill(e,r,n){const s=n!=null&&n.overwrite?"?overwrite=true":"";return js(`/api/skills/${e}/${r}/promote${s}`,n==null?void 0:n.onEvent,n==null?void 0:n.signal)},testInstallSkill(e,r,n){const s=new URLSearchParams;(n==null?void 0:n.dest)==="global"&&s.set("dest","global"),n!=null&&n.overwrite&&s.set("overwrite","true");const o=s.toString();return js(`/api/skills/${e}/${r}/test-install${o?"?"+o:""}`,n==null?void 0:n.onEvent,n==null?void 0:n.signal)},revertSkill(e,r,n){return js(`/api/skills/${e}/${r}/revert`,n==null?void 0:n.onEvent,n==null?void 0:n.signal)},listStudioOps(e){const r=new URLSearchParams;(e==null?void 0:e.before)!=null&&r.set("before",String(e.before)),(e==null?void 0:e.limit)!=null&&r.set("limit",String(e.limit));const n=r.toString();return xe(`/api/studio/ops${n?"?"+n:""}`)},deleteStudioOp(e){return xe(`/api/studio/ops/${encodeURIComponent(e)}`,{method:"DELETE"})},studioOpsStream(){return new EventSource(`${bt}/api/studio/ops/stream`)},gitRemote(){return xe("/api/git/remote")},gitDiff(){return xe("/api/git/diff",{method:"POST"})},gitStatus(){return xe("/api/git/status")},gitCommitMessage(e){return xe("/api/git/commit-message",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e??{})})},gitPublish(e){return xe("/api/git/publish",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e??{})})},async submitToQueue(e){const r=await xe("/api/v1/submissions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});return r.alreadyVerified===!0?{kind:"alreadyVerified",skillId:typeof r.skillId=="string"?r.skillId:void 0,skillName:typeof r.skillName=="string"?r.skillName:void 0}:r.blocked===!0?{kind:"blocked",submissionId:String(r.submissionId??r.id??"")}:r.requeued===!0?{kind:"requeued",id:String(r.id??""),state:String(r.state??"RECEIVED")}:r.duplicate===!0?{kind:"duplicate",id:String(r.id??""),state:String(r.state??"")}:{kind:"created",id:String(r.id??""),skillName:String(r.skillName??e.skillName),skillPath:String(r.skillPath??e.skillPath??""),state:String(r.state??"RECEIVED"),createdAt:String(r.createdAt??new Date().toISOString())}},getMyQueue(){return xe("/api/v1/submissions?mine=1")},getSubmission(e){return xe(`/api/v1/submissions/${encodeURIComponent(e)}`)},getPositions(e){const r=e&&e.length>0?`?ids=${encodeURIComponent(e.join(","))}`:"";return xe(`/api/v1/submissions/positions${r}`)},async getAccountTenants(){return xe("/api/v1/account/tenants")},async getActiveTenant(){return xe("/__internal/active-tenant")},async setActiveTenant(e){return xe("/__internal/active-tenant",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({currentTenant:e})})}};async function js(e,r,n){const s=await fetch(`${bt}${e}`,{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},signal:n});if(!s.ok||!s.body){let p=`HTTP ${s.status}`,f;try{const m=await s.json();m.error&&(p=m.error),typeof m.code=="string"&&(f=m.code)}catch{}const h=new qt(p,s.status);throw f&&(h.code=f),h}const o=s.body.getReader(),a=new TextDecoder;let i="",l="",d=null,u=null;for(;;){const{done:p,value:f}=await o.read();if(p)break;i+=a.decode(f,{stream:!0});const h=i.split(`
+`);i=h.pop()??"";for(const m of h)if(m.startsWith("event: "))l=m.slice(7).trim();else if(m.startsWith("data: ")){let y={};try{y=JSON.parse(m.slice(6))}catch{l="";continue}if(l==="started"||l==="copied"||l==="deleted"||l==="indexed"||l==="done"||l==="error"){const x={type:l,...y};r==null||r(x),x.type==="done"&&(d=x),x.type==="error"&&(u=x)}l=""}}if(u){const p=new qt(u.message,500);throw p.code=u.code,p}if(!d)throw new qt("Transfer stream ended without 'done' event",500);return d}function tf(e,r){if(!e||!r)return!1;const n=/^(\d+)\.(\d+)\.(\d+)/,s=e.match(n),o=r.match(n);if(!s||!o)return!1;const[,a,i,l]=s.map(Number),[,d,u,p]=o.map(Number);return a!==d?a>d:i!==u?i>u:l>=p}function rf(e,r){if(!r.length)return e;const n=new Map,s=new Map;for(const o of r){const a=o.name.split("/"),i=a.pop()||o.name;if(s.set(i,o),a.length>=1){const l=a[a.length-1];n.set(`${l}/${i}`,o)}}return e.map(o=>{if(o.origin!=="installed")return o;let a;if(o.pluginName?a=n.get(`${o.pluginName}/${o.skill}`):a=s.get(o.skill),!a)return o;const i=a.updateAvailable&&!tf(o.version,a.latest),l=a.installed&&a.installed!=="0.0.0"?a.installed:null,d={...o,updateAvailable:i,currentVersion:l??o.currentVersion,latestVersion:a.latest??void 0};typeof a.trackedForUpdates=="boolean"&&(d.trackedForUpdates=a.trackedForUpdates);const u=Fl({frontmatterVersion:d.version??null,registryCurrentVersion:d.currentVersion??null,pluginVersion:d.pluginVersion??null,installedCurrentVersion:d.currentVersion??null,preferInstalled:!0});return d.resolvedVersion=u.version,d.versionSource=u.versionSource,d})}const Hn=new Map,dr=new Map,qr=new Map;function ze(e){Hn.delete(e),dr.delete(e);const r=qr.get(e);if(r)for(const n of r)n()}function St(e,r,n={}){const{ttl:s=3e4,enabled:o=!0}=n,[,a]=c.useState(0),[i,l]=c.useState(void 0),[d,u]=c.useState(0),p=c.useRef(!0),f=c.useRef(e);f.current=e;const h=()=>{l(void 0),ze(e),u(x=>x+1)};c.useEffect(()=>(p.current=!0,()=>{p.current=!1}),[]),c.useEffect(()=>{if(!o)return;const x=()=>{p.current&&u(g=>g+1)};return qr.has(e)||qr.set(e,new Set),qr.get(e).add(x),()=>{var g;(g=qr.get(e))==null||g.delete(x)}},[e,o]),c.useEffect(()=>{if(!o)return;const x=Hn.get(e);if(!(!x||Date.now()-x.fetchedAt>s))return;if(dr.has(e)){const j=dr.get(e),C=()=>{p.current&&f.current===e&&a(w=>w+1)};j.subscribers.push(C);return}const b={promise:Promise.resolve(),subscribers:[]},v=r().then(j=>{Hn.set(e,{data:j,fetchedAt:Date.now()}),dr.delete(e),p.current&&f.current===e&&(l(void 0),a(C=>C+1));for(const C of b.subscribers)C()},j=>{dr.delete(e);const C=j instanceof Error?j:new Error(String(j));p.current&&f.current===e&&(l(C),a(w=>w+1));for(const w of b.subscribers)w()});b.promise=v,dr.set(e,b)},[e,r,s,o,d]);const m=Hn.get(e),y=o&&!m&&!i&&dr.has(e);return{data:m==null?void 0:m.data,loading:y,error:i,revalidate:h}}function nf(e){const[r,n]=c.useState(()=>typeof window>"u"?!1:window.matchMedia(e).matches);return c.useEffect(()=>{const s=window.matchMedia(e);n(s.matches);const o=a=>n(a.matches);return s.addEventListener("change",o),()=>s.removeEventListener("change",o)},[e]),r}const sf=500,vo="vskill.updates.seenLastId";function of(){if(typeof window>"u")return null;try{return window.localStorage.getItem(vo)}catch{return null}}function ws(e){if(!(typeof window>"u"))try{e==null?window.localStorage.removeItem(vo):window.localStorage.setItem(vo,e)}catch{}}function af(){let e=new Map;const r=new Set,n=new Set,s=[];let o=of();o&&(n.add(o),s.push(o));function a(){e=new Map(e);for(const l of Array.from(r))l()}function i(l){if(!n.has(l)){if(n.add(l),s.push(l),s.length>sf){const d=s.shift();d&&n.delete(d)}o=l,ws(l)}}return{getSnapshot(){return e},subscribe(l){return r.add(l),()=>{r.delete(l)}},ingest(l){return n.has(l.eventId)?"duplicate":(i(l.eventId),e.set(l.skillId,{skillId:l.skillId,version:l.version,diffSummary:l.diffSummary,eventId:l.eventId,publishedAt:l.publishedAt,receivedAt:Date.now()}),a(),"stored")},dismiss(l){e.has(l)&&(e.delete(l),a())},clearSeen(){n.clear(),s.length=0,o=null,ws(null)},mergeBulk(l){if(l.length!==0){for(const d of l)e.set(d.skillId,d);a()}},getSeenLastId(){return o},reset(){e=new Map,n.clear(),s.length=0,o=null,ws(null),a()}}}const Xt=af(),zl="vskill:toast-queue",lf=10,cf=1800*1e3;function as(){return typeof window<"u"&&typeof window.localStorage<"u"}function _l(){if(!as())return[];try{const e=window.localStorage.getItem(zl);if(!e)return[];const r=JSON.parse(e);return Array.isArray(r)?r.filter(n=>n&&typeof n=="object"&&typeof n.eventId=="string"&&typeof n.skillId=="string"&&typeof n.version=="string"&&typeof n.enqueuedAt=="number"&&typeof n.message=="string"):[]}catch{return[]}}function Bl(e){if(as())try{window.localStorage.setItem(zl,JSON.stringify(e))}catch{}}function df(e){if(!as())return"enqueued";const r=_l();if(r.some(o=>o.eventId===e.eventId))return"deduped";let n=!1;const s=[...r,e];for(;s.length>lf;)s.shift(),n=!0;return Bl(s),n?"evicted":"enqueued"}function uf(){if(!as())return[];const e=_l();if(e.length===0)return[];Bl([]);const r=Date.now()-cf;return e.filter(n=>n.enqueuedAt>=r)}const pf="X-Studio-Token";let pr=null,Or=null,La=!1,Rn=null;function ff(){var e;return typeof window>"u"?!1:!!((e=window.__TAURI_INTERNALS__)!=null&&e.invoke)}function qo(){if(typeof document>"u")return null;const e=document.getElementById("__vskill_studio_token__");if(!e||!e.textContent)return null;try{const r=JSON.parse(e.textContent);if(typeof r.token=="string"&&r.token.length>0)return r.token}catch{}return null}async function hf(){var n;if(typeof window>"u")return null;const r=(n=window.__TAURI_INTERNALS__)==null?void 0:n.invoke;if(!r)return null;try{const s=await r("get_studio_token");return typeof s=="string"&&s.length>0?s:null}catch{return null}}async function mf(){if(pr)return pr;const e=qo();return e?(pr=e,e):Or||(Or=hf().then(r=>(r&&(pr=r),Or=null,r)),Or)}function xf(e){if(typeof window>"u")return!1;if(e.startsWith("/api/"))return!0;try{const r=window.location.origin;if(e.startsWith(`${r}/api/`))return!0}catch{}return!1}function gf(){La||typeof globalThis.fetch!="function"||!(qo()!==null)&&!ff()||(La=!0,Rn=globalThis.fetch.bind(globalThis),globalThis.fetch=async(r,n)=>{let s;if(typeof r=="string"?s=r:r instanceof URL?s=r.toString():s=r.url,!xf(s))return Rn(r,n);const o=await mf();if(!o)return Rn(r,n);const a={...n??{}},i=new Headers(a.headers??{});return i.set(pf,o),a.headers=i,Rn(r,a)})}function yf(){if(pr)return pr;const e=qo();return e?(pr=e,e):null}const is=new Set(["PUBLISHED","AUTO_APPROVED","VENDOR_APPROVED"]),Yo=new Set(["REJECTED","TIER1_FAILED","BLOCKED"]),bo=new Set;function Ol(e,r){return`${e}::${r}`}function Wl(e,r){const n=Ol(e,r);return bo.has(n)?!1:(bo.add(n),!0)}function vf(e,r){bo.add(Ol(e,r))}function bf(e){return`https://verified-skill.com/submit/${encodeURIComponent(e)}`}function kf(e,r,n){const s=r||"Your skill";return is.has(n)?{outcome:"approved",title:"Skill approved",body:`${s} is now published on verified-skill.com`}:Yo.has(n)?{outcome:"rejected",title:"Skill rejected",body:`${s} ${n==="BLOCKED"?"was blocked":"was rejected"}. Tap to see why.`,clickUrl:bf(e)}:null}function jf(){return typeof window<"u"&&"__TAURI_INTERNALS__"in window}async function wf(){try{return await nr(()=>import("./index-DhhmQddr.js"),__vite__mapDeps([0,1]))}catch{return null}}async function Sf(e){try{let r=await e.isPermissionGranted();return r||(r=await e.requestPermission()==="granted"),r}catch{return!1}}async function Ul(e,r,n){const s=kf(e,r,n);if(!s||!jf())return!1;const o=await wf();if(!o||!await Sf(o))return!1;if(s.outcome==="rejected"&&s.clickUrl&&typeof o.onAction=="function")try{const i=s.clickUrl;let l=null;l=await o.onAction(()=>{Yn(i);try{l==null||l()}catch{}})}catch{}try{return o.sendNotification({title:s.title,body:s.body}),!0}catch{return!1}}function Aa(e){return typeof e=="string"&&e.length>0}function Cf(e){if(typeof e!="string")return null;const r=e.trim();return r.length>0?`usr_${r}`:null}function Ef(e){const r=[];for(const n of e){const s=Aa(n.uuid),o=Aa(n.slug);if(!s&&!o)continue;const a={};s&&(a.uuid=n.uuid),o&&(a.slug=n.slug),r.push(a)}return r}const Nf=3e5,Rf=500,Tf=15e3,If=6e4,Lf=6e4,Af="/api/v1/skills/stream",Pf=250,$f=500,Mf="/api/v1/studio/telemetry/sse",Pa="vskill.studio.sse.sessionId";function Hl(){var e;try{const r=(e=import.meta)==null?void 0:e.env;if(r&&typeof r=="object")return r}catch{}return{}}function Df(){if(typeof window>"u")return!1;const e=Hl();if(e.VITE_VSKILL_DEBUG_SSE==="1"||e.VITE_VSKILL_DEBUG_SSE==="true")return!0;try{if(new URLSearchParams(window.location.search).get("debugSse")==="1")return!0}catch{}return!1}function Ff(){if(typeof window>"u")return!0;const e=Hl();if(e.VITE_VSKILL_DISABLE_TELEMETRY==="1"||e.VITE_VSKILL_DISABLE_TELEMETRY==="true")return!0;try{if(new URLSearchParams(window.location.search).get("disableTelemetry")==="1")return!0}catch{}return!1}function mt(e,r){if(Df())try{const n=new Date().toISOString();r?console.debug(`[sse] ${n} ${e}`,r):console.debug(`[sse] ${n} ${e}`)}catch{}}function $a(){if(typeof crypto<"u"&&typeof crypto.randomUUID=="function")try{return crypto.randomUUID()}catch{}const e=[];for(let r=0;r<16;r++)e.push(Math.floor(Math.random()*256).toString(16).padStart(2,"0"));return e[6]=(parseInt(e[6],16)&15|64).toString(16).padStart(2,"0"),e[8]=(parseInt(e[8],16)&63|128).toString(16).padStart(2,"0"),e.slice(0,4).join("")+"-"+e.slice(4,6).join("")+"-"+e.slice(6,8).join("")+"-"+e.slice(8,10).join("")+"-"+e.slice(10,16).join("")}function zf(){if(typeof window>"u")return"";try{const e=window.sessionStorage.getItem(Pa);if(e)return e;const r=$a();return window.sessionStorage.setItem(Pa,r),r}catch{return $a()}}function Ma(e){const r=new Map;for(const s of e)r.set(s.name,s);const n=new Map;for(const s of e){const o=s.name.split("/").pop()||s.name;o!==s.name&&n.set(o,(n.get(o)??0)+1)}for(const s of e){const o=s.name.split("/").pop()||s.name;o!==s.name&&((n.get(o)??0)>1||r.has(o)||r.set(o,s))}return r}function Da(e){let r=0;for(const n of e)n.updateAvailable&&r++;return r}function _f(e){if(!e||typeof e!="object")return!1;const r=e;return r.type==="skill.updated"&&typeof r.eventId=="string"&&typeof r.skillId=="string"&&typeof r.version=="string"}function Bf(e){if(!e||typeof e!="object")return!1;const r=e;return typeof r.submissionId=="string"&&r.submissionId.length>0&&typeof r.state=="string"&&r.state.length>0}function Of(e){const r=(e==null?void 0:e.intervalMs)??Nf,n=(e==null?void 0:e.debounceMs)??Rf,s=(e==null?void 0:e.timeoutMs)??Tf,o=(e==null?void 0:e.staleAfterMs)??If,a=(e==null?void 0:e.disconnectFallbackMs)??Lf,i=(e==null?void 0:e.streamUrlBase)??Af,l=(e==null?void 0:e.replayIntervalMs)??Pf,d=Cf(e==null?void 0:e.userId),u=c.useMemo(()=>{const V=(e==null?void 0:e.skillIds)??[];if(V.length===0&&!d)return"";const G=d?1:0,K=[...new Set(V)].filter(Z=>Z!==d).sort().slice(0,$f-G),se=d?[...K,d]:K;return se.length===0?"":se.sort().join(",")},[e==null?void 0:e.skillIds,d]),p=c.useMemo(()=>{const V=(e==null?void 0:e.trackingSkillIds)??(e==null?void 0:e.skillIds)??[];return V.length===0?"":[...V].sort().join(",")},[e==null?void 0:e.trackingSkillIds,e==null?void 0:e.skillIds]),[f,h]=c.useState([]),[m,y]=c.useState(()=>new Map),[x,g]=c.useState(0),[b,v]=c.useState(!1),[j,C]=c.useState(null),[w,R]=c.useState(null),k=c.useRef(null),E=c.useRef(null),T=c.useRef(null),N=c.useRef(null),I=c.useRef(!0),A=c.useRef(new Set),[$,_]=c.useState(()=>u?"connecting":"fallback"),S=c.useRef($);S.current=$;const L=c.useRef(new Set),P=c.useRef(null),D=c.useSyncExternalStore(V=>Xt.subscribe(V),()=>Xt.getSnapshot(),()=>Xt.getSnapshot()),H=D.size,ne=c.useCallback(V=>{if(Ff()||L.current.has(V))return;L.current.add(V);const G=zf(),K=Date.now(),se={event:V,sessionId:G,sourceTier:"platform-proxy",timestamp:K};V!=="connected"&&P.current!=null&&(se.durationSinceOpenMs=K-P.current);try{fetch(Mf,{method:"POST",headers:{"content-type":"application/json"},body:JSON.stringify(se),keepalive:!0}).catch(()=>{})}catch{}},[]),U=c.useCallback(async()=>{v(!0);const V=new AbortController,G=setTimeout(()=>V.abort(),s);try{const K=await Promise.race([ce.getSkillUpdates(),new Promise((se,Z)=>{V.signal.addEventListener("abort",()=>{Z(new Error("TIMEOUT"))})})]);if(K==="TIMEOUT")throw new Error("TIMEOUT");if(!I.current)return;h(K),y(Ma(K)),g(Da(K)),E.current=Date.now(),C(E.current),R(null)}catch(K){if(!I.current)return;R(K instanceof Error?K:new Error(String(K)))}finally{clearTimeout(G),I.current&&v(!1)}},[s]),B=c.useCallback(()=>{if(k.current)return k.current;const V=U().finally(()=>{k.current=null});return k.current=V,V},[U]),Q=c.useCallback(()=>{T.current==null&&(T.current=setInterval(()=>{B()},r))},[r,B]),pe=c.useCallback(()=>{T.current!=null&&(clearInterval(T.current),T.current=null)},[]),be=c.useCallback(()=>{if(typeof window>"u")return;const V=uf();V.length!==0&&(mt("queue-drain",{count:V.length}),V.forEach((G,K)=>{let se;se=setTimeout(()=>{if(A.current.delete(se),!I.current)return;const ae=Xt.getSnapshot().get(G.skillId);if(ae&&ae.eventId!==G.eventId){mt("queue-replay-skip-superseded",{queuedEventId:G.eventId,currentEventId:ae.eventId});return}try{window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:G.message,severity:G.severity,skillId:G.skillId,version:G.version,eventId:G.eventId}})),mt("queue-replay",{eventId:G.eventId})}catch{}},K*l),A.current.add(se)}))},[l]),W=c.useCallback(()=>{for(const V of A.current)clearTimeout(V);A.current.clear()},[]);c.useEffect(()=>{I.current=!0,(E.current==null||Date.now()-E.current>o)&&B(),(typeof document>"u"||document.visibilityState!=="hidden")&&Q();const K=()=>{if(N.current&&(clearTimeout(N.current),N.current=null),document.visibilityState==="hidden"){pe();return}be(),N.current=setTimeout(()=>{N.current=null,(E.current==null||Date.now()-E.current>o)&&B(),Q()},n)};return typeof document<"u"&&document.addEventListener("visibilitychange",K),()=>{I.current=!1,typeof document<"u"&&document.removeEventListener("visibilitychange",K),N.current&&clearTimeout(N.current),W(),pe()}},[]);const re=c.useCallback(async V=>{if(V.length!==0)try{const G=await ce.checkSkillUpdates(V);if(!I.current||G.length===0)return;const K=Date.now(),se=G.filter(ae=>ae.skillId&&ae.eventId&&ae.version).map(ae=>({skillId:ae.skillId,version:ae.version,eventId:ae.eventId,publishedAt:ae.publishedAt,diffSummary:ae.diffSummary,receivedAt:K}));se.length>0&&Xt.mergeBulk(se);const Z=G.filter(ae=>typeof ae.trackedForUpdates=="boolean"||typeof ae.updateAvailable=="boolean").map(ae=>({name:ae.name??ae.skillId,installed:ae.installed??"",latest:ae.latest??null,updateAvailable:ae.updateAvailable??!1,trackedForUpdates:typeof ae.trackedForUpdates=="boolean"?ae.trackedForUpdates:void 0}));Z.length>0&&h(ae=>{const de=new Map;for(const F of ae)de.set(F.name,F);let oe=0;for(const F of Z){const q=F.name,ee=de.get(q);if(ee){const Y={...ee};ee.trackedForUpdates===void 0&&F.trackedForUpdates!==void 0&&(Y.trackedForUpdates=F.trackedForUpdates),de.set(q,Y)}else de.set(q,{name:F.name,installed:F.installed??"",latest:F.latest??null,updateAvailable:F.updateAvailable??!1,trackedForUpdates:F.trackedForUpdates}),oe+=1}if(oe===0&&de.size===ae.length)return ae;const he=[...de.values()];return y(Ma(he)),g(Da(he)),he})}catch{}},[]);c.useEffect(()=>{const V=u||p;if(!V){_("fallback");return}if(typeof window>"u"||typeof EventSource>"u"){_("fallback");return}_("connecting");const G=V.split(",");let K=`${i}?skills=${encodeURIComponent(V)}`;const se=yf();se&&(K+=`&studioToken=${encodeURIComponent(se)}`);let Z=null,ae=null,de=null;const oe=()=>{ae==null&&(ae=setTimeout(()=>{ae=null,I.current&&S.current!=="connected"&&(_("fallback"),mt("fallback-flipped",{reason:"watchdog-timeout"}),ne("fallback"))},a),mt("fallback-armed",{fallbackMs:a}))},he=()=>{ae!=null&&(clearTimeout(ae),ae=null)};oe();const F=1e3,q=()=>{I.current&&de==null&&(de=setTimeout(()=>{if(de=null,!!I.current&&!(Z&&Z.readyState!==EventSource.CLOSED)){if(Z)try{Z.close()}catch{}mt("reconnect-scheduled",{backoffMs:F}),ne("reconnect-scheduled"),me()}},F))},ee=Se=>{if(!I.current)return;let ve;try{ve=JSON.parse(Se.data)}catch{return}if(!_f(ve))return;const Fe=Xt.ingest(ve);if(mt("message",{eventId:ve.eventId,skillId:ve.skillId,outcome:Fe}),Fe==="duplicate")return;const Ke=typeof document>"u"||document.visibilityState!=="hidden",qe=`${ve.skillId} updated to ${ve.version}`;if(Ke)try{window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:qe,severity:"info",skillId:ve.skillId,version:ve.version,eventId:ve.eventId}}))}catch{}else{const X={message:qe,severity:"info",skillId:ve.skillId,version:ve.version,eventId:ve.eventId,enqueuedAt:Date.now()},Re=df(X);mt("queue-enqueue",{eventId:ve.eventId,outcome:Re})}},Y=()=>{I.current&&(mt("gone",{skillsCount:G.length}),ne("gone-frame-received"),Xt.clearSeen(),re(G))},ue=Se=>{if(!I.current)return;let ve;try{ve=JSON.parse(Se.data)}catch{return}if(Bf(ve)){if(!Wl(ve.submissionId,ve.state)){mt("submission-decision-duplicate",{submissionId:ve.submissionId,state:ve.state});return}mt("submission-decision",{submissionId:ve.submissionId,state:ve.state}),Ul(ve.submissionId,ve.skillName??"",ve.state),is.has(ve.state)&&B()}},me=()=>{I.current&&(Z=new EventSource(K),mt("open-attempt",{url:K}),Z.onopen=()=>{I.current&&(he(),_("connected"),P.current=Date.now(),mt("open",{url:K}),ne("connected"))},Z.onerror=()=>{I.current&&(mt("error",{readyState:Z==null?void 0:Z.readyState}),oe(),Z&&Z.readyState===EventSource.CLOSED&&q())},Z.onmessage=ee,Z.addEventListener("gone",Y),Z.addEventListener("submission_decision",ue))};return me(),()=>{if(he(),de!=null&&(clearTimeout(de),de=null),Z){try{Z.removeEventListener("gone",Y)}catch{}try{Z.removeEventListener("submission_decision",ue)}catch{}try{Z.close()}catch{}}W()}},[u,p,i,a,re,ne,W]),c.useEffect(()=>{if(!p)return;const V=p.split(",");re(V)},[p,re]);const M=c.useCallback(V=>{Xt.dismiss(V)},[]);return{updates:f,updatesMap:m,updateCount:x,isRefreshing:b,lastFetchAt:j,error:w,refresh:B,updatesById:D,pushUpdateCount:H,status:$,dismiss:M}}async function Wf(){return Vl("account_get_platform_url"),{platformBaseUrl:"",authMode:"cookie",getAuthHeader:async()=>null}}async function Uf(){const e=await Vl("account_get_user_summary");return e&&typeof e=="object"?e:{signedIn:!1,login:null,avatarUrl:null,tier:"free"}}async function Vl(e){var s;if(typeof window>"u")return null;const n=(s=window.__TAURI_INTERNALS__)==null?void 0:s.invoke;if(!n)return null;try{return await n(e)}catch(o){return console.warn(`[AccountTauriBridge] ${e} failed:`,o),null}}function Gl(){var e;return typeof window>"u"?!1:!!((e=window.__TAURI_INTERNALS__)!=null&&e.invoke)}const Hf={signedIn:!1,login:null,avatarUrl:null,tier:"free"};function Kl(){const[e,r]=c.useState(Hf);return c.useEffect(()=>{let n=!1;const s=()=>{Uf().then(o=>{n||r(o)})};return s(),typeof window>"u"?()=>{n=!0}:(window.addEventListener("studio:account-summary-refresh",s),()=>{n=!0,window.removeEventListener("studio:account-summary-refresh",s)})},[]),e}const Vf={selectedSkill:null,mode:"browse",searchQuery:"",skills:[],skillsLoading:!0,skillsError:null,isMobile:!1,mobileView:"list",updateNotificationDismissed:!1,revealSkillId:null};function Gf(e,r){switch(r.type){case"SELECT_SKILL":return{...e,selectedSkill:r.skill,mode:"browse",mobileView:e.isMobile?"detail":e.mobileView};case"CLEAR_SELECTION":return{...e,selectedSkill:null};case"SET_MODE":return{...e,mode:r.mode,selectedSkill:r.mode==="create"?null:e.selectedSkill};case"SET_SEARCH":return{...e,searchQuery:r.query};case"SET_SKILLS":return{...e,skills:r.skills,skillsLoading:!1,skillsError:null};case"SET_SKILLS_ERROR":return{...e,skillsError:r.error,skillsLoading:!1};case"SET_SKILLS_LOADING":return{...e,skillsLoading:r.loading};case"SET_MOBILE":return{...e,isMobile:r.isMobile};case"SET_MOBILE_VIEW":return{...e,mobileView:r.view};case"DISMISS_UPDATE_NOTIFICATION":return{...e,updateNotificationDismissed:!0};case"REVEAL_SKILL":return{...e,selectedSkill:r.skill,revealSkillId:`${r.skill.plugin}/${r.skill.skill}`,mode:"browse",mobileView:e.isMobile?"detail":e.mobileView};case"CLEAR_REVEAL":return{...e,revealSkillId:null};default:return e}}const ql=c.createContext(null),Yl=ql;function Mt(){const e=c.useContext(Yl);if(!e)throw new Error("useStudio must be used within StudioProvider");return e}function Kf({children:e}){const[r,n]=c.useReducer(Gf,Vf),s=nf("(max-width: 767px)");c.useEffect(()=>{n({type:"SET_MOBILE",isMobile:s})},[s]);const[o,a]=c.useState(()=>{try{const W=window.localStorage.getItem("vskill.studio.prefs");if(!W)return null;const re=JSON.parse(W);return typeof re.activeAgent=="string"?re.activeAgent:null}catch{return null}}),[i,l]=c.useState(o!==null);c.useEffect(()=>{function W(re){if(!(re instanceof CustomEvent))return;const M=re.detail;M!=null&&M.agentId&&(a(M.agentId),l(!0))}return window.addEventListener("studio:agent-changed",W),()=>window.removeEventListener("studio:agent-changed",W)},[]),c.useEffect(()=>{if(i)return;let W=!1;return ce.getAgents().then(re=>{if(W)return;const M=(re==null?void 0:re.suggested)??"claude-code";a(V=>V??M),l(!0)}).catch(()=>{W||(a(re=>re??"claude-code"),l(!0))}),()=>{W=!0}},[i]);const d=c.useCallback(()=>{if(!i||!o)return Promise.resolve();n({type:"SET_SKILLS_LOADING",loading:!0});const W={agent:o};return ce.getSkills(W).then(re=>{n({type:"SET_SKILLS",skills:re});const M=window.location.hash,V=M.match(/^#\/skills\/(project|personal|plugin)\/([^/]+)\/([^/?]+)/);if(V){const[,K,se,Z]=V,ae=K,de=re.find(he=>he.plugin===se&&he.skill===Z&&he.source===ae);if(de){n({type:"SELECT_SKILL",skill:{plugin:se,skill:Z,origin:de.origin,source:de.source}});return}const oe=re.find(he=>he.plugin===se&&he.skill===Z);oe&&n({type:"SELECT_SKILL",skill:{plugin:se,skill:Z,origin:oe.origin,source:oe.source}});return}const G=M.match(/^#\/skills\/([^/]+)\/([^/?]+)/);if(G){const[,K,se]=G,Z=re.find(ae=>ae.plugin===K&&ae.skill===se);Z&&n({type:"SELECT_SKILL",skill:{plugin:K,skill:se,origin:Z.origin,source:Z.source}})}}).catch(re=>n({type:"SET_SKILLS_ERROR",error:re.message}))},[o,i]);c.useEffect(()=>{d()},[d]),c.useEffect(()=>{function W(){d()}return window.addEventListener("studio:project-changed",W),()=>window.removeEventListener("studio:project-changed",W)},[d]);const u=c.useCallback(W=>{n({type:"SELECT_SKILL",skill:W}),window.location.hash=W.source?`/skills/${W.source}/${W.plugin}/${W.skill}`:`/skills/${W.plugin}/${W.skill}`},[]),p=c.useRef(r.skills);c.useEffect(()=>{p.current=r.skills},[r.skills]);const f=c.useCallback((W,re)=>{const M=p.current,V=W?M.find(Z=>Z.plugin===W&&Z.skill===re):M.find(Z=>Z.skill===re&&Z.source!=="plugin");if(!W&&!V){typeof console<"u"&&console.warn(`[StudioContext] revealSkill: no plugin provided and skill "${re}" not yet in state — skipping reveal`);return}const G=(V==null?void 0:V.plugin)??W,K=(V==null?void 0:V.origin)??"source",se=V==null?void 0:V.source;n({type:"REVEAL_SKILL",skill:{plugin:G,skill:re,origin:K,source:se}}),window.location.hash=se?`/skills/${se}/${G}/${re}`:`/skills/${G}/${re}`},[]),h=c.useCallback(()=>{n({type:"CLEAR_REVEAL"})},[]),m=c.useCallback(()=>{n({type:"CLEAR_SELECTION"}),window.location.hash.startsWith("#/skills/")&&history.replaceState(null,"",window.location.pathname+window.location.search)},[]),y=c.useCallback(W=>{n({type:"SET_MODE",mode:W})},[]),x=c.useCallback(W=>{n({type:"SET_SEARCH",query:W})},[]),g=c.useCallback(W=>{n({type:"SET_MOBILE_VIEW",view:W})},[]),b=c.useCallback(()=>{n({type:"DISMISS_UPDATE_NOTIFICATION"})},[]),v=c.useRef(new Map),j=c.useRef(""),C=c.useRef(!1),[w,R]=c.useState(""),k=c.useRef(""),E=c.useRef(""),[T,N]=c.useState(""),I=c.useMemo(()=>r.skills.map(W=>`${W.plugin}/${W.skill}`),[r.skills]),A=c.useMemo(()=>{const W=w?w.split(",").filter(Boolean):[],re=T?T.split(",").filter(Boolean):[];return W.length===0&&re.length===0?[]:[...new Set([...W,...re])]},[w,T]),$=Kl(),_=$.signedIn?$.userId:void 0,S=Of({skillIds:A,trackingSkillIds:I,userId:_}),L=c.useMemo(()=>A.length,[A]),P=c.useRef("");c.useEffect(()=>{const W=r.skills.filter(K=>K.origin==="installed");if(W.length===0){R(""),P.current="";return}const re=new Map;for(const K of S.updates)re.set(K.name.split("/").pop()||K.name,K);const M=W.map(K=>{const se=re.get(K.skill),Z=K.currentVersion??(se==null?void 0:se.installed)??K.version??K.pluginVersion??"1.0.0";return{plugin:K.plugin,skill:K.skill,name:(se==null?void 0:se.name)??K.skill,currentVersion:Z}}),V=M.map(K=>`${K.plugin}/${K.skill}@${K.currentVersion}#${K.name}`).sort().join("|");if(V===P.current)return;P.current=V;let G=!1;return ce.resolveInstalledSkillIds(M).then(K=>{if(G)return;const ae=[...Ef(K).flatMap(de=>[de.uuid,de.slug].filter(Boolean))].sort().join(",");ae!==j.current&&(j.current=ae,v.current=new Map(K.map(de=>[`${de.plugin}/${de.skill}`,{uuid:de.uuid,slug:de.slug}])),R(ae))}).catch(K=>{if(G||(P.current=""),!C.current){C.current=!0;const se=K instanceof Error?K.message:String(K);console.warn("[studio] resolveInstalledSkillIds failed (using polling fallback):",se)}}),()=>{G=!0}},[r.skills,S.updates]),c.useEffect(()=>{const W=r.skills.filter(G=>G.origin==="source"&&typeof G.author=="string"&&G.author.length>0);if(W.length===0){k.current!==""&&(k.current="",N("")),E.current="";return}const re=W.map(G=>({name:G.skill,author:G.author})),M=re.map(G=>`${G.name.toLowerCase()}|${G.author}`).sort().join(`
+`);if(M===E.current)return;E.current=M;let V=!1;return ce.lookupSkillsByName(re).then(G=>{if(V)return;const K=G.flatMap(Z=>[Z.uuid,Z.slug]).filter(Z=>typeof Z=="string"&&Z.length>0),se=[...new Set(K)].sort().join(",");se!==k.current&&(k.current=se,N(se))}).catch(()=>{V||(E.current="")}),()=>{V=!0}},[r.skills]);const D=c.useMemo(()=>{const W=r.skills.map(re=>{if(!re.updateAvailable&&re.latestVersion===void 0&&re.trackedForUpdates===void 0)return re;const M={...re};return delete M.updateAvailable,delete M.currentVersion,delete M.latestVersion,delete M.trackedForUpdates,M});return rf(W,S.updates)},[r.skills,S.updates]),H=c.useMemo(()=>{const W={source:0,installed:0};for(const re of D)re.updateAvailable&&(W[re.origin]+=1);return W},[D]),ne=c.useMemo(()=>({...r,skills:D}),[r,D]),U=S.updateCount,B=S.refresh,Q=S.isRefreshing,pe=c.useCallback((W,re)=>{B(),d(),ze(`versions/${W}/${re}`),S.dismiss(`${W}/${re}`)},[B,d,S]),be=c.useMemo(()=>({state:ne,selectSkill:u,clearSelection:m,setMode:y,setSearch:x,setMobileView:g,refreshSkills:d,updateCount:U,dismissUpdateNotification:b,updates:S.updates,outdatedByOrigin:H,isRefreshingUpdates:Q,refreshUpdates:B,revealSkill:f,clearReveal:h,updatesById:S.updatesById,pushUpdateCount:S.pushUpdateCount,updateStreamStatus:S.status,dismissPushUpdate:S.dismiss,activeAgent:o,onSkillUpdated:pe,trackedSkillCount:L}),[ne,u,m,y,x,g,d,U,b,S.updates,H,Q,B,f,h,S.updatesById,S.pushUpdateCount,S.status,S.dismiss,o,pe,L]);return t.jsx(Yl.Provider,{value:be,children:e})}const qf={config:null,loading:!0};function Yf(e,r){switch(r.type){case"SET_CONFIG":return{config:r.config,loading:!1};case"SET_LOADING":return{...e,loading:!0};default:return e}}const Jl=c.createContext(null);function mr(){const e=c.useContext(Jl);if(!e)throw new Error("useConfig must be used within ConfigProvider");return e}function Jf({children:e}){const[r,n]=c.useReducer(Yf,qf),s=c.useCallback(()=>{ce.getConfig().then(i=>n({type:"SET_CONFIG",config:i})).catch(()=>{})},[]);c.useEffect(()=>{s()},[s]);const o=c.useCallback(async(i,l)=>{const d=await ce.setConfig(i,l);return n({type:"SET_CONFIG",config:d}),d},[]),a=c.useMemo(()=>({config:r.config,loading:r.loading,updateConfig:o,refreshConfig:s}),[r,o,s]);return t.jsx(Jl.Provider,{value:a,children:e})}function Qf({topRail:e,sidebar:r,main:n,statusBar:s,resizeHandle:o,banner:a,liveMessage:i,sidebarWidth:l=320,sidebarHidden:d=!1}){const u={"--top-rail-height":"48px","--status-bar-height":"28px","--sidebar-width":`${l}px`,display:"grid",gridTemplateRows:"var(--top-rail-height) 1fr var(--status-bar-height)",height:"100vh",overflow:"hidden",background:"var(--bg-canvas)",color:"var(--text-primary)"},p={display:"grid",gridTemplateColumns:d?"1fr":"var(--sidebar-width) auto 1fr",minHeight:0,overflow:"hidden"};return t.jsxs("div",{className:"studio-shell",style:u,children:[a,t.jsx("header",{style:{borderBottom:"1px solid var(--border-default)",background:"var(--bg-canvas)",display:"flex",alignItems:"center",minHeight:0},children:e}),t.jsxs("div",{style:p,children:[!d&&t.jsx("aside",{"aria-label":"Skills sidebar",style:{minHeight:0,overflow:"hidden",borderRight:o?"none":"1px solid var(--border-default)",background:"var(--bg-canvas)",display:"flex",flexDirection:"column"},children:r}),!d&&o,t.jsx("main",{style:{minHeight:0,overflow:"auto",background:"var(--bg-canvas)"},children:n})]}),t.jsx("footer",{role:"contentinfo",style:{borderTop:"1px solid var(--border-default)",background:"var(--bg-canvas)",display:"flex",alignItems:"center",minHeight:0},children:s}),t.jsx("div",{"aria-live":"polite",role:"status",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",whiteSpace:"nowrap",border:0},children:i??""})]})}const Xf={sectionOwn:"Own",sectionInstalled:"Installed",searchPlaceholder:"Search skills",searchShortcutHint:"Press / to search",emptyOwnHeadline:"No skills yet.",emptyOwnBody:"Run vskill new <name> to create one.",emptyInstalledHeadline:"No installed skills.",emptyInstalledBody:"Run vskill install <skill> to add one.",emptyFilteredHeadline:"No matches in this section.",emptyFilteredBody:"Clear the search or try another query.",loadErrorHeadline:"Couldn't load skills.",loadErrorRetry:"Retry",duplicateBadge:"synced from Own",updateAvailableBadge:"Update available",countBadgeFiltered:(e,r)=>`${e} of ${r}`},Zf={appTitle:"Skill Studio",commandPaletteButtonLabel:"Open command palette",commandPaletteHint:"⌘K",themeToggleLight:"Switch to light theme",themeToggleDark:"Switch to dark theme",themeToggleAuto:"Switch to auto theme",projectPathLabel:"Project",modelLabel:"Model",healthLabel:"Health"},eh={tabOverview:"Overview",tabVersions:"Versions",tabBenchmark:"Benchmark",emptyHeadline:"Select a skill to see details.",emptyBody:"Pick one from the sidebar.",loadErrorHeadline:e=>`Couldn't load SKILL.md for ${e}.`,loadErrorBody:"Check the file path and your workspace permissions.",openInEditor:"Open in editor",copyPath:"Copy path",copyConfigSnippet:"Copy config snippet",depNotInstalledTooltip:"Not installed",missingValue:"—",announceViewingOwn:e=>`Viewing ${e} (Own)`,announceViewingInstalled:e=>`Viewing ${e} (Installed)`,moreFields:"More fields",sourceAgent:"Source agent",noMcpDependencies:"No MCP dependencies.",filesystemGroup:"Filesystem",benchmarkGroup:"Benchmark",metadataGroup:"Frontmatter"},th={open:"Open",copyPath:"Copy Path",revealInEditor:"Reveal in Editor",edit:"Edit",duplicate:"Duplicate",cloneToAuthoring:"Clone to authoring…",runBenchmark:"Run Benchmark",update:"Update",uninstall:"Uninstall",retry:"Retry",delete:"Delete",deletePluginTooltip:"Plugin skills are managed by their owning plugin — uninstall the plugin to remove.",undo:"Undo"},rh={inputPlaceholder:"Type a command or search",emptyResults:"No matches. Try a different query.",groupNavigation:"Navigation",groupActions:"Actions",groupTheme:"Theme",actionSelectSkill:"Select skill",actionRunBenchmark:"Run benchmark",actionSwitchTheme:"Switch theme",actionNewSkill:"New skill",closeLabel:"Close palette"},nh={title:"Keyboard shortcuts",closeLabel:"Close shortcuts",groupNavigation:"Navigation",groupActions:"Actions",groupTheme:"Theme",search:"Focus search",moveDown:"Move selection down",moveUp:"Move selection up",openSelected:"Open selected skill",openPalette:"Open command palette",openShortcuts:"Open this cheatsheet",toggleSidebar:"Toggle sidebar",toggleTheme:"Toggle theme"},sh={pathCopied:"Path copied.",configCopied:"Config copied.",skillDuplicated:"Skill duplicated.",cloneStarted:"Cloning to authoring…",cloneSucceeded:"Cloned to authoring.",cloneFailed:"Clone failed. Check eval-server logs.",benchmarkQueued:"Benchmark queued.",themeUpdated:"Theme updated.",skillUpdated:"Skill updated.",openingInEditor:"Opening in editor…",noEditor:"No editor found. Set $VISUAL or $EDITOR, or install code/cursor.",openFailed:"Could not open in editor.",skillNotFound:"Skill not found on disk.",uninstallNotImplemented:"Uninstall is not yet available from this menu.",actionFailed:"Action failed. Retry or check logs.",networkError:"Network error. Check your connection.",permissionDenied:"Permission denied. Check file access.",unknownError:"Something went wrong. Retry or check logs."},oh={disconnected:"Disconnected — reconnecting…",reconnected:"Reconnected.",loading:"Loading skills…",loadingPlaceholderCount:"—"},ah={fieldRequired:"This field is required.",nameInvalid:"Use letters, numbers, and hyphens.",descriptionRequired:"Description is required.",saveFailed:"Save failed. Check the form for errors."},ih={boundaryHeadline:"Something broke in this view.",boundaryBody:"Reload the page to recover.",boundaryAction:"Reload"},lh={triggerLabel:"Agent and model",popoverTitle:"Select agent and model",footerHint:"↑↓ navigate · Enter select · Esc close",settingsButton:"Settings",keyboardShortcut:"⌘K",noModelsYet:"No models yet.",searchPlaceholder:"Search 300+ models…",noMatches:e=>`No models match "${e}"`,clearSearch:"Clear",currentlyActive:"Currently active"},ch={claudeCli:{name:"Claude Code",caption:"Delegates to the `claude` CLI — your existing Claude Code session handles quota.",missingBinary:"Claude Code not found. Install it: `npm install -g @anthropic-ai/claude-code`. Or choose a provider with an API key.",installCta:"Install Claude Code →",installUrl:"https://docs.claude.com/en/docs/claude-code"},anthropic:{name:"Anthropic API",caption:"Direct access via your Anthropic API key.",addKeyCta:"Add API key →",keyIssuanceUrl:"https://platform.claude.com/settings/keys",keyPrefix:"sk-ant-"},openai:{name:"OpenAI",caption:"GPT-4, GPT-5, and the o-series reasoning models.",addKeyCta:"Add API key →",keyIssuanceUrl:"https://platform.openai.com/api-keys",keyPrefix:"sk-",pastePlaceholder:"Paste OpenAI API key (sk-proj-...)"},openrouter:{name:"OpenRouter",caption:"300+ models from every major vendor.",addKeyCta:"Add API key →",emptyCardBody:"Add your OpenRouter API key to browse 300+ models",keyIssuanceUrl:"https://openrouter.ai/settings/keys",keyPrefix:"sk-or-"},cursor:{name:"Cursor",caption:"Cursor IDE composer.",installCta:"Install Cursor →"},codexCli:{name:"Codex CLI",caption:"OpenAI Codex CLI.",installCta:"Install Codex CLI →"},geminiCli:{name:"Gemini CLI",caption:"Google Gemini CLI.",installCta:"Install Gemini CLI →"},copilot:{name:"GitHub Copilot",caption:"GitHub Copilot CLI.",installCta:"Install Copilot →"},zed:{name:"Zed",caption:"Zed editor.",installCta:"Install Zed →"},ollama:{name:"Ollama",caption:"Local models, free.",startServiceCta:"Start service →"},lmStudio:{name:"LM Studio",caption:"Local models, free.",startServiceCta:"Start LM Studio server →",startServiceTooltip:"Open LM Studio → Developer tab → Start Server (default port 1234)."}},dh={subscriptionBilling:"· subscription",free:"· free"},uh={title:"Settings",sectionApiKeys:"API Keys",banner:"Keys are stored locally on this device only. Never synced, never committed to git, never transmitted off-device except to the provider's own API.",storagePath:e=>`Keys stored at ${e} · protected by file permissions (0600 on macOS/Linux)`,storagePathFallback:"Keys stored locally on this device.",copyPath:"Copy path",pathCopied:"Path copied.",show:"Show",hide:"Hide",paste:"Paste",save:"Save",remove:"Remove",removeConfirm:e=>`Remove ${e} API key?`,keyStoredAt:e=>`Key stored locally — updated ${e}`,noKey:"No key stored",enterNonEmpty:"Enter a non-empty key",prefixWarn:e=>`This doesn't look like a typical ${e} key. Save anyway?`,keySaved:e=>`${e} API key saved (local only, never synced)`,keyRemoved:e=>`${e} API key removed`},ph={providersLabel:"Providers",providerSummary:(e,r)=>`${e}/${r} providers`,locked:e=>`${e} — locked. Click to add a key.`,lockedCli:e=>`${e} — locked. Click for install instructions.`,unlocked:e=>`${e} — unlocked.`},fh={triggerAriaLabel:"Choose active agent for the sidebar",popoverTitle:"Choose active agent",statsInstalled:"Installed",statsGlobal:"Global",statsPlugins:"Plugins",statsLastSync:"Last sync",statsHealthOk:"Fresh",statsHealthStale:"Updates available",statsHealthMissing:"Not detected",switchCta:"Switch for this studio session",notDetectedSubheading:"Not detected",setUpCta:e=>`Set up ${e}`,sharedFolderBanner:e=>`Shared folder — consumed by ${e}`},hh={ownLabel:"Own",installedLabel:"Installed",globalLabel:"Global",emptyOwn:"No authored skills — run vskill new.",emptyInstalled:e=>`No skills installed for ${e} in this project — run vskill install.`,emptyGlobal:e=>`No global skills for ${e} — run vskill install --global.`},mh={compactLabel:"Uses your Claude Code session · overflow billed at API rates",tooltip:"vSkill delegates to the `claude` CLI — your existing Claude Code session handles quota. If you've enabled extra usage in your account settings, excess runs at standard API rates. Run /usage in Claude Code or visit claude.com Settings → Usage to see remaining quota — vskill can't display it directly.",firstUseBanner:"Claude Code uses your existing session. No API key needed — vskill just runs the official claude binary on your behalf.",learnMore:"Learn more"},xh={title:e=>`Set up ${e}`,close:"Close",copy:"Copy",copied:"Copied",requiredEnv:"Required env vars",getKey:"Get a key",installRun:"Install & run",learnMore:"Learn more",fallbackTitle:"No setup guide available",fallbackBody:"We don't ship a setup guide for this provider yet."},gh={groupAvailable:"Available",groupAuthoring:"Authoring",sourceProject:"Project",sourcePersonal:"Personal",sourcePlugin:"Plugins",authoringSkills:"Skills"},yh={anthropic:{name:"Anthropic API",description:"Direct API access to Claude via your Anthropic API key. Pay-per-token billing.",envVars:["ANTHROPIC_API_KEY"],keyUrl:"https://platform.claude.com/settings/keys",learnMoreUrl:"https://docs.claude.com/en/docs/get-started"},openai:{name:"OpenAI",description:"Access to GPT-4, GPT-5 and the o-series reasoning models via your OpenAI API key.",envVars:["OPENAI_API_KEY"],keyUrl:"https://platform.openai.com/api-keys",learnMoreUrl:"https://platform.openai.com/docs"},openrouter:{name:"OpenRouter",description:"One API key, 300+ models from Anthropic, OpenAI, Google, Meta, and more.",envVars:["OPENROUTER_API_KEY"],keyUrl:"https://openrouter.ai/keys",learnMoreUrl:"https://openrouter.ai/docs"},gemini:{name:"Gemini",description:"Google Gemini models (2.5 Pro, Flash) via Google AI Studio. Free tier available.",envVars:["GEMINI_API_KEY"],keyUrl:"https://aistudio.google.com/apikey",learnMoreUrl:"https://ai.google.dev/gemini-api/docs"},ollama:{name:"Ollama",description:"Local models on your own machine. Zero external calls, zero cost after download.",envVars:["OLLAMA_HOST"],installCmd:"curl -fsSL https://ollama.com/install.sh | sh",startCmd:"ollama serve",pullExample:"ollama pull llama3.2",learnMoreUrl:"https://ollama.com/download"},lmStudio:{name:"LM Studio",description:"Desktop app + local server for running open models with a GUI. Compatible with the OpenAI API.",envVars:["LM_STUDIO_BASE_URL"],installCmd:"Download from https://lmstudio.ai and launch the app, then start the local server.",startCmd:"# In LM Studio: Developer → Start Server (default port 1234)",pullExample:"# In LM Studio: Discover → download any GGUF model",learnMoreUrl:"https://lmstudio.ai/docs"},claudeCode:{name:"Claude Code",description:"No API key needed if you're logged into Claude Code. vskill just runs the official claude binary on your behalf — your existing Claude Code session handles quota.",loginHint:"If you're not logged in, run claude in your terminal and authenticate with your Anthropic account.",learnMoreUrl:"https://docs.claude.com/en/docs/claude-code"}},O={sidebar:Xf,shell:Zf,detail:eh,actions:th,palette:rh,shortcuts:nh,toasts:sh,connection:oh,forms:ah,errors:ih,picker:lh,providers:ch,models:dh,settings:uh,statusBar:ph,scopePicker:fh,scopeSection:hh,claudeCodeLabel:mh,setupDrawer:xh,setupProviders:yh,scopeLabels:gh},Fa=["claude-cli","anthropic","openai","openrouter","cursor","codex-cli","gemini-cli","copilot","zed","ollama","lm-studio"],vh={"claude-cli":".claude",cursor:".cursor","codex-cli":".codex","gemini-cli":".gemini",copilot:".github",zed:".zed"},bh={"claude-cli":"claude",cursor:"cursor","codex-cli":"codex","gemini-cli":"gemini"},kh={"claude-cli":"cli-install",anthropic:"api-key",openai:"api-key",openrouter:"api-key",cursor:"cli-install","codex-cli":"cli-install","gemini-cli":"cli-install",copilot:"cli-install",zed:"cli-install",ollama:"start-service","lm-studio":"start-service"},jh={"claude-cli":"subscription",anthropic:"per-token",openai:"per-token",openrouter:"per-token",cursor:"subscription","codex-cli":"subscription","gemini-cli":"subscription",copilot:"subscription",zed:"subscription",ollama:"free","lm-studio":"free"};function wh(e,r){var l,d;const n=vh[e.id]??null,s=bh[e.id]??null,o=n?!!((l=r==null?void 0:r.wrapperFolders)!=null&&l[n]):!1,a=s?!!((d=r==null?void 0:r.binaries)!=null&&d[s]):!0,i=e.models.map(u=>({id:u.id,displayName:u.label,billingMode:jh[e.id]??"per-token",...u.pricing?{pricing:u.pricing}:{},...u.resolvedId?{resolvedId:u.resolvedId}:{}}));return{id:e.id,displayName:Sh(e.id,e.label),wrapperFolder:n,wrapperFolderPresent:o,binaryAvailable:a,endpointReachable:e.id==="ollama"||e.id==="lm-studio"?e.available:null,available:e.available,ctaType:e.available?null:kh[e.id]??null,models:i,resolvedModel:e.resolvedModel??null}}function Sh(e,r){return{"claude-cli":"Claude Code",anthropic:"Anthropic API",openai:"OpenAI API",openrouter:"OpenRouter",cursor:"Cursor","codex-cli":"Codex CLI","gemini-cli":"Gemini CLI",copilot:"GitHub Copilot",zed:"Zed",ollama:"Ollama","lm-studio":"LM Studio"}[e]??r}function Ch(e){const r=new Map(e.map(s=>[s.id,s])),n=[];for(const s of Fa){const o=r.get(s);o&&n.push(o)}for(const s of e)Fa.includes(s.id)||n.push(s);return n}function Eh(e){const[r,n]=c.useState(null),[s,o]=c.useState("loading"),[a,i]=c.useState(null),[l,d]=c.useState(null),u=c.useRef(null),p=c.useRef(0),f=c.useRef(e==null?void 0:e.onStaleCatalog),h=c.useRef(e==null?void 0:e.onSetActiveError);c.useEffect(()=>{f.current=e==null?void 0:e.onStaleCatalog,h.current=e==null?void 0:e.onSetActiveError},[e==null?void 0:e.onStaleCatalog,e==null?void 0:e.onSetActiveError]);const m=c.useCallback(async()=>{try{const v=await fetch("/api/config");if(!v.ok)throw new Error(`/api/config returned ${v.status}`);const j=await v.json(),C=Ch((j.providers||[]).map(w=>wh(w,j.detection)));n({agents:C,activeAgent:j.provider??null,activeModel:j.model??null}),o("ready"),i(null)}catch(v){o("error"),i(v.message)}},[]);c.useEffect(()=>{m()},[m]);const y=c.useCallback(async()=>{var j;const v=Date.now();if(!(v-p.current<5*6e4))try{const C=await fetch("/api/openrouter/models");if(!C.ok){C.status!==400&&d(`OpenRouter catalog fetch failed (${C.status})`);return}const w=await C.json();p.current=v,d(null),n(E=>{if(!E)return E;const T=E.agents.map(N=>{if(N.id!=="openrouter")return N;const I=w.models.map($=>({id:$.id,displayName:$.name,contextWindow:$.contextWindow,pricing:$.pricing,billingMode:"per-token"}));return{...N,models:I,catalogAgeMs:w.ageSec?w.ageSec*1e3:0,cacheStale:!!w.stale}});return{...E,agents:T}});const R=w.ageSec??0;(w.stale===!0||R>600)&&((j=f.current)==null||j.call(f,"openrouter",R*1e3))}catch(C){d(`OpenRouter catalog unreachable: ${C.message}`)}},[]),x=c.useCallback(v=>{u.current=v,v==="openrouter"&&y()},[y]),g=c.useCallback(()=>{p.current=0,m()},[m]),b=c.useCallback(async(v,j)=>{var R,k;let C;try{C=await fetch("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:v,model:j})})}catch(E){(R=h.current)==null||R.call(h,`Network error while setting ${v}: ${E.message}`);return}if(C.ok){n(E=>E&&{...E,activeAgent:v,activeModel:j});return}let w=`Failed to set ${v} (${C.status})`;try{const E=await C.json();E&&typeof E.error=="string"&&(w=E.error)}catch{}(k=h.current)==null||k.call(h,w)},[]);return{status:s,catalog:r,error:a,openRouterError:l,focusAgent:x,refresh:g,activeAgentId:(r==null?void 0:r.activeAgent)??null,activeModelId:(r==null?void 0:r.activeModel)??null,setActive:b}}function Ss({variant:e,label:r,onActivate:n,installUrl:s,tooltip:o}){function a(l){if(l.stopPropagation(),e==="cli-install"&&s){window.open(s,"_blank","noopener,noreferrer");return}n()}function i(l){(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),a(l))}return t.jsx("button",{type:"button","data-testid":`locked-cta-${e}`,onClick:a,onKeyDown:i,className:"inline-flex items-center gap-1.5 px-0 py-0 text-[11px] font-medium",style:{color:"var(--accent, var(--text-primary))",background:"transparent",border:"none",cursor:"pointer"},"aria-label":r,...o?{title:o}:{},children:r})}function ko({unlocked:e=!1,size:r=10}){return e?t.jsxs("svg",{width:r,height:r,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t.jsx("rect",{x:"3",y:"7",width:"10",height:"7",rx:"1"}),t.jsx("path",{d:"M5 7V4.5A3 3 0 0 1 11 3.5"})]}):t.jsxs("svg",{width:r,height:r,viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t.jsx("rect",{x:"3",y:"7",width:"10",height:"7",rx:"1"}),t.jsx("path",{d:"M5 7V4.5A3 3 0 0 1 11 4.5V7"})]})}const Nh=new Set(["claude-cli","claude-code"]);function za(e){return Nh.has(e)}const _a=new Set(["claude-cli","claude-code","anthropic","openai","openrouter","cursor","codex-cli","gemini-cli","copilot","zed"]);function Rh({agents:e,activeAgentId:r,focusedAgentId:n,onFocus:s,onSelect:o,onOpenSettings:a}){const i=e.filter(d=>_a.has(d.id)),l=e.filter(d=>!_a.has(d.id));return t.jsxs("div",{role:"listbox","aria-label":"Agent","data-testid":"agent-list",style:{width:240,borderRight:"1px solid var(--border-default, var(--border-subtle))",display:"flex",flexDirection:"column",overflowY:"auto"},children:[i.map(d=>t.jsx(Ba,{agent:d,isActive:d.id===r,isFocused:d.id===n,onFocus:s,onSelect:o,onOpenSettings:a},d.id)),l.length>0&&t.jsx("div",{style:{borderTop:"1px solid var(--border-default, var(--border-subtle))",margin:"4px 0"},"aria-hidden":"true"}),l.map(d=>t.jsx(Ba,{agent:d,isActive:d.id===r,isFocused:d.id===n,onFocus:s,onSelect:o,onOpenSettings:a},d.id))]})}function Ba({agent:e,isActive:r,isFocused:n,onFocus:s,onSelect:o,onOpenSettings:a}){const{providers:i}=O,l={"claude-cli":i.claudeCli.caption,anthropic:i.anthropic.caption,openrouter:i.openrouter.caption},d={"claude-cli":{label:i.claudeCli.installCta,url:i.claudeCli.installUrl},cursor:{label:i.cursor.installCta},"codex-cli":{label:i.codexCli.installCta},"gemini-cli":{label:i.geminiCli.installCta},copilot:{label:i.copilot.installCta},zed:{label:i.zed.installCta}},u=za(e.id),p={minHeight:36,height:u?"auto":36,padding:u?"6px 12px":"0 12px",display:"flex",alignItems:"center",gap:8,cursor:"pointer",position:"relative",background:n?"var(--surface-muted, var(--surface-3))":"transparent",borderLeft:r?"1px solid var(--accent, var(--color-accent))":"1px solid transparent",fontFamily:"'Inter Tight Variable', 'Inter Tight', system-ui, sans-serif",fontSize:13,fontWeight:r?500:400,color:"var(--text-primary)"};return r&&(p.background="color-mix(in srgb, var(--accent, var(--color-accent)) 10%, transparent)"),t.jsxs("div",{role:"option","aria-selected":r,"data-testid":`agent-row-${e.id}`,"data-focused":n||void 0,tabIndex:n?0:-1,onMouseEnter:()=>s(e.id),onFocus:()=>s(e.id),onClick:()=>o(e.id),style:p,children:[e.wrapperFolder&&t.jsx("span",{"data-testid":`wrapper-dot-${e.id}`,"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",flexShrink:0,background:e.wrapperFolderPresent?"var(--accent, var(--color-accent))":"transparent",border:e.wrapperFolderPresent?"none":"1px solid var(--border-default, var(--border-subtle))"}}),!e.wrapperFolder&&t.jsx("span",{style:{width:6,height:6,flexShrink:0},"aria-hidden":"true"}),t.jsxs("span",{style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"},children:[t.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.displayName}),za(e.id)&&t.jsx("span",{"data-testid":"claude-code-billing-label",title:O.claudeCodeLabel.tooltip,style:{fontSize:10,color:"var(--text-secondary, var(--text-tertiary))",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:1},children:O.claudeCodeLabel.compactLabel})]}),t.jsx("span",{"aria-label":e.available?"available":"locked",style:{color:e.available?"var(--accent, var(--color-accent))":"var(--text-muted, var(--text-tertiary))",flexShrink:0},children:e.available?t.jsx(ko,{unlocked:!0,size:10}):t.jsx(ko,{size:10})}),r&&t.jsx("span",{style:{fontSize:10,textTransform:"uppercase",letterSpacing:"0.05em",fontWeight:600,color:"var(--accent-ink, var(--accent))",flexShrink:0},"data-testid":`active-badge-${e.id}`,children:O.picker.currentlyActive}),!e.available&&e.ctaType==="api-key"&&t.jsx(Ss,{variant:"api-key",label:e.id==="anthropic"?i.anthropic.addKeyCta:i.openrouter.addKeyCta,onActivate:()=>a(e.id)}),!e.available&&e.ctaType==="cli-install"&&d[e.id]&&t.jsx(Ss,{variant:"cli-install",label:d[e.id].label,installUrl:d[e.id].url,onActivate:()=>{}}),!e.available&&e.ctaType==="start-service"&&t.jsx(Ss,{variant:"start-service",label:e.id==="ollama"?i.ollama.startServiceCta:i.lmStudio.startServiceCta,onActivate:()=>a(e.id)}),l[e.id]&&t.jsx("span",{className:"sr-only","data-testid":`caption-${e.id}`,children:l[e.id]})]})}function Th(e,r,n,s){const i=e>=80,l=c.useRef(null),[d,u]=c.useState(0),p=c.useCallback(m=>{u(m.currentTarget.scrollTop)},[]),{visibleStart:f,visibleEnd:h}=c.useMemo(()=>{if(!i)return{visibleStart:0,visibleEnd:e};const m=Math.max(0,Math.floor(d/r)-4),y=Math.ceil(n/r)+8,x=Math.min(e,m+y);return{visibleStart:m,visibleEnd:x}},[i,d,r,n,e,4]);return{visibleStart:f,visibleEnd:h,totalHeight:e*r,offsetTop:f*r,virtualised:i,containerProps:{onScroll:p,ref:l,style:{overflowY:"auto",maxHeight:n,willChange:i?"transform":void 0}}}}const Ql=44,Ih=352,Lh=60,Oa=480;function Ah(e){var a,i;const r=e.contextWindow?e.contextWindow>=1e6?`${Math.round(e.contextWindow/1e6)}M`:e.contextWindow>=1e3?`${Math.round(e.contextWindow/1e3)}k`:String(e.contextWindow):null;if(e.billingMode==="subscription")return r?`${r} ctx ${O.models.subscriptionBilling}`:O.models.subscriptionBilling.trim();if(e.billingMode==="free")return r?`local · ${r} ctx · free`:"local · free";const n=((a=e.pricing)==null?void 0:a.prompt)??0,s=((i=e.pricing)==null?void 0:i.completion)??0,o=`$${n.toFixed(2)} / $${s.toFixed(2)} per 1M tokens`;return r?`${r} ctx · ${o}`:o}function Ph(e,r){if(!r)return e;const n=r.toLowerCase();return e.filter(o=>o.displayName.toLowerCase().includes(n)).sort((o,a)=>{const i=o.displayName.toLowerCase().indexOf(n),l=a.displayName.toLowerCase().indexOf(n);return i!==l?i-l:o.displayName.length-a.displayName.length})}function $h({agent:e,activeModelId:r,focusedIndex:n=-1,onSelect:s,onOpenSettings:o}){const[a,i]=c.useState(""),[l,d]=c.useState(""),u=c.useRef(null);if(c.useEffect(()=>{const h=setTimeout(()=>d(a),Lh);return()=>clearTimeout(h)},[a]),c.useEffect(()=>{e.id==="openrouter"&&e.available&&u.current&&u.current.focus()},[e.id,e.available]),e.id==="openrouter"&&!e.available)return t.jsxs("div",{"data-testid":"openrouter-empty-card",style:{width:Oa,padding:20,display:"flex",flexDirection:"column",gap:12},children:[t.jsx("p",{style:{margin:0,color:"var(--text-primary)",fontSize:13,lineHeight:1.5},children:O.providers.openrouter.emptyCardBody}),t.jsx("button",{type:"button",onClick:()=>o("openrouter"),style:{alignSelf:"flex-start",padding:"6px 10px",borderRadius:6,background:"var(--accent, var(--color-accent))",color:"var(--bg-surface, white)",border:"none",fontSize:12,fontWeight:500,cursor:"pointer"},children:O.providers.openrouter.addKeyCta})]});const p=c.useMemo(()=>Ph(e.models,l),[e.models,l]),f=Th(p.length,Ql,Ih);return t.jsxs("div",{role:"listbox","aria-label":"Model","data-testid":"model-list",style:{width:Oa,display:"flex",flexDirection:"column"},children:[e.id==="openrouter"&&t.jsx("div",{style:{padding:8,borderBottom:"1px solid var(--border-default, var(--border-subtle))"},children:t.jsx("input",{ref:u,type:"text",placeholder:O.picker.searchPlaceholder,value:a,onChange:h=>i(h.target.value),"data-testid":"model-search-input","aria-label":O.picker.searchPlaceholder,style:{width:"100%",padding:"6px 8px",background:"var(--surface-2, var(--bg-surface))",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,fontFamily:"'Inter Tight Variable', 'Inter Tight', system-ui, sans-serif"}})}),p.length===0&&l?t.jsxs("div",{style:{padding:16},"data-testid":"no-matches",children:[t.jsx("div",{style:{color:"var(--text-muted, var(--text-tertiary))",fontSize:12,marginBottom:8},children:O.picker.noMatches(l)}),t.jsx("button",{type:"button",onClick:()=>i(""),style:{padding:"4px 8px",background:"transparent",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},children:O.picker.clearSearch})]}):p.length===0?t.jsx("div",{style:{padding:16,color:"var(--text-muted, var(--text-tertiary))",fontSize:12},children:O.picker.noModelsYet}):t.jsx("div",{...f.containerProps,children:t.jsx("div",{style:{height:f.virtualised?f.totalHeight:"auto",position:"relative"},children:t.jsx("div",{style:{transform:f.virtualised?`translateY(${f.offsetTop}px)`:void 0},children:p.slice(f.visibleStart,f.visibleEnd).map((h,m)=>{const y=f.visibleStart+m;return t.jsx(Dh,{model:h,isActive:h.id===r,isFocused:n===y,onSelect:()=>s(h.id),resolvedModel:e.id==="claude-cli"?e.resolvedModel??null:null},h.id)})})})})]})}function Mh(e,r,n){return r&&r.toLowerCase().includes(e.toLowerCase())?r:n??null}function Dh({model:e,isActive:r,isFocused:n,onSelect:s,resolvedModel:o}){const a=Ah(e),i=Mh(e.id,o,e.resolvedId),l=i!==null,d=r?"color-mix(in srgb, var(--accent, var(--color-accent)) 10%, transparent)":n?"var(--surface-muted, var(--surface-3))":"transparent",u=r?"1px solid var(--accent, var(--color-accent))":"1px solid transparent";return t.jsxs("button",{type:"button",role:"option","aria-selected":r,"data-testid":`model-row-${e.id}`,"data-focused":n||void 0,onClick:s,title:e.id,style:{width:"100%",minHeight:Ql,padding:"4px 12px",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:2,background:d,borderLeft:u,cursor:"pointer",fontFamily:"'Inter Tight Variable', 'Inter Tight', system-ui, sans-serif",textAlign:"left"},children:[t.jsx("span",{style:{fontSize:14,fontWeight:500,color:"var(--text-primary)"},children:e.displayName}),t.jsx("span",{style:{fontSize:12,fontFamily:"'JetBrains Mono Variable', 'JetBrains Mono', monospace",fontVariantNumeric:"tabular-nums",color:"var(--text-muted, var(--text-tertiary))"},children:a}),l&&t.jsxs("span",{"data-testid":`model-row-${e.id}-resolved`,style:{fontSize:11,fontFamily:"'JetBrains Mono Variable', 'JetBrains Mono', monospace",color:"var(--text-muted, var(--text-tertiary))"},children:["routing to ",i]})]})}const Wa={anthropic:{stored:!1,updatedAt:null},openai:{stored:!1,updatedAt:null},openrouter:{stored:!1,updatedAt:null}};function Fh(){const[e,r]=c.useState(null),[n,s]=c.useState(!0),[o,a]=c.useState(null),i=c.useCallback(async()=>{s(!0);try{const u=await fetch("/api/settings/keys");if(!u.ok)throw new Error(`GET /api/settings/keys returned ${u.status}`);const p=await u.json();r({...Wa,...p}),a(null)}catch(u){a(u.message),r(Wa)}finally{s(!1)}},[]);c.useEffect(()=>{i()},[i]);const l=c.useCallback(async(u,p)=>{const f=await fetch("/api/settings/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:u,key:p})});if(!f.ok){const m=await f.json().catch(()=>({error:f.statusText}));throw new Error(m.error||`POST /api/settings/keys returned ${f.status}`)}const h=await f.json();return await i(),h},[i]),d=c.useCallback(async u=>{const p=await fetch(`/api/settings/keys/${u}`,{method:"DELETE"});if(!p.ok)throw new Error(`DELETE /api/settings/keys/${u} returned ${p.status}`);await i()},[i]);return{state:e,loading:n,error:o,save:l,remove:d,refresh:i}}function zh({onMigrated:e,fetchImpl:r}){const[n,s]=c.useState({kind:"loading"}),o=r??globalThis.fetch,a=c.useCallback(async()=>{var u;try{const p=await o("/api/settings/migration-status");if(!p.ok){s({kind:"hidden"});return}const f=await p.json();f.pending&&(((u=f.darwinKeys)==null?void 0:u.length)??0)>0?s({kind:"visible",darwinKeys:f.darwinKeys??[]}):s({kind:"hidden"})}catch{s({kind:"hidden"})}},[o]);c.useEffect(()=>{a()},[a]);const i=c.useCallback(async()=>{s({kind:"working"});try{const u=await o("/api/settings/migration-perform",{method:"POST",headers:{"Content-Type":"application/json"}});if(!u.ok){s({kind:"error",message:`Migration failed (${u.status})`});return}const p=await u.json().catch(()=>({migrated:[]}));e==null||e(p.migrated??[]),await a()}catch(u){s({kind:"error",message:u.message})}},[o,a,e]),l=c.useCallback(async()=>{s({kind:"hidden"});try{await o("/api/settings/migration-acknowledge",{method:"POST",headers:{"Content-Type":"application/json"}})}catch{}},[o]);if(n.kind==="loading"||n.kind==="hidden")return null;if(n.kind==="error")return t.jsxs("div",{role:"status","data-testid":"migration-banner",style:{padding:"10px 12px",borderRadius:6,background:"color-mix(in srgb, var(--danger, #b33) 15%, transparent)",color:"var(--text-primary)",fontSize:12,marginBottom:12,display:"flex",alignItems:"center",gap:8},children:[t.jsx("span",{style:{flex:1},children:n.message}),t.jsx("button",{type:"button",onClick:()=>void a(),"data-testid":"migration-retry",style:Cs,children:"Retry"})]});const d=n.kind==="working";return t.jsxs("div",{role:"note","data-testid":"migration-banner",style:{padding:"10px 12px",borderRadius:6,background:"color-mix(in srgb, var(--accent, var(--color-accent)) 12%, transparent)",color:"var(--text-primary)",fontSize:12,marginBottom:12,display:"flex",alignItems:"center",gap:8},children:[t.jsxs("div",{style:{flex:1},children:[t.jsx("strong",{style:{display:"block",marginBottom:2},children:"Migrate from macOS Keychain"}),t.jsx("span",{style:{color:"var(--text-muted, var(--text-tertiary))"},children:"We found stored credentials from a previous vskill version. Import them into the new on-disk store."})]}),t.jsx("button",{type:"button",onClick:()=>void i(),disabled:d,"data-testid":"migration-migrate",style:{...Cs,background:"var(--accent, var(--color-accent))",color:"white",opacity:d?.6:1},children:d?"Importing…":"Migrate"}),t.jsx("button",{type:"button",onClick:()=>void l(),"data-testid":"migration-dismiss",style:{...Cs,background:"transparent",border:"none",color:"var(--text-muted, var(--text-tertiary))",textDecoration:"underline",padding:"4px 6px"},children:"Dismiss for 30 days"})]})}const Cs={padding:"4px 10px",background:"var(--surface-2, transparent)",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},_h=[{id:"anthropic",name:O.providers.anthropic.name,keyIssuanceUrl:O.providers.anthropic.keyIssuanceUrl,prefix:O.providers.anthropic.keyPrefix,placeholder:`Paste ${O.providers.anthropic.name} key`},{id:"openai",name:O.providers.openai.name,keyIssuanceUrl:O.providers.openai.keyIssuanceUrl,prefix:O.providers.openai.keyPrefix,placeholder:O.providers.openai.pastePlaceholder},{id:"openrouter",name:O.providers.openrouter.name,keyIssuanceUrl:O.providers.openrouter.keyIssuanceUrl,prefix:O.providers.openrouter.keyPrefix,placeholder:`Paste ${O.providers.openrouter.name} key`}];function Bh(e){const r=Date.now()-new Date(e).getTime();return r<6e4?"just now":r<36e5?`${Math.round(r/6e4)}m ago`:r<864e5?`${Math.round(r/36e5)}h ago`:new Date(e).toLocaleString()}function Xl({open:e,onClose:r,initialProvider:n,onToast:s}){const{state:o,save:a,remove:i,refresh:l}=Fh(),d=c.useRef(null),u=c.useRef(null),[p,f]=c.useState(null);c.useEffect(()=>{if(!e)return;let m=!1;return(async()=>{try{const y=await fetch("/api/settings/storage-path");if(!y.ok)throw new Error(`GET /api/settings/storage-path returned ${y.status}`);const x=await y.json();m||f(x.path??null)}catch{m||f(null)}})(),()=>{m=!0}},[e]),c.useEffect(()=>{if(!e)return;const m=document.activeElement,y=setTimeout(()=>{var b;const x=n?`input[data-provider="${n}"]`:"input[data-provider]",g=(b=d.current)==null?void 0:b.querySelector(x);g==null||g.focus()},0);return()=>{var x;clearTimeout(y),(x=m==null?void 0:m.focus)==null||x.call(m)}},[e,n]),c.useEffect(()=>{if(!e)return;const m=y=>{if(y.key==="Escape"){y.preventDefault(),r();return}if(y.key==="Tab"&&d.current){const x=d.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])");if(x.length===0)return;const g=x[0],b=x[x.length-1];y.shiftKey&&document.activeElement===g?(y.preventDefault(),b.focus()):!y.shiftKey&&document.activeElement===b&&(y.preventDefault(),g.focus())}};return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[e,r]);const h=c.useCallback(async()=>{var m,y;if(p)try{await((y=(m=navigator.clipboard)==null?void 0:m.writeText)==null?void 0:y.call(m,p)),s==null||s(O.settings.pathCopied)}catch{}},[s,p]);return e?t.jsx("div",{role:"dialog","aria-modal":"true","aria-labelledby":"settings-modal-title","data-testid":"settings-modal",style:{position:"fixed",inset:0,background:"color-mix(in srgb, black 40%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:100},onClick:m=>{m.target===m.currentTarget&&r()},children:t.jsxs("div",{ref:d,style:{background:"var(--bg-surface, var(--surface-1))",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:8,width:560,maxHeight:"80vh",overflowY:"auto",padding:20,fontFamily:"'Inter Tight Variable', 'Inter Tight', system-ui, sans-serif",color:"var(--text-primary)"},onClick:m=>m.stopPropagation(),children:[t.jsx("h2",{id:"settings-modal-title",style:{margin:"0 0 16px 0",fontSize:16,fontWeight:600},children:O.settings.title}),t.jsx(zh,{onMigrated:()=>{l()}}),t.jsx("div",{role:"note","data-testid":"settings-banner",style:{padding:"8px 12px",borderRadius:6,background:"color-mix(in srgb, var(--info, var(--accent-muted)) 20%, transparent)",color:"var(--text-primary)",fontSize:12,marginBottom:16},children:O.settings.banner}),t.jsxs("section",{"aria-labelledby":"settings-api-keys-title",style:{marginBottom:20},children:[t.jsx("h3",{id:"settings-api-keys-title",style:{fontSize:13,fontWeight:600,margin:"0 0 12px 0"},children:O.settings.sectionApiKeys}),_h.map(m=>t.jsx(Oh,{providerId:m.id,providerName:m.name,keyIssuanceUrl:m.keyIssuanceUrl,prefix:m.prefix,placeholder:m.placeholder,metadata:o==null?void 0:o[m.id],onSave:async y=>{const x=await a(m.id,y);return s==null||s(O.settings.keySaved(m.name)),x},onRemove:async()=>{await i(m.id),s==null||s(O.settings.keyRemoved(m.name))},inputRef:m.id===(n??"anthropic")?u:void 0},m.id))]}),t.jsxs("div",{"data-testid":"settings-storage-path",style:{fontSize:11,color:"var(--text-muted, var(--text-tertiary))",fontStyle:"italic",display:"flex",alignItems:"center",gap:8,marginBottom:12},children:[t.jsx("span",{style:{flex:1},children:p?O.settings.storagePath(p):O.settings.storagePathFallback}),t.jsx("button",{type:"button",onClick:h,disabled:!p,"data-testid":"settings-copy-path",style:{...ur,opacity:p?1:.5,cursor:p?"pointer":"not-allowed"},children:O.settings.copyPath})]}),t.jsx("div",{style:{marginTop:20,display:"flex",justifyContent:"flex-end"},children:t.jsx("button",{type:"button",onClick:r,style:{padding:"6px 12px",background:"var(--surface-2, transparent)",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:6,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},children:"Close"})})]})}):null}function Oh({providerId:e,providerName:r,keyIssuanceUrl:n,prefix:s,placeholder:o,metadata:a,onSave:i,onRemove:l,inputRef:d}){const[u,p]=c.useState(""),[f,h]=c.useState(!1),[m,y]=c.useState(!1),[x,g]=c.useState(!1),[b,v]=c.useState(null),j=u.trim(),C=j.length===0,w=j.length>0&&!j.startsWith(s),R=c.useCallback(async()=>{if(C)return;y(!0);const T=j;p("");try{const N=await i(T);N.warning?v(N.warning):v(null)}finally{y(!1)}},[C,i,j]),k=c.useCallback(async()=>{var T;try{if(!((T=navigator.clipboard)!=null&&T.readText))return;const N=await navigator.clipboard.readText();p(N)}catch{}},[]),E=c.useCallback(async()=>{g(!1),await l()},[l]);return t.jsxs("div",{"data-testid":`provider-row-${e}`,style:{padding:12,border:"1px solid var(--border-subtle)",borderRadius:6,marginBottom:8,display:"flex",flexDirection:"column",gap:8},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsx("strong",{style:{fontSize:13},children:r}),t.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",style:{fontSize:12,color:"var(--accent, var(--color-accent))"},children:"Get a key →"})]}),t.jsxs("div",{style:{display:"flex",gap:6},children:[t.jsx("input",{ref:d,type:f?"text":"password",value:u,onChange:T=>{p(T.target.value),v(null)},"data-provider":e,placeholder:o,style:{flex:1,padding:"6px 8px",border:"1px solid var(--border-subtle)",borderRadius:4,background:"var(--surface-2, var(--bg-surface))",color:"var(--text-primary)",fontSize:12,fontFamily:"'JetBrains Mono Variable', 'JetBrains Mono', monospace"}}),t.jsx("button",{type:"button",onClick:()=>h(!f),style:ur,children:f?O.settings.hide:O.settings.show}),t.jsx("button",{type:"button",onClick:k,style:ur,children:O.settings.paste})]}),w&&t.jsx("div",{role:"status","data-testid":`prefix-warn-${e}`,style:Ua,children:O.settings.prefixWarn(r)}),b&&t.jsx("div",{role:"status",style:Ua,children:b}),t.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[t.jsx("button",{type:"button",onClick:R,disabled:C||m,"data-testid":`save-${e}`,style:{...ur,background:C?"var(--surface-2)":"var(--accent, var(--color-accent))",color:C?"var(--text-muted)":"white",cursor:C?"not-allowed":"pointer"},children:O.settings.save}),(a==null?void 0:a.stored)&&t.jsx(t.Fragment,{children:x?t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{fontSize:12},children:O.settings.removeConfirm(r)}),t.jsx("button",{type:"button",onClick:E,"data-testid":`remove-confirm-${e}`,style:{...ur,background:"var(--danger, #b33)",color:"white"},children:"Confirm"}),t.jsx("button",{type:"button",onClick:()=>g(!1),style:ur,children:"Cancel"})]}):t.jsx("button",{type:"button",onClick:()=>g(!0),"data-testid":`remove-${e}`,style:{...ur,color:"var(--text-muted)"},children:O.settings.remove})}),t.jsx("span",{style:{marginLeft:"auto",fontSize:11,color:"var(--text-muted, var(--text-tertiary))"},"data-testid":`status-${e}`,children:a!=null&&a.stored&&a.updatedAt?O.settings.keyStoredAt(Bh(a.updatedAt)):O.settings.noKey})]})]})}const ur={padding:"4px 8px",background:"var(--surface-2, transparent)",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},Ua={fontSize:11,color:"var(--warning, var(--text-muted))"};function Wh(){return typeof window>"u"||!window.matchMedia?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Uh({onToast:e}){const{status:r,catalog:n,focusAgent:s,setActive:o}=Eh({onStaleCatalog:(N,I)=>{const A=Math.round(I/6e4);e==null||e(`Using cached ${N} catalog (${A} min old)`)},onSetActiveError:N=>e==null?void 0:e(N)}),[a,i]=c.useState(!1),[l,d]=c.useState(!1),[u,p]=c.useState(),[f,h]=c.useState(null),[m,y]=c.useState("agents"),[x,g]=c.useState(0),b=c.useRef(null);c.useRef(null),c.useEffect(()=>{var N;n&&!f&&h(n.activeAgent??((N=n.agents[0])==null?void 0:N.id)??null)},[n,f]);const v=(n==null?void 0:n.agents)??[],j=c.useMemo(()=>v.find(N=>N.id===f)??v[0],[v,f]);c.useEffect(()=>{g(0)},[f]);const C=c.useCallback(()=>{var N;i(!0),y("agents"),h((n==null?void 0:n.activeAgent)??((N=v[0])==null?void 0:N.id)??null),g(0)},[n,v]),w=c.useCallback(()=>{var N;i(!1),(N=b.current)==null||N.focus()},[]);c.useEffect(()=>{const N=()=>i(I=>!I);return window.addEventListener("openAgentModelPicker",N),()=>{window.removeEventListener("openAgentModelPicker",N)}},[]),c.useEffect(()=>{if(!a)return;const N=A=>{if(A.key==="Escape"){A.preventDefault(),w();return}if(A.key==="ArrowDown"){A.preventDefault(),I(1);return}if(A.key==="ArrowUp"){A.preventDefault(),I(-1);return}if(A.key==="ArrowRight"&&m==="agents"){A.preventDefault(),y("models"),g($=>{const _=((j==null?void 0:j.models.length)??1)-1;return Math.max(0,Math.min($,Math.max(0,_)))});return}if(A.key==="ArrowLeft"&&m==="models"){A.preventDefault(),y("agents");return}if(A.key==="Enter"){if(A.preventDefault(),m==="agents"&&j)y("models"),g(0);else if(m==="models"&&j){const $=Math.max(0,Math.min(j.models.length-1,x)),_=j.models[$];_&&(o(j.id,_.id),w())}return}};function I(A){if(m==="agents"){const $=v.findIndex(S=>S.id===f),_=v[Math.max(0,Math.min(v.length-1,$+A))];_&&(h(_.id),s(_.id));return}if(m==="models"&&j){const $=j.models.length;if($===0)return;g(_=>{const S=_+A;return Math.max(0,Math.min($-1,S))})}}return document.addEventListener("keydown",N),()=>document.removeEventListener("keydown",N)},[a,m,v,f,j,x,w,s,o]);const R=c.useCallback(N=>{p(N==="anthropic"||N==="openrouter"?N:void 0),d(!0),i(!1)},[]),k=v.find(N=>N.id===(n==null?void 0:n.activeAgent)),E=k==null?void 0:k.models.find(N=>N.id===(n==null?void 0:n.activeModel)),T=c.useMemo(()=>{if(r!=="ready"||!n)return"Loading…";const N=(k==null?void 0:k.displayName)??"Agent",I=(E==null?void 0:E.displayName)??n.activeModel??"Model";return`${N} · ${I}`},[r,n,k,E]);return t.jsxs(t.Fragment,{children:[t.jsxs("button",{ref:b,type:"button","data-testid":"agent-model-picker-trigger",onClick:()=>a?w():C(),"aria-haspopup":"listbox","aria-expanded":a,style:{display:"inline-flex",alignItems:"center",gap:6,padding:"6px 10px",background:"var(--surface-2, var(--bg-surface))",border:"1px solid var(--border-subtle)",borderRadius:6,color:"var(--text-primary)",fontSize:12,cursor:"pointer",fontFamily:"'Inter Tight Variable', 'Inter Tight', system-ui, sans-serif"},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:k!=null&&k.available?"var(--accent, var(--color-accent))":"var(--text-muted, var(--text-tertiary))",flexShrink:0}}),t.jsx("span",{children:T})]}),a&&typeof document<"u"&&$r.createPortal(t.jsxs(Hh,{reducedMotion:Wh(),onClickOutside:w,children:[t.jsxs("div",{style:{display:"flex",height:440,maxHeight:"60vh"},children:[t.jsx(Rh,{agents:v,activeAgentId:(n==null?void 0:n.activeAgent)??null,focusedAgentId:f,onFocus:N=>{h(N),s(N)},onSelect:N=>{h(N),s(N),y("models")},onOpenSettings:R}),j&&t.jsx($h,{agent:j,activeModelId:(n==null?void 0:n.activeModel)??null,focusedIndex:m==="models"?x:-1,onSelect:N=>{o(j.id,N),w()},onOpenSettings:R})]}),t.jsxs("div",{style:{height:32,borderTop:"1px solid var(--border-default, var(--border-subtle))",padding:"0 12px",display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:11,color:"var(--text-muted, var(--text-tertiary))"},children:[t.jsx("button",{type:"button",onClick:()=>R(),"data-testid":"picker-footer-settings",style:{background:"transparent",border:"none",color:"var(--text-primary)",fontSize:11,cursor:"pointer",padding:"0 4px"},children:O.picker.settingsButton}),t.jsx("span",{style:{fontFamily:"'JetBrains Mono Variable', 'JetBrains Mono', monospace"},children:O.picker.footerHint})]})]}),document.body),t.jsx(Xl,{open:l,onClose:()=>d(!1),initialProvider:u,onToast:e})]})}function Hh({children:e,reducedMotion:r,onClickOutside:n}){const s=c.useRef(null);return c.useEffect(()=>{const o=a=>{s.current&&!s.current.contains(a.target)&&n()};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[n]),t.jsxs("div",{ref:s,"data-testid":"agent-model-picker-popover",role:"dialog","aria-label":"Select agent and model",style:{position:"fixed",top:56,left:"50%",transform:"translateX(-50%)",width:720,background:"var(--bg-surface, var(--surface-1))",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:8,overflow:"hidden",zIndex:90,animation:r?void 0:"agentPickerFadeIn 120ms cubic-bezier(0.2, 0, 0, 1)"},children:[e,t.jsx("style",{children:`@keyframes agentPickerFadeIn {
+          from { opacity: 0; transform: translateX(-50%) translateY(2px); }
+          to { opacity: 1; transform: translateX(-50%) translateY(0); }
+        }`})]})}const Es="#F25F1C";function Ha(){typeof window>"u"||(window.location.hash="#/")}function Vh({onHome:e}){const[r,n]=c.useState(!1),[s,o]=c.useState(!1),a=l=>{l.metaKey||l.ctrlKey||l.shiftKey||l.button!==0||(l.preventDefault(),Ha(),e==null||e())},i=l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),Ha(),e==null||e())};return t.jsxs("a",{href:"#/",role:"link","data-testid":"studio-logo","aria-label":"Skill Studio — home",onClick:a,onKeyDown:i,onFocus:()=>n(!0),onBlur:()=>n(!1),onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),style:{display:"inline-flex",alignItems:"center",gap:8,flexShrink:0,padding:"4px 8px",margin:"-4px -8px",borderRadius:8,textDecoration:"none",color:"inherit",cursor:"pointer",outline:r?"2px solid var(--border-focus)":"none",outlineOffset:2,background:s?"color-mix(in srgb, var(--text-primary) 4%, transparent)":"transparent",transition:"background-color var(--duration-fast, 120ms) var(--ease-standard, ease)"},children:[t.jsxs("svg",{width:22,height:22,viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false",style:{display:"block",flexShrink:0,overflow:"visible"},children:[t.jsx("path",{d:"M12 3.25c-3.59 0-6.5 2.91-6.5 6.5v3.18c0 .67-.21 1.32-.6 1.86l-1.27 1.78c-.49.69 0 1.65.84 1.65h15.06c.84 0 1.33-.96.84-1.65l-1.27-1.78c-.39-.54-.6-1.19-.6-1.86V9.75c0-3.59-2.91-6.5-6.5-6.5z",fill:Es}),t.jsx("path",{d:"M9.75 19.4h4.5a2.25 2.25 0 11-4.5 0z",fill:Es}),t.jsx("circle",{cx:"18.5",cy:"5.5",r:"2.75",fill:Es,stroke:"var(--surface-base, #ffffff)",strokeWidth:"1"})]}),t.jsx("span",{style:{fontSize:13,fontWeight:600,letterSpacing:"-0.01em",lineHeight:1,color:"var(--text-primary)"},children:"Skill Studio"})]})}const Va=c.memo(function({message:r,politeness:n="polite",role:s}){const o=s??(n==="assertive"?"alert":"status");return t.jsx("div",{"aria-live":n,"aria-atomic":"true",role:o,"data-testid":"aria-live","data-politeness":n,style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",whiteSpace:"nowrap",border:0,padding:0,margin:-1},children:r})});function Gh({toast:e,onDismiss:r}){const[n,s]=c.useState(!0),o=c.useRef(null);c.useEffect(()=>(o.current=requestAnimationFrame(()=>{o.current=requestAnimationFrame(()=>s(!1))}),()=>{o.current!=null&&cancelAnimationFrame(o.current)}),[]);const a={success:"var(--status-installed)",info:"var(--text-secondary)",error:"var(--color-accent, var(--accent-surface))"};return t.jsxs("div",{role:e.severity==="error"?"alert":"status","data-testid":"toast-item","data-severity":e.severity,style:{display:"flex",alignItems:"center",gap:12,padding:"10px 12px",minWidth:240,maxWidth:360,background:"var(--bg-canvas)",color:"var(--text-primary)",border:"1px solid var(--border-default)",borderLeft:`3px solid ${a[e.severity]}`,borderRadius:6,boxShadow:"0 8px 24px rgba(0,0,0,0.12)",fontFamily:"var(--font-sans)",fontSize:12,transform:n?"translateY(8px)":"translateY(0)",opacity:n?0:1,transition:"transform var(--duration-base, 180ms) var(--ease-standard, ease), opacity var(--duration-base, 180ms) var(--ease-standard, ease)"},children:[t.jsx("span",{style:{flex:1,minWidth:0},children:e.message}),e.action&&t.jsx("button",{type:"button",onClick:()=>{e.action.onInvoke(),r(e.id)},style:{background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,padding:"3px 8px",color:"var(--text-primary)",cursor:"pointer",fontSize:11,fontFamily:"var(--font-sans)"},children:e.action.label}),t.jsx("button",{type:"button","aria-label":"Dismiss",onClick:()=>r(e.id),style:{background:"transparent",border:"none",padding:2,color:"var(--text-secondary)",cursor:"pointer",fontSize:14,lineHeight:1},children:"×"})]})}function Kh({toasts:e,onDismiss:r,liveMessage:n,liveAssertiveMessage:s}){return t.jsxs(t.Fragment,{children:[t.jsx(Va,{politeness:"polite",message:n}),t.jsx(Va,{politeness:"assertive",message:s}),e.length>0&&t.jsx("div",{"data-testid":"toast-stack",style:{position:"fixed",right:16,bottom:16,display:"flex",flexDirection:"column-reverse",gap:8,zIndex:50,pointerEvents:"none"},children:e.map(o=>t.jsx("div",{style:{pointerEvents:"auto"},children:t.jsx(Gh,{toast:o,onDismiss:r})},o.id))})]})}const Zl=c.createContext(null);function ls(){const e=c.useContext(Zl);if(!e)throw new Error("useToast must be used inside <ToastProvider>.");return e}function qh({children:e,maxVisible:r=4,defaultDurationMs:n=4e3}){const[s,o]=c.useState([]),[a,i]=c.useState(""),[l,d]=c.useState(""),u=c.useRef(new Map),p=c.useCallback(g=>{const b=u.current.get(g);b&&(clearTimeout(b),u.current.delete(g)),o(v=>v.filter(j=>j.id!==g))},[]),f=c.useCallback((g,b)=>{if(b<=0)return;const v=setTimeout(()=>{p(g)},b);u.current.set(g,v)},[p]),h=c.useCallback(g=>{const b=g.id??`toast-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,v={id:b,message:g.message,severity:g.severity??"info",durationMs:g.durationMs??n,action:g.action};return o(j=>[...j,v]),v.severity==="error"?d(v.message):i(v.message),f(b,v.durationMs),b},[n,f]),m=c.useCallback(()=>{for(const g of u.current.values())clearTimeout(g);u.current.clear(),o([])},[]);c.useEffect(()=>{function g(b){b.key==="Escape"&&o(v=>{if(v.length===0)return v;const j=v.slice(0,r),C=j[j.length-1],w=u.current.get(C.id);return w&&(clearTimeout(w),u.current.delete(C.id)),v.filter(R=>R.id!==C.id)})}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[r]),c.useEffect(()=>()=>{for(const g of u.current.values())clearTimeout(g);u.current.clear()},[]);const y=s.slice(0,r),x=c.useMemo(()=>({toast:h,dismiss:p,clear:m}),[h,p,m]);return t.jsxs(Zl.Provider,{value:x,children:[e,t.jsx(Kh,{toasts:y,onDismiss:p,liveMessage:a,liveAssertiveMessage:l})]})}function Yh(){const{data:e,loading:r}=St("platform-health",async()=>{const n=await fetch("/api/platform/health");return n.ok?await n.json():{degraded:!1,reason:"platform-unreachable",statsAgeMs:0,oldestActiveAgeMs:0}},{ttl:6e4});return{data:e,loading:r}}const Jh=c.lazy(()=>nr(()=>import("./UpdateDropdown-4AbjZLpq.js"),__vite__mapDeps([2,3,4,5,6])));function Qh(e){switch(e){case"connected":return"connected";case"fallback":return"reconnecting";case"connecting":default:return"connecting"}}function Xh(e){switch(e){case"connected":return"var(--status-success-text)";case"fallback":return"var(--color-own)";case"connecting":default:return"var(--text-secondary)"}}function Zh(){const{updateCount:e,updates:r,isRefreshingUpdates:n,refreshUpdates:s,selectSkill:o,revealSkill:a,skills:i,updatesById:l,activeAgent:d,updateStreamStatus:u,trackedSkillCount:p}=Mt(),{toast:f}=ls(),{data:h}=Yh(),m=(h==null?void 0:h.degraded)===!0,y=c.useId(),x=u??"connecting",g=typeof p=="number"?p:null,b=g===null?!0:g>0,v=c.useMemo(()=>{if(!l||l.size===0)return;const A=new Map;for(const[$,_]of l)_.diffSummary&&A.set($,_.diffSummary);return A.size>0?A:void 0},[l]),[j,C]=c.useState(!1),w=c.useRef(null),R=c.useCallback(()=>C(!1),[]),k=m?"var(--color-own)":e>0?"var(--text-primary)":"var(--text-secondary)",E=e>9?"9+":String(e),T=e===0?"No updates available":`${e} updates available, open summary`,N=m?`${T} — platform crawler degraded`:T,I=m?"Update checks paused — verified-skill.com crawler is degraded. Your submissions are queued.":void 0;return t.jsxs("span",{"data-testid":"update-bell-anchor",style:{position:"relative",display:"inline-flex"},children:[t.jsxs("button",{ref:w,type:"button","data-testid":"update-bell","aria-label":N,"aria-haspopup":"dialog","aria-expanded":j,"aria-describedby":y,title:I,onClick:()=>C(A=>!A),style:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",height:26,width:26,padding:0,borderRadius:4,border:"1px solid transparent",background:"transparent",color:k,cursor:"pointer"},children:[t.jsxs("svg",{"data-testid":"update-bell-icon",width:18,height:18,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",focusable:"false",style:{display:"block",opacity:e>0||m?1:.75,color:k},children:[t.jsx("path",{d:"M5.5 17h11l-1.2-1.8a2 2 0 0 1-.3-1.1V10a4 4 0 1 0-8 0v4.1a2 2 0 0 1-.3 1.1L5.5 17Z"}),t.jsx("path",{d:"M10 20a2 2 0 0 0 4 0"}),t.jsx("circle",{cx:"17",cy:"7",r:"2.2",fill:"currentColor",stroke:"none"})]}),e>0&&t.jsx("span",{"data-testid":"update-bell-badge","aria-hidden":"true",style:{position:"absolute",top:-2,right:-2,minWidth:14,height:14,padding:"0 3px",borderRadius:999,background:"var(--color-own)",color:"var(--color-paper)",fontSize:9,fontFamily:"var(--font-mono)",fontVariantNumeric:"tabular-nums",display:"inline-flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1},children:E}),b&&t.jsx("span",{"data-testid":"update-bell-status-pip","aria-hidden":"true",style:{position:"absolute",bottom:-1,right:-1,width:6,height:6,borderRadius:999,background:Xh(x),border:"1px solid var(--color-paper)",display:"inline-block",lineHeight:0}})]}),t.jsx("span",{id:y,"data-testid":"update-bell-status-text",style:{position:"absolute",width:1,height:1,margin:-1,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap",border:0},children:`Live updates: ${Qh(x)}`}),j&&t.jsx(c.Suspense,{fallback:t.jsx("span",{"data-testid":"update-bell-fallback",children:"Loading…"}),children:t.jsx(Jh,{updates:r,isRefreshing:n,diffSummariesById:v,onRefresh:()=>s(),onSelectSkill:A=>{const $=A.localSkill??A.name.split("/").pop()??"",_=A.localPlugin??"";if(a)a(_,$);else{const L=A.name.split("/"),P=L.length>=2?L[L.length-2]:L[0];o({plugin:P,skill:$,origin:"installed"})}if(!(i??[]).some(L=>L.skill===$&&(_===""||L.plugin===_))){const L=A.installLocations??[];if(L.length>0){const P=d?L.filter(H=>H.agent===d):[],D=d?L.filter(H=>H.agent!==d):L;if(P.length>0&&D.length>0){const H=D.length>=2?`Also installed under ${D.length} other locations.`:`Also installed under ${D[0].agentLabel}.`;f({severity:"info",message:H})}else{const H=L[0].agentLabel;f({severity:"info",message:`Skill installed under ${H} — switch to ${H} to view details.`})}}}R()},onViewAll:()=>{window.location.hash="#/updates",R()},onClose:R,anchorRef:w})})]})}function Ga(e){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:navigate-scope",{detail:e}))}function em(e){return e.source==="project"?O.scopeLabels.sourceProject:e.source==="personal"?O.scopeLabels.sourcePersonal:e.source==="plugin"?O.scopeLabels.sourcePlugin:e.origin==="installed"?O.scopeLabels.sourcePersonal:O.scopeLabels.sourceProject}function tm(e){return e.source==="project"?"var(--status-installed)":e.source==="plugin"?"var(--color-accent-ink)":"var(--status-own)"}function rm({projectName:e,selected:r,onHome:n,projectPickerSlot:s,onRequestCreateSkill:o,findSkillsSlot:a,userDropdownSlot:i,appUpdateSlot:l}){const d=r?em(r):null,u=r?tm(r):"var(--text-secondary)";return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,height:"100%",width:"100%",padding:"0 16px",fontFamily:"var(--font-sans)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexShrink:0},children:[t.jsx(Vh,{onHome:n}),s?t.jsx("div",{style:{borderLeft:"1px solid var(--border-default)",paddingLeft:10,display:"flex",alignItems:"center"},children:s}):e&&t.jsx("span",{title:e,style:{fontSize:12,color:"var(--text-secondary)",borderLeft:"1px solid var(--border-default)",paddingLeft:10,maxWidth:220,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e}),l&&t.jsx("span",{"data-slot":"app-update",style:{display:"inline-flex",flexShrink:0},children:l})]}),t.jsx("nav",{"aria-label":"Breadcrumb",style:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:6,fontSize:12,color:"var(--text-secondary)"},children:r&&d&&t.jsxs(t.Fragment,{children:[t.jsx(Ka,{segment:"origin",onClick:()=>Ga({scope:"origin",origin:r.origin}),style:{textTransform:"uppercase",letterSpacing:"0.06em",fontWeight:600,color:u},children:d}),t.jsx(qa,{}),t.jsx(Ka,{segment:"plugin",onClick:()=>Ga({scope:"plugin",plugin:r.plugin}),style:{fontFamily:"var(--font-mono)",fontSize:11},children:r.plugin}),t.jsx(qa,{}),t.jsx("span",{"data-breadcrumb-segment":"skill","aria-current":"page",style:{color:"var(--text-primary)",fontWeight:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r.skill})]})}),t.jsxs("div",{"data-toprail-right":"true",style:{display:"flex",alignItems:"center",gap:12,flexShrink:0},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[a,o&&t.jsxs("button",{type:"button","data-slot":"create-skill-button",onClick:o,"aria-label":"Create a new skill",title:"Create a new skill",style:{display:"inline-flex",alignItems:"center",gap:6,height:28,padding:"0 12px",borderRadius:6,border:"1px solid var(--color-action, #2F5B8E)",background:"var(--color-action, #2F5B8E)",color:"var(--color-action-ink, #FFFFFF)",fontSize:12,fontWeight:600,fontFamily:"var(--font-sans)",cursor:"pointer",letterSpacing:"0.01em",boxShadow:"0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.12)"},children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),"New Skill"]})]}),t.jsx("span",{"aria-hidden":"true",style:{width:1,height:18,background:"var(--border-default)"}}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[t.jsx("span",{"data-slot":"agent-model-picker",style:{minWidth:200},children:t.jsx(Uh,{})}),t.jsx("span",{"data-slot":"update-bell",style:{display:"inline-flex"},children:t.jsx(Zh,{})}),i&&t.jsx("span",{"data-slot":"user-dropdown",style:{display:"inline-flex"},children:i})]})]})]})}function Ka({segment:e,onClick:r,style:n,children:s}){return t.jsx("button",{type:"button","data-breadcrumb-segment":e,onClick:r,style:{background:"transparent",border:"none",padding:0,cursor:"pointer",color:"var(--text-secondary)",fontFamily:"inherit",...n},onMouseEnter:o=>{o.currentTarget.style.color="var(--color-accent-ink)"},onMouseLeave:o=>{const a=(n==null?void 0:n.color)??"var(--text-secondary)";o.currentTarget.style.color=a},children:s})}function qa(){return t.jsx("span",{"aria-hidden":"true",style:{color:"var(--border-default)",fontSize:10},children:"›"})}const cs="vskill-theme";function ec(e){return e==="light"||e==="dark"||e==="auto"?e:"auto"}function nm(e,r){return e==="light"||e==="dark"?e:r?"dark":"light"}function sm(e){try{const r=e.getItem(cs);return ec(r)}catch{return"auto"}}function om(e,r){try{e.setItem(cs,r)}catch{}}function am(e,r,n){e.dataset.theme=n,e.dataset.themeMode=r}function im(e){if(!e)return!1;try{return e("(prefers-color-scheme: dark)").matches}catch{return!1}}const tc=c.createContext(null);function lm({storage:e,matchMedia:r,target:n,children:s}){const o=e??(typeof window<"u"?window.localStorage:void 0),a=r??(typeof window<"u"?window.matchMedia.bind(window):void 0),i=n??(typeof document<"u"?document.documentElement:void 0),[l,d]=c.useState(()=>o?sm(o):"auto"),[u,p]=c.useState(()=>im(a)),f=c.useMemo(()=>nm(l,u),[l,u]);c.useEffect(()=>{i&&am(i,l,f)},[i,l,f]),c.useEffect(()=>{if(!a)return;const y=a("(prefers-color-scheme: dark)"),x=b=>p(b.matches);if(typeof y.addEventListener=="function")return y.addEventListener("change",x),()=>y.removeEventListener("change",x);const g=y;return g.addListener(x),()=>g.removeListener(x)},[a]),c.useEffect(()=>{if(typeof window>"u")return;const y=x=>{x.key===cs&&d(ec(x.newValue))};return window.addEventListener("storage",y),()=>window.removeEventListener("storage",y)},[]),c.useEffect(()=>{if(!a||!i)return;let y;try{y=a("(prefers-contrast: more)")}catch{return}const x=v=>{v?i.dataset.contrast="more":i.dataset.contrast==="more"&&delete i.dataset.contrast};x(y.matches);const g=v=>x(v.matches);if(typeof y.addEventListener=="function")return y.addEventListener("change",g),()=>y.removeEventListener("change",g);const b=y;return b.addListener(g),()=>b.removeListener(g)},[a,i]);const h=c.useCallback(y=>{d(y),o&&om(o,y)},[o]),m=c.useMemo(()=>({mode:l,resolvedTheme:f,setTheme:h}),[l,f,h]);return t.jsx(tc.Provider,{value:m,children:s})}function rc(){const e=c.useContext(tc);if(!e)throw new Error("useTheme must be used inside <ThemeProvider>. Wrap the app root in main.tsx.");return e}const Ya=["claude-cli","anthropic","openrouter","ollama","lm-studio"];function cm(e){const r=new Map(e.map(s=>[s.id,s])),n=[];for(const s of Ya){const o=r.get(s);o&&n.push(o)}for(const s of e)Ya.includes(s.id)||n.push(s);return n}function dm(e){const[r,n]=c.useState(()=>typeof window>"u"||!window.matchMedia?!1:window.matchMedia(`(max-width: ${e}px)`).matches);return c.useEffect(()=>{var a;if(typeof window>"u"||!window.matchMedia)return;const s=window.matchMedia(`(max-width: ${e}px)`),o=()=>n(s.matches);return(a=s.addEventListener)==null||a.call(s,"change",o),()=>{var i;return(i=s.removeEventListener)==null?void 0:i.call(s,"change",o)}},[e]),r}function um({providers:e,onOpenSettings:r,onOpenInstallHelp:n}){const s=cm(e),o=dm(640),[a,i]=c.useState(!1),l=c.useCallback(d=>{d.available||d.kind==="api-key"?r==null||r(d.id):n==null||n(d.id)},[r,n]);if(o){const d=s.filter(u=>u.available).length;return t.jsxs("div",{"data-testid":"providers-segment",style:{position:"relative",display:"inline-flex",alignItems:"center"},children:[t.jsx("button",{type:"button","data-testid":"providers-summary",onClick:()=>i(!a),"aria-label":O.statusBar.providerSummary(d,s.length),style:{background:"transparent",border:"none",color:"var(--text-secondary)",fontSize:11,cursor:"pointer",padding:"0 4px"},children:O.statusBar.providerSummary(d,s.length)}),a&&t.jsx("div",{role:"menu",style:{position:"absolute",bottom:"120%",right:0,background:"var(--bg-surface, var(--surface-1))",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:6,padding:6,minWidth:180,display:"flex",flexDirection:"column",gap:2,zIndex:80},children:s.map(u=>t.jsx(Ja,{p:u,onClick:l},u.id))})]})}return t.jsx("div",{"data-testid":"providers-segment",style:{display:"inline-flex",alignItems:"center",gap:4},children:s.map(d=>t.jsx(Ja,{p:d,onClick:l,compact:!0},d.id))})}function Ja({p:e,onClick:r,compact:n}){const s=e.available?O.statusBar.unlocked(e.label):e.kind==="cli-install"?O.statusBar.lockedCli(e.label):O.statusBar.locked(e.label);return t.jsxs("button",{type:"button","data-testid":`provider-glyph-${e.id}`,"data-available":e.available,"aria-label":s,title:s,onClick:()=>r(e),style:{display:"inline-flex",alignItems:"center",gap:4,background:"transparent",border:"none",color:e.available?"var(--status-installed)":"var(--text-muted, var(--text-tertiary))",cursor:"pointer",padding:n?"2px":"4px 6px",fontSize:11},children:[t.jsx(ko,{unlocked:e.available,size:10}),!n&&t.jsx("span",{children:e.label})]})}function pm(){try{return typeof localStorage>"u"?null:localStorage.getItem(cs)}catch{return null}}function fm({projectPath:e,modelName:r,health:n="ok",onPathClick:s,providers:o,onOpenProviderSettings:a,onOpenProviderInstallHelp:i}){const{mode:l,resolvedTheme:d,setTheme:u}=rc(),f=pm()==="auto",h=hm(l,d,f),m=n==="down"||n==="degraded"?"var(--status-own)":"var(--status-installed)";return t.jsxs("div",{role:"contentinfo",style:{display:"flex",alignItems:"center",gap:12,height:"100%",width:"100%",padding:"0 12px",fontSize:11,fontFamily:"var(--font-sans)",color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums"},children:[t.jsx("span",{title:r??"",style:{fontFamily:"var(--font-mono)"},children:r??"—"}),t.jsx(Qa,{}),t.jsxs("span",{"aria-label":`Health: ${n}`,style:{display:"inline-flex",alignItems:"center",gap:6},children:[t.jsx(mm,{color:m}),t.jsx("span",{style:{textTransform:"capitalize"},children:n})]}),o&&o.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(Qa,{}),t.jsx(um,{providers:o,onOpenSettings:a,onOpenInstallHelp:i})]}),t.jsx("div",{style:{flex:1}}),t.jsxs("button",{type:"button","data-testid":"theme-toggle",onClick:()=>u(h),"aria-label":`Switch to ${h} theme`,title:`Theme: ${l} — click for ${h}`,style:{display:"inline-flex",alignItems:"center",gap:6,background:"transparent",border:"1px solid var(--border-default)",padding:"2px 8px",borderRadius:4,color:"var(--text-secondary)",cursor:"pointer",fontSize:11,height:20},children:[t.jsx(xm,{mode:l}),t.jsx("span",{style:{textTransform:"capitalize"},children:l})]})]})}function hm(e,r,n){return e==="light"?"dark":e==="dark"?"auto":n?"light":r==="light"?"dark":"light"}function mm({color:e}){return t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:e,display:"inline-block",flexShrink:0}})}function Qa(){return t.jsx("span",{"aria-hidden":"true",style:{color:"var(--border-default)"},children:"|"})}function xm({mode:e}){return e==="dark"?t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})}):e==="light"?t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"4"}),t.jsx("path",{d:"M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"})]}):t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"9"}),t.jsx("path",{d:"M12 3a9 9 0 0 0 0 18z",fill:"currentColor"})]})}const jo=new Set;function nc(){for(const e of jo)e()}const gm=5,ym=1e3,vm=6e4;function bm(){const[e,r]=c.useState(void 0),[n,s]=c.useState(!1),[o,a]=c.useState(!0),i=c.useRef(0),l=c.useRef(null),d=c.useRef(null),u=c.useRef(!0),p=c.useRef(0),[f,h]=c.useState(0),m=()=>{d.current!==null&&(clearTimeout(d.current),d.current=null)},y=c.useCallback(()=>{l.current&&(l.current.abort(),l.current=null)},[]),x=c.useCallback(async()=>{if(!u.current||document.visibilityState==="hidden")return;y();const b=new AbortController;l.current=b;try{const v=await fetch("/api/plugins",{signal:b.signal});if(!u.current)return;const j=await v.json();if(!u.current)return;i.current=0,r(j.plugins??[]),a(!1),s(!1),d.current=setTimeout(()=>{u.current&&h(C=>C+1)},vm)}catch(v){if(!u.current||v instanceof DOMException&&v.name==="AbortError")return;if(i.current+=1,a(!1),i.current>gm){s(!0);return}const j=ym*Math.pow(2,i.current-1);d.current=setTimeout(()=>{u.current&&h(C=>C+1)},j)}},[y]);c.useEffect(()=>(u.current=!0,()=>{u.current=!1,m(),y()}),[y]),c.useEffect(()=>{document.visibilityState!=="hidden"&&(m(),x())},[f,x]),c.useEffect(()=>{const b=()=>{document.visibilityState==="hidden"?(m(),y()):(i.current=0,s(!1),h(v=>v+1))};return document.addEventListener("visibilitychange",b),()=>{document.removeEventListener("visibilitychange",b)}},[y]);const g=c.useCallback(()=>{i.current=0,s(!1),m(),p.current+=1,h(b=>b+1)},[]);return c.useEffect(()=>(jo.add(g),()=>{jo.delete(g)}),[g]),{plugins:e,paused:n,loading:o,retry:g}}const ds=0,or=1,Mr=2,sc=4;function Xa(e){return()=>e}function km(e){e()}function oc(e,r){return n=>e(r(n))}function Za(e,r){return()=>e(r)}function jm(e,r){return n=>e(r,n)}function Jo(e){return e!==void 0}function wm(...e){return()=>{e.map(km)}}function Dr(){}function us(e,r){return r(e),e}function Sm(e,r){return r(e)}function Be(...e){return e}function Pe(e,r){return e(or,r)}function Ne(e,r){e(ds,r)}function Qo(e){e(Mr)}function We(e){return e(sc)}function ye(e,r){return Pe(e,jm(r,ds))}function At(e,r){const n=e(or,s=>{n(),r(s)});return n}function ei(e){let r,n;return s=>o=>{r=o,n&&clearTimeout(n),n=setTimeout(()=>{s(r)},e)}}function ac(e,r){return e===r}function _e(e=ac){let r;return n=>s=>{e(r,s)||(r=s,n(s))}}function je(e){return r=>n=>{e(n)&&r(n)}}function fe(e){return r=>oc(r,e)}function zt(e){return r=>()=>{r(e)}}function J(e,...r){const n=Cm(...r);return((s,o)=>{switch(s){case Mr:Qo(e);return;case or:return Pe(e,n(o))}})}function Ot(e,r){return n=>s=>{n(r=e(r,s))}}function hr(e){return r=>n=>{e>0?e--:r(n)}}function Kt(e){let r=null,n;return s=>o=>{r=o,!n&&(n=setTimeout(()=>{n=void 0,s(r)},e))}}function Te(...e){const r=new Array(e.length);let n=0,s=null;const o=2**e.length-1;return e.forEach((a,i)=>{const l=2**i;Pe(a,d=>{const u=n;n|=l,r[i]=d,u!==o&&n===o&&s&&(s(),s=null)})}),a=>i=>{const l=()=>{a([i].concat(r))};n===o?l():s=l}}function Cm(...e){return r=>e.reduceRight(Sm,r)}function Em(e){let r,n;const s=()=>r==null?void 0:r();return function(o,a){switch(o){case or:return a?n===a?void 0:(s(),n=a,r=Pe(e,a),r):(s(),Dr);case Mr:s(),n=null;return}}}function te(e){let r=e;const n=Ie();return((s,o)=>{switch(s){case ds:r=o;break;case or:{o(r);break}case sc:return r}return n(s,o)})}function at(e,r){return us(te(r),n=>ye(e,n))}function Ie(){const e=[];return((r,n)=>{switch(r){case ds:e.slice().forEach(s=>{s(n)});return;case Mr:e.splice(0,e.length);return;case or:return e.push(n),()=>{const s=e.indexOf(n);s>-1&&e.splice(s,1)}}})}function jt(e){return us(Ie(),r=>ye(e,r))}function Le(e,r=[],{singleton:n}={singleton:!0}){return{constructor:e,dependencies:r,id:Nm(),singleton:n}}const Nm=()=>Symbol();function Rm(e){const r=new Map,n=({constructor:s,dependencies:o,id:a,singleton:i})=>{if(i&&r.has(a))return r.get(a);const l=s(o.map(d=>n(d)));return i&&r.set(a,l),l};return n(e)}function Ye(...e){const r=Ie(),n=new Array(e.length);let s=0;const o=2**e.length-1;return e.forEach((a,i)=>{const l=2**i;Pe(a,d=>{n[i]=d,s|=l,s===o&&Ne(r,n)})}),function(a,i){switch(a){case Mr:{Qo(r);return}case or:return s===o&&i(n),Pe(r,i)}}}function ke(e,r=ac){return J(e,_e(r))}function wo(...e){return function(r,n){switch(r){case Mr:return;case or:return wm(...e.map(s=>Pe(s,n)))}}}const Ze={DEBUG:0,INFO:1,WARN:2,ERROR:3},Tm={[Ze.DEBUG]:"debug",[Ze.ERROR]:"error",[Ze.INFO]:"log",[Ze.WARN]:"warn"},Im=()=>typeof globalThis>"u"?window:globalThis,ar=Le(()=>{const e=te(Ze.ERROR);return{log:te((r,n,s=Ze.INFO)=>{const o=Im().VIRTUOSO_LOG_LEVEL??We(e);s>=o&&console[Tm[s]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",r,n)}),logLevel:e}},[],{singleton:!0});function xr(e,r,n){return Xo(e,r,n).callbackRef}function Xo(e,r,n){const s=ge.useRef(null);let o=i=>{};const a=ge.useMemo(()=>typeof ResizeObserver<"u"?new ResizeObserver(i=>{const l=()=>{const d=i[0].target;d.offsetParent!==null&&e(d)};n?l():requestAnimationFrame(l)}):null,[e,n]);return o=i=>{i&&r?(a==null||a.observe(i),s.current=i):(s.current&&(a==null||a.unobserve(s.current)),s.current=null)},{callbackRef:o,ref:s}}function Lm(e,r,n,s,o,a,i,l,d){const u=ge.useCallback(p=>{const f=Am(p.children,r,l?"offsetWidth":"offsetHeight",o);let h=p.parentElement;for(;h.dataset.virtuosoScroller===void 0;)h=h.parentElement;const m=h.lastElementChild.dataset.viewportType==="window";let y;m&&(y=h.ownerDocument.defaultView);const x=i?l?i.scrollLeft:i.scrollTop:m?l?y.scrollX||y.document.documentElement.scrollLeft:y.scrollY||y.document.documentElement.scrollTop:l?h.scrollLeft:h.scrollTop,g=i?l?i.scrollWidth:i.scrollHeight:m?l?y.document.documentElement.scrollWidth:y.document.documentElement.scrollHeight:l?h.scrollWidth:h.scrollHeight,b=i?l?i.offsetWidth:i.offsetHeight:m?l?y.innerWidth:y.innerHeight:l?h.offsetWidth:h.offsetHeight;s({scrollHeight:g,scrollTop:Math.max(x,0),viewportHeight:b}),a==null||a(l?ti("column-gap",getComputedStyle(p).columnGap,o):ti("row-gap",getComputedStyle(p).rowGap,o)),f!==null&&e(f)},[e,r,o,a,i,s,l]);return Xo(u,n,d)}function Am(e,r,n,s){const o=e.length;if(o===0)return null;const a=[];for(let i=0;i<o;i++){const l=e.item(i);if(l.dataset.index===void 0)continue;const d=parseInt(l.dataset.index),u=parseFloat(l.dataset.knownSize),p=r(l,n);if(p===0&&s("Zero-sized element, this should not happen",{child:l},Ze.ERROR),p===u)continue;const f=a[a.length-1];a.length===0||f.size!==p||f.endIndex!==d-1?a.push({endIndex:d,size:p,startIndex:d}):a[a.length-1].endIndex++}return a}function ti(e,r,n){return r!=="normal"&&(r==null?void 0:r.endsWith("px"))!==!0&&n(`${e} was not resolved to pixel value correctly`,r,Ze.WARN),r==="normal"?0:parseInt(r??"0",10)}function ic(e,r,n){const s=ge.useRef(null),o=ge.useCallback(d=>{if(!(d!=null&&d.offsetParent))return;const u=d.getBoundingClientRect(),p=u.width;let f,h;if(r){const m=r.getBoundingClientRect(),y=u.top-m.top;h=m.height-Math.max(0,y),f=y+r.scrollTop}else{const m=i.current.ownerDocument.defaultView;h=m.innerHeight-Math.max(0,u.top),f=u.top+m.scrollY}s.current={listHeight:u.height,offsetTop:f,visibleHeight:h,visibleWidth:p},e(s.current)},[e,r]),{callbackRef:a,ref:i}=Xo(o,!0,n),l=ge.useCallback(()=>{o(i.current)},[o,i]);return ge.useEffect(()=>{var u;if(r){r.addEventListener("scroll",l);const p=new ResizeObserver(()=>{requestAnimationFrame(l)});return p.observe(r),()=>{r.removeEventListener("scroll",l),p.unobserve(r)}}const d=(u=i.current)==null?void 0:u.ownerDocument.defaultView;return d==null||d.addEventListener("scroll",l),d==null||d.addEventListener("resize",l),()=>{d==null||d.removeEventListener("scroll",l),d==null||d.removeEventListener("resize",l)}},[l,r,i]),a}const dt=Le(()=>{const e=Ie(),r=Ie(),n=te(0),s=Ie(),o=te(0),a=Ie(),i=Ie(),l=te(0),d=te(0),u=te(0),p=te(0),f=Ie(),h=Ie(),m=te(!1),y=te(!1),x=te(!1);return ye(J(e,fe(({scrollTop:g})=>g)),r),ye(J(e,fe(({scrollHeight:g})=>g)),i),ye(r,o),{deviation:n,fixedFooterHeight:u,fixedHeaderHeight:d,footerHeight:p,headerHeight:l,horizontalDirection:y,scrollBy:h,scrollContainerState:e,scrollHeight:i,scrollingInProgress:m,scrollTo:f,scrollTop:r,skipAnimationFrameInResizeObserver:x,smoothScrollTargetReached:s,statefulScrollTop:o,viewportHeight:a}},[],{singleton:!0}),sn={lvl:0};function lc(e,r){const n=e.length;if(n===0)return[];let{index:s,value:o}=r(e[0]);const a=[];for(let i=1;i<n;i++){const{index:l,value:d}=r(e[i]);a.push({end:l-1,start:s,value:o}),s=l,o=d}return a.push({end:1/0,start:s,value:o}),a}function Me(e){return e===sn}function on(e,r){if(!Me(e))return r===e.k?e.v:r<e.k?on(e.l,r):on(e.r,r)}function $t(e,r,n="k"){if(Me(e))return[-1/0,void 0];if(Number(e[n])===r)return[e.k,e.v];if(Number(e[n])<r){const s=$t(e.r,r,n);return s[0]===-1/0?[e.k,e.v]:s}return $t(e.l,r,n)}function kt(e,r,n){return Me(e)?uc(r,n,1):r===e.k?Qe(e,{k:r,v:n}):r<e.k?ri(Qe(e,{l:kt(e.l,r,n)})):ri(Qe(e,{r:kt(e.r,r,n)}))}function Nr(){return sn}function Rr(e,r,n){if(Me(e))return[];const s=$t(e,r)[0];return Pm(Co(e,s,n))}function So(e,r){if(Me(e))return sn;const{k:n,l:s,r:o}=e;if(r===n){if(Me(s))return o;if(Me(o))return s;const[a,i]=dc(s);return Vn(Qe(e,{k:a,l:cc(s),v:i}))}return r<n?Vn(Qe(e,{l:So(s,r)})):Vn(Qe(e,{r:So(o,r)}))}function fr(e){return Me(e)?[]:[...fr(e.l),{k:e.k,v:e.v},...fr(e.r)]}function Co(e,r,n){if(Me(e))return[];const{k:s,l:o,r:a,v:i}=e;let l=[];return s>r&&(l=l.concat(Co(o,r,n))),s>=r&&s<=n&&l.push({k:s,v:i}),s<=n&&(l=l.concat(Co(a,r,n))),l}function Vn(e){const{l:r,lvl:n,r:s}=e;if(s.lvl>=n-1&&r.lvl>=n-1)return e;if(n>s.lvl+1){if(Ns(r))return pc(Qe(e,{lvl:n-1}));if(!Me(r)&&!Me(r.r))return Qe(r.r,{l:Qe(r,{r:r.r.l}),lvl:n,r:Qe(e,{l:r.r.r,lvl:n-1})});throw new Error("Unexpected empty nodes")}if(Ns(e))return Eo(Qe(e,{lvl:n-1}));if(!Me(s)&&!Me(s.l)){const o=s.l,a=Ns(o)?s.lvl-1:s.lvl;return Qe(o,{l:Qe(e,{lvl:n-1,r:o.l}),lvl:o.lvl+1,r:Eo(Qe(s,{l:o.r,lvl:a}))})}throw new Error("Unexpected empty nodes")}function Qe(e,r){return uc(r.k!==void 0?r.k:e.k,r.v!==void 0?r.v:e.v,r.lvl!==void 0?r.lvl:e.lvl,r.l!==void 0?r.l:e.l,r.r!==void 0?r.r:e.r)}function cc(e){return Me(e.r)?e.l:Vn(Qe(e,{r:cc(e.r)}))}function Ns(e){return Me(e)||e.lvl>e.r.lvl}function dc(e){return Me(e.r)?[e.k,e.v]:dc(e.r)}function uc(e,r,n,s=sn,o=sn){return{k:e,l:s,lvl:n,r:o,v:r}}function ri(e){return Eo(pc(e))}function pc(e){const{l:r}=e;return!Me(r)&&r.lvl===e.lvl?Qe(r,{r:Qe(e,{l:r.r})}):e}function Eo(e){const{lvl:r,r:n}=e;return!Me(n)&&!Me(n.r)&&n.lvl===r&&n.r.lvl===r?Qe(n,{l:Qe(e,{r:n.l}),lvl:r+1}):e}function Pm(e){return lc(e,({k:r,v:n})=>({index:r,value:n}))}function fc(e,r){return!!(e&&e.startIndex===r.startIndex&&e.endIndex===r.endIndex)}function an(e,r){return!!(e&&e[0]===r[0]&&e[1]===r[1])}const Zo=Le(()=>({recalcInProgress:te(!1)}),[],{singleton:!0});function hc(e,r,n){return e[Qn(e,r,n)]}function Qn(e,r,n,s=0){let o=e.length-1;for(;s<=o;){const a=Math.floor((s+o)/2),i=e[a],l=n(i,r);if(l===0)return a;if(l===-1){if(o-s<2)return a-1;o=a-1}else{if(o===s)return a;s=a+1}}throw new Error(`Failed binary finding record in array - ${e.join(",")}, searched for ${r}`)}function $m(e,r,n,s){const o=Qn(e,r,s),a=Qn(e,n,s,o);return e.slice(o,a+1)}function rr(e,r){return Math.round(e.getBoundingClientRect()[r])}function ps(e){return!Me(e.groupOffsetTree)}function ea({index:e},r){return r===e?0:r<e?-1:1}function Mm(){return{groupIndices:[],groupOffsetTree:Nr(),lastIndex:0,lastOffset:0,lastSize:0,offsetTree:[],sizeTree:Nr()}}function Dm(e,r){let n=Me(e)?0:1/0;for(const s of r){const{endIndex:o,size:a,startIndex:i}=s;if(n=Math.min(n,i),Me(e)){e=kt(e,0,a);continue}const l=Rr(e,i-1,o+1);if(l.some(Um(s)))continue;let d=!1,u=!1;for(const{end:p,start:f,value:h}of l)d?(o>=f||a===h)&&(e=So(e,f)):(u=h!==a,d=!0),p>o&&o>=f&&h!==a&&(e=kt(e,o+1,h));u&&(e=kt(e,i,a))}return[e,n]}function Fm(e){return typeof e.groupIndex<"u"}function zm({offset:e},r){return r===e?0:r<e?-1:1}function ln(e,r,n){if(r.length===0)return 0;const{index:s,offset:o,size:a}=hc(r,e,ea),i=e-s,l=a*i+(i-1)*n+o;return l>0?l+n:l}function mc(e,r){if(!ps(r))return e;let n=0;for(;r.groupIndices[n]<=e+n;)n++;return e+n}function xc(e,r,n){if(Fm(e))return r.groupIndices[e.groupIndex]+1;const s=e.index==="LAST"?n:e.index;let o=mc(s,r);return o=Math.max(0,o,Math.min(n,o)),o}function _m(e,r,n,s=0){return s>0&&(r=Math.max(r,hc(e,s,ea).offset)),lc($m(e,r,n,zm),Wm)}function Bm(e,[r,n,s,o]){r.length>0&&s("received item sizes",r,Ze.DEBUG);const a=e.sizeTree;let i=a,l=0;if(n.length>0&&Me(a)&&r.length===2){const h=r[0].size,m=r[1].size;i=n.reduce((y,x)=>kt(kt(y,x,h),x+1,m),i)}else[i,l]=Dm(i,r);if(i===a)return e;const{lastIndex:d,lastOffset:u,lastSize:p,offsetTree:f}=No(e.offsetTree,l,i,o);return{groupIndices:n,groupOffsetTree:n.reduce((h,m)=>kt(h,m,ln(m,f,o)),Nr()),lastIndex:d,lastOffset:u,lastSize:p,offsetTree:f,sizeTree:i}}function Om(e){return fr(e).map(({k:r,v:n},s,o)=>{const a=o[s+1];return{endIndex:a!==void 0?a.k-1:1/0,size:n,startIndex:r}})}function ni(e,r){let n=0,s=0;for(;n<e;)n+=r[s+1]-r[s]-1,s++;return s-(n===e?0:1)}function No(e,r,n,s){let o=e,a=0,i=0,l=0,d=0;if(r!==0){d=Qn(o,r-1,ea),l=o[d].offset;const u=$t(n,r-1);a=u[0],i=u[1],o.length&&o[d].size===$t(n,r)[1]&&(d-=1),o=o.slice(0,d+1)}else o=[];for(const{start:u,value:p}of Rr(n,r,1/0)){const f=u-a,h=f*i+l+f*s;o.push({index:u,offset:h,size:p}),a=u,l=h,i=p}return{lastIndex:a,lastOffset:l,lastSize:i,offsetTree:o}}function Wm(e){return{index:e.index,value:e}}function Um(e){const{endIndex:r,size:n,startIndex:s}=e;return o=>o.start===s&&(o.end===r||o.end===1/0)&&o.value===n}const Hm={offsetHeight:"height",offsetWidth:"width"},Ht=Le(([{log:e},{recalcInProgress:r}])=>{const n=Ie(),s=Ie(),o=at(s,0),a=Ie(),i=Ie(),l=te(0),d=te([]),u=te(void 0),p=te(void 0),f=te(void 0),h=te(void 0),m=te((k,E)=>rr(k,Hm[E])),y=te(void 0),x=te(0),g=Mm(),b=at(J(n,Te(d,e,x),Ot(Bm,g),_e()),g),v=at(J(d,_e(),Ot((k,E)=>({current:E,prev:k.current}),{current:[],prev:[]}),fe(({prev:k})=>k)),[]);ye(J(d,je(k=>k.length>0),Te(b,x),fe(([k,E,T])=>{const N=k.reduce((I,A,$)=>kt(I,A,ln(A,E.offsetTree,T)||$),Nr());return{...E,groupIndices:k,groupOffsetTree:N}})),b),ye(J(s,Te(b),je(([k,{lastIndex:E}])=>k<E),fe(([k,{lastIndex:E,lastSize:T}])=>[{endIndex:E,size:T,startIndex:k}])),n),ye(u,p);const j=at(J(u,fe(k=>k===void 0)),!0);ye(J(p,je(k=>k!==void 0&&Me(We(b).sizeTree)),fe(k=>{const E=We(f),T=We(d).length>0;return E!==void 0&&E!==0?T?[{endIndex:0,size:E,startIndex:0},{endIndex:1,size:k,startIndex:1}]:[]:[{endIndex:0,size:k,startIndex:0}]})),n),ye(J(h,je(k=>k!==void 0&&k.length>0&&Me(We(b).sizeTree)),fe(k=>{const E=[];let T=k[0],N=0;for(let I=1;I<k.length;I++){const A=k[I];A!==T&&(E.push({endIndex:I-1,size:T,startIndex:N}),T=A,N=I)}return E.push({endIndex:k.length-1,size:T,startIndex:N}),E})),n),ye(J(d,Te(f,p),je(([,k,E])=>k!==void 0&&E!==void 0),fe(([k,E,T])=>{const N=[];for(let I=0;I<k.length;I++){const A=k[I],$=k[I+1];N.push({startIndex:A,endIndex:A,size:E}),$!==void 0&&N.push({startIndex:A+1,endIndex:$-1,size:T})}return N})),n);const C=jt(J(n,Te(b),Ot(({sizes:k},[E,T])=>({changed:T!==k,sizes:T}),{changed:!1,sizes:g}),fe(k=>k.changed)));Pe(J(l,Ot((k,E)=>({diff:k.prev-E,prev:E}),{diff:0,prev:0}),fe(k=>k.diff)),k=>{const{groupIndices:E}=We(b);if(k>0)Ne(r,!0),Ne(a,k+ni(k,E));else if(k<0){const T=We(v);T.length>0&&(k-=ni(-k,T)),Ne(i,k)}}),Pe(J(l,Te(e)),([k,E])=>{k<0&&E("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:l},Ze.ERROR)});const w=jt(a);ye(J(a,Te(b),fe(([k,E])=>{const T=E.groupIndices.length>0,N=[],I=E.lastSize;if(T){const A=on(E.sizeTree,0);let $=0,_=0;for(;$<k;){const L=E.groupIndices[_],P=E.groupIndices.length===_+1?1/0:E.groupIndices[_+1]-L-1;N.push({endIndex:L,size:A,startIndex:L}),N.push({endIndex:L+1+P-1,size:I,startIndex:L+1}),_++,$+=P+1}const S=fr(E.sizeTree);return $!==k&&S.shift(),S.reduce((L,{k:P,v:D})=>{let H=L.ranges;return L.prevSize!==0&&(H=[...L.ranges,{endIndex:P+k-1,size:L.prevSize,startIndex:L.prevIndex}]),{prevIndex:P+k,prevSize:D,ranges:H}},{prevIndex:k,prevSize:0,ranges:N}).ranges}return fr(E.sizeTree).reduce((A,{k:$,v:_})=>({prevIndex:$+k,prevSize:_,ranges:[...A.ranges,{endIndex:$+k-1,size:A.prevSize,startIndex:A.prevIndex}]}),{prevIndex:0,prevSize:I,ranges:[]}).ranges})),n);const R=jt(J(i,Te(b,x),fe(([k,{offsetTree:E},T])=>{const N=-k;return ln(N,E,T)})));return ye(J(i,Te(b,x),fe(([k,E,T])=>{if(E.groupIndices.length>0){if(Me(E.sizeTree))return E;let I=Nr();const A=We(v);let $=0,_=0,S=0;for(;$<-k;){S=A[_];const L=A[_+1]-S-1;_++,$+=L+1}if(I=fr(E.sizeTree).reduce((L,{k:P,v:D})=>kt(L,Math.max(0,P+k),D),I),$!==-k){const L=on(E.sizeTree,S);I=kt(I,0,L);const P=$t(E.sizeTree,-k+1)[1];I=kt(I,1,P)}return{...E,sizeTree:I,...No(E.offsetTree,0,I,T)}}const N=fr(E.sizeTree).reduce((I,{k:A,v:$})=>kt(I,Math.max(0,A+k),$),Nr());return{...E,sizeTree:N,...No(E.offsetTree,0,N,T)}})),b),{beforeUnshiftWith:w,data:y,defaultItemSize:p,firstItemIndex:l,fixedItemSize:u,fixedGroupSize:f,gap:x,groupIndices:d,heightEstimates:h,itemSize:m,listRefresh:C,shiftWith:i,shiftWithOffset:R,sizeRanges:n,sizes:b,statefulTotalCount:o,totalCount:s,trackItemSizes:j,unshiftWith:a}},Be(ar,Zo),{singleton:!0});function Vm(e){return e.reduce((r,n)=>(r.groupIndices.push(r.totalCount),r.totalCount+=n+1,r),{groupIndices:[],totalCount:0})}const gc=Le(([{groupIndices:e,sizes:r,totalCount:n},{headerHeight:s,scrollTop:o}])=>{const a=Ie(),i=Ie(),l=jt(J(a,fe(Vm)));return ye(J(l,fe(d=>d.totalCount)),n),ye(J(l,fe(d=>d.groupIndices)),e),ye(J(Ye(o,r,s),je(([d,u])=>ps(u)),fe(([d,u,p])=>$t(u.groupOffsetTree,Math.max(d-p,0),"v")[0]),_e(),fe(d=>[d])),i),{groupCounts:a,topItemsIndexes:i}},Be(Ht,dt)),ir=Le(([{log:e}])=>{const r=te(!1),n=jt(J(r,je(s=>s),_e()));return Pe(r,s=>{s&&We(e)("props updated",{},Ze.DEBUG)}),{didMount:n,propsReady:r}},Be(ar),{singleton:!0}),Gm=typeof document<"u"&&"scrollBehavior"in document.documentElement.style;function yc(e){const r=typeof e=="number"?{index:e}:e;return r.align||(r.align="start"),(!r.behavior||!Gm)&&(r.behavior="auto"),r.offset===void 0&&(r.offset=0),r}const mn=Le(([{gap:e,listRefresh:r,sizes:n,totalCount:s},{fixedFooterHeight:o,fixedHeaderHeight:a,footerHeight:i,headerHeight:l,scrollingInProgress:d,scrollTo:u,smoothScrollTargetReached:p,viewportHeight:f},{log:h}])=>{const m=Ie(),y=Ie(),x=te(0);let g=null,b=null,v=null;function j(){g!==null&&(g(),g=null),v!==null&&(v(),v=null),b&&(clearTimeout(b),b=null),Ne(d,!1)}return ye(J(m,Te(n,f,s,x,l,i,h),Te(e,a,o),fe(([[C,w,R,k,E,T,N,I],A,$,_])=>{const S=yc(C),{align:L,behavior:P,offset:D}=S,H=k-1,ne=xc(S,w,H);let U=ln(ne,w.offsetTree,A)+T;L==="end"?(U+=$+$t(w.sizeTree,ne)[1]-R+_,ne===H&&(U+=N)):L==="center"?U+=($+$t(w.sizeTree,ne)[1]-R+_)/2:U-=E,D!==void 0&&D!==0&&(U+=D);const B=Q=>{j(),Q?(I("retrying to scroll to",{location:C},Ze.DEBUG),Ne(m,C)):(Ne(y,!0),I("list did not change, scroll successful",{},Ze.DEBUG))};if(j(),P==="smooth"){let Q=!1;v=Pe(r,pe=>{Q=Q||pe}),g=At(p,()=>{B(Q)})}else g=At(J(r,Km(150)),B);return b=setTimeout(()=>{j()},1200),Ne(d,!0),I("scrolling from index to",{behavior:P,index:ne,top:U},Ze.DEBUG),{behavior:P,top:U}})),u),{scrollTargetReached:y,scrollToIndex:m,topListHeight:x}},Be(Ht,dt,ar),{singleton:!0});function Km(e){return r=>{const n=setTimeout(()=>{r(!1)},e);return s=>{s&&(r(!0),clearTimeout(n))}}}function ta(e,r){e===0?r():requestAnimationFrame(()=>{ta(e-1,r)})}function ra(e,r){const n=r-1;return typeof e=="number"?e:e.index==="LAST"?n:e.index}const xn=Le(([{defaultItemSize:e,listRefresh:r,sizes:n},{scrollTop:s},{scrollTargetReached:o,scrollToIndex:a},{didMount:i}])=>{const l=te(!0),d=te(0),u=te(!0);return ye(J(i,Te(d),je(([p,f])=>f!==0),zt(!1)),l),ye(J(i,Te(d),je(([p,f])=>f!==0),zt(!1)),u),Pe(J(Ye(r,i),Te(l,n,e,u),je(([[,p],f,{sizeTree:h},m,y])=>p&&(!Me(h)||Jo(m))&&!f&&!y),Te(d)),([,p])=>{At(o,()=>{Ne(u,!0)}),ta(4,()=>{At(s,()=>{Ne(l,!0)}),Ne(a,p)})}),{initialItemFinalLocationReached:u,initialTopMostItemIndex:d,scrolledToInitialItem:l}},Be(Ht,dt,mn,ir),{singleton:!0});function vc(e,r){return Math.abs(e-r)<1.01}const cn="up",Xr="down",qm="none",Ym={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollHeight:0,scrollTop:0,viewportHeight:0}},Jm=0,gn=Le(([{footerHeight:e,headerHeight:r,scrollBy:n,scrollContainerState:s,scrollTop:o,viewportHeight:a}])=>{const i=te(!1),l=te(!0),d=Ie(),u=Ie(),p=te(4),f=te(Jm),h=at(J(wo(J(ke(o),hr(1),zt(!0)),J(ke(o),hr(1),zt(!1),ei(100))),_e()),!1),m=at(J(wo(J(n,zt(!0)),J(n,zt(!1),ei(200))),_e()),!1);ye(J(Ye(ke(o),ke(f)),fe(([v,j])=>v<=j),_e()),l),ye(J(l,Kt(50)),u);const y=jt(J(Ye(s,ke(a),ke(r),ke(e),ke(p)),Ot((v,[{scrollHeight:j,scrollTop:C},w,R,k,E])=>{const T=C+w-j>-E,N={scrollHeight:j,scrollTop:C,viewportHeight:w};if(T){let A,$;return C>v.state.scrollTop?(A="SCROLLED_DOWN",$=v.state.scrollTop-C):(A="SIZE_DECREASED",$=v.state.scrollTop-C||v.scrollTopDelta),{atBottom:!0,atBottomBecause:A,scrollTopDelta:$,state:N}}let I;return N.scrollHeight>v.state.scrollHeight?I="SIZE_INCREASED":w<v.state.viewportHeight?I="VIEWPORT_HEIGHT_DECREASING":C<v.state.scrollTop?I="SCROLLING_UPWARDS":I="NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",{atBottom:!1,notAtBottomBecause:I,state:N}},Ym),_e((v,j)=>v!==void 0&&v.atBottom===j.atBottom))),x=at(J(s,Ot((v,{scrollHeight:j,scrollTop:C,viewportHeight:w})=>{if(!vc(v.scrollHeight,j)){const R=j-(C+w)<1;return v.scrollTop!==C&&R?{changed:!0,jump:v.scrollTop-C,scrollHeight:j,scrollTop:C}:{changed:!0,jump:0,scrollHeight:j,scrollTop:C}}return{changed:!1,jump:0,scrollHeight:j,scrollTop:C}},{changed:!1,jump:0,scrollHeight:0,scrollTop:0}),je(v=>v.changed),fe(v=>v.jump)),0);ye(J(y,fe(v=>v.atBottom)),i),ye(J(i,Kt(50)),d);const g=te(Xr);ye(J(s,fe(({scrollTop:v})=>v),_e(),Ot((v,j)=>We(m)?{direction:v.direction,prevScrollTop:j}:{direction:j<v.prevScrollTop?cn:Xr,prevScrollTop:j},{direction:Xr,prevScrollTop:0}),fe(v=>v.direction)),g),ye(J(s,Kt(50),zt(qm)),g);const b=te(0);return ye(J(h,je(v=>!v),zt(0)),b),ye(J(o,Kt(100),Te(h),je(([v,j])=>j),Ot(([v,j],[C])=>[j,C],[0,0]),fe(([v,j])=>j-v)),b),{atBottomState:y,atBottomStateChange:d,atBottomThreshold:p,atTopStateChange:u,atTopThreshold:f,isAtBottom:i,isAtTop:l,isScrolling:h,lastJumpDueToItemResize:x,scrollDirection:g,scrollVelocity:b}},Be(dt)),dn="top",un="bottom",si="none";function oi(e,r,n){return typeof e=="number"?n===cn&&r===dn||n===Xr&&r===un?e:0:n===cn?r===dn?e.main:e.reverse:r===un?e.main:e.reverse}function ai(e,r){return typeof e=="number"?e:e[r]??0}const na=Le(([{deviation:e,fixedHeaderHeight:r,headerHeight:n,scrollTop:s,viewportHeight:o}])=>{const a=Ie(),i=te(0),l=te(0),d=te(0),u=at(J(Ye(ke(s),ke(o),ke(n),ke(a,an),ke(d),ke(i),ke(r),ke(e),ke(l)),fe(([p,f,h,[m,y],x,g,b,v,j])=>{const C=p-v,w=g+b,R=Math.max(h-C,0);let k=si;const E=ai(j,dn),T=ai(j,un);return m-=v,m+=h+b,y+=h+b,y-=v,m>p+w-E&&(k=cn),y<p-R+f+T&&(k=Xr),k!==si?[Math.max(C-h-oi(x,dn,k)-E,0),C-R-b+f+oi(x,un,k)+T]:null}),je(p=>p!==null),_e(an)),[0,0]);return{increaseViewportBy:l,listBoundary:a,overscan:d,topListHeight:i,visibleRange:u}},Be(dt),{singleton:!0});function Qm(e,r,n){if(ps(r)){const s=mc(e,r);return[{index:$t(r.groupOffsetTree,s)[0],offset:0,size:0},{data:n==null?void 0:n[0],index:s,offset:0,size:0}]}return[{data:n==null?void 0:n[0],index:e,offset:0,size:0}]}const Rs={bottom:0,firstItemIndex:0,items:[],offsetBottom:0,offsetTop:0,top:0,topItems:[],topListHeight:0,totalCount:0};function Gn(e,r,n,s,o,a){const{lastIndex:i,lastOffset:l,lastSize:d}=o;let u=0,p=0;if(e.length>0){u=e[0].offset;const x=e[e.length-1];p=x.offset+x.size}const f=n-i,h=l+f*d+(f-1)*s,m=u,y=h-p;return{bottom:p,firstItemIndex:a,items:ii(e,o,a),offsetBottom:y,offsetTop:u,top:m,topItems:ii(r,o,a),topListHeight:r.reduce((x,g)=>g.size+x,0),totalCount:n}}function bc(e,r,n,s,o,a){let i=0;if(n.groupIndices.length>0)for(const p of n.groupIndices){if(p-i>=e)break;i++}const l=e+i,d=ra(r,l),u=Array.from({length:l}).map((p,f)=>({data:a[f+d],index:f+d,offset:0,size:0}));return Gn(u,[],l,o,n,s)}function ii(e,r,n){if(e.length===0)return[];if(!ps(r))return e.map(u=>({...u,index:u.index+n,originalIndex:u.index}));const s=e[0].index,o=e[e.length-1].index,a=[],i=Rr(r.groupOffsetTree,s,o);let l,d=0;for(const u of e){(!l||l.end<u.index)&&(l=i.shift(),d=r.groupIndices.indexOf(l.start));let p;u.index===l.start?p={index:d,type:"group"}:p={groupIndex:d,index:u.index-(d+1)+n},a.push({...p,data:u.data,offset:u.offset,originalIndex:u.index,size:u.size})}return a}function li(e,r){return e===void 0?0:typeof e=="number"?e:e[r]??0}const gr=Le(([{data:e,firstItemIndex:r,gap:n,sizes:s,totalCount:o},a,{listBoundary:i,topListHeight:l,visibleRange:d},{initialTopMostItemIndex:u,scrolledToInitialItem:p},{topListHeight:f},h,{didMount:m},{recalcInProgress:y}])=>{const x=te([]),g=te(0),b=Ie(),v=te(0);ye(a.topItemsIndexes,x);const j=at(J(Ye(m,y,ke(d,an),ke(o),ke(s),ke(u),p,ke(x),ke(r),ke(n),ke(v),e),je(([k,E,,T,,,,,,,,N])=>{const I=N!==void 0&&N.length!==T;return k&&!E&&!I}),fe(([,,[k,E],T,N,I,A,$,_,S,L,P])=>{var V,G;const D=N,{offsetTree:H,sizeTree:ne}=D,U=We(g);if(T===0)return{...Rs,totalCount:T};if(k===0&&E===0)return U===0?{...Rs,totalCount:T}:bc(U,I,N,_,S,P||[]);if(Me(ne))return U>0?null:Gn(Qm(ra(I,T),D,P),[],T,S,D,_);const B=[];if($.length>0){const K=$[0],se=$[$.length-1];let Z=0;for(const ae of Rr(ne,K,se)){const de=ae.value,oe=Math.max(ae.start,K),he=Math.min(ae.end,se);for(let F=oe;F<=he;F++)B.push({data:P==null?void 0:P[F],index:F,offset:Z,size:de}),Z+=de}}if(!A)return Gn([],B,T,S,D,_);const Q=$.length>0?$[$.length-1]+1:0,pe=_m(H,k,E,Q);if(pe.length===0)return null;const be=T-1,W=us([],K=>{for(const se of pe){const Z=se.value;let ae=Z.offset,de=se.start;const oe=Z.size;if(Z.offset<k){de+=Math.floor((k-Z.offset+S)/(oe+S));const F=de-se.start;ae+=F*oe+F*S}de<Q&&(ae+=(Q-de)*oe,de=Q);const he=Math.min(se.end,be);for(let F=de;F<=he&&!(ae>=E);F++)K.push({data:P==null?void 0:P[F],index:F,offset:ae,size:oe}),ae+=oe+S}}),re=li(L,dn),M=li(L,un);if(W.length>0&&(re>0||M>0)){const K=W[0],se=W[W.length-1];if(re>0&&K.index>Q){const Z=Math.min(re,K.index-Q),ae=[];let de=K.offset;for(let oe=K.index-1;oe>=K.index-Z;oe--){const he=((V=Rr(ne,oe,oe)[0])==null?void 0:V.value)??K.size;de-=he+S,ae.unshift({data:P==null?void 0:P[oe],index:oe,offset:de,size:he})}W.unshift(...ae)}if(M>0&&se.index<be){const Z=Math.min(M,be-se.index);let ae=se.offset+se.size+S;for(let de=se.index+1;de<=se.index+Z;de++){const oe=((G=Rr(ne,de,de)[0])==null?void 0:G.value)??se.size;W.push({data:P==null?void 0:P[de],index:de,offset:ae,size:oe}),ae+=oe+S}}}return Gn(W,B,T,S,D,_)}),je(k=>k!==null),_e()),Rs);ye(J(e,je(Jo),fe(k=>k==null?void 0:k.length)),o),ye(J(j,fe(k=>k.topListHeight)),f),ye(f,l),ye(J(j,fe(k=>[k.top,k.bottom])),i),ye(J(j,fe(k=>k.items)),b);const C=jt(J(j,je(({items:k})=>k.length>0),Te(o,e),je(([{items:k},E])=>k[k.length-1].originalIndex===E-1),fe(([,k,E])=>[k-1,E]),_e(an),fe(([k])=>k))),w=jt(J(j,Kt(200),je(({items:k,topItems:E})=>k.length>0&&k[0].originalIndex===E.length),fe(({items:k})=>k[0].index),_e())),R=jt(J(j,je(({items:k})=>k.length>0),fe(({items:k})=>{let E=0,T=k.length-1;for(;k[E].type==="group"&&E<T;)E++;for(;k[T].type==="group"&&T>E;)T--;return{endIndex:k[T].index,startIndex:k[E].index}}),_e(fc)));return{endReached:C,initialItemCount:g,itemsRendered:b,listState:j,minOverscanItemCount:v,rangeChanged:R,startReached:w,topItemsIndexes:x,...h}},Be(Ht,gc,na,xn,mn,gn,ir,Zo),{singleton:!0}),kc=Le(([{fixedFooterHeight:e,fixedHeaderHeight:r,footerHeight:n,headerHeight:s},{listState:o}])=>{const a=Ie(),i=at(J(Ye(n,e,s,r,o),fe(([l,d,u,p,f])=>l+d+u+p+f.offsetBottom+f.bottom)),0);return ye(ke(i),a),{totalListHeight:i,totalListHeightChanged:a}},Be(dt,gr),{singleton:!0}),Xm=Le(([{viewportHeight:e},{totalListHeight:r}])=>{const n=te(!1),s=at(J(Ye(n,e,r),je(([o])=>o),fe(([,o,a])=>Math.max(0,o-a)),Kt(0),_e()),0);return{alignToBottom:n,paddingTopAddition:s}},Be(dt,kc),{singleton:!0}),jc=Le(()=>({context:te(null)})),Zm=({itemBottom:e,itemTop:r,locationParams:{align:n,behavior:s,...o},viewportBottom:a,viewportTop:i})=>r<i?{...o,align:n??"start",...s!==void 0?{behavior:s}:{}}:e>a?{...o,align:n??"end",...s!==void 0?{behavior:s}:{}}:null,wc=Le(([{gap:e,sizes:r,totalCount:n},{fixedFooterHeight:s,fixedHeaderHeight:o,headerHeight:a,scrollingInProgress:i,scrollTop:l,viewportHeight:d},{scrollToIndex:u}])=>{const p=Ie();return ye(J(p,Te(r,d,n,a,o,s,l),Te(e),fe(([[f,h,m,y,x,g,b,v],j])=>{const{calculateViewLocation:C=Zm,done:w,...R}=f,k=xc(f,h,y-1),E=ln(k,h.offsetTree,j)+x+g,T=E+$t(h.sizeTree,k)[1],N=v+g,I=v+m-b,A=C({itemBottom:T,itemTop:E,locationParams:R,viewportBottom:I,viewportTop:N});return A!==null?w&&At(J(i,je($=>!$),hr(We(i)?1:2)),w):w==null||w(),A}),je(f=>f!==null)),u),{scrollIntoView:p}},Be(Ht,dt,mn,gr,ar),{singleton:!0});function ci(e){return e===!1?!1:e==="smooth"?"smooth":"auto"}const ex=(e,r)=>typeof e=="function"?ci(e(r)):r&&ci(e),tx=Le(([{listRefresh:e,totalCount:r,fixedItemSize:n,data:s},{atBottomState:o,isAtBottom:a},{scrollToIndex:i},{scrolledToInitialItem:l},{didMount:d,propsReady:u},{log:p},{scrollingInProgress:f},{context:h},{scrollIntoView:m}])=>{const y=te(!1),x=Ie();let g=null;function b(w){Ne(i,{align:"end",behavior:w,index:"LAST"})}Pe(J(Ye(J(ke(r),hr(1)),d),Te(ke(y),a,l,f),fe(([[w,R],k,E,T,N])=>{let I=R&&T,A="auto";return I&&(A=ex(k,E||N),I=I&&A!==!1),{followOutputBehavior:A,shouldFollow:I,totalCount:w}}),je(({shouldFollow:w})=>w)),({followOutputBehavior:w,totalCount:R})=>{g!==null&&(g(),g=null),We(n)!==void 0?requestAnimationFrame(()=>{We(p)("following output to ",{totalCount:R},Ze.DEBUG),b(w)}):g=At(e,()=>{We(p)("following output to ",{totalCount:R},Ze.DEBUG),b(w),g=null})});function v(w){const R=At(o,k=>{w&&!k.atBottom&&k.notAtBottomBecause==="SIZE_INCREASED"&&g===null&&(We(p)("scrolling to bottom due to increased size",{},Ze.DEBUG),b("auto"))});setTimeout(R,100)}Pe(J(Ye(ke(y),r,u),je(([w,,R])=>w!==!1&&R),Ot(({value:w},[,R])=>({refreshed:w===R,value:R}),{refreshed:!1,value:0}),je(({refreshed:w})=>w),Te(y,r)),([,w])=>{We(l)&&v(w!==!1)}),Pe(x,()=>{v(We(y)!==!1)}),Pe(Ye(ke(y),o),([w,R])=>{w!==!1&&!R.atBottom&&R.notAtBottomBecause==="VIEWPORT_HEIGHT_DECREASING"&&b("auto")});const j=te(null),C=Ie();return ye(wo(J(ke(s),fe(w=>(w==null?void 0:w.length)??0)),J(ke(r))),C),Pe(J(Ye(J(C,hr(1)),d),Te(ke(j),l,f,h),fe(([[w,R],k,E,T,N])=>R&&E&&(k==null?void 0:k({context:N,totalCount:w,scrollingInProgress:T}))),je(w=>!!w),Kt(0)),w=>{g!==null&&(g(),g=null),We(n)!==void 0?requestAnimationFrame(()=>{We(p)("scrolling into view",{}),Ne(m,w)}):g=At(e,()=>{We(p)("scrolling into view",{}),Ne(m,w),g=null})}),{autoscrollToBottom:x,followOutput:y,scrollIntoViewOnChange:j}},Be(Ht,gn,mn,xn,ir,ar,dt,jc,wc)),rx=Le(([{data:e,firstItemIndex:r,gap:n,sizes:s},{initialTopMostItemIndex:o},{initialItemCount:a,listState:i},{didMount:l}])=>(ye(J(l,Te(a),je(([,d])=>d!==0),Te(o,s,r,n,e),fe(([[,d],u,p,f,h,m=[]])=>bc(d,u,p,f,h,m))),i),{}),Be(Ht,xn,gr,ir),{singleton:!0}),nx=Le(([{didMount:e},{scrollTo:r},{listState:n}])=>{const s=te(0);return Pe(J(e,Te(s),je(([,o])=>o!==0),fe(([,o])=>({top:o}))),o=>{At(J(n,hr(1),je(a=>a.items.length>1)),()=>{requestAnimationFrame(()=>{Ne(r,o)})})}),{initialScrollTop:s}},Be(ir,dt,gr),{singleton:!0}),Sc=Le(([{scrollVelocity:e}])=>{const r=te(!1),n=Ie(),s=te(!1);return ye(J(e,Te(s,r,n),je(([o,a])=>a!==!1&&a!==void 0),fe(([o,a,i,l])=>{const{enter:d,exit:u}=a;if(i){if(u(o,l))return!1}else if(d(o,l))return!0;return i}),_e()),r),Pe(J(Ye(r,e,n),Te(s)),([[o,a,i],l])=>{o&&l!==!1&&l!==void 0&&l.change&&l.change(a,i)}),{isSeeking:r,scrollSeekConfiguration:s,scrollSeekRangeChanged:n,scrollVelocity:e}},Be(gn),{singleton:!0}),sa=Le(([{scrollContainerState:e,scrollTo:r}])=>{const n=Ie(),s=Ie(),o=Ie(),a=te(!1),i=te(void 0);return ye(J(Ye(n,s),fe(([{scrollTop:l,viewportHeight:d},{offsetTop:u,listHeight:p}])=>({scrollHeight:p,scrollTop:Math.max(0,l-u),viewportHeight:d}))),e),ye(J(r,Te(s),fe(([l,{offsetTop:d}])=>({...l,top:l.top+d}))),o),{customScrollParent:i,useWindowScroll:a,windowScrollContainerState:n,windowScrollTo:o,windowViewportRect:s}},Be(dt)),sx=Le(([{sizeRanges:e,sizes:r},{headerHeight:n,scrollTop:s},{initialTopMostItemIndex:o},{didMount:a},{useWindowScroll:i,windowScrollContainerState:l,windowViewportRect:d}])=>{const u=Ie(),p=te(void 0),f=te(null),h=te(null);return ye(l,f),ye(d,h),Pe(J(u,Te(r,s,i,f,h,n)),([m,y,x,g,b,v,j])=>{const C=Om(y.sizeTree);g&&b!==null&&v!==null&&(x=b.scrollTop-v.offsetTop),x-=j,m({ranges:C,scrollTop:x})}),ye(J(p,je(Jo),fe(ox)),o),ye(J(a,Te(p),je(([,m])=>m!==void 0),_e(),fe(([,m])=>m.ranges)),e),{getState:u,restoreStateFrom:p}},Be(Ht,dt,xn,ir,sa));function ox(e){return{align:"start",index:0,offset:e.scrollTop}}const ax=Le(([{topItemsIndexes:e}])=>{const r=te(0);return ye(J(r,je(n=>n>=0),fe(n=>Array.from({length:n}).map((s,o)=>o))),e),{topItemCount:r}},Be(gr));function Cc(e){let r=!1,n;return(()=>(r||(r=!0,n=e()),n))}const ix=Cc(()=>/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent)),lx=Le(([{deviation:e,scrollBy:r,scrollingInProgress:n,scrollTop:s},{isAtBottom:o,isScrolling:a,lastJumpDueToItemResize:i,scrollDirection:l},{listState:d},{beforeUnshiftWith:u,gap:p,shiftWithOffset:f,sizes:h},{log:m},{recalcInProgress:y}])=>{const x=jt(J(d,Te(i),Ot(([,b,v,j],[{bottom:C,items:w,offsetBottom:R,totalCount:k},E])=>{const T=C+R;let N=0;return v===k&&b.length>0&&w.length>0&&(w[0].originalIndex===0&&b[0].originalIndex===0||(N=T-j,N!==0&&(N+=E))),[N,w,k,T]},[0,[],0,0]),je(([b])=>b!==0),Te(s,l,n,o,m,y),je(([,b,v,j,,,C])=>!C&&!j&&b!==0&&v===cn),fe(([[b],,,,,v])=>(v("Upward scrolling compensation",{amount:b},Ze.DEBUG),b))));function g(b){b>0?(Ne(r,{behavior:"auto",top:-b}),Ne(e,0)):(Ne(e,0),Ne(r,{behavior:"auto",top:-b}))}return Pe(J(x,Te(e,a)),([b,v,j])=>{j&&ix()?Ne(e,v-b):g(-b)}),Pe(J(Ye(at(a,!1),e,y),je(([b,v,j])=>!b&&!j&&v!==0),fe(([b,v])=>v),Kt(1)),g),ye(J(f,fe(b=>({top:-b}))),r),Pe(J(u,Te(h,p),fe(([b,{groupIndices:v,lastSize:j,sizeTree:C},w])=>{function R(I){return I*(j+w)}if(v.length===0)return R(b);let k=0;const E=on(C,0);let T=0,N=0;for(;T<b;){T++,k+=E;let I=v.length===N+1?1/0:v[N+1]-v[N]-1;T+I>b&&(k-=E,I=b-T+1),T+=I,k+=R(I),N++}return k})),b=>{Ne(e,b),requestAnimationFrame(()=>{Ne(r,{top:b}),requestAnimationFrame(()=>{Ne(e,0),Ne(y,!1)})})}),{deviation:e}},Be(dt,gn,gr,Ht,ar,Zo)),cx=Le(([e,r,n,s,o,a,i,l,d,u,p])=>({...e,...r,...n,...s,...o,...a,...i,...l,...d,...u,...p}),Be(na,rx,ir,Sc,kc,nx,Xm,sa,wc,ar,jc)),Ec=Le(([{data:e,defaultItemSize:r,firstItemIndex:n,fixedItemSize:s,fixedGroupSize:o,gap:a,groupIndices:i,heightEstimates:l,itemSize:d,sizeRanges:u,sizes:p,statefulTotalCount:f,totalCount:h,trackItemSizes:m},{initialItemFinalLocationReached:y,initialTopMostItemIndex:x,scrolledToInitialItem:g},b,v,j,C,{scrollToIndex:w},R,{topItemCount:k},{groupCounts:E},T])=>{const{listState:N,minOverscanItemCount:I,topItemsIndexes:A,rangeChanged:$,..._}=C;return ye($,T.scrollSeekRangeChanged),ye(J(T.windowViewportRect,fe(S=>S.visibleHeight)),b.viewportHeight),{data:e,defaultItemHeight:r,firstItemIndex:n,fixedItemHeight:s,fixedGroupHeight:o,gap:a,groupCounts:E,heightEstimates:l,initialItemFinalLocationReached:y,initialTopMostItemIndex:x,scrolledToInitialItem:g,sizeRanges:u,topItemCount:k,topItemsIndexes:A,totalCount:h,...j,groupIndices:i,itemSize:d,listState:N,minOverscanItemCount:I,scrollToIndex:w,statefulTotalCount:f,trackItemSizes:m,rangeChanged:$,..._,...T,...b,sizes:p,...v}},Be(Ht,xn,dt,sx,tx,gr,mn,lx,ax,gc,cx));function dx(e,r){const n={},s={};let o=0;const a=e.length;for(;o<a;)s[e[o]]=1,o+=1;for(const i in r)Object.hasOwn(s,i)||(n[i]=r[i]);return n}const Tn=typeof document<"u"?ge.useLayoutEffect:ge.useEffect;function Nc(e,r,n){const s=Object.keys(r.required||{}),o=Object.keys(r.optional||{}),a=Object.keys(r.methods||{}),i=Object.keys(r.events||{}),l=ge.createContext({});function d(g,b){g.propsReady!==void 0&&Ne(g.propsReady,!1);for(const v of s){const j=g[r.required[v]];Ne(j,b[v])}for(const v of o)if(v in b){const j=g[r.optional[v]];Ne(j,b[v])}g.propsReady!==void 0&&Ne(g.propsReady,!0)}function u(g){return a.reduce((b,v)=>(b[v]=j=>{const C=g[r.methods[v]];Ne(C,j)},b),{})}function p(g){return i.reduce((b,v)=>(b[v]=Em(g[r.events[v]]),b),{})}const f=ge.forwardRef(function(g,b){const{children:v,...j}=g,[C]=ge.useState(()=>us(Rm(e),k=>{d(k,j)})),[w]=ge.useState(Za(p,C));Tn(()=>{for(const k of i)k in j&&Pe(w[k],j[k]);return()=>{Object.values(w).map(Qo)}},[j,w,C]),Tn(()=>{d(C,j)}),ge.useImperativeHandle(b,Xa(u(C)));const R=n;return t.jsx(l.Provider,{value:C,children:n!==void 0?t.jsx(R,{...dx([...s,...o,...i],j),children:v}):v})}),h=g=>{const b=ge.useContext(l);return ge.useCallback(v=>{Ne(b[g],v)},[b,g])},m=g=>{const b=ge.useContext(l)[g],v=ge.useCallback(j=>Pe(b,j),[b]);return ge.useSyncExternalStore(v,()=>We(b),()=>We(b))},y=g=>{const b=ge.useContext(l)[g],[v,j]=ge.useState(Za(We,b));return Tn(()=>Pe(b,C=>{C!==v&&j(Xa(C))}),[b,v]),v},x=parseInt(ge.version)>=18?m:y;return{Component:f,useEmitter:(g,b)=>{const v=ge.useContext(l)[g];Tn(()=>Pe(v,b),[b,v])},useEmitterValue:x,usePublisher:h}}const Rc=ge.createContext(void 0),Tc=ge.createContext(void 0),Ts="-webkit-sticky",di="sticky",oa=Cc(()=>{if(typeof document>"u")return di;const e=document.createElement("div");return e.style.position=Ts,e.style.position===Ts?Ts:di}),Ic=typeof document<"u"?ge.useLayoutEffect:ge.useEffect;function Is(e){return"self"in e}function ux(e){return"body"in e}function Lc(e,r,n,s=Dr,o,a){const i=ge.useRef(null),l=ge.useRef(null),d=ge.useRef(null),u=ge.useCallback(h=>{let m,y,x;const g=h.target;if(ux(g)||Is(g)){const v=Is(g)?g:g.defaultView;x=a===!0?v.scrollX:v.scrollY,m=a===!0?v.document.documentElement.scrollWidth:v.document.documentElement.scrollHeight,y=a===!0?v.innerWidth:v.innerHeight}else x=a===!0?g.scrollLeft:g.scrollTop,m=a===!0?g.scrollWidth:g.scrollHeight,y=a===!0?g.offsetWidth:g.offsetHeight;const b=()=>{e({scrollHeight:m,scrollTop:Math.max(x,0),viewportHeight:y})};h.suppressFlushSync===!0?b():Vp.flushSync(b),l.current!==null&&(x===l.current||x<=0||x===m-y)&&(l.current=null,r(!0),d.current&&(clearTimeout(d.current),d.current=null))},[e,r,a]);ge.useEffect(()=>{const h=o||i.current;return s(o||i.current),u({suppressFlushSync:!0,target:h}),h.addEventListener("scroll",u,{passive:!0}),()=>{s(null),h.removeEventListener("scroll",u)}},[i,u,n,s,o]);function p(h){const m=i.current;if(!m||(a===!0?"offsetWidth"in m&&m.offsetWidth===0:"offsetHeight"in m&&m.offsetHeight===0))return;const y=h.behavior==="smooth";let x,g,b;Is(m)?(g=Math.max(rr(m.document.documentElement,a===!0?"width":"height"),a===!0?m.document.documentElement.scrollWidth:m.document.documentElement.scrollHeight),x=a===!0?m.innerWidth:m.innerHeight,b=a===!0?window.scrollX:window.scrollY):(g=m[a===!0?"scrollWidth":"scrollHeight"],x=rr(m,a===!0?"width":"height"),b=m[a===!0?"scrollLeft":"scrollTop"]);const v=g-x;if(h.top=Math.ceil(Math.max(Math.min(v,h.top),0)),vc(x,g)||h.top===b){e({scrollHeight:g,scrollTop:b,viewportHeight:x}),y&&r(!0);return}y?(l.current=h.top,d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{d.current=null,l.current=null,r(!0)},1e3)):l.current=null,a===!0&&(h={...h.behavior!==void 0?{behavior:h.behavior}:{},left:h.top}),m.scrollTo(h)}function f(h){a===!0&&(h={...h.behavior!==void 0?{behavior:h.behavior}:{},...h.top!==void 0?{left:h.top}:{}}),i.current.scrollBy(h)}return{scrollByCallback:f,scrollerRef:i,scrollToCallback:p}}function aa(e){return e}const px=Le(()=>{const e=te(l=>`Item ${l}`),r=te(l=>`Group ${l}`),n=te({}),s=te(aa),o=te("div"),a=te(Dr),i=(l,d=null)=>at(J(n,fe(u=>u[l]),_e()),d);return{components:n,computeItemKey:s,EmptyPlaceholder:i("EmptyPlaceholder"),FooterComponent:i("Footer"),GroupComponent:i("Group","div"),groupContent:r,HeaderComponent:i("Header"),HeaderFooterTag:o,ItemComponent:i("Item","div"),itemContent:e,ListComponent:i("List","div"),ScrollerComponent:i("Scroller","div"),scrollerRef:a,ScrollSeekPlaceholder:i("ScrollSeekPlaceholder"),TopItemListComponent:i("TopItemList")}}),fx=Le(([e,r])=>({...e,...r}),Be(Ec,px)),hx=({height:e})=>t.jsx("div",{style:{height:e}}),mx={overflowAnchor:"none",position:oa(),zIndex:1},Ac={overflowAnchor:"none"},xx={...Ac,display:"inline-block",height:"100%"},ui=ge.memo(function({showTopList:e=!1}){const r=Ce("listState"),n=Et("sizeRanges"),s=Ce("useWindowScroll"),o=Ce("customScrollParent"),a=Et("windowScrollContainerState"),i=Et("scrollContainerState"),l=o||s?a:i,d=Ce("itemContent"),u=Ce("context"),p=Ce("groupContent"),f=Ce("trackItemSizes"),h=Ce("itemSize"),m=Ce("log"),y=Et("gap"),x=Ce("horizontalDirection"),{callbackRef:g}=Lm(n,h,f,e?Dr:l,m,y,o,x,Ce("skipAnimationFrameInResizeObserver")),[b,v]=ge.useState(0);ia("deviation",_=>{b!==_&&v(_)});const j=Ce("EmptyPlaceholder"),C=Ce("ScrollSeekPlaceholder")??hx,w=Ce("ListComponent"),R=Ce("ItemComponent"),k=Ce("GroupComponent"),E=Ce("computeItemKey"),T=Ce("isSeeking"),N=Ce("groupIndices").length>0,I=Ce("alignToBottom"),A=Ce("initialItemFinalLocationReached"),$=e?{}:{boxSizing:"border-box",...x?{display:"inline-block",height:"100%",marginLeft:b!==0?b:I?"auto":0,paddingLeft:r.offsetTop,paddingRight:r.offsetBottom,whiteSpace:"nowrap"}:{marginTop:b!==0?b:I?"auto":0,paddingBottom:r.offsetBottom,paddingTop:r.offsetTop},...A?{}:{visibility:"hidden"}};return!e&&r.totalCount===0&&j!==null&&j!==void 0?t.jsx(j,{...ot(j,u)}):t.jsx(w,{...ot(w,u),"data-testid":e?"virtuoso-top-item-list":"virtuoso-item-list",ref:g,style:$,children:(e?r.topItems:r.items).map(_=>{const S=_.originalIndex,L=E(S+r.firstItemIndex,_.data,u);return T?c.createElement(C,{...ot(C,u),height:_.size,index:_.index,key:L,type:_.type||"item",..._.type==="group"?{}:{groupIndex:_.groupIndex}}):_.type==="group"?c.createElement(k,{...ot(k,u),"data-index":S,"data-item-index":_.index,"data-known-size":_.size,key:L,style:mx},p(_.index,u)):c.createElement(R,{...ot(R,u),...bx(R,_.data),"data-index":S,"data-item-group-index":_.groupIndex,"data-item-index":_.index,"data-known-size":_.size,key:L,style:x?xx:Ac},N?d(_.index,_.groupIndex,_.data,u):d(_.index,_.data,u))})})}),gx={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},yx={outline:"none",overflowX:"auto",position:"relative"},fs=e=>({height:"100%",position:"absolute",top:0,width:"100%",...e?{display:"flex",flexDirection:"column"}:void 0}),vx={position:oa(),top:0,width:"100%",zIndex:1};function ot(e,r){if(typeof e!="string")return{context:r}}function bx(e,r){return{item:typeof e=="string"?void 0:r}}const kx=ge.memo(function(){const e=Ce("HeaderComponent"),r=Et("headerHeight"),n=Ce("HeaderFooterTag"),s=xr(ge.useMemo(()=>a=>{r(rr(a,"height"))},[r]),!0,Ce("skipAnimationFrameInResizeObserver")),o=Ce("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ot(e,o)})}):null}),jx=ge.memo(function(){const e=Ce("FooterComponent"),r=Et("footerHeight"),n=Ce("HeaderFooterTag"),s=xr(ge.useMemo(()=>a=>{r(rr(a,"height"))},[r]),!0,Ce("skipAnimationFrameInResizeObserver")),o=Ce("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ot(e,o)})}):null});function Pc({useEmitter:e,useEmitterValue:r,usePublisher:n}){return ge.memo(function({children:s,style:o,context:a,...i}){const l=n("scrollContainerState"),d=r("ScrollerComponent"),u=n("smoothScrollTargetReached"),p=r("scrollerRef"),f=r("horizontalDirection")||!1,{scrollByCallback:h,scrollerRef:m,scrollToCallback:y}=Lc(l,u,d,p,void 0,f);return e("scrollTo",y),e("scrollBy",h),t.jsx(d,{"data-testid":"virtuoso-scroller","data-virtuoso-scroller":!0,ref:m,style:{...f?yx:gx,...o},tabIndex:0,...i,...ot(d,a),children:s})})}function $c({useEmitter:e,useEmitterValue:r,usePublisher:n}){return ge.memo(function({children:s,style:o,context:a,...i}){const l=n("windowScrollContainerState"),d=r("ScrollerComponent"),u=n("smoothScrollTargetReached"),p=r("totalListHeight"),f=r("deviation"),h=r("customScrollParent"),m=ge.useRef(null),y=r("scrollerRef"),{scrollByCallback:x,scrollerRef:g,scrollToCallback:b}=Lc(l,u,d,y,h);return Ic(()=>{var v;return g.current=h||((v=m.current)==null?void 0:v.ownerDocument.defaultView),()=>{g.current=null}},[g,h]),e("windowScrollTo",b),e("scrollBy",x),t.jsx(d,{ref:m,"data-virtuoso-scroller":!0,style:{position:"relative",...o,...p!==0?{height:p+f}:void 0},...i,...ot(d,a),children:s})})}const wx=({children:e})=>{const r=ge.useContext(Rc),n=Et("viewportHeight"),s=Et("fixedItemHeight"),o=Ce("alignToBottom"),a=Ce("horizontalDirection"),i=ge.useMemo(()=>oc(n,d=>rr(d,a?"width":"height")),[n,a]),l=xr(i,!0,Ce("skipAnimationFrameInResizeObserver"));return ge.useEffect(()=>{r&&(n(r.viewportHeight),s(r.itemHeight))},[r,n,s]),t.jsx("div",{"data-viewport-type":"element",ref:l,style:fs(o),children:e})},Sx=({children:e})=>{const r=ge.useContext(Rc),n=Et("windowViewportRect"),s=Et("fixedItemHeight"),o=Ce("customScrollParent"),a=ic(n,o,Ce("skipAnimationFrameInResizeObserver")),i=Ce("alignToBottom");return ge.useEffect(()=>{r&&(s(r.itemHeight),n({listHeight:0,offsetTop:0,visibleHeight:r.viewportHeight,visibleWidth:100}))},[r,n,s]),t.jsx("div",{"data-viewport-type":"window",ref:a,style:fs(i),children:e})},Cx=({children:e})=>{const r=Ce("TopItemListComponent")??"div",n=Ce("headerHeight"),s={...vx,marginTop:`${n}px`},o=Ce("context");return t.jsx(r,{style:s,...ot(r,o),children:e})},Ex=ge.memo(function(e){const r=Ce("useWindowScroll"),n=Ce("topItemsIndexes").length>0,s=Ce("customScrollParent"),o=Ce("context");return t.jsxs(s||r?Tx:Rx,{...e,context:o,children:[n&&t.jsx(Cx,{children:t.jsx(ui,{showTopList:!0})}),t.jsxs(s||r?Sx:wx,{children:[t.jsx(kx,{}),t.jsx(ui,{}),t.jsx(jx,{})]})]})}),{Component:Nx,useEmitter:ia,useEmitterValue:Ce,usePublisher:Et}=Nc(fx,{optional:{restoreStateFrom:"restoreStateFrom",context:"context",followOutput:"followOutput",scrollIntoViewOnChange:"scrollIntoViewOnChange",itemContent:"itemContent",groupContent:"groupContent",overscan:"overscan",increaseViewportBy:"increaseViewportBy",minOverscanItemCount:"minOverscanItemCount",totalCount:"totalCount",groupCounts:"groupCounts",topItemCount:"topItemCount",firstItemIndex:"firstItemIndex",initialTopMostItemIndex:"initialTopMostItemIndex",components:"components",atBottomThreshold:"atBottomThreshold",atTopThreshold:"atTopThreshold",computeItemKey:"computeItemKey",defaultItemHeight:"defaultItemHeight",fixedGroupHeight:"fixedGroupHeight",fixedItemHeight:"fixedItemHeight",heightEstimates:"heightEstimates",itemSize:"itemSize",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"HeaderFooterTag",data:"data",initialItemCount:"initialItemCount",initialScrollTop:"initialScrollTop",alignToBottom:"alignToBottom",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",horizontalDirection:"horizontalDirection",skipAnimationFrameInResizeObserver:"skipAnimationFrameInResizeObserver"},methods:{scrollToIndex:"scrollToIndex",scrollIntoView:"scrollIntoView",scrollTo:"scrollTo",scrollBy:"scrollBy",autoscrollToBottom:"autoscrollToBottom",getState:"getState"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",totalListHeightChanged:"totalListHeightChanged",itemsRendered:"itemsRendered",groupIndices:"groupIndices"}},Ex),Rx=Pc({useEmitter:ia,useEmitterValue:Ce,usePublisher:Et}),Tx=$c({useEmitter:ia,useEmitterValue:Ce,usePublisher:Et}),Ix=Nx,Lx=Le(()=>{const e=te(u=>t.jsxs("td",{children:["Item $",u]})),r=te(null),n=te(u=>t.jsxs("td",{colSpan:1e3,children:["Group ",u]})),s=te(null),o=te(null),a=te({}),i=te(aa),l=te(Dr),d=(u,p=null)=>at(J(a,fe(f=>f[u]),_e()),p);return{components:a,computeItemKey:i,context:r,EmptyPlaceholder:d("EmptyPlaceholder"),FillerRow:d("FillerRow"),fixedFooterContent:o,fixedHeaderContent:s,itemContent:e,groupContent:n,ScrollerComponent:d("Scroller","div"),scrollerRef:l,ScrollSeekPlaceholder:d("ScrollSeekPlaceholder"),TableBodyComponent:d("TableBody","tbody"),TableComponent:d("Table","table"),TableFooterComponent:d("TableFoot","tfoot"),TableHeadComponent:d("TableHead","thead"),TableRowComponent:d("TableRow","tr"),GroupComponent:d("Group","tr")}});Be(Ec,Lx);oa();const pi={bottom:0,itemHeight:0,items:[],itemWidth:0,offsetBottom:0,offsetTop:0,top:0},Ax={bottom:0,itemHeight:0,items:[{index:0}],itemWidth:0,offsetBottom:0,offsetTop:0,top:0},{ceil:fi,floor:Xn,max:Zr,min:Ls,round:hi}=Math;function mi(e,r,n){return Array.from({length:r-e+1}).map((s,o)=>({data:n===null?null:n[o+e],index:o+e}))}function Px(e){return{...Ax,items:e}}function In(e,r){return e!==void 0&&e.width===r.width&&e.height===r.height}function $x(e,r){return e!==void 0&&e.column===r.column&&e.row===r.row}const Mx=Le(([{increaseViewportBy:e,listBoundary:r,overscan:n,visibleRange:s},{footerHeight:o,headerHeight:a,scrollBy:i,scrollContainerState:l,scrollTo:d,scrollTop:u,smoothScrollTargetReached:p,viewportHeight:f},h,m,{didMount:y,propsReady:x},{customScrollParent:g,useWindowScroll:b,windowScrollContainerState:v,windowScrollTo:j,windowViewportRect:C},w])=>{const R=te(0),k=te(0),E=te(pi),T=te({height:0,width:0}),N=te({height:0,width:0}),I=Ie(),A=Ie(),$=te(0),_=te(null),S=te({column:0,row:0}),L=Ie(),P=Ie(),D=te(!1),H=te(0),ne=te(!0),U=te(!1),B=te(!1);Pe(J(y,Te(H),je(([M,V])=>V!==0)),()=>{Ne(ne,!1)}),Pe(J(Ye(y,ne,N,T,H,U),je(([M,V,G,K,,se])=>M&&!V&&G.height!==0&&K.height!==0&&!se)),([,,,,M])=>{Ne(U,!0),ta(1,()=>{Ne(I,M)}),At(J(u),()=>{Ne(r,[0,0]),Ne(ne,!0)})}),ye(J(P,je(M=>M!=null&&M.scrollTop>0),zt(0)),k),Pe(J(y,Te(P),je(([,M])=>M!=null)),([,M])=>{M&&(Ne(T,M.viewport),Ne(N,M.item),Ne(S,M.gap),M.scrollTop>0&&(Ne(D,!0),At(J(u,hr(1)),V=>{Ne(D,!1)}),Ne(d,{top:M.scrollTop})))}),ye(J(T,fe(({height:M})=>M)),f),ye(J(Ye(ke(T,In),ke(N,In),ke(S,(M,V)=>M!==void 0&&M.column===V.column&&M.row===V.row),ke(u)),fe(([M,V,G,K])=>({gap:G,item:V,scrollTop:K,viewport:M}))),L),ye(J(Ye(ke(R),s,ke(S,$x),ke(N,In),ke(T,In),ke(_),ke(k),ke(D),ke(ne),ke(H)),je(([,,,,,,,M])=>!M),fe(([M,[V,G],K,se,Z,ae,de,,oe,he])=>{const{column:F,row:q}=K,{height:ee,width:Y}=se,{width:ue}=Z;if(de===0&&(M===0||ue===0))return pi;if(Y===0){const we=ra(he,M),$e=we+Math.max(de-1,0);return Px(mi(we,$e,ae))}const me=Mc(ue,Y,F);let Se,ve;oe?V===0&&G===0&&de>0?(Se=0,ve=de-1):(Se=me*Xn((V+q)/(ee+q)),ve=me*fi((G+q)/(ee+q))-1,ve=Ls(M-1,Zr(ve,me-1)),Se=Ls(ve,Zr(0,Se))):(Se=0,ve=-1);const Fe=mi(Se,ve,ae),{bottom:Ke,top:qe}=xi(Z,K,se,Fe),X=fi(M/me),Re=X*ee+(X-1)*q-Ke;return{bottom:Ke,itemHeight:ee,items:Fe,itemWidth:Y,offsetBottom:Re,offsetTop:qe,top:qe}})),E),ye(J(_,je(M=>M!==null),fe(M=>M.length)),R),ye(J(Ye(T,N,E,S),je(([M,V,{items:G}])=>G.length>0&&V.height!==0&&M.height!==0),fe(([M,V,{items:G},K])=>{const{bottom:se,top:Z}=xi(M,K,V,G);return[Z,se]}),_e(an)),r);const Q=te(!1);ye(J(u,Te(Q),fe(([M,V])=>V||M!==0)),Q);const pe=jt(J(Ye(E,R),je(([{items:M}])=>M.length>0),Te(Q),je(([[M,V],G])=>{const K=M.items[M.items.length-1].index===V-1;return(G||M.bottom>0&&M.itemHeight>0&&M.offsetBottom===0&&M.items.length===V)&&K}),fe(([[,M]])=>M-1),_e())),be=jt(J(ke(E),je(({items:M})=>M.length>0&&M[0].index===0),zt(0),_e())),W=jt(J(ke(E),Te(D),je(([{items:M},V])=>M.length>0&&!V),fe(([{items:M}])=>({endIndex:M[M.length-1].index,startIndex:M[0].index})),_e(fc),Kt(0)));ye(W,m.scrollSeekRangeChanged),ye(J(I,Te(T,N,R,S),fe(([M,V,G,K,se])=>{const Z=yc(M),{align:ae,behavior:de,offset:oe}=Z;let he=Z.index;he==="LAST"&&(he=K-1),he=Zr(0,he,Ls(K-1,he));let F=Ro(V,se,G,he);return ae==="end"?F=hi(F-V.height+G.height):ae==="center"&&(F=hi(F-V.height/2+G.height/2)),oe!==void 0&&oe!==0&&(F+=oe),{behavior:de,top:F}})),d);const re=at(J(E,fe(M=>M.offsetBottom+M.bottom)),0);return ye(J(C,fe(M=>({height:M.visibleHeight,width:M.visibleWidth}))),T),{customScrollParent:g,data:_,deviation:$,footerHeight:o,gap:S,headerHeight:a,increaseViewportBy:e,initialItemCount:k,itemDimensions:N,overscan:n,restoreStateFrom:P,scrollBy:i,scrollContainerState:l,scrollHeight:A,scrollTo:d,scrollToIndex:I,scrollTop:u,smoothScrollTargetReached:p,totalCount:R,useWindowScroll:b,viewportDimensions:T,windowScrollContainerState:v,windowScrollTo:j,windowViewportRect:C,...m,gridState:E,horizontalDirection:B,initialTopMostItemIndex:H,totalListHeight:re,...h,endReached:pe,propsReady:x,rangeChanged:W,startReached:be,stateChanged:L,stateRestoreInProgress:D,...w}},Be(na,dt,gn,Sc,ir,sa,ar));function Mc(e,r,n){return Zr(1,Xn((e+n)/(Xn(r)+n)))}function xi(e,r,n,s){const{height:o}=n;if(o===void 0||s.length===0)return{bottom:0,top:0};const a=Ro(e,r,n,s[0].index);return{bottom:Ro(e,r,n,s[s.length-1].index)+o,top:a}}function Ro(e,r,n,s){const o=Mc(e.width,n.width,r.column),a=Xn(s/o),i=a*n.height+Zr(0,a-1)*r.row;return i>0?i+r.row:i}const Dx=Le(()=>{const e=te(f=>`Item ${f}`),r=te({}),n=te(null),s=te("virtuoso-grid-item"),o=te("virtuoso-grid-list"),a=te(aa),i=te("div"),l=te(Dr),d=(f,h=null)=>at(J(r,fe(m=>m[f]),_e()),h),u=te(!1),p=te(!1);return ye(ke(p),u),{components:r,computeItemKey:a,context:n,FooterComponent:d("Footer"),HeaderComponent:d("Header"),headerFooterTag:i,itemClassName:s,ItemComponent:d("Item","div"),itemContent:e,listClassName:o,ListComponent:d("List","div"),readyStateChanged:u,reportReadyState:p,ScrollerComponent:d("Scroller","div"),scrollerRef:l,ScrollSeekPlaceholder:d("ScrollSeekPlaceholder","div")}}),Fx=Le(([e,r])=>({...e,...r}),Be(Mx,Dx)),zx=ge.memo(function(){const e=Oe("gridState"),r=Oe("listClassName"),n=Oe("itemClassName"),s=Oe("itemContent"),o=Oe("computeItemKey"),a=Oe("isSeeking"),i=Nt("scrollHeight"),l=Oe("ItemComponent"),d=Oe("ListComponent"),u=Oe("ScrollSeekPlaceholder"),p=Oe("context"),f=Nt("itemDimensions"),h=Nt("gap"),m=Oe("log"),y=Oe("stateRestoreInProgress"),x=Nt("reportReadyState"),g=xr(ge.useMemo(()=>b=>{const v=b.parentElement.parentElement.scrollHeight;i(v);const j=b.firstChild;if(j!==null){const{height:C,width:w}=j.getBoundingClientRect();f({height:C,width:w})}h({column:gi("column-gap",getComputedStyle(b).columnGap,m),row:gi("row-gap",getComputedStyle(b).rowGap,m)})},[i,f,h,m]),!0,!1);return Ic(()=>{e.itemHeight>0&&e.itemWidth>0&&x(!0)},[e]),y?null:t.jsx(d,{className:r,ref:g,...ot(d,p),"data-testid":"virtuoso-item-list",style:{paddingBottom:e.offsetBottom,paddingTop:e.offsetTop},children:e.items.map(b=>{const v=o(b.index,b.data,p);return a?t.jsx(u,{...ot(u,p),height:e.itemHeight,index:b.index,width:e.itemWidth},v):c.createElement(l,{...ot(l,p),className:n,"data-index":b.index,key:v},s(b.index,b.data,p))})})}),_x=ge.memo(function(){const e=Oe("HeaderComponent"),r=Nt("headerHeight"),n=Oe("headerFooterTag"),s=xr(ge.useMemo(()=>a=>{r(rr(a,"height"))},[r]),!0,!1),o=Oe("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ot(e,o)})}):null}),Bx=ge.memo(function(){const e=Oe("FooterComponent"),r=Nt("footerHeight"),n=Oe("headerFooterTag"),s=xr(ge.useMemo(()=>a=>{r(rr(a,"height"))},[r]),!0,!1),o=Oe("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ot(e,o)})}):null}),Ox=({children:e})=>{const r=ge.useContext(Tc),n=Nt("itemDimensions"),s=Nt("viewportDimensions"),o=xr(ge.useMemo(()=>a=>{s(a.getBoundingClientRect())},[s]),!0,!1);return ge.useEffect(()=>{r&&(s({height:r.viewportHeight,width:r.viewportWidth}),n({height:r.itemHeight,width:r.itemWidth}))},[r,s,n]),t.jsx("div",{ref:o,style:fs(!1),children:e})},Wx=({children:e})=>{const r=ge.useContext(Tc),n=Nt("windowViewportRect"),s=Nt("itemDimensions"),o=Oe("customScrollParent"),a=ic(n,o,!1);return ge.useEffect(()=>{r&&(s({height:r.itemHeight,width:r.itemWidth}),n({listHeight:0,offsetTop:0,visibleHeight:r.viewportHeight,visibleWidth:r.viewportWidth}))},[r,n,s]),t.jsx("div",{ref:a,style:fs(!1),children:e})},Ux=ge.memo(function({...e}){const r=Oe("useWindowScroll"),n=Oe("customScrollParent"),s=n||r?Vx:Hx,o=n||r?Wx:Ox,a=Oe("context");return t.jsx(s,{...e,...ot(s,a),children:t.jsxs(o,{children:[t.jsx(_x,{}),t.jsx(zx,{}),t.jsx(Bx,{})]})})}),{useEmitter:Dc,useEmitterValue:Oe,usePublisher:Nt}=Nc(Fx,{optional:{context:"context",totalCount:"totalCount",overscan:"overscan",itemContent:"itemContent",components:"components",computeItemKey:"computeItemKey",data:"data",initialItemCount:"initialItemCount",scrollSeekConfiguration:"scrollSeekConfiguration",headerFooterTag:"headerFooterTag",listClassName:"listClassName",itemClassName:"itemClassName",useWindowScroll:"useWindowScroll",customScrollParent:"customScrollParent",scrollerRef:"scrollerRef",logLevel:"logLevel",restoreStateFrom:"restoreStateFrom",initialTopMostItemIndex:"initialTopMostItemIndex",increaseViewportBy:"increaseViewportBy"},methods:{scrollTo:"scrollTo",scrollBy:"scrollBy",scrollToIndex:"scrollToIndex"},events:{isScrolling:"isScrolling",endReached:"endReached",startReached:"startReached",rangeChanged:"rangeChanged",atBottomStateChange:"atBottomStateChange",atTopStateChange:"atTopStateChange",stateChanged:"stateChanged",readyStateChanged:"readyStateChanged"}},Ux),Hx=Pc({useEmitter:Dc,useEmitterValue:Oe,usePublisher:Nt}),Vx=$c({useEmitter:Dc,useEmitterValue:Oe,usePublisher:Nt});function gi(e,r,n){return r!=="normal"&&(r==null?void 0:r.endsWith("px"))!==!0&&n(`${e} was not resolved to pixel value correctly`,r,Ze.WARN),r==="normal"?0:parseInt(r??"0",10)}const Gx={source:"vskill-sidebar-own-collapsed",installed:"vskill-sidebar-installed-collapsed"},Fc={source:"Own",installed:"Installed"};function Kx(e){try{const r=localStorage.getItem(e);if(r!=null)return r==="true"}catch{}try{if(typeof sessionStorage<"u"){const r=sessionStorage.getItem(e);if(r!=null)return r==="true"}}catch{}return!1}function qx(e,r){const n=r?"true":"false";try{localStorage.setItem(e,n)}catch{}try{typeof sessionStorage<"u"&&sessionStorage.setItem(e,n)}catch{}}function yi({origin:e,count:r,filteredCount:n,updateCount:s,children:o}){const a=Gx[e],[i,l]=c.useState(()=>Kx(a)),d=c.useCallback(()=>{l(h=>{const m=!h;return qx(a,m),m})},[a]),u=Fc[e],p=`sidebar-section-${e}-header`,f=`sidebar-section-${e}-group`;return t.jsxs("section",{"aria-labelledby":p,style:{display:"flex",flexDirection:"column",minHeight:0},children:[t.jsxs("button",{id:p,type:"button","data-testid":"sidebar-section-header","aria-expanded":!i,"aria-controls":f,onClick:d,style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"8px 12px 6px 14px",background:"transparent",border:"none",cursor:"pointer",color:"var(--text-primary)",fontFamily:"var(--font-sans)",textAlign:"left"},children:[t.jsx(Jx,{collapsed:i}),t.jsx("h2",{"aria-level":2,style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--text-primary)",margin:0},children:u}),t.jsx("span",{style:{fontSize:10,color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums",fontFamily:"var(--font-mono)"},children:n!=null&&n!==r?`(${n} of ${r})`:`(${r})`}),s!=null&&s>0&&t.jsx(Yx,{origin:e,updateCount:s})]}),!i&&t.jsx("div",{id:f,role:"group","aria-labelledby":p,style:{display:"flex",flexDirection:"column",minHeight:0},children:o})]})}function Yx({origin:e,updateCount:r}){const[n,s]=c.useState(!1),o=Fc[e].toLowerCase(),a=`${r} updates available in ${o} section, view all`;return t.jsxs("span",{role:"link",tabIndex:0,"data-testid":"sidebar-section-update-chip","aria-label":a,onClick:i=>{i.stopPropagation(),window.location.hash="#/updates"},onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),i.stopPropagation(),window.location.hash="#/updates")},onFocus:()=>s(!0),onBlur:()=>s(!1),style:{display:"inline-flex",alignItems:"center",gap:2,fontSize:10,color:"var(--color-own)",fontFamily:"var(--font-mono)",fontVariantNumeric:"tabular-nums",cursor:"pointer",padding:"0 4px",borderRadius:3,outline:n?"2px solid var(--border-focus)":"none",outlineOffset:2},children:[r," updates",t.jsx("span",{"aria-hidden":"true",style:{fontSize:9,marginLeft:2},children:"▾"})]})}function Jx({collapsed:e}){return t.jsx("svg",{"aria-hidden":"true",width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-secondary)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:e?"rotate(0deg)":"rotate(90deg)",transition:"transform var(--duration-fast, 120ms) var(--ease-standard, ease)",flexShrink:0},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})})}function la(e,r){const n=r.trim().toLowerCase();return n?e.skill.toLowerCase().includes(n)||e.plugin.toLowerCase().includes(n)||e.dir.toLowerCase().includes(n):!0}function Qx({value:e,onChange:r,placeholder:n="Filter skills…",validationPattern:s,validationMessage:o="Invalid filter expression"}){const a=c.useRef(null),i=c.useId(),l=!!s&&e.trim()!==""&&!s.test(e);return c.useEffect(()=>{function d(u){var h;if(u.key!=="/")return;const p=u.target;if(!p)return;const f=p.tagName;f==="INPUT"||f==="TEXTAREA"||p.isContentEditable||(u.preventDefault(),(h=a.current)==null||h.focus())}return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[]),t.jsxs("div",{role:"search",style:{display:"flex",alignItems:"center",gap:6,padding:"6px 12px",borderBottom:"1px solid var(--border-default)"},children:[t.jsxs("svg",{"aria-hidden":"true",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-secondary)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[t.jsx("circle",{cx:"11",cy:"11",r:"8"}),t.jsx("path",{d:"M21 21l-4.35-4.35"})]}),t.jsx("input",{ref:a,type:"search","aria-label":"Filter skills","aria-invalid":l?!0:void 0,"aria-describedby":l?i:void 0,value:e,placeholder:n,onChange:d=>r(d.currentTarget.value),onKeyDown:d=>{d.key==="Escape"&&(r(""),d.currentTarget.blur())},style:{flex:1,minWidth:0,border:"none",outline:"none",background:"transparent",color:"var(--text-primary)",fontFamily:"var(--font-sans)",fontSize:12,padding:"2px 0"}}),l&&t.jsx("span",{id:i,role:"alert","aria-live":"polite",style:{fontFamily:"var(--font-sans)",fontSize:10,color:"var(--text-error, #B42318)",marginLeft:4,whiteSpace:"nowrap"},children:o}),t.jsx("kbd",{"aria-hidden":"true",style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-secondary)",border:"1px solid var(--border-default)",padding:"1px 5px",borderRadius:3,display:e?"none":"inline-block"},children:"/"})]})}function Xx({target:e}){const r=typeof e=="string"&&e.length>0,n=r?`symlinked → ${e}`:"symlinked — cycle detected or target unresolved",s=r?`symlinked from ${e}`:"symlinked, target unresolved";return t.jsx("span",{"data-testid":"symlink-chip",role:"img","aria-label":s,title:n,tabIndex:0,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:14,height:14,borderRadius:3,color:"var(--text-secondary)",flexShrink:0},children:t.jsxs("svg",{"data-testid":"symlink-glyph",width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),t.jsx("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]})})}function Zx({skill:e}){if(!e.updateAvailable)return null;const r=e.currentVersion??"",n=e.latestVersion,s=n?`Update available: ${r} → ${n}`.trim():"Update available";return t.jsx("span",{"data-testid":"skill-row-update-glyph",title:s,"aria-label":"Update available",style:{color:"var(--color-own)",display:"inline-flex",flexShrink:0},children:t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M12 19V5"}),t.jsx("path",{d:"M5 12l7-7 7 7"})]})})}function eg({skillId:e,trackedForUpdates:r}){let n=null;try{n=c.useContext(ql)}catch{n=null}const s=n==null?void 0:n.updatesById.get(e);if(s){const o=`Update available → ${s.version}${s.diffSummary?` — ${s.diffSummary}`:""}`;return t.jsx("span",{"data-testid":"update-chip-update-dot","aria-label":`Update available: ${s.version}`,title:o,style:{display:"inline-block",width:8,height:8,borderRadius:999,background:"var(--color-accent, #2563eb)",flexShrink:0}})}return r?null:t.jsx("span",{"data-testid":"update-chip-untracked-dot","aria-label":"Not tracked for updates",title:"Not tracked — run `vskill outdated` manually",style:{display:"inline-block",width:6,height:6,borderRadius:999,background:"var(--text-muted, var(--text-secondary))",opacity:.55,flexShrink:0}})}function tg(e,r,n){if(!(!e||e==="frontmatter"))return e==="plugin"?`Inherited from ${n&&n.trim()!==""?n:"plugin"} plugin v${r}`:e==="registry"?"Inherited from registry":"No version declared"}function yn(e){const{version:r,showPrefix:n=!0,size:s="md",source:o,pluginName:a}=e,i=typeof r=="string"?r.trim():"",l=i===""||i==="0.0.0"?"1.0.0":i,d=n&&!l.startsWith("v")?`v${l}`:l,u=s==="sm"?10:12,p=s==="sm"?1:2,f=s==="sm"?5:8,h=o==="registry"||o==="plugin",m=tg(o,l,a),y=e.title??m,x={display:"inline-flex",alignItems:"center",padding:`${p}px ${f}px`,border:"1px solid var(--border, var(--border-default))",borderRadius:4,background:"var(--bg-subtle, var(--surface-1, transparent))",color:"var(--text-secondary)",fontFamily:"var(--font-mono, var(--font-geist-mono))",fontSize:u,fontVariantNumeric:"tabular-nums",lineHeight:1.2,whiteSpace:"nowrap",flexShrink:0};return h&&(x.fontStyle="italic"),t.jsx("span",{"data-testid":e["data-testid"]??"version-badge","data-version":l,"data-version-source":o,title:y,style:x,children:d})}function rg({size:e}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 16 16",fill:"none","aria-hidden":!0,children:[t.jsx("rect",{x:"2.75",y:"7",width:"10.5",height:"6.75",rx:"1.25",fill:"currentColor",fillOpacity:"0.15",stroke:"currentColor",strokeWidth:"1.25"}),t.jsx("path",{d:"M5 7V5.25C5 3.59 6.34 2.25 8 2.25C9.66 2.25 11 3.59 11 5.25V7",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",fill:"none"}),t.jsx("circle",{cx:"8",cy:"10.25",r:"0.9",fill:"currentColor"})]})}function ng({repoFullName:e,variant:r="row"}){const n=e?`From private repo: ${e}`:"From a private repo",s={display:"inline-flex",alignItems:"center",gap:r==="tag"?4:0,height:18,padding:r==="tag"?"0 6px":"0 3px",borderRadius:4,color:"var(--private-fg, #92400e)",backgroundColor:"var(--private-bg, rgba(245,158,11,0.12))",border:"1px solid var(--private-border-soft, rgba(245,158,11,0.35))",fontFamily:"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",fontSize:10,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase",lineHeight:1,flexShrink:0};return t.jsxs("span",{role:"status","aria-label":n,title:n,"data-testid":"skill-row-private-chip","data-private":"true","data-variant":r,style:s,children:[t.jsx(rg,{size:11}),r==="tag"?t.jsx("span",{children:"Private"}):null]})}function sg({skill:e,isSelected:r,onSelect:n,onContextMenu:s,dirty:o,repoVisibility:a,repoFullName:i}){const l=e.origin==="installed"?"var(--status-installed)":"var(--status-own)";return t.jsxs("button",{type:"button",onClick:n,onContextMenu:s?d=>{d.preventDefault(),s(d,e)}:void 0,"aria-current":r?"true":void 0,"aria-selected":!!r,"data-testid":"skill-row","data-selected":r,"data-origin":e.origin,"data-skill-id":`${e.plugin}/${e.skill}`,style:{display:"flex",alignItems:"center",gap:8,width:"100%",height:36,padding:"0 12px 0 14px",background:r?"color-mix(in srgb, var(--accent-surface) 10%, transparent)":"transparent",boxShadow:r?"inset 2px 0 0 var(--color-accent, var(--accent-surface))":"none",border:"none",borderRadius:0,color:"var(--text-primary)",cursor:"pointer",fontFamily:"var(--font-sans)",fontSize:13,textAlign:"left",transition:"background-color var(--duration-fast, 120ms) var(--ease-standard, ease), box-shadow var(--duration-base, 180ms) var(--ease-standard, ease)"},children:[t.jsx("span",{"aria-hidden":"true","aria-label":e.updateAvailable?"Update available":void 0,title:e.updateAvailable?`Update available${e.latestVersion?` → ${e.latestVersion}`:""}`:void 0,style:{width:e.updateAvailable?10:6,height:e.updateAvailable?10:6,borderRadius:"50%",background:l,display:"inline-block",flexShrink:0,boxShadow:e.updateAvailable?"0 0 0 2px var(--color-own, #d97706)":"none",transition:"box-shadow 180ms ease, width 180ms ease, height 180ms ease"}}),t.jsx("span",{title:e.skill,style:{minWidth:0,flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.skill}),o&&t.jsx("span",{"aria-label":"Uncommitted changes","data-testid":"skill-row-dirty-dot",title:"Uncommitted changes — open this skill, click Publish to commit & push",style:{width:7,height:7,borderRadius:"50%",background:"var(--color-warning, #f59e0b)",display:"inline-block",flexShrink:0,boxShadow:"0 0 0 1px rgba(245,158,11,0.25)"}}),t.jsx(yn,{version:e.resolvedVersion??e.version??"1.0.0",source:e.versionSource??(e.version?"frontmatter":"default"),pluginName:e.pluginName??null,size:"sm",showPrefix:!1,"data-testid":"skill-row-version"}),a==="private"&&t.jsx(ng,{repoFullName:i??null}),e.isSymlink&&t.jsx(Xx,{target:e.symlinkTarget??null}),t.jsx(Zx,{skill:e}),t.jsx(eg,{skillId:`${e.plugin}/${e.skill}`,trackedForUpdates:e.trackedForUpdates??!0})]})}const en=c.memo(sg),zc={platformBaseUrl:"",authMode:"cookie",getAuthHeader:async()=>null},_c=c.createContext(zc);function og({value:e,children:r}){const n=c.useMemo(()=>({...zc,...e??{}}),[e==null?void 0:e.platformBaseUrl,e==null?void 0:e.authMode,e==null?void 0:e.getAuthHeader,e==null?void 0:e.fetchImpl]);return t.jsx(_c.Provider,{value:n,children:r})}function ut(){return c.useContext(_c)}function ag(e,r){const n=e.platformBaseUrl.replace(/\/+$/,""),s=r.startsWith("/")?r:`/${r}`;return`${n}${s}`}const Fr=6e4,Xe={profile:()=>"account:profile",repos:()=>"account:repos",tokens:()=>"account:tokens",skills:()=>"account:skills",notifications:()=>"account:notifications",exports:()=>"account:exports"};async function pt(e,r,n={}){const s=e.fetchImpl??globalThis.fetch.bind(globalThis),o=new Headers(n.headers??{});if(n.body&&!o.has("Content-Type")&&o.set("Content-Type","application/json"),e.authMode==="bearer"){const l=await e.getAuthHeader();l&&o.set("Authorization",l)}const a=e.authMode==="cookie"?"include":"omit",i=await s(ag(e,r),{...n,headers:o,credentials:a});if(!i.ok){let l="";try{l=await i.text()}catch{}const d=new Error(`Request to ${r} failed (${i.status}): ${l.slice(0,240)}`);throw d.status=i.status,d}if(i.status!==204)return await i.json()}function vn(){const e=ut();return St(Xe.profile(),()=>pt(e,"/api/v1/account/profile"),{ttl:Fr})}function Bc(){const e=ut();return c.useCallback(async r=>{const n=await pt(e,"/api/v1/account/profile",{method:"PATCH",body:JSON.stringify(r)});return ze(Xe.profile()),n},[e])}function ca(){const e=ut();return St(Xe.repos(),async()=>ig(await pt(e,"/api/v1/account/repos")),{ttl:Fr})}function Oc(e){return(e==null?void 0:e.repos)??[]}function ig(e){if(Array.isArray(e))return{repos:e,totalCount:e.length,publicCount:e.filter(n=>!n.isPrivate).length,privateCount:e.filter(n=>n.isPrivate).length};const r=Array.isArray(e==null?void 0:e.repos)?e.repos:[];return{repos:r,totalCount:(e==null?void 0:e.totalCount)??r.length,publicCount:(e==null?void 0:e.publicCount)??r.filter(n=>!n.isPrivate).length,privateCount:(e==null?void 0:e.privateCount)??r.filter(n=>n.isPrivate).length}}function Wc(){const e=ut();return c.useCallback(async r=>{await pt(e,`/api/v1/account/repos/${r}/resync`,{method:"POST"}),ze(Xe.repos())},[e])}function Uc(){const e=ut();return c.useCallback(async r=>{await pt(e,`/api/v1/account/repos/${r}`,{method:"DELETE"}),ze(Xe.repos())},[e])}function Hc(){const e=ut();return St(Xe.tokens(),async()=>lg(await pt(e,"/api/v1/account/tokens")),{ttl:Fr})}function lg(e){return Array.isArray(e)?e:e.tokens??[]}function Vc(){const e=ut();return c.useCallback(async r=>{const n=await pt(e,"/api/v1/account/tokens",{method:"POST",body:JSON.stringify(r)});return ze(Xe.tokens()),n},[e])}function Gc(){const e=ut();return c.useCallback(async r=>{await pt(e,`/api/v1/account/tokens/${r}`,{method:"DELETE"}),ze(Xe.tokens())},[e])}function Kc(){const e=ut();return St(Xe.notifications(),()=>pt(e,"/api/v1/account/notifications"),{ttl:Fr})}function qc(){const e=ut();return c.useCallback(async r=>{const n=await pt(e,"/api/v1/account/notifications",{method:"PATCH",body:JSON.stringify(r)});return ze(Xe.notifications()),n},[e])}function cg(){const e=ut();return St(Xe.skills(),()=>pt(e,"/api/v1/account/skills/summary"),{ttl:Fr})}function Yc(){const e=ut();return St(Xe.exports(),async()=>(await pt(e,"/api/v1/account/export")).exports,{ttl:Fr})}function Jc(){const e=ut();return c.useCallback(async()=>{await pt(e,"/api/v1/account/sign-out-all",{method:"POST"}),ze(Xe.profile()),ze(Xe.repos()),ze(Xe.tokens()),ze(Xe.notifications()),ze(Xe.skills()),ze(Xe.exports())},[e])}function Qc(){const e=ut();return c.useCallback(async()=>{const r=await pt(e,"/api/v1/account/export",{method:"POST"});return ze(Xe.exports()),r},[e])}function Xc(){const e=ut();return c.useCallback(async r=>{await pt(e,"/api/v1/account/delete",{method:"POST",body:JSON.stringify({confirmHandle:r})})},[e])}function dg(){return{profile:vn(),repos:ca(),tokens:Hc(),skills:cg(),notifications:Kc(),exports:Yc(),updateProfile:Bc(),resyncRepo:Wc(),disconnectRepo:Uc(),createToken:Vc(),revokeToken:Gc(),updateNotificationPrefs:qc(),signOutAll:Jc(),requestExport:Qc(),deleteAccount:Xc()}}const ug=/^https?:\/\/(?:www\.)?github\.com\/([^/]+)\/([^/?#]+?)(?:\.git)?\/?$/i,pg=/^git@github\.com:([^/]+)\/([^/?#]+?)(?:\.git)?$/i;function Zc(e){if(!e)return null;const r=e.trim(),n=ug.exec(r);if(n)return`${n[1].toLowerCase()}/${n[2].toLowerCase()}`;const s=pg.exec(r);return s?`${s[1].toLowerCase()}/${s[2].toLowerCase()}`:null}function fg(e){const r=new Map;for(const n of e)r.set(n.repoFullName.toLowerCase(),n);return r}function hg(){const{data:e,loading:r}=ca(),n=Oc(e);return{lookup:c.useMemo(()=>fg(n),[n]),repos:n,loading:!!r,privateCount:(e==null?void 0:e.privateCount)??n.filter(o=>o.isPrivate).length,publicCount:(e==null?void 0:e.publicCount)??n.filter(o=>!o.isPrivate).length}}function mg({plugin:e,skills:r,selectedKey:n,onSelect:s,onContextMenu:o,dirtySkillIds:a,repoVisibilityLookup:i}){var p;const l=[...r].sort((f,h)=>f.skill.localeCompare(h.skill)),d=(p=r[0])==null?void 0:p.pluginDisplay,u=!!d&&d.toLowerCase()!==e.toLowerCase();return t.jsxs("div",{role:"group","aria-label":`${e} (${r.length})`,children:[t.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:8,padding:"8px 12px 4px 14px"},children:[t.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-secondary)",fontFamily:"var(--font-sans)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:e,children:e}),t.jsxs("span",{style:{fontSize:10,color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums",fontFamily:"var(--font-mono)"},children:["(",r.length,")"]}),u&&t.jsx("span",{style:{fontSize:9,color:"var(--text-tertiary, var(--text-secondary))",opacity:.75,fontFamily:"var(--font-sans)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:d,children:d})]}),t.jsx("div",{role:"list",children:l.map(f=>{const h=!!n&&n.plugin===f.plugin&&n.skill===f.skill,m=i?Zc(f.repoUrl):null,y=m?i.get(m)??null:null,x=y?y.isPrivate?"private":"public":"unknown";return t.jsx("div",{role:"listitem",children:t.jsx(en,{skill:f,isSelected:h,onSelect:()=>s(f),onContextMenu:o,dirty:a==null?void 0:a.has(`${f.plugin}/${f.skill}`),repoVisibility:x,repoFullName:(y==null?void 0:y.repoFullName)??null})},`${f.plugin}/${f.skill}`)})})]})}function xg(e,r){if(!e||typeof window>"u")return r;try{const n=window.localStorage.getItem(e);return n===null?r:n==="true"}catch{return r}}function As({skills:e,pluginName:r,initialCollapsed:n=!1,persistKey:s,renderSkill:o,headerActionSlot:a,forceOpen:i=!1}){var m;const l=r??((m=e[0])==null?void 0:m.pluginName)??"unknown-plugin",[d,u]=c.useState(()=>xg(s,n)),p=i?!1:d,f=c.useCallback(()=>{u(y=>{const x=!y;if(s&&typeof window<"u")try{window.localStorage.setItem(s,String(x))}catch{}return x})},[s]),h=p?"▸":"▾";return t.jsxs("div",{"data-vskill-plugin-tree":l,role:"group","aria-label":`${l} (${e.length})`,children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",paddingRight:6},children:[t.jsxs("button",{type:"button",onClick:f,"aria-expanded":!p,style:{display:"flex",alignItems:"center",gap:6,flex:1,padding:"4px 4px 4px 18px",background:"transparent",border:"none",cursor:"pointer",textAlign:"left",color:"var(--text-primary)",fontSize:12,fontWeight:500},children:[t.jsx("span",{"aria-hidden":!0,className:"vskill-chevron tabular-nums",style:{width:16,display:"inline-block",textAlign:"center",fontSize:14,fontWeight:700,color:"var(--color-ink, var(--text-primary))"},children:h}),t.jsx("span",{className:"vskill-plugin-name",style:{fontFamily:"var(--font-mono)"},children:l}),t.jsxs("span",{className:"vskill-plugin-count tabular-nums",style:{marginLeft:"auto",fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-mono)"},children:["(",e.length,")"]})]}),a&&t.jsx("div",{style:{display:"inline-flex",alignItems:"center",flexShrink:0},children:a})]}),!p&&t.jsx("div",{className:"vskill-plugin-tree-children",style:{paddingLeft:36,borderLeft:"1px solid var(--border-subtle, rgba(128,128,128,0.2))",marginLeft:24},children:e.map(y=>t.jsx("div",{"data-vskill-plugin-skill":y.pluginNamespace??y.skill,children:o(y)},`${y.pluginNamespace??y.skill}`))})]})}function Kn({open:e,title:r,body:n,confirmLabel:s="Confirm",cancelLabel:o="Cancel",variant:a="default",onConfirm:i,onCancel:l}){const d=c.useRef(null),u=c.useRef(null),p=c.useRef(null);if(c.useEffect(()=>{if(e)return p.current=document.activeElement??null,requestAnimationFrame(()=>{var y;(y=u.current)==null||y.focus()}),()=>{var y,x;(x=(y=p.current)==null?void 0:y.focus)==null||x.call(y),p.current=null}},[e]),c.useEffect(()=>{if(!e)return;function y(x){if(x.key==="Escape"){x.preventDefault(),l();return}if(x.key==="Tab"&&d.current){const g=d.current.querySelectorAll("button:not([disabled])");if(g.length===0)return;const b=g[0],v=g[g.length-1];x.shiftKey&&document.activeElement===b?(x.preventDefault(),v.focus()):!x.shiftKey&&document.activeElement===v&&(x.preventDefault(),b.focus())}}return window.addEventListener("keydown",y,!0),()=>window.removeEventListener("keydown",y,!0)},[e,l]),!e)return null;const f="confirm-dialog-title",h="confirm-dialog-body",m=a==="destructive"?{background:"var(--red, #d92d20)",color:"#fff",border:"1px solid var(--red, #d92d20)"}:{background:"var(--accent-surface)",color:"var(--text-primary)",border:"1px solid var(--border-default)"};return t.jsx("div",{"data-testid":"confirm-dialog-overlay",onMouseDown:y=>{y.target===y.currentTarget&&l()},style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:100},children:t.jsxs("div",{ref:d,role:"alertdialog","aria-modal":"true","aria-labelledby":f,"aria-describedby":h,"data-testid":"confirm-dialog",style:{background:"var(--bg-canvas)",color:"var(--text-primary)",border:"1px solid var(--border-default)",borderRadius:8,padding:20,width:"min(440px, 92vw)",boxShadow:"0 20px 48px rgba(0,0,0,0.32)",fontFamily:"var(--font-sans)"},children:[t.jsx("h2",{id:f,style:{margin:0,fontSize:16,fontWeight:600,marginBottom:8},children:r}),t.jsx("p",{id:h,style:{margin:0,fontSize:13,color:"var(--text-secondary)",marginBottom:16,lineHeight:1.5},children:n}),t.jsxs("div",{style:{display:"flex",justifyContent:"flex-end",gap:8},children:[t.jsx("button",{ref:u,type:"button","data-testid":"confirm-dialog-cancel",onClick:l,style:{padding:"6px 14px",borderRadius:6,cursor:"pointer",background:"transparent",color:"var(--text-primary)",border:"1px solid var(--border-default)",fontSize:13},children:o}),t.jsx("button",{type:"button","data-testid":"confirm-dialog-confirm",onClick:i,style:{padding:"6px 14px",borderRadius:6,cursor:"pointer",fontSize:13,...m},children:s})]})]})})}function gg(e){const r=(typeof navigator<"u"?navigator.platform:"").toLowerCase();return r.includes("mac")?"system Trash":r.includes("win")?"Recycle Bin":"Trash"}function Ps(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function yg({pluginName:e,enabled:r,onAfterAction:n}){const[s,o]=c.useState(!1),[a,i]=c.useState(null),[l,d]=c.useState(null),[u,p]=c.useState(!1),f=c.useRef(null);c.useEffect(()=>{if(!s)return;function y(x){f.current&&!f.current.contains(x.target)&&o(!1)}return document.addEventListener("mousedown",y),()=>document.removeEventListener("mousedown",y)},[s]);async function h(y){i(y),d(null);try{const x=await fetch(`/api/plugins/${encodeURIComponent(e)}/${y}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),g=await x.json().catch(()=>({}));if(!x.ok||!g.ok){const b=g.error??`${y} failed (${x.status})`;d(b),y==="uninstall"&&Ps(`Failed to uninstall ${e}: ${b}`,"error");return}if(y==="uninstall"){const b=g.fallback==="orphan-cache-removed"?`Removed orphaned ${e}`:`Uninstalled ${e}`;Ps(b,"success")}ze("skills"),nc(),n==null||n(),o(!1)}catch(x){const g=x instanceof Error?x.message:String(x);d(g),y==="uninstall"&&Ps(`Failed to uninstall ${e}: ${g}`,"error")}finally{i(null)}}function m(){p(!0)}return t.jsxs("div",{ref:f,style:{position:"relative",display:"inline-flex"},children:[t.jsx("button",{type:"button","aria-label":`Manage ${e}`,title:`Manage ${e}`,onClick:y=>{y.stopPropagation(),o(x=>!x)},"data-vskill-plugin-action-trigger":e,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:22,height:22,padding:0,marginLeft:4,border:"none",background:s?"var(--surface-2, rgba(0,0,0,0.08))":"transparent",color:"var(--text-tertiary)",borderRadius:4,cursor:"pointer",fontSize:14,lineHeight:1},onMouseEnter:y=>{y.currentTarget.style.color="var(--text-primary)",y.currentTarget.style.background="var(--surface-2, rgba(0,0,0,0.06))"},onMouseLeave:y=>{y.currentTarget.style.color="var(--text-tertiary)",y.currentTarget.style.background=s?"var(--surface-2, rgba(0,0,0,0.08))":"transparent"},children:"⋯"}),s&&t.jsxs("div",{role:"menu",style:{position:"absolute",top:"calc(100% + 2px)",right:0,minWidth:160,background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:6,boxShadow:"0 4px 6px -1px rgba(0,0,0,0.08), 0 8px 14px -4px rgba(0,0,0,0.12)",padding:4,zIndex:30,fontFamily:"var(--font-sans)"},children:[r?t.jsx($s,{onClick:()=>void h("disable"),disabled:a!==null,busy:a==="disable",label:"Disable",hint:"Keep installed, turn off"}):t.jsx($s,{onClick:()=>void h("enable"),disabled:a!==null,busy:a==="enable",label:"Enable",hint:"Activate plugin"}),t.jsx($s,{onClick:m,disabled:a!==null,busy:a==="uninstall",label:"Uninstall",hint:"Remove plugin + skills",danger:!0}),l&&t.jsx("div",{style:{padding:"6px 8px",fontSize:11,color:"var(--color-error, #b91c1c)",background:"color-mix(in oklch, var(--color-error, #b91c1c) 8%, transparent)",borderRadius:4,marginTop:4,lineHeight:1.4,maxWidth:240,wordBreak:"break-word"},children:l})]}),t.jsx(Kn,{open:u,title:`Uninstall ${e}?`,body:`This removes the ${e} plugin and all of its skills. You can reinstall it later from the marketplace.`,confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onCancel:()=>{p(!1),o(!1)},onConfirm:()=>{p(!1),h("uninstall")}})]})}function $s({onClick:e,disabled:r,busy:n,label:s,hint:o,danger:a}){return t.jsxs("button",{type:"button",onClick:i=>{i.stopPropagation(),e()},disabled:r,role:"menuitem",style:{display:"block",width:"100%",padding:"6px 10px",textAlign:"left",border:"none",background:"transparent",borderRadius:4,cursor:r?"not-allowed":"pointer",color:a?"var(--color-error, #b91c1c)":"var(--text-primary)",opacity:r&&!n?.5:1,fontFamily:"inherit"},onMouseEnter:i=>{r||(i.currentTarget.style.background="var(--surface-2, rgba(0,0,0,0.05))")},onMouseLeave:i=>{i.currentTarget.style.background="transparent"},children:[t.jsx("div",{style:{fontSize:12,fontWeight:500},children:n?`${s}…`:s}),t.jsx("div",{style:{fontSize:10,color:"var(--text-tertiary)"},children:o})]})}const vg=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function bg({anchorSkillDir:e,candidateLabel:r,initialName:n,initialDescription:s,onConverted:o,onCancel:a}){const[i,l]=c.useState(n),[d,u]=c.useState(s??""),[p,f]=c.useState(!1),[h,m]=c.useState(null),[y,x]=c.useState(null),g=vg.test(i),b=p||!g,v=c.useCallback(async j=>{if(j.preventDefault(),!b){f(!0),m(null),x(null);try{const C=await ce.convertToPlugin({anchorSkillDir:e,pluginName:i.trim(),description:d.trim()});o({pluginDir:C.pluginDir,manifestPath:C.manifestPath,validation:C.validation})}catch(C){if(C instanceof qt){m(C.message);const w=C.details;w&&typeof w.stderr=="string"&&x(w.stderr)}else m(C instanceof Error?C.message:String(C));f(!1)}}},[b,e,i,d,o]);return t.jsx("div",{role:"dialog","aria-modal":"true","aria-labelledby":"vskill-convert-dialog-title",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.45)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},onClick:j=>{j.target===j.currentTarget&&!p&&a()},children:t.jsxs("form",{onSubmit:v,style:{background:"var(--bg-primary, #fff)",color:"var(--text-primary, #111)",borderRadius:8,padding:20,width:"min(540px, 92vw)",boxShadow:"0 12px 48px rgba(0,0,0,0.25)",fontFamily:"var(--font-sans)"},children:[t.jsxs("h2",{id:"vskill-convert-dialog-title",style:{margin:0,fontSize:16,fontWeight:600},children:["Convert ",t.jsxs("span",{style:{fontFamily:"var(--font-mono)"},children:[r,"/"]})," to a plugin"]}),t.jsxs("p",{style:{marginTop:8,marginBottom:16,fontSize:13,color:"var(--text-secondary)"},children:["Writes ",t.jsx("span",{style:{fontFamily:"var(--font-mono)"},children:".claude-plugin/plugin.json"})," into this folder and validates it via ",t.jsx("span",{style:{fontFamily:"var(--font-mono)"},children:"claude plugin validate"}),". The skills already on disk will appear nested under the new plugin."]}),t.jsx("label",{style:{display:"block",fontSize:12,fontWeight:500,marginBottom:4},children:"Plugin name"}),t.jsx("input",{type:"text",value:i,onChange:j=>l(j.target.value),disabled:p,autoFocus:!0,style:{width:"100%",padding:"6px 8px",fontSize:13,fontFamily:"var(--font-mono)",boxSizing:"border-box",border:"1px solid var(--border-subtle)",borderRadius:4}}),!g&&t.jsx("div",{style:{fontSize:11,color:"var(--color-error, #c00)",marginTop:4},children:"Must be kebab-case (lowercase letters, digits, hyphens; 2–64 chars)."}),t.jsx("label",{style:{display:"block",fontSize:12,fontWeight:500,marginTop:12,marginBottom:4},children:"Description"}),t.jsx("input",{type:"text",value:d,onChange:j=>u(j.target.value),disabled:p,style:{width:"100%",padding:"6px 8px",fontSize:13,boxSizing:"border-box",border:"1px solid var(--border-subtle)",borderRadius:4}}),h&&t.jsxs("div",{role:"alert",style:{marginTop:12,padding:8,fontSize:12,background:"var(--color-error-bg, #fee)",color:"var(--color-error, #c00)",borderRadius:4},children:[t.jsx("div",{style:{fontWeight:500},children:h}),y&&t.jsx("pre",{style:{marginTop:6,padding:6,fontSize:11,fontFamily:"var(--font-mono)",whiteSpace:"pre-wrap",background:"rgba(0,0,0,0.04)",borderRadius:3,maxHeight:160,overflow:"auto"},children:y})]}),t.jsxs("div",{style:{marginTop:16,display:"flex",justifyContent:"flex-end",gap:8},children:[t.jsx("button",{type:"button",onClick:a,disabled:p,style:{padding:"6px 12px",fontSize:13,background:"transparent",border:"1px solid var(--border-subtle)",borderRadius:4,cursor:p?"not-allowed":"pointer"},children:"Cancel"}),t.jsx("button",{type:"submit",disabled:b,style:{padding:"6px 12px",fontSize:13,background:"var(--color-accent, #2b6cb0)",color:"white",border:"none",borderRadius:4,cursor:b?"not-allowed":"pointer",opacity:b?.5:1},children:p?"Converting…":"Convert"})]})]})})}function vi({name:e,count:r,className:n,variant:s,collapsed:o,onToggle:a,action:i}){const l=s==="authoring"?"var(--color-own, #f59e0b)":"var(--color-accent, #2f6f8f)",d=s==="authoring"?"color-mix(in oklch, var(--color-own, #f59e0b) 10%, var(--color-paper, #fff))":"color-mix(in oklch, var(--color-accent, #2f6f8f) 8%, var(--color-paper, #fff))",u=typeof a=="function",p={position:"sticky",top:0,zIndex:4,backdropFilter:"saturate(1.4) blur(10px)",WebkitBackdropFilter:"saturate(1.4) blur(10px)",background:d,borderLeft:`3px solid ${l}`,borderBottom:"1px solid var(--border-subtle, rgba(128,128,128,0.2))",padding:"7px 10px 7px 9px",fontFamily:"var(--font-serif, ui-serif)",fontSize:13,fontWeight:700,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-primary)",display:"flex",alignItems:"center",gap:8,width:"100%",cursor:u?"pointer":"default",border:"none",textAlign:"left"},f=o?"▸":"▾",h=t.jsxs(t.Fragment,{children:[u&&t.jsx("span",{"aria-hidden":!0,style:{fontSize:15,fontWeight:700,color:l,width:16,display:"inline-block",textAlign:"center",letterSpacing:0,textTransform:"none"},children:f}),t.jsx("span",{className:"vskill-group-header-name",children:e}),t.jsxs("span",{className:"vskill-group-header-count tabular-nums",style:{fontFamily:"var(--font-mono)",fontSize:11,fontWeight:500,color:"var(--text-secondary)",letterSpacing:0,textTransform:"none"},children:["(",r,")"]}),i&&t.jsx("span",{style:{marginLeft:"auto"},children:t.jsx(kg,{label:i.label,title:i.title,icon:i.icon,onClick:i.onClick,accent:l})})]});return u?t.jsx("button",{type:"button","data-vskill-group-header":e,className:["vskill-group-header select-none",n??""].join(" ").trim(),style:p,onClick:()=>a(!o),"aria-expanded":!o,children:h}):t.jsx("div",{"data-vskill-group-header":e,role:"heading","aria-level":3,className:["vskill-group-header select-none",n??""].join(" ").trim(),style:p,children:h})}function kg({label:e,title:r,icon:n,onClick:s,accent:o}){return t.jsxs("button",{type:"button","aria-label":e,title:r??e,onClick:a=>{a.stopPropagation(),s()},style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:4,height:22,padding:"0 7px",border:`1px solid ${o}`,background:"transparent",color:o,borderRadius:4,fontSize:10,fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase",cursor:"pointer",fontFamily:"inherit"},onMouseEnter:a=>{a.currentTarget.style.background=`color-mix(in oklch, ${o} 15%, transparent)`},onMouseLeave:a=>{a.currentTarget.style.background="transparent"},children:[n,e]})}function jg(){return t.jsxs("div",{"aria-hidden":"true",role:"presentation",style:{display:"flex",alignItems:"center",gap:8,height:36,padding:"0 12px 0 14px"},children:[t.jsx("span",{className:"placeholder",style:{width:6,height:6,borderRadius:"50%",flexShrink:0}}),t.jsx("span",{className:"placeholder",style:{height:10,flex:1,borderRadius:3,maxWidth:180}})]})}function wg(e){const r=e.key.split("+").map(l=>l.trim()).filter(Boolean);let n=!!e.meta,s=!!e.ctrl,o=!!e.shift,a=!!e.alt,i=e.key;if(r.length>1){for(const l of r.slice(0,-1)){const d=l.toLowerCase();d==="cmd"||d==="meta"||d==="⌘"?n=!0:d==="ctrl"||d==="control"?s=!0:d==="shift"?o=!0:(d==="alt"||d==="option")&&(a=!0)}i=r[r.length-1]}return{key:i.length===1?i.toLowerCase():i,meta:n,ctrl:s,shift:o,alt:a,allowInInputs:!!e.allowInInputs,handler:e.handler}}function Sg(e){if(!e||!(e instanceof HTMLElement))return!1;const r=e.tagName;if(r==="INPUT"||r==="TEXTAREA"||e.isContentEditable)return!0;const n=e.getAttribute("contenteditable");return n!=null&&n!=="false"||e.getAttribute("role")==="textbox"}function Cg(e,r){const n=!!e.metaKey,s=!!e.ctrlKey,o=!!e.shiftKey,a=!!e.altKey;return n!==r.meta||s!==r.ctrl||o!==r.shift||a!==r.alt?!1:(e.key.length===1?e.key.toLowerCase():e.key)===r.key}function To(e,r={}){const{enabled:n=!0,target:s}=r,o=c.useRef([]),a=Array.isArray(e)?e:[e];o.current=a.map(wg),c.useEffect(()=>{if(!n)return;const i=s??(typeof window<"u"?window:void 0);if(!i)return;function l(d){const u=d,p=Sg(u.target);for(const f of o.current){if(!Cg(u,f))continue;const h=f.meta||f.ctrl||f.alt;if(!(p&&!f.allowInInputs&&!h)){f.handler(u);return}}}return i.addEventListener("keydown",l),()=>{i.removeEventListener("keydown",l)}},[n,s])}function ed(){const{data:e,loading:r,error:n,revalidate:s}=St("project-github-status",()=>ce.getProjectGitHubStatus());return{status:e,loading:r,error:n,revalidate:s}}function Eg(e){if(typeof window>"u")return!1;try{return window.localStorage.getItem(`vskill-github-hint-dismissed-${e}`)==="true"}catch{return!1}}function Ng({projectRoot:e}){const{status:r,loading:n}=ed();if(n||!r||r.status==="github"||Eg(e))return null;const s=r.status==="no-git"?"GitHub not connected — run `gh repo create ...` to publish your skills":"Origin is not GitHub — add a github.com remote to publish",o=()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:focus-publish-row"))};return t.jsx("button",{type:"button","data-testid":"sidebar-github-not-connected","aria-label":"GitHub not connected — click for help",title:s,onClick:o,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:20,height:20,padding:0,background:"transparent",border:"none",cursor:"pointer",color:"var(--color-own, #f59e0b)"},children:t.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("path",{d:"m2 2 20 20"}),t.jsx("path",{d:"M5.782 5.782A7 7 0 0 0 9 19h8.5a4.5 4.5 0 0 0 1.307-.193"}),t.jsx("path",{d:"M21.532 16.5A4.5 4.5 0 0 0 17.5 10h-1.79A7.008 7.008 0 0 0 10 5.07"})]})})}const Rg=3e4;async function Tg(e){const r={name:null,branch:null,is_private:null,sync_state:{kind:"no_remote"}};if(typeof window>"u")return r;try{const n=await fetch(`/api/git/repo-info?folder=${encodeURIComponent(e)}`);return n.ok?await n.json():r}catch{return r}}const td=c.forwardRef(function({folder:r,fetchRepoInfo:n=Tg,pollIntervalMs:s=Rg,tier:o,onUpgradeClick:a,onConnectPrivateClick:i},l){const d=o==="pro"||o==="enterprise"?o:"free",u=d!=="free",[p,f]=c.useState(null),[h,m]=c.useState(!1),[y,x]=c.useState(null),g=c.useRef(n);g.current=n;const b=async()=>{if(!r){f(null);return}m(!0),x(null);try{const v=await g.current(r);f(v)}catch(v){x(v instanceof Error?v.message:String(v))}finally{m(!1)}};return c.useImperativeHandle(l,()=>({refresh:b}),[r]),c.useEffect(()=>{if(!r){f(null);return}let v=!1,j=null;const C=async()=>{if(!v&&!(typeof document<"u"&&document.visibilityState!=="visible"))try{const R=await g.current(r);v||f(R)}catch(R){v||x(R instanceof Error?R.message:String(R))}};C(),j=setInterval(C,s);const w=()=>{typeof document<"u"&&document.visibilityState==="visible"&&C()};return typeof document<"u"&&document.addEventListener("visibilitychange",w),()=>{v=!0,j!==null&&clearInterval(j),typeof document<"u"&&document.removeEventListener("visibilitychange",w)}},[r,s]),r?y?t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"error",style:Wr,children:t.jsxs("span",{style:{color:"var(--color-error, #c0392b)",fontSize:12},children:["Couldn't load repo info: ",y]})}):p?!p.name&&p.sync_state.kind==="no_remote"?t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"not-git",style:Wr,children:t.jsx("span",{style:{color:"var(--color-muted, #999)",fontSize:12},children:"No git remote"})}):t.jsxs("div",{"data-testid":"connected-repo-widget","data-state":"connected","data-tier":d,style:Wr,children:[t.jsx("span",{style:Mg,"data-testid":"repo-name",children:p.name??"Local-only"}),p.branch?t.jsxs("span",{style:Dg,"data-testid":"repo-branch",children:[t.jsx(Lg,{})," ",p.branch]}):null,t.jsx($g,{state:p.sync_state}),t.jsx(Ig,{isPrivate:p.is_private,isPaid:u,onUpgradeClick:a,onConnectPrivateClick:i})]}):t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"loading","aria-busy":h||void 0,style:Wr,children:t.jsx("span",{style:{color:"var(--color-muted, #999)",fontSize:12},children:"Loading…"})}):t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"empty",style:Wr,children:t.jsx("span",{style:{color:"var(--color-muted, #999)",fontSize:12},children:"No project folder selected"})})});function Ig({isPrivate:e,isPaid:r,onUpgradeClick:n,onConnectPrivateClick:s}){return e!==!0?t.jsx(Pg,{isPrivate:e}):r?t.jsxs("span",{style:{...Bt,color:"var(--color-private, #b58900)"},"data-testid":"visibility-pill","data-visibility":"private","aria-label":"Private repository",children:[t.jsx(Io,{})," private",s?t.jsx("button",{type:"button",onClick:s,"data-testid":"repo-connect-private",title:"Install the verified-skill GitHub App to enable read/write access on this private repo.","aria-label":"Connect private repos via GitHub App",style:zg,children:"Connect"}):null]}):t.jsxs("span",{style:{...Bt,color:"var(--color-private, #b58900)"},"data-testid":"visibility-pill","data-visibility":"private-locked","aria-label":"Private repository — Pro feature",children:[t.jsx(Io,{})," private",t.jsx("button",{type:"button",onClick:n,"data-testid":"repo-upgrade-chip",title:"Upgrade for private repo connections.","aria-label":"Upgrade to Pro for private repository connections",style:Fg,children:"Pro"})]})}function Lg(){return t.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,style:{verticalAlign:"middle",marginRight:4},children:t.jsx("path",{d:"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"})})}function Io(){return t.jsxs("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]})}function Ag(){return t.jsx("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})}function Pg({isPrivate:e}){return e===null?t.jsx("span",{style:{...Bt,color:"var(--color-muted, #999)"},"data-testid":"visibility-pill","data-visibility":"unknown",children:"unknown"}):e?t.jsxs("span",{style:{...Bt,color:"var(--color-private, #b58900)"},"data-testid":"visibility-pill","data-visibility":"private","aria-label":"Private repository",children:[t.jsx(Io,{})," private"]}):t.jsxs("span",{style:{...Bt,color:"var(--color-public, #2aa198)"},"data-testid":"visibility-pill","data-visibility":"public","aria-label":"Public repository",children:[t.jsx(Ag,{})," public"]})}function $g({state:e}){return e.kind==="clean"?t.jsx("span",{style:{...Bt,color:"var(--color-clean, #859900)"},"data-testid":"sync-state-pill","data-sync":"clean",children:"in sync"}):e.kind==="no_remote"?t.jsx("span",{style:{...Bt,color:"var(--color-muted, #999)"},"data-testid":"sync-state-pill","data-sync":"no_remote",children:"no remote"}):e.kind==="dirty"?t.jsxs("span",{style:{...Bt,color:"var(--color-warn, #cb4b16)"},"data-testid":"sync-state-pill","data-sync":"dirty",title:`${e.count} uncommitted ${e.count===1?"change":"changes"}`,children:[e.count," dirty"]}):e.kind==="ahead"?t.jsxs("span",{style:{...Bt,color:"var(--color-ahead, #268bd2)"},"data-testid":"sync-state-pill","data-sync":"ahead",children:["+",e.count," ahead"]}):t.jsxs("span",{style:{...Bt,color:"var(--color-behind, #6c71c4)"},"data-testid":"sync-state-pill","data-sync":"behind",children:["-",e.count," behind"]})}const Wr={display:"inline-flex",alignItems:"center",gap:6,flexWrap:"wrap",fontSize:12,fontFamily:"var(--font-system, -apple-system, system-ui)"},Mg={fontWeight:500,color:"var(--color-text, #333)"},Dg={display:"inline-flex",alignItems:"center",gap:2,padding:"1px 6px",borderRadius:9999,background:"var(--color-pill-bg, rgba(0,0,0,0.05))",color:"var(--color-text-soft, #555)",fontSize:11},Bt={display:"inline-flex",alignItems:"center",gap:3,padding:"1px 6px",borderRadius:9999,background:"var(--color-pill-bg, rgba(0,0,0,0.05))",fontSize:11,fontWeight:500},Fg={marginLeft:4,padding:"0px 5px",borderRadius:9999,border:"none",background:"var(--color-pro-bg, #cb4b16)",color:"var(--color-pro-fg, #ffffff)",fontSize:9,fontWeight:600,letterSpacing:.4,textTransform:"uppercase",cursor:"pointer",fontFamily:"inherit"},zg={marginLeft:4,padding:"0px 6px",borderRadius:9999,border:"1px solid currentColor",background:"transparent",color:"inherit",fontSize:10,fontWeight:500,cursor:"pointer",fontFamily:"inherit"},_g=200;function Bg(e){return e.scope==="own"||e.scope==="installed"||e.scope==="global"?e.scope:e.origin==="installed"?"installed":"own"}function Og(e,r){const n={availableProject:[],availablePersonal:[],availablePlugin:[],authoringProject:[],authoringPlugin:[]};for(const i of e){const l=i.scopeV2??(i.scope==="installed"?"available-project":i.scope==="global"?"available-personal":"authoring-project");l==="available-project"?n.availableProject.push(i):l==="available-personal"?n.availablePersonal.push(i):l==="available-plugin"?n.availablePlugin.push(i):l==="authoring-plugin"?n.authoringPlugin.push(i):n.authoringProject.push(i)}function s(i){const l=i.filter(p=>la(p,r)),d={};for(const p of l){const f=p.pluginName??p.plugin;(d[f]||(d[f]=[])).push(p)}const u=Object.entries(d).sort((p,f)=>p[0].localeCompare(f[0]));return{total:i.length,filtered:l.length,byPlugin:u}}const o=s(n.authoringProject),a=o.byPlugin.filter(([i,l])=>l.length>=2&&i.trim().length>=2).map(([i,l])=>({groupKey:i,skills:l,anchorSkillDir:l[0].dir}));return{availableProject:s(n.availableProject),availablePersonal:s(n.availablePersonal),availablePlugin:s(n.availablePlugin),authoringProject:o,authoringPlugin:s(n.authoringPlugin),authoringCandidatePlugins:a}}function Wg(e,r){const n=[],s=[],o=[];for(const i of e){const l=Bg(i);l==="global"?o.push(i):l==="installed"?s.push(i):n.push(i)}function a(i){var p;const l=i.filter(f=>la(f,r)),d={};for(const f of l)(d[p=f.plugin]||(d[p]=[])).push(f);const u=Object.entries(d).sort((f,h)=>f[0].localeCompare(h[0]));return{total:i.length,filtered:l.length,byPlugin:u}}return{own:a(n),installed:a(s),global:a(o)}}function Ug(e,r){const n=[],s=[];for(const a of e)(a.origin==="installed"?s:n).push(a);function o(a){var u;const i=a.filter(p=>la(p,r)),l={};for(const p of i)(l[u=p.plugin]||(l[u]=[])).push(p);const d=Object.entries(l).sort((p,f)=>p[0].localeCompare(f[0]));return{total:a.length,filtered:i.length,byPlugin:d}}return{own:o(n),installed:o(s)}}function Hg({skills:e,selectedKey:r,onSelect:n,isLoading:s,error:o,onRetry:a,onContextMenu:i,outdatedByOrigin:l,activeAgentId:d,outdatedByScope:u,topSlot:p,revealSkillId:f,onRevealComplete:h,dirtySkillIds:m,onSkillsChanged:y}){const[x,g]=c.useState(null),b=!!d||e.some(M=>M.scope!==void 0&&M.scope!==null),v=d??"claude-cli",[j,C]=c.useState(""),w=c.useDeferredValue(j),R=c.useMemo(()=>Wg(e,w),[e,w]),k=c.useMemo(()=>Og(e,w),[e,w]),E=v==="claude-code",{plugins:T}=bm(),N=E?{plugins:T??[]}:void 0,I=c.useMemo(()=>{const M=new Map;for(const V of(N==null?void 0:N.plugins)??[]){const G=M.get(V.name);M.set(V.name,!!G||!!V.enabled)}return M},[N==null?void 0:N.plugins]),[A,$]=c.useState(()=>Lo(`vskill-sidebar-${v}-group-available-collapsed`)),[_,S]=c.useState(()=>Lo(`vskill-sidebar-${v}-group-authoring-collapsed`)),L=c.useCallback(M=>{$(M);try{window.localStorage.setItem(`vskill-sidebar-${v}-group-available-collapsed`,String(M))}catch{}},[v]),P=c.useCallback(M=>{S(M);try{window.localStorage.setItem(`vskill-sidebar-${v}-group-authoring-collapsed`,String(M))}catch{}},[v]),{own:D,installed:H}=c.useMemo(()=>Ug(e,w),[e,w]),U=R.own.filtered+R.installed.filtered+R.global.filtered>=_g,{lookup:B}=hg(),Q=c.useMemo(()=>{const M=V=>{const G=[];for(const[,K]of V){const se=[...K].sort((Z,ae)=>Z.skill.localeCompare(ae.skill));G.push(...se)}return G};return b?[...M(R.own.byPlugin),...M(R.installed.byPlugin),...M(R.global.byPlugin)]:[...M(D.byPlugin),...M(H.byPlugin)]},[b,R.own.byPlugin,R.installed.byPlugin,R.global.byPlugin,D.byPlugin,H.byPlugin]),pe=c.useMemo(()=>r?Q.findIndex(M=>M.plugin===r.plugin&&M.skill===r.skill):-1,[Q,r]),be=c.useCallback(M=>{if(Q.length===0)return;const V=pe<0?M>0?0:Q.length-1:Math.min(Math.max(pe+M,0),Q.length-1);n(Q[V])},[Q,pe,n]),W=c.useMemo(()=>{if(!f)return null;const[M,V]=f.split("/");if(!M||!V)return null;const G=e.find(Z=>Z.plugin===M&&Z.skill===V);if(!G)return{plugin:M,skill:V,bucket:null,pluginName:null};const K=G.source==="plugin"?"plugin":"project",se=K==="plugin"?G.pluginName??M:null;return{plugin:M,skill:V,bucket:K,pluginName:se}},[f,e]),re=c.useRef(null);return c.useEffect(()=>{if(!f){re.current=null;return}if(re.current===f)return;const M=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(f):f.replace(/["\\]/g,"\\$&"),V=document.querySelector(`[data-skill-id="${M}"]`);V&&(re.current=f,V.scrollIntoView({behavior:"smooth",block:"nearest"}),h==null||h())},[f,h,e]),To([{key:"j",handler:()=>be(1)},{key:"k",handler:()=>be(-1)},{key:"Enter",handler:()=>{pe>=0&&n(Q[pe])}}],{enabled:!s&&!o}),t.jsxs("div",{"data-testid":"sidebar",style:{display:"flex",flexDirection:"column",minHeight:0,height:"100%",fontFamily:"var(--font-sans)"},children:[p,t.jsx(Qx,{value:j,onChange:C}),s&&t.jsx(Qg,{}),!s&&o&&t.jsx(Xg,{error:o,onRetry:a}),!s&&!o&&b&&t.jsxs("div",{style:{flex:1,overflowY:"auto",minHeight:0},children:[t.jsx(vi,{name:O.scopeLabels.groupAvailable.toUpperCase(),variant:"available",collapsed:A,onToggle:L,count:k.availableProject.total+k.availablePersonal.total+k.availablePlugin.total}),!A&&t.jsxs(t.Fragment,{children:[t.jsx(Ur,{label:O.scopeLabels.sourceProject,storageKey:`vskill-sidebar-${v}-available-project-collapsed`,count:k.availableProject.total,filteredCount:j?k.availableProject.filtered:null,updateCount:(u==null?void 0:u.installed)??(l==null?void 0:l.installed),headerRightSlot:E?t.jsx(ey,{projectRoot:v}):null,children:k.availableProject.filtered===0?t.jsx(ki,{queryActive:!!j,agentId:v}):t.jsx(Hr,{items:k.availableProject.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:U,dirtySkillIds:m,repoVisibilityLookup:B})}),t.jsx(Ur,{label:O.scopeLabels.sourcePersonal,storageKey:`vskill-sidebar-${v}-available-personal-collapsed`,count:k.availablePersonal.total,filteredCount:j?k.availablePersonal.filtered:null,updateCount:u==null?void 0:u.global,children:k.availablePersonal.filtered===0?t.jsx(Gg,{queryActive:!!j,agentId:v}):t.jsx(Hr,{items:k.availablePersonal.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:U,dirtySkillIds:m,repoVisibilityLookup:B})}),E&&t.jsxs(Ur,{label:O.scopeLabels.sourcePlugin,storageKey:`vskill-sidebar-${v}-available-plugin-collapsed`,count:k.availablePlugin.total,filteredCount:j?k.availablePlugin.filtered:null,children:[t.jsxs("button",{type:"button",onClick:()=>window.dispatchEvent(new CustomEvent("studio:open-marketplace")),style:{display:"flex",alignItems:"center",gap:6,margin:"4px 14px 6px",padding:"4px 8px",fontSize:11,fontWeight:500,border:"1px dashed var(--color-accent, #2f6f8f)",borderRadius:4,background:"transparent",color:"var(--color-accent, #2f6f8f)",cursor:"pointer"},children:[t.jsx("span",{"aria-hidden":!0,children:"🛒"})," Browse marketplaces…"]}),k.availablePlugin.filtered===0?t.jsx(Kg,{queryActive:!!j,hasInstalled:k.availablePlugin.total>0}):k.availablePlugin.byPlugin.map(([M,V])=>t.jsx(As,{pluginName:M,skills:V,persistKey:`vskill-plugin-available-${M}-collapsed`,headerActionSlot:E?t.jsx(yg,{pluginName:M,enabled:I.get(M)??!0}):void 0,renderSkill:G=>t.jsx(en,{skill:G,isSelected:(r==null?void 0:r.plugin)===G.plugin&&(r==null?void 0:r.skill)===G.skill,onSelect:()=>n(G),onContextMenu:i,dirty:m==null?void 0:m.has(`${G.plugin}/${G.skill}`)})},`available-${M}`))]})]}),t.jsx(Jg,{}),t.jsx(vi,{name:O.scopeLabels.groupAuthoring.toUpperCase(),variant:"authoring",collapsed:W?!1:_,onToggle:P,count:k.authoringProject.total+k.authoringPlugin.total,action:{label:"New",title:"Create a new skill (standalone or plugin)",icon:t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),onClick:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:request-create-skill",{detail:{mode:"standalone"}}))}}}),(!_||W)&&t.jsxs(t.Fragment,{children:[t.jsx(Ur,{label:O.scopeLabels.authoringSkills,storageKey:`vskill-sidebar-${v}-authoring-project-collapsed`,count:k.authoringProject.total,filteredCount:j?k.authoringProject.filtered:null,updateCount:(u==null?void 0:u.own)??(l==null?void 0:l.source),forceOpen:(W==null?void 0:W.bucket)==="project",children:k.authoringProject.filtered===0?t.jsx(bi,{queryActive:!!j}):t.jsxs(t.Fragment,{children:[k.authoringCandidatePlugins.map(M=>t.jsx(As,{pluginName:M.groupKey,skills:M.skills,persistKey:`vskill-candidate-plugin-${M.groupKey}-collapsed`,headerActionSlot:t.jsx("button",{type:"button",onClick:V=>{V.stopPropagation(),g({candidateLabel:M.groupKey,initialName:M.groupKey,anchorSkillDir:M.anchorSkillDir})},title:"Write .claude-plugin/plugin.json into this folder so Claude Code recognizes it as a plugin",style:{fontSize:10,fontWeight:500,padding:"2px 8px",borderRadius:10,border:"1px solid var(--border-subtle, rgba(128,128,128,0.3))",background:"transparent",color:"var(--text-secondary)",cursor:"pointer",fontFamily:"var(--font-sans)"},children:"Not a plugin yet · Convert →"}),renderSkill:V=>t.jsx(en,{skill:V,isSelected:(r==null?void 0:r.plugin)===V.plugin&&(r==null?void 0:r.skill)===V.skill,onSelect:()=>n(V),onContextMenu:i,dirty:m==null?void 0:m.has(`${V.plugin}/${V.skill}`)})},`candidate-${M.groupKey}`)),t.jsx(Hr,{items:k.authoringProject.byPlugin.filter(([M])=>!k.authoringCandidatePlugins.some(V=>V.groupKey===M)),selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:U,dirtySkillIds:m,repoVisibilityLookup:B})]})}),E&&t.jsx(Ur,{label:O.scopeLabels.sourcePlugin,storageKey:`vskill-sidebar-${v}-authoring-plugin-collapsed`,count:k.authoringPlugin.total,filteredCount:j?k.authoringPlugin.filtered:null,forceOpen:(W==null?void 0:W.bucket)==="plugin",children:k.authoringPlugin.filtered===0?t.jsx(qg,{queryActive:!!j,hasSources:k.authoringPlugin.total>0,candidates:k.authoringCandidatePlugins,onPromote:M=>g({candidateLabel:M.groupKey,initialName:M.groupKey,anchorSkillDir:M.anchorSkillDir})}):k.authoringPlugin.byPlugin.map(([M,V])=>t.jsx(As,{pluginName:M,skills:V,persistKey:`vskill-plugin-authoring-${M}-collapsed`,forceOpen:(W==null?void 0:W.bucket)==="plugin"&&W.pluginName===M,renderSkill:G=>t.jsx(en,{skill:G,isSelected:(r==null?void 0:r.plugin)===G.plugin&&(r==null?void 0:r.skill)===G.skill,onSelect:()=>n(G),onContextMenu:i,dirty:m==null?void 0:m.has(`${G.plugin}/${G.skill}`)})},`authoring-${M}`))})]})]}),!s&&!o&&!b&&t.jsxs("div",{style:{flex:1,overflowY:"auto",minHeight:0},children:[t.jsx(yi,{origin:"source",count:D.total,filteredCount:j?D.filtered:null,updateCount:l==null?void 0:l.source,children:D.filtered===0?t.jsx(bi,{queryActive:!!j}):t.jsx(Hr,{items:D.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:U,dirtySkillIds:m,repoVisibilityLookup:B})}),t.jsx(Yg,{}),t.jsx(yi,{origin:"installed",count:H.total,filteredCount:j?H.filtered:null,updateCount:l==null?void 0:l.installed,children:H.filtered===0?t.jsx(ki,{queryActive:!!j}):t.jsx(Hr,{items:H.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:U,dirtySkillIds:m,repoVisibilityLookup:B})})]}),x&&t.jsx(bg,{anchorSkillDir:x.anchorSkillDir,candidateLabel:x.candidateLabel,initialName:x.initialName,onCancel:()=>g(null),onConverted:M=>{g(null),y==null||y(),M.validation==="skipped"&&window.alert("Plugin manifest written, but schema validation was skipped because the 'claude' CLI is not on PATH. Install Claude Code to enable plugin schema validation.")}})]})}function Lo(e){if(typeof window>"u")return!1;try{return window.localStorage.getItem(e)==="true"}catch{return!1}}function Ur({label:e,storageKey:r,count:n,filteredCount:s,updateCount:o,children:a,forceOpen:i=!1,headerRightSlot:l}){const[d,u]=c.useState(()=>Lo(r)),p=i?!1:d,f=c.useCallback(()=>{u(m=>{const y=!m;if(typeof window<"u")try{window.localStorage.setItem(r,String(y))}catch{}return y})},[r]),h=s!=null&&s!==n?`${s} of ${n}`:String(n);return t.jsxs("section",{"data-vskill-named-scope":e,children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",width:"100%",padding:"6px 12px",gap:8},children:[t.jsxs("button",{type:"button",onClick:f,"aria-expanded":!p,style:{display:"flex",alignItems:"center",gap:8,flex:1,minWidth:0,padding:0,background:"transparent",border:"none",cursor:"pointer",fontFamily:"var(--font-sans)",textAlign:"left"},children:[t.jsx("span",{"aria-hidden":!0,style:{fontSize:14,fontWeight:700,color:"var(--color-ink, var(--text-primary))",width:16,display:"inline-block",textAlign:"center"},children:p?"▸":"▾"}),t.jsx("span",{style:{fontSize:12,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--text-primary)"},children:e}),t.jsxs("span",{style:{fontSize:11,color:"var(--text-tertiary)",fontVariantNumeric:"tabular-nums",fontFamily:"var(--font-mono)"},children:["(",h,")"]}),o!=null&&o>0&&t.jsxs("span",{style:{marginLeft:"auto",fontSize:10,color:"var(--color-own, #f59e0b)"},children:[o," update",o!==1?"s":""]})]}),l]}),!p&&t.jsx("div",{style:{paddingLeft:18},children:a})]})}function Vg(e){const r=[];for(const[n,s]of e){const o=[...s].sort((a,i)=>a.skill.localeCompare(i.skill));r.push({kind:"header",plugin:n,count:o.length});for(const a of o)r.push({kind:"row",skill:a})}return r}function Hr({items:e,selectedKey:r,onSelect:n,onContextMenu:s,useVirtual:o,dirtySkillIds:a,repoVisibilityLookup:i}){if(o){const l=Vg(e);return t.jsx("div",{"data-virtualized":"true",style:{height:420,minHeight:200},children:t.jsx(Ix,{overscan:4,totalCount:l.length,itemContent:d=>{const u=l[d];if(!u)return null;if(u.kind==="header")return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"8px 12px 4px 14px"},children:[t.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-secondary)",fontFamily:"var(--font-sans)"},children:u.plugin}),t.jsxs("span",{style:{fontSize:10,color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums",fontFamily:"var(--font-mono)"},children:["(",u.count,")"]})]});const p=u.skill,f=!!r&&r.plugin===p.plugin&&r.skill===p.skill,h=i?Zc(p.repoUrl):null,m=h?i.get(h)??null:null,y=m?m.isPrivate?"private":"public":"unknown";return t.jsx(en,{skill:p,isSelected:f,onSelect:()=>n(p),onContextMenu:s,dirty:a==null?void 0:a.has(`${p.plugin}/${p.skill}`),repoVisibility:y,repoFullName:(m==null?void 0:m.repoFullName)??null})}})})}return t.jsx("div",{"data-virtualized":"false",children:e.map(([l,d])=>t.jsx(mg,{plugin:l,skills:d,selectedKey:r,onSelect:n,onContextMenu:s,dirtySkillIds:a,repoVisibilityLookup:i},l))})}function bi({queryActive:e}){return e?t.jsx(Ut,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Ut,{headline:"No skills yet.",body:t.jsxs(t.Fragment,{children:["Create one with ",t.jsx(Ir,{children:"vskill new"})," or the"," ",t.jsx("strong",{style:{color:"var(--text-primary)"},children:"New skill"})," action in the top rail."]})})}function ki({queryActive:e,agentId:r}){return e?t.jsx(Ut,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Ut,{headline:r?`No skills installed for ${r} in this project.`:"No installed skills.",body:t.jsxs(t.Fragment,{children:["Run ",t.jsx(Ir,{children:"vskill install <skill>"})," to add one."]})})}function Gg({queryActive:e,agentId:r}){return e?t.jsx(Ut,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Ut,{headline:`No global skills for ${r}.`,body:t.jsxs(t.Fragment,{children:["Run ",t.jsx(Ir,{children:"vskill install --global <skill>"})," to add one."]})})}function Kg({queryActive:e,hasInstalled:r}){return e&&r?t.jsx(Ut,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Ut,{headline:"No plugin skills installed yet.",body:t.jsxs(t.Fragment,{children:["Click ",t.jsx(Ir,{children:"Browse marketplaces…"})," above to add one."]})})}function qg({queryActive:e,hasSources:r,candidates:n,onPromote:s}){return e&&r?t.jsx(Ut,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsxs(t.Fragment,{children:[t.jsx(Ut,{headline:"No plugin sources in this project.",body:t.jsxs(t.Fragment,{children:["Add ",t.jsx(Ir,{children:"<plugin>/.claude-plugin/plugin.json"})," to author one, or ",t.jsx(Ir,{children:"vskill plugin new"})," from the terminal."]})}),n&&n.length>0&&t.jsxs("div",{style:{padding:"0 14px 12px",display:"flex",flexDirection:"column",gap:6},children:[t.jsxs("div",{style:{fontSize:11,color:"var(--text-secondary)",textTransform:"uppercase",letterSpacing:"0.05em",marginBottom:2},children:["Candidate folders (",n.length,")"]}),n.map(o=>t.jsxs("button",{type:"button",onClick:()=>s==null?void 0:s(o),title:`Promote ${o.groupKey}/ to a Claude Code plugin`,style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:8,padding:"6px 8px",fontSize:12,background:"transparent",border:"1px dashed var(--border-subtle, rgba(128,128,128,0.35))",borderRadius:4,color:"var(--text-primary)",cursor:"pointer",textAlign:"left",fontFamily:"var(--font-mono)"},children:[t.jsxs("span",{children:[o.groupKey,"/ ",t.jsxs("span",{style:{color:"var(--text-tertiary)"},children:["(",o.skills.length," skills)"]})]}),t.jsx("span",{style:{fontFamily:"var(--font-sans)",fontSize:11,color:"var(--text-secondary)"},children:"Promote →"})]},`promote-${o.groupKey}`))]})]})}function Ut({headline:e,body:r}){return t.jsxs("div",{style:{padding:"12px 14px 16px",fontSize:12,color:"var(--text-secondary)",lineHeight:1.5},children:[t.jsx("div",{style:{fontWeight:500,color:"var(--text-primary)",marginBottom:4},children:e}),t.jsx("div",{children:r})]})}function Ir({children:e}){return t.jsx("code",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-primary)",background:"color-mix(in srgb, var(--border-default) 45%, transparent)",padding:"1px 4px",borderRadius:3},children:e})}function Yg(){return t.jsx("div",{"aria-hidden":"true",style:{height:1,background:"var(--border-default)",margin:"4px 14px"}})}function Jg(){return t.jsx("div",{"aria-hidden":"true","data-testid":"scope-bold-divider",style:{height:3,background:"var(--color-rule)",boxShadow:"inset 0 1px 0 color-mix(in srgb, var(--color-rule) 50%, transparent)",margin:"12px 0"}})}function Qg(){return t.jsx("div",{style:{padding:"8px 0"},children:[0,1,2,3,4,5].map(e=>t.jsx(jg,{},e))})}function Xg({error:e,onRetry:r}){return t.jsxs("div",{role:"alert",style:{margin:"12px 14px",padding:12,border:"1px solid var(--border-default)",borderRadius:6,background:"var(--bg-canvas)",color:"var(--text-primary)",fontSize:12},children:[t.jsx("div",{style:{fontWeight:600,marginBottom:4},children:"Couldn't load skills."}),t.jsxs("details",{children:[t.jsx("summary",{style:{cursor:"pointer",color:"var(--text-secondary)",fontSize:11,marginBottom:4},children:Zg(e)}),t.jsx("pre",{style:{whiteSpace:"pre-wrap",wordBreak:"break-word",fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-secondary)",margin:"6px 0 0"},children:e})]}),r&&t.jsx("button",{type:"button",onClick:r,style:{marginTop:8,background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,padding:"4px 10px",color:"var(--text-primary)",cursor:"pointer",fontSize:11,fontFamily:"var(--font-sans)"},children:"Retry"})]})}function Zg(e){const r=e.split(`
+`)[0]??e;return r.length>80?r.slice(0,77)+"…":r}function ey({projectRoot:e}){const{signedIn:r,tier:n}=Kl();return r?t.jsx("span",{"data-testid":"sidebar-connected-repo-widget",onClick:()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:open-account-tab",{detail:{tab:"repos",initialPath:e}}))},style:{display:"inline-flex",cursor:"pointer"},children:t.jsx(td,{folder:e,tier:n})}):t.jsx(Ng,{projectRoot:e})}const rd=240,nd=480,sd="vskill-sidebar-width",tn=320;function da(e){return Number.isFinite(e)?Math.round(Math.max(rd,Math.min(nd,e))):tn}function ty(){try{const e=localStorage.getItem(sd);if(!e)return tn;const r=Number(e);return Number.isFinite(r)?da(r):tn}catch{return tn}}function ry(e){try{localStorage.setItem(sd,String(da(e)))}catch{}}function ny({initialWidth:e,onChange:r}){const n=c.useRef({startX:0,startWidth:e,pointerId:null}),s=c.useRef(e);return c.useEffect(()=>{s.current=e},[e]),c.useEffect(()=>{function o(i){if(n.current.pointerId==null||i.pointerId!==n.current.pointerId)return;const l=i.clientX-n.current.startX,d=da(n.current.startWidth+l);s.current=d,r(d)}function a(i){n.current.pointerId==null||i.pointerId!==n.current.pointerId||(n.current.pointerId=null,ry(s.current))}return window.addEventListener("pointermove",o),window.addEventListener("pointerup",a),window.addEventListener("pointercancel",a),()=>{window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",a),window.removeEventListener("pointercancel",a)}},[r]),t.jsx("div",{role:"separator","aria-orientation":"vertical","aria-valuemin":rd,"aria-valuemax":nd,"aria-valuenow":e,"aria-label":"Resize sidebar",title:"Drag to resize sidebar",onPointerDown:o=>{const a=o.currentTarget;n.current.startX=o.clientX,n.current.startWidth=s.current,n.current.pointerId=o.pointerId;try{a.setPointerCapture(o.pointerId)}catch{}},style:{width:4,alignSelf:"stretch",cursor:"col-resize",background:"var(--border-default)",userSelect:"none",touchAction:"none"}})}const sy=/^[ MADRCU?!]{1,2} +/;function oy(e){return e.replace(sy,"")}function ay(e,r){const n=e.endsWith("/")?e:e+"/";return r===e?"":r.startsWith(n)?r.slice(n.length):null}function iy(e,r,n){const s=new Set;if(r.length===0||e.length===0)return s;const o=r.map(a=>oy(a).trim()).filter(a=>a.length>0);for(const a of e){const i=a.dir;if(!i)continue;const l=ay(n,i);if(l===null)continue;const d=`${a.plugin}/${a.skill}`;if(l===""){o.length>0&&s.add(d);continue}const u=l+"/";for(const p of o)if(p===l||p.startsWith(u)){s.add(d);break}}return s}const ly=5e3;function cy(e,r,n=ly){const[s,o]=c.useState([]),a=c.useRef(e);return a.current=e,c.useEffect(()=>{if(!r){o([]);return}let i=!1,l=null;const d=async()=>{try{const p=await ce.gitStatus();i||o(p.paths??[])}catch{i||o([])}i||(l=setTimeout(d,n))};d();const u=()=>{d()};return typeof window<"u"&&window.addEventListener("studio:content-saved",u),()=>{i=!0,l&&clearTimeout(l),typeof window<"u"&&window.removeEventListener("studio:content-saved",u)}},[r,n]),r?iy(a.current,s,r):new Set}function dy({connected:e,hint:r,onRetry:n}){return e?null:t.jsxs("aside",{"aria-live":"assertive",role:"alert",style:{display:"flex",alignItems:"center",gap:10,padding:"6px 12px",background:"color-mix(in srgb, var(--status-own) 15%, transparent)",borderBottom:"1px solid var(--border-default)",color:"var(--text-primary)",fontFamily:"var(--font-sans)",fontSize:12},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:"var(--status-own)",display:"inline-block",flexShrink:0}}),t.jsx("span",{style:{fontWeight:500},children:"Disconnected — reconnecting…"}),r&&t.jsx("span",{style:{color:"var(--text-secondary)",fontSize:11},children:r}),t.jsx("div",{style:{flex:1}}),n&&t.jsx("button",{type:"button",onClick:n,style:{background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,padding:"2px 8px",color:"var(--text-primary)",cursor:"pointer",fontSize:11,fontFamily:"var(--font-sans)"},children:"Retry now"})]})}function od(e,r){if(e!==401||typeof window>"u"||!r||typeof r!="object")return;const n=r;n.error==="invalid_api_key"&&(n.provider!=="anthropic"&&n.provider!=="openai"&&n.provider!=="openrouter"||window.dispatchEvent(new CustomEvent("studio:api-key-error",{detail:{provider:n.provider}})))}function ad(e){if(e!==void 0)try{return JSON.stringify(e)}catch(r){console.error("Failed to serialize request body:",r);try{const n=new WeakSet;return JSON.stringify(e,(s,o)=>{if(typeof o=="object"&&o!==null){if(n.has(o))return"[Circular]";n.add(o)}return o})}catch{return JSON.stringify({error:"Request body could not be serialized"})}}}function Ms(){const[e,r]=c.useState([]),[n,s]=c.useState(!1),[o,a]=c.useState(!1),[i,l]=c.useState(null),d=c.useRef(null),u=c.useCallback(async(f,h)=>{r([]),s(!0),a(!1),l(null);const m=new AbortController;d.current=m;try{const y=ad(h),x=await fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},body:y,signal:m.signal});if(!x.ok||!x.body){let C=`HTTP ${x.status}`,w;try{w=await x.json(),w&&typeof w=="object"&&"error"in w&&typeof w.error=="string"&&(C=w.error)}catch{}throw od(x.status,w),new Error(C)}const g=x.body.getReader(),b=new TextDecoder;let v="",j="";for(;;){const{done:C,value:w}=await g.read();if(C)break;v+=b.decode(w,{stream:!0});const R=v.split(`
+`);v=R.pop()||"";for(const k of R)if(k.startsWith("event: "))j=k.slice(7).trim();else if(k.startsWith("data: ")){try{const E=JSON.parse(k.slice(6)),T={event:j,data:E};j==="done"?(a(!0),r(N=>[...N,T])):r(N=>[...N,T])}catch{}j=""}}}catch(y){y.name!=="AbortError"&&l(y.message)}finally{s(!1),d.current=null}},[]),p=c.useCallback(()=>{var f;(f=d.current)==null||f.abort()},[]);return{events:e,running:n,done:o,error:i,start:u,stop:p}}function uy(e){const r=c.useRef(e);r.current=e;const[n,s]=c.useState(new Set),o=c.useRef(new Map),a=c.useCallback(async(u,p,f)=>{var m;(m=o.current.get(u))==null||m.abort();const h=new AbortController;o.current.set(u,h),s(y=>{const x=new Set(y);return x.add(u),x});try{const y=ad(f),x=await fetch(p,{method:"POST",headers:{"Content-Type":"application/json"},body:y,signal:h.signal});if(!x.ok||!x.body){let C=`HTTP ${x.status}`,w;try{w=await x.json(),w&&typeof w=="object"&&"error"in w&&typeof w.error=="string"&&(C=w.error)}catch{}throw od(x.status,w),new Error(C)}const g=x.body.getReader(),b=new TextDecoder;let v="",j="";for(;;){const{done:C,value:w}=await g.read();if(C)break;v+=b.decode(w,{stream:!0});const R=v.split(`
+`);v=R.pop()||"";for(const k of R)if(k.startsWith("event: "))j=k.slice(7).trim();else if(k.startsWith("data: ")){try{const E=JSON.parse(k.slice(6)),T={event:j,data:E};r.current.onEvent(u,T)}catch{}j=""}}r.current.onDone(u)}catch(y){y.name!=="AbortError"&&r.current.onError(u,y.message)}finally{s(y=>{const x=new Set(y);return x.delete(u),x}),o.current.delete(u)}},[]),i=c.useCallback(u=>{var p;(p=o.current.get(u))==null||p.abort()},[]),l=c.useCallback(()=>{for(const u of o.current.values())u.abort()},[]),d=n.size>0;return{runningSet:n,startCase:a,stopCase:i,stopAll:l,isAnyCaseRunning:d}}const py={plugin:"",skill:"",skillContent:"",savedContent:"",isDirty:!1,evals:null,evalsError:null,activePanel:"tests",selectedCaseId:null,caseRunStates:new Map,bulkRunActive:!1,runMode:null,latestBenchmark:null,inlineResults:new Map,improveTarget:null,aiEditOpen:!1,aiEditLoading:!1,aiEditResult:null,aiEditError:null,aiEditClassifiedError:null,aiEditProgress:[],aiEditEvalChanges:[],aiEditEvalSelections:new Map,aiEditEvalsRetry:null,generateEvalsLoading:!1,generateEvalsProgress:[],generateEvalsError:null,regressions:[],iterationCount:0,activationPrompts:"",activationResults:[],activationSummary:null,activationRunning:!1,activationError:null,activationTotalPrompts:0,activationStartedAt:null,activationClassifyingStatus:null,generatingPrompts:!1,generatingPromptsError:null,activationPromptsSource:null,activationPromptsCanonical:"",savingTestCases:!1,savingTestCasesError:null,savingTestCasesSuccess:null,activationHistory:null,activationHistoryLoading:!1,loading:!0,error:null};function fy(e,r){var n,s;switch(r.type){case"SET_LOADING":return{...e,loading:r.loading};case"SET_ERROR":return{...e,error:r.error};case"INIT_DATA":{const o=new Map;if(r.benchmark)for(const i of r.benchmark.cases)o.set(i.eval_id,{status:i.status,passRate:i.pass_rate,errorMessage:i.error_message||void 0,durationMs:i.durationMs,tokens:i.tokens,output:i.output,assertions:i.assertions.map(l=>({assertion_id:l.id,text:l.text,pass:l.pass,reasoning:l.reasoning}))});const a=((s=(n=r.evals)==null?void 0:n.evals[0])==null?void 0:s.id)??null;return{...e,skillContent:r.skillContent,savedContent:r.skillContent,isDirty:!1,evals:r.evals,evalsError:r.evalsError??null,latestBenchmark:r.benchmark,inlineResults:o,selectedCaseId:a,loading:!1,error:null}}case"SET_PANEL":return{...e,activePanel:r.panel};case"SET_CONTENT":return{...e,skillContent:r.content,isDirty:r.content!==e.savedContent};case"CONTENT_SAVED":return{...e,savedContent:e.skillContent,isDirty:!1};case"SET_EVALS":return{...e,evals:r.evals};case"SELECT_CASE":return{...e,selectedCaseId:r.caseId};case"CASE_RUN_START":{const o=new Map(e.caseRunStates);return o.set(r.caseId,{status:"running",startedAt:Date.now(),mode:r.mode}),{...e,caseRunStates:o,runMode:r.mode,activePanel:"run"}}case"CASE_RUN_COMPLETE":{const o=new Map(e.caseRunStates),a=o.get(r.caseId);o.set(r.caseId,{status:"complete",mode:a==null?void 0:a.mode});const i=new Map(e.inlineResults);return i.set(r.caseId,r.result),{...e,caseRunStates:o,inlineResults:i}}case"CASE_RUN_ERROR":{const o=new Map(e.caseRunStates),a=o.get(r.caseId);o.set(r.caseId,{status:"error",mode:a==null?void 0:a.mode});const i=new Map(e.inlineResults);return i.set(r.caseId,{status:"error",errorMessage:r.error,assertions:[]}),{...e,caseRunStates:o,inlineResults:i}}case"CASE_RUN_CANCEL":{const o=new Map(e.caseRunStates),a=o.get(r.caseId);return o.set(r.caseId,{status:"cancelled",mode:a==null?void 0:a.mode}),{...e,caseRunStates:o}}case"BULK_RUN_START":{const o=new Map(e.caseRunStates);for(const a of r.caseIds)o.set(a,{status:"queued",mode:r.mode});return{...e,caseRunStates:o,bulkRunActive:!0,runMode:r.mode,activePanel:"run"}}case"BULK_RUN_COMPLETE":return{...e,bulkRunActive:!1,latestBenchmark:r.benchmark??e.latestBenchmark,iterationCount:e.iterationCount+1};case"CANCEL_ALL":{const o=new Map(e.caseRunStates);for(const[a,i]of o)(i.status==="running"||i.status==="queued")&&o.set(a,{status:"cancelled"});return{...e,caseRunStates:o,bulkRunActive:!1}}case"UPDATE_INLINE_RESULT":{const o=new Map(e.inlineResults);return o.set(r.evalId,r.result),{...e,inlineResults:o}}case"OPEN_IMPROVE":return{...e,improveTarget:r.evalId,activePanel:"editor"};case"CLOSE_IMPROVE":return{...e,improveTarget:null};case"OPEN_AI_EDIT":return{...e,aiEditOpen:!0,aiEditResult:null,aiEditError:null,aiEditClassifiedError:null,aiEditProgress:[],aiEditEvalChanges:[],aiEditEvalSelections:new Map,aiEditEvalsRetry:null};case"CLOSE_AI_EDIT":return{...e,aiEditOpen:!1,aiEditLoading:!1,aiEditResult:null,aiEditError:null,aiEditClassifiedError:null,aiEditProgress:[],aiEditEvalChanges:[],aiEditEvalSelections:new Map,aiEditEvalsRetry:null};case"AI_EDIT_LOADING":return{...e,aiEditLoading:!0,aiEditError:null,aiEditClassifiedError:null,aiEditProgress:[]};case"AI_EDIT_PROGRESS":return{...e,aiEditProgress:[...e.aiEditProgress,r.entry]};case"AI_EDIT_RESULT":{const o=r.evalChanges??[],a=new Map;for(let i=0;i<o.length;i++)a.set(i,!0);return{...e,aiEditLoading:!1,aiEditResult:{improved:r.improved,reasoning:r.reasoning,evalChanges:o},aiEditEvalChanges:o,aiEditEvalSelections:a}}case"AI_EDIT_ERROR":return{...e,aiEditLoading:!1,aiEditError:r.message,aiEditClassifiedError:r.classified??null};case"GENERATE_EVALS_START":return{...e,generateEvalsLoading:!0,generateEvalsProgress:[],generateEvalsError:null};case"GENERATE_EVALS_PROGRESS":return{...e,generateEvalsProgress:[...e.generateEvalsProgress,r.entry]};case"GENERATE_EVALS_DONE":return{...e,generateEvalsLoading:!1,evals:r.evals};case"GENERATE_EVALS_ERROR":return{...e,generateEvalsLoading:!1,generateEvalsError:r.classified};case"TOGGLE_EVAL_CHANGE":{const o=new Map(e.aiEditEvalSelections);return o.set(r.index,!o.get(r.index)),{...e,aiEditEvalSelections:o}}case"SELECT_ALL_EVAL_CHANGES":{const o=new Map(e.aiEditEvalSelections);for(const a of o.keys())o.set(a,!0);return{...e,aiEditEvalSelections:o}}case"DESELECT_ALL_EVAL_CHANGES":{const o=new Map(e.aiEditEvalSelections);for(const a of o.keys())o.set(a,!1);return{...e,aiEditEvalSelections:o}}case"SET_EVALS_RETRY":return{...e,aiEditEvalsRetry:r.evalsFile};case"SET_REGRESSIONS":return{...e,regressions:r.regressions};case"INCREMENT_ITERATION":return{...e,iterationCount:e.iterationCount+1};case"SET_ACTIVATION_PROMPTS":{const o=r.prompts===e.activationPromptsCanonical;return{...e,activationPrompts:r.prompts,activationPromptsSource:o?e.activationPromptsSource:e.activationPromptsSource===null||e.activationPromptsSource==="skill-md"||e.activationPromptsSource==="ai-generated"?"user-typed":e.activationPromptsSource}}case"SET_PROMPTS_SOURCE":return{...e,activationPromptsSource:r.source,activationPromptsCanonical:r.canonical??e.activationPromptsCanonical};case"ACTIVATION_START":return{...e,activationRunning:!0,activationResults:[],activationSummary:null,activationError:null,activationClassifyingStatus:null,activationStartedAt:Date.now()};case"ACTIVATION_RESULT":return{...e,activationResults:[...e.activationResults,r.result]};case"ACTIVATION_DONE":return{...e,activationRunning:!1,activationSummary:r.summary,activationClassifyingStatus:null};case"ACTIVATION_CLASSIFYING":return{...e,activationClassifyingStatus:`Classifying prompt ${r.index}/${r.total}...`};case"ACTIVATION_ERROR":return{...e,activationRunning:!1,activationError:r.error,activationClassifyingStatus:null};case"ACTIVATION_RESET":return{...e,activationResults:[],activationSummary:null,activationError:null};case"ACTIVATION_TIMEOUT":return{...e,activationRunning:!1,activationError:"Activation test timed out after 120 seconds"};case"ACTIVATION_CANCEL":return{...e,activationRunning:!1};case"GENERATE_PROMPTS_START":return{...e,generatingPrompts:!0,generatingPromptsError:null};case"GENERATE_PROMPTS_DONE":return{...e,generatingPrompts:!1};case"GENERATE_PROMPTS_ERROR":return{...e,generatingPrompts:!1,generatingPromptsError:r.error};case"SAVE_TEST_CASES_START":return{...e,savingTestCases:!0,savingTestCasesError:null,savingTestCasesSuccess:null};case"SAVE_TEST_CASES_SUCCESS":return{...e,savingTestCases:!1,savingTestCasesSuccess:`Saved ${r.count} test case${r.count===1?"":"s"} to SKILL.md`,activationPromptsSource:"skill-md",activationPromptsCanonical:e.activationPrompts};case"SAVE_TEST_CASES_ERROR":return{...e,savingTestCases:!1,savingTestCasesError:r.error};case"CLEAR_SAVE_TEST_CASES_FEEDBACK":return{...e,savingTestCasesSuccess:null,savingTestCasesError:null};case"ACTIVATION_HISTORY_LOADED":return{...e,activationHistory:r.runs,activationHistoryLoading:!1};default:return e}}function hy(e,r){if(!e)return{canEdit:!1,canRun:!1};const n=e.origin==="source",s=r.exists&&r.cases.length>0;return{canEdit:n,canRun:s}}function my(e){if(e==="unit"||e==="integration")return e}function xy(e,r){const n=r.data;if(r.event==="output_ready"&&(e.output=n.output,n.durationMs!=null&&(e.durationMs=n.durationMs),n.tokens!=null&&(e.tokens=n.tokens)),r.event==="outputs_ready"&&(e.output=n.skillOutput,n.skillDurationMs!=null&&(e.durationMs=n.skillDurationMs),n.skillTokens!=null&&(e.tokens=n.skillTokens)),r.event==="assertion_result"){const s={assertion_id:n.assertion_id,text:n.text,pass:n.pass,reasoning:n.reasoning};e.assertions.find(o=>o.assertion_id===s.assertion_id)||e.assertions.push(s)}r.event==="case_complete"&&(e.status=n.status,e.passRate=n.pass_rate,e.errorMessage=n.error_message||void 0,e.classifiedError=n.classified_error||void 0)}const id=c.createContext(null);function ft(){const e=c.useContext(id);if(!e)throw new Error("useWorkspace must be used within WorkspaceProvider");return e}function gy({plugin:e,skill:r,origin:n,children:s}){var he;const o=n==="installed",{config:a}=mr(),[i,l]=c.useReducer(fy,{...py,plugin:e,skill:r}),d=hy({origin:n},{exists:i.evals!=null,cases:((he=i.evals)==null?void 0:he.evals)??[]}),u=d.canEdit,p=d.canRun,f=c.useRef(new Set),h=c.useRef(new Set),m=c.useRef(new Map),y=c.useCallback((F,q)=>{let ee=m.current.get(F);ee||(ee={assertions:[]},m.current.set(F,ee)),xy(ee,q),l({type:"UPDATE_INLINE_RESULT",evalId:F,result:{...ee,assertions:[...ee.assertions]}})},[]),x=c.useCallback(F=>{if(h.current.has(F))return;h.current.add(F);const q=m.current.get(F)??{assertions:[]};l({type:"CASE_RUN_COMPLETE",caseId:F,result:{...q,assertions:[...q.assertions]}}),f.current.has(F)&&(f.current.delete(F),f.current.size===0&&ce.getLatestBenchmark(e,r).then(ee=>l({type:"BULK_RUN_COMPLETE",benchmark:ee})).catch(()=>l({type:"BULK_RUN_COMPLETE",benchmark:null})))},[e,r]),g=c.useCallback((F,q)=>{h.current.has(F)||(h.current.add(F),l({type:"CASE_RUN_ERROR",caseId:F,error:q}),f.current.has(F)&&(f.current.delete(F),f.current.size===0&&ce.getLatestBenchmark(e,r).then(ee=>l({type:"BULK_RUN_COMPLETE",benchmark:ee})).catch(()=>l({type:"BULK_RUN_COMPLETE",benchmark:null}))))},[e,r]),{startCase:b,stopCase:v,stopAll:j}=uy({onEvent:y,onDone:x,onError:g});c.useEffect(()=>()=>{j()},[j]);const C=c.useCallback(async()=>{try{const F=await fetch(`/api/skills/${e}/${r}/activation-history`);if(!F.ok){if(F.status===404){l({type:"ACTIVATION_HISTORY_LOADED",runs:[]});return}return}const q=await F.json();l({type:"ACTIVATION_HISTORY_LOADED",runs:q.runs||[]})}catch{}},[e,r]);c.useEffect(()=>{let F=!1;async function q(){try{const[ee,Y,ue]=await Promise.allSettled([ce.getSkillDetail(e,r),ce.getEvals(e,r),ce.getLatestBenchmark(e,r)]);if(F)return;let me=null,Se=null;if(Y.status==="fulfilled")me=Y.value;else{const ve=Y.reason;Se=(ve==null?void 0:ve.message)??"Failed to load test cases"}l({type:"INIT_DATA",skillContent:ee.status==="fulfilled"?ee.value.skillContent:"",evals:me,evalsError:Se,benchmark:ue.status==="fulfilled"?ue.value:null})}catch(ee){F||l({type:"SET_ERROR",error:ee.message})}}return q(),C(),()=>{F=!0}},[e,r,C]);const w=c.useCallback(async F=>{if(o)return;const q=F??i.skillContent;try{await ce.applyImprovement(e,r,q),F!==void 0&&F!==i.skillContent&&l({type:"SET_CONTENT",content:F}),l({type:"CONTENT_SAVED"})}catch(ee){l({type:"SET_ERROR",error:ee.message})}},[o,e,r,i.skillContent]),R=c.useCallback(async F=>{if(!o)try{const q=await ce.saveEvals(e,r,F);l({type:"SET_EVALS",evals:q})}catch(q){l({type:"SET_ERROR",error:q.message})}},[o,e,r]),k=c.useCallback((F,q="benchmark")=>{const ee=i.caseRunStates.get(F);if((ee==null?void 0:ee.status)==="running")return;m.current.delete(F),h.current.delete(F),l({type:"CASE_RUN_START",caseId:F,mode:q});const Y=q==="comparison"?{eval_ids:[F]}:q==="baseline"?{mode:"baseline"}:{};if(a!=null&&a.provider&&(Y.provider=a.provider),a!=null&&a.model&&(Y.model=a.model),q==="comparison"){const ue=`/api/skills/${e}/${r}/compare`;b(F,ue,Y)}else{const ue=`/api/skills/${e}/${r}/benchmark/case/${F}`;b(F,ue,Object.keys(Y).length>0?Y:void 0)}},[e,r,i.caseRunStates,b,a]),E=c.useCallback((F="benchmark")=>{var Y;const q=((Y=i.evals)==null?void 0:Y.evals)??[];if(q.length===0)return;const ee=q.map(ue=>ue.id);for(const ue of ee)m.current.delete(ue),h.current.delete(ue);l({type:"BULK_RUN_START",caseIds:ee,mode:F}),f.current=new Set(ee);for(const ue of ee){const me=F==="comparison"?{eval_ids:[ue]}:F==="baseline"?{mode:"baseline"}:{};if(a!=null&&a.provider&&(me.provider=a.provider),a!=null&&a.model&&(me.model=a.model),F==="comparison")b(ue,`/api/skills/${e}/${r}/compare`,me);else{const Se=`/api/skills/${e}/${r}/benchmark/case/${ue}`;b(ue,Se,Object.keys(me).length>0?me:void 0)}}},[e,r,i.evals,b,a]),T=c.useCallback(F=>{v(F),l({type:"CASE_RUN_CANCEL",caseId:F}),f.current.delete(F),h.current.add(F)},[v]),N=c.useCallback(()=>{j(),l({type:"CANCEL_ALL"}),f.current.clear()},[j]),I=c.useCallback(async(F,q)=>{l({type:"OPEN_IMPROVE",evalId:F})},[]),A=c.useCallback(async(F,q)=>{try{await ce.applyImprovement(e,r,q),l({type:"SET_CONTENT",content:q}),l({type:"CONTENT_SAVED"}),l({type:"CLOSE_IMPROVE"}),k(F,"benchmark")}catch(ee){l({type:"SET_ERROR",error:ee.message})}},[e,r,k]),$=Ms(),_=c.useRef(null),S=c.useRef(0);c.useEffect(()=>{const F=$.events;for(let q=S.current;q<F.length;q++){const ee=F[q],Y=ee.data;if(ee.event==="progress"&&l({type:"AI_EDIT_PROGRESS",entry:{timestamp:Date.now(),phase:Y.phase,message:Y.message}}),ee.event==="done"){const ue=Y.improved,me=Y.reasoning,Se=Y.evalChanges??[];l({type:"AI_EDIT_RESULT",improved:ue,reasoning:me,evalChanges:Se})}if(ee.event==="error"){const ue=Y;l({type:"AI_EDIT_ERROR",message:ue.description||"Unknown error",classified:ue})}}S.current=F.length},[$.events]),c.useEffect(()=>{$.error&&l({type:"AI_EDIT_ERROR",message:$.error})},[$.error]),c.useEffect(()=>()=>{$.stop()},[$.stop]);const L=c.useCallback(async(F,q,ee)=>{o||(S.current=0,l({type:"AI_EDIT_LOADING"}),_.current=$.stop,$.start(`/api/skills/${e}/${r}/improve?sse`,{mode:"instruct",instruction:F,content:i.skillContent,evals:i.evals??{skill_name:r,evals:[]},provider:q,model:ee}))},[o,e,r,i.skillContent,i.evals,$]),P=c.useCallback(()=>{$.stop(),l({type:"AI_EDIT_ERROR",message:"Cancelled"})},[$]),D=c.useCallback(async()=>{const F=i.aiEditResult;if(F!=null&&F.improved)try{if(await ce.applyImprovement(e,r,F.improved),l({type:"SET_CONTENT",content:F.improved}),l({type:"CONTENT_SAVED"}),i.aiEditEvalChanges.length>0&&Array.from(i.aiEditEvalSelections.values()).some(Boolean)){const{mergeEvalChanges:ee}=await nr(async()=>{const{mergeEvalChanges:me}=await import("./mergeEvalChanges-Dpbbs4d4.js");return{mergeEvalChanges:me}},[]),Y=i.evals??{skill_name:r,evals:[]},ue=ee(Y,i.aiEditEvalChanges,i.aiEditEvalSelections);try{const me=await ce.saveEvals(e,r,ue);l({type:"SET_EVALS",evals:me})}catch(me){l({type:"SET_EVALS_RETRY",evalsFile:ue}),l({type:"SET_ERROR",error:`SKILL.md saved, but test cases failed to save: ${me.message}. You can retry from the AI Edit panel.`});return}}l({type:"CLOSE_AI_EDIT"})}catch(q){l({type:"SET_ERROR",error:q.message})}},[e,r,i.aiEditResult,i.evals,i.aiEditEvalChanges,i.aiEditEvalSelections]),H=c.useCallback(()=>{l({type:"CLOSE_AI_EDIT"})},[]),ne=c.useCallback(F=>{l({type:"TOGGLE_EVAL_CHANGE",index:F})},[]),U=c.useCallback(()=>{l({type:"SELECT_ALL_EVAL_CHANGES"})},[]),B=c.useCallback(()=>{l({type:"DESELECT_ALL_EVAL_CHANGES"})},[]),Q=c.useCallback(async()=>{const F=i.aiEditEvalsRetry;if(F)try{const q=await ce.saveEvals(e,r,F);l({type:"SET_EVALS",evals:q}),l({type:"SET_ERROR",error:null}),l({type:"CLOSE_AI_EDIT"})}catch(q){l({type:"SET_ERROR",error:`Retry failed: ${q.message}`})}},[e,r,i.aiEditEvalsRetry]),pe=c.useCallback(async()=>{try{const F=await ce.getSkillDetail(e,r);l({type:"SET_CONTENT",content:F.skillContent}),l({type:"CONTENT_SAVED"})}catch{}},[e,r]),be=Ms(),W=c.useRef(0);c.useEffect(()=>{const F=be.events;for(let q=W.current;q<F.length;q++){const ee=F[q],Y=ee.data;if(ee.event==="progress"&&l({type:"GENERATE_EVALS_PROGRESS",entry:{timestamp:Date.now(),phase:Y.phase,message:Y.message}}),ee.event==="done"){const ue=Y;ce.saveEvals(e,r,ue).then(me=>l({type:"GENERATE_EVALS_DONE",evals:me})).catch(me=>l({type:"SET_ERROR",error:me.message}))}ee.event==="error"&&l({type:"GENERATE_EVALS_ERROR",classified:Y})}W.current=F.length},[be.events,e,r]),c.useEffect(()=>{be.error&&l({type:"SET_ERROR",error:be.error})},[be.error]),c.useEffect(()=>()=>{be.stop()},[be.stop]);const re=c.useCallback(async F=>{if(o)return;W.current=0,l({type:"GENERATE_EVALS_START"});const q={};a!=null&&a.provider&&(q.provider=a.provider),a!=null&&a.model&&(q.model=a.model);const ee=my(F==null?void 0:F.testType);ee&&(q.testType=ee),be.start(`/api/skills/${e}/${r}/generate-evals?sse`,Object.keys(q).length>0?q:void 0)},[o,e,r,be,a]),M=Ms(),V=c.useRef(0);c.useEffect(()=>()=>{M.stop()},[M.stop]),c.useEffect(()=>{const F=M.events;for(let q=V.current;q<F.length;q++){const ee=F[q];if(ee.event==="classifying"){const Y=ee.data;l({type:"ACTIVATION_CLASSIFYING",index:Y.index,total:Y.total})}if(ee.event==="prompt_result"&&l({type:"ACTIVATION_RESULT",result:ee.data}),ee.event==="done"){G.current&&(clearTimeout(G.current),G.current=null);const Y=ee.data;if(Y.error)l({type:"ACTIVATION_ERROR",error:Y.error});else{l({type:"ACTIVATION_DONE",summary:Y});const ue={id:`run-${Date.now()}`,timestamp:new Date().toISOString(),model:(a==null?void 0:a.model)||"unknown",provider:(a==null?void 0:a.provider)||"unknown",promptCount:Y.total,summary:{precision:Y.precision,recall:Y.recall,reliability:Y.reliability,tp:Y.tp,tn:Y.tn,fp:Y.fp,fn:Y.fn}};l({type:"ACTIVATION_HISTORY_LOADED",runs:[ue,...i.activationHistory??[]]})}}}V.current=F.length},[M.events,a,i.activationHistory]),c.useEffect(()=>{M.error&&(G.current&&(clearTimeout(G.current),G.current=null),l({type:"ACTIVATION_ERROR",error:M.error}))},[M.error]);const G=c.useRef(null),K=c.useCallback(()=>{G.current&&(clearTimeout(G.current),G.current=null),M.stop(),l({type:"ACTIVATION_CANCEL",totalPrompts:0})},[M]),se=c.useCallback(F=>{const ee=F.trim().split(`
+`).filter(Boolean).map(ue=>ue.startsWith("!")?{prompt:ue.slice(1).trim(),expected:"should_not_activate"}:ue.startsWith("+")?{prompt:ue.slice(1).trim(),expected:"should_activate"}:{prompt:ue.trim(),expected:"auto"});V.current=0,l({type:"ACTIVATION_START"}),l({type:"SET_ACTIVATION_PROMPTS",prompts:F});const Y={prompts:ee};a!=null&&a.provider&&(Y.provider=a.provider),a!=null&&a.model&&(Y.model=a.model),M.start(`/api/skills/${e}/${r}/activation-test`,Y),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{M.stop(),l({type:"ACTIVATION_TIMEOUT"}),G.current=null},12e4)},[e,r,M,a]),Z=c.useCallback(async(F=8)=>{l({type:"GENERATE_PROMPTS_START"});try{const q={count:F};a!=null&&a.provider&&(q.provider=a.provider),a!=null&&a.model&&(q.model=a.model);const ee=await fetch(`/api/skills/${e}/${r}/activation-prompts`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(q)});if(!ee.ok){let Ke=`HTTP ${ee.status}`;try{const qe=await ee.json();qe.error&&(Ke=qe.error)}catch{}throw new Error(Ke)}const Y=ee.body.getReader(),ue=new TextDecoder;let me="",Se="",ve=[];for(;;){const{done:Ke,value:qe}=await Y.read();if(Ke)break;me+=ue.decode(qe,{stream:!0});const X=me.split(`
+`);me=X.pop()||"";for(const Re of X)if(Re.startsWith("event: "))Se=Re.slice(7).trim();else if(Re.startsWith("data: ")){try{const we=JSON.parse(Re.slice(6));if(Se==="done"){if(we.error)throw new Error(we.error);ve=we.prompts||[]}if(Se==="error")throw new Error(we.message||we.description||"Generation failed")}catch(we){if(!(we instanceof SyntaxError))throw we}Se=""}}const Fe=ve.map(Ke=>`${Ke.expected==="should_activate"?"+":"!"}${Ke.prompt}`).join(`
+`);l({type:"SET_PROMPTS_SOURCE",source:"ai-generated",canonical:Fe}),l({type:"SET_ACTIVATION_PROMPTS",prompts:Fe}),l({type:"GENERATE_PROMPTS_DONE"})}catch(q){l({type:"GENERATE_PROMPTS_ERROR",error:q.message})}},[e,r,a]),ae=c.useCallback(async()=>{try{const F=await fetch(`/api/skills/${e}/${r}/test-cases`);if(!F.ok)return;const q=await F.json();if(!q.prompts||q.prompts.length===0)return;const ee=q.prompts.map(Y=>Y.expected==="should_activate"?`+${Y.prompt}`:Y.expected==="should_not_activate"?`!${Y.prompt}`:Y.prompt).join(`
+`);l({type:"SET_PROMPTS_SOURCE",source:"skill-md",canonical:ee}),l({type:"SET_ACTIVATION_PROMPTS",prompts:ee})}catch{}},[e,r]),de=c.useCallback(async()=>{l({type:"SAVE_TEST_CASES_START"});try{const q=i.activationPrompts.split(`
+`).map(ue=>ue.trim()).filter(Boolean).map(ue=>ue.startsWith("!")?{prompt:ue.slice(1).trim(),expected:"should_not_activate"}:ue.startsWith("+")?{prompt:ue.slice(1).trim(),expected:"should_activate"}:{prompt:ue,expected:"auto"}),ee=await fetch(`/api/skills/${e}/${r}/test-cases`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompts:q})}),Y=await ee.json().catch(()=>({}));if(!ee.ok||!Y.ok)throw new Error(Y.error||`HTTP ${ee.status}`);l({type:"SAVE_TEST_CASES_SUCCESS",count:Y.count??q.length}),setTimeout(()=>l({type:"CLEAR_SAVE_TEST_CASES_FEEDBACK"}),3e3)}catch(F){l({type:"SAVE_TEST_CASES_ERROR",error:F.message})}},[e,r,i.activationPrompts]),oe=c.useMemo(()=>({state:i,dispatch:l,isReadOnly:o,canEdit:u,canRun:p,saveContent:w,saveEvals:R,runCase:k,runAll:E,cancelCase:T,cancelAll:N,improveForCase:I,applyImproveAndRerun:A,refreshSkillContent:pe,generateEvals:re,runActivationTest:se,cancelActivation:K,generateActivationPrompts:Z,fetchActivationHistory:C,loadTestCasesFromSkillMd:ae,saveTestCasesToSkillMd:de,submitAiEdit:L,cancelAiEdit:P,applyAiEdit:D,discardAiEdit:H,toggleEvalChange:ne,selectAllEvalChanges:U,deselectAllEvalChanges:B,retryEvalsSave:Q}),[i,o,u,p,w,R,k,E,T,N,I,A,pe,re,se,K,Z,C,ae,de,L,P,D,H,ne,U,B,Q]);return t.jsx(id.Provider,{value:oe,children:s})}function ld(e){const r=e.match(/^---\n([\s\S]*?)\n---\n?([\s\S]*)$/);if(!r)return{metadata:{},body:e};const n=r[1],s=r[2].trim(),o={},a=n.split(`
+`);let i="",l=!1;for(const d of a){const u=d.match(/^[ \t]+([\w-]+):\s*(.*)$/);if(u&&i&&l){const h=u[1],m=u[2].trim();let y=o[i];if((typeof y!="object"||Array.isArray(y))&&(y={},o[i]=y),!m)y[h]=[];else{const x=m.match(/^\[(.+)\]$/);x?y[h]=x[1].split(",").map(g=>g.trim().replace(/^["']|["']$/g,"")).filter(Boolean):y[h]=m.replace(/^["']|["']$/g,"")}continue}const p=d.match(/^\s+-\s+(.+)$/);if(p&&i){l=!1;const h=o[i];Array.isArray(h)?h.push(p[1].trim().replace(/^["']|["']$/g,"")):o[i]=[p[1].trim().replace(/^["']|["']$/g,"")];continue}const f=d.match(/^([\w-]+):\s*(.*)$/);if(f){i=f[1];const h=f[2].trim();if(l=!1,!h){o[i]={},l=!0;continue}const m=h.match(/^\[(.+)\]$/);if(m){o[i]=m[1].split(",").map(y=>y.trim().replace(/^["']|["']$/g,"")).filter(Boolean);continue}o[i]=h.replace(/^["']|["']$/g,"")}}return{metadata:o,body:s}}function bn(e){if(!e)return"";try{let r=e.replace(/^---\n[\s\S]*?\n---\n?/,""),n=yy(r);return n=n.replace(/```(\w*)\n([\s\S]*?)```/g,'<pre style="background:var(--surface-2);padding:0.75rem;border-radius:6px;overflow-x:auto;font-size:12px;line-height:1.5;margin:0.5rem 0;border:1px solid var(--border-subtle)"><code>$2</code></pre>'),n=n.replace(/^### (.+)$/gm,'<div style="font-weight:600;font-size:14px;margin:0.75rem 0 0.25rem;color:var(--text-primary)">$1</div>'),n=n.replace(/^## (.+)$/gm,'<div style="font-weight:700;font-size:15px;margin:0.75rem 0 0.25rem;color:var(--text-primary)">$1</div>'),n=n.replace(/^# (.+)$/gm,'<div style="font-weight:700;font-size:1rem;margin:0.75rem 0 0.25rem;color:var(--text-primary)">$1</div>'),n=n.replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer" style="color:var(--accent);text-decoration:underline">$1</a>'),n=n.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),n=n.replace(/\*([^*]+)\*/g,"<em>$1</em>"),n=n.replace(/`([^`]+)`/g,'<code style="background:var(--surface-3);padding:0.1rem 0.3rem;border-radius:3px;font-size:0.85em">$1</code>'),n=n.replace(/^- (.+)$/gm,'<div style="padding-left:1rem;margin:0.15rem 0">• $1</div>'),n=n.replace(/^(\d+)\. (.+)$/gm,'<div style="padding-left:1rem;margin:0.15rem 0">$1. $2</div>'),n=n.replace(/\n\n/g,'<div style="height:0.5rem"></div>'),n=n.replace(/\n/g,"<br/>"),n}catch{return`<pre style="white-space:pre-wrap;font-size:12px;line-height:1.5">${e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}</pre>`}}function yy(e){const r=e.split(`
+`),n=[];let s=0;for(;s<r.length;)if(r[s].trim().startsWith("|")&&s+1<r.length&&r[s+1].trim().startsWith("|")&&/\|[\s-:]+\|/.test(r[s+1])){const o=ji(r[s]);s+=2;const a=[];for(;s<r.length&&r[s].trim().startsWith("|");)a.push(ji(r[s])),s++;const i='style="text-align:left;padding:0.4rem 0.6rem;font-weight:600;font-size:12px;color:var(--text-primary);border-bottom:1px solid var(--border-default)"',l='style="padding:0.4rem 0.6rem;font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)"';let d='<table style="width:100%;border-collapse:collapse;margin:0.5rem 0;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden">';d+="<thead><tr>";for(const u of o)d+=`<th ${i}>${u}</th>`;d+="</tr></thead><tbody>";for(const u of a){d+="<tr>";for(const p of u)d+=`<td ${l}>${p}</td>`;d+="</tr>"}d+="</tbody></table>",n.push(d)}else n.push(r[s]),s++;return n.join(`
+`)}function ji(e){return e.split("|").map(r=>r.trim()).filter(r=>r.length>0)}function hs(e,r){const n=e.split(`
+`),s=r.split(`
+`);if(n.length>1e3||s.length>1e3)return[...n.map(p=>({type:"unchanged",content:p}))];const o=n.length,a=s.length,i=Array.from({length:o+1},()=>new Array(a+1).fill(0));for(let p=1;p<=o;p++)for(let f=1;f<=a;f++)n[p-1]===s[f-1]?i[p][f]=i[p-1][f-1]+1:i[p][f]=Math.max(i[p-1][f],i[p][f-1]);const l=[];let d=o,u=a;for(;d>0||u>0;)d>0&&u>0&&n[d-1]===s[u-1]?(l.push({type:"unchanged",content:n[d-1]}),d--,u--):u>0&&(d===0||i[d][u-1]>=i[d-1][u])?(l.push({type:"added",content:s[u-1]}),u--):(l.push({type:"removed",content:n[d-1]}),d--);return l.reverse()}function vy(e,r){if(r&&new Set(["generating","comparing","judging","judging_assertion","preparing","parsing","generating_skill","generating_baseline","scoring","action_items"]).has(e))return t.jsx("div",{className:"spinner",style:{width:10,height:10,flexShrink:0}});const s=new Set(["generating","comparing","preparing","generating_skill","generating_baseline","scoring","action_items"]);return t.jsx("div",{className:"w-2.5 h-2.5 rounded-full flex-shrink-0",style:{background:s.has(e)?"var(--accent)":"var(--green)"}})}function kn({entries:e,isRunning:r}){const[n,s]=c.useState(!1),o=c.useRef(null);return c.useEffect(()=>{o.current&&!n&&(o.current.scrollTop=o.current.scrollHeight)},[e,n]),e.length===0&&!r?null:t.jsxs("div",{className:"mt-2 animate-fade-in",style:{borderTop:"1px solid var(--border-subtle)"},children:[t.jsxs("button",{onClick:()=>s(!n),className:"w-full flex items-center justify-between px-3 py-2 text-[11px] font-medium transition-colors duration-150",style:{color:"var(--text-tertiary)"},onMouseEnter:a=>{a.currentTarget.style.color="var(--text-primary)"},onMouseLeave:a=>{a.currentTarget.style.color="var(--text-tertiary)"},children:[t.jsxs("span",{className:"flex items-center gap-2",children:[r&&t.jsx("div",{className:"spinner",style:{width:10,height:10}}),"Progress Log (",e.length,")"]}),t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",style:{transform:n?"rotate(0)":"rotate(180deg)",transition:"transform 0.2s ease"},children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),!n&&t.jsx("div",{ref:o,className:"px-3 pb-3 space-y-1 max-h-48 overflow-y-auto",children:e.map((a,i)=>{const l=i===e.length-1&&r,d=i===0?"0s":`+${((a.timestamp-e[0].timestamp)/1e3).toFixed(1)}s`;return t.jsxs("div",{className:"flex items-center gap-2 text-[11px] animate-fade-in",style:{opacity:l?1:.7},children:[vy(a.phase,l),t.jsx("span",{className:"font-mono flex-shrink-0",style:{color:"var(--text-tertiary)",width:40},children:d}),t.jsx("span",{style:{color:l?"var(--text-primary)":"var(--text-secondary)"},children:a.message}),a.current!=null&&a.total!=null&&t.jsxs("span",{className:"font-mono flex-shrink-0",style:{color:"var(--text-tertiary)"},children:["[",a.current,"/",a.total,"]"]})]},i)})})]})}const wi={rate_limit:{icon:"⏱",color:"var(--amber, #f59e0b)"},context_window:{icon:"⚠",color:"var(--amber, #f59e0b)"},auth:{icon:"🔒",color:"var(--red, #ef4444)"},timeout:{icon:"⌛",color:"var(--amber, #f59e0b)"},model_not_found:{icon:"🔍",color:"var(--red, #ef4444)"},provider_unavailable:{icon:"⚡",color:"var(--red, #ef4444)"},parse_error:{icon:"❓",color:"var(--amber, #f59e0b)"},unknown:{icon:"❌",color:"var(--red, #ef4444)"}};function ms({error:e,onRetry:r,onDismiss:n}){const[s,o]=c.useState(null),a=c.useRef(null);c.useEffect(()=>(e.category==="rate_limit"&&e.retryAfterMs?o(Math.ceil(e.retryAfterMs/1e3)):o(null),()=>{a.current&&clearInterval(a.current)}),[e]),c.useEffect(()=>{if(!(s==null||s<=0))return a.current=setInterval(()=>{o(d=>d==null||d<=1?(a.current&&clearInterval(a.current),0):d-1)},1e3),()=>{a.current&&clearInterval(a.current)}},[s!=null&&s>0]);const i=wi[e.category]||wi.unknown,l=s!=null&&s>0;return t.jsxs("div",{className:"rounded-lg overflow-hidden animate-fade-in",style:{border:`1px solid color-mix(in srgb, ${i.color} 30%, transparent)`,background:`color-mix(in srgb, ${i.color} 6%, var(--surface-1))`},children:[t.jsxs("div",{className:"flex items-center justify-between px-3.5 py-2.5",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{style:{fontSize:14},children:i.icon}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:i.color},children:e.title})]}),n&&t.jsx("button",{onClick:n,className:"w-5 h-5 rounded flex items-center justify-center",style:{color:"var(--text-tertiary)"},children:t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),t.jsxs("div",{className:"px-3.5 pb-3",children:[t.jsx("p",{className:"text-[11.5px] mb-1.5",style:{color:"var(--text-secondary)"},children:e.description}),t.jsx("p",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:e.hint}),(r||s!=null)&&t.jsx("div",{className:"flex items-center gap-2 mt-2.5",children:r&&t.jsx("button",{onClick:r,disabled:l,className:"btn btn-secondary text-[11px]",style:{padding:"4px 10px",opacity:l?.5:1},children:l?`Retry in ${s}s`:"Retry"})})]})]})}function by({plugin:e,skill:r,skillContent:n,onApplied:s}){const[o,a]=c.useState("closed"),{config:i}=mr(),[l,d]=c.useState("claude-cli"),[u,p]=c.useState("opus"),[f,h]=c.useState([]),[m,y]=c.useState(""),[x,g]=c.useState(""),[b,v]=c.useState(null),[j,C]=c.useState(null),[w,R]=c.useState([]),[k,E]=c.useState(!1),T=c.useRef(null);c.useEffect(()=>{if(!i)return;i.providers.find(P=>P.id==="claude-cli"&&P.available)&&(d("claude-cli"),p("opus"))},[i]),c.useEffect(()=>()=>{var L;(L=T.current)==null||L.abort()},[]);function N(){return i==null?void 0:i.providers.find(L=>L.id===l&&L.available)}const I=c.useCallback(()=>{var L;(L=T.current)==null||L.abort(),a("open")},[]);async function A(){a("loading"),v(null),C(null),R([]);const L=new AbortController;T.current=L;try{const P=await fetch(`/api/skills/${encodeURIComponent(e)}/${encodeURIComponent(r)}/improve?sse`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:l,model:u}),signal:L.signal});if(!P.ok||!P.body){let B=`HTTP ${P.status}`;try{const Q=await P.json();Q.error&&(B=Q.error)}catch{}throw new Error(B)}const D=P.body.getReader(),H=new TextDecoder;let ne="",U="";for(;;){const{done:B,value:Q}=await D.read();if(B)break;ne+=H.decode(Q,{stream:!0});const pe=ne.split(`
+`);ne=pe.pop()||"";for(const be of pe)if(be.startsWith("event: "))U=be.slice(7).trim();else if(be.startsWith("data: ")){try{const W=JSON.parse(be.slice(6));U==="progress"?R(re=>[...re,{phase:W.phase,message:W.message,timestamp:Date.now()}]):U==="done"||U==="complete"?(y(W.improved),g(W.reasoning||""),h(hs(W.original||n,W.improved)),a("diff_shown")):U==="error"&&(v(W.message||W.description||"Unknown error"),W.category&&C(W),a("open"))}catch{}U=""}}}catch(P){P.name!=="AbortError"&&(v(P.message),a("open"))}finally{T.current=null}}async function $(){E(!0);try{await ce.applyImprovement(e,r,m),s(m),a("closed")}catch(L){v(L.message)}finally{E(!1)}}function _(){a("closed"),h([]),y(""),g(""),v(null)}if(o==="closed")return t.jsxs("button",{onClick:()=>a("open"),className:"btn btn-secondary mb-5",disabled:!n,children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),t.jsx("path",{d:"M2 17l10 5 10-5"}),t.jsx("path",{d:"M2 12l10 5 10-5"})]}),"Improve Skill"]});const S=N();return t.jsxs("div",{className:"mb-5 rounded-xl overflow-hidden animate-fade-in",style:{border:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:[t.jsxs("div",{className:"flex items-center justify-between px-5 py-3.5",style:{background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center gap-2.5",children:[t.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:"rgba(168,85,247,0.15)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#a855f7",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),t.jsx("path",{d:"M2 17l10 5 10-5"}),t.jsx("path",{d:"M2 12l10 5 10-5"})]})}),t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"AI Skill Improvement"})]}),t.jsx("button",{onClick:_,className:"w-7 h-7 rounded-lg flex items-center justify-center transition-colors duration-150",style:{color:"var(--text-tertiary)"},onMouseEnter:L=>{L.currentTarget.style.background="var(--surface-3)"},onMouseLeave:L=>{L.currentTarget.style.background="transparent"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),t.jsxs("div",{className:"px-5 py-4",children:[(o==="open"||o==="loading")&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex items-end gap-3 mb-4",children:[t.jsxs("div",{className:"flex-1",children:[t.jsx("label",{className:"text-[11px] font-medium mb-1 block",style:{color:"var(--text-tertiary)"},children:"Provider"}),t.jsx("select",{className:"input-field text-[12px] py-1.5",value:l,onChange:L=>{d(L.target.value);const P=i==null?void 0:i.providers.find(D=>D.id===L.target.value);P!=null&&P.models[0]&&p(P.models[0].id)},disabled:o==="loading",children:i==null?void 0:i.providers.filter(L=>L.available).map(L=>t.jsx("option",{value:L.id,children:L.label},L.id))})]}),t.jsxs("div",{className:"flex-1",children:[t.jsx("label",{className:"text-[11px] font-medium mb-1 block",style:{color:"var(--text-tertiary)"},children:"Model"}),t.jsx("select",{className:"input-field text-[12px] py-1.5",value:u,onChange:L=>p(L.target.value),disabled:o==="loading",children:S==null?void 0:S.models.map(L=>t.jsx("option",{value:L.id,children:L.label},L.id))})]}),o==="loading"?t.jsx("button",{onClick:I,className:"btn btn-secondary flex-shrink-0",children:"Cancel"}):t.jsx("button",{onClick:A,className:"btn btn-primary flex-shrink-0",children:"Improve"})]}),o==="loading"&&w.length>0&&t.jsx("div",{className:"mt-3",children:t.jsx(kn,{entries:w,isRunning:!0})})]}),b&&t.jsx("div",{className:"mb-4",children:j?t.jsx(ms,{error:j,onRetry:A,onDismiss:()=>{v(null),C(null)}}):t.jsx("div",{className:"px-4 py-3 rounded-lg text-[13px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:b})}),o==="diff_shown"&&t.jsxs(t.Fragment,{children:[x&&t.jsxs("div",{className:"mb-4 px-4 py-3 rounded-lg text-[12px]",style:{background:"rgba(168,85,247,0.08)",color:"var(--text-secondary)",border:"1px solid rgba(168,85,247,0.2)"},children:[t.jsx("span",{className:"font-semibold",style:{color:"#a855f7"},children:"AI Reasoning: "}),x]}),t.jsx("div",{className:"rounded-lg overflow-hidden mb-4",style:{border:"1px solid var(--border-subtle)",maxHeight:"400px",overflowY:"auto"},children:f.map((L,P)=>t.jsxs("div",{className:"px-3 py-0.5 text-[11px] font-mono",style:{background:L.type==="added"?"rgba(34,197,94,0.1)":L.type==="removed"?"rgba(239,68,68,0.1)":"transparent",color:L.type==="added"?"var(--green)":L.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:L.type==="added"?"3px solid var(--green)":L.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:L.type==="added"?"+":L.type==="removed"?"-":" "}),L.content]},P))}),t.jsxs("div",{className:"flex gap-2",children:[t.jsx("button",{onClick:$,disabled:k,className:"btn btn-primary",children:k?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"spinner",style:{width:12,height:12}})," Applying..."]}):t.jsxs(t.Fragment,{children:[t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})," Apply"]})}),t.jsx("button",{onClick:_,className:"btn btn-secondary",children:"Discard"})]})]})]})]})}const Si={remove:{bg:"var(--red-muted)",color:"var(--red)",label:"REMOVE"},modify:{bg:"rgba(251,191,36,0.15)",color:"#fbbf24",label:"MODIFY"},add:{bg:"var(--green-muted)",color:"var(--green)",label:"ADD"}},ky={remove:"var(--red)",modify:"#fbbf24",add:"var(--green)"};function jy({change:e,index:r,selected:n,onToggle:s,originalEval:o}){var f;const[a,i]=c.useState(!1),l=Si[e.action]??Si.add,d=ky[e.action]??"var(--border-subtle)",u=e.action==="remove"?(o==null?void 0:o.name)??`Eval #${e.evalId}`:((f=e.eval)==null?void 0:f.name)??"Unnamed",p=c.useCallback(()=>s(r),[s,r]);return t.jsxs("div",{className:"rounded-lg transition-all duration-150",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)",borderLeft:`3px solid ${d}`,opacity:n?1:.5},children:[t.jsxs("div",{className:"flex items-center gap-2 px-3 py-2.5",children:[t.jsx("input",{type:"checkbox",checked:n,onChange:p,className:"flex-shrink-0",style:{accentColor:"var(--accent)"}}),t.jsx("span",{className:"pill text-[9px] font-bold flex-shrink-0",style:{background:l.bg,color:l.color,padding:"1px 6px"},children:l.label}),t.jsx("span",{className:"text-[12px] font-medium truncate",style:{color:"var(--text-primary)"},children:u}),t.jsx("span",{className:"text-[11px] truncate flex-1",style:{color:"var(--text-tertiary)"},children:e.reason}),t.jsx("button",{onClick:()=>i(!a),className:"flex-shrink-0 w-5 h-5 flex items-center justify-center rounded transition-colors duration-150",style:{color:"var(--text-tertiary)"},onMouseEnter:h=>{h.currentTarget.style.background="var(--surface-3)"},onMouseLeave:h=>{h.currentTarget.style.background="transparent"},children:t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",style:{transform:a?"rotate(90deg)":"rotate(0)",transition:"transform 0.15s ease"},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})})})]}),a&&t.jsxs("div",{className:"px-4 pb-3 animate-fade-in",style:{borderTop:"1px solid var(--border-subtle)"},children:[e.action==="add"&&e.eval&&t.jsx(wy,{evalCase:e.eval}),e.action==="modify"&&e.eval&&o&&t.jsx(Sy,{original:o,proposed:e.eval}),e.action==="remove"&&o&&t.jsx(Cy,{evalCase:o})]})]})}function wy({evalCase:e}){var r;return t.jsxs("div",{className:"pt-2.5 space-y-2",children:[t.jsx(Ao,{label:"Prompt",value:e.prompt}),t.jsx(Ao,{label:"Expected",value:e.expected_output}),t.jsxs("div",{children:[t.jsxs("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:["Assertions (",((r=e.assertions)==null?void 0:r.length)??0,")"]}),t.jsx("div",{className:"mt-1 space-y-1",children:(e.assertions??[]).map(n=>t.jsxs("div",{className:"text-[11px] flex items-start gap-1.5",style:{color:"var(--text-secondary)"},children:[t.jsx("span",{style:{color:"var(--green)"},children:"+"})," ",n.text]},n.id))})]})]})}function Sy({original:e,proposed:r}){const n=[];e.name!==r.name&&n.push({label:"Name",old:e.name,new:r.name}),e.prompt!==r.prompt&&n.push({label:"Prompt",old:e.prompt,new:r.prompt}),e.expected_output!==r.expected_output&&n.push({label:"Expected",old:e.expected_output,new:r.expected_output});const s=e.assertions??[],o=r.assertions??[],a=new Set(s.map(u=>u.text)),i=new Set(o.map(u=>u.text)),l=o.filter(u=>!a.has(u.text)),d=s.filter(u=>!i.has(u.text));return t.jsxs("div",{className:"pt-2.5 space-y-2",children:[n.map(u=>t.jsxs("div",{children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:u.label}),t.jsxs("div",{className:"mt-1 text-[11px] font-mono rounded p-2",style:{background:"var(--surface-1)"},children:[t.jsxs("div",{style:{color:"var(--red)",textDecoration:"line-through"},children:["- ",Po(u.old,120)]}),t.jsxs("div",{style:{color:"var(--green)"},children:["+ ",Po(u.new,120)]})]})]},u.label)),(l.length>0||d.length>0)&&t.jsxs("div",{children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:"Assertions"}),t.jsxs("div",{className:"mt-1 space-y-0.5",children:[d.map(u=>t.jsxs("div",{className:"text-[11px]",style:{color:"var(--red)"},children:["- ",u.text]},u.id)),l.map(u=>t.jsxs("div",{className:"text-[11px]",style:{color:"var(--green)"},children:["+ ",u.text]},u.id))]})]}),n.length===0&&l.length===0&&d.length===0&&t.jsx("div",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:"No visible field changes"})]})}function Cy({evalCase:e}){var r;return t.jsxs("div",{className:"pt-2.5 space-y-2",style:{opacity:.7},children:[t.jsx(Ao,{label:"Prompt",value:e.prompt}),t.jsxs("div",{children:[t.jsxs("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:["Assertions (",((r=e.assertions)==null?void 0:r.length)??0,")"]}),t.jsx("div",{className:"mt-1 space-y-0.5",children:(e.assertions??[]).map(n=>t.jsx("div",{className:"text-[11px]",style:{color:"var(--red)",textDecoration:"line-through"},children:n.text},n.id))})]})]})}function Ao({label:e,value:r}){return t.jsxs("div",{children:[t.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:e}),t.jsx("div",{className:"mt-0.5 text-[11px] p-2 rounded font-mono",style:{background:"var(--surface-1)",color:"var(--text-secondary)",whiteSpace:"pre-wrap"},children:Po(r,300)})]})}function Po(e,r){return e.length>r?e.slice(0,r)+"...":e}const Ci={remove:0,modify:1,add:2};function Ey({changes:e,selections:r,currentEvals:n,onToggle:s,onSelectAll:o,onDeselectAll:a}){if(e.length===0)return null;const i=e.map((d,u)=>({change:d,originalIndex:u}));i.sort((d,u)=>(Ci[d.change.action]??2)-(Ci[u.change.action]??2));const l=Array.from(r.values()).filter(Boolean).length;return t.jsxs("div",{className:"mt-3 animate-fade-in",children:[t.jsxs("div",{className:"flex items-center justify-between mb-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[11px] font-semibold",style:{color:"var(--text-primary)"},children:"Test Case Changes"}),t.jsxs("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:["(",l,"/",e.length," selected)"]})]}),t.jsxs("div",{className:"flex gap-1.5",children:[t.jsx("button",{onClick:o,className:"text-[10px] px-2 py-0.5 rounded transition-colors duration-150",style:{color:"var(--accent)",background:"transparent"},onMouseEnter:d=>{d.currentTarget.style.background="var(--accent-muted)"},onMouseLeave:d=>{d.currentTarget.style.background="transparent"},children:"Select All"}),t.jsx("button",{onClick:a,className:"text-[10px] px-2 py-0.5 rounded transition-colors duration-150",style:{color:"var(--text-tertiary)",background:"transparent"},onMouseEnter:d=>{d.currentTarget.style.background="var(--surface-3)"},onMouseLeave:d=>{d.currentTarget.style.background="transparent"},children:"Deselect All"})]})]}),t.jsx("div",{className:"space-y-1.5 overflow-auto",style:{maxHeight:240},children:i.map(({change:d,originalIndex:u})=>t.jsx(jy,{change:d,index:u,selected:r.get(u)??!1,onToggle:s,originalEval:d.evalId!=null?n.find(p=>p.id===d.evalId):void 0},u))})]})}function Ny(){var L;const{state:e,dispatch:r,submitAiEdit:n,applyAiEdit:s,discardAiEdit:o,cancelAiEdit:a,toggleEvalChange:i,selectAllEvalChanges:l,deselectAllEvalChanges:d,retryEvalsSave:u}=ft(),{aiEditLoading:p,aiEditResult:f,aiEditError:h,aiEditClassifiedError:m,aiEditProgress:y,aiEditEvalChanges:x,aiEditEvalSelections:g,aiEditEvalsRetry:b}=e,[v,j]=c.useState(""),{config:C}=mr(),[w,R]=c.useState("claude-cli"),[k,E]=c.useState("opus"),T=c.useRef(null);c.useEffect(()=>{var P;(P=T.current)==null||P.focus()},[]),c.useEffect(()=>{if(!C)return;C.providers.find(D=>D.id==="claude-cli"&&D.available)&&(R("claude-cli"),E("opus"))},[C]);const N=C==null?void 0:C.providers.find(P=>P.id===w&&P.available),I=c.useCallback(()=>{const P=v.trim();!P||p||n(P,w,k)},[v,p,n,w,k]),A=c.useCallback(P=>{P.key==="Enter"&&!P.shiftKey&&(P.preventDefault(),I()),P.key==="Escape"&&(P.preventDefault(),p?a():o())},[I,p,a,o]),$=c.useCallback(()=>{r({type:"CLOSE_AI_EDIT"}),r({type:"OPEN_AI_EDIT"})},[r]),_=f?hs(e.skillContent,f.improved):[],S=((L=e.evals)==null?void 0:L.evals)??[];return t.jsxs("div",{className:"animate-fade-in",style:{background:"var(--surface-1)",borderTop:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5",style:{borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-2)"},children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("div",{className:"w-6 h-6 rounded-md flex items-center justify-center",style:{background:"rgba(168,85,247,0.15)"},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#a855f7",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M15 4V2"}),t.jsx("path",{d:"M15 16v-2"}),t.jsx("path",{d:"M8 9h2"}),t.jsx("path",{d:"M20 9h2"}),t.jsx("path",{d:"M17.8 11.8L19 13"}),t.jsx("path",{d:"M15 9h.01"}),t.jsx("path",{d:"M17.8 6.2L19 5"}),t.jsx("path",{d:"M11 6.2L9.7 5"}),t.jsx("path",{d:"M3 21l9-9"})]})}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:"var(--text-primary)"},children:"AI Edit"}),t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:"Describe what to change — Enter to submit, Esc to dismiss"})]}),t.jsx("button",{onClick:o,className:"w-6 h-6 rounded-md flex items-center justify-center transition-colors duration-150",style:{color:"var(--text-tertiary)"},onMouseEnter:P=>{P.currentTarget.style.background="var(--surface-3)"},onMouseLeave:P=>{P.currentTarget.style.background="transparent"},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),t.jsxs("div",{className:"px-4 py-3",children:[!f&&t.jsxs(t.Fragment,{children:[t.jsx("textarea",{ref:T,value:v,onChange:P=>j(P.target.value),onKeyDown:A,placeholder:"e.g., Add an error handling section...",disabled:p,rows:4,className:"w-full resize-y outline-none",style:{background:"var(--surface-0)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)",borderRadius:6,padding:"10px 12px",fontSize:12.5,lineHeight:1.5,fontFamily:"var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)",minHeight:96,maxHeight:240}}),t.jsxs("div",{className:"flex items-end gap-2.5 mt-2",children:[t.jsxs("div",{style:{minWidth:200},children:[t.jsx("label",{className:"text-[10px] font-medium mb-0.5 block",style:{color:"var(--text-tertiary)"},children:"Provider"}),t.jsx("select",{className:"input-field text-[11px] py-1",value:w,onChange:P=>{R(P.target.value);const D=C==null?void 0:C.providers.find(H=>H.id===P.target.value);D!=null&&D.models[0]&&E(D.models[0].id)},disabled:p,style:{width:"100%"},children:C==null?void 0:C.providers.filter(P=>P.available).map(P=>t.jsx("option",{value:P.id,children:P.label},P.id))})]}),t.jsxs("div",{style:{minWidth:200},children:[t.jsx("label",{className:"text-[10px] font-medium mb-0.5 block",style:{color:"var(--text-tertiary)"},children:"Model"}),t.jsx("select",{className:"input-field text-[11px] py-1",value:k,onChange:P=>E(P.target.value),disabled:p,style:{width:"100%"},children:N==null?void 0:N.models.map(P=>t.jsx("option",{value:P.id,children:P.label},P.id))})]}),t.jsx("div",{className:"flex-1"}),p?t.jsx("button",{onClick:a,className:"btn btn-secondary flex-shrink-0 text-[11px]",style:{padding:"6px 14px"},children:"Cancel"}):t.jsx("button",{onClick:I,disabled:!v.trim(),className:"btn btn-primary flex-shrink-0 text-[11px]",style:{padding:"6px 14px"},children:"Submit"})]}),p&&y.length>0&&t.jsx("div",{className:"mt-2.5",children:t.jsx(kn,{entries:y,isRunning:!0})})]}),h&&t.jsx("div",{className:"mt-3",children:m?t.jsx(ms,{error:m,onRetry:$,onDismiss:o}):t.jsx("div",{className:"px-3 py-2.5 rounded-lg text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:h})}),f&&t.jsxs("div",{className:"animate-fade-in",children:[f.reasoning&&t.jsxs("div",{className:"mb-3 px-3 py-2.5 rounded-lg text-[11.5px]",style:{background:"rgba(168,85,247,0.08)",color:"var(--text-secondary)",border:"1px solid rgba(168,85,247,0.2)"},children:[t.jsx("span",{className:"font-semibold",style:{color:"#a855f7"},children:"AI Reasoning: "}),f.reasoning]}),t.jsx("div",{className:"mb-1",children:t.jsx("span",{className:"text-[11px] font-semibold",style:{color:"var(--text-primary)"},children:"SKILL.md Changes"})}),t.jsx("div",{className:"rounded-lg overflow-hidden mb-3",style:{border:"1px solid var(--border-subtle)",maxHeight:300,overflowY:"auto"},children:_.map((P,D)=>t.jsxs("div",{className:"px-3 py-0.5 text-[10.5px] font-mono",style:{background:P.type==="added"?"rgba(34,197,94,0.1)":P.type==="removed"?"rgba(239,68,68,0.1)":"transparent",color:P.type==="added"?"var(--green)":P.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:P.type==="added"?"3px solid var(--green)":P.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:P.type==="added"?"+":P.type==="removed"?"-":" "}),P.content]},D))}),t.jsx(Ey,{changes:x,selections:g,currentEvals:S,onToggle:i,onSelectAll:l,onDeselectAll:d}),b&&t.jsxs("div",{className:"mt-3 px-3 py-2.5 rounded-lg text-[12px] flex items-center justify-between",style:{background:"rgba(251,191,36,0.12)",border:"1px solid rgba(251,191,36,0.3)",color:"#fbbf24"},children:[t.jsx("span",{children:"Test case save failed. SKILL.md was saved successfully."}),t.jsx("button",{onClick:u,className:"btn text-[11px]",style:{background:"rgba(251,191,36,0.2)",color:"#fbbf24",padding:"3px 10px"},children:"Retry Save"})]}),t.jsxs("div",{className:"flex gap-2 mt-3",children:[t.jsxs("button",{onClick:s,className:"btn btn-primary text-[11px]",style:{padding:"5px 12px"},children:[t.jsx("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})}),"Apply"]}),t.jsx("button",{onClick:o,className:"btn btn-secondary text-[11px]",style:{padding:"5px 12px"},children:"Discard"}),t.jsx("button",{onClick:$,className:"btn btn-ghost text-[11px]",style:{padding:"5px 12px"},children:"Try Again"})]})]})]})]})}function Ry(e,r){const[n,s]=c.useState([]),[o,a]=c.useState("SKILL.md"),[i,l]=c.useState(null),[d,u]=c.useState(!1),[p,f]=c.useState(null),[h,m]=c.useState(null),y=c.useCallback(async()=>{try{const b=await ce.getSkillFiles(e,r);s(b.files),m(null)}catch(b){s([]),m(b.message??"Unable to load skill files")}},[e,r]);c.useEffect(()=>{a("SKILL.md"),l(null),f(null),m(null),y()},[e,r,y]);const x=c.useCallback(async b=>{if(a(b),b==="SKILL.md"){l(null),f(null);return}u(!0),f(null);try{const v=await ce.getSkillFile(e,r,b);l(v)}catch(v){f(`Unable to open file: ${v.message}`),l(null)}finally{u(!1)}},[e,r]),g=c.useCallback(()=>{y()},[y]);return{files:n,activeFile:o,secondaryContent:i,loading:d,error:p,loadError:h,selectFile:x,refresh:g,isSkillMd:o==="SKILL.md"}}function Ty(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Iy(e){const r=[],n=new Map;for(const s of e){const o=s.path.split("/"),i={name:o[o.length-1],path:s.path,type:s.type,size:s.size,children:[]};n.set(s.path,i)}for(const s of e){const o=s.path.split("/");if(o.length===1){const a=n.get(s.path);a&&r.push(a)}else{const a=o.slice(0,-1).join("/"),i=n.get(a),l=n.get(s.path);i&&l&&i.children.push(l)}}return r}function cd({expanded:e}){return t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:e?"rotate(90deg)":"rotate(0deg)",transition:"transform 0.15s"},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})})}function dd(){return t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"})})}function Ly(){return t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t.jsx("polyline",{points:"14 2 14 8 20 8"})]})}function Ay(){return t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("polyline",{points:"23 4 23 10 17 10"}),t.jsx("polyline",{points:"1 20 1 14 7 14"}),t.jsx("path",{d:"M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"})]})}function ud({node:e,depth:r,activeFile:n,onSelect:s}){const[o,a]=c.useState(!0),i=e.path===n;return e.type==="dir"?t.jsxs("div",{children:[t.jsxs("button",{onClick:()=>a(!o),style:{display:"flex",alignItems:"center",gap:4,width:"100%",paddingLeft:`${4+r*14}px`,paddingTop:2,paddingBottom:2,background:"none",border:"none",cursor:"pointer",color:"var(--text-secondary)",fontSize:11,fontFamily:"var(--font-mono, monospace)",textAlign:"left"},children:[t.jsx(cd,{expanded:o}),t.jsx(dd,{}),t.jsxs("span",{children:[e.name,"/"]})]}),o&&e.children.map(l=>t.jsx(ud,{node:l,depth:r+1,activeFile:n,onSelect:s},l.path))]}):t.jsxs("button",{onClick:()=>s(e.path),style:{display:"flex",alignItems:"center",gap:4,width:"100%",paddingLeft:`${4+r*14}px`,paddingTop:2,paddingBottom:2,background:i?"var(--accent-muted)":"none",border:"none",cursor:"pointer",color:i?"var(--accent)":"var(--text-tertiary)",fontSize:11,fontFamily:"var(--font-mono, monospace)",textAlign:"left",borderRadius:3},children:[t.jsx("span",{style:{width:10}}),t.jsx(Ly,{}),t.jsx("span",{style:{flex:1},children:e.name}),t.jsx("span",{style:{fontSize:9,color:"var(--text-tertiary)",marginRight:4,whiteSpace:"nowrap"},children:Ty(e.size)})]})}function Py({files:e,activeFile:r,onSelect:n,onRefresh:s,loadError:o}){const[a,i]=c.useState(!1),l=c.useMemo(()=>Iy(e),[e]);return t.jsxs("div",{style:{borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-0)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"3px 8px",cursor:"pointer",userSelect:"none"},onClick:()=>i(!a),children:[t.jsx(cd,{expanded:a}),t.jsx(dd,{}),t.jsx("span",{style:{fontSize:11,fontFamily:"var(--font-mono, monospace)",color:"var(--text-secondary)",flex:1,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r}),t.jsx("button",{onClick:d=>{d.stopPropagation(),s()},style:{background:"none",border:"none",cursor:"pointer",color:"var(--text-tertiary)",padding:"2px 4px",display:"flex",alignItems:"center",borderRadius:3},title:"Refresh file list",children:t.jsx(Ay,{})})]}),a&&t.jsx("div",{style:{maxHeight:240,overflowY:"auto",padding:"2px 4px 4px"},children:o?t.jsx("div",{style:{fontSize:11,color:"var(--text-warning, var(--text-tertiary))",padding:"4px 8px"},title:o,children:"Skill files not accessible from this workspace"}):l.length===0?t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)",padding:"4px 8px"},children:"No files found"}):l.map(d=>t.jsx(ud,{node:d,depth:0,activeFile:r,onSelect:n},d.path))})]})}function Ln(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function $y(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function My(e){const r=e.toLowerCase();return r.endsWith(".json")?"json":r.endsWith(".md")?"md":"other"}function Ei({content:e}){return t.jsx("textarea",{readOnly:!0,value:e,style:{flex:1,width:"100%",resize:"none",background:"var(--surface-1)",color:"var(--text-primary)",border:"none",outline:"none",padding:"12px 16px",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6}})}function Ni({content:e,fileType:r}){if(r==="json"){const n=$y(e);return t.jsx("pre",{style:{flex:1,margin:0,padding:"12px 16px",overflow:"auto",background:"var(--surface-0)",color:"var(--text-primary)",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:n})}return r==="md"?t.jsx("div",{style:{flex:1,overflow:"auto",padding:"16px 20px",background:"var(--surface-0)",color:"var(--text-primary)",fontSize:13,lineHeight:1.6},dangerouslySetInnerHTML:{__html:bn(e)}}):t.jsx("pre",{style:{flex:1,margin:0,padding:"12px 16px",overflow:"auto",background:"var(--surface-0)",color:"var(--text-primary)",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:e})}function Ri(e){try{return JSON.stringify(JSON.parse(e),null,2).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"([^"\\]|\\.)*"\s*:/g,n=>`<span style="color:#6383ff">${n}</span>`).replace(/:\s*"([^"\\]|\\.)*"/g,n=>`<span style="color:#22c55e">${n.slice(0,2)}<span style="color:#22c55e">${n.slice(2)}</span></span>`).replace(/:\s*(-?\d+\.?\d*)/g,(n,s)=>`: <span style="color:#fb923c">${s}</span>`).replace(/:\s*(true|false|null)/g,(n,s)=>`: <span style="color:#a855f7">${s}</span>`)}catch{return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}}function Dy({file:e,loading:r,error:n,viewMode:s,plugin:o,skill:a,onSaved:i,onDirtyChange:l}){const[d,u]=c.useState(s),[p,f]=c.useState(!1),[h,m]=c.useState(""),[y,x]=c.useState(!1),[g,b]=c.useState(null),v=s!==d?s:d;c.useEffect(()=>{l==null||l(p)},[p,l]);const j=c.useCallback(()=>{(e==null?void 0:e.content)!=null&&(m(e.content),f(!0))},[e]),C=c.useCallback(()=>{f(!1)},[]),w=c.useCallback(async()=>{if(!(!o||!a||!e)){x(!0);try{await ce.saveSkillFile(o,a,e.path,h),b("Saved"),f(!1),i==null||i(),setTimeout(()=>b(null),2e3)}catch(E){b(`Save failed: ${E.message}`),setTimeout(()=>b(null),3e3)}finally{x(!1)}}},[o,a,e,h,i]);if(c.useEffect(()=>{if(!p)return;const E=T=>{(T.ctrlKey||T.metaKey)&&T.key==="s"&&(T.preventDefault(),w())};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[p,w]),r)return t.jsx("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--text-tertiary)",fontSize:13},children:"Loading…"});if(n)return t.jsx("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",padding:24},children:t.jsxs("div",{style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)",borderRadius:8,padding:"16px 20px",maxWidth:400,textAlign:"center"},children:[t.jsx("div",{style:{fontSize:13,color:"var(--text-primary)",fontWeight:600,marginBottom:6},children:"Unable to open file"}),t.jsx("div",{style:{fontSize:12,color:"var(--text-tertiary)"},children:n})]})});if(!e)return null;if(e.binary)return t.jsxs("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--text-tertiary)",fontSize:13},children:["Binary file (",Ln(e.size),") — cannot be displayed"]});const R=e.content??"",k=My(e.path);return t.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",minHeight:0},children:[e.truncated&&t.jsxs("div",{style:{padding:"4px 12px",background:"var(--warning-muted, #fef3c7)",borderBottom:"1px solid var(--border-subtle)",fontSize:11,color:"var(--warning-text, #92400e)"},children:["File truncated at ",Ln(512*1024)," — ",Ln(e.size)," total"]}),t.jsxs("div",{style:{display:"flex",gap:4,padding:"4px 8px",borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-0)"},children:[(k==="md"||k==="json")&&["raw","split","preview"].map(E=>t.jsx("button",{onClick:()=>u(E),style:{padding:"2px 8px",fontSize:11,background:v===E?"var(--accent-muted)":"none",color:v===E?"var(--accent)":"var(--text-tertiary)",border:"none",borderRadius:3,cursor:"pointer",textTransform:"capitalize"},children:E},E)),t.jsxs("span",{style:{marginLeft:"auto",fontSize:11,color:"var(--text-tertiary)",display:"flex",alignItems:"center",gap:6},children:[Ln(e.size),o&&a&&!e.binary&&!p&&t.jsx("button",{onClick:j,style:{padding:"1px 6px",fontSize:10,background:"var(--accent-muted)",color:"var(--accent)",border:"none",borderRadius:3,cursor:"pointer"},children:"Edit"}),p&&t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:w,disabled:y,style:{padding:"1px 6px",fontSize:10,background:"var(--accent)",color:"#fff",border:"none",borderRadius:3,cursor:"pointer",opacity:y?.6:1},children:y?"Saving...":"Save"}),t.jsx("button",{onClick:C,style:{padding:"1px 6px",fontSize:10,background:"var(--surface-3)",color:"var(--text-tertiary)",border:"none",borderRadius:3,cursor:"pointer"},children:"Cancel"})]})]})]}),g&&t.jsx("div",{style:{padding:"4px 12px",background:g.startsWith("Save failed")?"var(--red-muted)":"var(--green-muted)",borderBottom:"1px solid var(--border-subtle)",fontSize:11,color:g.startsWith("Save failed")?"var(--red)":"var(--green)"},children:g}),t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",minHeight:0},children:p?t.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",overflow:"auto"},children:[t.jsx("textarea",{value:h,onChange:E=>m(E.target.value),style:{flex:1,width:"100%",resize:"none",background:"var(--surface-0)",color:"var(--text-primary)",border:"none",outline:"none",padding:"12px 16px",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6}}),t.jsxs("div",{style:{position:"sticky",bottom:0,display:"flex",alignItems:"center",gap:8,padding:"6px 12px",background:"var(--surface-1)",borderTop:"1px solid var(--border-subtle)"},children:[t.jsx("span",{style:{flex:1,fontSize:11,color:"var(--text-tertiary)"},children:"Unsaved changes"}),t.jsx("button",{onClick:w,disabled:y,style:{padding:"3px 12px",fontSize:11,background:"var(--accent)",color:"#fff",border:"none",borderRadius:4,cursor:"pointer",opacity:y?.6:1},children:y?"Saving...":"Save"}),t.jsx("button",{onClick:C,style:{padding:"3px 12px",fontSize:11,background:"var(--surface-3)",color:"var(--text-tertiary)",border:"none",borderRadius:4,cursor:"pointer"},children:"Cancel"})]})]}):v==="split"&&k!=="other"?t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",borderRight:"1px solid var(--border-subtle)"},children:t.jsx(Ei,{content:R})}),t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",overflow:"auto"},children:k==="json"?t.jsx("pre",{style:{flex:1,margin:0,padding:"12px 16px",overflow:"auto",background:"var(--surface-0)",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6,whiteSpace:"pre-wrap",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:Ri(R)}}):t.jsx(Ni,{content:R,fileType:k})})]}):v==="preview"&&k!=="other"?k==="json"?t.jsx("pre",{style:{flex:1,margin:0,padding:"12px 16px",overflow:"auto",background:"var(--surface-0)",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6,whiteSpace:"pre-wrap",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:Ri(R)}}):t.jsx(Ni,{content:R,fileType:k}):t.jsx(Ei,{content:R})})]})}const Fy=/^git@github\.com:([^/]+)\/(.+?)(?:\.git)?$/,zy=/^https:\/\/github\.com\/([^/]+)\/(.+?)(?:\.git)?$/;function ua(e){const r=e.trim();if(!r)throw new Error("normalizeRemoteUrl: empty input");let n=r.match(Fy);if(n)return`https://github.com/${n[1]}/${n[2]}`;if(n=r.match(zy),n)return`https://github.com/${n[1]}/${n[2]}`;throw new Error(`normalizeRemoteUrl: unrecognized remote URL: ${e}`)}function pd(e){const r=ua(e);return`https://verified-skill.com/submit?repo=${encodeURIComponent(r)}`}function An(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}const _y="https://verified-skill.com/submit";function Ti(e){try{return pd(e)}catch{return _y}}function By({remoteUrl:e,fileCount:r,provider:n,model:s,onClose:o,defaultMode:a="manual",skillName:i,skillPath:l,privacy:d,tenantId:u}){const[p,f]=c.useState(a),[h,m]=c.useState(""),[y,x]=c.useState(!1),[g,b]=c.useState(!1),[v,j]=c.useState(null),[C,w]=c.useState(null),[R,k]=c.useState(null),E=c.useCallback(async()=>{x(!0),j(null);try{const U=await ce.gitCommitMessage({provider:n,model:s});m(U.message)}catch(U){const B=U instanceof Error?U.message:String(U);j(B)}finally{x(!1)}},[n,s]);c.useEffect(()=>{a==="ai"&&!h&&E()},[]);const T=c.useCallback(()=>{f("ai"),w(null),h.trim()||E()},[h,E]),N=c.useCallback(()=>{f("manual"),j(null)},[]),I=c.useCallback(async()=>{const U=h.trim();if(!(!U||g)){b(!0),w(null),k(null);try{const B=await ce.gitPublish({commitMessage:U}),Q=B.remoteUrl??e,pe=(B.commitSha??"").slice(0,7),be=B.branch??"";if(i){let W;try{W=ua(Q)}catch{k({ok:!1,websiteUrl:Ti(Q)}),An(`Pushed ${pe} on ${be} — open the website to submit`,"info");return}const re=await ce.submitToQueue({repoUrl:W,skillName:i,skillPath:l,source:"studio-submit",privacy:d??"public",tenantId:u}),M=`https://verified-skill.com/submit?repo=${encodeURIComponent(W)}`;k({ok:!0,result:re,submitUrl:M}),An(`Submitted ${i} — ${pe} on ${be}`,"info")}else k({ok:!1,websiteUrl:Ti(Q)}),An(`Pushed ${pe} on ${be} — open the website to submit`,"info")}catch(B){const Q=B instanceof Error?B.message:String(B),pe=Q.length>200?Q.slice(0,200)+"…":Q;w(pe),An(`Publish failed: ${pe}`,"error")}finally{b(!1)}}},[h,g,e,i,l,d,u]),A=c.useCallback(U=>{Yn(U)},[]),$=h.trim().length>0&&!g&&!y,_="#E6EDF3",S="#9CA3AF",L="rgba(255,255,255,0.12)",P="#0F1115",D={fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:S,fontFamily:"var(--font-mono, monospace)",marginBottom:6,display:"block"},H={flex:1,height:32,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:6,fontSize:12,fontFamily:"var(--font-mono, monospace)",background:"transparent",color:S,border:"none",cursor:"pointer",transition:"background 120ms ease, color 120ms ease"},ne={...H,background:"rgba(255,255,255,0.08)",color:_,fontWeight:600};return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-hidden":"true",onClick:g?void 0:o,style:{position:"fixed",inset:0,background:"rgba(0, 0, 0, 0.55)",backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",zIndex:999,animation:"publishDrawerBackdropIn 150ms ease-out"}}),t.jsx("div",{role:"presentation",style:{position:"fixed",inset:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,padding:24,pointerEvents:"none"},children:t.jsxs("div",{role:"dialog","aria-label":"Publish","aria-modal":"true",style:{pointerEvents:"auto",width:520,maxWidth:"calc(100vw - 48px)",maxHeight:"80vh",overflowY:"auto",background:"#1A1D24",border:`1px solid ${L}`,borderRadius:10,padding:24,boxShadow:"0 24px 64px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05)",color:_,fontFamily:"var(--font-mono, monospace)",animation:"publishDrawerIn 180ms cubic-bezier(0.2, 0.8, 0.2, 1)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:4},children:[t.jsx("strong",{style:{fontSize:16,fontWeight:700,letterSpacing:"-0.01em",color:_,fontFamily:"var(--font-sans, var(--font-mono, sans-serif))"},children:"Publish skill"}),t.jsx("button",{type:"button","aria-label":"Dismiss",onClick:g?void 0:o,disabled:g,style:{background:"none",border:"none",color:S,fontSize:22,lineHeight:1,cursor:g?"not-allowed":"pointer",padding:0,opacity:g?.4:1},children:"×"})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:12,color:S,fontVariantNumeric:"tabular-nums",marginBottom:18},children:[t.jsx("span",{"aria-hidden":"true",style:{color:"#F59E0B",fontFamily:"monospace"},children:"▮"}),t.jsxs("span",{children:[r," file",r===1?"":"s"," changed"]})]}),t.jsx("div",{style:{height:1,background:L,margin:"0 -24px 18px"}}),t.jsx("span",{style:D,children:"Mode"}),t.jsxs("div",{role:"tablist","aria-label":"Commit message mode","data-testid":"publish-mode-toggle",style:{display:"flex",border:`1px solid ${L}`,borderRadius:6,overflow:"hidden",marginBottom:16,background:P},children:[t.jsx("button",{type:"button",role:"tab","aria-selected":p==="manual","data-testid":"publish-mode-manual",onClick:N,disabled:g,style:p==="manual"?ne:H,children:"Write yourself"}),t.jsx("div",{style:{width:1,background:L}}),t.jsx("button",{type:"button",role:"tab","aria-selected":p==="ai","data-testid":"publish-mode-ai",onClick:T,disabled:g,style:p==="ai"?ne:H,children:y&&p==="ai"?"Generating…":"Generate with AI"})]}),t.jsx("label",{htmlFor:"commit-message",style:D,children:"Commit message"}),t.jsx("textarea",{id:"commit-message",value:h,onChange:U=>m(U.target.value),rows:5,disabled:y||g,placeholder:y?"Generating with AI…":p==="ai"?"Click Generate to draft a message":"Type your commit message…",style:{width:"100%",background:P,border:`1px solid ${L}`,borderRadius:6,padding:"10px 12px",fontFamily:"var(--font-mono, monospace)",fontSize:13,lineHeight:1.6,color:_,resize:"vertical",outline:"none"}}),p==="ai"&&t.jsx("button",{type:"button",onClick:E,disabled:y||g,"data-testid":"publish-generate-button",style:{marginTop:10,padding:"8px 14px",background:y?"rgba(255,255,255,0.06)":"#2563EB",color:y?S:"#FFFFFF",border:"1px solid "+(y?L:"#2563EB"),borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:600,cursor:y||g?"not-allowed":"pointer",display:"inline-flex",alignItems:"center",gap:6},children:y?"Generating…":"Generate with AI"}),v&&p==="ai"&&t.jsxs("div",{role:"alert","data-testid":"publish-error-generate",style:{marginTop:10,padding:"8px 12px",border:"1px solid oklch(65% 0.14 25 / 0.35)",background:"oklch(65% 0.14 25 / 0.06)",borderRadius:4,fontSize:11,color:"oklch(70% 0.14 25)",fontFamily:"var(--font-mono, monospace)",lineHeight:1.5},children:[t.jsx("strong",{style:{fontWeight:600},children:"AI generation failed."})," ",v," ",t.jsx("button",{type:"button",onClick:E,disabled:y,style:{background:"none",border:"none",color:"var(--color-accent)",cursor:y?"not-allowed":"pointer",fontFamily:"inherit",fontSize:"inherit",textDecoration:"underline",padding:0},children:"Retry"})]}),C&&t.jsxs("div",{role:"alert","data-testid":"publish-error-push",style:{marginTop:10,padding:"8px 12px",border:"1px solid oklch(65% 0.14 25 / 0.35)",background:"oklch(65% 0.14 25 / 0.06)",borderRadius:4,fontSize:11,color:"oklch(70% 0.14 25)",fontFamily:"var(--font-mono, monospace)",lineHeight:1.5},children:[t.jsx("strong",{style:{fontWeight:600},children:"Publish failed."})," ",C]}),R&&t.jsx(Oy,{outcome:R,onOpenWebsite:A,border:L,textMuted:S}),t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:18,gap:6},children:[t.jsx("div",{style:{minHeight:28},children:p==="ai"&&t.jsx("button",{type:"button","aria-label":"Regenerate",onClick:E,disabled:y||g,className:"btn btn-ghost text-[11px]",style:{padding:"4px 10px"},children:y?"Generating…":"Regenerate"})}),t.jsx("div",{style:{display:"flex",gap:8},children:R?t.jsx("button",{type:"button","aria-label":"Done",onClick:o,"data-testid":"publish-done",style:{padding:"8px 16px",background:"#22C55E",color:"#0B0F12",border:"1px solid #22C55E",borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:700,cursor:"pointer"},children:"Done"}):t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button","aria-label":"Cancel",onClick:o,disabled:g,style:{padding:"8px 14px",background:"transparent",color:_,border:`1px solid ${L}`,borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:500,cursor:g?"not-allowed":"pointer",opacity:g?.5:1},children:"Cancel"}),t.jsx("button",{type:"button","aria-label":"Commit & Push",onClick:I,disabled:!$,"data-testid":"publish-commit-push",style:{padding:"8px 16px",background:$?"#22C55E":"rgba(255,255,255,0.06)",color:$?"#0B0F12":S,border:"1px solid "+($?"#22C55E":L),borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:700,cursor:$?"pointer":"not-allowed"},children:g?"Publishing…":"Commit & Push"})]})})]})]})}),t.jsx("style",{children:`
+        @keyframes publishDrawerBackdropIn { from { opacity: 0 } to { opacity: 1 } }
+        @keyframes publishDrawerIn {
+          from { opacity: 0; transform: translateY(4px) }
+          to { opacity: 1; transform: translateY(0) }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          [role="dialog"][aria-label="Publish"],
+          [role="dialog"][aria-label="Publish"] + * { animation: none !important }
+        }
+      `})]})}function Oy({outcome:e,onOpenWebsite:r,border:n,textMuted:s}){if(!e.ok)return t.jsxs("div",{role:"status","data-testid":"publish-outcome","data-outcome":"website-fallback",style:Ii(n,"#F59E0B"),children:[t.jsx("strong",{style:{fontWeight:600,color:"#F59E0B"},children:"Pushed to GitHub."})," ",t.jsx("span",{style:{color:s},children:"Finish submitting on the website."})," ",t.jsx("button",{type:"button","data-testid":"publish-open-website",onClick:()=>r(e.websiteUrl),style:Li(),children:"Open on website ↗"})]});const{result:o,submitUrl:a}=e;let i="#22C55E",l="Submitted to the queue.",d="";switch(o.kind){case"created":i="#22C55E",l="Submitted to the queue.",d=`${o.skillName} is now ${o.state}. We’ll notify you when review completes.`;break;case"requeued":i="#22C55E",l="Re-queued for review.",d=`This skill was already submitted — it’s back in the queue (${o.state}).`;break;case"duplicate":i="#F59E0B",l="Already in the queue.",d=`This skill is already submitted (${o.state}). No new entry was created.`;break;case"alreadyVerified":i="#3B82F6",l="Already verified.",d=`${o.skillName??"This skill"} is already published — nothing to submit.`;break;case"blocked":i="#EF4444",l="Submission blocked.",d="This skill is on the blocklist and can’t be submitted. Tap to see why.";break}return t.jsxs("div",{role:"status","data-testid":"publish-outcome","data-outcome":o.kind,style:Ii(n,i),children:[t.jsx("strong",{style:{fontWeight:600,color:i},children:l})," ",t.jsx("span",{style:{color:s},children:d})," ",t.jsx("button",{type:"button","data-testid":"publish-open-website",onClick:()=>r(a),style:Li(),children:"Open on website ↗"})]})}function Ii(e,r){return{marginTop:10,padding:"8px 12px",border:`1px solid ${e}`,borderLeft:`3px solid ${r}`,background:"rgba(255,255,255,0.03)",borderRadius:4,fontSize:11,fontFamily:"var(--font-mono, monospace)",lineHeight:1.55}}function Li(){return{background:"none",border:"none",color:"var(--color-accent, #60A5FA)",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",textDecoration:"underline",padding:0}}function Pn(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}const Wy="https://verified-skill.com/submit";function Ai(e){try{return pd(e)}catch{return Wy}}function fd({remoteUrl:e,provider:r,model:n,skillName:s,skillPath:o,privacy:a,tenantId:i}){const[l,d]=c.useState(!1),[u,p]=c.useState(!1),[f,h]=c.useState(0),m=c.useCallback(async()=>{if(!(l||u)){d(!0);try{let x=!1,g=0;try{const w=await ce.gitDiff();x=!!w.hasChanges,g=w.fileCount??0}catch{}if(x){h(g),p(!0);return}const b=await ce.gitPublish(),v=b.remoteUrl??e,j=(b.commitSha??"").slice(0,7),C=b.branch??"";if(s){let w=null;try{w=ua(v)}catch{w=null}if(w){const R=await ce.submitToQueue({repoUrl:w,skillName:s,skillPath:o,source:"studio-submit",privacy:a??"public",tenantId:i});Pn(Uy(R,s,j,C),"info")}else Yn(Ai(v)),Pn(`Pushed ${j} on ${C} — open the website to submit`,"info")}else Yn(Ai(v)),Pn(`Opening verified-skill.com — ${j} on ${C}`,"info")}catch(x){const g=x instanceof Error?x.message:String(x),b=g.length>200?g.slice(0,200)+"…":g;Pn(`Publish failed: ${b}`,"error")}finally{d(!1)}}},[l,u,e,s,o,a,i]),y=c.useCallback(()=>p(!1),[]);return t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button","aria-label":"Publish",onClick:m,disabled:l,className:"btn btn-primary text-[11px]",style:{padding:"5px 14px"},title:"Commit, push, and submit to the review queue — in-app, no browser redirect",children:l?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"spinner",style:{width:11,height:11,borderWidth:1.5}})," Publishing…"]}):"Publish"}),u&&t.jsx(By,{remoteUrl:e,fileCount:f,provider:r,model:n,skillName:s,skillPath:o,privacy:a,tenantId:i,onClose:y})]})}function Uy(e,r,n,s){switch(e.kind){case"created":return`Submitted ${r} — ${n} on ${s}`;case"requeued":return`Re-queued ${r} for review — ${n}`;case"duplicate":return`${r} is already in the queue`;case"alreadyVerified":return`${r} is already verified`;case"blocked":return`${r} is blocked and can’t be submitted`}}const Hy={hasRemote:!1,remoteUrl:null,branch:null,loading:!0,error:null};function Vy(){const[e,r]=c.useState(Hy);return c.useEffect(()=>{let n=!1;return ce.gitRemote().then(s=>{n||r({hasRemote:!!s.hasRemote,remoteUrl:s.remoteUrl??null,branch:s.branch??null,loading:!1,error:null})}).catch(s=>{n||r({hasRemote:!1,remoteUrl:null,branch:null,loading:!1,error:s instanceof Error?s:new Error(String(s))})}),()=>{n=!0}},[]),e}const Gy=/^v?(\d+)\.(\d+)\.(\d+)(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/;function $o(e){if(typeof e!="string")return null;const r=e.trim().match(Gy);return r?{major:Number(r[1]),minor:Number(r[2]),patch:Number(r[3])}:null}function Yr(e,r){const n=$o(e);if(!n)throw new Error(`bumpVersion: not a valid semver: ${JSON.stringify(e)}`);switch(r){case"patch":return`${n.major}.${n.minor}.${n.patch+1}`;case"minor":return`${n.major}.${n.minor+1}.0`;case"major":return`${n.major+1}.0.0`}}function Ky(e,r){const n=$o(r);if(!n)return{valid:!1,reason:`Invalid semver: ${JSON.stringify(r)}`};if(e==null)return{valid:!0};const s=$o(e);return s?s.major===n.major&&s.minor===n.minor&&s.patch===n.patch?{valid:!0}:n.major<s.major||n.major===s.major&&n.minor<s.minor||n.major===s.major&&n.minor===s.minor&&n.patch<s.patch?{valid:!1,reason:`Version cannot decrease (from ${e} → ${r}). Use the same or higher version.`}:n.major!==s.major?n.major!==s.major+1?{valid:!1,reason:`Major version can only increase by 1 at a time (got ${s.major} → ${n.major}).`}:n.minor!==0||n.patch!==0?{valid:!1,reason:`When bumping major, minor and patch must be reset to 0 (got ${r}; expected ${n.major}.0.0).`}:{valid:!0}:n.minor!==s.minor?n.minor!==s.minor+1?{valid:!1,reason:`Minor version can only increase by 1 at a time (got ${s.minor} → ${n.minor}).`}:n.patch!==0?{valid:!1,reason:`When bumping minor, patch must be reset to 0 (got ${r}; expected ${n.major}.${n.minor}.0).`}:{valid:!0}:n.patch!==s.patch+1?{valid:!1,reason:`Patch version can only increase by 1 at a time (got ${s.patch} → ${n.patch}).`}:{valid:!0}:{valid:!0}}const hd=/^---\n([\s\S]*?)\n---(?:\n|$)/,Mo=/^version:\s*["']?([^"'\n]+?)["']?\s*$/m;function Zn(e){const r=e.match(hd);if(!r)return null;const n=r[1].match(Mo);return n&&n[1].trim()||null}function md(e,r){const n=`version: "${r}"`,s=e.match(hd);if(!s)return`---
+${n}
+---
+${e}`;const o=s[1],a=(s.index??0)+s[0].length,i=e.slice(a),l=e.slice(0,s.index??0);let d;Mo.test(o)?d=o.replace(Mo,n):d=`${n}
+${o}`;const u=s[0].endsWith(`---
+`)?`---
+`:"---";return`${l}---
+${d}
+${u}${i}`}function qy(e,r){const n=Zn(r),s=Zn(e);if(n!==null&&s!==null&&n===s)try{const o=Yr(n,"patch");return{contentToSave:md(e,o),version:o,fromVersion:n}}catch{return{contentToSave:e,version:s,fromVersion:n}}return{contentToSave:e,version:s,fromVersion:n}}function wr(e){return e.testType==="integration"?"integration":"unit"}function Lr(e){return e>=.8?"var(--green)":e>=.5?"var(--yellow)":"var(--red)"}function xd(e){const r=new Date(e);return r.toLocaleDateString(void 0,{month:"short",day:"numeric"})+", "+r.toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit",hour12:!1})}function gd(e){return e==null?"--":e>=1e3?`${(e/1e3).toFixed(1)}s`:`${e}ms`}const Yy=new Set(["benchmark","comparison","baseline"]);function Pi(e,r,n,s){return e.map(({rate:o,idx:a,total:i})=>{const l=s+a/(i-1)*(r-s*2),d=s+(n-s*2)-o*(n-s*2);return`${l},${d}`})}function yd({entries:e}){const r=e.filter(f=>Yy.has(f.type)).slice().reverse(),n=r.map((f,h,m)=>({rate:f.pass_rate,idx:h,total:m.length})).filter((f,h)=>{const m=r[h].type;return m==="benchmark"||m==="comparison"}),s=r.flatMap((f,h)=>f.type==="baseline"?[{rate:f.pass_rate,idx:h,total:r.length}]:f.type==="comparison"&&f.baselinePassRate!=null?[{rate:f.baselinePassRate,idx:h,total:r.length}]:[]);if(n.length<2&&s.length<2)return null;const o=80,a=24,i=2,l=n.length>=2?Pi(n,o,a,i):[],d=s.length>=2?Pi(s,o,a,i):[],u=l[l.length-1],p=d[d.length-1];return t.jsxs("svg",{width:o,height:a,style:{display:"block",flexShrink:0},children:[d.length>0&&t.jsx("polyline",{points:d.join(" "),fill:"none",stroke:"var(--text-tertiary)",strokeWidth:1.5,strokeLinejoin:"round",strokeDasharray:"3 2"}),l.length>0&&t.jsx("polyline",{points:l.join(" "),fill:"none",stroke:"var(--accent)",strokeWidth:1.5,strokeLinejoin:"round"}),p&&t.jsx("circle",{cx:parseFloat(p.split(",")[0]),cy:parseFloat(p.split(",")[1]),r:2.5,fill:"var(--text-tertiary)"}),u&&t.jsx("circle",{cx:parseFloat(u.split(",")[0]),cy:parseFloat(u.split(",")[1]),r:2.5,fill:"var(--accent)"})]})}function vd(e,r,n){const s=isNaN(r)?0:r,o=[],a=[],i=[];if((e==="PASS"||e==="EFFECTIVE")&&s>=.7){const u=o.length>0?` Met criteria: ${o.map(p=>p.criterion).join(", ")}.`:"";return{explanation:`${e} (score ${s.toFixed(2)}): evaluation met expectations.${u}`}}if(e==="FAIL"||e==="DEGRADING"){const u=a.length>0?` Failed criteria: ${a.map(f=>f.criterion).join(", ")}.`:"",p=[...a.map(f=>`Improve "${f.criterion}" (score: ${f.score.toFixed(2)})`),...i.map(f=>`Strengthen "${f.criterion}" (score: ${f.score.toFixed(2)})`)];return p.length===0&&p.push("Review prompt instructions and add more specific guidance"),{explanation:`${e} (score ${s.toFixed(2)}): evaluation did not meet expectations.${u}`,recommendations:p}}if(e==="INEFFECTIVE"){if(s<.2){const p=[...a.map(f=>`Rework "${f.criterion}" — currently at ${f.score.toFixed(2)}`),"Consider adding examples to your system prompt","Review the rubric criteria for achievability"];return{explanation:`${e} (score ${s.toFixed(2)}): evaluation is significantly below expectations.`,recommendations:p}}const u=[...a.map(p=>`Rework "${p.criterion}" — currently at ${p.score.toFixed(2)}`),...i.map(p=>`Strengthen "${p.criterion}" (score: ${p.score.toFixed(2)})`)];return u.length===0&&u.push("Consider restructuring your prompt approach"),{explanation:`${e} (score ${s.toFixed(2)}): below expectations but showing some capability.`,recommendations:u}}if(e==="MARGINAL"){const u=[...i.map(p=>`Strengthen "${p.criterion}" (score: ${p.score.toFixed(2)})`),...a.map(p=>`Improve "${p.criterion}" (score: ${p.score.toFixed(2)})`)];return u.length===0&&u.push(o.length>0?"Assertion pass rate is below target despite strong rubric scores — review test case alignment":"Review prompt instructions for areas of improvement"),{explanation:`${e} (score ${s.toFixed(2)}): moderate improvement detected.`,recommendations:u}}if(e==="EMERGING"){const u=[...a.map(p=>`Improve "${p.criterion}" (score: ${p.score.toFixed(2)})`),...i.map(p=>`Strengthen "${p.criterion}" (score: ${p.score.toFixed(2)})`)];return u.length===0&&u.push(o.length>0?"Assertion pass rate is below target despite strong rubric scores — review test case alignment":"Add more specific guidance to your prompt instructions"),{explanation:`${e} (score ${s.toFixed(2)}): early promise — focus on weak areas to improve.`,recommendations:u}}const l=o.length>0?` Passing: ${o.map(u=>u.criterion).join(", ")}.`:"",d=i.length>0?` Needs improvement: ${i.map(u=>u.criterion).join(", ")}.`:"";return{explanation:`${e} (score ${s.toFixed(2)}): mixed results.${l}${d}`}}const bd={EFFECTIVE:"Strong Improvement",MARGINAL:"Moderate Improvement",EMERGING:"Early Promise",INEFFECTIVE:"Needs Work",DEGRADING:"Regression"};function Jy(e){return Object.hasOwn(bd,e)}function Qy(e){return Jy(e)?bd[e]:e}function Xy(){const{state:e}=ft(),{plugin:r,skill:n}=e,[s,o]=c.useState([]),[a,i]=c.useState([]),[l,d]=c.useState(!0),[u,p]=c.useState(null),[f,h]=c.useState(new Set),[m,y]=c.useState({}),[x,g]=c.useState(null),[b,v]=c.useState(""),[j,C]=c.useState(!1),[w,R]=c.useState(""),[k,E]=c.useState(""),T=c.useCallback(async()=>{d(!0),p(null);try{const[S,L]=await Promise.all([ce.getCredentials(r,n),ce.getParams(r,n)]);o(S.credentials),i(L.params)}catch(S){p(S instanceof Error?S.message:"Failed to load parameters"),o([]),i([])}finally{d(!1)}},[r,n]);c.useEffect(()=>{T()},[T]);const N=c.useCallback(async(S,L)=>{C(!0),p(null);try{await ce.setCredential(r,n,S,L),g(null),v(""),await T()}catch(P){p(P instanceof Error?P.message:`Failed to save ${S}`)}finally{C(!1)}},[r,n,T]),I=c.useCallback(async()=>{const S=w.trim().toUpperCase(),L=k.trim();if(!(!S||!L)){C(!0),p(null);try{await ce.setCredential(r,n,S,L),R(""),E(""),await T()}catch(P){p(P instanceof Error?P.message:`Failed to add ${S}`)}finally{C(!1)}}},[r,n,w,k,T]),A=c.useCallback(async S=>{if(f.has(S)){h(L=>{const P=new Set(L);return P.delete(S),P}),y(L=>{const P={...L};return delete P[S],P});return}try{const P=(await ce.getParamsRevealed(r,n,S)).params.find(D=>D.name===S);P!=null&&P.value&&(y(D=>({...D,[S]:P.value})),h(D=>new Set(D).add(S)))}catch{}},[r,n,f]),$=new Set(s.map(S=>S.name)),_=[...s.map(S=>{const L=a.find(P=>P.name===S.name);return{name:S.name,status:S.status,maskedValue:(L==null?void 0:L.maskedValue)??""}}),...a.filter(S=>!$.has(S.name)).map(S=>({name:S.name,status:S.status,maskedValue:S.maskedValue}))];return t.jsxs("div",{className:"py-2 px-3",children:[t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider mb-2",style:{color:"var(--text-tertiary)"},children:"Parameters"}),u&&t.jsx("div",{className:"text-[10px] px-2 py-1.5 rounded mb-2",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)"},role:"alert",children:u}),l&&_.length===0&&t.jsx("div",{className:"text-[11px] py-2",style:{color:"var(--text-tertiary)"},children:"Loading..."}),!l&&_.length===0&&!u&&t.jsx("div",{className:"text-[11px] py-2",style:{color:"var(--text-tertiary)"},children:"No parameters configured"}),_.map(S=>t.jsxs("div",{className:"flex items-center gap-2 py-1.5",style:{borderBottom:"1px solid var(--border-subtle)"},children:[t.jsx("span",{className:"text-[10px] font-mono flex-1 truncate",style:{color:"var(--text-primary)"},children:S.name}),t.jsx("span",{className:"text-[9px] font-semibold px-1.5 py-0.5 rounded-full",style:{background:S.status==="ready"?"var(--green-muted)":"var(--red-muted)",color:S.status==="ready"?"var(--green)":"var(--red)"},children:S.status}),(S.maskedValue||S.status==="ready")&&t.jsxs("span",{className:"text-[10px] font-mono",style:{color:"var(--text-secondary)"},children:[f.has(S.name)?m[S.name]??S.maskedValue:S.maskedValue||"***",t.jsx("button",{onClick:()=>A(S.name),className:"text-[9px] ml-1",style:{color:"var(--accent)",cursor:"pointer",background:"none",border:"none"},"aria-label":`${f.has(S.name)?"Hide":"Reveal"} value for ${S.name}`,children:f.has(S.name)?"hide":"show"})]}),x===S.name?t.jsxs("div",{className:"flex gap-1",children:[t.jsx("input",{value:b,onChange:L=>v(L.target.value),onKeyDown:L=>{L.key==="Enter"&&b.trim()&&N(S.name,b)},className:"input-field text-[10px] font-mono",style:{width:120},placeholder:"New value...","aria-label":`New value for ${S.name}`,autoFocus:!0}),t.jsx("button",{onClick:()=>N(S.name,b),disabled:j||!b.trim(),className:"text-[10px] font-medium",style:{color:"var(--green)",background:"none",border:"none",cursor:"pointer"},children:"Save"}),t.jsx("button",{onClick:()=>{g(null),v("")},className:"text-[10px]",style:{color:"var(--text-tertiary)",background:"none",border:"none",cursor:"pointer"},children:"Cancel"})]}):t.jsx("button",{onClick:()=>{g(S.name),v("")},className:"text-[10px]",style:{color:"var(--accent)",background:"none",border:"none",cursor:"pointer"},children:"Edit"})]},S.name)),t.jsxs("div",{className:"mt-3 pt-2",style:{borderTop:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"text-[10px] font-medium mb-1.5",style:{color:"var(--text-secondary)"},children:"Add New Parameter"}),t.jsxs("div",{className:"flex gap-1.5",children:[t.jsx("input",{value:w,onChange:S=>R(S.target.value),className:"input-field text-[10px] font-mono flex-1",placeholder:"KEY_NAME","aria-label":"Parameter key name"}),t.jsx("input",{value:k,onChange:S=>E(S.target.value),onKeyDown:S=>{S.key==="Enter"&&w.trim()&&k.trim()&&I()},className:"input-field text-[10px] font-mono flex-1",placeholder:"value",type:"password","aria-label":"Parameter value"}),t.jsx("button",{onClick:I,disabled:j||!w.trim()||!k.trim(),className:"text-[10px] font-medium px-2 py-1 rounded",style:{background:"var(--accent-muted)",color:"var(--accent)",border:"none",cursor:j?"not-allowed":"pointer"},children:"Add"})]})]})]})}function kd(e,r,n){const[s,o]=c.useState(null),[a,i]=c.useState(!1),l=c.useRef("");c.useEffect(()=>{const u=`${e}/${r}/${n}`;l.current!==u&&(l.current=u,i(!0),ce.getCaseHistory(e,r,n).then(p=>o(p)).catch(()=>o([])).finally(()=>i(!1)))},[e,r,n]);const d=c.useCallback(()=>{i(!0),l.current="",ce.getCaseHistory(e,r,n).then(u=>o(u)).catch(()=>o([])).finally(()=>i(!1))},[e,r,n]);return{entries:s,loading:a,refetch:d}}function Zy(e,r,n){const s={flaky:!1,nonDiscriminating:!1,regression:!1};if(!n||n.length===0)return s;const a=n.slice(0,10).map(d=>d.assertions.find(u=>u.id===e)).filter(Boolean);if(a.length>=2){const u=a.filter(p=>p.pass).length/a.length;u>=.3&&u<=.7&&(s.flaky=!0)}const i=n.find(d=>d.type==="benchmark"),l=n.find(d=>d.type==="baseline");if(i&&l){const d=i.assertions.find(p=>p.id===e),u=l.assertions.find(p=>p.id===e);d!=null&&d.pass&&(u!=null&&u.pass)&&(s.nonDiscriminating=!0)}if(r&&!r.pass&&n.length>=1){const u=n[0].assertions.find(p=>p.id===e);u!=null&&u.pass&&(s.regression=!0)}return s}function jd({embedded:e=!1}={}){var U;const{state:r,dispatch:n,saveEvals:s,runCase:o,runAll:a,cancelCase:i,cancelAll:l,generateEvals:d,canEdit:u,canRun:p}=ft(),{evals:f,evalsError:h,selectedCaseId:m,inlineResults:y,caseRunStates:x,generateEvalsLoading:g,generateEvalsProgress:b,generateEvalsError:v}=r,j=c.useMemo(()=>{for(const B of x.values())if(B.status==="running"||B.status==="queued")return!0;return!1},[x]),[C,w]=c.useState(!1),[R,k]=c.useState("all"),E={skill_name:r.skill,evals:[]},T=f??E,N=T.evals,I=c.useMemo(()=>R==="all"?N:N.filter(B=>wr(B)===R),[R,N]),A=I.find(B=>B.id===m)??null;c.useEffect(()=>{m!==null&&!I.find(B=>B.id===m)&&n({type:"SELECT_CASE",caseId:I.length>0?I[0].id:null})},[I,m,n]);const[$,_]=c.useState([]),S=c.useMemo(()=>N.some(B=>wr(B)==="integration"),[N]);c.useEffect(()=>{S&&ce.getCredentials(r.plugin,r.skill).then(B=>_(B.credentials)).catch(()=>_([]))},[r.plugin,r.skill,S]);const L=c.useMemo(()=>new Set($.filter(B=>B.status==="missing").map(B=>B.name)),[$]),[P,D]=c.useState(!1),H=c.useCallback(B=>{D(!1),d(B?{testType:B}:void 0)},[d]);if(!f||N.length===0)return t.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-4 px-8",children:[t.jsx("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center",style:{background:h?"var(--red-muted)":"var(--accent-muted)"},children:h?t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"var(--red)",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),t.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}):t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M9 11l3 3L22 4"}),t.jsx("path",{d:"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"})]})}),t.jsx("div",{className:"text-center",children:h?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"text-[14px] font-medium mb-1",style:{color:"var(--red)"},children:"Invalid evals.json"}),t.jsx("div",{className:"text-[11px] font-mono px-3 py-2 rounded mt-1 max-w-sm text-left break-words",style:{color:"var(--text-secondary)",background:"var(--surface-2)"},children:h}),t.jsx("div",{className:"text-[12px] mt-2",style:{color:"var(--text-tertiary)"},children:"Fix the evals.json file and reload, or regenerate test cases with AI"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"text-[14px] font-medium mb-1",style:{color:"var(--text-primary)"},children:"No test cases yet"}),t.jsx("div",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"Create test cases to start evaluating your skill"})]})}),u&&t.jsxs("div",{className:"flex gap-2",children:[t.jsx("button",{onClick:()=>w(!0),className:"btn btn-primary text-[12px]",children:"Create Test Case"}),t.jsxs("div",{style:{position:"relative"},children:[t.jsxs("div",{className:"flex",children:[t.jsx("button",{onClick:()=>H("unit"),disabled:g,className:"btn btn-secondary text-[12px]",style:{borderTopRightRadius:0,borderBottomRightRadius:0},children:g?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"spinner",style:{width:12,height:12,borderWidth:1.5}})," Generating..."]}):"Generate Unit Tests"}),t.jsx("button",{onClick:()=>D(!P),disabled:g,className:"btn btn-secondary text-[12px]",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeft:"1px solid var(--border-default)",padding:"4px 6px"},children:t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),P&&t.jsx("div",{className:"absolute right-0 mt-1 rounded-lg py-1 z-50",style:{background:"var(--surface-1)",border:"1px solid var(--border-default)",minWidth:180,boxShadow:"0 4px 12px rgba(0,0,0,0.3)"},children:t.jsx("button",{onClick:()=>H("integration"),className:"w-full text-left px-3 py-2 text-[12px] transition-colors duration-100",style:{color:"var(--text-secondary)",background:"transparent"},onMouseEnter:B=>{B.currentTarget.style.background="var(--surface-2)"},onMouseLeave:B=>{B.currentTarget.style.background="transparent"},children:"Generate Integration Tests"})})]})]}),g&&b.length>0&&t.jsx("div",{className:"w-full max-w-md mt-3",children:t.jsx(kn,{entries:b,isRunning:!0})}),v&&t.jsx("div",{className:"w-full max-w-md mt-3",children:t.jsx(ms,{error:v,onRetry:()=>H()})}),C&&t.jsx($i,{evals:T,onSave:B=>{s(B),w(!1)},onCancel:()=>w(!1)})]});const ne=!u&&!e&&f!=null&&t.jsxs("div",{role:"status","data-testid":"tests-readonly-banner",style:{padding:"10px 16px",background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)",fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)",lineHeight:1.5},children:["Read-only — to author or modify tests, install this skill as source via"," ",t.jsx("code",{style:{background:"var(--surface-1)",padding:"1px 5px",borderRadius:3,fontFamily:"var(--font-mono)"},children:"vskill plugin new"}),"."]});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[ne,t.jsxs("div",{className:"eval-cases-grid",children:[t.jsxs("div",{className:"overflow-auto",style:{borderRight:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:[t.jsxs("div",{className:"px-3 py-2",style:{borderBottom:"1px solid var(--border-subtle)",display:"flex",flexWrap:"wrap",alignItems:"center",rowGap:6,columnGap:8},children:[t.jsxs("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)",flex:"1 1 auto",minWidth:0},children:["Test Cases (",I.length,")"]}),t.jsx("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:6,marginLeft:"auto",flexShrink:0},children:!e&&(j?t.jsx("button",{onClick:l,className:"btn text-[10px] px-2 py-0.5",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)",whiteSpace:"nowrap"},children:"Cancel All"}):t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:()=>a("benchmark"),disabled:!p,className:"btn btn-primary text-[10px] px-2 py-0.5",style:{whiteSpace:"nowrap"},children:"Run All"}),u&&t.jsx("button",{onClick:()=>a("comparison"),disabled:!p,className:"btn btn-secondary text-[10px] px-2 py-0.5",style:{whiteSpace:"nowrap"},children:"Compare All"})]}))})]}),t.jsx("div",{className:"flex px-3 py-1.5 gap-1",style:{borderBottom:"1px solid var(--border-subtle)"},children:["all","unit","integration"].map(B=>t.jsx("button",{onClick:()=>k(B),style:{padding:"2px 8px",fontSize:10,fontWeight:R===B?600:400,background:R===B?"var(--accent-muted)":"transparent",color:R===B?"var(--accent)":"var(--text-tertiary)",border:"none",borderRadius:4,cursor:"pointer",textTransform:"capitalize"},children:B==="all"?`All (${N.length})`:B==="unit"?`Unit (${N.filter(Q=>wr(Q)==="unit").length})`:`Integration (${N.filter(Q=>wr(Q)==="integration").length})`},B))}),t.jsxs("div",{className:"py-1",children:[I.length===0&&N.length>0&&t.jsxs("div",{className:"flex items-center justify-center py-8 px-3 text-[12px]",style:{color:"var(--text-tertiary)"},children:["No ",R==="all"?"":R+" ","tests yet"]}),I.map(B=>{var W;const Q=y.get(B.id),pe=m===B.id,be=wr(B);return t.jsxs("button",{onClick:()=>n({type:"SELECT_CASE",caseId:B.id}),className:"w-full text-left px-3 py-2.5 transition-all duration-150",style:{background:pe?"var(--accent-muted)":"transparent",borderLeft:pe?"3px solid var(--accent)":"3px solid transparent"},onMouseEnter:re=>{pe||(re.currentTarget.style.background="var(--surface-2)")},onMouseLeave:re=>{pe||(re.currentTarget.style.background="transparent")},children:[t.jsxs("div",{className:"flex items-center justify-between gap-2 mb-0.5 min-w-0",children:[t.jsxs("span",{className:"text-[12px] font-medium flex items-center gap-1.5 min-w-0 flex-1",style:{color:pe?"var(--text-primary)":"var(--text-secondary)"},children:[t.jsxs("span",{className:"truncate min-w-0 flex-1",children:["#",B.id," ",B.name]}),t.jsx("span",{title:be==="unit"?"Unit test":"Integration test","aria-label":be==="unit"?"Unit test":"Integration test",style:{flexShrink:0,fontSize:9,fontWeight:600,padding:"1px 5px",borderRadius:9999,background:be==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:be==="unit"?"var(--accent)":"var(--orange)",whiteSpace:"nowrap",letterSpacing:"0.02em"},children:be==="unit"?"U":"I"}),be==="integration"&&((W=B.requiredCredentials)==null?void 0:W.some(re=>L.has(re)))&&t.jsx("span",{title:"Configure credentials to run",style:{flexShrink:0,display:"inline-flex"},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"var(--orange)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]})})]}),t.jsx(wd,{result:Q})]}),t.jsxs("div",{className:"text-[11px] flex items-center gap-2",style:{color:"var(--text-tertiary)"},children:[B.assertions.length," assertion",B.assertions.length!==1?"s":"",(Q==null?void 0:Q.passRate)!=null&&t.jsx(rv,{passRate:Q.passRate})]})]},B.id)})]}),t.jsx("div",{className:"px-3 py-2",children:u&&t.jsx("button",{onClick:()=>w(!0),className:"w-full py-2 rounded-lg text-[12px] font-medium transition-all duration-150",style:{border:"1px dashed var(--border-default)",color:"var(--text-tertiary)",background:"transparent"},onMouseEnter:B=>{B.currentTarget.style.borderColor="var(--accent)",B.currentTarget.style.color="var(--accent)"},onMouseLeave:B=>{B.currentTarget.style.borderColor="var(--border-default)",B.currentTarget.style.color="var(--text-tertiary)"},children:"+ Add Test Case"})}),t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle)"},children:t.jsx(Xy,{})})]}),t.jsx("div",{className:"overflow-auto",children:A?t.jsx(ev,{evalCase:A,result:y.get(A.id),evals:f,caseStatus:((U=x.get(A.id))==null?void 0:U.status)??"idle",onSaveEvals:s,onRun:B=>o(B,"benchmark"),onCompare:B=>o(B,"comparison"),onCancel:B=>i(B),onImprove:B=>n({type:"OPEN_IMPROVE",evalId:B}),embedded:e}):t.jsx("div",{className:"flex items-center justify-center h-full text-[13px]",style:{color:"var(--text-tertiary)"},children:"Select a test case"})}),C&&t.jsx($i,{evals:T,onSave:B=>{s(B),w(!1)},onCancel:()=>w(!1)})]})]})}function ev({evalCase:e,result:r,evals:n,caseStatus:s,onSaveEvals:o,onRun:a,onCompare:i,onCancel:l,onImprove:d,embedded:u=!1}){const{state:p,canEdit:f,canRun:h}=ft(),{plugin:m,skill:y}=p,{entries:x,loading:g}=kd(m,y,e.id),[b,v]=c.useState(!1),[j,C]=c.useState(e.prompt),[w,R]=c.useState(!1),[k,E]=c.useState(e.expected_output);c.useState(()=>{C(e.prompt),E(e.expected_output)});const T=c.useCallback(U=>{o({...n,evals:n.evals.map(B=>B.id===U.id?U:B)})},[n,o]),N=c.useCallback(()=>{T({...e,prompt:j}),v(!1)},[e,j,T]),I=c.useCallback(()=>{T({...e,expected_output:k}),R(!1)},[e,k,T]),A=c.useCallback(()=>{T({...e,assertions:[...e.assertions,{id:`assert-${Date.now()}`,text:"New assertion",type:"boolean"}]})},[e,T]),$=c.useCallback((U,B)=>{T({...e,assertions:e.assertions.map(Q=>Q.id===U?{...Q,text:B}:Q)})},[e,T]),_=c.useCallback(U=>{T({...e,assertions:e.assertions.filter(B=>B.id!==U)})},[e,T]),S=c.useCallback(()=>{confirm("Delete this test case?")&&o({...n,evals:n.evals.filter(U=>U.id!==e.id)})},[n,e.id,o]),L=r&&r.assertions.length>0&&r.assertions.every(U=>U.pass),P=r&&r.assertions.some(U=>!U.pass),D=wr(e),H=e.requiredCredentials??[],ne=D==="integration"&&H.length>0;return t.jsxs("div",{className:"p-5 animate-fade-in",children:[t.jsxs("div",{className:"mb-4",style:{display:"flex",flexWrap:"wrap",alignItems:"center",rowGap:8,columnGap:12},children:[t.jsxs("div",{className:"flex items-center gap-2",style:{flex:"1 1 240px",minWidth:0},children:[t.jsxs("span",{className:"text-[16px] font-semibold",title:`#${e.id} ${e.name}`,style:{color:"var(--text-primary)",minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:["#",e.id," ",e.name]}),f?t.jsx("button",{onClick:()=>{if((D==="unit"?"integration":"unit")==="unit"){const{requiredCredentials:B,requirements:Q,cleanup:pe,...be}=e;T({...be,testType:"unit"})}else T({...e,testType:"integration"})},title:`Click to switch to ${D==="unit"?"integration":"unit"}`,style:{fontSize:10,fontWeight:600,padding:"2px 7px",borderRadius:9999,background:D==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:D==="unit"?"var(--accent)":"var(--orange)",border:"none",cursor:"pointer"},children:D==="unit"?"Unit":"Integration"}):t.jsx("span",{style:{fontSize:10,fontWeight:600,padding:"2px 7px",borderRadius:9999,background:D==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:D==="unit"?"var(--accent)":"var(--orange)"},children:D==="unit"?"Unit":"Integration"}),t.jsx(wd,{result:r})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:8,marginLeft:"auto",flexShrink:0},children:[!u&&(s==="running"||s==="queued"?t.jsxs("button",{onClick:()=>l(e.id),className:"btn text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)",whiteSpace:"nowrap"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",style:{marginRight:4},children:t.jsx("rect",{x:"6",y:"6",width:"12",height:"12",rx:"1"})}),"Cancel"]}):t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:()=>a(e.id),disabled:!h,className:"btn btn-primary text-[12px]",style:{whiteSpace:"nowrap"},children:"Run"}),f&&t.jsx("button",{onClick:()=>i(e.id),disabled:!h,className:"btn btn-secondary text-[12px]",style:{whiteSpace:"nowrap"},children:"A/B Compare"})]})),P&&f&&s!=="running"&&s!=="queued"&&t.jsx("button",{onClick:()=>d(e.id),className:"btn btn-secondary text-[12px]",style:{whiteSpace:"nowrap"},children:"Fix with AI"}),f&&s!=="running"&&s!=="queued"&&t.jsx("button",{onClick:S,className:"btn btn-ghost text-[12px]","aria-label":"Delete test case",title:"Delete test case",style:{color:"var(--red)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("polyline",{points:"3 6 5 6 21 6"}),t.jsx("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]})})]})]}),!f&&D==="integration"&&t.jsxs("div",{"data-testid":"platform-integration-note",className:"mb-4 px-4 py-3 rounded-xl flex items-center gap-3",style:{background:"var(--accent-muted)",border:"1px solid var(--accent-muted)"},children:[t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"2",y:"3",width:"20",height:"14",rx:"2",ry:"2"}),t.jsx("line",{x1:"8",y1:"21",x2:"16",y2:"21"}),t.jsx("line",{x1:"12",y1:"17",x2:"12",y2:"21"})]}),t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--accent)"},children:"Run locally in Skill Studio"})]}),L&&t.jsxs("div",{className:"mb-4 px-4 py-3 rounded-xl flex items-center gap-3",style:{background:"var(--green-muted)",border:"1px solid var(--green-muted)"},children:[t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--green)",strokeWidth:"2.5",children:[t.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),t.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),t.jsx("span",{className:"text-[13px] font-medium",style:{color:"var(--green)"},children:"All assertions passing"})]}),ne&&t.jsxs("div",{className:"mb-4 px-4 py-3 rounded-xl",style:{background:"var(--orange-muted)",border:"1px solid var(--orange-muted)"},children:[t.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--orange)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:"var(--orange)"},children:"Required Credentials"})]}),t.jsx("div",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:"This integration test requires the following environment variables:"}),t.jsx("div",{className:"flex flex-wrap gap-1.5 mt-1.5",children:H.map(U=>t.jsx("span",{style:{fontSize:10,fontFamily:"var(--font-mono, monospace)",padding:"2px 6px",borderRadius:4,background:"var(--orange-muted)",color:"var(--orange)"},children:U},U))})]}),f&&D==="integration"&&t.jsx(sv,{evalCase:e,onUpdate:T}),t.jsx($n,{title:"Prompt",children:b?t.jsxs("div",{children:[t.jsx("textarea",{value:j,onChange:U=>C(U.target.value),className:"input-field w-full",rows:4,style:{fontFamily:"var(--font-mono, ui-monospace, monospace)",fontSize:12},autoFocus:!0}),t.jsxs("div",{className:"flex gap-2 mt-2",children:[t.jsx("button",{onClick:N,className:"btn btn-primary text-[12px]",children:"Save"}),t.jsx("button",{onClick:()=>{C(e.prompt),v(!1)},className:"btn btn-ghost text-[12px]",children:"Cancel"})]})]}):t.jsx("div",{className:"p-3 rounded-lg text-[12px] transition-all duration-150",style:{background:"var(--surface-2)",color:"var(--text-secondary)",fontFamily:"var(--font-mono, ui-monospace, monospace)",whiteSpace:"pre-wrap",border:"1px solid var(--border-subtle)",maxHeight:200,overflowY:"auto",cursor:f?"pointer":"default"},onClick:()=>{f&&v(!0)},onMouseEnter:U=>{f&&(U.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:U=>{U.currentTarget.style.borderColor="var(--border-subtle)"},children:e.prompt||t.jsx("span",{style:{color:"var(--text-tertiary)",fontStyle:"italic"},children:f?"Click to edit prompt...":"No prompt"})})}),t.jsx($n,{title:"Expected Output",children:w?t.jsxs("div",{children:[t.jsx("textarea",{value:k,onChange:U=>E(U.target.value),className:"input-field w-full",rows:3,style:{fontFamily:"var(--font-mono, ui-monospace, monospace)",fontSize:12},autoFocus:!0}),t.jsxs("div",{className:"flex gap-2 mt-2",children:[t.jsx("button",{onClick:I,className:"btn btn-primary text-[12px]",children:"Save"}),t.jsx("button",{onClick:()=>{E(e.expected_output),R(!1)},className:"btn btn-ghost text-[12px]",children:"Cancel"})]})]}):t.jsx("div",{className:"p-3 rounded-lg text-[12px] transition-all duration-150",style:{background:"var(--surface-2)",color:"var(--text-tertiary)",fontFamily:"var(--font-mono, ui-monospace, monospace)",whiteSpace:"pre-wrap",border:"1px solid var(--border-subtle)",maxHeight:200,overflowY:"auto",cursor:f?"pointer":"default"},onClick:()=>{f&&R(!0)},onMouseEnter:U=>{f&&(U.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:U=>{U.currentTarget.style.borderColor="var(--border-subtle)"},children:e.expected_output||t.jsx("span",{style:{fontStyle:"italic"},children:f?"Click to edit expected output...":"No expected output"})})}),t.jsx($n,{title:`Assertions (${e.assertions.length})`,action:f?t.jsx("button",{onClick:A,className:"btn btn-ghost text-[11px]",children:"+ Add"}):void 0,children:e.assertions.length===0?t.jsx("div",{className:"text-[12px] text-center py-4",style:{color:"var(--text-tertiary)"},children:'No assertions. Click "+ Add" to create one.'}):t.jsx("div",{className:"space-y-2",children:e.assertions.map(U=>{const B=r==null?void 0:r.assertions.find(pe=>pe.assertion_id===U.id),Q=Zy(U.id,B,x);return t.jsx(tv,{assertion:U,result:B,badges:Q,isReadOnly:!f,onUpdate:pe=>$(U.id,pe),onDelete:()=>_(U.id)},U.id)})})}),(r==null?void 0:r.output)&&t.jsx(nv,{output:r.output,durationMs:r.durationMs,tokens:r.tokens}),r&&r.passRate!=null&&r.passRate<.2&&(()=>{const U=vd("INEFFECTIVE",r.passRate);return U.recommendations&&U.recommendations.length>0?t.jsx($n,{title:"Recommendations",children:t.jsxs("div",{className:"rounded-xl p-4",style:{background:"var(--orange-muted)",border:"1px solid var(--orange-muted)"},children:[t.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--orange)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),t.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:"var(--orange)"},children:"This eval is significantly below expectations"})]}),t.jsx("ul",{className:"space-y-1.5 ml-1",children:U.recommendations.map((B,Q)=>t.jsxs("li",{className:"flex items-start gap-2 text-[12px]",style:{color:"var(--text-secondary)"},children:[t.jsx("span",{style:{color:"var(--orange)",fontWeight:600,flexShrink:0},children:"•"}),B]},Q))})]})}):null})(),!u&&t.jsx(Sd,{evalId:e.id,sharedEntries:x,sharedLoading:g})]},e.id)}function tv({assertion:e,result:r,badges:n,isReadOnly:s,onUpdate:o,onDelete:a}){const[i,l]=c.useState(!1),[d,u]=c.useState(e.text),[p,f]=c.useState(!1),h=()=>{o(d),l(!1)};return t.jsx("div",{className:"rounded-lg px-3 py-2.5 transition-all duration-150",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:t.jsxs("div",{className:"flex items-start gap-2",children:[r?t.jsx("span",{className:"mt-0.5 rounded-full flex-shrink-0",style:{width:18,height:18,display:"flex",alignItems:"center",justifyContent:"center",background:r.pass?"var(--green-muted)":"var(--red-muted)"},children:r.pass?t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--green)",strokeWidth:"3",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})}):t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--red)",strokeWidth:"3",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}):t.jsx("span",{className:"mt-0.5 rounded-full flex-shrink-0",style:{width:18,height:18,border:"1.5px dashed var(--text-tertiary)",background:"transparent"},title:"Not run yet"}),(n==null?void 0:n.regression)&&t.jsx("span",{className:"mt-0.5 flex-shrink-0",title:"Regression: was passing, now failing",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:16,height:18,color:"var(--red)",fontSize:14,fontWeight:700,lineHeight:1},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"var(--red)",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("polyline",{points:"19 12 12 19 5 12"})]})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[t.jsx("span",{className:"text-[10px] font-mono font-semibold",style:{color:"var(--text-tertiary)"},children:e.id}),(n==null?void 0:n.flaky)&&t.jsx("span",{title:"Flaky: 30-70% pass rate across recent runs",style:{display:"inline-block",fontSize:9,fontWeight:600,lineHeight:1,padding:"2px 6px",borderRadius:9999,background:"var(--yellow-muted)",color:"var(--yellow)",whiteSpace:"nowrap"},children:"Flaky"}),(n==null?void 0:n.nonDiscriminating)&&t.jsx("span",{title:"Non-discriminating: passes on both skill and baseline runs",style:{display:"inline-block",fontSize:9,fontWeight:600,lineHeight:1,padding:"2px 6px",borderRadius:9999,background:"var(--surface-3)",color:"var(--text-tertiary)",whiteSpace:"nowrap"},children:"Non-Discrim."})]}),i?t.jsxs("div",{className:"flex gap-2",children:[t.jsx("input",{value:d,onChange:m=>u(m.target.value),onKeyDown:m=>{m.key==="Enter"&&h(),m.key==="Escape"&&l(!1)},className:"input-field flex-1 text-[12px]",autoFocus:!0}),t.jsx("button",{onClick:h,className:"btn btn-primary text-[11px]",children:"Save"})]}):t.jsx("div",{className:"text-[12px]",style:{color:"var(--text-secondary)",cursor:s?"default":"pointer"},onClick:()=>{s||(u(e.text),l(!0))},children:e.text}),(r==null?void 0:r.reasoning)&&t.jsx("button",{onClick:()=>f(!p),className:"text-[11px] mt-1 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:p?"Hide reasoning":"Show reasoning"}),p&&(r==null?void 0:r.reasoning)&&t.jsx("div",{className:"mt-1 text-[11px] p-2 rounded",style:{background:"var(--surface-1)",color:"var(--text-tertiary)"},children:r.reasoning})]}),!s&&t.jsx("button",{onClick:a,className:"btn btn-ghost p-1 opacity-0 group-hover:opacity-100",style:{color:"var(--text-tertiary)"},onMouseEnter:m=>{m.currentTarget.style.color="var(--red)",m.currentTarget.style.opacity="1"},onMouseLeave:m=>{m.currentTarget.style.color="var(--text-tertiary)",m.currentTarget.style.opacity=""},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})})}function $n({title:e,action:r,children:n}){return t.jsxs("div",{className:"mb-5",children:[t.jsxs("div",{className:"flex items-center justify-between mb-2",children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:e}),r]}),n]})}function wd({result:e}){const[r,n]=c.useState(!1),s={padding:"2px 8px",borderRadius:9999,flexShrink:0,minWidth:44,justifyContent:"center",position:"relative",cursor:"default"};if(!e||e.status==null)return t.jsx("span",{className:"pill text-[10px]",title:"Not run yet","aria-label":"Not run yet",style:{...s,background:"var(--surface-3)",color:"var(--text-tertiary)"},children:"--"});const o=e.status==="pass",a=e.passRate??0,i=o?"PASS":"FAIL",l=vd(i,a),d=e.passRate!=null?`${Math.round(e.passRate*100)}%`:i;return t.jsxs("span",{className:"pill text-[10px]",style:{...s,background:o?"var(--green-muted)":"var(--red-muted)",color:o?"var(--green)":"var(--red)",fontWeight:600},onMouseEnter:()=>n(!0),onMouseLeave:()=>n(!1),"aria-label":`${i} ${d}`,"aria-describedby":r?"verdict-tooltip":void 0,children:[d,r&&t.jsx("div",{id:"verdict-tooltip",role:"tooltip",style:{position:"absolute",bottom:"calc(100% + 6px)",right:0,padding:"6px 10px",background:"var(--surface-4)",border:"1px solid var(--border-subtle)",borderRadius:6,fontSize:11,color:"var(--text-secondary)",whiteSpace:"nowrap",zIndex:50,maxWidth:300,width:"max-content",boxShadow:"0 4px 12px rgba(0,0,0,0.15)"},children:l.explanation})]})}function rv({passRate:e}){const r=Math.round(e*100);return t.jsx("div",{className:"flex items-center gap-1",children:t.jsx("div",{className:"rounded-full overflow-hidden",style:{width:32,height:4,background:"var(--surface-4)"},children:t.jsx("div",{className:"h-full rounded-full",style:{width:`${r}%`,background:r>=80?"var(--green)":r>=50?"var(--yellow)":"var(--red)"}})})})}function nv({output:e,durationMs:r,tokens:n}){const[s,o]=c.useState(!1);return t.jsxs("div",{className:"mb-5",children:[t.jsxs("button",{onClick:()=>o(!s),className:"flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wider mb-2 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",style:{transform:s?"rotate(90deg)":"rotate(0)",transition:"transform 0.2s ease"},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})}),"LLM Output",r!=null&&t.jsxs("span",{style:{fontWeight:400},children:["(",(r/1e3).toFixed(1),"s)"]}),n!=null&&t.jsxs("span",{style:{fontWeight:400},children:["(",n," tokens)"]})]}),s&&t.jsx("pre",{className:"text-[12px] p-4 rounded-lg overflow-auto animate-fade-in",style:{background:"var(--surface-1)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)",maxHeight:400,fontFamily:"var(--font-mono, ui-monospace, monospace)",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:e})]})}function Ds(e){return e==="baseline"?"right":e==="comparison"?"full":"left"}function Fs({entry:e}){return t.jsxs("div",{className:"rounded-lg px-3 py-2.5",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:xd(e.timestamp)}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:e.model}),t.jsx("span",{className:"pill",style:{fontSize:9,padding:"1px 6px",background:e.type==="benchmark"?"var(--accent-muted)":e.type==="comparison"?"var(--purple-muted)":"var(--orange-muted)",color:e.type==="benchmark"?"var(--accent)":e.type==="comparison"?"var(--purple)":"var(--orange)"},children:e.type}),t.jsxs("span",{className:"text-[12px] font-semibold ml-auto",style:{color:Lr(e.pass_rate)},children:[Math.round(e.pass_rate*100),"%"]})]}),t.jsxs("div",{className:"flex items-center gap-4 mb-1.5 text-[10px]",style:{fontFamily:"var(--font-mono, monospace)",color:"var(--text-tertiary)"},children:[e.durationMs!=null&&t.jsx("span",{children:gd(e.durationMs)}),e.tokens!=null&&t.jsxs("span",{children:[e.tokens>=1e3?`${(e.tokens/1e3).toFixed(1)}k`:e.tokens," tok"]})]}),e.type==="comparison"&&e.baselinePassRate!=null&&(()=>{const r=e.pass_rate-e.baselinePassRate,n=r>.001?"skill":r<-.001?"baseline":"tie",s=r>0?"+":"",o=n==="skill"?"var(--green)":n==="baseline"?"var(--red)":"var(--text-tertiary)";return t.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:"vs baseline:"}),t.jsxs("span",{className:"text-[11px] font-semibold",style:{color:r>=0?"var(--green)":"var(--red)"},children:[s,(r*100).toFixed(1),"%"]}),t.jsx("span",{className:"pill text-[9px]",style:{padding:"1px 5px",background:"var(--surface-3)",color:o},children:n})]})})(),t.jsx("div",{className:"space-y-0.5",children:e.assertions.map(r=>t.jsxs("div",{className:"flex items-start gap-1.5",children:[t.jsx("span",{className:"mt-0.5 rounded-full flex-shrink-0",style:{width:14,height:14,display:"flex",alignItems:"center",justifyContent:"center",background:r.pass?"var(--green-muted)":"var(--red-muted)"},children:r.pass?t.jsx("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"var(--green)",strokeWidth:"3",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})}):t.jsxs("svg",{width:"8",height:"8",viewBox:"0 0 24 24",fill:"none",stroke:"var(--red)",strokeWidth:"3",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:r.text})]},r.id))})]})}function Sd({evalId:e,sharedEntries:r,sharedLoading:n}){const{state:s,dispatch:o}=ft(),{plugin:a,skill:i}=s,[l,d]=c.useState(!0),u=r??null,p=n??!1,f=c.useCallback(()=>{d(x=>!x)},[]),h=u?u.slice(0,10):[],m=h.some(x=>{const g=Ds(x.type);return g==="left"||g==="full"}),y=h.some(x=>{const g=Ds(x.type);return g==="right"||g==="full"});return t.jsxs("div",{className:"mb-5",children:[t.jsxs("button",{onClick:f,className:"flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wider mb-2 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",style:{transform:l?"rotate(90deg)":"rotate(0)",transition:"transform 0.2s ease"},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})}),"Execution History",u&&u.length>0&&t.jsxs("span",{style:{fontWeight:400},children:["(",u.length," run",u.length!==1?"s":"",")"]})]}),l&&t.jsx("div",{className:"animate-fade-in",children:p?t.jsxs("div",{className:"flex items-center gap-2 py-3",children:[t.jsx("div",{className:"spinner",style:{width:14,height:14,borderWidth:1.5}}),t.jsx("span",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"Loading history..."})]}):!u||u.length===0?t.jsx("div",{className:"text-[12px] py-3",style:{color:"var(--text-tertiary)"},children:"No history for this case"}):t.jsxs("div",{children:[h.length>=2&&t.jsx("div",{className:"mb-2",children:t.jsx(yd,{entries:h})}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)",gridColumn:"1"},children:"Skill"}),t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)",gridColumn:"2"},children:"Baseline"}),!m&&t.jsx("div",{style:{gridColumn:"1",fontSize:12,color:"var(--text-tertiary)"},children:"No skill runs"}),!y&&t.jsx("div",{style:{gridColumn:"2",fontSize:12,color:"var(--text-tertiary)"},children:"No baseline runs"}),h.map((x,g)=>{const b=Ds(x.type);return b==="full"?t.jsx("div",{style:{gridColumn:"1 / -1"},children:t.jsx(Fs,{entry:x})},g):b==="left"?t.jsxs(c.Fragment,{children:[t.jsx("div",{style:{gridColumn:"1"},children:t.jsx(Fs,{entry:x})}),t.jsx("div",{style:{gridColumn:"2"}})]},g):t.jsxs(c.Fragment,{children:[t.jsx("div",{style:{gridColumn:"1"}}),t.jsx("div",{style:{gridColumn:"2"},children:t.jsx(Fs,{entry:x})})]},g)})]}),t.jsx("button",{onClick:()=>o({type:"SET_PANEL",panel:"history"}),className:"mt-2 text-[11px] font-medium transition-colors duration-150",style:{color:"var(--accent)"},onMouseEnter:x=>{x.currentTarget.style.textDecoration="underline"},onMouseLeave:x=>{x.currentTarget.style.textDecoration="none"},children:"View full history →"})]})})]})}function $i({evals:e,onSave:r,onCancel:n}){const[s,o]=c.useState(""),[a,i]=c.useState(""),[l,d]=c.useState(""),[u,p]=c.useState([{id:`assert-${Date.now()}`,text:"",type:"boolean"}]),[f,h]=c.useState("unit"),[m,y]=c.useState(""),[x,g]=c.useState([]),[b,v]=c.useState(""),[j,C]=c.useState(""),w=Math.max(0,...e.evals.map(T=>T.id))+1,R=T=>{h(T),T==="unit"&&(g([]),y(""),v(""),C(""))},k=()=>{const T=m.trim().toUpperCase();T&&!x.includes(T)&&g([...x,T]),y("")},E=()=>{if(!s.trim()||!a.trim())return;const T={id:w,name:s.trim(),prompt:a.trim(),expected_output:l.trim(),files:[],assertions:u.filter(N=>N.text.trim()),...f==="integration"?{testType:"integration",...x.length>0?{requiredCredentials:x}:{},...b||j?{requirements:{...b?{platform:b}:{},...j?{chromeProfile:j}:{}}}:{}}:{}};r({...e,evals:[...e.evals,T]})};return t.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center animate-overlay-in",style:{background:"rgba(0,0,0,0.6)"},children:t.jsxs("div",{className:"w-full max-w-lg rounded-xl p-6 animate-modal-in",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)",maxHeight:"85vh",overflowY:"auto"},children:[t.jsx("div",{className:"text-[15px] font-semibold mb-4",style:{color:"var(--text-primary)"},children:"New Test Case"}),t.jsxs("div",{className:"mb-3",children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-1.5 block",style:{color:"var(--text-tertiary)"},children:"Type"}),t.jsx("div",{className:"flex gap-1 p-0.5 rounded-lg",style:{background:"var(--surface-2)",display:"inline-flex"},children:["unit","integration"].map(T=>t.jsx("button",{onClick:()=>R(T),className:"px-3 py-1 rounded-md text-[12px] font-medium transition-all duration-150",style:{background:f===T?T==="unit"?"var(--accent-muted)":"var(--orange-muted)":"transparent",color:f===T?T==="unit"?"var(--accent)":"var(--orange)":"var(--text-tertiary)",border:"none",cursor:"pointer",textTransform:"capitalize"},children:T},T))})]}),t.jsxs("label",{className:"block mb-3",children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:"Name"}),t.jsx("input",{value:s,onChange:T=>o(T.target.value),className:"input-field",placeholder:"e.g., auth-check",autoFocus:!0})]}),t.jsxs("label",{className:"block mb-3",children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:"Prompt"}),t.jsx("textarea",{value:a,onChange:T=>i(T.target.value),className:"input-field",rows:3,placeholder:"User prompt to test..."})]}),t.jsxs("label",{className:"block mb-3",children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:"Expected Output"}),t.jsx("textarea",{value:l,onChange:T=>d(T.target.value),className:"input-field",rows:2,placeholder:"Description of expected behavior..."})]}),t.jsxs("div",{className:"mb-4",children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-2 block",style:{color:"var(--text-tertiary)"},children:"Assertions"}),u.map((T,N)=>t.jsxs("div",{className:"flex gap-2 mb-2",children:[t.jsx("input",{value:T.text,onChange:I=>p(u.map((A,$)=>$===N?{...A,text:I.target.value}:A)),className:"input-field flex-1 text-[12px]",placeholder:"e.g., Output includes a greeting"}),u.length>1&&t.jsx("button",{onClick:()=>p(u.filter((I,A)=>A!==N)),className:"btn btn-ghost p-1",style:{color:"var(--text-tertiary)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},T.id)),t.jsx("button",{onClick:()=>p([...u,{id:`assert-${Date.now()}`,text:"",type:"boolean"}]),className:"text-[11px] mt-1 transition-colors duration-150",style:{color:"var(--accent)"},children:"+ Add Assertion"})]}),f==="integration"&&t.jsxs("div",{className:"mb-4 p-3 rounded-lg",style:{background:"var(--orange-muted)",border:"1px solid var(--orange-muted)"},children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-2 block",style:{color:"var(--orange)"},children:"Integration Settings"}),t.jsxs("div",{className:"mb-3",children:[t.jsx("span",{className:"text-[11px] mb-1 block",style:{color:"var(--text-secondary)"},children:"Required Credentials"}),t.jsx("div",{className:"flex flex-wrap gap-1.5 mb-1.5",children:x.map(T=>t.jsxs("span",{className:"flex items-center gap-1 px-2 py-0.5 rounded-md text-[10px] font-mono",style:{background:"var(--orange-muted)",color:"var(--orange)"},children:[T,t.jsx("button",{onClick:()=>g(x.filter(N=>N!==T)),style:{color:"var(--orange)",lineHeight:1},children:t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},T))}),t.jsxs("div",{className:"flex gap-1.5",children:[t.jsx("input",{value:m,onChange:T=>y(T.target.value),onKeyDown:T=>{T.key==="Enter"&&(T.preventDefault(),k())},className:"input-field flex-1 text-[11px] font-mono",placeholder:"e.g., SLACK_BOT_TOKEN"}),t.jsx("button",{onClick:k,className:"btn btn-ghost text-[11px]",style:{color:"var(--orange)"},children:"Add"})]})]}),t.jsxs("label",{className:"block mb-3",children:[t.jsx("span",{className:"text-[11px] mb-1 block",style:{color:"var(--text-secondary)"},children:"Platform"}),t.jsx("input",{value:b,onChange:T=>v(T.target.value),className:"input-field text-[11px]",placeholder:"e.g., linkedin, twitter"})]}),t.jsxs("label",{className:"block",children:[t.jsx("span",{className:"text-[11px] mb-1 block",style:{color:"var(--text-secondary)"},children:"Chrome Profile"}),t.jsx("input",{value:j,onChange:T=>C(T.target.value),className:"input-field text-[11px]",placeholder:"e.g., Default"})]})]}),t.jsxs("div",{className:"flex justify-end gap-2",children:[t.jsx("button",{onClick:n,className:"btn btn-secondary text-[12px]",children:"Cancel"}),t.jsx("button",{onClick:E,disabled:!s.trim()||!a.trim(),className:"btn btn-primary text-[12px]",children:"Save"})]})]})})}function sv({evalCase:e,onUpdate:r}){var i,l;const[n,s]=c.useState(""),o=()=>{const d=n.trim().toUpperCase();d&&!(e.requiredCredentials??[]).includes(d)&&r({...e,requiredCredentials:[...e.requiredCredentials??[],d]}),s("")},a=d=>{const u=(e.requiredCredentials??[]).filter(p=>p!==d);r({...e,requiredCredentials:u.length>0?u:void 0})};return t.jsxs("div",{className:"mb-4 p-3 rounded-lg",style:{background:"var(--orange-muted)",border:"1px solid var(--orange-muted)"},children:[t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-wider mb-2 block",style:{color:"var(--orange)"},children:"Integration Settings"}),t.jsxs("div",{className:"mb-2.5",children:[t.jsx("span",{className:"text-[10px] mb-1 block",style:{color:"var(--text-secondary)"},children:"Required Credentials"}),t.jsx("div",{className:"flex flex-wrap gap-1.5 mb-1.5",children:(e.requiredCredentials??[]).map(d=>t.jsxs("span",{className:"flex items-center gap-1 px-2 py-0.5 rounded-md text-[10px] font-mono",style:{background:"var(--orange-muted)",color:"var(--orange)"},children:[d,t.jsx("button",{onClick:()=>a(d),style:{color:"var(--orange)",lineHeight:1},children:t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},d))}),t.jsxs("div",{className:"flex gap-1.5",children:[t.jsx("input",{value:n,onChange:d=>s(d.target.value),onKeyDown:d=>{d.key==="Enter"&&(d.preventDefault(),o())},className:"input-field flex-1 text-[11px] font-mono",placeholder:"e.g., GITHUB_TOKEN"}),t.jsx("button",{onClick:o,className:"btn btn-ghost text-[11px]",style:{color:"var(--orange)"},children:"Add"})]})]}),t.jsxs("div",{className:"mb-2.5",children:[t.jsx("span",{className:"text-[10px] mb-1 block",style:{color:"var(--text-secondary)"},children:"Platform"}),t.jsx("input",{value:((i=e.requirements)==null?void 0:i.platform)??"",onChange:d=>r({...e,requirements:{...e.requirements,platform:d.target.value||void 0}}),className:"input-field text-[11px]",placeholder:"e.g., linkedin, twitter"})]}),t.jsxs("div",{children:[t.jsx("span",{className:"text-[10px] mb-1 block",style:{color:"var(--text-secondary)"},children:"Chrome Profile"}),t.jsx("input",{value:((l=e.requirements)==null?void 0:l.chromeProfile)??"",onChange:d=>r({...e,requirements:{...e.requirements,chromeProfile:d.target.value||void 0}}),className:"input-field text-[11px]",placeholder:"e.g., Default"})]})]})}function zs(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function ov({size:e=15}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("polyline",{points:"16 18 22 12 16 6"}),t.jsx("polyline",{points:"8 6 2 12 8 18"})]})}function av({size:e=15}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"3"}),t.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"21"})]})}function iv({size:e=15}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),t.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}function lv({size:e=15}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M15 4V2"}),t.jsx("path",{d:"M15 16v-2"}),t.jsx("path",{d:"M8 9h2"}),t.jsx("path",{d:"M20 9h2"}),t.jsx("path",{d:"M17.8 11.8L19 13"}),t.jsx("path",{d:"M15 9h.01"}),t.jsx("path",{d:"M17.8 6.2L19 5"}),t.jsx("path",{d:"M11 6.2L9.7 5"}),t.jsx("path",{d:"M3 21l9-9"})]})}function _s({size:e=15}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5L12 3z"})})}function cv(){const{state:e,dispatch:r,saveContent:n,isReadOnly:s}=ft(),{plugin:o,skill:a,skillContent:i,isDirty:l,improveTarget:d,aiEditOpen:u}=e,[p,f]=c.useState("split"),[h,m]=c.useState(!1),y=c.useRef(null),[x,g]=c.useState(!1),[b,v]=c.useState(""),[j,C]=c.useState(!1),[w,R]=c.useState(null),[k,E]=c.useState([]),[T,N]=c.useState([]),[I,A]=c.useState(null),$=c.useRef(null),{config:_}=mr(),S=Vy(),{files:L,activeFile:P,secondaryContent:D,loading:H,error:ne,loadError:U,selectFile:B,refresh:Q,isSkillMd:pe}=Ry(o??"",a??""),[be,W]=c.useState(!1),re=c.useCallback(X=>{be&&!window.confirm("You have unsaved changes. Discard?")||B(X)},[be,B]);c.useEffect(()=>()=>{var X;(X=$.current)==null||X.abort()},[]);const{metadata:M,body:V}=ld(i),G=M["allowed-tools"],K=Array.isArray(G)?G:typeof G=="string"?[G]:[],se=M.name,Z=M.description,ae=M.metadata,de=typeof ae=="object"&&!Array.isArray(ae)?ae:null,oe=M.version||(de==null?void 0:de.version),he=M.tags||(de==null?void 0:de.tags),F=Array.isArray(he)?he:typeof he=="string"?he.split(",").map(X=>X.trim()).filter(Boolean):[],q=new Set(["name","description","metadata","allowed-tools","version","tags"]),ee=Object.entries(M).filter(([X])=>!q.has(X)),Y=c.useCallback(async()=>{const{contentToSave:X,version:Re,fromVersion:we}=qy(i,e.savedContent);if(Re!==null){const $e=Ky(we,Re);if(!$e.valid){zs(`Save blocked: ${$e.reason??"invalid version transition"}`,"error");return}}m(!0),await n(X),m(!1),typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:content-saved",{detail:{plugin:o,skill:a,version:Re}}))},[n,i,e.savedContent,o,a]),ue=c.useCallback(X=>{const Re=Zn(i)??"1.0.0";let we;try{we=Yr(Re,X)}catch(Ue){const nt=Ue instanceof Error?Ue.message:String(Ue);zs(`Bump failed: ${nt}`,"error");return}const $e=md(i,we);r({type:"SET_CONTENT",content:$e}),zs(`Bumped to v${we} (${X}). Click Save to commit.`,"info")},[i,r]),me=c.useCallback(X=>{(X.ctrlKey||X.metaKey)&&X.key==="s"&&(X.preventDefault(),X.stopPropagation(),l&&Y()),(X.ctrlKey||X.metaKey)&&X.key==="i"&&(X.preventDefault(),X.stopPropagation(),r({type:u?"CLOSE_AI_EDIT":"OPEN_AI_EDIT"}))},[l,Y,u,r]),Se=c.useCallback(async()=>{var Re,we;if(!b.trim())return;(Re=$.current)==null||Re.abort();const X=new AbortController;$.current=X,C(!0),A(null),N([]),R(null),E([]);try{const $e=(_==null?void 0:_.provider)||"claude-cli",Ue=(_==null?void 0:_.model)||"sonnet",nt=await fetch("/api/skills/generate?sse",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:b,provider:$e,model:Ue}),signal:X.signal});if(!nt.ok||!nt.body){let tt=`HTTP ${nt.status}`;try{const xt=await nt.json();xt.error&&(tt=xt.error)}catch{}throw new Error(tt)}const Ct=nt.body.getReader(),vr=new TextDecoder;let Qt="",He="";for(;;){const{done:tt,value:xt}=await Ct.read();if(tt)break;Qt+=vr.decode(xt,{stream:!0});const Tt=Qt.split(`
+`);Qt=Tt.pop()||"";for(const gt of Tt)if(gt.startsWith("event: "))He=gt.slice(7).trim();else if(gt.startsWith("data: ")){try{const rt=JSON.parse(gt.slice(6));if(He==="progress")N(ht=>[...ht,{phase:rt.phase,message:rt.message,timestamp:Date.now()}]);else if(He==="done"||He==="complete"){const ht=["---"];rt.name&&ht.push(`name: ${rt.name}`),rt.description&&ht.push(`description: "${rt.description.replace(/"/g,'\\"')}"`),rt.model&&ht.push(`model: ${rt.model}`),(we=rt.allowedTools)!=null&&we.trim()&&ht.push(`allowed-tools: ${rt.allowedTools.trim()}`),ht.push("---","",rt.body||"");const Ee=ht.join(`
+`);R(Ee),E(hs(i,Ee)),C(!1)}else He==="error"&&(A(rt.message||rt.description||"Generation failed"),C(!1))}catch{}He=""}}}catch($e){$e.name!=="AbortError"&&A($e.message)}finally{C(!1),$.current=null}},[b,_,i]),ve=c.useCallback(()=>{w&&r({type:"SET_CONTENT",content:w}),g(!1),R(null),E([]),v(""),N([])},[w,r]),Fe=c.useCallback(()=>{g(!1),R(null),E([]),v(""),N([]),A(null)},[]),Ke=c.useCallback(()=>{var X;x?((X=$.current)==null||X.abort(),Fe()):(u&&r({type:"CLOSE_AI_EDIT"}),g(!0))},[x,u,r,Fe]),qe=[{mode:"raw",icon:t.jsx(ov,{}),label:"Editor"},{mode:"split",icon:t.jsx(av,{}),label:"Split"},{mode:"preview",icon:t.jsx(iv,{}),label:"Preview"}];return t.jsxs("div",{className:"flex flex-col",style:{height:"100%",overflow:"auto"},onKeyDown:me,tabIndex:-1,children:[t.jsxs("div",{className:"flex items-center justify-between px-3 py-1.5",style:{borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:[t.jsx("div",{className:"flex items-center",style:{background:"var(--surface-2)",borderRadius:8,padding:2,gap:1},children:qe.map(({mode:X,icon:Re,label:we})=>t.jsxs("button",{onClick:()=>f(X),title:we,className:"flex items-center gap-1.5 rounded-md transition-all duration-150",style:{padding:"5px 10px",background:p===X?"var(--surface-4)":"transparent",color:p===X?"var(--text-primary)":"var(--text-tertiary)",fontSize:11,fontWeight:p===X?600:400,border:"none",cursor:"pointer"},children:[Re,t.jsx("span",{style:{letterSpacing:"0.01em"},children:we})]},X))}),pe?s?t.jsx("div",{className:"flex items-center gap-2",children:t.jsxs("span",{className:"flex items-center gap-1.5 text-[11px]",style:{color:"var(--text-tertiary)"},children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"Read-only"]})}):t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs("button",{onClick:()=>{u?r({type:"CLOSE_AI_EDIT"}):(x&&Fe(),r({type:"OPEN_AI_EDIT"}))},title:"Edit with AI (Ctrl+K)",className:"flex items-center gap-1.5 rounded-md transition-all duration-150",style:{padding:"4px 10px",fontSize:11,fontWeight:u?600:400,border:"none",cursor:"pointer",color:u?"var(--purple)":"var(--text-tertiary)",background:u?"var(--purple-muted)":"transparent"},children:[t.jsx(lv,{size:13}),t.jsx("span",{children:"AI Edit"})]}),t.jsxs("button",{onClick:Ke,title:"Regenerate skill from prompt",className:"flex items-center gap-1.5 rounded-md transition-all duration-150",style:{padding:"4px 10px",fontSize:11,fontWeight:x?600:400,border:"none",cursor:"pointer",color:x?"var(--purple)":"var(--text-tertiary)",background:x?"var(--purple-muted)":"transparent"},children:[t.jsx(_s,{size:13}),t.jsx("span",{children:"Regenerate"})]}),t.jsx("div",{style:{width:1,height:16,background:"var(--border-subtle)"}}),!s&&(()=>{const X=Zn(i)??"1.0.0";let Re=X,we=X,$e=X;try{Re=Yr(X,"patch"),we=Yr(X,"minor"),$e=Yr(X,"major")}catch{}const Ue={padding:"4px 8px"};return t.jsxs("div",{style:{display:"inline-flex",gap:2,alignItems:"center"},"aria-label":"Version bump","data-testid":"version-bump-controls",children:[t.jsx("button",{type:"button",onClick:()=>ue("patch"),title:`Bump patch: ${X} → ${Re}`,"aria-label":"Bump patch version",className:"btn btn-ghost text-[11px]",style:Ue,children:"+patch"}),t.jsx("button",{type:"button",onClick:()=>ue("minor"),title:`Bump minor: ${X} → ${we}`,"aria-label":"Bump minor version",className:"btn btn-ghost text-[11px]",style:Ue,children:"+minor"}),t.jsx("button",{type:"button",onClick:()=>ue("major"),title:`Bump major: ${X} → ${$e}`,"aria-label":"Bump major version",className:"btn btn-ghost text-[11px]",style:Ue,children:"+major"})]})})(),l&&t.jsx("button",{onClick:()=>r({type:"SET_CONTENT",content:e.savedContent}),className:"btn btn-ghost text-[11px]",style:{padding:"4px 8px"},children:"Discard"}),t.jsx("button",{onClick:Y,disabled:!l||h,className:"btn btn-primary text-[11px]",style:{padding:"5px 14px"},children:h?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"spinner",style:{width:11,height:11,borderWidth:1.5}})," Saving..."]}):"Save"}),S.hasRemote&&S.remoteUrl&&t.jsx(fd,{remoteUrl:S.remoteUrl,provider:_==null?void 0:_.provider,model:_==null?void 0:_.model,skillName:a||void 0})]}):null]}),o&&a&&t.jsx(Py,{files:L,activeFile:P,onSelect:re,onRefresh:Q,loadError:U}),!pe&&t.jsx(Dy,{file:D,loading:H,error:ne,viewMode:p,plugin:o??void 0,skill:a??void 0,onSaved:()=>{B(P),Q()},onDirtyChange:W}),pe&&t.jsxs("div",{className:"flex-1 overflow-hidden",style:{display:"grid",gridTemplateColumns:p==="raw"||p==="preview"?"1fr":"1fr 1fr",minHeight:"60vh"},children:[p!=="preview"&&t.jsx("div",{className:"flex flex-col overflow-hidden",style:{borderRight:p==="split"?"1px solid var(--border-subtle)":"none"},children:t.jsx("textarea",{ref:y,"data-testid":"skill-editor-textarea",value:i,onChange:X=>{!s&&!h&&r({type:"SET_CONTENT",content:X.target.value})},onKeyDown:me,spellCheck:!1,readOnly:s||h,className:"flex-1 w-full resize-none outline-none",style:{background:"var(--surface-0)",color:"var(--text-primary)",fontFamily:"var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)",fontSize:12.5,lineHeight:1.7,tabSize:2,border:"none",padding:"16px 20px",opacity:s?.7:1}})}),p!=="raw"&&t.jsx("div",{className:"overflow-auto",style:{background:"var(--surface-0)"},children:t.jsxs("div",{className:"animate-fade-in",style:{padding:"20px 24px",maxWidth:720},children:[(se||oe||Z)&&t.jsxs("div",{style:{marginBottom:20},children:[t.jsxs("div",{className:"flex items-baseline gap-3",style:{marginBottom:8},children:[se&&t.jsx("h2",{style:{fontSize:18,fontWeight:700,color:"var(--text-primary)",letterSpacing:"-0.02em",lineHeight:1.2,margin:0},children:se}),oe&&t.jsxs("span",{style:{fontSize:10,fontWeight:600,color:"var(--accent)",background:"var(--accent-muted)",padding:"2px 7px",borderRadius:4,letterSpacing:"0.03em",fontFamily:"var(--font-mono, ui-monospace, monospace)"},children:["v",oe]})]}),Z&&t.jsx("p",{style:{fontSize:12.5,lineHeight:1.65,color:"var(--text-secondary)",margin:0,paddingLeft:12,borderLeft:"2px solid var(--accent)",maxWidth:600},children:Z})]}),F.length>0&&t.jsx("div",{className:"flex flex-wrap items-center gap-1.5",style:{marginBottom:16},children:F.map(X=>t.jsx("span",{style:{fontSize:10,fontWeight:500,color:"var(--text-tertiary)",background:"var(--surface-2)",padding:"3px 8px",borderRadius:4,letterSpacing:"0.02em"},children:X},X))}),K.length>0&&t.jsx("div",{style:{marginBottom:16},children:t.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[t.jsx("span",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",color:"var(--text-tertiary)",marginRight:4},children:"Tools"}),K.map(X=>t.jsx("span",{style:{fontSize:10.5,fontFamily:"var(--font-mono, ui-monospace, monospace)",color:"var(--accent)",background:"var(--accent-muted)",padding:"2px 7px",borderRadius:4},children:X},X))]})}),ee.length>0&&t.jsx("div",{style:{marginBottom:16,padding:"8px 0",borderTop:"1px solid var(--border-subtle)",borderBottom:"1px solid var(--border-subtle)"},children:ee.map(([X,Re],we)=>{const $e=Array.isArray(Re)?Re.join(", "):typeof Re=="object"?Object.entries(Re).map(([Ue,nt])=>`${Ue}: ${Array.isArray(nt)?nt.join(", "):nt}`).join(" | "):Re;return t.jsxs("div",{className:"flex items-baseline gap-3",style:{padding:"4px 0",borderTop:we>0?"1px solid var(--border-subtle)":"none"},children:[t.jsx("span",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",color:"var(--text-tertiary)",minWidth:80,flexShrink:0},children:X}),t.jsx("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:$e})]},X)})}),(se||Z||F.length>0||K.length>0||ee.length>0)&&V&&t.jsx("div",{style:{height:1,background:"linear-gradient(90deg, var(--accent) 0%, var(--border-subtle) 40%, transparent 100%)",marginBottom:20,opacity:.5}}),V&&t.jsx("div",{className:"text-[13px] leading-relaxed overflow-x-auto",style:{color:"var(--text-secondary)",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:bn(V)}})]})})]}),pe&&u&&t.jsx(Ny,{}),pe&&x&&t.jsx("div",{className:"animate-fade-in",style:{borderTop:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:t.jsxs("div",{className:"px-4 py-3",children:[!w&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[t.jsx(_s,{size:14}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:"var(--text-primary)"},children:"Regenerate Skill"})]}),t.jsx("div",{className:"flex gap-2 mb-2",children:t.jsx("textarea",{value:b,onChange:X=>v(X.target.value),placeholder:"Describe what this skill should do...",rows:2,disabled:j,className:"flex-1 px-3 py-2 rounded-lg text-[12px] resize-none",style:{background:"var(--surface-0)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)",outline:"none",opacity:j?.5:1},onKeyDown:X=>{X.key==="Enter"&&(X.ctrlKey||X.metaKey)&&b.trim()&&!j&&(X.preventDefault(),Se())}})}),t.jsxs("div",{className:"flex items-center gap-2",children:[j?t.jsx("button",{onClick:()=>{var X;(X=$.current)==null||X.abort(),C(!1)},className:"btn btn-secondary text-[11px]",style:{padding:"4px 12px"},children:"Cancel"}):t.jsx("button",{onClick:Se,disabled:!b.trim(),className:"btn btn-primary text-[11px]",style:{padding:"4px 12px"},children:"Generate"}),t.jsx("button",{onClick:Fe,className:"btn btn-ghost text-[11px]",style:{padding:"4px 8px"},children:"Close"})]}),j&&T.length>0&&t.jsx("div",{className:"mt-2",children:t.jsx(kn,{entries:T,isRunning:!0})}),I&&t.jsxs("div",{className:"mt-2 px-3 py-2 rounded-lg text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:[I,t.jsx("button",{onClick:Se,className:"ml-2 underline",style:{color:"var(--red)"},children:"Retry"})]})]}),w&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[t.jsx(_s,{size:14}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:"var(--text-primary)"},children:"Regenerated — Review Changes"})]}),t.jsx("div",{className:"rounded-lg overflow-hidden mb-3",style:{border:"1px solid var(--border-subtle)",maxHeight:"300px",overflowY:"auto"},children:k.map((X,Re)=>t.jsxs("div",{className:"px-3 py-0.5 text-[11px] font-mono",style:{background:X.type==="added"?"var(--green-muted)":X.type==="removed"?"var(--red-muted)":"transparent",color:X.type==="added"?"var(--green)":X.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:X.type==="added"?"3px solid var(--green)":X.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:X.type==="added"?"+":X.type==="removed"?"-":" "}),X.content]},Re))}),t.jsxs("div",{className:"flex gap-2",children:[t.jsxs("button",{onClick:ve,className:"btn btn-primary text-[11px]",style:{padding:"4px 12px"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})}),"Apply"]}),t.jsx("button",{onClick:Fe,className:"btn btn-secondary text-[11px]",style:{padding:"4px 12px"},children:"Discard"})]})]})]})}),pe&&d!==null&&o&&a&&t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle)"},children:t.jsx(by,{plugin:o,skill:a,skillContent:i,onApplied:X=>{r({type:"SET_CONTENT",content:X}),r({type:"CONTENT_SAVED"}),r({type:"CLOSE_IMPROVE"})}})}),pe&&t.jsx(dv,{})]})}function dv(){var d;const[e,r]=c.useState(()=>{var u;return typeof window>"u"?!1:((u=window.localStorage)==null?void 0:u.getItem("vskill:editor-eval-cases-open"))==="1"}),{state:n,canEdit:s}=ft(),o=((d=n.evals)==null?void 0:d.evals)??[],a=u=>{var f;const p=u.currentTarget.open;if(r(p),typeof window<"u")try{(f=window.localStorage)==null||f.setItem("vskill:editor-eval-cases-open",p?"1":"0")}catch{}},i=c.useCallback(u=>{var h;if((h=u.preventDefault)==null||h.call(u),typeof window>"u")return;const p=new URLSearchParams(window.location.search);p.set("tab","run"),p.set("mode","benchmark"),p.set("autorun","1");const f=`${window.location.pathname}?${p.toString()}${window.location.hash}`;window.history.replaceState(null,"",f),window.dispatchEvent(new PopStateEvent("popstate"))},[]),l=s&&o.length>0;return t.jsxs("details",{"data-testid":"editor-eval-cases-section",open:e,onToggle:a,style:{borderTop:"1px solid var(--border-subtle)",background:"var(--bg-canvas)"},children:[t.jsxs("summary",{style:{padding:"10px 16px",fontFamily:"var(--font-sans)",fontSize:13,fontWeight:500,color:"var(--text-primary)",cursor:"pointer",userSelect:"none",background:"var(--surface-1)",borderBottom:e?"1px solid var(--border-subtle)":"none",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8},children:[t.jsx("span",{children:"Eval cases"}),l&&t.jsx("button",{type:"button","data-testid":"editor-eval-cases-run-all",onClick:i,title:"Run all → opens Run tab",className:"btn btn-primary text-[11px] px-2 py-0.5",style:{whiteSpace:"nowrap"},children:"Run all"})]}),e&&t.jsx("div",{"data-testid":"editor-eval-cases-body",style:{height:520,overflow:"hidden"},children:t.jsx(jd,{embedded:!0})})]})}function uv(e){if(e==null||!Number.isFinite(e))return"—";if(e<1024)return`${e} B`;const r=e/1024;if(r<1024)return r>=10?`${Math.round(r)} KB`:`${r.toFixed(1).replace(/\.0$/,"")} KB`;const n=r/1024;return n>=10?`${Math.round(n)} MB`:`${n.toFixed(1).replace(/\.0$/,"")} MB`}const pv={vskill:{label:"vskill",bg:"var(--accent-muted, #e0f2fe)",fg:"var(--accent, #0369a1)",border:"var(--accent, #0369a1)"},anthropic:{label:"Anthropic",bg:"var(--orange-muted, #fff1e0)",fg:"var(--orange, #c2410c)",border:"var(--orange, #c2410c)"},local:{label:"Local",bg:"var(--surface-3, #e5e5e5)",fg:"var(--text-tertiary, #666)",border:"var(--border-default, #ccc)"}};function Do({provider:e,size:r="sm"}){if(!e)return null;const n=pv[e],s=r==="md"?11:9;return t.jsx("span",{"data-testid":`provider-chip-${e}`,"data-provider":e,style:{display:"inline-flex",alignItems:"center",padding:r==="md"?"2px 8px":"1.5px 6px",fontSize:s,fontWeight:500,fontFamily:"var(--font-sans)",background:n.bg,color:n.fg,border:`1px solid ${n.border}`,borderRadius:999,lineHeight:1.4,whiteSpace:"nowrap"},children:n.label})}function fv({content:e,defaultExpanded:r=!0}){const[n,s]=c.useState(r),{metadata:o,body:a}=ld(e);if(!e.trim())return null;const i=Object.keys(o).length>0,l=o["allowed-tools"],d=Array.isArray(l)?l:typeof l=="string"?[l]:[],u=Object.entries(o).filter(([p])=>p!=="allowed-tools");return t.jsxs("div",{className:"mb-5 rounded-xl overflow-hidden",style:{border:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:[t.jsxs("button",{onClick:()=>s(!n),className:"w-full flex items-center justify-between px-5 py-3.5 text-left transition-colors duration-150",style:{background:"var(--surface-2)"},onMouseEnter:p=>{p.currentTarget.style.background="var(--surface-3)"},onMouseLeave:p=>{p.currentTarget.style.background="var(--surface-2)"},children:[t.jsxs("div",{className:"flex items-center gap-2.5",children:[t.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:"var(--accent-muted)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t.jsx("polyline",{points:"14 2 14 8 20 8"}),t.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),t.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"})]})}),t.jsxs("div",{children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"SKILL.md"}),t.jsx("span",{className:"text-[11px] ml-2",style:{color:"var(--text-tertiary)"},children:"Skill Definition"})]})]}),t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2",style:{transform:n?"rotate(180deg)":"rotate(0)",transition:"transform 0.2s ease"},children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),n&&t.jsxs("div",{className:"px-5 py-4 animate-fade-in",children:[i&&t.jsx("div",{className:"grid grid-cols-2 gap-3 mb-4",children:u.map(([p,f])=>{const h=Array.isArray(f)?f.join(", "):typeof f=="object"?Object.entries(f).map(([m,y])=>`${m}: ${Array.isArray(y)?y.join(", "):y}`).join(" | "):f;return t.jsxs("div",{className:"px-3 py-2.5 rounded-lg",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-wider mb-1",style:{color:"var(--text-tertiary)"},children:p}),t.jsx("div",{className:"text-[12px]",style:{color:"var(--text-primary)"},children:h})]},p)})}),d.length>0&&t.jsxs("div",{className:"mb-4",children:[t.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-wider mb-2",style:{color:"var(--text-tertiary)"},children:"Allowed Tools"}),t.jsx("div",{className:"flex flex-wrap gap-1.5",children:d.map(p=>t.jsx("span",{className:"px-2 py-1 rounded-md text-[11px] font-mono",style:{background:"var(--accent-muted)",color:"var(--accent)"},children:p},p))})]}),a&&t.jsx("div",{className:"text-[12px] leading-relaxed p-4 rounded-lg overflow-x-auto",style:{background:"var(--surface-0)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)",maxHeight:"400px",overflowY:"auto"},dangerouslySetInnerHTML:{__html:bn(a)}})]})]})}function hv(e){const r={name:"",path:"",type:"dir",size:0,children:[]};for(const s of e){if(s.type!=="file")continue;const o=s.path.split("/");let a=r;for(let i=0;i<o.length;i++){const l=o[i],d=i===o.length-1;let u=a.children.find(p=>p.name===l);u||(u={name:l,path:o.slice(0,i+1).join("/"),type:d?"file":"dir",size:d?s.size:0,children:[]},a.children.push(u)),a=u}}const n=s=>{s.children.sort((o,a)=>o.type!==a.type?o.type==="dir"?-1:1:o.name.localeCompare(a.name)),s.children.forEach(n)};return n(r),r}function mv(e){const r=e.lastIndexOf(".");return r>=0?e.slice(r+1).toLowerCase():""}function xv(e){const r=mv(e);return e==="SKILL.md"?"📘":r==="md"?"📄":r==="ts"||r==="tsx"||r==="js"||r==="jsx"?"📜":r==="json"||r==="yaml"||r==="yml"||r==="toml"?"🔧":r==="sh"||r==="bash"?"🖥":r==="png"||r==="jpg"||r==="jpeg"||r==="gif"||r==="webp"||r==="svg"?"🖼":"📄"}function Cd({node:e,depth:r,activePath:n,focusedPath:s,onSelect:o,expanded:a,onToggle:i}){if(e.type==="dir"){const u=a.has(e.path),p=e.path===s;return t.jsxs("div",{children:[t.jsxs("button",{type:"button","data-testid":"source-tree-item","data-path":e.path,"data-type":"dir","data-focused":p?"true":"false",role:"treeitem","aria-expanded":u,onClick:()=>i(e.path),style:{width:"100%",textAlign:"left",background:p?"var(--surface-2)":"transparent",border:"none",padding:`4px 8px 4px ${r*12+8}px`,color:"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:12,cursor:"pointer",display:"flex",alignItems:"center",gap:6},children:[t.jsx("span",{style:{width:10,display:"inline-block"},children:u?"▾":"▸"}),t.jsx("span",{children:"📁"}),t.jsx("span",{children:e.name})]}),u&&t.jsx("div",{role:"group",children:e.children.map(f=>t.jsx(Cd,{node:f,depth:r+1,activePath:n,focusedPath:s,onSelect:o,expanded:a,onToggle:i},f.path))})]})}const l=e.path===n,d=e.path===s;return t.jsxs("button",{type:"button","data-testid":"source-tree-item","data-path":e.path,"data-type":"file","data-active":l?"true":"false","data-focused":d?"true":"false",role:"treeitem","aria-selected":l,onClick:()=>o(e.path),style:{width:"100%",textAlign:"left",background:l?"var(--surface-3)":d?"var(--surface-2)":"transparent",border:"none",padding:`4px 8px 4px ${r*12+8}px`,color:l?"var(--text-primary)":"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:12,fontWeight:l?600:400,cursor:"pointer",display:"flex",alignItems:"center",gap:6},children:[t.jsx("span",{style:{width:10,display:"inline-block"},children:" "}),t.jsx("span",{children:xv(e.name)}),t.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis"},children:e.name})]})}function gv({files:e,activePath:r,onSelect:n}){const s=c.useMemo(()=>hv(e),[e]),o=c.useMemo(()=>{const m=new Set;if(r&&r.includes("/")){const y=r.split("/");for(let x=1;x<y.length;x++)m.add(y.slice(0,x).join("/"))}return s.children.forEach(y=>{y.type==="dir"&&m.add(y.path)}),m},[s,r]),[a,i]=c.useState(o);c.useEffect(()=>{i(m=>{const y=new Set(m);let x=!1;return o.forEach(g=>{y.has(g)||(y.add(g),x=!0)}),x?y:m})},[o]);const l=m=>{i(y=>{const x=new Set(y);return x.has(m)?x.delete(m):x.add(m),x})},d=c.useMemo(()=>{const m=[],y=x=>{for(const g of x)m.push({path:g.path,type:g.type}),g.type==="dir"&&a.has(g.path)&&y(g.children)};return y(s.children),m},[s,a]),u=c.useRef(null),[p,f]=c.useState(()=>Math.max(0,d.findIndex(m=>m.path===r)));c.useEffect(()=>{const m=d.findIndex(y=>y.path===r);m>=0&&f(m)},[r,d]);const h=m=>{var y;if(d.length!==0)if(m.key==="ArrowDown")m.preventDefault(),f(x=>Math.min(d.length-1,x+1));else if(m.key==="ArrowUp")m.preventDefault(),f(x=>Math.max(0,x-1));else if(m.key==="Enter"){m.preventDefault();const x=d[p];if(!x)return;x.type==="dir"?l(x.path):n(x.path)}else m.key==="Escape"&&(m.preventDefault(),(y=u.current)==null||y.blur())};return s.children.length===0?t.jsx("div",{"data-testid":"source-tree-empty",style:{padding:16,fontSize:12,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)"},children:"No files found."}):t.jsx("div",{"data-testid":"source-file-tree",ref:u,tabIndex:0,onKeyDown:h,role:"tree","aria-label":"Skill files",style:{paddingTop:4,paddingBottom:4,outline:"none"},children:s.children.map(m=>{var y;return t.jsx(Cd,{node:m,depth:0,activePath:r,focusedPath:(y=d[p])==null?void 0:y.path,onSelect:n,expanded:a,onToggle:l},m.path)})})}const yv=new Set(["md","txt","json","yaml","yml","toml","ini","env","ts","tsx","js","jsx","mjs","cjs","py","rb","go","rs","java","c","cc","cpp","h","hpp","sh","bash","zsh","fish","html","css","scss","less","xml","csv","tsv","log","diff","patch","lock","gitignore","dockerfile"]),vv=new Set(["png","jpg","jpeg","gif","webp","ico"]);function bv(e){const r=e.lastIndexOf(".");return r>=0?e.slice(r+1).toLowerCase():""}function kv(e){const r=bv(e);return r==="md"?"markdown":vv.has(r)?"image":yv.has(r)?"text":"binary"}function jv({content:e}){return t.jsx("div",{"data-testid":"source-md-viewer",children:t.jsx(fv,{content:e})})}function wv({content:e,path:r}){const n=e.split(`
+`),s=n.length>5e3,o=s?n.slice(0,5e3).join(`
+`):e;return t.jsxs("div",{"data-testid":"source-text-viewer",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)",borderRadius:8,overflow:"auto",maxHeight:"70vh"},children:[t.jsxs("div",{style:{padding:"8px 12px",background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)",fontFamily:"var(--font-sans)",fontSize:11,color:"var(--text-tertiary)"},children:[r," · ",n.length," ",n.length===1?"line":"lines",s&&" (truncated for display)"]}),t.jsx("pre",{style:{margin:0,padding:12,fontFamily:"var(--font-mono, monospace)",fontSize:12,lineHeight:1.5,color:"var(--text-primary)",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:o})]})}function Sv({plugin:e,skill:r,path:n}){const s=`/api/skills/${e}/${r}/file?path=${encodeURIComponent(n)}&raw=1`;return t.jsxs("div",{"data-testid":"source-image-viewer",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)",borderRadius:8,padding:16,display:"flex",flexDirection:"column",alignItems:"center",gap:8},children:[t.jsx("img",{src:s,alt:n,style:{maxWidth:"100%",maxHeight:"60vh",objectFit:"contain"}}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)"},children:n})]})}function Cv({path:e,size:r}){return t.jsxs("div",{"data-testid":"source-binary-placeholder",style:{background:"var(--surface-1)",border:"1px dashed var(--border-default)",borderRadius:8,padding:24,textAlign:"center",color:"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:13},children:[t.jsxs("div",{style:{fontSize:14,fontWeight:500,marginBottom:6},children:["Binary file — ",uv(r)]}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)"},children:e})]})}function Ev({plugin:e,skill:r,provider:n}){const[s,o]=c.useState([]),[a,i]=c.useState("SKILL.md"),[l,d]=c.useState(null),[u,p]=c.useState(!0),[f,h]=c.useState(null),[m,y]=c.useState(null),x=n??m;c.useEffect(()=>{if(n!==void 0)return;let b=!1;return ce.getSkillVersionsEnvelope(e,r).then(v=>{b||y(v.provider??null)}).catch(()=>{}),()=>{b=!0}},[e,r,n]),c.useEffect(()=>{let b=!1;return p(!0),h(null),ce.getSkillFiles(e,r).then(v=>{var w;if(b)return;o(v.files);const C=v.files.some(R=>R.path==="SKILL.md")?"SKILL.md":((w=v.files.find(R=>R.type==="file"))==null?void 0:w.path)??"";i(C),C||p(!1)}).catch(v=>{b||(h(v instanceof Error?v.message:String(v)),p(!1))}),()=>{b=!0}},[e,r]),c.useEffect(()=>{if(!a)return;let b=!1;return p(!0),h(null),ce.getSkillFile(e,r,a).then(v=>{b||(d(v),p(!1))}).catch(v=>{b||(h(v instanceof Error?v.message:String(v)),p(!1))}),()=>{b=!0}},[e,r,a]);const g=()=>{if(f)return t.jsxs("div",{"data-testid":"source-error",style:{padding:16,color:"var(--danger, #c00)",fontFamily:"var(--font-sans)",fontSize:13},children:["Failed to load: ",f]});if(u||!l)return t.jsx("div",{"data-testid":"source-loading",style:{padding:16,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)",fontSize:13},children:"Loading…"});const b=kv(a);return b==="markdown"?t.jsx(jv,{content:l.content??""}):b==="text"&&!l.binary?t.jsx(wv,{content:l.content??"",path:a}):b==="image"?t.jsx(Sv,{plugin:e,skill:r,path:a}):t.jsx(Cv,{path:a,size:l.size})};return t.jsxs("div",{"data-testid":"source-panel",style:{display:"flex",flexDirection:"column",height:"100%",minHeight:400,gap:12},children:[x&&t.jsxs("div",{"data-testid":"source-panel-header",style:{display:"flex",alignItems:"center",gap:8,paddingLeft:4},children:[t.jsx("span",{style:{fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Provider:"}),t.jsx(Do,{provider:x})]}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"260px 1fr",gap:16,flex:1,minHeight:0},children:[t.jsx("aside",{style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)",borderRadius:8,overflow:"auto",maxHeight:"75vh"},children:t.jsx(gv,{files:s,activePath:a,onSelect:i})}),t.jsx("main",{style:{minWidth:0},children:g()})]})]})}function wt(e,r){return r==="free"?"Free":r==="subscription"&&e==null?"Included":e==null?"N/A":e>=1?`$${e.toFixed(2)}`:e===0?"$0.00":e>=.001?`$${e.toFixed(4)}`:`$${e.toPrecision(3).replace(/0+$/,"").replace(/\.$/,"")}`}function Ed(e,r){return e==null||r==null?"N/A":`${e.toLocaleString("en-US")} in / ${r.toLocaleString("en-US")} out`}function Nv({evalId:e}){const{state:r}=ft(),{entries:n,loading:s}=kd(r.plugin,r.skill,e),o=!!n&&n.length>0;return!s&&!o?null:t.jsx("div",{"data-testid":`run-case-history-${e}`,className:"mt-2 ml-3 pl-3",style:{borderLeft:"1px solid var(--border-subtle)"},children:t.jsx(Sd,{evalId:e,sharedEntries:n,sharedLoading:s})})}function Rv(e){return e==="baseline"?"Baseline Pass Rate":"Skill Pass Rate"}function Tv(e,r){let n="";if(r){const o=new Date(r);isNaN(o.getTime())||(n=o.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit"}))}return[e,n].filter(Boolean).join(" · ")}function Iv(e,r,n){const s=n===1?"test case":"test cases";if(e===0)return`Your skill performs the same as the baseline across ${n} ${s}`;const o=Math.round(Math.abs(e)*r);if(o===0)return`Your skill performs the same as the baseline across ${n} ${s}`;const a=e>0?"more":"fewer";return`Your skill passes ${o} ${a} assertions across ${n} ${s}`}function Mi(e,r){const n=s=>{const o=s/5*100;return isFinite(o)?Math.round(Math.min(100,Math.max(0,o))):0};return{skill:n(e),baseline:n(r)}}function Lv(e){return e==="skill"?{text:"Skill wins",isSkill:!0}:e==="baseline"?{text:"Baseline wins",isSkill:!1}:{text:"Tie",isSkill:!1}}function Av(e,r){const n=e+r,s=n*10,o=n*25,a=i=>i>=60?`${Math.round(i/60)}m`:`${i}s`;return`${a(s)}–${a(o)}`}const Pv={anthropic:.01,openrouter:.01,ollama:0,"lm-studio":0,"claude-cli":0,"codex-cli":0,"gemini-cli":0};function $v(e,r){if(!e)return null;const n=Pv[e];if(n==null||n===0)return null;const s=n*r*.5,o=n*r*2;return`${wt(s)}–${wt(o)}`}function Mv(){const{state:e,runCase:r,runAll:n,cancelCase:s,cancelAll:o,canEdit:a,canRun:i}=ft(),{evals:l,caseRunStates:d,bulkRunActive:u,latestBenchmark:p,inlineResults:f}=e,{config:h}=mr(),m=(l==null?void 0:l.evals)??[],y=c.useMemo(()=>{for(const E of d.values())if(E.status==="running"||E.status==="queued")return!0;return!1},[d]),x=m.filter(E=>{const T=d.get(E.id);return T&&(T.status==="complete"||T.status==="error"||T.status==="cancelled")}).length,g=m.filter(E=>{const T=d.get(E.id);return T&&(T.status==="running"||T.status==="queued")}).length,b=c.useRef(null),[v,j]=c.useState(0);c.useEffect(()=>{if(y&&!b.current&&(b.current=Date.now()),!y){b.current=null,j(0);return}const E=setInterval(()=>{b.current&&j(Math.round((Date.now()-b.current)/1e3))},1e3);return()=>clearInterval(E)},[y]);const C=m.reduce((E,T)=>E+T.assertions.length,0),w=m.length+C,R=c.useMemo(()=>Av(m.length,C),[m.length,C]),k=c.useMemo(()=>$v((h==null?void 0:h.provider)??null,w),[h==null?void 0:h.provider,w]);return t.jsxs("div",{className:"p-5",children:[!a&&l!=null&&t.jsxs("div",{role:"status","data-testid":"tests-readonly-banner",className:"flex items-center gap-2 px-3 py-2 rounded-lg mb-4 text-[11px]",style:{background:"var(--surface-2)",color:"var(--text-tertiary)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),t.jsxs("span",{children:["Read-only — to author or modify tests, install this skill as source via"," ",t.jsx("code",{style:{background:"var(--surface-1)",padding:"1px 5px",borderRadius:3,fontFamily:"var(--font-mono)"},children:"vskill plugin new"}),"."]})]}),t.jsxs("div",{className:"rounded-xl p-4 mb-5",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between mb-3",children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"Benchmark"}),y&&t.jsxs("span",{className:"text-[11px] font-medium",style:{color:"var(--accent)"},children:[g," running"]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[y&&t.jsxs("button",{onClick:o,className:"btn text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",style:{marginRight:4},children:t.jsx("rect",{x:"6",y:"6",width:"12",height:"12",rx:"1"})}),"Cancel All"]}),a&&t.jsx("button",{onClick:()=>n("comparison"),disabled:!i||y,className:"btn btn-primary text-[12px]",title:"Runs both your skill and the baseline, then compares results side by side",children:"Run A/B Test"}),t.jsx("button",{onClick:()=>n("benchmark"),disabled:!i||y,className:a?"btn btn-secondary text-[12px]":"btn btn-primary text-[12px]",title:a?"Runs benchmark using your skill only":"Run all author-shipped eval cases",children:a?"Test Skill":"Run All"}),a&&t.jsx("button",{onClick:()=>n("baseline"),disabled:!i||y,className:"btn btn-secondary text-[12px]",title:"Runs benchmark using the baseline (no skill) for reference",children:"Test Baseline"})]}),!y&&m.length>0&&t.jsxs("div",{className:"flex items-center gap-3 mt-2 text-[10px]",style:{color:"var(--text-tertiary)"},children:[t.jsxs("span",{children:["Est. duration: ",R]}),k&&t.jsxs("span",{children:["Est. cost: ",k]}),!k&&(h==null?void 0:h.provider)&&(h.provider==="claude-cli"||h.provider==="codex-cli")&&t.jsx("span",{children:"Cost: Included"}),!k&&(h==null?void 0:h.provider)&&(h.provider==="ollama"||h.provider==="lm-studio"||h.provider==="gemini-cli")&&t.jsx("span",{children:"Cost: Free"})]})]}),y&&m.length>0&&t.jsxs("div",{className:"mb-5",children:[t.jsxs("div",{className:"flex items-center justify-between mb-2",children:[t.jsxs("span",{className:"text-[12px] font-medium",style:{color:"var(--text-secondary)"},children:["Progress: ",x,"/",m.length," cases"]}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[Math.round(x/m.length*100),"%"]})]}),t.jsx("div",{className:"rounded-full overflow-hidden",style:{height:6,background:"var(--surface-3)"},children:t.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${x/m.length*100}%`,background:"var(--accent)"}})}),t.jsxs("div",{className:"flex items-center justify-between mt-1.5",children:[t.jsxs("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:["Elapsed: ",v>=60?`${Math.floor(v/60)}m ${v%60}s`:`${v}s`]}),t.jsxs("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:["Est. total: ",R]})]})]}),t.jsx("div",{className:"space-y-3 stagger-children",children:m.map(E=>{const T=f.get(E.id),N=d.get(E.id),I=(N==null?void 0:N.status)??"idle",A=p==null?void 0:p.cases.find($=>$.eval_id===E.id);return t.jsxs(c.Fragment,{children:[t.jsx(Fv,{name:E.name,evalId:E.id,result:T,caseCost:A==null?void 0:A.cost,caseBillingMode:A==null?void 0:A.billingMode,caseInputTokens:A==null?void 0:A.inputTokens,caseOutputTokens:A==null?void 0:A.outputTokens,caseStatus:I,runMode:(N==null?void 0:N.mode)??null,comparisonDetail:A==null?void 0:A.comparisonDetail,canEdit:a,onRun:$=>r($,"benchmark"),onBaseline:$=>r($,"baseline"),onCompare:$=>r($,"comparison"),onCancel:$=>s($)}),t.jsx(Nv,{evalId:E.id})]},E.id)})}),!y&&p&&p.cases.length>0&&t.jsxs("div",{className:"mt-5",children:[t.jsxs("div",{className:"rounded-xl p-4 mb-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:Rv(p.type)}),t.jsx("span",{className:"text-[20px] font-bold",style:{color:(p.overall_pass_rate??0)>=.8?"var(--green)":(p.overall_pass_rate??0)>=.5?"var(--yellow)":"var(--red)"},children:p.overall_pass_rate!=null?`${Math.round(p.overall_pass_rate*100)}%`:"--"})]}),p.totalDurationMs!=null&&t.jsxs("div",{className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},children:["Total: ",(p.totalDurationMs/1e3).toFixed(1),"s",p.model&&` | Model: ${p.model}`,p.totalInputTokens!=null&&p.totalOutputTokens!=null&&` | Tokens: ${Ed(p.totalInputTokens,p.totalOutputTokens)}`,p.totalCost!=null&&` | Cost: ${wt(p.totalCost)}`]}),a&&p.overall_pass_rate>=.9999&&!p.comparison&&t.jsx("button",{onClick:()=>n("comparison"),disabled:!i,className:"text-[13px] font-semibold mt-3 w-full rounded-lg transition-opacity duration-150",style:{padding:"10px 0",background:"var(--green)",color:"var(--color-paper)",border:"none",cursor:"pointer",opacity:m.length===0?.5:1},children:"Run Final A/B Comparison"})]}),p.comparison&&t.jsxs("div",{className:"rounded-xl p-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:"Skill vs Baseline"}),(()=>{const E=Tv(p.model,p.timestamp);return E?t.jsx("div",{className:"text-[10px] mt-0.5 mb-3",style:{color:"var(--text-tertiary)"},children:E}):t.jsx("div",{className:"mb-3"})})(),t.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[t.jsx(Di,{label:"Skill",value:p.comparison.skillPassRate,color:"var(--accent)"}),t.jsx(Di,{label:"Baseline",value:p.comparison.baselinePassRate,color:"var(--text-tertiary)"})]}),t.jsxs("div",{className:"mt-3 text-[12px] font-medium",style:{color:p.comparison.delta>0?"var(--green)":p.comparison.delta<0?"var(--red)":"var(--text-tertiary)"},children:["Delta: ",p.comparison.delta>0?"+":"",(p.comparison.delta*100).toFixed(1),"%",p.verdict&&` | ${Qy(p.verdict)}`]}),(()=>{const E=p.cases.reduce((N,I)=>N+I.assertions.length,0),T=Iv(p.comparison.delta,E,p.cases.length);return t.jsx("div",{className:"mt-1 text-[11px]",style:{color:"var(--text-tertiary)"},children:T})})()]})]})]})}const Dv={benchmark:{label:"Skill",bg:"var(--accent-muted)",color:"var(--accent)"},baseline:{label:"Baseline",bg:"var(--surface-3)",color:"var(--text-tertiary)"},comparison:{label:"Compare",bg:"var(--purple-muted)",color:"var(--purple)"}};function Fv({name:e,evalId:r,result:n,caseCost:s,caseBillingMode:o,caseInputTokens:a,caseOutputTokens:i,caseStatus:l,runMode:d,comparisonDetail:u,canEdit:p=!1,onRun:f,onBaseline:h,onCompare:m,onCancel:y}){const[x,g]=c.useState(!1),b=l==="running"||l==="queued",v=l==="complete"||l==="error";return t.jsxs("div",{className:"rounded-xl overflow-hidden transition-all duration-200",style:{background:"var(--surface-1)",border:b?"1px solid var(--accent)":"1px solid var(--border-subtle)",boxShadow:b?"0 0 12px rgba(99, 131, 255, 0.15)":"none"},children:[t.jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[l==="running"&&t.jsx("span",{className:"spinner",style:{width:14,height:14,borderWidth:1.5}}),l==="queued"&&t.jsx("span",{className:"text-[10px] font-medium",style:{color:"var(--text-tertiary)"},children:"queued"}),t.jsxs("span",{className:"text-[13px] font-medium",style:{color:"var(--text-primary)"},children:["#",r," ",e]}),d&&(b||v)&&(()=>{const j=Dv[d];return j?t.jsx("span",{className:"pill text-[9px] font-semibold",style:{background:j.bg,color:j.color,padding:"1px 6px"},children:j.label}):null})()]}),t.jsxs("div",{className:"flex items-center gap-2",children:[b?t.jsx("button",{onClick:()=>y(r),className:"btn text-[10px] px-2 py-1",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)"},children:"Cancel"}):t.jsxs(t.Fragment,{children:[p&&t.jsx("button",{onClick:()=>m(r),className:"btn btn-primary text-[10px] px-2 py-1",children:"Compare"}),t.jsx("button",{onClick:()=>f(r),className:p?"btn btn-secondary text-[10px] px-2 py-1":"btn btn-primary text-[10px] px-2 py-1",children:p?"Skill":"Run"}),p&&t.jsx("button",{onClick:()=>h(r),className:"btn btn-secondary text-[10px] px-2 py-1",children:"Base"})]}),n&&n.status!=null&&t.jsx("span",{className:"pill text-[10px]",style:{background:n.status==="pass"?"var(--green-muted)":"var(--red-muted)",color:n.status==="pass"?"var(--green)":"var(--red)"},children:n.passRate!=null?`${Math.round(n.passRate*100)}%`:n.status}),a!=null&&i!=null&&t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:Ed(a,i)}),s!=null&&t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:wt(s,o)}),l==="cancelled"&&t.jsx("span",{className:"pill text-[10px]",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:"cancelled"})]})]}),n&&n.assertions.length>0&&t.jsxs("div",{className:"px-4 pb-3",children:[t.jsx("div",{className:"space-y-1",children:n.assertions.map(j=>t.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[t.jsx("span",{style:{color:j.pass?"var(--green)":"var(--red)"},children:j.pass?"PASS":"FAIL"}),t.jsx("span",{style:{color:"var(--text-secondary)"},children:j.text})]},j.assertion_id))}),n.output&&t.jsx("button",{onClick:()=>g(!x),className:"text-[11px] mt-2 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:x?"Hide output":"Show output"}),x&&n.output&&t.jsx("pre",{className:"text-[11px] mt-2 p-3 rounded-lg overflow-auto",style:{background:"var(--surface-0)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)",maxHeight:200,fontFamily:"var(--font-mono, ui-monospace, monospace)",whiteSpace:"pre-wrap"},children:n.output})]}),u&&t.jsx("div",{className:"px-4 pb-3",children:t.jsx("div",{className:"rounded-lg px-3 py-2",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:t.jsx("div",{className:"flex items-center gap-4 text-[11px] flex-wrap",children:(()=>{const j=Mi(u.skillContentScore,u.baselineContentScore),C=Mi(u.skillStructureScore,u.baselineStructureScore),w=Lv(u.winner);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{style:{color:"var(--text-secondary)"},children:["Content: Skill ",j.skill,"% / Baseline ",j.baseline,"%"]}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsxs("span",{style:{color:"var(--text-secondary)"},children:["Structure: Skill ",C.skill,"% / Baseline ",C.baseline,"%"]}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsx("span",{style:{color:w.isSkill?"var(--accent)":"var(--text-tertiary)",fontWeight:500},children:w.text})]})})()})})}),n&&n.errorMessage&&t.jsx(zv,{errorMessage:n.errorMessage,classifiedError:n.classifiedError})]})}const Bs={rate_limit:"⏱",context_window:"⚠",auth:"🔒",timeout:"⌛",provider_unavailable:"⚡",parse_error:"❓",unknown:"❌"};function zv({errorMessage:e,classifiedError:r}){const[n,s]=c.useState(!1),o=(r==null?void 0:r.title)??"Error",a=r==null?void 0:r.hint,i=r?Bs[r.category]??Bs.unknown:Bs.unknown;return t.jsx("div",{className:"px-4 pb-3",children:t.jsxs("div",{className:"rounded-lg overflow-hidden",style:{background:"var(--red-muted)",border:"1px solid var(--red-muted)"},children:[t.jsxs("div",{className:"flex items-center gap-2 px-3 py-2",children:[t.jsx("span",{style:{fontSize:12},children:i}),t.jsx("span",{className:"text-[11.5px] font-semibold flex-1",style:{color:"var(--red)"},children:o}),t.jsx("button",{onClick:()=>s(!n),className:"text-[10px] px-1.5 py-0.5 rounded transition-colors duration-150",style:{color:"var(--text-tertiary)",background:"transparent"},children:n?"Hide details":"Details"})]}),a&&t.jsx("div",{className:"px-3 pb-2 text-[10.5px]",style:{color:"var(--text-secondary)"},children:a}),n&&t.jsx("pre",{className:"text-[10px] px-3 pb-2.5 overflow-auto",style:{color:"var(--text-tertiary)",maxHeight:120,fontFamily:"var(--font-mono, ui-monospace, monospace)",whiteSpace:"pre-wrap",wordBreak:"break-all",margin:0},children:e})]})})}function Di({label:e,value:r,color:n}){return t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center justify-between mb-1",children:[t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:e}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:n},children:[Math.round(r*100),"%"]})]}),t.jsx("div",{className:"rounded-full overflow-hidden",style:{height:6,background:"var(--surface-3)"},children:t.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${r*100}%`,background:n}})})]})}const Fi={TP:{bg:"var(--green-muted)",text:"var(--green)"},TN:{bg:"var(--green-muted)",text:"var(--green)"},FP:{bg:"var(--red-muted)",text:"var(--red)"},FN:{bg:"var(--red-muted)",text:"var(--red)"},SCOPE_WARNING:{bg:"var(--yellow-muted)",text:"var(--yellow)"},DRIFT_WARNING:{bg:"var(--yellow-muted)",text:"var(--yellow)"}},_v={scope_warning:"Description claims broader scope than name+tags suggest. Either narrow the description or add explicit '+' prefix to confirm intended scope.",drift_warning:"Description omits intent that classifier inferred from name+tags. Description may need to mention this case explicitly."};function Bv(){const{state:e,dispatch:r,runActivationTest:n,cancelActivation:s,generateActivationPrompts:o,loadTestCasesFromSkillMd:a,saveTestCasesToSkillMd:i}=ft(),{plugin:l,skill:d,activationPrompts:u,activationResults:p,activationSummary:f,activationRunning:h,activationError:m,activationStartedAt:y,activationClassifyingStatus:x,generatingPrompts:g,generatingPromptsError:b,activationPromptsSource:v,savingTestCases:j,savingTestCasesError:C,savingTestCasesSuccess:w,activationHistory:R}=e,{state:k}=Mt(),E=k.skills.find(W=>W.plugin===l&&W.skill===d),T=(E==null?void 0:E.resolvedVersion)??(E==null?void 0:E.version)??null,[N,I]=c.useState(u),[A,$]=c.useState(null),[_,S]=c.useState(!1);c.useEffect(()=>{u&&u!==N&&I(u)},[u]),c.useEffect(()=>{r({type:"SET_ACTIVATION_PROMPTS",prompts:N})},[N,r]),c.useEffect(()=>{fetch(`/api/skills/${l}/${d}/description`).then(W=>W.json()).then(W=>$(W.rawContent||W.description||null)).catch(()=>$(null))},[l,d]),c.useEffect(()=>{(!u||u.trim().length===0)&&a()},[l,d]);function L(){n(N)}function P(){o(8)}function D(){i()}const H=N.trim().split(`
+`).filter(Boolean).length,ne=W=>W.verdict==="scope_warning"||W.verdict==="drift_warning",U=p.filter(W=>(W.classification==="TP"||W.classification==="TN")&&!ne(W)),B=p.filter(W=>(W.classification==="FP"||W.classification==="FN")&&!ne(W));p.filter(ne);const Q=(A==null?void 0:A.replace(/^---[\s\S]*?---\s*/,"").trim())??null,pe=N.trim().length>0,be=Q?bn(Q):"";return t.jsxs("div",{className:"p-5 space-y-5",children:[t.jsxs("div",{children:[t.jsx("div",{className:"text-[14px] font-semibold",style:{color:"var(--text-primary)"},children:"Activation Test"}),t.jsx("div",{className:"text-[12px] mt-0.5",style:{color:"var(--text-tertiary)"},children:"Test whether this skill's description activates for relevant prompts and stays silent for irrelevant ones."})]}),t.jsxs("div",{className:"grid grid-cols-[3fr_2fr] gap-4 items-stretch",children:[t.jsxs("div",{className:"glass-card p-4 flex flex-col gap-3",children:[t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("label",{className:"text-[11px] font-semibold uppercase tracking-widest",style:{color:"var(--text-tertiary)"},children:"Test Prompts"}),v==="skill-md"&&t.jsx("span",{className:"pill",style:{background:"var(--green-muted)",color:"var(--green)",fontSize:"9px",padding:"1px 5px"},title:"Loaded from the ## Test Cases block in SKILL.md. Save back any edits to persist them.",children:"from SKILL.md"}),v==="ai-generated"&&t.jsx("span",{className:"pill",style:{background:"var(--purple-muted)",color:"var(--purple)",fontSize:"9px",padding:"1px 5px"},title:"AI-generated. Save as test cases to persist into SKILL.md.",children:"AI-generated"})]}),t.jsxs("div",{className:"flex gap-1.5",children:[t.jsx("button",{onClick:D,disabled:j||!pe||h,className:"text-[10px] px-2.5 py-1 rounded-md transition-colors duration-150 flex items-center gap-1.5",style:{background:j?"var(--surface-3)":"var(--surface-2)",color:pe?"var(--green)":"var(--text-tertiary)",border:"1px solid var(--border-subtle)",opacity:pe?1:.5,cursor:pe?"pointer":"not-allowed"},title:pe?"Write the current prompts back to SKILL.md as a ## Test Cases block":"No prompts to save",onMouseEnter:W=>{pe&&!j&&(W.currentTarget.style.background="var(--surface-3)")},onMouseLeave:W=>{j||(W.currentTarget.style.background="var(--surface-2)")},children:j?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"spinner",style:{borderTopColor:"var(--green)",borderColor:"var(--border-subtle)",width:10,height:10}}),"Saving..."]}):t.jsxs(t.Fragment,{children:[t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"}),t.jsx("polyline",{points:"17 21 17 13 7 13 7 21"}),t.jsx("polyline",{points:"7 3 7 8 15 8"})]}),"Save as test cases"]})}),t.jsx("button",{onClick:P,disabled:g||!Q||h,className:"text-[10px] px-2.5 py-1 rounded-md transition-colors duration-150 flex items-center gap-1.5",style:{background:g?"var(--surface-3)":"var(--surface-2)",color:Q?"var(--accent)":"var(--text-tertiary)",border:"1px solid var(--border-subtle)",opacity:Q?1:.5,cursor:Q?"pointer":"not-allowed"},title:Q?void 0:"No skill description available",onMouseEnter:W=>{Q&&!g&&(W.currentTarget.style.background="var(--surface-3)")},onMouseLeave:W=>{g||(W.currentTarget.style.background="var(--surface-2)")},children:g?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"spinner",style:{borderTopColor:"var(--accent)",borderColor:"var(--border-subtle)",width:10,height:10}}),"Generating..."]}):t.jsxs(t.Fragment,{children:[t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M12 3v3m6.36.64l-2.12 2.12M21 12h-3m-.64 6.36l-2.12-2.12M12 21v-3m-4.24.64l2.12-2.12M3 12h3m.64-6.36l2.12 2.12"})}),pe?"Regenerate":"Generate"," Test Prompts"]})})]})]}),w&&t.jsx("div",{className:"text-[11px] px-2 py-1 rounded",style:{color:"var(--green)",background:"var(--green-muted)"},"aria-live":"polite",children:w}),C&&t.jsxs("div",{className:"text-[11px] px-2 py-1 rounded",style:{color:"var(--red)",background:"var(--red-muted)"},"aria-live":"polite",children:["Save failed: ",C]}),!Q&&!h&&t.jsx("div",{className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},"aria-live":"polite",children:"Add a description to your skill's frontmatter to enable prompt generation."}),b&&t.jsx("div",{className:"text-[11px] px-2 py-1 rounded",style:{color:"var(--red)",background:"var(--red-muted)"},children:b}),t.jsx("textarea",{className:"input-field resize-y font-mono text-[12px]",style:{minHeight:140,height:140},value:N,onChange:W=>I(W.target.value),placeholder:`How do I write a unit test?
+What edge cases should I test?
++Deploy this to production
+!What's the weather like today?
+!Write me a poem about flowers`}),t.jsxs("div",{className:"flex items-center flex-wrap gap-x-3 gap-y-1 text-[11px]",style:{color:"var(--text-tertiary)"},children:[t.jsx("span",{children:"One prompt per line"}),t.jsx(Mn,{}),t.jsx("span",{children:"No prefix = auto-classify"}),t.jsx(Mn,{}),t.jsxs("span",{className:"flex items-center gap-1",children:[t.jsx("code",{className:"px-1 rounded",style:{background:"var(--surface-2)"},children:"+"}),"= must activate"]}),t.jsx(Mn,{}),t.jsxs("span",{className:"flex items-center gap-1",children:[t.jsx("code",{className:"px-1 rounded",style:{background:"var(--surface-2)"},children:"!"}),"= must NOT activate"]}),t.jsx(Mn,{}),t.jsxs("span",{style:{fontVariantNumeric:"tabular-nums"},children:[H," prompt",H!==1?"s":""]})]}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("button",{onClick:L,disabled:h||!N.trim(),className:"btn btn-primary",children:h?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"spinner",style:{borderTopColor:"var(--color-paper)",borderColor:"var(--border-default)",width:14,height:14}}),"Testing..."]}):t.jsxs(t.Fragment,{children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("circle",{cx:"12",cy:"12",r:"6"}),t.jsx("circle",{cx:"12",cy:"12",r:"2"})]}),"Run Activation Test"]})}),h&&t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:s,className:"btn btn-secondary text-[12px]",children:"Cancel"}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[x||`${p.length} / ${H} prompts tested`,y&&t.jsx(Hv,{startedAt:y})]})]})]})]}),t.jsxs("div",{className:"glass-card flex flex-col overflow-hidden",children:[t.jsx("div",{className:"px-4 pt-3.5 pb-2.5 flex-shrink-0",style:{borderBottom:"1px solid var(--border-subtle)"},children:t.jsx("span",{className:"text-[11px] font-semibold uppercase tracking-widest",style:{color:"var(--text-tertiary)"},children:"Skill Description"})}),t.jsx("div",{className:"flex-1 overflow-auto px-4 py-3",style:{minHeight:0},children:Q?t.jsx("div",{className:"text-[12px] leading-relaxed",style:{color:"var(--text-secondary)"},dangerouslySetInnerHTML:{__html:be}}):t.jsx("div",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"No description available"})})]})]}),m&&t.jsx("div",{className:"px-4 py-3 rounded-lg text-[13px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)"},children:m}),h&&p.length===0&&t.jsxs("div",{className:"text-center py-12 animate-fade-in",children:[t.jsx("div",{className:"spinner-lg mx-auto mb-4"}),t.jsx("p",{className:"text-[14px]",style:{color:"var(--text-secondary)"},children:"Testing activation against skill description..."})]}),p.length>0&&t.jsxs("div",{className:"space-y-5",children:[B.length>0&&t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--red)",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),t.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:"var(--red)"},children:["Incorrect (",B.length,")"]}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:"— These need attention"})]}),t.jsx("div",{className:"space-y-1.5 stagger-children",children:B.map((W,re)=>t.jsx(zi,{result:W},`incorrect-${re}`))})]}),U.length>0&&t.jsxs("div",{children:[t.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--green)",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("polyline",{points:"16 10 11 15 8 12"})]}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:"var(--green)"},children:["Correct (",U.length,")"]})]}),t.jsx("div",{className:"space-y-1.5 stagger-children",children:U.map((W,re)=>t.jsx(zi,{result:W},`correct-${re}`))})]})]}),f&&t.jsxs("div",{className:"glass-card p-6 animate-fade-in-scale",style:{borderColor:"var(--border-active)",borderWidth:2},children:[t.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-widest mb-2",style:{color:"var(--text-tertiary)"},children:"Summary"}),f.autoClassifiedCount!=null&&f.autoClassifiedCount>0&&t.jsxs("div",{className:"text-[11px] mb-3",style:{color:"var(--text-tertiary)"},children:[f.autoClassifiedCount," of ",f.total," prompts auto-classified from skill name and tags"]}),t.jsxs("div",{className:"grid grid-cols-3 gap-6 mb-5",children:[t.jsx(Os,{label:"Precision",value:f.precision,description:"Of all activations, how many were correct?",detail:`${f.tp} true / ${f.tp+f.fp} total activations`}),t.jsx(Os,{label:"Recall",value:f.recall,description:"Of expected activations, how many fired?",detail:`${f.tp} activated / ${f.tp+f.fn} expected`}),t.jsx(Os,{label:"Reliability",value:f.reliability,description:"Overall correct classification rate",detail:`${f.tp+f.tn} correct / ${f.total} total`})]}),t.jsxs("div",{className:"pt-4",style:{borderTop:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-widest mb-3 text-center",style:{color:"var(--text-tertiary)"},children:"Confusion Matrix"}),t.jsxs("div",{className:"grid grid-cols-2 gap-2 max-w-xs mx-auto",children:[t.jsx(Dn,{label:"True Positive",abbr:"TP",count:f.tp,bg:"var(--green-muted)",color:"var(--green)",description:"Correctly activated"}),t.jsx(Dn,{label:"False Positive",abbr:"FP",count:f.fp,bg:"var(--red-muted)",color:"var(--red)",description:"Wrongly activated"}),t.jsx(Dn,{label:"False Negative",abbr:"FN",count:f.fn,bg:"var(--red-muted)",color:"var(--red)",description:"Missed activation"}),t.jsx(Dn,{label:"True Negative",abbr:"TN",count:f.tn,bg:"var(--green-muted)",color:"var(--green)",description:"Correctly silent"})]}),t.jsxs("div",{className:"mt-3 max-w-xs mx-auto text-center text-[11px]",style:{color:"var(--text-tertiary)"},title:"Auto-classified disagreements: not real failures, but worth reviewing. Hover a yellow row for details.",children:["Warnings:"," ",t.jsxs("span",{style:{color:(f.scopeWarnings??0)>0?"var(--yellow)":"var(--text-tertiary)"},children:[f.scopeWarnings??0," scope"]}),", ",t.jsxs("span",{style:{color:(f.driftWarnings??0)>0?"var(--yellow)":"var(--text-tertiary)"},children:[f.driftWarnings??0," drift"]})]})]})]}),t.jsx(Ov,{history:R,expanded:_,onToggle:()=>S(!_),skillVersion:T})]})}function Ov({history:e,expanded:r,onToggle:n,skillVersion:s}){return e===null?null:t.jsxs("div",{className:"glass-card overflow-hidden",children:[t.jsxs("button",{className:"w-full px-4 py-3 flex items-center justify-between text-left",style:{borderBottom:r?"1px solid var(--border-subtle)":"none"},onClick:n,children:[t.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-widest",style:{color:"var(--text-tertiary)"},children:["Test History",e.length>0&&t.jsxs("span",{className:"ml-2 font-normal",style:{color:"var(--text-tertiary)"},children:["(",e.length," run",e.length!==1?"s":"",")"]})]}),t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:r?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"},children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})]}),r&&t.jsx("div",{className:"px-4 py-3",children:e.length===0?t.jsx("div",{className:"text-[12px] py-4 text-center",style:{color:"var(--text-tertiary)"},children:"No test runs yet"}):t.jsx("div",{className:"space-y-2",children:e.map(o=>t.jsx(Wv,{run:o,skillVersion:s},o.id))})})]})}function Wv({run:e,skillVersion:r}){const n=Math.round(e.summary.reliability*100),s=n>=80?"var(--green)":n>=60?"var(--yellow)":"var(--red)",o=n>=80?"Good":n>=60?"Needs Work":"Poor",a=s;return t.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5 rounded-lg",style:{background:"var(--surface-1)"},children:[t.jsx("div",{className:"flex-1 min-w-0",children:t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:Uv(e.timestamp)}),t.jsx(yn,{version:r??null,size:"sm","data-testid":"activation-row-version"}),t.jsx("span",{className:"pill text-[9px] px-1.5",style:{background:"var(--surface-2)",color:"var(--text-tertiary)"},children:e.model||e.provider}),t.jsxs("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:[e.promptCount," prompts"]})]})}),t.jsxs("div",{className:"flex items-center gap-3 flex-shrink-0",children:[t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:s,fontVariantNumeric:"tabular-nums"},children:[n,"%"]}),t.jsx("span",{className:"text-[10px] font-medium px-2 py-0.5 rounded",style:{color:a,background:`color-mix(in srgb, ${a} 10%, transparent)`},children:o})]})]})}function Uv(e){const r=Date.now(),n=new Date(e).getTime(),s=Math.floor((r-n)/1e3);if(s<60)return"just now";const o=Math.floor(s/60);if(o<60)return`${o}m ago`;const a=Math.floor(o/60);if(a<24)return`${a}h ago`;const i=Math.floor(a/24);return i<7?`${i}d ago`:new Date(e).toLocaleDateString()}function Mn(){return t.jsx("span",{style:{color:"var(--border-subtle)",userSelect:"none"},children:"·"})}function zi({result:e}){const r=e.verdict==="scope_warning"||e.verdict==="drift_warning",n=r?e.verdict==="scope_warning"?"SCOPE_WARNING":"DRIFT_WARNING":e.classification,s=Fi[n]||Fi.FN,o=!r&&(e.classification==="TP"||e.classification==="TN"),a=e.verdict==="scope_warning"?"scope warn":e.verdict==="drift_warning"?"drift warn":null,i=e.verdict&&e.verdict!=="ok"?_v[e.verdict]:void 0;return t.jsxs("div",{className:"flex items-start gap-3 p-4 rounded-xl transition-all duration-200",style:{background:s.bg,border:"1px solid transparent"},children:[t.jsx("div",{className:"flex-shrink-0 mt-0.5",children:t.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:`color-mix(in srgb, ${s.text} 20%, transparent)`},children:o?t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:s.text,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})}):r?t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:s.text,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),t.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),t.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}):t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:s.text,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("div",{className:"flex items-center gap-2 mb-1",children:t.jsx("span",{className:"text-[13px] font-medium",style:{color:"var(--text-primary)"},children:e.prompt})}),t.jsxs("div",{className:"flex items-center gap-3 text-[12px]",children:[t.jsx("span",{className:"pill",style:{background:"var(--surface-3)",color:s.text,fontWeight:700,fontSize:"10px",padding:"1px 6px"},title:i,children:a??e.classification}),t.jsx("span",{style:{color:e.activate?"var(--green)":"var(--text-tertiary)"},children:e.activate?"Activated":"Silent"}),t.jsxs("span",{style:{color:"var(--text-tertiary)"},children:["Expected: ",e.expected==="should_activate"?"activate":"stay silent"]}),t.jsxs("span",{style:{color:"var(--text-tertiary)"},children:[e.confidence," confidence"]}),e.autoClassified&&t.jsx("span",{className:"pill",style:{background:"var(--purple-muted)",color:"var(--purple)",fontSize:"9px",padding:"1px 5px"},children:"auto"})]}),e.reasoning&&t.jsx("div",{className:"text-[11px] mt-1.5",style:{color:"var(--text-tertiary)"},children:e.reasoning})]})]})}function Os({label:e,value:r,description:n,detail:s}){const o=Math.round(r*100),a=o>=80?"var(--green)":o>=60?"var(--yellow)":"var(--red)";return t.jsxs("div",{className:"text-center",children:[t.jsxs("div",{className:"text-[28px] font-bold tracking-tight",style:{color:a},children:[o,"%"]}),t.jsx("div",{className:"text-[12px] font-medium mt-0.5",style:{color:"var(--text-secondary)"},children:e}),t.jsx("div",{className:"text-[10px] mt-1",style:{color:"var(--text-tertiary)"},children:n}),t.jsx("div",{className:"text-[10px] mt-0.5 font-mono",style:{color:"var(--text-tertiary)"},children:s})]})}function Dn({abbr:e,count:r,bg:n,color:s,description:o}){return t.jsxs("div",{className:"text-center p-3 rounded-lg",style:{background:n},children:[t.jsx("div",{className:"text-[20px] font-bold",style:{color:s},children:r}),t.jsx("div",{className:"text-[11px] font-semibold",style:{color:s},children:e}),t.jsx("div",{className:"text-[9px] mt-0.5",style:{color:"var(--text-tertiary)"},children:o})]})}function Hv({startedAt:e}){const[r,n]=c.useState(0);return c.useEffect(()=>{const s=setInterval(()=>n(Math.floor((Date.now()-e)/1e3)),1e3);return()=>clearInterval(s)},[e]),t.jsxs("span",{className:"ml-2",children:["(",r,"s)"]})}function Vv(e){return e==="benchmark"||e==="activation"||e==="ab"}function Gv({mode:e}){var l;const{state:r,runAll:n}=ft(),s=c.useRef(!1),a=(((l=r.evals)==null?void 0:l.evals)??[]).length,i=r.evals!=null;return c.useEffect(()=>{if(e!=="benchmark"||typeof window>"u"||s.current)return;const d=new URLSearchParams(window.location.search);if(d.get("autorun")!=="1"||!i||a===0)return;s.current=!0,n("benchmark"),d.delete("autorun");const u=d.toString(),p=`${window.location.pathname}${u?"?"+u:""}${window.location.hash}`;window.history.replaceState(null,"",p)},[e,i,a,n]),e==="activation"?t.jsx(Bv,{}):t.jsx(Mv,{})}const Ws={benchmark:"#6383ff",comparison:"#a78bfa",baseline:"#fb923c"},_i={benchmark:"Benchmark",comparison:"Comparison",baseline:"Baseline"},Fo=600,zo=180,lt=40,Us=Fo-lt*2,Zt=zo-lt*2,Kv=[25,50,75,100];function Bi(e){return new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"})}function qv(e){return e==null?"--":`${(e/1e3).toFixed(1)}s`}function Yv({entries:e,onPointClick:r}){const[n,s]=c.useState(null),o=c.useMemo(()=>[...e].reverse(),[e]);if(o.length<2)return null;const a=o.length,i=o.map((u,p)=>{const f=lt+p/(a-1)*Us,h=u.passRate*100,m=lt+Zt-h/100*Zt;return{x:f,y:m,pct:h,entry:u}}),l=i.map(u=>`${u.x},${u.y}`).join(" "),d=Array.from(new Set(o.map(u=>u.type)));return t.jsxs("div",{className:"glass-card p-5 animate-fade-in",style:{position:"relative",overflowX:a>=20?"auto":void 0},children:[t.jsx("div",{className:"text-[13px] font-semibold mb-2",style:{color:"var(--text-primary)"},children:"Pass Rate Trend"}),t.jsx("div",{className:"flex items-center gap-5 mb-3",children:d.map(u=>t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("div",{className:"w-3 h-3 rounded-full",style:{background:Ws[u]??"var(--text-tertiary)"}}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:_i[u]??u})]},u))}),t.jsxs("svg",{width:Fo,height:zo,viewBox:`0 0 ${Fo} ${zo}`,style:{display:"block",overflow:"visible"},children:[Kv.map(u=>{const p=lt+Zt-u/100*Zt;return t.jsxs("g",{children:[t.jsx("line",{x1:lt,y1:p,x2:lt+Us,y2:p,stroke:"var(--border-subtle)",strokeWidth:.5,strokeDasharray:"4 4"}),t.jsxs("text",{x:lt-8,y:p+3.5,textAnchor:"end",style:{fill:"var(--text-tertiary)",fontSize:10},children:[u,"%"]})]},u)}),t.jsx("line",{x1:lt,y1:lt+Zt,x2:lt+Us,y2:lt+Zt,stroke:"var(--border-subtle)",strokeWidth:1}),t.jsx("text",{x:lt-8,y:lt+Zt+3.5,textAnchor:"end",style:{fill:"var(--text-tertiary)",fontSize:10},children:"0%"}),t.jsx("polyline",{points:l,fill:"none",stroke:"var(--border-subtle)",strokeWidth:1.5,strokeLinejoin:"round"}),i.map((u,p)=>t.jsx("circle",{cx:u.x,cy:u.y,r:5,fill:Ws[u.entry.type]??"var(--text-tertiary)",stroke:"var(--surface-2)",strokeWidth:2,style:{cursor:"pointer",transition:"r 0.15s ease"},onMouseEnter:f=>{f.currentTarget.setAttribute("r","7"),s({x:u.x,y:u.y,entry:u.entry})},onMouseLeave:f=>{f.currentTarget.setAttribute("r","5"),s(null)},onClick:()=>r==null?void 0:r(u.entry)},p)),Jv(a).map(u=>t.jsx("text",{x:i[u].x,y:lt+Zt+16,textAnchor:"middle",style:{fill:"var(--text-tertiary)",fontSize:10},children:Bi(o[u].timestamp)},u))]}),n&&t.jsxs("div",{style:{position:"absolute",left:n.x,top:n.y-12,transform:"translate(-50%, -100%)",background:"var(--surface-3)",border:"1px solid var(--border-subtle)",borderRadius:8,padding:"8px 12px",pointerEvents:"none",zIndex:10,whiteSpace:"nowrap"},children:[t.jsx("div",{className:"text-[11px] font-medium",style:{color:"var(--text-primary)"},children:Bi(n.entry.timestamp)}),t.jsx("div",{className:"text-[11px] mt-0.5",style:{color:"var(--text-tertiary)"},children:n.entry.model}),t.jsxs("div",{className:"flex items-center gap-2 mt-1",children:[t.jsx("span",{className:"text-[9px] font-semibold px-1.5 py-0.5 rounded-full",style:{background:Ws[n.entry.type]??"var(--text-tertiary)",color:"#fff"},children:_i[n.entry.type]??n.entry.type}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:"var(--text-primary)"},children:[Math.round(n.entry.passRate*100),"%"]})]}),t.jsxs("div",{className:"text-[10px] mt-1.5 flex items-center gap-3",style:{color:"var(--text-tertiary)"},children:[t.jsx("span",{children:qv(n.entry.totalDurationMs)}),t.jsx("span",{children:n.entry.totalTokens!=null?`${n.entry.totalTokens} tokens`:"--"})]})]})]})}function Jv(e){if(e<=3)return Array.from({length:e},(s,o)=>o);if(e<=6)return[0,Math.floor(e/2),e-1];if(e<20)return[0,Math.floor(e/3),Math.floor(2*e/3),e-1];const r=Math.ceil(e/10),n=[0];for(let s=r;s<e-1;s+=r)n.push(s);return n.push(e-1),n}const Jr=new Map;let ct=null,qn=null,Fn=1e3,Sr=0;function Nd(){if(ct)return;ct=new EventSource("/api/events");const e=r=>n=>{let s={};try{s=n.data?JSON.parse(n.data):{}}catch{}const o=Jr.get(r);if(o)for(const a of o)a(s)};ct.addEventListener("benchmark:complete",e("benchmark:complete")),ct.addEventListener("history:written",e("history:written")),ct.addEventListener("leaderboard:updated",e("leaderboard:updated")),ct.onerror=()=>{ct==null||ct.close(),ct=null,Sr>0&&(qn=setTimeout(()=>{Fn=Math.min(Fn*2,3e4),Nd()},Fn))},ct.onopen=()=>{Fn=1e3}}function Qv(){qn!=null&&(clearTimeout(qn),qn=null),ct==null||ct.close(),ct=null}function Xv(e,r){return Jr.has(e)||Jr.set(e,new Set),Jr.get(e).add(r),Sr++,Nd(),()=>{var n;(n=Jr.get(e))==null||n.delete(r),Sr--,Sr<=0&&(Sr=0,queueMicrotask(()=>{Sr<=0&&Qv()}))}}function es(e,r){const n=c.useRef(r);n.current=r,c.useEffect(()=>Xv(e,o=>n.current(o)),[e])}function ts(e){return e>=.8?"var(--green)":e>=.5?"var(--yellow)":"var(--red)"}function Zv(e){return e>=1e3?`${(e/1e3).toFixed(1)}s`:`${Math.round(e)}ms`}function eb({rate:e,label:r}){const n=Math.round(e*100);return t.jsx("div",{className:"flex items-center gap-3",children:t.jsxs("div",{className:"flex-1",children:[t.jsxs("div",{className:"flex items-center justify-between mb-1",children:[t.jsx("span",{className:"text-[11px] truncate",style:{color:"var(--text-primary)",maxWidth:"70%"},children:r}),t.jsxs("span",{className:"text-[11px] font-semibold",style:{color:ts(e)},children:[n,"%"]})]}),t.jsx("div",{className:"h-1.5 rounded-full overflow-hidden",style:{background:"var(--surface-3)"},children:t.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${n}%`,background:ts(e)}})})]})})}function tb({points:e}){if(e.length<2)return null;const r=200,n=48,s=4,o=e.length,a=e.map((d,u)=>{const p=s+u/(o-1)*(r-s*2),f=s+(n-s*2)-d.passRate*(n-s*2);return{x:p,y:f}}),i=`M ${a[0].x},${n-s} `+a.map(d=>`L ${d.x},${d.y}`).join(" ")+` L ${a[a.length-1].x},${n-s} Z`,l=a.map((d,u)=>`${u===0?"M":"L"} ${d.x},${d.y}`).join(" ");return t.jsxs("svg",{width:r,height:n,style:{display:"block"},children:[t.jsx("path",{d:i,fill:"var(--accent-muted)"}),t.jsx("path",{d:l,fill:"none",stroke:"var(--accent)",strokeWidth:1.5,strokeLinejoin:"round"}),t.jsx("circle",{cx:a[a.length-1].x,cy:a[a.length-1].y,r:3,fill:"var(--accent)"})]})}function rb({plugin:e,skill:r}){const n=`stats/${e}/${r}`,s=c.useCallback(()=>ce.getStats(e,r),[e,r]),{data:o,loading:a}=St(n,s),i=c.useCallback(()=>ze(n),[n]);if(es("benchmark:complete",i),es("history:written",i),a)return t.jsxs("div",{className:"space-y-4",children:[t.jsx("div",{className:"skeleton h-24 rounded-xl"}),t.jsx("div",{className:"skeleton h-48 rounded-xl"}),t.jsx("div",{className:"skeleton h-36 rounded-xl"})]});if(!o||o.totalRuns===0)return t.jsxs("div",{className:"text-center py-12",children:[t.jsx("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center mx-auto mb-3",style:{background:"var(--surface-2)"},children:t.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"1.5",children:[t.jsx("path",{d:"M18 20V10"}),t.jsx("path",{d:"M12 20V4"}),t.jsx("path",{d:"M6 20v-6"})]})}),t.jsx("p",{className:"text-[13px]",style:{color:"var(--text-tertiary)"},children:"No benchmark data yet"}),t.jsx("p",{className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},children:"Run some benchmarks to see statistics"})]});const l=o.trendPoints.length>0?o.trendPoints[o.trendPoints.length-1].passRate:0,d=o.trendPoints.length>0?o.trendPoints[0].passRate:0,u=l-d,p=o.assertionStats.slice(0,10);return t.jsxs("div",{className:"space-y-4 stagger-children",children:[t.jsxs("div",{className:"grid grid-cols-4 gap-3",children:[t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-widest font-semibold mb-1",style:{color:"var(--text-tertiary)"},children:"Total Runs"}),t.jsx("div",{className:"text-[24px] font-bold",style:{color:"var(--text-primary)"},children:o.totalRuns})]}),t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-widest font-semibold mb-1",style:{color:"var(--text-tertiary)"},children:"Latest Pass Rate"}),t.jsxs("div",{className:"text-[24px] font-bold",style:{color:ts(l)},children:[Math.round(l*100),"%"]})]}),t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-widest font-semibold mb-1",style:{color:"var(--text-tertiary)"},children:"Trend"}),t.jsxs("div",{className:"text-[24px] font-bold",style:{color:u>=0?"var(--green)":"var(--red)"},children:[u>=0?"+":"",Math.round(u*100),"%"]})]}),t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-widest font-semibold mb-1",style:{color:"var(--text-tertiary)"},children:"Models Tested"}),t.jsx("div",{className:"text-[24px] font-bold",style:{color:"var(--text-primary)"},children:o.modelStats.length})]}),o.totalCost!=null&&t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-widest font-semibold mb-1",style:{color:"var(--text-tertiary)"},children:"Total Cost"}),t.jsx("div",{className:"text-[20px] font-bold",style:{color:"var(--text-primary)"},children:wt(o.totalCost)})]}),o.costPerRun!=null&&t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-widest font-semibold mb-1",style:{color:"var(--text-tertiary)"},children:"Avg Cost/Run"}),t.jsx("div",{className:"text-[20px] font-bold",style:{color:"var(--text-primary)"},children:wt(o.costPerRun)})]})]}),o.trendPoints.length>=2&&t.jsxs("div",{className:"glass-card p-5",children:[t.jsx("div",{className:"text-[13px] font-semibold mb-3",style:{color:"var(--text-primary)"},children:"Pass Rate Over Time"}),t.jsx(tb,{points:o.trendPoints})]}),o.modelStats.length>0&&t.jsxs("div",{className:"glass-card p-5",children:[t.jsx("div",{className:"text-[13px] font-semibold mb-3",style:{color:"var(--text-primary)"},children:"Model Performance"}),t.jsxs("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:12},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-subtle)"},children:[t.jsx("th",{style:{textAlign:"left",padding:"6px 8px",color:"var(--text-tertiary)",fontWeight:600,fontSize:11},children:"Model"}),t.jsx("th",{style:{textAlign:"center",padding:"6px 8px",color:"var(--text-tertiary)",fontWeight:600,fontSize:11},children:"Runs"}),t.jsx("th",{style:{textAlign:"center",padding:"6px 8px",color:"var(--text-tertiary)",fontWeight:600,fontSize:11},children:"Avg Pass Rate"}),t.jsx("th",{style:{textAlign:"center",padding:"6px 8px",color:"var(--text-tertiary)",fontWeight:600,fontSize:11},children:"Avg Duration"}),t.jsx("th",{style:{textAlign:"center",padding:"6px 8px",color:"var(--text-tertiary)",fontWeight:600,fontSize:11},children:"Avg Cost"})]})}),t.jsx("tbody",{children:o.modelStats.map(f=>t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-subtle)"},children:[t.jsx("td",{style:{padding:"8px",color:"var(--text-primary)",fontWeight:500},children:f.model}),t.jsx("td",{style:{padding:"8px",textAlign:"center",fontFamily:"var(--font-mono, monospace)",color:"var(--text-secondary)"},children:f.runs}),t.jsx("td",{style:{padding:"8px",textAlign:"center"},children:t.jsxs("span",{className:"font-semibold",style:{color:ts(f.avgPassRate)},children:[Math.round(f.avgPassRate*100),"%"]})}),t.jsx("td",{style:{padding:"8px",textAlign:"center",fontFamily:"var(--font-mono, monospace)",color:"var(--text-secondary)"},children:Zv(f.avgDurationMs)}),t.jsx("td",{style:{padding:"8px",textAlign:"center",fontFamily:"var(--font-mono, monospace)",color:"var(--text-secondary)"},children:f.avgCost!=null?wt(f.avgCost):"N/A"})]},f.model))})]})]}),p.length>0&&t.jsxs("div",{className:"glass-card p-5",children:[t.jsx("div",{className:"text-[13px] font-semibold mb-3",style:{color:"var(--text-primary)"},children:"Weakest Assertions"}),t.jsx("div",{className:"space-y-3",children:p.map(f=>t.jsxs("button",{className:"block w-full text-left rounded-lg p-2 -mx-2 transition-colors duration-150",style:{background:"transparent"},onMouseEnter:h=>{h.currentTarget.style.background="var(--surface-2)"},onMouseLeave:h=>{h.currentTarget.style.background="transparent"},onClick:()=>{},children:[t.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[t.jsxs("span",{className:"text-[10px] font-mono px-1 py-0.5 rounded flex-shrink-0",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:["#",f.evalId]}),t.jsx("span",{className:"text-[10px] truncate",style:{color:"var(--text-tertiary)"},children:f.evalName}),t.jsxs("span",{className:"text-[10px] ml-auto flex-shrink-0",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:[f.totalRuns," runs"]})]}),t.jsx(eb,{rate:f.passRate,label:f.text})]},`${f.evalId}:${f.id}`))})]})]})}function nb({plugin:e,skill:r}){const[n,s]=c.useState(null),[o,a]=c.useState(null),[i,l]=c.useState({}),[d,u]=c.useState({});c.useEffect(()=>{ce.getEvals(e,r).then(s).catch(()=>s(null))},[e,r]);async function p(f){if(o===f){a(null);return}if(a(f),!i[f]){u(h=>({...h,[f]:!0}));try{const h=await ce.getCaseHistory(e,r,f);l(m=>({...m,[f]:h}))}catch{l(h=>({...h,[f]:[]}))}finally{u(h=>({...h,[f]:!1}))}}}return n?t.jsx("div",{className:"space-y-2 stagger-children",children:n.evals.map(f=>{const h=i[f.id]||[],m=o===f.id,y=d[f.id],x=h.length>0?h[0].pass_rate:null;return t.jsxs("div",{className:"glass-card overflow-hidden",children:[t.jsxs("button",{onClick:()=>p(f.id),className:"w-full text-left p-4 flex items-center gap-3 transition-colors duration-150",style:{background:m?"var(--surface-2)":"transparent"},onMouseEnter:g=>{m||(g.currentTarget.style.background="var(--surface-2)")},onMouseLeave:g=>{m||(g.currentTarget.style.background="transparent")},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2.5",strokeLinecap:"round",style:{transform:m?"rotate(90deg)":"rotate(0)",transition:"transform 0.2s ease",flexShrink:0},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})}),t.jsxs("span",{className:"text-[11px] font-mono px-1.5 py-0.5 rounded flex-shrink-0",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:["#",f.id]}),t.jsx("span",{className:"text-[13px] font-medium flex-1 truncate",style:{color:"var(--text-primary)"},children:f.name}),h.length>=2&&t.jsx(yd,{entries:h}),x!=null&&t.jsxs("span",{className:"text-[12px] font-semibold flex-shrink-0",style:{color:Lr(x)},children:[Math.round(x*100),"%"]}),h.length>0&&t.jsxs("span",{className:"text-[10px] flex-shrink-0",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:[h.length," runs"]})]}),m&&t.jsx("div",{className:"border-t animate-fade-in",style:{borderColor:"var(--border-subtle)"},children:y?t.jsxs("div",{className:"p-4 flex items-center gap-2",children:[t.jsx("div",{className:"spinner",style:{width:14,height:14}}),t.jsx("span",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"Loading history..."})]}):h.length===0?t.jsx("div",{className:"p-4",children:t.jsx("p",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"No history for this eval case"})}):t.jsx("div",{className:"divide-y",style:{borderColor:"var(--border-subtle)"},children:h.map((g,b)=>t.jsxs("div",{className:"p-4",style:{background:b===0?"var(--surface-2)":"transparent"},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:xd(g.timestamp)}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:g.model}),t.jsx("span",{className:"pill",style:{fontSize:9,padding:"1px 6px",background:g.type==="benchmark"?"rgba(99,131,255,0.15)":g.type==="comparison"?"var(--purple-muted)":"rgba(251,146,60,0.15)",color:g.type==="benchmark"?"#6383ff":g.type==="comparison"?"var(--purple)":"#fb923c"},children:g.type}),t.jsxs("span",{className:"text-[12px] font-semibold ml-auto",style:{color:Lr(g.pass_rate)},children:[Math.round(g.pass_rate*100),"%"]})]}),t.jsxs("div",{className:"flex items-center gap-4 mb-2 text-[10px]",style:{fontFamily:"var(--font-mono, monospace)",color:"var(--text-tertiary)"},children:[g.durationMs!=null&&t.jsx("span",{children:gd(g.durationMs)}),g.tokens!=null&&t.jsxs("span",{children:[g.tokens>=1e3?`${(g.tokens/1e3).toFixed(1)}k`:g.tokens," tok"]})]}),t.jsx("div",{className:"space-y-1",children:g.assertions.map(v=>t.jsxs("div",{className:"flex items-start gap-2 py-0.5",children:[t.jsx("div",{className:"w-3.5 h-3.5 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5",style:{background:v.pass?"var(--green)":"var(--red)"},children:t.jsx("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3.5",strokeLinecap:"round",strokeLinejoin:"round",children:v.pass?t.jsx("polyline",{points:"20 6 9 17 4 12"}):t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("div",{className:"text-[11px]",style:{color:"var(--text-primary)"},children:v.text}),v.reasoning&&t.jsx("div",{className:"text-[10px] mt-0.5",style:{color:"var(--text-tertiary)"},children:v.reasoning})]})]},v.id))})]},b))})})]},f.id)})}):t.jsx("div",{className:"text-center py-12",children:t.jsx("p",{className:"text-[13px]",style:{color:"var(--text-tertiary)"},children:"No eval cases found"})})}function sb(){const{state:e,dispatch:r}=ft(),{plugin:n,skill:s}=e,{state:o}=Mt(),a=o.skills.find(D=>D.plugin===n&&D.skill===s),i=(a==null?void 0:a.resolvedVersion)??(a==null?void 0:a.version)??null,[l,d]=c.useState("timeline"),[u,p]=c.useState(""),[f,h]=c.useState(""),[m,y]=c.useState(!1),[x,g]=c.useState([]),[b,v]=c.useState(null),[j,C]=c.useState(!1),[w,R]=c.useState(null),[k,E]=c.useState(!1),T=`history/${n}/${s}?model=${u}&type=${f}`,N=c.useCallback(()=>ce.getHistory(n,s,{model:u||void 0,type:f||void 0}),[n,s,u,f]),{data:I,loading:A}=St(T,N),$=I??[];c.useEffect(()=>{!I||I.length<2||ce.compareRuns(n,s,I[0].timestamp,I[1].timestamp).then(D=>{const H=D.regressions.filter(ne=>ne.change==="regression");r({type:"SET_REGRESSIONS",regressions:H})}).catch(()=>{})},[I,n,s,r]);const _=c.useCallback(()=>ze(T),[T]);es("history:written",_);const S=c.useCallback(async D=>{if(m){g(H=>H.includes(D)?H.filter(ne=>ne!==D):H.length>=2?[H[1],D]:[...H,D]);return}E(!0);try{const H=await ce.getHistoryEntry(n,s,D);R(H)}catch{}finally{E(!1)}},[n,s,m]),L=c.useCallback(async()=>{if(x.length===2){C(!0);try{const D=await ce.compareRuns(n,s,x[0],x[1]);v(D)}catch{}finally{C(!1)}}},[n,s,x]),P=[...new Set($.map(D=>D.model))];return A?t.jsxs("div",{className:"p-5",children:[t.jsx("div",{className:"skeleton h-5 w-32 mb-4"}),t.jsx("div",{className:"skeleton h-48 rounded-xl mb-4"}),t.jsxs("div",{className:"space-y-2",children:[t.jsx("div",{className:"skeleton h-12 rounded-lg"}),t.jsx("div",{className:"skeleton h-12 rounded-lg"})]})]}):t.jsxs("div",{className:"p-5",children:[t.jsx("div",{className:"flex items-center gap-1 mb-4",children:["timeline","per-eval","statistics"].map(D=>t.jsx("button",{onClick:()=>d(D),className:"px-4 py-2 rounded-lg text-[12px] font-medium transition-all duration-150",style:{background:l===D?"var(--accent-muted)":"transparent",color:l===D?"var(--accent)":"var(--text-tertiary)"},children:D==="timeline"?"Timeline":D==="per-eval"?"Per Eval":"Statistics"},D))}),l==="timeline"&&t.jsxs("div",{children:[$.length>0&&t.jsx("div",{className:"mb-5 rounded-xl p-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:t.jsx(Yv,{entries:$,onPointClick:D=>S(D.timestamp)})}),t.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[t.jsxs("select",{value:u,onChange:D=>p(D.target.value),className:"input-field text-[12px]",style:{width:150},children:[t.jsx("option",{value:"",children:"All Models"}),P.map(D=>t.jsx("option",{value:D,children:D},D))]}),t.jsxs("select",{value:f,onChange:D=>h(D.target.value),className:"input-field text-[12px]",style:{width:150},children:[t.jsx("option",{value:"",children:"All Types"}),t.jsx("option",{value:"benchmark",children:"Benchmark"}),t.jsx("option",{value:"comparison",children:"Comparison"}),t.jsx("option",{value:"baseline",children:"Baseline"}),t.jsx("option",{value:"model-compare",children:"Model Compare"}),t.jsx("option",{value:"improve",children:"AI Improve"}),t.jsx("option",{value:"instruct",children:"AI Edit"}),t.jsx("option",{value:"ai-generate",children:"AI Generate"}),t.jsx("option",{value:"eval-generate",children:"Eval Generate"})]}),t.jsx("div",{className:"flex-1"}),t.jsx("button",{onClick:()=>{y(!m),g([]),v(null)},className:`btn text-[12px] ${m?"btn-primary":"btn-secondary"}`,children:m?"Exit Compare":"Compare Runs"}),m&&x.length===2&&t.jsx("button",{onClick:L,disabled:j,className:"btn btn-primary text-[12px]",children:j?"Comparing...":"Compare"})]}),t.jsx("div",{className:"space-y-2",children:$.length===0?t.jsx("div",{className:"text-center py-8 text-[13px]",style:{color:"var(--text-tertiary)"},children:"No benchmark runs yet"}):$.map(D=>{const H=x.includes(D.timestamp);return t.jsx("button",{onClick:()=>S(D.timestamp),className:"w-full text-left rounded-lg px-4 py-3 transition-all duration-150",style:{background:H?"var(--accent-muted)":"var(--surface-1)",border:H?"1px solid var(--accent)":"1px solid var(--border-subtle)"},onMouseEnter:ne=>{H||(ne.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:ne=>{H||(ne.currentTarget.style.borderColor="var(--border-subtle)")},children:t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[m&&t.jsx("span",{className:"w-4 h-4 rounded border flex items-center justify-center",style:{borderColor:H?"var(--accent)":"var(--border-default)",background:H?"var(--accent)":"transparent"},children:H&&t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-paper)",strokeWidth:"3",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})}),t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:new Date(D.timestamp).toLocaleString()}),t.jsx("span",{className:"pill text-[9px]",style:{background:D.type==="comparison"?"var(--purple-muted)":D.type==="baseline"?"var(--surface-3)":D.type==="model-compare"?"var(--accent-muted)":D.type==="improve"||D.type==="instruct"?"var(--purple-muted)":D.type==="ai-generate"?"var(--green-muted)":D.type==="eval-generate"?"var(--orange-muted)":"var(--accent-muted)",color:D.type==="comparison"?"var(--purple)":D.type==="baseline"?"var(--text-tertiary)":D.type==="model-compare"?"var(--accent)":D.type==="improve"||D.type==="instruct"?"var(--purple)":D.type==="ai-generate"?"var(--green)":D.type==="eval-generate"?"var(--orange)":"var(--accent)"},children:D.type==="model-compare"?"model compare":D.type==="improve"?"ai improve":D.type==="instruct"?"ai edit":D.type==="ai-generate"?"ai generate":D.type==="eval-generate"?"eval generate":D.type})]}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(yn,{version:i,size:"sm","data-testid":"history-row-version"}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:D.model}),D.totalCost!=null&&D.totalCost>0&&t.jsx("span",{className:"text-[11px] font-mono",style:{color:"var(--text-tertiary)"},children:wt(D.totalCost)}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:D.passRate>=.8?"var(--green)":D.passRate>=.5?"var(--yellow)":"var(--red)"},children:[Math.round(D.passRate*100),"%"]})]})]})},D.timestamp)})}),b&&t.jsx(ob,{result:b}),w&&!m&&t.jsx(ab,{run:w,onClose:()=>R(null)})]}),l==="per-eval"&&t.jsx(nb,{plugin:n,skill:s}),l==="statistics"&&t.jsx(rb,{plugin:n,skill:s})]})}function ob({result:e}){const r=e.regressions.filter(s=>s.change==="regression"),n=e.regressions.filter(s=>s.change==="improvement");return t.jsxs("div",{className:"mt-4 rounded-xl p-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"text-[13px] font-semibold mb-3",style:{color:"var(--text-primary)"},children:["Comparison: ",new Date(e.runA.timestamp).toLocaleDateString()," vs ",new Date(e.runB.timestamp).toLocaleDateString()]}),(e.runA.totalCost!=null||e.runB.totalCost!=null)&&t.jsxs("div",{className:"flex items-center gap-4 mb-3 text-[11px]",style:{color:"var(--text-secondary)"},children:[t.jsxs("span",{children:["Run A cost: ",wt(e.runA.totalCost??null)]}),t.jsxs("span",{children:["Run B cost: ",wt(e.runB.totalCost??null)]}),e.runA.totalCost!=null&&e.runB.totalCost!=null&&t.jsxs("span",{style:{color:e.runB.totalCost<=e.runA.totalCost?"var(--green)":"var(--red)"},children:["Delta: ",wt(e.runB.totalCost-e.runA.totalCost)]})]}),r.length>0&&t.jsxs("div",{className:"mb-3",children:[t.jsxs("div",{className:"text-[11px] font-semibold uppercase tracking-wider mb-1",style:{color:"var(--red)"},children:["Regressions (",r.length,")"]}),r.map(s=>t.jsxs("div",{className:"text-[12px] py-1",style:{color:"var(--text-secondary)"},children:["#",s.evalId," ",s.evalName,": ",t.jsx("span",{style:{color:"var(--red)"},children:s.assertionId})," (was passing, now failing)"]},`${s.evalId}-${s.assertionId}`))]}),n.length>0&&t.jsxs("div",{className:"mb-3",children:[t.jsxs("div",{className:"text-[11px] font-semibold uppercase tracking-wider mb-1",style:{color:"var(--green)"},children:["Improvements (",n.length,")"]}),n.map(s=>t.jsxs("div",{className:"text-[12px] py-1",style:{color:"var(--text-secondary)"},children:["#",s.evalId," ",s.evalName,": ",t.jsx("span",{style:{color:"var(--green)"},children:s.assertionId})," (was failing, now passing)"]},`${s.evalId}-${s.assertionId}`))]}),t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider mb-2 mt-3",style:{color:"var(--text-tertiary)"},children:"Case Diffs"}),t.jsx("div",{className:"rounded-lg overflow-hidden",style:{border:"1px solid var(--border-subtle)"},children:t.jsxs("table",{className:"w-full text-[12px]",children:[t.jsx("thead",{children:t.jsxs("tr",{style:{background:"var(--surface-2)"},children:[t.jsx("th",{className:"text-left px-3 py-2 font-medium",style:{color:"var(--text-tertiary)"},children:"Case"}),t.jsx("th",{className:"text-right px-3 py-2 font-medium",style:{color:"var(--text-tertiary)"},children:"Run A"}),t.jsx("th",{className:"text-right px-3 py-2 font-medium",style:{color:"var(--text-tertiary)"},children:"Run B"})]})}),t.jsx("tbody",{children:e.caseDiffs.map(s=>t.jsxs("tr",{style:{borderTop:"1px solid var(--border-subtle)"},children:[t.jsxs("td",{className:"px-3 py-2",style:{color:"var(--text-secondary)"},children:["#",s.eval_id," ",s.eval_name]}),t.jsx("td",{className:"text-right px-3 py-2",style:{color:s.passRateA!=null?s.passRateA>=.8?"var(--green)":s.passRateA>=.5?"var(--yellow)":"var(--red)":"var(--text-tertiary)"},children:s.passRateA!=null?`${Math.round(s.passRateA*100)}%`:s.statusA}),t.jsx("td",{className:"text-right px-3 py-2",style:{color:s.passRateB!=null?s.passRateB>=.8?"var(--green)":s.passRateB>=.5?"var(--yellow)":"var(--red)":"var(--text-tertiary)"},children:s.passRateB!=null?`${Math.round(s.passRateB*100)}%`:s.statusB})]},s.eval_id))})]})})]})}function ab({run:e,onClose:r}){return(e.type==="improve"||e.type==="instruct")&&e.improve?t.jsx(ib,{run:e,onClose:r}):t.jsxs("div",{className:"mt-4 rounded-xl p-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between mb-3",children:[t.jsxs("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:["Run: ",new Date(e.timestamp).toLocaleString()]}),t.jsx("button",{onClick:r,className:"btn btn-ghost text-[11px]",children:"Close"})]}),t.jsxs("div",{className:"text-[11px] mb-3",style:{color:"var(--text-tertiary)"},children:["Model: ",e.model," | Cases: ",e.cases.length," | Pass Rate: ",e.overall_pass_rate!=null?`${Math.round(e.overall_pass_rate*100)}%`:"--",e.totalCost!=null&&e.totalCost>0&&` | Cost: ${wt(e.totalCost)}`]}),t.jsx("div",{className:"space-y-2",children:e.cases.map(n=>t.jsx("div",{className:"rounded-lg px-3 py-2",style:{background:"var(--surface-2)"},children:t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxs("span",{className:"text-[12px]",style:{color:"var(--text-secondary)"},children:["#",n.eval_id," ",n.eval_name]}),t.jsxs("div",{className:"flex items-center gap-2",children:[n.cost!=null&&n.cost>0&&t.jsx("span",{className:"text-[10px] font-mono",style:{color:"var(--text-tertiary)"},children:wt(n.cost)}),t.jsx("span",{className:"text-[11px] font-semibold",style:{color:n.status==="pass"?"var(--green)":"var(--red)"},children:n.pass_rate!=null?`${Math.round(n.pass_rate*100)}%`:n.status})]})]})},n.eval_id))})]})}function ib({run:e,onClose:r}){var a;const n=c.useMemo(()=>e.improve?hs(e.improve.original,e.improve.improved):[],[e.improve]),s=c.useMemo(()=>{const i=n.filter(d=>d.type==="added").length,l=n.filter(d=>d.type==="removed").length;return{added:i,removed:l}},[n]),o=c.useMemo(()=>{let i=0,l=0;return n.map(d=>d.type==="removed"?(i++,{...d,origNum:i,newNum:null}):d.type==="added"?(l++,{...d,origNum:null,newNum:l}):(i++,l++,{...d,origNum:i,newNum:l}))},[n]);return t.jsxs("div",{className:"mt-4 rounded-xl overflow-hidden animate-fade-in",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between px-5 py-3.5",style:{background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("div",{className:"w-8 h-8 rounded-lg flex items-center justify-center",style:{background:"var(--purple-muted)"},children:t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"var(--purple)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),t.jsx("path",{d:"M2 17l10 5 10-5"}),t.jsx("path",{d:"M2 12l10 5 10-5"})]})}),t.jsxs("div",{children:[t.jsx("div",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"SKILL.md Changes"}),t.jsxs("div",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:[new Date(e.timestamp).toLocaleString()," · ",e.model]})]})]}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[t.jsxs("span",{style:{color:"var(--green)"},children:["+",s.added]}),t.jsxs("span",{style:{color:"var(--red)"},children:["-",s.removed]})]}),t.jsx("button",{onClick:r,className:"w-7 h-7 rounded-lg flex items-center justify-center transition-colors duration-150",style:{color:"var(--text-tertiary)"},onMouseEnter:i=>{i.currentTarget.style.background="var(--surface-3)"},onMouseLeave:i=>{i.currentTarget.style.background="transparent"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]}),((a=e.improve)==null?void 0:a.reasoning)&&t.jsxs("div",{className:"mx-4 mt-4 px-4 py-3 rounded-lg text-[12px]",style:{background:"var(--purple-muted)",border:"1px solid var(--purple-muted)",color:"var(--text-secondary)"},children:[t.jsx("span",{className:"font-semibold",style:{color:"var(--purple)"},children:"AI Reasoning: "}),e.improve.reasoning]}),t.jsx("div",{className:"mx-4 my-4 rounded-lg overflow-hidden",style:{border:"1px solid var(--border-subtle)",maxHeight:480,overflowY:"auto"},children:t.jsx("table",{className:"w-full",style:{borderCollapse:"collapse",fontFamily:"var(--font-mono, monospace)"},children:t.jsx("tbody",{children:o.map((i,l)=>t.jsxs("tr",{style:{background:i.type==="added"?"var(--green-muted)":i.type==="removed"?"var(--red-muted)":"transparent"},children:[t.jsx("td",{className:"text-right select-none px-2",style:{width:40,fontSize:10,color:i.type==="removed"?"var(--red)":"var(--text-tertiary)",opacity:i.origNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:i.origNum??""}),t.jsx("td",{className:"text-right select-none px-2",style:{width:40,fontSize:10,color:i.type==="added"?"var(--green)":"var(--text-tertiary)",opacity:i.newNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:i.newNum??""}),t.jsx("td",{className:"select-none text-center",style:{width:20,fontSize:11,fontWeight:700,color:i.type==="added"?"var(--green)":i.type==="removed"?"var(--red)":"transparent",borderRight:i.type==="added"?"2px solid var(--green)":i.type==="removed"?"2px solid var(--red)":"2px solid transparent"},children:i.type==="added"?"+":i.type==="removed"?"-":" "}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:i.type==="added"?"var(--green)":i.type==="removed"?"var(--red)":"var(--text-secondary)"},children:i.content||"​"})]},l))})})})]})}function Rd({data:e}){if(e.length<2)return t.jsx("span",{style:{color:"var(--text-tertiary)",fontSize:10},children:"--"});const r=e.slice(-10),n=80,s=24,o=2,a=n-o*2,i=s-o*2,l=r.length,d=Math.min(...r),p=Math.max(...r)-d||1,f=r.map((y,x)=>{const g=o+x/(l-1)*a,b=o+i-(y-d)/p*i;return`${g.toFixed(1)},${b.toFixed(1)}`}),h=r[r.length-1],m=Lr(h);return t.jsxs("svg",{width:n,height:s,viewBox:`0 0 ${n} ${s}`,style:{display:"block"},children:[t.jsx("polyline",{points:f.join(" "),fill:"none",stroke:m,strokeWidth:1.5,strokeLinejoin:"round",strokeLinecap:"round"}),(()=>{const[y,x]=f[f.length-1].split(",");return t.jsx("circle",{cx:y,cy:x,r:2.5,fill:m})})()]})}function lb(){return t.jsxs("span",{className:"pill",style:{background:"var(--yellow-muted)",color:"var(--yellow)",fontSize:9,fontWeight:700,gap:3},children:[t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"var(--yellow)",stroke:"none",children:t.jsx("polygon",{points:"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"})}),"Best Model"]})}function cb({pct:e}){const r=e>=10?"var(--green)":e>=0?"var(--yellow)":"var(--red)",n=e>=10?"var(--green-muted)":e>=0?"var(--yellow-muted)":"var(--red-muted)",s=e>=0?"+":"";return t.jsxs("span",{className:"pill",style:{background:n,color:r,fontSize:10,fontWeight:600},children:[s,e.toFixed(1),"%"]})}function db({score:e,rating:r}){const n={excellent:{bg:"var(--green-muted)",fg:"var(--green)"},good:{bg:"var(--green-muted)",fg:"var(--green)"},marginal:{bg:"var(--yellow-muted)",fg:"var(--yellow)"},minimal:{bg:"var(--yellow-muted)",fg:"var(--yellow)"},harmful:{bg:"var(--red-muted)",fg:"var(--red)"}},s=n[r]??n.minimal,o=e>=0?"+":"";return t.jsxs("div",{className:"flex items-center gap-2 mt-3",children:[t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:"Skill Quality:"}),t.jsxs("span",{className:"pill",style:{background:s.bg,color:s.fg,fontSize:11,fontWeight:600},children:[o,e.toFixed(1),"% (",r.toUpperCase(),")"]})]})}function ub({warning:e}){return t.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg mb-3",style:{background:"var(--yellow-muted)",border:"1px solid var(--yellow-muted)"},children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--yellow)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),t.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),t.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--yellow)"},children:e})]})}function pb({active:e,onChange:r,hasBaseline:n}){return t.jsxs("div",{className:"flex gap-1 p-0.5 rounded-lg",style:{background:"var(--surface-2)"},children:[t.jsx("button",{onClick:()=>r("rankings"),className:"px-3 py-1 rounded-md text-[11px] font-medium transition-all",style:{background:e==="rankings"?"var(--surface-3)":"transparent",color:e==="rankings"?"var(--text-primary)":"var(--text-tertiary)"},children:"Rankings"}),t.jsx("button",{onClick:()=>r("amplification"),disabled:!n,className:"px-3 py-1 rounded-md text-[11px] font-medium transition-all",style:{background:e==="amplification"?"var(--surface-3)":"transparent",color:n&&e==="amplification"?"var(--text-primary)":"var(--text-tertiary)",opacity:n?1:.5,cursor:n?"pointer":"not-allowed"},title:n?"View skill amplification data":"Run sweep with --baseline to see amplification data",children:"Skill Amplification"})]})}function fb(e){var s,o,a;if(e.length===0)return[];const r=new Map;for(const i of e)for(const l of i.models){if(l.status==="error")continue;const d=`${l.provider}/${l.model}`;r.has(d)||r.set(d,{provider:l.provider,passRates:[],lastRubric:null,lastDuration:0,lastCost:null,lastBaselinePassRate:void 0,lastSkillDelta:void 0,lastAmplificationPct:void 0,lastCompositeScore:void 0,hasBaseline:!1});const u=r.get(d);u.passRates.push(l.passRate.mean),u.lastRubric=((s=l.rubricScore)==null?void 0:s.mean)??null,u.lastDuration=l.duration.mean,u.lastCost=((o=l.cost)==null?void 0:o.total)??null,u.lastCompositeScore=l.compositeScore,l.baselinePassRate!=null&&(u.lastBaselinePassRate=l.baselinePassRate.mean,u.lastSkillDelta=(a=l.skillDelta)==null?void 0:a.mean,u.lastAmplificationPct=l.amplificationPct,u.hasBaseline=!0)}const n=[];for(const[i,l]of r){const[d,...u]=i.split("/");n.push({rank:0,model:u.join("/"),provider:d,passRate:l.passRates[l.passRates.length-1],rubricScore:l.lastRubric,duration:l.lastDuration,cost:l.lastCost,sparklineData:l.passRates,isBest:!1,baselinePassRate:l.lastBaselinePassRate,skillDelta:l.lastSkillDelta,amplificationPct:l.lastAmplificationPct,compositeScore:l.lastCompositeScore,hasBaseline:l.hasBaseline})}return n.sort((i,l)=>{const d=i.compositeScore??i.passRate;return(l.compositeScore??l.passRate)-d}),n.forEach((i,l)=>{i.rank=l+1}),n.length>0&&(n[0].isBest=!0),n}const Td=(e="left")=>({padding:"10px 12px",fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",textAlign:e,whiteSpace:"nowrap"});function hb({entries:e}){return t.jsx("div",{className:"glass-card",style:{overflow:"hidden"},children:t.jsxs("table",{style:{width:"100%",borderCollapse:"collapse"},children:[t.jsx("thead",{children:t.jsx("tr",{style:{borderBottom:"1px solid var(--border-subtle)"},children:["#","Model","Pass Rate","Rubric","Duration","Cost","Trend"].map(r=>t.jsx("th",{style:Td(r==="#"?"center":"left"),children:r},r))})}),t.jsx("tbody",{children:e.map(r=>t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-subtle)"},onMouseEnter:n=>{n.currentTarget.style.background="var(--surface-2)"},onMouseLeave:n=>{n.currentTarget.style.background="transparent"},children:[t.jsx("td",{style:{padding:"10px 12px",textAlign:"center",fontSize:12,fontWeight:600,color:"var(--text-tertiary)",width:40},children:r.rank}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:r.model}),t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:r.provider}),r.isBest&&t.jsx(lb,{})]})}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsxs("span",{className:"pill",style:{background:r.passRate>=.7?"var(--green-muted)":r.passRate>=.4?"var(--yellow-muted)":"var(--red-muted)",color:Lr(r.passRate),fontSize:11,fontWeight:600},children:[Math.round(r.passRate*100),"%"]})}),t.jsx("td",{style:{padding:"10px 12px",fontSize:12,color:"var(--text-secondary)"},children:r.rubricScore!=null?r.rubricScore.toFixed(1):"--"}),t.jsx("td",{style:{padding:"10px 12px",fontSize:12,color:"var(--text-secondary)"},children:r.duration<1e3?`${Math.round(r.duration)}ms`:`${(r.duration/1e3).toFixed(1)}s`}),t.jsx("td",{style:{padding:"10px 12px",fontSize:12,color:"var(--text-secondary)"},children:r.cost!=null?`$${r.cost.toFixed(4)}`:"N/A"}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsx(Rd,{data:r.sparklineData})})]},`${r.provider}/${r.model}`))})]})})}function mb({entries:e}){const r=[...e].filter(n=>n.hasBaseline).sort((n,s)=>(s.amplificationPct??0)-(n.amplificationPct??0));return r.length===0?t.jsx("div",{className:"flex items-center justify-center py-8",children:t.jsx("div",{className:"text-center",children:t.jsxs("div",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:["No baseline data available. Run sweep with ",t.jsx("code",{children:"--baseline"})," flag."]})})}):t.jsx("div",{className:"glass-card",style:{overflow:"hidden"},children:t.jsxs("table",{style:{width:"100%",borderCollapse:"collapse"},children:[t.jsx("thead",{children:t.jsx("tr",{style:{borderBottom:"1px solid var(--border-subtle)"},children:["#","Model","With Skill","Without Skill","Delta","Amplification","Trend"].map(n=>t.jsx("th",{style:Td(n==="#"?"center":"left"),children:n},n))})}),t.jsx("tbody",{children:r.map((n,s)=>t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-subtle)"},onMouseEnter:o=>{o.currentTarget.style.background="var(--surface-2)"},onMouseLeave:o=>{o.currentTarget.style.background="transparent"},children:[t.jsx("td",{style:{padding:"10px 12px",textAlign:"center",fontSize:12,fontWeight:600,color:"var(--text-tertiary)",width:40},children:s+1}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:n.model}),t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:n.provider})]})}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsxs("span",{className:"pill",style:{background:n.passRate>=.7?"var(--green-muted)":n.passRate>=.4?"var(--yellow-muted)":"var(--red-muted)",color:Lr(n.passRate),fontSize:11,fontWeight:600},children:[Math.round(n.passRate*100),"%"]})}),t.jsx("td",{style:{padding:"10px 12px"},children:n.baselinePassRate!=null?t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:[Math.round(n.baselinePassRate*100),"%"]}):"--"}),t.jsx("td",{style:{padding:"10px 12px"},children:n.skillDelta!=null?t.jsxs("span",{className:"text-[11px] font-medium",style:{color:n.skillDelta>=0?"var(--green)":"var(--red)"},children:[n.skillDelta>=0?"+":"",(n.skillDelta*100).toFixed(1),"pp"]}):"--"}),t.jsx("td",{style:{padding:"10px 12px"},children:n.amplificationPct!=null&&isFinite(n.amplificationPct)?t.jsx(cb,{pct:n.amplificationPct}):"--"}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsx(Rd,{data:n.sparklineData})})]},`${n.provider}/${n.model}`))})]})})}function xb(){const{state:e}=ft(),{plugin:r,skill:n}=e,[s,o]=c.useState("rankings"),a=`leaderboard/${r}/${n}`,i=c.useCallback(()=>ce.getLeaderboard(r,n),[r,n]),{data:l,loading:d,error:u}=St(a,i),p=(l==null?void 0:l.entries)??[],f=(u==null?void 0:u.message)??null;c.useEffect(()=>{o("rankings")},[r,n]);const h=c.useCallback(()=>ze(a),[a]);es("leaderboard:updated",h);const m=c.useMemo(()=>fb(p),[p]),y=m.some(b=>b.hasBaseline),x=p[0],g=x==null?void 0:x.judgeBiasWarning;return d?t.jsx("div",{className:"flex items-center justify-center h-full",children:t.jsx("div",{className:"spinner spinner-lg"})}):f?t.jsx("div",{className:"flex items-center justify-center h-full px-8",children:t.jsxs("div",{className:"text-center",children:[t.jsx("div",{className:"text-[14px] font-medium mb-1",style:{color:"var(--red)"},children:"Failed to load leaderboard"}),t.jsx("div",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:f})]})}):m.length===0?t.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-4 px-8",children:[t.jsx("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center",style:{background:"var(--accent-muted)"},children:t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M18 20V10"}),t.jsx("path",{d:"M12 20V4"}),t.jsx("path",{d:"M6 20v-6"})]})}),t.jsxs("div",{className:"text-center",children:[t.jsx("div",{className:"text-[14px] font-medium mb-1",style:{color:"var(--text-primary)"},children:"No sweep results yet"}),t.jsx("div",{className:"text-[12px] mb-3",style:{color:"var(--text-tertiary)"},children:"Run your first model sweep to compare performance across models:"}),t.jsx("div",{className:"text-[11px] font-mono px-4 py-3 rounded-lg text-left",style:{background:"var(--surface-2)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)"},children:'vskill eval sweep --models "anthropic/claude-sonnet-4,openrouter/meta-llama/llama-3.1-70b" --judge "anthropic/claude-sonnet-4"'}),t.jsxs("div",{className:"text-[11px] mt-2",style:{color:"var(--text-tertiary)"},children:["Add ",t.jsx("code",{children:"--baseline"})," to measure skill amplification per model."]})]})]}):t.jsxs("div",{className:"p-5 animate-fade-in",children:[t.jsxs("div",{className:"flex items-center justify-between mb-4",children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("div",{className:"text-[15px] font-semibold",style:{color:"var(--text-primary)"},children:"Model Leaderboard"}),t.jsx(pb,{active:s,onChange:o,hasBaseline:y})]}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[p.length," sweep",p.length!==1?"s":""," · ",m.length," model",m.length!==1?"s":""]})]}),g&&t.jsx(ub,{warning:g}),s==="rankings"?t.jsx(hb,{entries:m}):t.jsx(mb,{entries:m}),s==="amplification"&&(x==null?void 0:x.skillQualityScore)!=null&&(x==null?void 0:x.skillQualityRating)&&t.jsx(db,{score:x.skillQualityScore,rating:x.skillQualityRating})]})}function gb(e){if(!e)return[];const r=e.split(`
+`),n=[];for(const s of r)if(!(s.startsWith("--- ")||s.startsWith("+++ "))){if(s.startsWith("@@")){n.push({type:"header",content:s});continue}if(s.startsWith("+")){n.push({type:"add",content:s.slice(1)});continue}if(s.startsWith("-")){n.push({type:"remove",content:s.slice(1)});continue}(s.startsWith(" ")||s===""&&n.length>0)&&n.push({type:"context",content:s.startsWith(" ")?s.slice(1):""})}return n}function pa({contentDiff:e,fromLabel:r,toLabel:n,diffSummary:s,maxHeight:o=480,collapsible:a=!1,renderContext:i="inline",onRetry:l}){const[d,u]=c.useState(a),[p,f]=c.useState("unified"),h=c.useRef(null),m=c.useRef(null),y=c.useMemo(()=>gb(e),[e]),x=c.useMemo(()=>{const w=y.filter(k=>k.type==="add").length,R=y.filter(k=>k.type==="remove").length;return{added:w,removed:R}},[y]),g=c.useMemo(()=>{let w=0,R=0;return y.filter(k=>k.type!=="header").map(k=>k.type==="remove"?(w++,{...k,origNum:w,newNum:null}):k.type==="add"?(R++,{...k,origNum:null,newNum:R}):(w++,R++,{...k,origNum:w,newNum:R}))},[y]),b=c.useMemo(()=>{const w=[],R=[];for(const k of g)if(k.type==="remove")w.push(k);else if(k.type==="add")R.push(k);else{for(;w.length<R.length;)w.push({type:"context",content:"",origNum:null,newNum:null});for(;R.length<w.length;)R.push({type:"context",content:"",origNum:null,newNum:null});w.push(k),R.push(k)}for(;w.length<R.length;)w.push({type:"context",content:"",origNum:null,newNum:null});for(;R.length<w.length;)R.push({type:"context",content:"",origNum:null,newNum:null});return{left:w,right:R}},[g]),v=c.useCallback(w=>{const R=w==="left"?h.current:m.current,k=w==="left"?m.current:h.current;R&&k&&(k.scrollTop=R.scrollTop)},[]);if(!e||y.length===0)return t.jsxs("div",{className:"rounded-lg p-6 text-center",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"text-[13px] mb-2",style:{color:"var(--text-tertiary)"},children:"Unable to load diff. Try again."}),l&&t.jsx("button",{onClick:l,className:"btn btn-secondary text-[12px]",children:"Retry"})]});const j=i==="modal"?"fixed inset-0 z-50 flex items-center justify-center bg-black/50":"",C=t.jsxs("div",{className:"rounded-xl overflow-hidden animate-fade-in",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between px-5 py-3",style:{background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsxs("div",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:[r," → ",n]}),t.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[t.jsxs("span",{style:{color:"var(--green)"},children:["+",x.added]}),t.jsxs("span",{style:{color:"var(--red)"},children:["-",x.removed]})]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("button",{onClick:()=>f(p==="unified"?"side-by-side":"unified"),className:"btn btn-ghost text-[11px]",children:p==="unified"?"Side-by-side":"Unified"}),a&&t.jsx("button",{onClick:()=>u(!d),className:"btn btn-ghost text-[11px]",children:d?"Expand":"Collapse"})]})]}),s&&t.jsx("div",{className:"mx-4 mt-3 px-4 py-2 rounded-lg text-[12px]",style:{background:"var(--accent-muted)",color:"var(--text-secondary)"},children:s}),!d&&(p==="unified"?t.jsx("div",{className:"mx-4 my-4 rounded-lg overflow-hidden",style:{border:"1px solid var(--border-subtle)",maxHeight:o,overflowY:"auto"},children:t.jsx("table",{className:"w-full",style:{borderCollapse:"collapse",fontFamily:"var(--font-mono, monospace)"},children:t.jsx("tbody",{children:g.map((w,R)=>t.jsxs("tr",{style:{background:w.type==="add"?"rgba(34,197,94,0.08)":w.type==="remove"?"rgba(239,68,68,0.08)":"transparent"},children:[t.jsx("td",{className:"text-right select-none px-2",style:{width:40,fontSize:10,color:w.type==="remove"?"rgba(239,68,68,0.5)":"var(--text-tertiary)",opacity:w.origNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:w.origNum??""}),t.jsx("td",{className:"text-right select-none px-2",style:{width:40,fontSize:10,color:w.type==="add"?"rgba(34,197,94,0.5)":"var(--text-tertiary)",opacity:w.newNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:w.newNum??""}),t.jsx("td",{className:"select-none text-center",style:{width:20,fontSize:11,fontWeight:700,color:w.type==="add"?"var(--green)":w.type==="remove"?"var(--red)":"transparent",borderRight:w.type==="add"?"2px solid var(--green)":w.type==="remove"?"2px solid var(--red)":"2px solid transparent"},children:w.type==="add"?"+":w.type==="remove"?"-":" "}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:w.type==="add"?"var(--green)":w.type==="remove"?"var(--red)":"var(--text-secondary)"},children:w.content||"​"})]},R))})})}):t.jsxs("div",{className:"mx-4 my-4 grid grid-cols-2 gap-0 rounded-lg overflow-hidden",style:{border:"1px solid var(--border-subtle)"},children:[t.jsx("div",{ref:h,style:{maxHeight:o,overflowY:"auto",borderRight:"1px solid var(--border-subtle)"},onScroll:()=>v("left"),children:t.jsx("table",{className:"w-full",style:{borderCollapse:"collapse",fontFamily:"var(--font-mono, monospace)"},children:t.jsx("tbody",{children:b.left.map((w,R)=>t.jsxs("tr",{style:{background:w.type==="remove"?"rgba(239,68,68,0.08)":"transparent"},children:[t.jsx("td",{className:"text-right select-none px-2",style:{width:35,fontSize:10,color:"var(--text-tertiary)",opacity:.6,borderRight:"1px solid var(--border-subtle)"},children:w.origNum??""}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:w.type==="remove"?"var(--red)":"var(--text-secondary)"},children:w.content||"​"})]},R))})})}),t.jsx("div",{ref:m,style:{maxHeight:o,overflowY:"auto"},onScroll:()=>v("right"),children:t.jsx("table",{className:"w-full",style:{borderCollapse:"collapse",fontFamily:"var(--font-mono, monospace)"},children:t.jsx("tbody",{children:b.right.map((w,R)=>t.jsxs("tr",{style:{background:w.type==="add"?"rgba(34,197,94,0.08)":"transparent"},children:[t.jsx("td",{className:"text-right select-none px-2",style:{width:35,fontSize:10,color:"var(--text-tertiary)",opacity:.6,borderRight:"1px solid var(--border-subtle)"},children:w.newNum??""}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:w.type==="add"?"var(--green)":"var(--text-secondary)"},children:w.content||"​"})]},R))})})})]}))]});return i==="modal"?t.jsx("div",{className:j,children:t.jsx("div",{style:{width:"80%",maxWidth:900},children:C})}):C}const Hs="https://verified-skill.com/submit",yb=/^https:\/\/github\.com\/[^/?#@:]+\/[^/?#@:]+(?:[/?#].*)?$/;function vb(e){if(!e)return Hs;const r=e.trim();return!r||!yb.test(r)?Hs:`${Hs}?repo=${encodeURIComponent(r)}`}const bb={sm:{icon:12,fontSize:"0.625rem",gap:"0.25rem",px:"0.375rem",py:"0.125rem",height:"18px",radius:"3px"},md:{icon:14,fontSize:"0.6875rem",gap:"0.3rem",px:"0.5rem",py:"0.15rem",height:"22px",radius:"4px"},lg:{icon:16,fontSize:"0.75rem",gap:"0.375rem",px:"0.625rem",py:"0.2rem",height:"26px",radius:"4px"}};function kb({size:e}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 1L3 4.5V9.5C3 13.64 5.99 17.52 10 18.5C14.01 17.52 17 13.64 17 9.5V4.5L10 1Z",fill:"currentColor",fillOpacity:"0.15",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round"}),t.jsx("path",{d:"M7.5 10.5L9.5 12.5L13 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]})}function jb({size:e}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 1L11.9 4.1L15.5 3.5L14.2 7L17 9.5L14.2 12L15.5 15.5L11.9 14.9L10 18L8.1 14.9L4.5 15.5L5.8 12L3 9.5L5.8 7L4.5 3.5L8.1 4.1L10 1Z",fill:"currentColor",fillOpacity:"0.15",stroke:"currentColor",strokeWidth:"1.1",strokeLinejoin:"round"}),t.jsx("path",{d:"M10 6.5L10.9 8.6L13.1 8.8L11.4 10.3L11.9 12.5L10 11.3L8.1 12.5L8.6 10.3L6.9 8.8L9.1 8.6L10 6.5Z",fill:"currentColor",stroke:"currentColor",strokeWidth:"0.4",strokeLinejoin:"round"})]})}const Oi={VERIFIED:{color:"var(--tier-verified)",bg:"var(--tier-verified-bg)",border:"var(--tier-verified-border)"},CERTIFIED:{color:"var(--tier-certified)",bg:"var(--tier-certified-bg)",border:"var(--tier-certified-border)"},TAINTED:{color:"var(--tier-tainted)",bg:"var(--tier-tainted-bg)",border:"var(--tier-tainted-border)"}},wb={VERIFIED:"Security-Scanned",CERTIFIED:"Trusted Publisher",TAINTED:"Tainted"};function Id(e){return wb[e]??e}function Sb({size:e}){return t.jsxs("svg",{width:e,height:e,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[t.jsx("path",{d:"M10 2L1.5 17.5H18.5L10 2Z",fill:"currentColor",fillOpacity:"0.15",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round"}),t.jsx("path",{d:"M10 8V12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}),t.jsx("circle",{cx:"10",cy:"14.5",r:"1",fill:"currentColor"})]})}function Cb({tier:e,size:r}){return e==="TAINTED"?t.jsx(Sb,{size:r}):e==="CERTIFIED"?t.jsx(jb,{size:r}):t.jsx(kb,{size:r})}function pw({tier:e,size:r="md",isTainted:n}){const s=bb[r],o=n?"TAINTED":e,a=Oi[o]??Oi.VERIFIED;return t.jsxs("span",{"data-testid":"tier-badge","data-tier":o,style:{display:"inline-flex",alignItems:"center",gap:s.gap,padding:`${s.py} ${s.px}`,height:s.height,borderRadius:s.radius,fontFamily:"var(--font-geist-mono)",fontSize:s.fontSize,fontWeight:600,letterSpacing:"0.03em",whiteSpace:"nowrap",color:a.color,backgroundColor:a.bg,border:`1px solid ${a.border}`,lineHeight:1},children:[t.jsx(Cb,{tier:o,size:s.icon}),Id(o)]})}const Wi={CERTIFIED:{bg:"var(--yellow-muted)",text:"var(--yellow)"},VERIFIED:{bg:"var(--accent-muted)",text:"var(--accent)"},COMMUNITY:{bg:"var(--surface-3)",text:"var(--text-tertiary)"}};function Eb(e,r){return e?e.length>r?e.slice(0,r)+"…":e:""}function Nb(e){if(!e)return"";const r=e.trim();if(!r)return"";const n=r.toLowerCase();return n==="0 files"||n==="no files"||n==="no file changes"?"Metadata-only release — no file changes":r}function Rb(){const{state:e}=ft(),{plugin:r,skill:n}=e,s=Mt(),{onSkillUpdated:o,updateCount:a}=s,i=c.useMemo(()=>s.state.skills.find(H=>H.plugin===r&&H.skill===n)??null,[s.state.skills,r,n]),l=`versions-envelope/${r}/${n}`,d=c.useCallback(()=>ce.getSkillVersionsEnvelope(r,n),[r,n]),{data:u,loading:p}=St(l,d),f=(u==null?void 0:u.versions)??[],h=(u==null?void 0:u.provider)??"local",m=(u==null?void 0:u.source)==="none",[y,x]=c.useState(null),[g,b]=c.useState(null),[v,j]=c.useState(null),[C,w]=c.useState(!1),[R,k]=c.useState("idle"),[E,T]=c.useState(null),N=c.useRef(null),I=c.useRef(null),A=c.useMemo(()=>(f==null?void 0:f.find(H=>H.isInstalled))??null,[f]),$=c.useMemo(()=>(f==null?void 0:f[0])??null,[f]),_=A&&$&&A.version!==$.version,S=c.useCallback(H=>{y?!g&&H!==y?b(H):(x(H),b(null),j(null)):(x(H),j(null))},[y,g]),L=c.useCallback(async(H,ne)=>{w(!0);try{const U=await ce.getVersionDiff(r,n,H,ne);j(U)}catch{j(null)}finally{w(!1)}},[r,n]);c.useEffect(()=>{if(y&&g){const H=f||[],ne=H.findIndex(pe=>pe.version===y),U=H.findIndex(pe=>pe.version===g),[B,Q]=ne>U?[y,g]:[g,y];L(B,Q)}},[y,g,f,L]);const P=c.useCallback(()=>{!A||!$||(x(A.version),b($.version))},[A,$]),D=c.useCallback(async()=>{k("updating"),T(null);const H=new AbortController;N.current=H;try{const ne=await ce.postSkillUpdate(r,n,H.signal);if(ne.ok)k("done"),o(r,n);else{const U=`Update failed (HTTP ${ne.status}): ${ne.body||"no response body"}`;k("error"),T(U)}}catch(ne){if(ne instanceof DOMException&&ne.name==="AbortError")return;const U=ne instanceof Error?ne.message:"Network error";k("error"),T(U)}finally{N.current===H&&(N.current=null)}},[r,n,o]);if(c.useEffect(()=>()=>{var H;(H=N.current)==null||H.abort(),N.current=null},[]),p)return t.jsxs("div",{className:"p-5",children:[t.jsx("div",{className:"skeleton h-5 w-40 mb-4"}),t.jsxs("div",{className:"space-y-3",children:[t.jsx("div",{className:"skeleton h-14 rounded-lg"}),t.jsx("div",{className:"skeleton h-14 rounded-lg"}),t.jsx("div",{className:"skeleton h-14 rounded-lg"})]})]});if(!f||f.length===0){if((i==null?void 0:i.origin)==="source"){const ne=vb((i==null?void 0:i.homepage)??null);return t.jsxs("div",{className:"flex flex-col items-center justify-center h-full py-16 px-8","data-testid":"versions-empty-state-local",children:[t.jsx("div",{className:"text-[14px] font-semibold mb-2",style:{color:"var(--text-primary)"},children:"No published versions yet"}),t.jsx("div",{className:"text-[13px] text-center mb-5 max-w-md",style:{color:"var(--text-tertiary)",lineHeight:1.5},children:"This skill is local-only — the version history shown here is sourced from verified-skill.com. Submit your skill to start tracking versions and share it with others."}),t.jsx("a",{href:ne,target:"_blank",rel:"noopener noreferrer",className:"btn btn-primary text-[12px]","data-testid":"versions-empty-state-cta",children:"Submit on verified-skill.com"})]})}return i!=null&&i.version?t.jsxs("div",{className:"p-5",children:[t.jsx("div",{className:"text-[14px] font-semibold mb-4",style:{color:"var(--text-primary)"},children:"Version History"}),t.jsxs("div",{className:"relative",children:[t.jsx("div",{className:"absolute left-3 top-0 bottom-0",style:{width:2,background:"var(--border-subtle)"}}),t.jsxs("div",{"data-testid":"version-row-local",className:"w-full text-left pl-8 pr-4 py-3 relative rounded-lg",style:{background:"transparent",border:"1px solid transparent"},children:[t.jsx("span",{className:"absolute left-1.5 top-4 rounded-full",style:{width:10,height:10,background:"var(--accent)",border:"2px solid var(--accent)"}}),t.jsx("div",{className:"flex items-center justify-between",children:t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:i.version}),t.jsx(Do,{provider:h}),t.jsx("span",{className:"text-[9px] font-medium px-1.5 py-0.5 rounded-full",style:{background:"var(--accent-muted)",color:"var(--accent)"},children:"installed"})]})}),t.jsx("div",{className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},"data-testid":"versions-no-upstream-message",children:m?"No upstream registry — this skill ships without origin metadata, so update tracking is unavailable.":"Local-only — this skill is not registered on verified-skill.com, so no upstream history is available."})]})]})]}):t.jsx("div",{className:"flex flex-col items-center justify-center h-full py-16","data-testid":"versions-empty-state-installed",children:t.jsx("div",{className:"text-[13px]",style:{color:"var(--text-tertiary)"},children:"No version history available"})})}return t.jsxs("div",{className:"p-5",children:[t.jsxs("div",{className:"flex items-center justify-between mb-4",children:[t.jsx("div",{className:"text-[14px] font-semibold",style:{color:"var(--text-primary)"},children:"Version History"}),t.jsxs("div",{className:"flex items-center gap-2",children:[_&&t.jsx("button",{onClick:P,className:"btn btn-secondary text-[11px]",children:"View changes since installed"}),_&&R!=="done"&&(R==="error"?t.jsxs("span",{className:"flex items-center gap-1.5",children:[t.jsx("span",{className:"text-[11px]",style:{color:"var(--red)"},children:E||"Update failed"}),t.jsx("button",{onClick:D,className:"btn btn-secondary text-[11px]",children:"Retry"})]}):t.jsx("button",{onClick:D,disabled:R!=="idle",className:"btn btn-primary text-[11px]",children:R==="idle"?`Update to ${$==null?void 0:$.version}`:R==="updating"?"Starting update...":R==="scanning"?"Scanning...":"Installing..."})),a>1&&t.jsxs("button",{onClick:()=>{window.location.hash="#/updates"},className:"text-[11px] hover:underline",style:{color:"var(--text-tertiary)",background:"transparent",border:"none",cursor:"pointer"},children:["Manage all updates (",a,")"]})]})]}),y&&!g&&t.jsxs("div",{className:"text-[11px] mb-3 px-3 py-2 rounded-lg",style:{background:"var(--accent-muted)",color:"var(--accent)"},children:["Click another version to compare with ",y]}),t.jsxs("div",{className:"relative",children:[t.jsx("div",{className:"absolute left-3 top-0 bottom-0",style:{width:2,background:"var(--border-subtle)"}}),t.jsx("div",{className:"space-y-1",children:f.map(H=>{const ne=Wi[H.certTier]||Wi.COMMUNITY,U=H.version===y||H.version===g,B=H.isInstalled;return t.jsxs("button",{onClick:()=>S(H.version),className:"w-full text-left pl-8 pr-4 py-3 relative rounded-lg transition-all duration-150",style:{background:U?"var(--accent-muted)":"transparent",border:U?"1px solid var(--accent)":"1px solid transparent",cursor:"pointer"},onMouseEnter:Q=>{U||(Q.currentTarget.style.background="var(--surface-1)")},onMouseLeave:Q=>{U||(Q.currentTarget.style.background="transparent")},children:[t.jsx("span",{className:"absolute left-1.5 top-4 rounded-full",style:{width:B?10:8,height:B?10:8,background:B?"var(--accent)":"var(--surface-3)",border:B?"2px solid var(--accent)":"2px solid var(--border-default)"}}),t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:H.version}),t.jsx("span",{className:"text-[9px] font-medium px-1.5 py-0.5 rounded-full",style:{background:ne.bg,color:ne.text},children:Id(H.certTier)}),t.jsx(Do,{provider:h}),B&&t.jsx("span",{className:"text-[9px] font-medium px-1.5 py-0.5 rounded-full",style:{background:"var(--accent-muted)",color:"var(--accent)"},children:"installed"})]}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:new Date(H.createdAt).toLocaleDateString()})]}),(()=>{const Q=Nb(H.diffSummary);return Q?t.jsx("div",{"data-testid":"version-row-diff-summary",className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},children:Eb(Q,80)}):null})()]},H.version)})}),t.jsx("div",{ref:I,style:{height:1}})]}),C&&t.jsx("div",{className:"mt-4",children:t.jsx("div",{className:"skeleton h-48 rounded-xl"})}),v&&!C&&t.jsx("div",{className:"mt-4",children:t.jsx(pa,{contentDiff:v.contentDiff,fromLabel:v.from,toLabel:v.to,diffSummary:v.diffSummary,renderContext:"inline",onRetry:()=>y&&g&&L(v.from,v.to)})})]})}function Tb(e){return e==="timeline"||e==="models"||e==="versions"}function Ib({view:e}){return e==="models"?t.jsx(xb,{}):e==="versions"?t.jsx(Rb,{}):t.jsx(sb,{})}function Lb(e){const r={prompt:e.prompt,provider:e.provider,model:e.model};return e.targetAgents&&e.targetAgents.length>0&&(r.targetAgents=e.targetAgents),r}function Ab(e){var o;const r=e.userName.trim().length>0,n=e.userPlugin.trim().length>0||e.userNewPlugin.trim().length>0,s=e.forceLayout===3;return{applyName:r?null:e.aiName??null,applySuggestedPlugin:!s&&!n&&!!((o=e.aiSuggestedPlugin)!=null&&o.plugin),suggestedPluginValue:s||n?null:e.aiSuggestedPlugin??null}}function Er(e,r=!0){let n=e.toLowerCase().replace(/[^a-z0-9]+/g,"-");return r&&(n=n.replace(/^-+|-+$/g,"")),n}function Pb(e,r,n,s){const a=`.../${e.split("/").slice(-2).join("/")}`;switch(r){case 1:return`${a}/${n}/skills/${s}/SKILL.md`;case 2:return`${a}/plugins/${n}/skills/${s}/SKILL.md`;case 3:return`${a}/skills/${s}/SKILL.md`}}function $b({onCreated:e,resolveAiConfigOverride:r,forceLayout:n,flushPendingForSkillName:s}){const[o,a]=c.useState("ai"),[i,l]=c.useState(null),[d,u]=c.useState(!0),{config:p}=mr(),[f,h]=c.useState(""),[m,y]=c.useState(n??3),[x,g]=c.useState(""),[b,v]=c.useState(""),[j,C]=c.useState(""),[w,R]=c.useState(""),[k,E]=c.useState(""),[T,N]=c.useState(""),[I,A]=c.useState("write"),[$,_]=c.useState([]),[S,L]=c.useState(!1),[P,D]=c.useState(null),[H,ne]=c.useState(null),[U,B]=c.useState(null),[Q,pe]=c.useState("vskill"),[be,W]=c.useState("1.0.0"),[re,M]=c.useState(!0),V=c.useCallback(async()=>{try{const Ee=await ce.detectEngines();B(Ee),pe(Ae=>Ae!=="vskill"?Ae:Ee.vskillSkillBuilder?"vskill":Ee.anthropicSkillCreator?"anthropic-skill-creator":"none")}catch{B({vskillSkillBuilder:!1,anthropicSkillCreator:!1,vskillVersion:null,anthropicPath:null})}},[]);c.useEffect(()=>{V()},[V]);const[G,K]=c.useState(""),[se,Z]=c.useState(!1),[ae,de]=c.useState(!1),[oe,he]=c.useState(null),[F,q]=c.useState(null),[ee,Y]=c.useState([]),ue=c.useRef(null),me=c.useRef(null),Se=c.useRef(null),ve=c.useRef(null),Fe=c.useRef(null),[Ke,qe]=c.useState(!1),[X,Re]=c.useState(!1),we=c.useRef(f),$e=c.useRef(x),Ue=c.useRef(b);c.useEffect(()=>{we.current=f},[f]),c.useEffect(()=>{$e.current=x},[x]),c.useEffect(()=>{Ue.current=b},[b]),c.useEffect(()=>{ce.getProjectLayout().then(Ee=>{if(l(Ee),n)return;y(Ee.suggestedLayout);const Ae=Ee.detectedLayouts.find(st=>st.layout===Ee.suggestedLayout);Ae!=null&&Ae.existingPlugins.length&&g(Ae.existingPlugins[0])}).catch(()=>{}).finally(()=>u(!1))},[n]),c.useEffect(()=>{var Ee;o==="ai"&&((Ee=ue.current)==null||Ee.focus())},[o]),c.useEffect(()=>()=>{var Ee;(Ee=me.current)==null||Ee.abort()},[]);const nt=c.useMemo(()=>{var Ee;return i?((Ee=i.detectedLayouts.find(Ae=>Ae.layout===m))==null?void 0:Ee.existingPlugins)||[]:[]},[i,m]),Ct=x==="__new__"?b:x,vr=i?Pb(i.root,m,Ct||"{plugin}",f||"{skill}"):"",Qt=c.useMemo(()=>i?i.detectedLayouts.filter(Ee=>Ee.layout!==4):[],[i]),He=c.useMemo(()=>{if(!i)return null;const Ee=i.detectedLayouts.find(yt=>yt.layout===2&&yt.existingPlugins.length>0),Ae=i.detectedLayouts.find(yt=>yt.layout===1&&yt.existingPlugins.length>0),st=Ee||Ae;return st?{layout:st.layout,plugins:st.existingPlugins}:null},[i]),tt=c.useCallback(()=>{if(r)return r();if(!p)return{provider:"claude-cli",model:"sonnet"};const Ee=p.provider||"claude-cli",Ae=p.model||"sonnet";return{provider:Ee,model:Ae}},[p,r]),xt=c.useCallback(()=>{var Ee;(Ee=me.current)==null||Ee.abort(),Z(!1)},[]),Tt=c.useCallback(()=>{he(null),q(null)},[]),gt=c.useCallback(async()=>{var yt,jn;if(he(null),q(null),Y([]),Se.current=null,ve.current=null,!G.trim()){he("Describe what your skill should do");return}Z(!0);const Ee=new AbortController;me.current=Ee;const{provider:Ae,model:st}=tt();try{const Dt=await fetch("/api/skills/generate?sse",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(Lb({prompt:G.trim(),provider:Ae,model:st,targetAgents:$})),signal:Ee.signal});if(!Dt.ok||!Dt.body){let br=`HTTP ${Dt.status}`;try{const Je=await Dt.json();Je.error&&(br=Je.error)}catch{}throw new Error(br)}const xs=Dt.body.getReader(),gs=new TextDecoder;let zr="",It="";for(;;){const{done:br,value:Je}=await xs.read();if(br)break;zr+=gs.decode(Je,{stream:!0});const _r=zr.split(`
+`);zr=_r.pop()||"";for(const lr of _r)if(lr.startsWith("event: "))It=lr.slice(7).trim();else if(lr.startsWith("data: ")){try{const De=JSON.parse(lr.slice(6));if(It==="progress")Y(cr=>[...cr,{phase:De.phase,message:De.message,timestamp:Date.now()}]);else if(It==="provenance")ve.current={resolvedModelId:typeof De.resolvedModelId=="string"?De.resolvedModelId:null,snapshotDate:typeof De.snapshotDate=="string"?De.snapshotDate:null};else if(It==="done"||It==="complete"){const cr={prompt:G.trim(),provider:tt().provider,model:tt().model,resolvedModelId:((yt=ve.current)==null?void 0:yt.resolvedModelId)??null,snapshotDate:((jn=ve.current)==null?void 0:jn.snapshotDate)??null,reasoning:De.reasoning||""},Vt=Ab({userName:we.current,userPlugin:$e.current,userNewPlugin:Ue.current,aiName:De.name,aiSuggestedPlugin:De.suggestedPlugin&&De.suggestedPlugin.plugin?{plugin:De.suggestedPlugin.plugin,layout:De.suggestedPlugin.layout}:null,forceLayout:n});if(Vt.applyName!==null&&h(Vt.applyName),C(De.description),R(De.model||""),E(De.allowedTools||""),N(De.body),de(!0),Se.current=cr,a("manual"),n===3)y(3),g(""),v("");else if(Vt.applySuggestedPlugin&&Vt.suggestedPluginValue){const it=Vt.suggestedPluginValue;if(((i==null?void 0:i.detectedLayouts.flatMap(Gt=>Gt.existingPlugins))??[]).includes(it.plugin))if(g(it.plugin),it.layout&&(it.layout===1||it.layout===2))y(it.layout);else{const Gt=i==null?void 0:i.detectedLayouts.find(wn=>wn.existingPlugins.includes(it.plugin));Gt&&(Gt.layout===1||Gt.layout===2)&&y(Gt.layout)}else g("__new__"),v(it.plugin)}else!Vt.applySuggestedPlugin&&$e.current.trim().length===0&&Ue.current.trim().length===0&&m===3&&He&&Re(!0);const ys={name:De.name,plugin:Ct||"",layout:m,description:De.description,model:De.model||void 0,allowedTools:De.allowedTools||void 0,body:De.body,aiMeta:cr};ce.saveDraft(ys).then(it=>{qe(!0),it!=null&&it.dir&&(Fe.current=it.dir)}).catch(()=>{})}else It==="error"&&(he(De.message||De.description||"Unknown error"),De.category&&q(De))}catch{}It=""}}}catch(Dt){Dt.name!=="AbortError"&&he(Dt.message)}finally{Z(!1),me.current=null}},[G,tt,m,He,Ct,i,$,n]),rt=c.useCallback(async()=>{var Ee;if(D(null),ne(null),!f.trim()){D("Skill name is required");return}if(!j.trim()){D("Description is required");return}if(m!==3&&!Ct.trim()){D("Plugin name is required");return}if(!re){D("Version is not valid semver");return}L(!0);try{if(s)try{await s(Er(f))}catch(st){D(`Could not finalize previous delete of ${Er(f)}: ${st.message}. Cancel the pending delete and try again.`),L(!1);return}const Ae=await ce.createSkill({name:Er(f),plugin:Ct||"",layout:m,description:j,model:w||void 0,allowedTools:k||void 0,body:T,aiMeta:Se.current||void 0,draftDir:Fe.current||void 0,version:be.trim()||void 0,engine:Q});Fe.current=null,e(Ae.plugin,Ae.skill)}catch(Ae){if(Ae instanceof qt&&Ae.status===409&&((Ee=Ae.details)==null?void 0:Ee.code)==="skill-already-exists"){const st=typeof Ae.details.plugin=="string"?Ae.details.plugin:"",yt=typeof Ae.details.skill=="string"?Ae.details.skill:Er(f);ne("Skill already existed — opened it."),Fe.current=null,e(st,yt)}else D(Ae.message)}finally{L(!1)}},[f,j,m,Ct,w,k,T,be,re,Q,e,s]),ht=c.useCallback(()=>{He&&(y(He.layout),g(He.plugins[0]),Re(!1))},[He]);return{mode:o,setMode:a,layout:i,layoutLoading:d,selectedLayout:m,setSelectedLayout:y,creatableLayouts:Qt,availablePlugins:nt,pathPreview:vr,plugin:x,setPlugin:g,newPlugin:b,setNewPlugin:v,effectivePlugin:Ct,name:f,setName:h,description:j,setDescription:C,model:w,setModel:R,allowedTools:k,setAllowedTools:E,body:T,setBody:N,bodyViewMode:I,setBodyViewMode:A,aiPrompt:G,setAiPrompt:K,generating:se,aiGenerated:ae,aiError:oe,aiClassifiedError:F,aiProgress:ee,promptRef:ue,handleGenerate:gt,handleCancelGenerate:xt,clearAiError:Tt,targetAgents:$,setTargetAgents:_,draftSaved:Ke,showPluginRecommendation:X,setShowPluginRecommendation:Re,pluginLayoutInfo:He,applyPluginRecommendation:ht,creating:S,error:P,info:H,handleCreate:rt,engineDetection:U,refreshEngineDetection:V,engine:Q,setEngine:pe,version:be,setVersion:W,versionValid:re,setVersionValid:M,standaloneLocked:n===3}}const Mb={flushBySkillName:async()=>{}},Ld=c.createContext(Mb);function Db(){return c.useContext(Ld)}function Ad(){return t.jsx("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"})})}function Fb(){return t.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t.jsx("polyline",{points:"14 2 14 8 20 8"})]})}function Pd({node:e,depth:r=0}){var n;return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"flex items-center gap-1.5 py-0.5",style:{paddingLeft:`${r*16}px`,color:e.type==="dir"?"var(--text-secondary)":"var(--text-tertiary)",fontSize:12,fontFamily:"var(--font-mono, monospace)"},children:[e.type==="dir"?t.jsx(Ad,{}):t.jsx(Fb,{}),t.jsxs("span",{children:[e.name,e.type==="dir"?"/":""]})]}),(n=e.children)==null?void 0:n.map(s=>t.jsx(Pd,{node:s,depth:r+1},s.name))]})}function zb(e,r,n){const s=[];r&&s.push({name:"evals.json",type:"file"}),s.push({name:"history",type:"dir"});const o=[{name:"SKILL.md",type:"file"},{name:"evals",type:"dir",children:s}];return n&&o.push({name:"draft.json",type:"file"}),{name:e||"{skill}",type:"dir",children:o}}function _b({skillName:e,hasEvals:r,isDraft:n}){const s=zb(e,r,n);return t.jsxs("div",{className:"glass-card p-4",children:[t.jsxs("h3",{className:"text-[13px] font-semibold mb-3 flex items-center gap-2",style:{color:"var(--text-primary)"},children:[t.jsx("div",{className:"w-5 h-5 rounded-md flex items-center justify-center",style:{background:"var(--accent-muted)"},children:t.jsx(Ad,{})}),"Skill Structure"]}),t.jsx("div",{className:"rounded-lg px-3 py-2",style:{background:"var(--surface-0)",border:"1px solid var(--border-subtle)"},children:t.jsx(Pd,{node:s})})]})}const er={background:"var(--surface-3)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)"};function Vs({size:e=14,color:r="currentColor"}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:r,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M12 3l1.912 5.813a2 2 0 001.275 1.275L21 12l-5.813 1.912a2 2 0 00-1.275 1.275L12 21l-1.912-5.813a2 2 0 00-1.275-1.275L3 12l5.813-1.912a2 2 0 001.275-1.275L12 3z"})})}function Bb({onCreated:e,onCancel:r}){const{flushBySkillName:n}=Db(),s=$b({onCreated:e,flushPendingForSkillName:n});return t.jsxs("div",{className:"px-8 py-6 max-w-4xl animate-fade-in overflow-auto h-full",children:[t.jsxs("div",{className:"mb-5",children:[t.jsx("h2",{className:"text-[20px] font-semibold tracking-tight",style:{color:"var(--text-primary)"},children:"Create a New Skill"}),t.jsx("div",{className:"flex items-center justify-between mt-2",children:t.jsxs("div",{className:"inline-flex rounded-lg p-0.5",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:[t.jsx("button",{onClick:()=>s.setMode("ai"),className:"px-3 py-1.5 rounded-md text-[12px] font-medium transition-all duration-200",style:{background:s.mode==="ai"?"rgba(168,85,247,0.15)":"transparent",color:s.mode==="ai"?"#a855f7":"var(--text-tertiary)",boxShadow:s.mode==="ai"?"0 1px 3px rgba(168,85,247,0.15)":"none",cursor:"pointer",border:"none"},children:t.jsxs("span",{className:"flex items-center gap-1.5",children:[t.jsx(Vs,{size:12}),"AI-Assisted"]})}),t.jsx("button",{onClick:()=>s.setMode("manual"),className:"px-3 py-1.5 rounded-md text-[12px] font-medium transition-all duration-200",style:{background:s.mode==="manual"?"var(--surface-4, var(--surface-3))":"transparent",color:s.mode==="manual"?"var(--text-primary)":"var(--text-tertiary)",boxShadow:s.mode==="manual"?"0 1px 3px rgba(0,0,0,0.1)":"none",cursor:"pointer",border:"none"},children:"Manual"})]})})]}),s.layoutLoading&&t.jsxs("div",{className:"space-y-3",children:[t.jsx("div",{className:"skeleton h-10 w-full rounded-lg"}),t.jsx("div",{className:"skeleton h-10 w-full rounded-lg"})]}),!s.layoutLoading&&s.layout&&s.mode==="ai"&&t.jsxs("div",{className:"space-y-4 animate-fade-in",children:[t.jsxs("div",{className:"glass-card p-4",children:[t.jsxs("h3",{className:"text-[13px] font-semibold mb-3 flex items-center gap-2",style:{color:"var(--text-primary)"},children:[t.jsx("div",{className:"w-5 h-5 rounded-md flex items-center justify-center",style:{background:"rgba(168,85,247,0.15)"},children:t.jsx(Vs,{size:11,color:"#a855f7"})}),"Describe Your Skill"]}),t.jsx("textarea",{ref:s.promptRef,value:s.aiPrompt,onChange:o=>s.setAiPrompt(o.target.value),placeholder:`e.g., A skill that helps format SQL queries, optimize them for performance, and explain query execution plans.
+
+Include any specific behaviors, constraints, or output formats you want.`,rows:5,disabled:s.generating,className:"w-full px-3 py-2.5 rounded-lg text-[13px] resize-y",style:{...er,minHeight:"120px"},onKeyDown:o=>{o.key==="Enter"&&(o.metaKey||o.ctrlKey)&&(o.preventDefault(),s.handleGenerate())}}),t.jsx("p",{className:"text-[11px] mt-2",style:{color:"var(--text-quaternary, var(--text-tertiary))"},children:"Cmd+Enter to generate"})]}),s.generating&&s.aiProgress.length>0&&t.jsx(kn,{entries:s.aiProgress,isRunning:!0}),s.aiError&&t.jsx("div",{children:s.aiClassifiedError?t.jsx(ms,{error:s.aiClassifiedError,onRetry:s.handleGenerate,onDismiss:s.clearAiError}):t.jsxs("div",{children:[t.jsx("div",{className:"px-4 py-3 rounded-lg text-[13px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid rgba(248,113,113,0.2)"},children:s.aiError}),t.jsx("button",{onClick:s.handleGenerate,className:"mt-2 text-[12px] font-medium",style:{color:"#a855f7",background:"none",border:"none",cursor:"pointer"},children:"Retry"})]})}),t.jsxs("div",{className:"flex items-center gap-3",children:[s.generating?t.jsx("button",{onClick:s.handleCancelGenerate,className:"px-5 py-2.5 rounded-lg text-[13px] font-medium transition-all duration-150 flex items-center gap-2",style:{background:"var(--surface-3)",color:"var(--text-secondary)",border:"none",cursor:"pointer"},children:"Cancel Generation"}):t.jsxs("button",{onClick:s.handleGenerate,disabled:!s.aiPrompt.trim(),className:"px-5 py-2.5 rounded-lg text-[13px] font-medium transition-all duration-150 flex items-center gap-2",style:{background:s.aiPrompt.trim()?"#a855f7":"var(--surface-3)",color:s.aiPrompt.trim()?"#fff":"var(--text-tertiary)",cursor:s.aiPrompt.trim()?"pointer":"not-allowed",border:"none"},children:[t.jsx(Vs,{size:14}),"Generate"]}),t.jsx("button",{onClick:r,className:"px-4 py-2.5 rounded-lg text-[13px] font-medium",style:{color:"var(--text-secondary)",background:"none",border:"none",cursor:"pointer"},children:"Cancel"}),!s.generating&&t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:["or fill in the form manually",t.jsx("button",{onClick:()=>s.setMode("manual"),className:"ml-1 font-medium",style:{color:"var(--accent)",background:"none",border:"none",cursor:"pointer"},children:"below"})]})]})]}),!s.layoutLoading&&s.layout&&s.mode==="manual"&&t.jsxs("div",{className:"space-y-4 animate-fade-in",children:[t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("h3",{className:"text-[13px] font-semibold mb-3",style:{color:"var(--text-primary)"},children:"Location"}),s.creatableLayouts.length>1&&t.jsxs("div",{className:"mb-3",children:[t.jsx("label",{className:"text-[11px] font-medium uppercase tracking-wider mb-2 block",style:{color:"var(--text-tertiary)"},children:"Layout"}),t.jsx("div",{className:"flex gap-2",children:s.creatableLayouts.map(o=>t.jsx("button",{onClick:()=>{s.setSelectedLayout(o.layout),s.setPlugin(o.existingPlugins[0]||""),s.setNewPlugin("")},className:"px-3 py-1.5 rounded-lg text-[12px] font-medium transition-all duration-150",style:{background:s.selectedLayout===o.layout?"var(--accent)":"var(--surface-3)",color:s.selectedLayout===o.layout?"#fff":"var(--text-secondary)",border:`1px solid ${s.selectedLayout===o.layout?"var(--accent)":"var(--border-subtle)"}`,cursor:"pointer"},children:o.label},o.layout))})]}),s.selectedLayout!==3&&t.jsxs("div",{className:"mb-3",children:[t.jsx("label",{className:"text-[11px] font-medium uppercase tracking-wider mb-2 block",style:{color:"var(--text-tertiary)"},children:"Plugin"}),t.jsxs("select",{value:s.plugin,onChange:o=>{s.setPlugin(o.target.value),s.setNewPlugin("")},className:"w-full px-3 py-2 rounded-lg text-[13px]",style:er,children:[s.availablePlugins.map(o=>t.jsx("option",{value:o,children:o},o)),t.jsx("option",{value:"__new__",children:"+ New plugin..."})]}),s.plugin==="__new__"&&t.jsx("input",{type:"text",value:s.newPlugin,onChange:o=>s.setNewPlugin(Er(o.target.value)),placeholder:"my-plugin",className:"w-full mt-2 px-3 py-2 rounded-lg text-[13px]",style:er})]}),t.jsx("div",{className:"px-3 py-2 rounded-lg text-[11px] font-mono",style:{background:"var(--surface-0)",color:"var(--text-tertiary)",border:"1px solid var(--border-subtle)"},children:s.pathPreview})]}),s.showPluginRecommendation&&s.pluginLayoutInfo&&s.selectedLayout===3&&t.jsxs("div",{className:"px-4 py-3 rounded-lg text-[12px] animate-fade-in flex items-center justify-between gap-3",style:{background:"rgba(59,130,246,0.08)",color:"var(--text-secondary)",border:"1px solid rgba(59,130,246,0.2)"},children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#3b82f6",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),t.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),t.jsxs("span",{children:["Plugins detected (",t.jsx("strong",{children:s.pluginLayoutInfo.plugins.slice(0,3).join(", ")}),"). Add this skill to a plugin for better organization."]})]}),t.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[t.jsx("button",{onClick:s.applyPluginRecommendation,className:"px-3 py-1 rounded-md text-[11px] font-medium",style:{background:"#3b82f6",color:"#fff",border:"none",cursor:"pointer"},children:"Use plugin"}),t.jsx("button",{onClick:()=>s.setShowPluginRecommendation(!1),className:"w-5 h-5 rounded flex items-center justify-center",style:{color:"var(--text-tertiary)",background:"none",border:"none",cursor:"pointer"},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]}),t.jsxs("div",{className:"glass-card p-4",children:[t.jsx("h3",{className:"text-[13px] font-semibold mb-3",style:{color:"var(--text-primary)"},children:"Skill Details"}),t.jsxs("div",{className:"mb-3",children:[t.jsxs("label",{className:"text-[11px] font-medium uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:["Name ",t.jsx("span",{style:{color:"var(--red)"},children:"*"})]}),t.jsx("input",{type:"text",value:s.name,onChange:o=>s.setName(Er(o.target.value,!1)),placeholder:"my-skill",className:"w-full px-3 py-2 rounded-lg text-[13px]",style:er})]}),t.jsxs("div",{className:"mb-3",children:[t.jsxs("label",{className:"text-[11px] font-medium uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:["Description ",t.jsx("span",{style:{color:"var(--red)"},children:"*"})]}),t.jsx("textarea",{value:s.description,onChange:o=>s.setDescription(o.target.value),placeholder:"Brief description",rows:3,className:"w-full px-3 py-2 rounded-lg text-[13px] resize-y",style:{...er,minHeight:"72px"}})]}),t.jsxs("div",{className:"flex gap-3",children:[t.jsxs("div",{className:"flex-1",children:[t.jsx("label",{className:"text-[11px] font-medium uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:"Model"}),t.jsxs("select",{value:s.model,onChange:o=>s.setModel(o.target.value),className:"w-full px-3 py-2 rounded-lg text-[13px]",style:er,children:[t.jsx("option",{value:"",children:"Any"}),t.jsx("option",{value:"opus",children:"Opus"}),t.jsx("option",{value:"sonnet",children:"Sonnet"}),t.jsx("option",{value:"haiku",children:"Haiku"})]})]}),t.jsxs("div",{className:"flex-1",children:[t.jsx("label",{className:"text-[11px] font-medium uppercase tracking-wider mb-1 block",style:{color:"var(--text-tertiary)"},children:"Allowed Tools"}),t.jsx("input",{type:"text",value:s.allowedTools,onChange:o=>s.setAllowedTools(o.target.value),placeholder:"Read, Write, Edit...",className:"w-full px-3 py-2 rounded-lg text-[13px]",style:er})]})]})]}),t.jsxs("div",{className:"glass-card p-4",children:[t.jsxs("div",{className:"flex items-center justify-between mb-3",children:[t.jsxs("div",{className:"flex items-center gap-2.5",children:[t.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:"var(--accent-muted)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),t.jsx("polyline",{points:"14 2 14 8 20 8"}),t.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),t.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"})]})}),t.jsxs("div",{children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"SKILL.md"}),t.jsx("span",{className:"text-[11px] ml-2",style:{color:"var(--text-tertiary)"},children:"Skill Definition"})]})]}),t.jsx("div",{className:"flex items-center",style:{background:"var(--surface-2)",borderRadius:8,padding:2,gap:1},children:["write","preview"].map(o=>t.jsxs("button",{onClick:()=>s.setBodyViewMode(o),className:"flex items-center gap-1 rounded-md transition-all duration-150",style:{padding:"4px 10px",background:s.bodyViewMode===o?"var(--surface-4)":"transparent",color:s.bodyViewMode===o?"var(--text-primary)":"var(--text-tertiary)",fontSize:11,fontWeight:s.bodyViewMode===o?600:400,border:"none",cursor:"pointer"},children:[o==="write"?t.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("polyline",{points:"16 18 22 12 16 6"}),t.jsx("polyline",{points:"8 6 2 12 8 18"})]}):t.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),t.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),t.jsx("span",{children:o==="write"?"Write":"Preview"})]},o))})]}),s.bodyViewMode==="write"?t.jsx("textarea",{value:s.body,onChange:o=>s.setBody(o.target.value),placeholder:`# /my-skill
+
+You are an expert at...
+`,rows:8,className:"w-full px-3 py-2 rounded-lg text-[13px] font-mono resize-y",style:{...er,minHeight:"150px"}}):s.body.trim()?t.jsx("div",{className:"text-[13px] leading-relaxed overflow-x-auto rounded-lg px-4 py-3",style:{background:"var(--surface-0)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)",minHeight:"150px",maxHeight:"400px",overflowY:"auto"},dangerouslySetInnerHTML:{__html:bn(s.body)}}):t.jsx("div",{className:"text-[13px] leading-relaxed overflow-x-auto rounded-lg px-4 py-3",style:{background:"var(--surface-0)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)",minHeight:"150px",maxHeight:"400px",overflowY:"auto"},children:t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"Start writing to see preview"})})]}),t.jsx(_b,{skillName:s.name||"{skill}",hasEvals:!1,isDraft:s.draftSaved}),s.error&&t.jsx("div",{className:"px-4 py-3 rounded-lg text-[13px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid rgba(248,113,113,0.2)"},children:s.error}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("button",{onClick:s.handleCreate,disabled:s.creating||!s.name||!s.description,className:"px-5 py-2.5 rounded-lg text-[13px] font-medium transition-all duration-150",style:{background:s.creating||!s.name||!s.description?"var(--surface-3)":"var(--accent)",color:s.creating||!s.name||!s.description?"var(--text-tertiary)":"#fff",cursor:s.creating||!s.name||!s.description?"not-allowed":"pointer",border:"none"},children:s.creating?"Creating...":"Create Skill"}),t.jsx("button",{onClick:r,className:"px-4 py-2.5 rounded-lg text-[13px] font-medium",style:{color:"var(--text-secondary)",background:"none",border:"none",cursor:"pointer"},children:"Cancel"})]})]})]})}function Ui(){return t.jsx("div",{className:"w-16 h-16 rounded-2xl flex items-center justify-center",style:{background:"var(--surface-2)"},children:t.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),t.jsx("polyline",{points:"3.27 6.96 12 12.01 20.73 6.96"}),t.jsx("line",{x1:"12",y1:"22.08",x2:"12",y2:"12"})]})})}function Qr({variant:e,message:r,onRetry:n}){const{setMode:s,setSearch:o}=Mt(),[a,i]=c.useState(!1);return e==="no-selection"?t.jsxs("div",{className:"flex flex-col items-center justify-center h-full px-8 animate-fade-in",children:[t.jsx("div",{className:"mb-5",children:a?t.jsx(Ui,{}):t.jsx("img",{src:"/images/empty-studio.webp",width:128,height:128,alt:"",onError:()=>i(!0),style:{objectFit:"contain"}})}),t.jsx("p",{className:"text-[14px] font-medium mb-1",style:{color:"var(--text-secondary)"},children:"Select a skill to view details"}),t.jsx("p",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"Choose a skill from the list to edit, test, and evaluate"})]}):e==="no-skills"?t.jsxs("div",{className:"text-center py-12 px-4 animate-fade-in-scale",children:[t.jsx("div",{className:"w-14 h-14 rounded-2xl flex items-center justify-center mx-auto mb-4",style:{background:"var(--surface-2)"},children:t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"})})}),t.jsx("p",{className:"text-[14px] font-medium",style:{color:"var(--text-secondary)"},children:"No skills found"}),t.jsxs("p",{className:"text-[12px] mt-1 mb-4",style:{color:"var(--text-tertiary)"},children:["Check your ",t.jsx("code",{className:"px-1.5 py-0.5 rounded text-[11px]",style:{background:"var(--surface-2)"},children:"--root"})," directory, or create your first skill"]}),t.jsxs("button",{onClick:()=>s("create"),className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-[13px] font-medium transition-all duration-150",style:{background:"var(--accent)",color:"#fff",border:"none",cursor:"pointer"},onMouseEnter:l=>{l.currentTarget.style.opacity="0.9"},onMouseLeave:l=>{l.currentTarget.style.opacity="1"},children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),"Create Your First Skill"]})]}):e==="no-project-skills"?t.jsxs("div",{className:"flex flex-col items-center justify-center h-full px-8 animate-fade-in","data-testid":"empty-state-no-project-skills",children:[t.jsx("div",{className:"mb-5",children:a?t.jsx(Ui,{}):t.jsx("img",{src:"/images/empty-studio.webp",width:128,height:128,alt:"",onError:()=>i(!0),style:{objectFit:"contain"}})}),t.jsx("p",{className:"text-[15px] font-medium mb-1",style:{color:"var(--text-primary)"},children:"No skills installed for this project yet."}),t.jsx("p",{className:"text-[12px] mb-5",style:{color:"var(--text-tertiary)",maxWidth:360,textAlign:"center"},children:"Browse the marketplace to install one, or author a new skill from scratch."}),t.jsxs("div",{className:"flex gap-3",children:[t.jsxs("button",{type:"button","data-testid":"empty-state-browse-marketplaces",onClick:()=>{window.dispatchEvent(new CustomEvent("studio:open-marketplace"))},className:"inline-flex items-center gap-2 px-4 py-2 rounded-lg text-[13px] font-medium transition-all duration-150",style:{background:"var(--accent)",color:"#fff",border:"none",cursor:"pointer"},"aria-label":"Browse marketplaces",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("circle",{cx:"9",cy:"21",r:"1"}),t.jsx("circle",{cx:"20",cy:"21",r:"1"}),t.jsx("path",{d:"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"})]}),"Browse marketplaces"]}),t.jsxs("button",{type:"button","data-testid":"empty-state-create-skill",onClick:()=>s("create"),className:"inline-flex items-center gap-2 px-4 py-2 rounded-lg text-[13px] font-medium transition-all duration-150",style:{background:"var(--surface-2)",color:"var(--text-primary)",border:"1px solid var(--border-default, var(--border-subtle))",cursor:"pointer"},"aria-label":"Create new skill",children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),"Create new skill"]})]})]}):e==="error"?t.jsx("div",{className:"flex flex-col items-center justify-center h-full px-8 animate-fade-in",children:t.jsxs("div",{className:"px-5 py-4 rounded-lg text-center max-w-sm",style:{background:"var(--red-muted)",border:"1px solid rgba(248,113,113,0.2)"},children:[t.jsx("p",{className:"text-[13px] mb-3",style:{color:"var(--red)"},children:r||"Failed to load skill data"}),n&&t.jsx("button",{onClick:n,className:"px-4 py-2 rounded-lg text-[12px] font-medium",style:{background:"var(--surface-3)",color:"var(--text-primary)",border:"none",cursor:"pointer"},children:"Retry"})]})}):t.jsxs("div",{className:"px-4 py-8 text-center animate-fade-in",children:[t.jsx("p",{className:"text-[13px] mb-2",style:{color:"var(--text-tertiary)"},children:"No skills match your search"}),t.jsx("button",{onClick:()=>o(""),className:"text-[12px] font-medium",style:{color:"var(--accent)",background:"none",border:"none",cursor:"pointer",textDecoration:"underline"},children:"Clear search"})]})}function Ob(e,r){const[n,s]=e.split(".").map(Number),[o,a]=r.split(".").map(Number);return o>n?"major":a>s?"minor":"patch"}const Wb={major:{bg:"var(--red-muted)",text:"var(--red)"},minor:{bg:"var(--yellow-muted)",text:"var(--yellow)"},patch:{bg:"var(--green-muted)",text:"var(--green)"}};function $d(){const[e,r]=c.useState([]),[n,s]=c.useState(!0),[o,a]=c.useState(new Set),[i,l]=c.useState(new Map),[d,u]=c.useState(!1),[p,f]=c.useState(new Set),[h,m]=c.useState(new Map),[y,x]=c.useState(null),[g,b]=c.useState(null),[v,j]=c.useState(!1),C=c.useCallback(async()=>{s(!0);try{const I=await ce.getSkillUpdates();r(I.filter(A=>A.updateAvailable))}catch{r([])}finally{s(!1)}},[]);c.useEffect(()=>{C()},[C]);const w=c.useMemo(()=>e.filter(I=>!I.pinned),[e]),R=c.useCallback(I=>{a(A=>{const $=new Set(A);return $.has(I)?$.delete(I):$.add(I),$})},[]),k=c.useCallback(()=>{o.size===w.length?a(new Set):a(new Set(w.map(I=>I.name)))},[o,w]),E=c.useCallback(()=>{const I=[...o];if(!I.length)return;u(!0),l(new Map(I.map($=>[$,{skill:$,status:"pending"}])));const A=ce.startBatchUpdate(I);A.addEventListener("progress",$=>{try{const _=JSON.parse($.data);l(S=>new Map(S).set(_.skill,_))}catch{}}),A.addEventListener("done",$=>{A.close(),u(!1);try{const _=JSON.parse($.data);x(`Updated ${_.updated??0} skills, ${_.failed??0} failed`),setTimeout(()=>x(null),5e3)}catch{}C()}),A.addEventListener("error",()=>{A.close(),u(!1),x("Batch update failed"),setTimeout(()=>x(null),5e3)})},[o,C]),T=c.useCallback(async I=>{const A=I.name.split("/"),$=A.length>=3?A[A.length-2]:A[0],_=A[A.length-1];f(S=>new Set(S).add(I.name)),m(S=>{const L=new Map(S);return L.delete(I.name),L});try{const S=await ce.postSkillUpdate($,_);if(S.ok)C();else{const L=`Update failed (HTTP ${S.status}): ${S.body}`;m(P=>new Map(P).set(I.name,L)),x(`Couldn't update ${_} — HTTP ${S.status}`),setTimeout(()=>x(null),5e3)}}catch(S){const L=S instanceof Error?S.message:"Network error";m(P=>new Map(P).set(I.name,L)),x(`Couldn't update ${_} — ${L}`),setTimeout(()=>x(null),5e3)}finally{f(S=>{const L=new Set(S);return L.delete(I.name),L})}},[C]),N=c.useCallback(async I=>{if(!I.latest)return;const A=I.name.split("/"),$=A.length>=3?A[A.length-2]:A[0],_=A[A.length-1];j(!0);try{const S=await ce.getVersionDiff($,_,I.installed,I.latest);b({skill:I,diff:S})}catch{b(null)}finally{j(!1)}},[]);return n?t.jsxs("div",{"data-testid":"updates-panel",className:"p-6",children:[t.jsx("div",{className:"skeleton h-6 w-48 mb-4"}),t.jsxs("div",{className:"space-y-3",children:[t.jsx("div",{className:"skeleton h-16 rounded-lg"}),t.jsx("div",{className:"skeleton h-16 rounded-lg"})]})]}):e.length===0?t.jsxs("div",{"data-testid":"updates-panel",className:"flex flex-col items-center justify-center h-full py-16",children:[t.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"var(--green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"mb-4",children:[t.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),t.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),t.jsx("div",{className:"text-[15px] font-semibold mb-2",style:{color:"var(--text-primary)"},children:"All skills are up to date"}),t.jsx("div",{className:"text-[12px] mb-4",style:{color:"var(--text-tertiary)"},children:"No updates available for installed skills."}),t.jsx("button",{onClick:C,className:"btn btn-secondary text-[12px]",children:"Refresh"})]}):t.jsxs("div",{"data-testid":"updates-panel",className:"p-6",children:[y&&t.jsx("div",{className:"fixed top-4 right-4 z-50 px-4 py-3 rounded-lg text-[13px] font-medium animate-fade-in",style:{background:"var(--surface-3)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)"},children:y}),t.jsxs("div",{className:"flex items-center justify-between mb-5",children:[t.jsxs("div",{className:"text-[16px] font-semibold",style:{color:"var(--text-primary)"},children:["Available Updates (",w.length,")"]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("button",{onClick:C,className:"btn btn-ghost text-[12px]",disabled:d,children:"Refresh"}),t.jsx("button",{onClick:E,disabled:o.size===0||d,className:"btn btn-primary text-[12px]",children:d?"Updating...":`Update Selected (${o.size})`})]})]}),t.jsx("div",{className:"flex items-center gap-2 mb-3",children:t.jsxs("button",{onClick:k,className:"flex items-center gap-2 text-[12px] font-medium",style:{color:"var(--text-secondary)",background:"transparent",border:"none",cursor:"pointer"},children:[t.jsx("span",{className:"w-4 h-4 rounded border flex items-center justify-center",style:{borderColor:o.size===w.length&&w.length>0?"var(--accent)":"var(--border-default)",background:o.size===w.length&&w.length>0?"var(--accent)":"transparent"},children:o.size===w.length&&w.length>0&&t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-paper)",strokeWidth:"3",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})}),"Select All"]})}),t.jsx("div",{className:"space-y-2",children:e.map(I=>{const A=I.name.split("/").pop()||I.name,$=I.latest?Ob(I.installed,I.latest):"patch",_=Wb[$],S=!!I.pinned,L=p.has(I.name),P=i.get(I.name),D=o.has(I.name);return t.jsx("div",{className:"rounded-lg px-4 py-3 transition-all duration-150",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)",opacity:S?.7:1},children:t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("button",{onClick:()=>!S&&R(I.name),disabled:S,className:"flex-shrink-0",style:{background:"transparent",border:"none",cursor:S?"not-allowed":"pointer"},children:t.jsx("span",{className:"w-4 h-4 rounded border flex items-center justify-center",style:{borderColor:D?"var(--accent)":"var(--border-default)",background:D?"var(--accent)":"transparent",opacity:S?.4:1},children:D&&t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-paper)",strokeWidth:"3",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[t.jsx("span",{className:"text-[13px] font-medium",style:{color:"var(--text-primary)"},children:A}),S&&t.jsx("span",{className:"text-[10px]",title:"Pinned — unpin from CLI to update",children:"📌"}),t.jsx("span",{className:"text-[10px] font-medium px-1.5 py-0.5 rounded-full",style:{background:_.bg,color:_.text},children:$})]}),t.jsxs("div",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[I.installed," → ",I.latest||"?",S&&` (pinned at ${I.pinnedVersion||I.installed})`]})]}),P&&t.jsxs("span",{className:"text-[10px] font-medium px-1.5 py-0.5 rounded-full",style:{background:P.status==="done"?"var(--green-muted)":P.status==="error"?"var(--red-muted)":"var(--yellow-muted)",color:P.status==="done"?"var(--green)":P.status==="error"?"var(--red)":"var(--yellow)"},children:[P.status,P.error&&`: ${P.error}`]}),t.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[t.jsx("button",{onClick:()=>N(I),className:"btn btn-ghost text-[11px]",disabled:v,children:"View Changes"}),t.jsx("button",{onClick:()=>T(I),disabled:S||L||d,title:S?"Pinned — unpin from CLI to update":"",className:`btn ${S?"btn-ghost":"btn-primary"} text-[11px]`,children:L?t.jsxs("span",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"spinner spinner-sm"})," Updating"]}):(P==null?void 0:P.status)==="done"?t.jsx("span",{style:{color:"var(--green)"},children:"✓"}):"Update"})]})]})},I.name)})}),g&&t.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>b(null),children:t.jsxs("div",{style:{width:"80%",maxWidth:900},onClick:I=>I.stopPropagation(),children:[t.jsx("div",{className:"mb-2 flex justify-end",children:t.jsx("button",{onClick:()=>b(null),className:"btn btn-ghost text-[12px]",children:"Close"})}),t.jsx(pa,{contentDiff:g.diff.contentDiff,fromLabel:g.diff.from,toLabel:g.diff.to,diffSummary:g.diff.diffSummary,renderContext:"inline"})]})})]})}const Ub=Object.freeze(Object.defineProperty({__proto__:null,UpdatesPanel:$d},Symbol.toStringTag,{value:"Module"}));function Hb(e){return e==null?"var(--text-tertiary)":e>=.7?"var(--green)":e>=.4?"var(--yellow)":"var(--red)"}function Vb(e){return e==null?"var(--surface-3)":e>=.7?"var(--green-muted)":e>=.4?"var(--yellow-muted)":"var(--red-muted)"}function Gb(e){if(!e||typeof e!="string")return null;const r=e.trim();if(!r)return null;if(!r.includes("://")){const[n]=r.split("/");return n&&/^[A-Za-z0-9][A-Za-z0-9-]{0,38}$/.test(n)?n:null}try{const n=new URL(r),s=n.hostname.toLowerCase();if(s!=="github.com"&&s!=="www.github.com"&&s!=="raw.githubusercontent.com")return null;const a=n.pathname.split("/").filter(Boolean)[0];return!a||!/^[A-Za-z0-9][A-Za-z0-9-]{0,38}$/.test(a)?null:a}catch{return null}}function Md(e){const{author:r,repoUrl:n}=e,s=Gb(n??null),o=r&&r.trim()!==""?r:s??"—",[a,i]=c.useState(!1),l=c.useCallback(async()=>{var d;try{await((d=navigator.clipboard)==null?void 0:d.writeText(o)),i(!0),setTimeout(()=>i(!1),1500)}catch{}},[o]);return s?t.jsx("a",{"data-testid":e["data-testid"]??"author-link",href:`https://github.com/${s}`,target:"_blank",rel:"noopener noreferrer",style:{fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-accent, var(--text-primary))",textDecoration:"none",borderBottom:"1px dotted var(--border-default, var(--border))",whiteSpace:"nowrap"},children:o}):!r||r.trim()===""?t.jsx("span",{"data-testid":e["data-testid"]??"author-link-empty",style:{fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)"},children:"—"}):t.jsxs("button",{type:"button","data-testid":e["data-testid"]??"author-copy",title:`Copy "${o}"`,onClick:l,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px",border:"1px solid var(--border-default, var(--border))",borderRadius:4,background:"transparent",fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)",cursor:"pointer",whiteSpace:"nowrap"},children:[o,t.jsx("span",{"aria-hidden":"true",style:{fontSize:10,opacity:.7},children:a?"✓":"⧉"})]})}function Dd(e){let r=e.split("#")[0].split("?")[0].replace(/\/+$/,"");return r=r.replace(/\/(?:tree|blob)\/[^/]+(?:\/.*)?$/,""),r}function Kb(e,r){const n=Dd(e),s=(r??"").replace(/^\/+/,"").replace(/\/+$/,"");return s?`${n}/blob/HEAD/${s}`:`${n}/blob/HEAD/`}function Hi(e){if(!e)return"source";const r=e.replace(/\/+$/,""),n=r.lastIndexOf("/");return n===-1?r:r.slice(n+1)}function Fd(e){const{repoUrl:r,skillPath:n,absolutePath:s}=e,[o,a]=c.useState(!1),i=typeof r=="string"&&r.trim()!==""&&/^https?:\/\//.test(r.trim()),l=n?Hi(n):s?Hi(s):"source",d=c.useCallback(async()=>{var f;const p=s??n??"";if(p)try{await((f=navigator.clipboard)==null?void 0:f.writeText(p)),a(!0),setTimeout(()=>a(!1),1500)}catch{}},[s,n]);if(i){const p=Kb(r,n);return t.jsxs("a",{"data-testid":e["data-testid"]??"source-file-link",href:p,target:"_blank",rel:"noopener noreferrer",title:p,style:{display:"inline-flex",alignItems:"center",gap:4,fontFamily:"var(--font-mono, var(--font-geist-mono))",fontSize:12,color:"var(--text-accent, var(--text-primary))",textDecoration:"none",whiteSpace:"nowrap",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis"},children:[t.jsx("span",{children:l}),t.jsx("span",{"aria-hidden":"true",children:"↗"})]})}if(!s&&!n)return t.jsx("span",{"data-testid":e["data-testid"]??"source-file-empty",style:{fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)"},children:"—"});const u=s??n??"";return t.jsxs("button",{type:"button","data-testid":e["data-testid"]??"source-file-copy",title:`Copy ${u}`,onClick:d,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 6px",border:"1px solid var(--border-default, var(--border))",borderRadius:4,background:"transparent",fontFamily:"var(--font-mono, var(--font-geist-mono))",fontSize:12,color:"var(--text-secondary)",cursor:"pointer",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[t.jsx("span",{children:l}),t.jsx("span",{"aria-hidden":"true",style:{fontSize:10,opacity:.7},children:o?"✓":"⧉"})]})}const qb=/^[A-Za-z0-9][A-Za-z0-9-]{0,38}$/,Yb=/^[A-Za-z0-9._-]+$/;function Jb(e){if(!e||typeof e!="string")return null;const r=e.trim();if(!r)return null;let n;try{n=Dd(r)}catch{return null}let s;try{s=new URL(n)}catch{return null}const o=s.hostname.toLowerCase();if(o!=="github.com"&&o!=="www.github.com")return null;const a=s.pathname.split("/").filter(Boolean);if(a.length!==2)return null;const i=a[0],l=a[1].replace(/\.git$/i,"");return!qb.test(i)||!l||!Yb.test(l)?null:{owner:i,repo:l}}function Qb(e){const r=Jb(e.repoUrl??null);if(!r)return null;const n=`https://github.com/${r.owner}/${r.repo}`;return t.jsxs("a",{"data-testid":e["data-testid"]??"repo-link",href:n,target:"_blank",rel:"noopener noreferrer",title:n,style:{fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-accent, var(--text-primary))",textDecoration:"none",borderBottom:"1px dotted var(--border-default, var(--border))",whiteSpace:"nowrap"},children:[r.owner,"/",r.repo]})}function Vi(e,r="info"){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function zd(e){return e.skill?Zb({skill:e.skill}):t1({state:e.state,isReadOnly:e.isReadOnly,onDelete:e.onDelete})}function Xb(e,r=48){if(e.length<=r)return e;const n=e.slice(0,12),s=e.slice(e.length-(r-12-1));return`${n}…${s}`}function Zb({skill:e}){const[r,n]=c.useState(!1),s=(e.sourcePath??e.dir)||"—",o=c.useCallback(async()=>{var l;try{await((l=navigator.clipboard)==null?void 0:l.writeText(s)),n(!0),setTimeout(()=>n(!1),1500),Vi(O.toasts.pathCopied,"info")}catch{Vi(O.toasts.permissionDenied,"error")}},[s]),a=e.source==="project"?"Project":e.source==="personal"?"Personal":e.source==="plugin"?"Plugins":e.origin==="installed"?"Personal":"Skills",i=e.source==="project"?"var(--status-installed)":e.source==="plugin"?"var(--color-accent-ink)":"var(--status-own)";return t.jsxs("div",{"data-testid":"detail-header",style:{background:"var(--bg-surface)",border:"1px solid var(--border-default)",borderRadius:8,padding:"14px 16px",boxShadow:"none"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)",marginBottom:4},children:[t.jsx("span",{"data-testid":"detail-header-plugin",children:e.plugin}),t.jsx("span",{"aria-hidden":"true",style:{color:"var(--text-secondary)"},children:"›"}),t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6,color:"var(--text-secondary)",fontSize:11,letterSpacing:.3,textTransform:"uppercase"},children:[t.jsx("span",{"data-origin-dot":e.origin,"aria-label":`Origin: ${a}`,style:{display:"inline-block",width:7,height:7,borderRadius:999,background:i}}),a]})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,marginBottom:8},children:[t.jsx("h2",{"data-testid":"detail-header-name",style:{fontFamily:"var(--font-serif)",fontSize:20,fontWeight:500,lineHeight:1.25,color:"var(--text-primary)",margin:0},children:e.skill}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[t.jsx("span",{"data-testid":"detail-header-version",children:t.jsx(yn,{version:e.resolvedVersion??e.version??null,source:e.versionSource,pluginName:e.pluginName??null})}),e.pluginName&&e.pluginVersion&&t.jsxs("span",{"data-testid":"detail-header-plugin-chip",title:`This skill ships in plugin ${e.pluginName} v${e.pluginVersion}. The plugin version is independent of this skill's own version track.`,style:{display:"inline-flex",alignItems:"baseline",gap:4,fontFamily:"var(--font-sans)",fontSize:11,color:"var(--text-tertiary)",padding:"2px 6px",borderRadius:4,background:"var(--surface-1, transparent)",border:"1px solid var(--border-subtle, transparent)",whiteSpace:"nowrap"},children:[t.jsx("span",{children:"from"}),t.jsx("span",{style:{color:"var(--text-secondary)"},children:e.pluginName}),t.jsx("span",{"aria-hidden":"true",children:"@"}),t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontVariantNumeric:"tabular-nums",color:"var(--text-secondary)"},children:e.pluginVersion})]}),e.origin==="source"&&t.jsx("button",{type:"button","data-testid":"detail-header-delete","aria-label":"Delete skill",title:"Delete skill",onClick:()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:request-delete",{detail:{skill:e}}))},className:"flex items-center justify-center transition-colors duration-150",style:{background:"none",border:"none",cursor:"pointer",color:"var(--text-tertiary)",padding:4,borderRadius:4},onMouseEnter:l=>{l.currentTarget.style.color="var(--red)"},onMouseLeave:l=>{l.currentTarget.style.color="var(--text-tertiary)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("polyline",{points:"3 6 5 6 21 6"}),t.jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"}),t.jsx("path",{d:"M10 11v6"}),t.jsx("path",{d:"M14 11v6"}),t.jsx("path",{d:"M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})})]})]}),t.jsxs("div",{"data-testid":"detail-header-byline",style:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:10,margin:"0 0 8px",fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)"},children:[t.jsx(Md,{author:e.author??null,repoUrl:e.repoUrl??e.homepage??null}),t.jsx(Qb,{repoUrl:e.repoUrl??null}),t.jsx(Fd,{repoUrl:e.repoUrl??null,skillPath:e.skillPath??null,absolutePath:e.dir})]}),t.jsx(e1,{skill:e}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[t.jsx("button",{type:"button","data-testid":"detail-header-path-chip",title:s,"aria-label":`Copy path ${s} to clipboard`,onClick:o,style:{display:"inline-flex",alignItems:"center",padding:"2px 8px",border:"1px solid var(--border-default)",borderRadius:4,background:"transparent",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-secondary)",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",cursor:"pointer"},children:Xb(s)}),t.jsxs("button",{"data-testid":"detail-header-copy-path",type:"button",onClick:o,"aria-label":"Copy skill path to clipboard",style:{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 8px",background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,color:"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:11,cursor:"pointer"},children:[t.jsxs("svg",{width:"11",height:"11",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),t.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),r?"Copied":"Copy"]})]})]})}function e1({skill:e}){const r=e.installMethod,n=e.symlinkTarget;if(!r)return null;let s="";switch(r){case"symlinked":s=n?`Symlinked from ${n}`:"Symlinked (target unresolved)";break;case"copied":s="Copied (independent)";break;case"authored":s="Authored";break;default:return null}return t.jsxs("div",{"data-testid":"detail-header-install-method",style:{display:"flex",alignItems:"center",gap:6,fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-sans)",margin:"6px 0 8px"},children:[t.jsx("span",{style:{fontWeight:600,letterSpacing:"0.04em",textTransform:"uppercase",fontSize:10,color:"var(--text-tertiary)"},children:"Install method"}),t.jsx("span",{style:{fontFamily:"var(--font-mono)"},children:s})]})}function t1({state:e,isReadOnly:r,onDelete:n}){const{plugin:s,skill:o,evals:a,latestBenchmark:i,isDirty:l,caseRunStates:d,regressions:u,iterationCount:p}=e,f=Array.from(d.values()).some(b=>b.status==="running"||b.status==="queued"),h=i==null?void 0:i.overall_pass_rate,m=(a==null?void 0:a.evals.reduce((b,v)=>b+v.assertions.length,0))??0,y=(a==null?void 0:a.evals.length)??0,x=Hb(h),g=Vb(h);return t.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5",style:{borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-1)",flexShrink:0},children:[t.jsxs("div",{className:"flex items-center gap-2 text-[13px]",children:[t.jsx("span",{style:{color:"var(--text-tertiary)"},children:s}),t.jsx(r1,{}),t.jsx("span",{className:"font-medium",style:{color:"var(--text-primary)"},children:o}),r&&t.jsxs("span",{className:"ml-2 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wider px-1.5 py-0.5 rounded",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:[t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"installed"]}),l&&t.jsx("span",{className:"ml-2 text-[10px] font-semibold uppercase tracking-wider px-1.5 py-0.5 rounded",style:{background:"var(--yellow-muted)",color:"var(--yellow)"},children:"unsaved"}),f&&t.jsxs("span",{className:"ml-2 flex items-center gap-1.5 text-[11px]",style:{color:"var(--accent)"},children:[t.jsx("span",{className:"spinner",style:{width:12,height:12,borderWidth:1.5}}),"Running..."]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[!r&&n&&t.jsx("button",{disabled:f,onClick:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:request-delete",{detail:{skill:{plugin:s,skill:o,dir:"",hasEvals:!1,hasBenchmark:!1,evalCount:0,assertionCount:0,benchmarkStatus:"missing",lastBenchmark:null,origin:"source"}}}))},title:"Delete skill",className:"flex items-center justify-center transition-colors duration-150",style:{background:"none",border:"none",cursor:f?"not-allowed":"pointer",color:"var(--text-tertiary)",padding:4,opacity:f?.4:1,borderRadius:4},onMouseEnter:b=>{f||(b.currentTarget.style.color="var(--red)")},onMouseLeave:b=>{b.currentTarget.style.color="var(--text-tertiary)"},children:t.jsx(n1,{})}),u.length>0&&t.jsxs("span",{className:"pill",style:{background:"var(--red-muted)",color:"var(--red)"},children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[t.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),t.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),t.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),u.length," regression",u.length>1?"s":""]}),p>0&&t.jsxs("span",{className:"pill",style:{background:"var(--purple-muted)",color:"var(--purple)"},children:["Iter ",p]}),t.jsx("span",{className:"pill",style:{background:g,color:x},children:h!=null?`${Math.round(h*100)}%`:"--"}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[y," case",y!==1?"s":""," / ",m," assert",m!==1?"s":""]})]})]})}function r1(){return t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2",children:t.jsx("polyline",{points:"9 18 15 12 9 6"})})}function n1(){return t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("polyline",{points:"3 6 5 6 21 6"}),t.jsx("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"}),t.jsx("line",{x1:"10",y1:"11",x2:"10",y2:"17"}),t.jsx("line",{x1:"14",y1:"11",x2:"14",y2:"17"})]})}function tr(e){const{title:r,label:n,value:s,subtitle:o,description:a,linkLabel:i,children:l,onClick:d}=e,u=r??n??"",p=typeof d=="function",f=h=>{p&&(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),d==null||d())};return t.jsxs("div",{className:p?"metric-card metric-card-link":"metric-card","data-testid":e["data-testid"],role:p?"button":void 0,tabIndex:p?0:void 0,onClick:p?()=>d==null?void 0:d():void 0,onKeyDown:p?f:void 0,style:{background:"var(--card-bg, var(--bg-surface))",border:"1px solid var(--border, var(--border-default))",borderRadius:6,padding:"1rem",display:"flex",flexDirection:"column",gap:"0.375rem",minWidth:0,height:"100%",cursor:p?"pointer":void 0,wordBreak:"break-word",overflowWrap:"anywhere"},children:[u?t.jsx("div",{"data-testid":e["data-testid"]?`${e["data-testid"]}-title`:void 0,style:{fontFamily:"var(--font-geist-mono, var(--font-mono))",fontSize:"0.5625rem",fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--card-text-muted, var(--text-secondary))"},children:u}):null,t.jsx("div",{"data-testid":e["data-testid"]?`${e["data-testid"]}-value`:void 0,style:{fontFamily:"var(--font-geist-mono, var(--font-mono))",fontSize:"1.375rem",fontWeight:700,color:"var(--card-text, var(--text-primary))",lineHeight:1,fontVariantNumeric:"tabular-nums"},children:String(s)}),o?t.jsx("div",{style:{fontFamily:"var(--font-geist-mono, var(--font-mono))",fontSize:"0.625rem",color:"var(--card-text-muted, var(--text-secondary))"},children:o}):null,a?t.jsx("div",{style:{fontFamily:"var(--font-geist-mono, var(--font-mono))",fontSize:"0.5625rem",color:"var(--card-text-muted, var(--text-secondary))",lineHeight:1.4,opacity:.7},children:a}):null,l?t.jsx("div",{style:{flex:1,marginTop:"0.25rem"},children:l}):null,i?t.jsx("div",{style:{marginTop:"auto",paddingTop:"0.375rem",borderTop:"1px solid var(--border, var(--border-default))",fontFamily:"var(--font-geist-mono, var(--font-mono))",fontSize:"0.625rem",color:"var(--card-text-muted, var(--text-secondary))"},children:i}):null]})}const s1="Benchmarks are the aggregated score of this skill's evals (evals.yaml) run against its tests (tests/). Each test case produces a verdict; the benchmark is the mean pass rate.";function o1(e){const{onNavigate:r}=e,[n,s]=c.useState(e.open??!1),o=c.useCallback(()=>s(!1),[]);c.useEffect(()=>{if(!n)return;const i=l=>{l.key==="Escape"&&o()};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[n,o]);const a=c.useCallback(i=>{r==null||r(i),s(!1)},[r]);return t.jsxs("span",{"data-testid":e["data-testid"]??"benchmark-info",style:{position:"relative",display:"inline-flex",alignItems:"center"},children:[t.jsx("button",{type:"button","data-testid":"benchmark-info-trigger","aria-label":"About benchmarks","aria-expanded":!!n,onClick:()=>s(i=>!i),style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:18,height:18,padding:0,border:"1px solid var(--border-default, var(--border))",borderRadius:999,background:"transparent",color:"var(--text-secondary)",fontSize:11,fontFamily:"var(--font-sans)",cursor:"pointer",lineHeight:1},children:"ℹ"}),n&&t.jsxs("div",{role:"dialog","data-testid":"benchmark-info-popover",style:{position:"absolute",top:"100%",right:0,marginTop:6,zIndex:20,width:280,padding:"10px 12px",background:"var(--bg-surface, var(--surface-1))",border:"1px solid var(--border-default, var(--border))",borderRadius:6,fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-primary)",boxShadow:"0 4px 16px rgba(0,0,0,0.08)"},children:[t.jsx("p",{style:{margin:"0 0 8px",lineHeight:1.45},children:s1}),t.jsxs("div",{style:{display:"flex",gap:8,flexWrap:"wrap"},children:[t.jsx("button",{type:"button","data-testid":"benchmark-info-link-tests",onClick:()=>a("tests"),style:Gs,children:"Tests →"}),t.jsx("button",{type:"button","data-testid":"benchmark-info-link-run",onClick:()=>a("run"),style:Gs,children:"Run →"}),t.jsx("button",{type:"button","data-testid":"benchmark-info-close",onClick:o,style:{...Gs,marginLeft:"auto",color:"var(--text-secondary)"},children:"Close"})]})]})]})}const Gs={background:"transparent",border:"none",padding:0,fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-accent, var(--text-primary))",cursor:"pointer",textDecoration:"underline"};function a1(e){return`gh repo create ${e.trim()||"<repo-name>"} --public --source=. --remote=origin --push`}const i1="Add a GitHub remote: `gh repo create --public --source=.` (replace existing origin if needed).";function l1({value:e}){const[r,n]=c.useState(!1),s=c.useCallback(async()=>{try{await navigator.clipboard.writeText(e),n(!0),setTimeout(()=>n(!1),1500)}catch{}},[e]);return t.jsx("button",{type:"button","data-testid":"publish-status-copy","aria-label":"Copy GitHub setup command",onClick:s,style:{fontSize:11,padding:"3px 8px",borderRadius:4,border:"1px solid var(--border-default, var(--border-subtle))",background:"var(--surface-2)",color:"var(--text-primary)",cursor:"pointer"},children:r?"Copied":"Copy"})}function Gi({tone:e,label:r}){const n=e==="ok"?"color-mix(in srgb, var(--color-ok, #22c55e) 18%, transparent)":"color-mix(in srgb, var(--color-own, #f59e0b) 18%, transparent)",s=e==="ok"?"var(--color-ok, #22c55e)":"var(--color-own, #f59e0b)";return t.jsx("span",{style:{display:"inline-flex",alignItems:"center",padding:"2px 8px",borderRadius:999,fontSize:11,fontWeight:500,color:s,background:n},children:r})}function c1(e={}){const{status:r,loading:n}=ed();if(n||!r)return null;if(r.status==="github")return t.jsxs("div",{"data-testid":"publish-status-row","data-status":"github",style:{display:"flex",alignItems:"center",gap:12,flexWrap:"wrap",padding:"10px 12px",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:8,background:"var(--bg-surface, var(--surface-1))"},children:[t.jsx(Gi,{tone:"ok",label:"Publish-ready"}),t.jsxs("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:["GitHub origin: ",r.githubOrigin]}),t.jsx("div",{style:{marginLeft:"auto"},children:t.jsx(fd,{remoteUrl:r.githubOrigin??"",provider:e.provider,model:e.model})})]});const s=r.status==="no-git"?a1(e.projectBasename??""):i1;return t.jsxs("div",{"data-testid":"publish-status-row","data-status":r.status,style:{display:"flex",flexDirection:"column",gap:8,padding:"10px 12px",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:8,background:"var(--bg-surface, var(--surface-1))"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[t.jsx(Gi,{tone:"warn",label:r.status==="no-git"?"No GitHub repo yet":"Origin is not GitHub"}),t.jsx("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:"Connect GitHub to publish your skills."})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap"},children:[t.jsx("code",{"data-testid":"publish-status-command",style:{flex:1,minWidth:0,padding:"6px 10px",borderRadius:4,background:"var(--surface-2)",color:"var(--text-primary)",fontFamily:"var(--font-mono)",fontSize:12,whiteSpace:"pre-wrap",wordBreak:"break-all"},children:s}),t.jsx(l1,{value:s})]})]})}function d1({plugin:e,skill:r}){const[n,s]=c.useState([]),[o,a]=c.useState([]),[i,l]=c.useState(!0),[d,u]=c.useState(null);c.useEffect(()=>{ce.getDependencies(e,r).then(f=>{s(f.mcpDependencies),a(f.skillDependencies)}).catch(()=>{}).finally(()=>l(!1))},[e,r]);async function p(f,h){try{await navigator.clipboard.writeText(h),u(f),setTimeout(()=>u(null),2e3)}catch{}}return i?null:n.length===0&&o.length===0?t.jsx("div",{className:"mb-5 px-4 py-3 rounded-lg text-[12px]",style:{background:"var(--surface-2)",color:"var(--text-tertiary)",border:"1px solid var(--border-subtle)"},children:"No dependencies detected"}):t.jsxs("div",{className:"mb-5 rounded-xl overflow-hidden",style:{border:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:[t.jsxs("div",{className:"flex items-center gap-2.5 px-5 py-3.5",style:{background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{background:"rgba(234,179,8,0.15)"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"#eab308",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"}),t.jsx("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"})]})}),t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"Dependencies"}),t.jsx("span",{className:"pill text-[10px]",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:n.length+o.length})]}),t.jsxs("div",{className:"px-5 py-4",children:[n.length>0&&t.jsxs("div",{className:"space-y-3 mb-4",children:[t.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:"MCP Servers"}),n.map(f=>t.jsxs("div",{className:"p-3 rounded-lg",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between mb-2",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("span",{className:"text-[13px] font-medium",style:{color:"var(--text-primary)"},children:f.server}),t.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:f.transport})]}),t.jsx("button",{onClick:()=>p(f.server,f.configSnippet),className:"btn btn-ghost text-[11px] py-1 px-2",style:{color:d===f.server?"var(--green)":"var(--accent)"},children:d===f.server?t.jsxs(t.Fragment,{children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})," Copied!"]}):t.jsxs(t.Fragment,{children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),t.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})," Copy Config"]})})]}),t.jsx("div",{className:"text-[11px] mb-2 font-mono",style:{color:"var(--text-tertiary)"},children:f.url}),t.jsx("div",{className:"flex flex-wrap gap-1.5",children:f.matchedTools.map(h=>t.jsx("span",{className:"px-2 py-0.5 rounded text-[10px] font-mono",style:{background:"var(--surface-3)",color:"var(--text-secondary)"},children:h},h))})]},f.server))]}),o.length>0&&t.jsxs("div",{children:[t.jsx("div",{className:"text-[10px] font-semibold uppercase tracking-wider mb-2",style:{color:"var(--text-tertiary)"},children:"Skill Dependencies"}),t.jsx("div",{className:"space-y-1.5",children:o.map(f=>t.jsxs("div",{className:"flex items-center gap-2 px-3 py-2 rounded-lg",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:[t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"})}),t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:f.name}),t.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:f.source==="frontmatter"?"frontmatter":"referenced"})]},f.name))})]})]})]})}const u1="https://verified-skill.com/docs/parameters-and-secrets",p1="Stored as KEY=value in this skill's local .env.local (gitignored). Resolved from process.env first, then .env.local.";function Ki({onToggleAdd:e,addFormOpen:r}){return t.jsxs("div",{className:"flex items-center justify-between mb-2",children:[t.jsxs("span",{className:"text-[11px] font-semibold uppercase tracking-wider flex items-center gap-1.5",style:{color:"var(--text-tertiary)"},children:["Parameters & Secrets",t.jsx("span",{"aria-label":"About Parameters & Secrets",title:p1,style:{cursor:"help",fontSize:11,color:"var(--text-tertiary)",opacity:.7,display:"inline-block",lineHeight:1},children:"ⓘ"})]}),t.jsx("button",{onClick:e,"aria-pressed":r,className:"text-[11px] transition-colors duration-150",style:{color:"var(--accent)",background:"none",border:"none",cursor:"pointer"},children:"+ Add Parameter"})]})}function f1(){return t.jsxs("div",{className:"px-4 py-5 rounded-xl flex flex-col gap-2",style:{background:"var(--surface-2)"},children:[t.jsx("div",{className:"text-[13px] font-semibold",style:{color:"var(--text-secondary)"},children:"No parameters yet"}),t.jsxs("div",{className:"text-[12px]",style:{color:"var(--text-tertiary)",lineHeight:1.5},children:["Values are stored as ",t.jsx("code",{style:{fontSize:11},children:"KEY=value"})," in this skill's local"," ",t.jsx("code",{style:{fontSize:11},children:".env.local"})," (auto-added to"," ",t.jsx("code",{style:{fontSize:11},children:".gitignore"}),"). They appear here when declared as"," ",t.jsx("code",{style:{fontSize:11},children:"requiredCredentials"})," in"," ",t.jsx("code",{style:{fontSize:11},children:"evals.json"}),", or when you add custom ones below."]}),t.jsx("a",{href:u1,target:"_blank",rel:"noopener noreferrer",className:"text-[11px]",style:{color:"var(--accent)",textDecoration:"none"},children:"Learn more →"})]})}function h1({plugin:e,skill:r}){const[n,s]=c.useState([]),[o,a]=c.useState(!0),[i,l]=c.useState(null),[d,u]=c.useState(""),[p,f]=c.useState(!1),[h,m]=c.useState(null),[y,x]=c.useState(""),[g,b]=c.useState(""),[v,j]=c.useState(!1),[C,w]=c.useState(new Set),R=c.useCallback(async()=>{a(!0);try{const[N,I]=await Promise.all([ce.getCredentials(e,r).catch(()=>({credentials:[]})),ce.getParams(e,r).catch(()=>({params:[]}))]),A=new Map(I.params.map(S=>[S.name,S])),$=new Set,_=[];for(const S of N.credentials){$.add(S.name);const L=A.get(S.name);_.push({name:S.name,status:S.status==="ready"||S.status==="resolved"?"ready":"missing",source:S.source,maskedValue:L==null?void 0:L.maskedValue})}for(const S of I.params)$.has(S.name)||_.push({name:S.name,status:S.status,maskedValue:S.maskedValue});s(_)}finally{a(!1)}},[e,r]);c.useEffect(()=>{R()},[R]);const k=c.useCallback(async N=>{if(C.has(N)){w(I=>{const A=new Set(I);return A.delete(N),A}),s(I=>I.map(A=>A.name===N?{...A,revealedValue:void 0}:A));return}try{const A=(await ce.getParamsRevealed(e,r,N)).params.find($=>$.name===N);A&&(s($=>$.map(_=>_.name===N?{..._,revealedValue:A.value}:_)),w($=>new Set($).add(N)))}catch{}},[e,r,C]),E=async(N,I)=>{if(!(!N.trim()||!I.trim())){f(!0),m(null);try{await ce.setCredential(e,r,N,I),l(null),u(""),w(new Set),R()}catch(A){m(A.message)}finally{f(!1)}}},T=async()=>{if(!(!y.trim()||!g.trim())){f(!0),m(null);try{await ce.setCredential(e,r,y.trim().toUpperCase(),g),x(""),b(""),j(!1),R()}catch(N){m(N.message)}finally{f(!1)}}};return o?t.jsxs("div",{className:"mt-6",children:[t.jsx(Ki,{onToggleAdd:()=>{},addFormOpen:!1}),t.jsx("div",{className:"skeleton h-20 rounded-xl"})]}):t.jsxs("div",{className:"mt-6",children:[t.jsx(Ki,{onToggleAdd:()=>j(!v),addFormOpen:v}),h&&t.jsx("div",{className:"mb-2 px-3 py-2 rounded-lg text-[11px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:h}),n.length===0&&!v?t.jsx(f1,{}):t.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"1px solid var(--border-subtle)"},children:n.map(N=>t.jsxs("div",{className:"flex items-center gap-3 px-3 py-2.5",style:{borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-1)"},children:[t.jsx("span",{className:"text-[11px] font-mono font-medium truncate",style:{color:"var(--text-primary)",minWidth:80},children:N.name}),N.maskedValue&&t.jsx("span",{className:"text-[10px] font-mono truncate",style:{color:"var(--text-tertiary)",maxWidth:120},children:C.has(N.name)&&N.revealedValue!=null?N.revealedValue:N.maskedValue}),N.maskedValue&&t.jsx("button",{onClick:()=>k(N.name),className:"btn btn-ghost px-1",title:C.has(N.name)?"Hide value":"Reveal value",style:{color:"var(--text-tertiary)",lineHeight:1},children:C.has(N.name)?t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("path",{d:"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94"}),t.jsx("path",{d:"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19"}),t.jsx("line",{x1:"1",y1:"1",x2:"23",y2:"23"})]}):t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),t.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}),t.jsx("span",{className:"text-[10px] font-semibold px-2 py-0.5 rounded-full",style:{background:N.status==="ready"?"var(--green-muted)":"var(--orange-muted)",color:N.status==="ready"?"var(--green)":"var(--orange)"},children:N.status==="ready"?"ready":"missing"}),N.source&&t.jsx("span",{className:"text-[9px]",style:{color:"var(--text-tertiary)"},children:N.source}),i===N.name?t.jsxs("div",{className:"flex items-center gap-1.5",children:[t.jsx("input",{value:d,onChange:I=>u(I.target.value),onKeyDown:I=>{I.key==="Enter"&&E(N.name,d)},className:"input-field text-[11px] font-mono",style:{width:160},placeholder:"Value...",autoFocus:!0}),t.jsx("button",{onClick:()=>E(N.name,d),disabled:p||!d.trim(),className:"btn btn-primary text-[10px] px-2 py-0.5",children:p?"...":"Save"}),t.jsx("button",{onClick:()=>{l(null),u("")},className:"btn btn-ghost text-[10px] px-1",children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}):t.jsx("button",{onClick:()=>{l(N.name),u("")},className:"btn btn-ghost text-[10px] px-2 py-0.5",style:{color:"var(--accent)"},children:"Edit"})]},N.name))}),v&&t.jsxs("div",{className:"mt-2 p-3 rounded-lg",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex gap-2 mb-2",children:[t.jsx("input",{value:y,onChange:N=>x(N.target.value),className:"input-field flex-1 text-[11px] font-mono",placeholder:"KEY_NAME",autoFocus:!0}),t.jsx("input",{value:g,onChange:N=>b(N.target.value),onKeyDown:N=>{N.key==="Enter"&&T()},className:"input-field flex-1 text-[11px] font-mono",placeholder:"Value",type:"password"})]}),t.jsxs("div",{className:"flex justify-end gap-1.5",children:[t.jsx("button",{onClick:()=>{j(!1),x(""),b("")},className:"btn btn-ghost text-[10px]",children:"Cancel"}),t.jsx("button",{onClick:T,disabled:p||!y.trim()||!g.trim(),className:"btn btn-primary text-[10px]",children:p?"Saving...":"Save"})]})]})]})}function qi({children:e}){return t.jsx("h3",{style:{fontFamily:"var(--font-sans)",fontSize:12,fontWeight:600,textTransform:"uppercase",letterSpacing:.6,color:"var(--text-tertiary)",margin:"0 0 8px"},children:e})}function m1({plugin:e,skill:r}){return t.jsxs("aside",{"data-testid":"skill-overview-rightrail",style:{display:"flex",flexDirection:"column",gap:16},children:[t.jsxs("section",{"data-testid":"overview-rightrail-setup",children:[t.jsx(qi,{children:"Setup"}),t.jsx(d1,{plugin:e,skill:r})]}),t.jsxs("section",{"data-testid":"overview-rightrail-credentials",children:[t.jsx(qi,{children:"Credentials"}),t.jsx(h1,{plugin:e,skill:r})]})]})}function x1(e){if(e==null||!Number.isFinite(e))return"—";if(e<1024)return`${e} B`;const r=e/1024;if(r<1024)return r>=10?`${Math.round(r)} KB`:`${r.toFixed(1).replace(/\.0$/,"")} KB`;const n=r/1024;return n>=10?`${Math.round(n)} MB`:`${n.toFixed(1).replace(/\.0$/,"")} MB`}function Vr(e){if(!e)return"—";const r=new Date(e);if(Number.isNaN(r.getTime()))return e;const n=Date.now()-r.getTime(),s=Math.floor(n/1e3);if(s<60)return"just now";const o=Math.floor(s/60);if(o<60)return`${o} min ago`;const a=Math.floor(o/60);if(a<24)return`${a} hr ago`;const i=Math.floor(a/24);if(i<30)return`${i} day${i===1?"":"s"} ago`;const l=Math.floor(i/30);if(l<12)return`${l} month${l===1?"":"s"} ago`;const d=Math.floor(l/12);return`${d} year${d===1?"":"s"} ago`}function g1(e){switch(e.benchmarkStatus){case"pass":case"fail":case"stale":return e.benchmarkStatus==="pass"?"100%":e.benchmarkStatus==="fail"?"0%":"—";default:return"—"}}function y1(e){const r=e.installMethod;if(!r)return null;const n=r==="authored"?"Authored":r==="copied"?"Copied":"Symlinked";return t.jsx("span",{"data-testid":"overview-install-method",style:{display:"inline-flex",alignItems:"center",padding:"1px 6px",border:"1px solid var(--border-default, var(--border))",borderRadius:4,fontFamily:"var(--font-mono, var(--font-geist-mono))",fontSize:10,color:"var(--text-secondary)",textTransform:"uppercase",letterSpacing:.4},children:n})}function v1(e,r){const n=e.evalCount??0;return!e.hasEvals||n<=0?null:t.jsxs("button",{type:"button","data-testid":"overview-tests-chip",onClick:r?()=>r("run"):void 0,title:`Open Run tab — ${n} test case${n===1?"":"s"}`,style:{display:"inline-flex",alignItems:"center",gap:4,padding:"2px 8px",border:"1px solid var(--border-default, var(--border))",borderRadius:9999,fontFamily:"var(--font-sans)",fontSize:11,color:"var(--text-secondary)",background:"transparent",cursor:r?"pointer":"default"},children:[n," ",n===1?"test":"tests"]})}function b1(e){var f,h;const{skill:r,onNavigate:n,activationsCount:s=0,lastRunIso:o=null,repoUrl:a,skillPathInRepo:i}=e,l=a??(k1(r.homepage)?r.homepage??null:null),d=((f=r.mcpDeps)==null?void 0:f.length)??0,u=((h=r.deps)==null?void 0:h.length)??0,p=t.jsxs("div",{"data-testid":"skill-overview-main",style:{display:"flex",flexDirection:"column",gap:12},children:[t.jsxs("header",{"data-testid":"skill-overview-header",style:{position:"sticky",top:0,zIndex:5,display:"flex",flexDirection:"column",gap:6,padding:"10px 12px",background:"var(--bg-surface, var(--surface-1))",border:"1px solid var(--border-default, var(--border))",borderRadius:8},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap"},children:[t.jsx("h2",{"data-testid":"skill-overview-name",style:{fontFamily:"var(--font-serif, var(--font-sans))",fontSize:18,fontWeight:500,color:"var(--text-primary)",margin:0,lineHeight:1.2},children:r.skill}),t.jsx(yn,{version:r.resolvedVersion??r.version??null,source:r.versionSource,pluginName:r.pluginName??null}),y1(r),v1(r,n)]}),t.jsxs("div",{"data-testid":"skill-overview-byline",style:{display:"flex",flexWrap:"wrap",alignItems:"center",gap:10,fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)"},children:[t.jsx(Md,{author:r.author??null,repoUrl:l}),r.category?t.jsxs("span",{children:["· ",r.category]}):null,t.jsx(Fd,{repoUrl:l,skillPath:i??null,absolutePath:r.dir}),r.lastModified?t.jsxs("span",{title:r.lastModified,children:["· Updated ",Vr(r.lastModified)]}):null]})]}),r.origin!=="installed"&&!r.pluginMarketplace&&r.installMethod!=="copied"&&r.installMethod!=="symlinked"&&t.jsx(c1,{}),t.jsxs("div",{"data-testid":"skill-overview-grid",className:"skill-overview-grid",style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(180px, 1fr))",gap:"0.75rem",alignItems:"stretch"},children:[t.jsx(tr,{title:"Benchmark",value:g1(r),subtitle:r.lastBenchmark?Vr(r.lastBenchmark):"Never run","data-testid":"metric-benchmark",onClick:n?()=>n("run"):void 0,children:t.jsx("div",{style:{marginTop:4,display:"inline-flex",alignItems:"center"},children:t.jsx(o1,{onNavigate:n})})}),t.jsx(tr,{title:"Tests",value:r.evalCount??0,subtitle:`${r.assertionCount??0} assertions`,"data-testid":"metric-tests",onClick:n?()=>n("tests"):void 0}),t.jsx(tr,{title:"Activations",value:s,subtitle:o?`Last: ${Vr(o)}`:"Never","data-testid":"metric-activations",onClick:n?()=>n("activation"):void 0}),t.jsx(tr,{title:"Last run",value:Vr(o??r.lastBenchmark??null),"data-testid":"metric-last-run",onClick:n?()=>n("history"):void 0}),t.jsx(tr,{title:"MCP deps",value:d,subtitle:d>0&&r.mcpDeps?r.mcpDeps.slice(0,3).join(", "):"None","data-testid":"metric-mcp-deps",onClick:n?()=>n("deps"):void 0}),t.jsx(tr,{title:"Skill deps",value:u,subtitle:u>0&&r.deps?r.deps.slice(0,3).join(", "):"None","data-testid":"metric-skill-deps",onClick:n?()=>n("deps"):void 0}),t.jsx(tr,{title:"Size",value:x1(r.sizeBytes),"data-testid":"metric-size"}),t.jsx(tr,{title:"Last modified",value:Vr(r.lastModified),subtitle:r.lastModified??void 0,"data-testid":"metric-last-modified"})]})]});return t.jsxs("div",{"data-testid":"skill-overview",className:"skill-overview",style:{display:"grid",gridTemplateColumns:"minmax(0, 1fr) 280px",gap:16,padding:16,alignItems:"start"},children:[p,t.jsx(m1,{plugin:r.plugin,skill:r.skill})]})}function k1(e){return e?/^https?:\/\/(?:www\.)?(?:github\.com|raw\.githubusercontent\.com)\//.test(e):!1}function j1({skill:e}){const{onSkillUpdated:r}=Mt(),{toast:n}=ls(),[s,o]=c.useState("idle"),[a,i]=c.useState(null),[l,d]=c.useState(!1),[u,p]=c.useState(null),[f,h]=c.useState(!1),m=c.useRef(null),y=c.useCallback(async()=>{if(!e||s==="updating")return;const v=new AbortController;m.current=v,o("updating"),i(null);try{const j=await ce.postSkillUpdate(e.plugin,e.skill,v.signal);if(j.ok)o("done"),r(e.plugin,e.skill),n({message:`Updated ${e.skill}.`,severity:"success",durationMs:4e3});else{const C=`Update failed (HTTP ${j.status}): ${j.body}`;o("idle"),i(C),n({message:`Couldn't update ${e.skill} — HTTP ${j.status}`,severity:"error",durationMs:0,action:{label:"Retry",onInvoke:()=>{y()}}})}}catch(j){if(j instanceof DOMException&&j.name==="AbortError")return;const C=j instanceof Error?j.message:"Network error";o("idle"),i(C),n({message:`Couldn't update ${e.skill} — ${C}`,severity:"error",durationMs:0,action:{label:"Retry",onInvoke:()=>{y()}}})}finally{m.current===v&&(m.current=null)}},[e,s,r,n]);if(c.useEffect(()=>{if(!l||u!=null||!e||!e.latestVersion)return;let v=!1;return h(!0),ce.getVersionDiff(e.plugin,e.skill,e.currentVersion??"",e.latestVersion).then(j=>{v||p(j)}).catch(()=>{v||p(null)}).finally(()=>{v||h(!1)}),()=>{v=!0}},[l,u,e==null?void 0:e.plugin,e==null?void 0:e.skill,e==null?void 0:e.latestVersion,e==null?void 0:e.currentVersion,e]),c.useEffect(()=>()=>{var v;(v=m.current)==null||v.abort()},[]),!e||e.updateAvailable!==!0)return null;const x=e.latestVersion,g=s==="updating"?"Updating…":x?`Update to ${x}`:"Update",b=s==="updating";return t.jsxs("div",{"data-testid":"update-action",style:{display:"flex",flexDirection:"column",gap:6,padding:"12px 16px",borderTop:"1px solid var(--border-default)",borderBottom:"1px solid var(--border-default)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.jsx("button",{type:"button","data-testid":"update-action-button",onClick:()=>{y()},disabled:b,style:{height:36,padding:"0 14px",background:"var(--color-ink)",color:"var(--color-paper)",border:"none",borderRadius:4,cursor:b?"not-allowed":"pointer",fontFamily:"var(--font-sans)",fontSize:13,fontWeight:500},children:g}),t.jsx("button",{type:"button","data-testid":"update-action-toggle-changelog",onClick:()=>d(v=>!v),disabled:b||!x,style:{background:"transparent",border:"none",color:"var(--text-secondary)",fontSize:12,fontFamily:"var(--font-sans)",cursor:"pointer",textDecoration:"underline"},children:l?"Hide changelog":"Preview changelog"})]}),s==="updating"&&t.jsx("div",{"data-testid":"update-action-progress",role:"status",style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-muted, var(--text-secondary))"},children:"Updating…"}),a&&s!=="updating"&&t.jsx("div",{"data-testid":"update-action-error",role:"alert",style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--color-error, #d32f2f)"},children:a}),l&&x&&t.jsxs("div",{"data-testid":"update-action-changelog",style:{paddingTop:8},children:[f&&t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)"},children:"Loading changelog…"}),!f&&u&&t.jsx(pa,{contentDiff:u.contentDiff,fromLabel:u.from,toLabel:u.to,diffSummary:u.diffSummary??void 0,renderContext:"inline"}),!f&&!u&&t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)"},children:"Couldn't load changelog."})]})]})}const w1=3e4;function S1({plugin:e,skill:r,trackedForUpdates:n=!0,discoveryBackedOff:s=!1}){const o=Mt(),[a,i]=c.useState(!1),[l,d]=c.useState(!1),[,u]=c.useState(0),p=c.useRef(null),f=c.useRef(null),h=`${e}/${r}`,m=o.updatesById.get(h);if(c.useEffect(()=>{if(!a)return;const x=setInterval(()=>u(g=>(g+1)%1e6),250);return()=>clearInterval(x)},[a]),c.useEffect(()=>{if(!a||!m)return;const x=f.current??0;m.receivedAt<x||(p.current&&(clearTimeout(p.current),p.current=null),i(!1),d(!1),f.current=null)},[a,m]),c.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]),n===!1||s)return null;const y=async()=>{if(!a){d(!1),i(!0),f.current=Date.now(),p.current=setTimeout(()=>{i(!1),d(!0),p.current=null,f.current=null},w1);try{await ce.rescanSkill(e,r),p.current&&(clearTimeout(p.current),p.current=null);const x=o.updatesById.get(h),g=f.current??0,b=!!x&&x.receivedAt>=g;i(!1),b||d(!0),f.current=null}catch{p.current&&(clearTimeout(p.current),p.current=null),i(!1),f.current=null}}};return t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6},children:[t.jsx("button",{type:"button","data-testid":"check-now-button",onClick:y,disabled:a,style:{height:26,padding:"0 10px",background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,color:"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:12,cursor:a?"not-allowed":"pointer"},children:"Check now"}),a&&t.jsx("span",{"data-testid":"check-now-spinner","aria-label":"Checking for updates",role:"status",style:{display:"inline-block",width:10,height:10,borderRadius:"50%",border:"2px solid var(--text-secondary)",borderTopColor:"transparent",animation:"check-now-spin 800ms linear infinite"}}),l&&t.jsx("span",{"data-testid":"check-now-no-changes",style:{fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-sans)"},children:"No changes detected"})]})}function C1(e,r){var n;typeof process<"u"&&((n=process==null?void 0:process.env)==null?void 0:n.NODE_ENV)==="production"||console.warn(`[SubTabBar] sub-tab "${r}" clicked under "${e}" but no onChange handler was wired. Pass an onChange prop or this click is a no-op.`)}function E1({tabs:e,active:r,onChange:n,parentTabId:s}){const[o,a]=c.useState(null),i=l=>{n?n(l):C1(s,l)};return t.jsx("div",{role:"tablist","aria-label":`${s} sub-sections`,"data-testid":`detail-subtab-bar-${s}`,style:{display:"flex",alignItems:"stretch",gap:2,borderBottom:"1px solid var(--border-subtle, var(--border-default))",padding:"0 16px",background:"var(--bg-canvas)",overflowX:"auto"},children:e.map(l=>{const d=l.id===r,u=o===l.id&&!d;return t.jsx("button",{type:"button",role:"tab","aria-selected":d,tabIndex:d?0:-1,id:`detail-subtab-${s}-${l.id}`,"data-testid":`detail-subtab-${s}-${l.id}`,onClick:()=>i(l.id),onMouseEnter:()=>a(l.id),onMouseLeave:()=>a(p=>p===l.id?null:p),style:{background:u?"var(--surface-2, rgba(0,0,0,0.04))":"transparent",border:"none",borderBottom:d?"2px solid var(--text-primary)":"2px solid var(--border-subtle, transparent)",padding:"8px 10px",marginBottom:-1,fontFamily:"var(--font-sans)",fontSize:13,fontWeight:d?500:400,color:d?"var(--text-primary)":"var(--text-secondary)",cursor:"pointer",whiteSpace:"nowrap",transition:"background 80ms ease"},children:l.label},l.id)})})}const N1=[{id:"overview",label:"Overview"},{id:"source",label:"Source"},{id:"edit",label:"Edit",visibleWhen:({isReadOnly:e})=>!e},{id:"tests",label:"Tests"},{id:"run",label:"Run"},{id:"history",label:"History"}];function _d(e){return N1.filter(r=>r.visibleWhen?r.visibleWhen({isReadOnly:e}):!0)}const R1={tests:{tab:"tests"},trigger:{tab:"run",mode:"activation"},activation:{tab:"run",mode:"activation"},versions:{tab:"history",view:"versions"},leaderboard:{tab:"history",view:"models"},editor:{tab:"edit"},overview:{tab:"overview"},source:{tab:"source"},edit:{tab:"edit"},run:{tab:"run"},history:{tab:"history"}};function rs(e){return e?R1[e]??null:null}function _o(e){const r=new URLSearchParams(e),n=r.get("tab"),s=r.get("panel");return rs(n)??rs(s)??{tab:"overview"}}function Bd(e,r){return!r||new Set(_d(!0).map(s=>s.id)).has(e)?e:"source"}const Tr={run:[{id:"benchmark",label:"Benchmark"},{id:"activation",label:"Activation"},{id:"ab",label:"A/B"}],history:[{id:"timeline",label:"Timeline"},{id:"models",label:"Models"},{id:"versions",label:"Versions"}]};function rn(e){const r=Tr[e];return r&&r.length>0?r[0].id:""}function Od(e,r){const n=Tr[e];if(!n)return"";const s=new URLSearchParams(r),o=e==="run"?"mode":e==="history"?"view":"sub",a=s.get(o)??s.get("sub");return a&&n.some(i=>i.id===a)?a:n[0].id}function T1(e){return e==="run"?"mode":e==="history"?"view":null}function I1(e){switch(e){case"editor":case"tests":case"deps":return{tab:"edit"};case"run":return{tab:"run",mode:"benchmark"};case"activation":return{tab:"run",mode:"activation"};case"history":return{tab:"history",view:"timeline"};case"leaderboard":return{tab:"history",view:"models"};case"versions":return{tab:"history",view:"versions"};default:return{tab:"overview"}}}function Ks(){const{state:e,setMobileView:r}=Mt();return e.isMobile?t.jsxs("button",{onClick:()=>r("list"),className:"flex items-center gap-1.5 px-3 py-2 text-[12px] font-medium",style:{background:"var(--surface-1)",color:"var(--text-secondary)",border:"none",borderBottom:"1px solid var(--border-subtle)",cursor:"pointer",width:"100%"},children:[t.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"15 18 9 12 15 6"})}),"Back to skills"]}):null}function L1(e={}){if(e.selectedSkillInfo!==void 0||e.loadError!==void 0)return A1(e);const{state:r,selectSkill:n,setMode:s,refreshSkills:o}=Mt(),[a,i]=c.useState(typeof window<"u"?window.location.hash:"");if(c.useEffect(()=>{const u=()=>i(window.location.hash);return window.addEventListener("hashchange",u),()=>window.removeEventListener("hashchange",u)},[]),a==="#/updates")return t.jsxs("div",{className:"h-full overflow-auto animate-fade-in",children:[t.jsx(Ks,{}),t.jsx($d,{})]});if(r.mode==="create")return t.jsxs("div",{className:"h-full overflow-auto animate-fade-in",children:[t.jsx(Ks,{}),t.jsx(Bb,{onCreated:async(u,p)=>{s("browse"),await o(),n({plugin:u,skill:p,origin:"source",source:"project"})},onCancel:()=>s("browse")})]});if(!r.selectedSkill)return r.skillsError?t.jsx(Qr,{variant:"error",message:r.skillsError,onRetry:o}):!r.skillsLoading&&r.skills.length===0?t.jsx(Qr,{variant:"no-skills"}):!r.skillsLoading&&r.skills.length>0&&!r.skills.some(u=>u.scopeV2==="available-project")?t.jsx(Qr,{variant:"no-project-skills"}):t.jsx(Qr,{variant:"no-selection"});const l=r.selectedSkill,d=r.skills.find(u=>u.plugin===l.plugin&&u.skill===l.skill)??null;return t.jsxs("div",{className:"flex flex-col h-full",children:[t.jsx(Ks,{}),t.jsx(P1,{skillInfo:d,allSkills:r.skills,onSelectSkill:u=>n(u)})]})}function A1(e){const r=e.selectedSkillInfo??null,n=e.activeDetailTab??"overview";if(r==null)return M1();if(e.loadError)return D1(r,e.loadError);const s=e.allSkills&&e.onSelectSkill?{allSkills:e.allSkills,onSelectSkill:e.onSelectSkill}:void 0,o=e.activeDetailSub??rn(n);return Wd(r,n,e.onDetailTabChange,o,e.onDetailSubChange,s)}function P1({skillInfo:e,allSkills:r,onSelectSkill:n}){const s=c.useMemo(()=>typeof window>"u"?{tab:"overview"}:_o(window.location.search),[]),[o,a]=c.useState(s.tab),[i,l]=c.useState(()=>s.mode?s.mode:s.view?s.view:Od(s.tab,typeof window<"u"?window.location.search:""));c.useEffect(()=>{if(!e||!(e.origin==="installed"))return;const p=Bd(o,!0);p!==o&&(a(p),typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:"This skill is read-only — workbench tabs are hidden.",severity:"info"}})))},[e,o]),c.useEffect(()=>{l(rn(o))},[o]),c.useEffect(()=>{if(typeof window>"u")return;const u=new URLSearchParams(window.location.search);u.delete("panel"),u.delete("sub"),o==="overview"?u.delete("tab"):u.set("tab",o);const p=T1(o),f=Tr[o];u.delete("mode"),u.delete("view"),p&&f&&i&&i!==f[0].id&&u.set(p,i);const h=u.toString(),m=`${window.location.pathname}${h?"?"+h:""}${window.location.hash}`;window.history.replaceState(null,"",m)},[o,i]);const d=c.useMemo(()=>e?Wd(e,o,a,i,l,{}):t.jsx(Qr,{variant:"no-selection"}),[e,o,i,r,n]);return t.jsx("div",{className:"flex flex-col h-full",style:{background:"var(--bg-canvas)"},children:d})}function $1(e,r,n){const s=_d(n);return t.jsx("div",{role:"tablist","aria-label":"Detail sections","data-testid":"detail-tab-bar",style:{display:"flex",alignItems:"stretch",gap:4,borderBottom:"1px solid var(--border-default)",padding:"0 16px",background:"var(--bg-canvas)",overflowX:"auto"},children:s.map(({id:o,label:a})=>{const i=o===e;return t.jsx("button",{type:"button",role:"tab","aria-selected":i,tabIndex:i?0:-1,id:`detail-tab-${o}`,"aria-controls":`detail-panel-${o}`,"data-testid":`detail-tab-${o}`,onClick:()=>r==null?void 0:r(o),style:{background:"transparent",border:"none",borderBottom:i?"2px solid var(--text-primary)":"2px solid transparent",padding:"10px 8px",marginBottom:-1,fontFamily:"var(--font-sans)",fontSize:13,fontWeight:i?500:400,color:i?"var(--text-primary)":"var(--text-secondary)",cursor:"pointer",whiteSpace:"nowrap"},children:a},o)})})}function M1(){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",padding:32,background:"var(--bg-canvas)"},children:[t.jsx("h2",{style:{fontFamily:"var(--font-serif)",fontSize:20,fontWeight:500,color:"var(--text-primary)",margin:0,marginBottom:8},children:"Select a skill to view details"}),t.jsx("p",{style:{fontFamily:"var(--font-sans)",fontSize:13,color:"var(--text-secondary)",margin:0,maxWidth:420,textAlign:"center"},children:"Choose a skill from the sidebar — its frontmatter, filesystem info, and benchmark status will appear here."})]})}function D1(e,r){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,padding:24,background:"var(--bg-canvas)",height:"100%"},children:[zd({skill:e}),t.jsxs("section",{role:"alert",style:{background:"var(--bg-surface)",border:"1px solid var(--border-default)",borderRadius:8,padding:"14px 16px"},children:[t.jsxs("h3",{style:{fontFamily:"var(--font-serif)",fontSize:15,fontWeight:500,color:"var(--text-primary)",margin:"0 0 8px"},children:["Couldn't load SKILL.md for ",e.skill]}),t.jsx("p",{style:{fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-secondary)",margin:"0 0 12px",wordBreak:"break-word"},children:r})]})]})}function F1({active:e,sub:r}){if(e==="edit")return t.jsx(cv,{});if(e==="tests")return t.jsx(jd,{});if(e==="run"){const n=Vv(r)?r:"benchmark";return t.jsx(Gv,{mode:n})}if(e==="history"){const n=Tb(r)?r:"timeline";return t.jsx(Ib,{view:n})}return null}function z1({active:e,sub:r}){const{state:n,dispatch:s}=ft();return c.useEffect(()=>{if(e==="overview")return;const o=e==="edit"?"editor":e==="tests"?"tests":e==="run"?r==="activation"?"activation":"run":e==="history"?r==="models"?"leaderboard":r==="versions"?"versions":"history":"editor";n.activePanel!==o&&s({type:"SET_PANEL",panel:o})},[e,r,n.activePanel,s]),null}function Wd(e,r,n,s="",o,a){var h;const i=e.origin==="installed",l=Bd(r,i),d=m=>{const y=I1(m);n==null||n(y.tab),o&&(y.mode?o(y.mode):y.view&&o(y.view))},u=t.jsx(b1,{skill:e,onNavigate:d,repoUrl:e.homepage??null}),p=a!=null?t.jsxs(gy,{plugin:e.plugin,skill:e.skill,origin:e.origin,children:[t.jsx(z1,{active:l,sub:s}),t.jsx(F1,{active:l,sub:s})]},`${e.plugin}/${e.skill}`):t.jsxs("div",{style:{padding:16,fontFamily:"var(--font-sans)",color:"var(--text-secondary)",fontSize:13},children:["Select a skill from the sidebar to load its ",l," view."]}),f=e.origin==="installed"&&t.jsxs("div",{"data-testid":"read-only-banner",style:{display:"flex",alignItems:"center",gap:8,padding:"8px 16px",background:"var(--surface-2)",color:"var(--text-secondary)",borderBottom:"1px solid var(--border-subtle)",fontFamily:"var(--font-sans)",fontSize:12},children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,color:"var(--text-tertiary)"},children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),t.jsx("span",{style:{flex:1,minWidth:0},children:"This is an installed copy of the skill. Editing and generating tests are disabled — running author-shipped evals is allowed. Open the source skill to make changes."}),e.trackedForUpdates&&t.jsx("button",{type:"button","data-testid":"uninstall-button","aria-label":`Uninstall ${e.skill}`,onClick:()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:request-uninstall",{detail:{skill:{plugin:e.plugin,skill:e.skill,dir:e.dir??"",hasEvals:!1,hasBenchmark:!1,evalCount:0,assertionCount:0,benchmarkStatus:"missing",lastBenchmark:null,origin:"installed"}}}))},style:{flexShrink:0,marginLeft:8,padding:"3px 10px",fontSize:11,fontWeight:500,fontFamily:"var(--font-sans)",color:"var(--text-primary)",background:"transparent",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:4,cursor:"pointer"},children:"Uninstall"})]});return t.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",background:"var(--bg-canvas)"},children:[t.jsx("div",{style:{padding:16,paddingBottom:12},children:zd({skill:e})}),t.jsx(j1,{skill:e}),f,e.origin==="installed"&&e.scopeV2!=="available-plugin"&&t.jsx("div",{style:{padding:"8px 16px",borderBottom:"1px solid var(--border-default)"},children:t.jsx(S1,{plugin:e.plugin,skill:e.skill,trackedForUpdates:e.trackedForUpdates})}),$1(l,n,i),Tr[l]&&t.jsx(E1,{parentTabId:l,tabs:Tr[l],active:s||(((h=Tr[l][0])==null?void 0:h.id)??""),onChange:o}),t.jsx("div",{role:"tabpanel",id:`detail-panel-${l}`,"aria-labelledby":`detail-tab-${l}`,"data-testid":`detail-panel-${l}`,style:{flex:1,minHeight:0,overflow:"auto"},children:l==="overview"?u:l==="source"?t.jsx(Ev,{plugin:e.plugin,skill:e.skill}):p})]})}function _1(){const{updateCount:e,state:r,dismissUpdateNotification:n}=Mt(),s=e>0&&!r.updateNotificationDismissed;return c.useEffect(()=>{if(!s)return;const o=setTimeout(()=>n(),1e4);return()=>clearTimeout(o)},[s,n]),s?t.jsxs("div",{className:"fixed bottom-4 right-4 z-50 flex items-center gap-3 px-4 py-3 rounded-lg text-[13px] font-medium animate-fade-in",style:{background:"var(--yellow-muted)",border:"1px solid var(--yellow)",color:"var(--text-primary)"},children:[t.jsxs("span",{children:[e," update",e===1?"":"s"," available"]}),t.jsx("button",{onClick:()=>{window.location.hash="#/updates"},className:"px-2 py-0.5 rounded text-[12px] font-semibold",style:{background:"var(--yellow)",color:"var(--surface-0)",border:"none",cursor:"pointer"},children:"View Updates"}),t.jsx("button",{onClick:n,className:"text-[14px] leading-none",style:{background:"transparent",border:"none",color:"var(--text-secondary)",cursor:"pointer",padding:"0 2px"},"aria-label":"Dismiss",children:"✕"})]}):null}const Ud=c.createContext(null),B1=1800*1e3,O1=3600*1e3;function W1(e,r){if(!e||!r)return!1;if(e.updates.skippedVersion===r)return!0;if(!e.updates.snoozedUntil)return!1;const n=new Date(e.updates.snoozedUntil).getTime();return!Number.isNaN(n)&&n>Date.now()}function U1({children:e}){const r=pn(),n=c.useRef("unknown"),s=c.useRef(0),[o,a]=c.useState(null),[i,l]=c.useState("idle"),[d,u]=c.useState({bytes:0,total:null}),[p,f]=c.useState(null),h=c.useCallback((w,R=null)=>w.available&&w.latestVersion&&!W1(R,w.latestVersion)?(a(w),l(k=>k==="ready"||k==="restarting"?k:"idle"),f(null),w):(a(null),l("idle"),f(null),null),[]),m=c.useCallback((w,R=null)=>h(va(w,n.current),R),[h]),y=c.useCallback(async()=>{if(!r.available)return null;l(w=>w==="installing"||w==="restarting"?w:"checking"),f(null);try{const[w,R]=await Promise.all([r.getSettings().catch(()=>null),r.checkForUpdates()]);return s.current=Date.now(),h(R,w)}catch(w){const R=w instanceof Error?w.message:String(w);return l("error"),f(R),null}},[h,r]),x=c.useCallback(()=>{r.available&&(Date.now()-s.current<B1||y())},[r.available,y]);c.useEffect(()=>{if(!r.available)return;let w=!1;const R=[];return r.getAppMetadata().then(k=>{n.current=k.version}).catch(()=>{}),(async()=>{const[k,E,T,N]=await Promise.all([Sn("updater://available",A=>{w||m(A.payload)}),Sn("updater://check-result",A=>{w||m(A.payload)}),Sn("updater://restart-required",A=>{w||(l("ready"),a($=>{var _,S;return $??va({available:!0,version:((_=A.payload)==null?void 0:_.version)??null,notes:((S=A.payload)==null?void 0:S.notes)??null},n.current)}))}),Sn("updater://error",A=>{var $;w||(l("error"),f((($=A.payload)==null?void 0:$.message)??"Update failed."))})]);for(const A of[k,E,T,N])A&&R.push(A);const I=await r.getSettings().catch(()=>null);!w&&((I==null?void 0:I.updates.autoCheck)??!0)&&await y()})(),()=>{w=!0;for(const k of R)k()}},[m,r,y]),c.useEffect(()=>{if(!r.available)return;const w=()=>x(),R=()=>{document.visibilityState==="visible"&&x()};window.addEventListener("focus",w),document.addEventListener("visibilitychange",R);const k=setInterval(()=>x(),O1);return()=>{window.removeEventListener("focus",w),document.removeEventListener("visibilitychange",R),clearInterval(k)}},[r.available,x]);const g=c.useCallback(async()=>{if(!o||i==="installing"||i==="restarting")return!1;l("installing"),f(null),u({bytes:0,total:null});try{return await r.downloadAndInstallUpdate((w,R)=>{u({bytes:w,total:R})}),l("ready"),!0}catch(w){return l("error"),f(w instanceof Error?w.message:String(w)),!1}},[r,i,o]),b=c.useCallback(async()=>{if(i==="restarting")return!1;l("restarting"),f(null);try{return await r.restartApp(),!0}catch(w){return l("error"),f(w instanceof Error?w.message:String(w)),!1}},[r,i]),v=c.useCallback(async()=>{if(!o||i==="installing"||i==="restarting")return;if(i==="ready"){await b();return}await g()&&await b()},[g,i,b,o]),j=c.useCallback(()=>r.openPreferences("updates").catch(()=>{}),[r]),C=c.useMemo(()=>({update:o,phase:i,progress:d,error:p,available:!!o,checkNow:y,install:g,restart:b,installAndRestart:v,openDetails:j}),[o,i,d,p,y,g,b,v,j]);return t.jsx(Ud.Provider,{value:C,children:e})}function H1(){const e=c.useContext(Ud);if(!e)throw new Error("useAppUpdater must be used inside AppUpdaterProvider");return e}function V1(){var u;const e=H1(),{phase:r,progress:n}=e,s=n.total&&n.total>0?Math.min(100,Math.round(n.bytes/n.total*100)):null,o=c.useMemo(()=>r==="installing"?s===null?"Installing…":`Installing… ${s}%`:r==="restarting"?"Restarting…":r==="ready"?"Restart to update":r==="error"?"Update failed":"Update available",[r,s]);if(!e.available&&!(e.update&&r==="error"))return null;const a=r==="installing"||r==="restarting",i=r==="error",l=(u=e.update)==null?void 0:u.latestVersion,d=e.error?`Update failed: ${e.error}`:l?`Install Skill Studio ${l} and restart`:"Install the latest Skill Studio update";return t.jsxs("button",{type:"button","data-testid":"app-update-header-button","data-update-available":i?void 0:"true","aria-label":d,title:d,disabled:a,onClick:()=>{e.installAndRestart()},style:{display:"inline-flex",alignItems:"center",gap:7,height:28,padding:"0 12px",borderRadius:999,border:i?"1px solid var(--status-danger-text)":"1px solid var(--color-own)",background:i?"var(--bg-surface)":a?"var(--bg-muted)":"var(--color-own)",color:i?"var(--status-danger-text)":a?"var(--text-secondary)":"var(--color-paper)",fontSize:12,fontWeight:700,fontFamily:"var(--font-sans)",cursor:a?"wait":"pointer",whiteSpace:"nowrap",boxShadow:i?"none":"0 0 0 3px color-mix(in srgb, var(--color-own) 22%, transparent), 0 1px 2px rgba(0,0,0,0.18)"},children:[t.jsx("span",{"aria-hidden":"true",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:15,height:15,borderRadius:999,fontSize:11,fontWeight:900,lineHeight:1,background:i?"transparent":"color-mix(in srgb, var(--color-paper) 28%, transparent)",color:"currentColor"},children:"↑"}),o]})}const G1=[{name:O.shortcuts.groupNavigation,items:[{keys:"/",label:O.shortcuts.search},{keys:"j",label:O.shortcuts.moveDown},{keys:"k",label:O.shortcuts.moveUp},{keys:"Enter",label:O.shortcuts.openSelected},{keys:"Esc",label:"Close / clear"}]},{name:O.shortcuts.groupActions,items:[{keys:"⌘K",label:O.shortcuts.openPalette},{keys:"?",label:O.shortcuts.openShortcuts},{keys:"⌘B",label:O.shortcuts.toggleSidebar},{keys:"E",label:O.actions.edit}]},{name:O.shortcuts.groupTheme,items:[{keys:"⌘⇧D",label:O.shortcuts.toggleTheme}]}];function K1({open:e,onClose:r,groups:n=G1,title:s=O.shortcuts.title}){const o=c.useRef(null),a=c.useRef(null);return c.useEffect(()=>{var i;if(e)return o.current=document.activeElement??null,(i=a.current)==null||i.focus(),()=>{var l,d;(d=(l=o.current)==null?void 0:l.focus)==null||d.call(l),o.current=null}},[e]),c.useEffect(()=>{if(!e)return;function i(l){var d;if(l.key==="Escape"){l.preventDefault(),r();return}l.key==="Tab"&&(l.preventDefault(),(d=a.current)==null||d.focus())}return window.addEventListener("keydown",i,!0),()=>window.removeEventListener("keydown",i,!0)},[e,r]),e?t.jsx("div",{role:"presentation","data-testid":"shortcut-modal",style:{position:"fixed",inset:0,background:"color-mix(in srgb, var(--bg-canvas) 70%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:60},onClick:i=>{i.target===i.currentTarget&&r()},children:t.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":"shortcut-modal-title",style:{width:"min(480px, 92vw)",maxHeight:"80vh",overflow:"auto",background:"var(--bg-canvas)",border:"1px solid var(--border-default)",borderRadius:8,boxShadow:"0 16px 48px rgba(0,0,0,0.18)",padding:"16px 20px",fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsxs("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:12},children:[t.jsx("h2",{id:"shortcut-modal-title",style:{margin:0,fontFamily:"var(--font-serif)",fontWeight:500,fontSize:18},children:s}),t.jsx("button",{ref:a,type:"button","aria-label":"Close",onClick:r,style:{background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,padding:"2px 8px",color:"var(--text-secondary)",cursor:"pointer",fontSize:13},children:"Esc"})]}),n.map(i=>t.jsxs("section",{style:{marginBottom:12},children:[t.jsx("h3",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.08em",color:"var(--text-secondary)",margin:"0 0 6px"},children:i.name}),t.jsx("ul",{style:{listStyle:"none",margin:0,padding:0},children:i.items.map(l=>t.jsxs("li",{style:{display:"flex",justifyContent:"space-between",padding:"4px 0",borderTop:"1px solid var(--border-default)",fontSize:13},children:[t.jsx("span",{children:l.label}),t.jsx("kbd",{style:{fontFamily:"var(--font-mono)",fontSize:12,color:"var(--text-secondary)",border:"1px solid var(--border-default)",borderRadius:3,padding:"1px 6px"},children:l.keys})]},`${i.name}:${l.keys}`))})]},i.name))]})}):null}function q1(e){const r=O.actions,n=[{action:"open",label:r.open},{action:"copy-path",label:r.copyPath},{action:"reveal",label:r.revealInEditor},{action:"run-benchmark",label:r.runBenchmark}];if(e.origin==="source")return[...n,{action:"edit",label:r.edit},{action:"duplicate",label:r.duplicate},{action:"delete",label:r.delete}];const s=[...n];return s.push({action:"clone",label:r.cloneToAuthoring}),e.updateAvailable&&s.push({action:"update",label:r.update}),s.push({action:"uninstall",label:r.uninstall}),s.push({action:"delete",label:r.delete,disabled:!0,title:r.deletePluginTooltip}),s}function Y1({state:e,onClose:r,onAction:n,itemsOverride:s}){const o=c.useRef(null),a=c.useRef(null),[i,l]=c.useState(0),d=c.useMemo(()=>e.skill?s??q1(e.skill):[],[e.skill,s]),u=c.useMemo(()=>{if(typeof window>"u")return{left:e.x,top:e.y};const f=8,h=220,m=44+d.length*28;let y=e.x,x=e.y;return y+h+f>window.innerWidth&&(y=Math.max(f,e.x-h)),x+m+f>window.innerHeight&&(x=Math.max(f,e.y-m)),{left:y,top:x}},[e.x,e.y,d.length]);c.useEffect(()=>{if(e.open)return a.current=document.activeElement??null,l(0),requestAnimationFrame(()=>{var f;(f=o.current)==null||f.focus()}),()=>{var f,h;(h=(f=a.current)==null?void 0:f.focus)==null||h.call(f),a.current=null}},[e.open]);const p=c.useCallback(()=>{if(!e.skill)return;const f=d[i];!f||f.disabled||(n(f.action,e.skill),r())},[d,i,e.skill,n,r]);return c.useEffect(()=>{if(!e.open)return;function f(m){if(m.key==="Escape"){m.preventDefault(),r();return}if(m.key==="ArrowDown"){m.preventDefault(),l(y=>Math.min(y+1,Math.max(d.length-1,0)));return}if(m.key==="ArrowUp"){m.preventDefault(),l(y=>Math.max(y-1,0));return}if(m.key==="Enter"||m.key===" "){m.preventDefault(),p();return}}function h(m){o.current&&m.target instanceof Node&&(o.current.contains(m.target)||r())}return window.addEventListener("keydown",f,!0),window.addEventListener("mousedown",h,!0),()=>{window.removeEventListener("keydown",f,!0),window.removeEventListener("mousedown",h,!0)}},[e.open,r,d.length,p]),!e.open||!e.skill?null:t.jsx("div",{ref:o,role:"menu",tabIndex:-1,"data-testid":"context-menu",style:{position:"fixed",left:u.left,top:u.top,zIndex:70,minWidth:200,padding:4,background:"var(--bg-canvas)",border:"1px solid var(--border-default)",borderRadius:6,boxShadow:"0 12px 32px rgba(0,0,0,0.16)",fontFamily:"var(--font-sans)",fontSize:13,color:"var(--text-primary)",outline:"none"},children:d.map((f,h)=>t.jsx("div",{role:"menuitem","aria-disabled":f.disabled||void 0,title:f.title||void 0,"data-action":f.action,"data-selected":h===i||void 0,onMouseEnter:()=>l(h),onClick:()=>{f.disabled||(n(f.action,e.skill),r())},style:{padding:"5px 10px",borderRadius:4,cursor:f.disabled?"default":"pointer",opacity:f.disabled?.5:1,background:h===i?"color-mix(in srgb, var(--accent-surface) 10%, transparent)":"transparent"},children:f.label},f.action))})}const J1=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function Q1(e){const{skill:r,onCloned:n,onCancel:s}=e,[o,a]=c.useState({target:"standalone",plugin:"",pluginName:""}),[i,l]=c.useState(!1),[d,u]=c.useState(null),p=c.useRef(null),f=c.useRef(null),h=c.useRef(null);c.useEffect(()=>(h.current=document.activeElement??null,requestAnimationFrame(()=>{var x;return(x=f.current)==null?void 0:x.focus()}),()=>{var x,g;(g=(x=h.current)==null?void 0:x.focus)==null||g.call(x),h.current=null}),[]),c.useEffect(()=>{function x(g){g.key==="Escape"&&(g.stopPropagation(),s())}return window.addEventListener("keydown",x),()=>window.removeEventListener("keydown",x)},[s]);const m=i||o.target==="plugin"&&!o.plugin.trim()||o.target==="new-plugin"&&!J1.test(o.pluginName.trim()),y=c.useCallback(async x=>{if(x.preventDefault(),!m){l(!0),u(null);try{const g={source:r.skill,sourcePlugin:r.plugin,target:o.target};o.target==="plugin"&&(g.plugin=o.plugin.trim()),o.target==="new-plugin"&&(g.pluginName=o.pluginName.trim());const b=await fetch("/api/skills/clone",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(g)}),v=await b.json().catch(()=>({}));if(!b.ok||!v.ok){u(v.message||v.error||`HTTP ${b.status}`);return}n({target:v.target??"",files:v.files??null})}catch(g){u(g.message??"Network error")}finally{l(!1)}}},[m,o,r,n]);return t.jsx("div",{role:"dialog","aria-modal":"true","aria-labelledby":"clone-dialog-title",ref:p,"data-testid":"clone-to-authoring-dialog",style:X1,onClick:x=>{x.target===x.currentTarget&&s()},children:t.jsxs("form",{onSubmit:y,style:Z1,children:[t.jsx("h2",{id:"clone-dialog-title",style:e0,children:"Clone to authoring"}),t.jsxs("p",{style:t0,children:["Fork ",t.jsx("code",{style:Ji,children:r.skill})," into the authoring scope so you can edit it."]}),t.jsxs("fieldset",{style:r0,children:[t.jsx("legend",{style:n0,children:"Target"}),t.jsxs("label",{style:qs,children:[t.jsx("input",{type:"radio",name:"target",value:"standalone",checked:o.target==="standalone",onChange:()=>a(x=>({...x,target:"standalone"})),"data-testid":"clone-target-standalone"}),t.jsxs("span",{style:Ys,children:[t.jsx("strong",{children:"Standalone"}),t.jsxs("span",{style:Js,children:["Lands at ",t.jsxs("code",{style:Ji,children:["skills/",r.skill,"-fork/"]})]})]})]}),t.jsxs("label",{style:qs,children:[t.jsx("input",{type:"radio",name:"target",value:"plugin",checked:o.target==="plugin",onChange:()=>a(x=>({...x,target:"plugin"})),"data-testid":"clone-target-plugin"}),t.jsxs("span",{style:Ys,children:[t.jsx("strong",{children:"Add to existing plugin"}),t.jsx("span",{style:Js,children:"Lands inside a plugin you already author."})]})]}),o.target==="plugin"&&t.jsx("input",{type:"text",placeholder:"plugin name or path",value:o.plugin,onChange:x=>a(g=>({...g,plugin:x.target.value})),"data-testid":"clone-plugin-input",autoFocus:!0,style:Yi}),t.jsxs("label",{style:qs,children:[t.jsx("input",{type:"radio",name:"target",value:"new-plugin",checked:o.target==="new-plugin",onChange:()=>a(x=>({...x,target:"new-plugin"})),"data-testid":"clone-target-new-plugin"}),t.jsxs("span",{style:Ys,children:[t.jsx("strong",{children:"Create new plugin"}),t.jsx("span",{style:Js,children:"Scaffolds a fresh plugin folder with this skill inside."})]})]}),o.target==="new-plugin"&&t.jsx("input",{type:"text",placeholder:"plugin-name (kebab-case)",value:o.pluginName,onChange:x=>a(g=>({...g,pluginName:x.target.value})),"data-testid":"clone-new-plugin-name-input",autoFocus:!0,style:Yi})]}),d&&t.jsx("div",{role:"alert",style:s0,"data-testid":"clone-error",children:d}),t.jsxs("div",{style:o0,children:[t.jsx("button",{type:"button",ref:f,onClick:s,disabled:i,style:a0,"data-testid":"clone-cancel",children:"Cancel"}),t.jsx("button",{type:"submit",disabled:m,style:i0,"data-testid":"clone-submit",children:i?"Cloning…":"Clone"})]})]})})}const X1={position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},Z1={background:"var(--bg, #fff)",color:"var(--text, #111)",borderRadius:12,padding:"24px 28px",minWidth:460,maxWidth:560,boxShadow:"0 24px 60px rgba(0,0,0,0.5)",border:"1px solid var(--border, rgba(0,0,0,0.10))"},e0={fontSize:18,fontWeight:700,margin:0},t0={margin:"12px 0 18px",fontSize:14,color:"var(--text-muted, #555)"},r0={border:"none",padding:0,margin:"0 0 16px"},n0={fontSize:12,fontWeight:600,textTransform:"uppercase",letterSpacing:1.2,color:"var(--text-muted, #555)",padding:0,marginBottom:10},qs={display:"flex",alignItems:"flex-start",gap:10,padding:"10px 4px",cursor:"pointer",borderRadius:6},Ys={display:"flex",flexDirection:"column",gap:2,fontSize:14},Js={fontSize:12,color:"var(--text-muted, #777)"},Yi={display:"block",width:"100%",padding:"8px 12px",margin:"4px 0 8px 28px",maxWidth:380,fontSize:14,borderRadius:6,border:"1px solid var(--border, rgba(0,0,0,0.20))",background:"var(--bg, #fff)",color:"var(--text, #111)",fontFamily:"var(--font-geist-mono, monospace)"},Ji={fontFamily:"var(--font-geist-mono, monospace)",fontSize:13,padding:"1px 6px",borderRadius:4,background:"rgba(127,127,127,0.12)"},s0={fontSize:13,color:"#c62828",background:"rgba(198,40,40,0.10)",border:"1px solid rgba(198,40,40,0.40)",padding:"8px 12px",borderRadius:6,margin:"0 0 12px"},o0={display:"flex",justifyContent:"flex-end",gap:8,marginTop:8},a0={padding:"8px 16px",borderRadius:6,border:"1px solid var(--border, rgba(0,0,0,0.20))",background:"transparent",color:"var(--text, #111)",cursor:"pointer",fontSize:14},i0={padding:"8px 16px",borderRadius:6,border:"1px solid var(--accent, #06b6d4)",background:"var(--accent, #06b6d4)",color:"#fff",cursor:"pointer",fontSize:14,fontWeight:600},Qi=e=>`${e.plugin}/${e.skill}`;function Xi(e){const r=(e==null?void 0:e.delayMs)??1e4,n=e==null?void 0:e.onCommit,s=e==null?void 0:e.onFailure,o=(e==null?void 0:e.apiCall)??ce.deleteSkill.bind(ce),a=c.useRef(n),i=c.useRef(s),l=c.useRef(o);a.current=n,i.current=s,l.current=o;const d=c.useRef(new Map),[,u]=c.useState(0),p=c.useCallback(()=>u(v=>v+1),[]),f=c.useCallback(async v=>{var j,C;try{await l.current(v.skill.plugin,v.skill.skill),(j=a.current)==null||j.call(a,v.skill)}catch(w){(C=i.current)==null||C.call(i,v.skill,w)}finally{d.current.delete(Qi(v.skill)),p()}},[p]),h=c.useCallback(v=>{const j=Qi(v),C=d.current.get(j);C!=null&&C.timeoutId&&clearTimeout(C.timeoutId);const w={skill:v,timeoutId:null};w.timeoutId=setTimeout(()=>{w.timeoutId=null,f(w)},r),d.current.set(j,w),p()},[r,f,p]),m=c.useCallback(v=>{const j=d.current.get(v);j&&(j.timeoutId&&clearTimeout(j.timeoutId),d.current.delete(v),p())},[p]),y=c.useCallback(async()=>{const v=Array.from(d.current.values());for(const j of v)j.timeoutId&&(clearTimeout(j.timeoutId),j.timeoutId=null);await Promise.all(v.map(j=>f(j)))},[f]),x=c.useCallback(v=>d.current.has(v),[]),g=c.useCallback(async v=>{const j=d.current.get(v);j&&(j.timeoutId&&(clearTimeout(j.timeoutId),j.timeoutId=null),await f(j))},[f]),b=c.useCallback(async v=>{const j=Array.from(d.current.values()).filter(C=>C.skill.skill===v);for(const C of j)C.timeoutId&&(clearTimeout(C.timeoutId),C.timeoutId=null);await Promise.all(j.map(C=>f(C)))},[f]);return c.useEffect(()=>{const v=()=>{y()};return window.addEventListener("beforeunload",v),()=>{window.removeEventListener("beforeunload",v)}},[y]),c.useEffect(()=>{const v=d.current;return()=>{for(const j of v.values())j.timeoutId&&(clearTimeout(j.timeoutId),j.timeoutId=null,f(j));v.clear()}},[]),{enqueueDelete:h,cancelDelete:m,flushPending:y,isPending:x,flushKey:g,flushBySkillName:b}}const l0={"anthropic-api":{name:O.setupProviders.anthropic.name,description:O.setupProviders.anthropic.description,envVars:O.setupProviders.anthropic.envVars,keyUrl:O.setupProviders.anthropic.keyUrl,learnMoreUrl:O.setupProviders.anthropic.learnMoreUrl},openai:{name:O.setupProviders.openai.name,description:O.setupProviders.openai.description,envVars:O.setupProviders.openai.envVars,keyUrl:O.setupProviders.openai.keyUrl,learnMoreUrl:O.setupProviders.openai.learnMoreUrl},openrouter:{name:O.setupProviders.openrouter.name,description:O.setupProviders.openrouter.description,envVars:O.setupProviders.openrouter.envVars,keyUrl:O.setupProviders.openrouter.keyUrl,learnMoreUrl:O.setupProviders.openrouter.learnMoreUrl},gemini:{name:O.setupProviders.gemini.name,description:O.setupProviders.gemini.description,envVars:O.setupProviders.gemini.envVars,keyUrl:O.setupProviders.gemini.keyUrl,learnMoreUrl:O.setupProviders.gemini.learnMoreUrl},ollama:{name:O.setupProviders.ollama.name,description:O.setupProviders.ollama.description,envVars:O.setupProviders.ollama.envVars,install:[O.setupProviders.ollama.installCmd],start:[O.setupProviders.ollama.startCmd],pullExample:O.setupProviders.ollama.pullExample,learnMoreUrl:O.setupProviders.ollama.learnMoreUrl},"lm-studio":{name:O.setupProviders.lmStudio.name,description:O.setupProviders.lmStudio.description,envVars:O.setupProviders.lmStudio.envVars,install:[O.setupProviders.lmStudio.installCmd],start:[O.setupProviders.lmStudio.startCmd],pullExample:O.setupProviders.lmStudio.pullExample,learnMoreUrl:O.setupProviders.lmStudio.learnMoreUrl},"claude-code":{name:O.setupProviders.claudeCode.name,description:O.setupProviders.claudeCode.description,envVars:[],notes:[O.setupProviders.claudeCode.loginHint,O.claudeCodeLabel.compactLabel],learnMoreUrl:O.setupProviders.claudeCode.learnMoreUrl}};function c0(e){return e?l0[e]??null:null}function d0({open:e,providerKey:r,onClose:n}){const s=c.useRef(null);if(c.useEffect(()=>{if(!e)return;const i=l=>{l.key==="Escape"&&(l.preventDefault(),n())};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[e,n]),c.useEffect(()=>{if(!e)return;const i=s.current;if(!i)return;const l=i.querySelector("button, a[href], [tabindex]:not([tabindex='-1']), input, textarea, select");l==null||l.focus()},[e]),!e||typeof document>"u")return null;const o=c0(r),a=(o==null?void 0:o.name)??O.setupDrawer.fallbackTitle;return $r.createPortal(t.jsxs(t.Fragment,{children:[t.jsx("div",{"data-testid":"setup-drawer-backdrop","aria-hidden":"true",onClick:n,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.4)",zIndex:99,animation:"vskillDrawerBackdropIn 120ms ease"}}),t.jsxs("div",{"data-testid":"setup-drawer",ref:s,role:"dialog","aria-modal":"true","aria-label":O.setupDrawer.title(a),style:{position:"fixed",top:0,right:0,bottom:0,width:"480px",maxWidth:"100vw",background:"var(--bg-surface, var(--surface-1))",borderLeft:"1px solid var(--border-default, var(--border-subtle))",boxShadow:"-8px 0 32px rgba(0,0,0,0.18)",display:"flex",flexDirection:"column",zIndex:100,fontFamily:"var(--font-sans)",animation:"vskillDrawerIn 200ms cubic-bezier(0.2, 0, 0, 1)"},children:[t.jsx(u0,{title:a,onClose:n}),t.jsx("div",{"data-testid":"setup-drawer-body",style:{flex:1,overflowY:"auto",padding:"16px 20px"},children:o?t.jsx(p0,{content:o}):t.jsx(f0,{})}),t.jsx("style",{children:`@keyframes vskillDrawerIn {
+            from { transform: translateX(100%); }
+            to { transform: translateX(0); }
+          }
+          @keyframes vskillDrawerBackdropIn {
+            from { opacity: 0; }
+            to { opacity: 1; }
+          }`})]})]}),document.body)}function u0({title:e,onClose:r}){return t.jsxs("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 20px",borderBottom:"1px solid var(--border-default, var(--border-subtle))"},children:[t.jsx("h2",{style:{fontFamily:"var(--font-serif)",fontSize:18,fontWeight:500,margin:0,color:"var(--text-primary)"},children:O.setupDrawer.title(e)}),t.jsx("button",{type:"button","data-testid":"setup-drawer-close",onClick:r,"aria-label":O.setupDrawer.close,style:{background:"transparent",border:"none",color:"var(--text-secondary)",cursor:"pointer",fontSize:18,padding:4,lineHeight:1},children:"×"})]})}function p0({content:e}){var r,n;return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[t.jsx("p",{style:{fontSize:14,lineHeight:1.5,color:"var(--text-primary)",margin:0},children:e.description}),e.notes&&e.notes.length>0&&t.jsx("ul",{style:{margin:0,padding:0,listStyle:"none",display:"flex",flexDirection:"column",gap:6},children:e.notes.map(s=>t.jsx("li",{style:{fontSize:13,color:"var(--text-secondary)",padding:"8px 10px",background:"color-mix(in srgb, var(--accent-surface) 8%, transparent)",borderRadius:4},children:s},s))}),e.envVars.length>0&&t.jsxs("section",{children:[t.jsx("h3",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-secondary)",margin:"0 0 8px"},children:O.setupDrawer.requiredEnv}),t.jsx("ul",{style:{margin:0,padding:0,listStyle:"none",display:"flex",flexDirection:"column",gap:6},children:e.envVars.map(s=>t.jsx("li",{children:t.jsx(h0,{name:s})},s))})]}),e.keyUrl&&t.jsx(m0,{href:e.keyUrl,label:O.setupDrawer.getKey,testId:"setup-drawer-get-key"}),(e.install||e.start||e.pullExample)&&t.jsxs("section",{children:[t.jsx("h3",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-secondary)",margin:"0 0 8px"},children:O.setupDrawer.installRun}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[(r=e.install)==null?void 0:r.map((s,o)=>t.jsx(Qs,{code:s},`install-${o}`)),(n=e.start)==null?void 0:n.map((s,o)=>t.jsx(Qs,{code:s},`start-${o}`)),e.pullExample&&t.jsx(Qs,{code:e.pullExample})]})]}),t.jsx("footer",{style:{marginTop:8},children:t.jsxs("a",{href:e.learnMoreUrl,target:"_blank",rel:"noopener noreferrer","data-testid":"setup-drawer-learn-more",style:{fontSize:12,color:"var(--color-accent, var(--accent-surface))",textDecoration:"none"},children:[O.setupDrawer.learnMore," →"]})})]})}function f0(){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[t.jsx("h3",{style:{margin:0,fontFamily:"var(--font-serif)",fontSize:16,fontWeight:500,color:"var(--text-primary)"},children:O.setupDrawer.fallbackTitle}),t.jsx("p",{style:{margin:0,fontSize:13,color:"var(--text-secondary)",lineHeight:1.5},children:O.setupDrawer.fallbackBody})]})}function h0({name:e}){const r=async()=>{var n;try{await((n=navigator.clipboard)==null?void 0:n.writeText(e))}catch{}};return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"6px 8px",background:"color-mix(in srgb, var(--border-default) 30%, transparent)",borderRadius:4},children:[t.jsx("code",{style:{fontFamily:"var(--font-mono)",fontSize:12,color:"var(--text-primary)",flex:1},children:e}),t.jsx("button",{type:"button",onClick:r,"aria-label":`Copy ${e} to clipboard`,style:{background:"transparent",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:3,padding:"2px 8px",color:"var(--text-secondary)",fontSize:11,fontFamily:"var(--font-sans)",cursor:"pointer"},children:O.setupDrawer.copy})]})}function Qs({code:e}){return t.jsx("pre",{style:{margin:0,padding:"8px 10px",background:"var(--bg-canvas, #111)",color:"var(--text-primary)",fontFamily:"var(--font-mono)",fontSize:11.5,lineHeight:1.5,borderRadius:4,border:"1px solid var(--border-default, var(--border-subtle))",overflowX:"auto",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:e})}function m0({href:e,label:r,testId:n}){return t.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer","data-testid":n,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 14px",borderRadius:6,border:"1px solid var(--border-default, var(--border-subtle))",background:"color-mix(in srgb, var(--accent-surface) 12%, transparent)",color:"var(--text-primary)",textDecoration:"none",fontSize:13,fontWeight:500,fontFamily:"var(--font-sans)",width:"fit-content"},children:[r," →"]})}function x0(){const[e,r]=c.useState(!1),[n,s]=c.useState(null),o=c.useRef(null),a=c.useCallback((l,d)=>{var u;o.current=typeof document<"u"?document.activeElement:null,(u=d==null?void 0:d.beforeOpen)==null||u.call(d),s(l),r(!0)},[]),i=c.useCallback(()=>{r(!1);const l=o.current;l&&"focus"in l&&typeof l.focus=="function"&&queueMicrotask(()=>l.focus())},[]);return c.useMemo(()=>({open:a,close:i,isOpen:e,providerKey:n}),[a,i,e,n])}function Hd(e){return(e==null?void 0:e.fetchImpl)??fetch}function g0(e){return(e==null?void 0:e.eventSourceCtor)??EventSource}async function Vd(e){const n=await Hd(e)("/api/studio/supported-agents",{headers:{Accept:"application/json"}});if(!n.ok)throw new Error(`fetchSupportedAgents failed: HTTP ${n.status}`);const s=await n.json();return Array.isArray(s==null?void 0:s.agents)?s.agents:[]}async function y0(e,r){const s=await Hd(r)("/api/studio/install-skill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!s.ok){const a=await s.json().catch(()=>({}));throw new Error(a.error||`install-skill failed: HTTP ${s.status}`)}const o=await s.json();if(!o.jobId)throw new Error("install-skill: server did not return a jobId");return{jobId:o.jobId,...typeof o.streamPath=="string"&&o.streamPath.startsWith("/")?{streamPath:o.streamPath}:{},...typeof o.mode=="string"?{mode:o.mode}:{}}}function v0(e,r,n){const s=g0(n),o=e.startsWith("/")?e:`/api/studio/install-skill/${encodeURIComponent(e)}/stream`,a=new s(o),i=setTimeout(()=>{try{a.close()}catch{}},2e5),l=()=>{clearTimeout(i);try{a.close()}catch{}};return a.addEventListener("result",d=>{var u;try{const p=JSON.parse(d.data);r.onResult(p)}catch(p){(u=r.onError)==null||u.call(r,p instanceof Error?p:new Error(String(p)))}}),a.addEventListener("done",d=>{let u={results:[]};try{u=JSON.parse(d.data)}catch{}l(),r.onDone(u)}),a.onerror=()=>{var d;l(),(d=r.onError)==null||d.call(r,new Error("install-skill SSE stream errored"))},{close:l}}function b0(e){const r=[],n=[],s=[];for(const a of e)a.installMode==="clipboard"?s.push(a):a.detected?r.push(a):n.push(a);const o=(a,i)=>a.displayName.localeCompare(i.displayName);return{detected:r.sort(o),available:n.sort(o),cloud:s.sort(o)}}function k0(e){const r=[],n=[],s=[];for(const a of e)a.tier===1&&a.installMode==="filesystem"?r.push(a):a.tier===2&&a.installMode==="filesystem"?n.push(a):a.tier===3||a.installMode==="clipboard"?s.push(a):r.push(a);const o=(a,i)=>a.detected!==i.detected?a.detected?-1:1:a.displayName.localeCompare(i.displayName);return{dropIn:r.sort(o),formatConverted:n.sort(o),cloud:s.sort(o)}}function j0(e){const r=[],n=[],s=new Set;for(const o of e){if(o.presence==="absent"||o.health==="missing"){n.push({kind:"individual",key:o.id,agent:o});continue}if(o.sharedFolderGroup&&o.sharedFolderGroup.length>1){const a=[...o.sharedFolderGroup].sort().join("+");if(s.has(a))continue;s.add(a);const i=e.filter(l=>o.sharedFolderGroup.includes(l.id));r.push({kind:"aggregate",key:`shared:${a}`,consumers:i,sharedFolderPath:o.sharedFolderPath??"~/.config/agents/skills",combinedCount:i.reduce((l,d)=>l+d.globalCount,0)});continue}r.push({kind:"individual",key:o.id,agent:o})}return{detected:r,notDetected:n}}function w0({agents:e,activeAgentId:r,focusedAgentId:n,onFocusAgent:s,onSwitch:o,onOpenSetup:a,onClose:i,groupBy:l="presence",onRequestInstall:d,fetchSupportedAgentsImpl:u}){const p=c.useRef(null);c.useEffect(()=>{const b=v=>{v.key==="Escape"&&(v.preventDefault(),i())};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[i]),c.useEffect(()=>{const b=j=>{p.current&&!p.current.contains(j.target)&&i()},v=setTimeout(()=>{document.addEventListener("mousedown",b)},0);return()=>{clearTimeout(v),document.removeEventListener("mousedown",b)}},[i]);const f=c.useMemo(()=>j0(e),[e]),[h,m]=c.useState(null),[y,x]=c.useState(null);c.useEffect(()=>{if(l!=="installMode")return;let b=!1;return(u??Vd)().then(j=>{b||m(j)}).catch(j=>{b||x(j instanceof Error?j.message:String(j))}),()=>{b=!0}},[l,u]);const g=e.find(b=>b.id===n)??e.find(b=>b.id===r)??e[0];return typeof document>"u"?null:$r.createPortal(t.jsxs("div",{ref:p,"data-testid":"agent-scope-picker-popover","data-group-by":l,role:"dialog","aria-label":O.scopePicker.popoverTitle,style:{position:"fixed",top:96,left:"50%",transform:"translateX(-50%)",width:600,maxWidth:"calc(100vw - 32px)",background:"var(--bg-surface, var(--surface-1))",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:8,boxShadow:"0 18px 40px rgba(0,0,0,0.25)",overflow:"hidden",zIndex:90,animation:"scopePickerFadeIn 120ms cubic-bezier(0.2, 0, 0, 1)"},children:[t.jsxs("div",{style:{display:"flex",height:360,maxHeight:"60vh"},children:[t.jsx("section",{"data-testid":"agent-scope-picker-agents",style:{width:260,borderRight:"1px solid var(--border-default, var(--border-subtle))",overflowY:"auto",padding:"6px 0"},children:l==="installMode"?t.jsx(C0,{supported:h,error:y,focusedAgentId:n,activeAgentId:r,onFocus:s,onRequestInstall:d}):t.jsx(S0,{rows:f,activeAgentId:r,focusedAgentId:n,onFocus:s})}),t.jsx("section",{"data-testid":"agent-scope-picker-stats",style:{flex:1,overflowY:"auto",padding:"14px 16px"},children:g?t.jsx(T0,{agent:g,activeAgentId:r,onSwitch:()=>o(g.id)}):t.jsx(Gd,{})})]}),t.jsx("style",{children:`@keyframes scopePickerFadeIn {
+          from { opacity: 0; transform: translateX(-50%) translateY(2px); }
+          to { opacity: 1; transform: translateX(-50%) translateY(0); }
+        }`})]}),document.body)}function S0({rows:e,activeAgentId:r,focusedAgentId:n,onFocus:s}){return e.detected.length===0&&e.notDetected.length===0?t.jsx(Gd,{}):t.jsxs(t.Fragment,{children:[e.detected.map(o=>o.kind==="aggregate"?t.jsx(N0,{row:o,onFocus:()=>{var a;return s(((a=o.consumers[0])==null?void 0:a.id)??r??"")}},o.key):t.jsx(E0,{agent:o.agent,focused:o.agent.id===n,active:o.agent.id===r,onClick:()=>s(o.agent.id)},o.key)),e.notDetected.length>0&&t.jsxs(t.Fragment,{children:[t.jsx("div",{"data-testid":"agent-scope-not-detected-subheading",title:"These agents were not found on this machine. Hover a row to see which folder detection looked for.",style:{padding:"10px 14px 4px",fontSize:10,fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-tertiary)"},children:O.scopePicker.notDetectedSubheading}),e.notDetected.map(o=>t.jsx(R0,{agent:o.agent},o.key))]})]})}function C0({supported:e,error:r,focusedAgentId:n,activeAgentId:s,onFocus:o,onRequestInstall:a}){if(r)return t.jsxs("div",{"data-testid":"agent-scope-supported-error",style:{padding:"16px 18px",fontSize:12,color:"var(--color-error, #dc2626)"},children:["Failed to load supported agents: ",r]});if(e===null)return t.jsx("div",{"data-testid":"agent-scope-supported-loading",style:{padding:"16px 18px",fontSize:12,color:"var(--text-secondary)"},children:"Loading agents…"});const i=b0(e);return t.jsxs(t.Fragment,{children:[t.jsx(Xs,{testId:"agent-scope-section-detected",title:"Detected on this machine",agents:i.detected,emptyHint:"No agents detected on this machine yet.",renderRow:l=>t.jsx(Zs,{agent:l,focused:l.id===n,active:l.id===s,onClick:()=>o(l.id),kind:"detected"},l.id)}),t.jsx(Xs,{testId:"agent-scope-section-available",title:"Available to install",agents:i.available,emptyHint:"All supported agents are detected — nothing left to install here.",renderRow:l=>t.jsx(Zs,{agent:l,focused:l.id===n,active:!1,onClick:()=>o(l.id),kind:"available",onRequestInstall:a},l.id)}),t.jsx(Xs,{testId:"agent-scope-section-cloud",title:"Cloud only (paste required)",agents:i.cloud,emptyHint:"No cloud-only tools available.",renderRow:l=>t.jsx(Zs,{agent:l,focused:l.id===n,active:!1,onClick:()=>o(l.id),kind:"cloud",onRequestInstall:a},l.id)})]})}function Xs({testId:e,title:r,agents:n,emptyHint:s,renderRow:o}){return t.jsxs("div",{"data-testid":e,children:[t.jsx("div",{style:{padding:"10px 14px 4px",fontSize:10,fontWeight:600,letterSpacing:"0.08em",textTransform:"uppercase",color:"var(--text-tertiary)"},children:r}),n.length===0?t.jsx("div",{style:{padding:"4px 14px 8px",fontSize:11,color:"var(--text-tertiary)",fontStyle:"italic"},children:s}):n.map(o)]})}function Zs({agent:e,focused:r,active:n,onClick:s,kind:o,onRequestInstall:a}){const i=o==="detected"?"var(--color-ok, #22c55e)":o==="available"?"var(--color-own, #f59e0b)":"var(--text-tertiary)",l=o==="cloud"?"Copy to clipboard":e.resolvedGlobalDir;return t.jsxs("div",{"data-testid":`agent-scope-supported-row-${e.id}`,"data-kind":o,"data-detected":e.detected?"true":"false",style:{display:"flex",flexDirection:"column",gap:2,padding:"6px 14px",background:r?"color-mix(in srgb, var(--accent-surface) 10%, transparent)":"transparent"},children:[t.jsxs("button",{type:"button",onClick:s,"data-testid":`agent-scope-supported-row-button-${e.id}`,"data-active":n?"true":"false",style:{display:"flex",alignItems:"center",gap:10,width:"100%",background:"transparent",border:"none",cursor:"pointer",textAlign:"left",padding:0,fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:i,flexShrink:0}}),t.jsx("span",{style:{flex:1,fontSize:13},children:e.displayName}),t.jsxs("span",{title:"Install tier",style:{fontFamily:"var(--font-mono)",fontSize:9,color:"var(--text-secondary)",letterSpacing:"0.04em",textTransform:"uppercase"},children:["T",e.tier]})]}),t.jsx("div",{title:l,style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)",paddingLeft:16,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:l}),o==="available"&&a&&t.jsx("button",{type:"button","data-testid":`agent-scope-install-cta-${e.id}`,onClick:d=>{d.stopPropagation(),a(e.id)},style:{alignSelf:"flex-start",marginLeft:16,marginTop:2,padding:"2px 8px",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:4,background:"transparent",color:"var(--accent-text, var(--text-primary))",cursor:"pointer",fontSize:11,fontFamily:"var(--font-sans)"},children:"+ Install here"})]})}function E0({agent:e,focused:r,active:n,onClick:s}){const o=e.health==="ok"?"var(--color-ok, #22c55e)":e.health==="stale"?"var(--color-own, #f59e0b)":"var(--text-tertiary)";return t.jsxs("button",{type:"button","data-testid":"agent-scope-row","data-agent-id":e.id,"data-active":n?"true":"false",onClick:s,style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"8px 14px",background:r?"color-mix(in srgb, var(--accent-surface) 10%, transparent)":"transparent",border:"none",cursor:"pointer",textAlign:"left",fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:o,flexShrink:0}}),t.jsx("span",{style:{flex:1,fontSize:13},children:e.displayName}),t.jsxs("span",{title:"project · personal · plugins",style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums"},children:[e.installedCount,"·",e.globalCount,"·",e.pluginCount??0]})]})}function N0({row:e,onFocus:r}){return t.jsxs("button",{type:"button","data-testid":"agent-scope-shared-folder-row",onClick:r,style:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:4,width:"100%",padding:"8px 14px",background:"transparent",border:"none",borderTop:"1px dashed var(--border-subtle)",borderBottom:"1px dashed var(--border-subtle)",cursor:"pointer",textAlign:"left",fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-secondary)"},children:e.sharedFolderPath}),t.jsxs("span",{style:{display:"flex",gap:6,flexWrap:"wrap"},children:[e.consumers.map(n=>t.jsx("span",{style:{fontSize:10,padding:"1px 6px",borderRadius:10,background:"color-mix(in srgb, var(--color-global) 20%, transparent)",color:"var(--text-primary)"},children:n.id},n.id)),t.jsxs("span",{style:{fontSize:10,color:"var(--text-secondary)",fontFamily:"var(--font-mono)"},children:["· ",e.combinedCount," skills"]})]})]})}function R0({agent:e}){const r=e.isRemoteOnly?`${e.displayName} is a web-only product — no local CLI or folder to detect.`:e.resolvedGlobalDir?`Looked for ${e.resolvedGlobalDir} — not found.`:`${e.displayName} was not found on this machine.`;return t.jsxs("div",{"data-testid":`agent-scope-not-detected-row-${e.id}`,title:r,style:{display:"flex",alignItems:"center",gap:10,padding:"6px 14px",color:"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:12},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:"var(--text-tertiary)",flexShrink:0}}),t.jsx("span",{style:{flex:1},children:e.displayName}),e.isRemoteOnly&&t.jsx("span",{"data-testid":`agent-scope-remote-badge-${e.id}`,"aria-label":"Remote-only agent",title:"Web-only agent — no local CLI to install skills into. Use the agent's web UI to load skills.",style:{background:"color-mix(in srgb, var(--text-tertiary) 18%, transparent)",border:"1px solid var(--border-default, var(--border-subtle))",borderRadius:10,padding:"1px 8px",color:"var(--text-secondary)",fontSize:10,letterSpacing:"0.04em",textTransform:"uppercase"},children:"Remote"})]})}function T0({agent:e,activeAgentId:r,onSwitch:n}){const s=e.id===r,o=e.isRemoteOnly===!0,a=s||o,i=s?"Active":o?"Remote-only":O.scopePicker.switchCta;return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:14},children:[t.jsxs("div",{children:[t.jsx("div",{style:{fontFamily:"var(--font-serif)",fontSize:16,fontWeight:500,color:"var(--text-primary)"},children:e.displayName}),t.jsx("div",{style:{fontSize:11,color:"var(--text-secondary)",marginTop:2},children:o?"Remote service — no local install":L0(e.health)})]}),t.jsxs("dl",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"4px 12px",margin:0,fontSize:12},children:[t.jsx(zn,{label:O.scopePicker.statsInstalled,value:String(e.installedCount)}),t.jsx(zn,{label:O.scopePicker.statsGlobal,value:String(e.globalCount)}),t.jsx(zn,{label:O.scopePicker.statsPlugins,value:String(e.pluginCount??0)}),t.jsx(zn,{label:O.scopePicker.statsLastSync,value:e.lastSync?I0(e.lastSync):"—"})]}),t.jsx("button",{type:"button","data-testid":"agent-scope-switch",onClick:n,disabled:a,title:o?"This agent has no local CLI to switch to":void 0,style:{alignSelf:"flex-start",padding:"8px 14px",borderRadius:6,border:"1px solid var(--border-default, var(--border-subtle))",background:a?"transparent":"color-mix(in srgb, var(--accent-surface) 20%, transparent)",color:"var(--text-primary)",fontSize:12,fontWeight:500,fontFamily:"var(--font-sans)",cursor:a?"default":"pointer",opacity:a?.5:1},children:i})]})}function zn({label:e,value:r}){return t.jsxs(t.Fragment,{children:[t.jsx("dt",{style:{color:"var(--text-secondary)",margin:0},children:e}),t.jsx("dd",{style:{color:"var(--text-primary)",margin:0,fontFamily:"var(--font-mono)",fontVariantNumeric:"tabular-nums"},children:r})]})}function Gd(){return t.jsx("div",{style:{padding:"16px 18px",fontSize:12,color:"var(--text-secondary)"},children:"No agents detected yet."})}function I0(e){try{const r=new Date(e).getTime(),n=Date.now()-r;if(Number.isNaN(r))return"—";const s=Math.round(n/6e4);if(s<1)return"just now";if(s<60)return`${s}m ago`;const o=Math.round(s/60);return o<24?`${o}h ago`:`${Math.round(o/24)}d ago`}catch{return"—"}}function L0(e){switch(e){case"ok":return O.scopePicker.statsHealthOk;case"stale":return O.scopePicker.statsHealthStale;case"missing":return O.scopePicker.statsHealthMissing}}function A0(e){const r=new Map;for(const n of e.sharedFolders??[])for(const s of n.consumers)r.set(s,n);return e.agents.map(n=>{const s=r.get(n.id);return{id:n.id,displayName:n.displayName,presence:n.detected?"detected":"absent",installedCount:n.localSkillCount,globalCount:n.globalSkillCount,pluginCount:n.pluginSkillCount??0,lastSync:n.lastSync,health:n.health,sharedFolderGroup:s?s.consumers:void 0,sharedFolderPath:s?s.path:void 0,isRemoteOnly:n.isRemoteOnly,resolvedGlobalDir:n.resolvedGlobalDir}})}function P0({agents:e,activeAgentId:r,onActiveAgentChange:n,onOpenSetup:s}){const[o,a]=c.useState(!1),[i,l]=c.useState(null),d=c.useRef(null),u=c.useMemo(()=>e.find(m=>m.id===r)??e[0]??null,[e,r]),p=c.useMemo(()=>u?u.health==="ok"?"var(--color-ok, #22c55e)":u.health==="stale"?"var(--color-own, #f59e0b)":"var(--text-tertiary)":"var(--text-tertiary)",[u]),f=c.useCallback(()=>{var m;a(!1),(m=d.current)==null||m.focus()},[]),h=c.useCallback(m=>{n(m),a(!1)},[n]);return t.jsxs(t.Fragment,{children:[t.jsxs("button",{ref:d,type:"button","data-testid":"agent-scope-picker-trigger","aria-haspopup":"dialog","aria-expanded":o,onClick:()=>a(m=>!m),onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),a(!0))},style:{display:"flex",alignItems:"center",gap:10,height:"40px",width:"100%",padding:"0 14px",background:"var(--bg-surface, var(--surface-1))",border:"none",borderBottom:"1px solid var(--border-default, var(--border-subtle))",cursor:"pointer",color:"var(--text-primary)",fontFamily:"var(--font-sans)",fontSize:13,fontWeight:500,textAlign:"left",position:"sticky",top:0,zIndex:2},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:p,flexShrink:0}}),t.jsx("span",{style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:(u==null?void 0:u.displayName)??"Select agent"}),t.jsxs("span",{title:"project · personal · plugins",style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums"},children:["(",(u==null?void 0:u.installedCount)??0," · ",(u==null?void 0:u.globalCount)??0," · ",(u==null?void 0:u.pluginCount)??0,")"]}),t.jsx("span",{"aria-hidden":"true",style:{fontSize:10,color:"var(--text-secondary)"},children:"▾"})]}),o&&t.jsx(w0,{agents:e,activeAgentId:r,focusedAgentId:i??r,onFocusAgent:l,onSwitch:h,onOpenSetup:m=>{s(m),f()},onClose:f})]})}const Kd="vskill-ccode-banner-dismissed",$0=new Set(["claude-cli","claude-code"]);function M0(){try{return sessionStorage.getItem(Kd)==="true"}catch{return!1}}function D0(){try{sessionStorage.setItem(Kd,"true")}catch{}}function F0({activeAgentId:e}){const[r,n]=c.useState(()=>M0()),s=c.useCallback(()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:open-setup-drawer",{detail:{provider:"claude-code"}}))},[]),o=c.useCallback(()=>{D0(),n(!0)},[]);return!e||!$0.has(e)||r?null:t.jsxs("div",{"data-testid":"claude-code-first-use-banner",role:"note","aria-label":"Claude Code session info",style:{display:"flex",alignItems:"flex-start",gap:10,padding:"8px 12px",borderBottom:"1px solid var(--border-default, var(--border-subtle))",background:"color-mix(in srgb, var(--accent-surface) 8%, transparent)",fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-primary)",lineHeight:1.45},children:[t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:"var(--color-ok, #22c55e)",marginTop:6,flexShrink:0}}),t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsxs("span",{children:[O.claudeCodeLabel.firstUseBanner," "]}),t.jsx("button",{type:"button","data-testid":"claude-code-first-use-banner-learn-more",onClick:s,style:{background:"transparent",border:"none",padding:0,color:"var(--color-accent, var(--accent-surface))",cursor:"pointer",textDecoration:"underline",fontFamily:"inherit",fontSize:"inherit"},children:O.claudeCodeLabel.learnMore})]}),t.jsx("button",{type:"button","data-testid":"claude-code-first-use-banner-dismiss",onClick:o,"aria-label":"Dismiss Claude Code info banner",style:{background:"transparent",border:"none",color:"var(--text-secondary)",cursor:"pointer",fontSize:14,lineHeight:1,padding:2,flexShrink:0},children:"×"})]})}function z0(){const[e,r]=c.useState(null),[n,s]=c.useState("loading"),[o,a]=c.useState(null),i=c.useCallback(async()=>{try{const l=await ce.getAgents();r(l),s("ready"),a(null)}catch(l){s("error"),a(l.message)}},[]);return c.useEffect(()=>{i()},[i]),c.useEffect(()=>{const l=()=>void i();return window.addEventListener("studio:agent-changed",l),window.addEventListener("studio:project-changed",l),()=>{window.removeEventListener("studio:agent-changed",l),window.removeEventListener("studio:project-changed",l)}},[i]),{status:n,response:e,error:o,refresh:()=>void i()}}const _n="workspace",_0=["skills","agents"];async function B0(){const e=await fetch("/api/workspace");if(!e.ok)throw new Error(`GET /api/workspace failed: ${e.status}`);return await e.json()}class O0 extends Error{constructor(r,n,s){super(r),this.name="SwitchProjectError",this.status=n,this.fallbackCommand=s}}async function W0(e){const r=await fetch("/api/workspace/active",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({id:e})});if(!r.ok){const n=await r.json().catch(()=>({}));throw new O0(n.error??`POST /api/workspace/active failed: ${r.status}`,r.status,n.fallbackCommand)}return await r.json()}async function U0(e){const r=await fetch("/api/workspace/projects",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!r.ok){const n=await r.json().catch(()=>({}));throw new Error(n.error??`POST /api/workspace/projects failed: ${r.status}`)}return await r.json()}async function H0(e){const r=await fetch(`/api/workspace/projects/${encodeURIComponent(e)}`,{method:"DELETE"});if(!r.ok){const n=await r.json().catch(()=>({}));throw new Error(n.error??`DELETE /api/workspace/projects/${e} failed: ${r.status}`)}return await r.json()}function eo(){for(const e of _0)ze(e);typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:project-changed"))}function V0(){const{data:e,loading:r,error:n,revalidate:s}=St(_n,B0),o=e,a=o==null?void 0:o.projects.find(u=>u.id===o.activeProjectId),i=c.useCallback(async u=>{const p=await W0(u);return ze(_n),eo(),{skillCount:p.skillCount}},[]),l=c.useCallback(async u=>{const p=await U0(u);ze(_n),eo();const f=p.projects.find(h=>h.path===u.path);return{id:f==null?void 0:f.id}},[]),d=c.useCallback(async u=>{await H0(u),ze(_n),eo()},[]);return{workspace:o,activeProject:a,loading:r,error:n,switchProject:i,addProject:l,removeProject:d,revalidate:s}}function G0(){return t.jsxs(t.Fragment,{children:[t.jsx("style",{children:"@keyframes vskillProjSpin { to { transform: rotate(360deg); } }"}),t.jsx("span",{"aria-hidden":!0,style:{width:9,height:9,borderRadius:"50%",border:"2px solid color-mix(in oklch, currentColor 30%, transparent)",borderTopColor:"currentColor",display:"inline-block",animation:"vskillProjSpin 600ms linear infinite"}})]})}function K0({workspace:e,onSwitch:r,onAdd:n,onRemove:s,isPathStale:o}){const[a,i]=c.useState(!1),[l,d]=c.useState(!1),[u,p]=c.useState(""),[f,h]=c.useState(null),[m,y]=c.useState(null),[x,g]=c.useState(null),[b,v]=c.useState(null),[j,C]=c.useState(!1),[w,R]=c.useState(null),k=c.useRef(null);async function E(S){if(w)return!1;R(S.id),h(null);try{const L=await r(S.id),P=L&&typeof L=="object"&&"skillCount"in L?L.skillCount:void 0,D=P!=null?` — ${P} ${P===1?"skill":"skills"}`:"";return window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:`Switched to ${S.name}${D}`,severity:"success"}})),i(!1),!0}catch(L){const P=L&&typeof L=="object"&&"fallbackCommand"in L?L.fallbackCommand:void 0;return v(P??`cd "${S.path}" && npx vskill@latest studio`),g({id:S.id,name:S.name,path:S.path}),!1}finally{R(null)}}async function T(S){const L=N.find(P=>P.path===S);if(L)return E(L);try{const P=await n({path:S}),D=P&&typeof P=="object"?P.id:void 0,H=S.split(/[\\/]/).filter(Boolean).pop()??S;return D?E({id:D,name:H,path:S}):(i(!1),!0)}catch(P){const D=P instanceof Error?P.message:String(P);return/does not exist/i.test(D)?h(`Path not found on disk: ${S}`):/duplicate/i.test(D)?h("That project is already registered."):h(D),d(!0),!1}}const N=(e==null?void 0:e.projects)??[],I=N.find(S=>S.id===(e==null?void 0:e.activeProjectId));c.useEffect(()=>{if(!a)return;function S(L){k.current&&!k.current.contains(L.target)&&(i(!1),d(!1),h(null))}return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[a]);async function A(){h(null);const S=u.trim();if(!S){h("Paste an absolute path (e.g. /Users/you/projects/my-skill)");return}if(!S.startsWith("/")&&!/^[A-Za-z]:[\\/]/.test(S)){h("Path must be absolute. In Terminal, cd to the folder and run: pwd — then paste the result here.");return}await T(S)&&p("")}async function $(){if(h(null),Gl()){try{const{open:S}=await nr(async()=>{const{open:P}=await import("./index-DDNzcrhv.js");return{open:P}},__vite__mapDeps([7,1])),L=await S({directory:!0,multiple:!1,title:"Open project folder"});typeof L=="string"&&L&&await T(L)}catch(S){h(S instanceof Error?S.message:String(S))}return}d(!0)}function _(S){if(S.length<=50)return S;const L=S.split("/");return L.length<=4?S:`${L.slice(0,3).join("/")}/…/${L.slice(-2).join("/")}`}return t.jsxs("div",{ref:k,"data-vskill-project-picker":!0,style:{position:"relative",display:"inline-block"},children:[t.jsxs("button",{type:"button",onClick:()=>i(S=>!S),"aria-expanded":a,"aria-haspopup":"menu",title:(I==null?void 0:I.path)??"No project selected",style:{display:"flex",alignItems:"center",gap:8,padding:"4px 10px",border:"1px solid transparent",borderRadius:6,background:a?"var(--surface-2, rgba(0,0,0,0.05))":"transparent",cursor:"pointer",fontFamily:"var(--font-mono)",fontSize:13,color:"var(--text-primary)",transition:"background-color 120ms ease"},children:[t.jsx("span",{"aria-hidden":!0,style:{width:8,height:8,borderRadius:"50%",flexShrink:0,backgroundColor:(I==null?void 0:I.colorDot)??"var(--text-tertiary, #999)"}}),t.jsx("span",{style:{maxWidth:180,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:I?I.name:"No project"}),t.jsx("span",{"aria-hidden":!0,style:{fontSize:10,color:"var(--text-tertiary, #999)",marginLeft:2},children:a?"▴":"▾"})]}),a&&t.jsxs("div",{role:"menu","aria-label":"Switch project",style:{position:"absolute",top:"calc(100% + 4px)",left:0,minWidth:280,maxWidth:420,width:"max-content",background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:8,boxShadow:"0 4px 6px -1px rgba(0,0,0,0.08), 0 10px 20px -5px rgba(0,0,0,0.12)",overflow:"hidden",zIndex:50,fontFamily:"var(--font-sans)"},children:[N.length===0&&t.jsx("div",{style:{padding:"16px 16px 12px",fontSize:12,color:"var(--text-tertiary)",lineHeight:1.5},children:"No projects registered. Add one to get started."}),N.length>0&&t.jsx("ul",{role:"none",style:{listStyle:"none",margin:0,padding:4,maxHeight:320,overflowY:"auto"},children:N.map(S=>{const L=o?o(S.path):!1,P=S.id===(e==null?void 0:e.activeProjectId),D=m===S.id,H=w!==null,ne=w===S.id,U=P||ne;return t.jsxs("li",{role:"menuitem","data-stale":L?"true":"false","data-switching":ne?"true":"false","aria-busy":ne||void 0,onMouseEnter:()=>y(S.id),onMouseLeave:()=>y(B=>B===S.id?null:B),onClick:()=>{if(!(L||H)){if(P){i(!1);return}E(S)}},style:{display:"flex",alignItems:"center",gap:10,padding:"8px 10px",borderRadius:6,cursor:L||H?ne?"progress":"not-allowed":"pointer",background:D&&!L&&!H?"var(--surface-2, rgba(0,0,0,0.04))":U?"var(--surface-1, rgba(0,0,0,0.02))":"transparent",opacity:L?.5:H&&!ne?.55:1,transition:"background-color 120ms ease, opacity 120ms ease"},children:[t.jsx("span",{"aria-hidden":!0,style:{width:10,height:10,borderRadius:"50%",flexShrink:0,backgroundColor:S.colorDot,boxShadow:U?"0 0 0 2px color-mix(in oklch, currentColor 20%, transparent)":"none"}}),t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:13,fontWeight:U?600:500,color:"var(--text-primary)",lineHeight:1.3},children:[t.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S.name}),ne?t.jsxs("span",{"aria-label":"Switching",style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:10,color:"var(--color-action, #2F5B8E)",letterSpacing:"0.05em",textTransform:"uppercase",fontWeight:600},children:[t.jsx(G0,{}),"Switching…"]}):P&&t.jsx("span",{"aria-label":"Active",style:{fontSize:10,color:"var(--color-action, #2F5B8E)",letterSpacing:"0.05em",textTransform:"uppercase",fontWeight:600},children:"Active"})]}),t.jsx("div",{title:S.path,style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-tertiary)",marginTop:2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:_(S.path)}),L&&t.jsx("div",{style:{fontSize:10,color:"var(--color-own, #b45309)",marginTop:2},children:"Path no longer exists"})]}),t.jsx("button",{type:"button","aria-label":`Remove ${S.name}`,onClick:B=>{B.stopPropagation(),s(S.id)},style:{width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",border:"none",background:"transparent",borderRadius:4,cursor:"pointer",color:"var(--text-tertiary)",opacity:D?1:0,transition:"opacity 120ms ease, color 120ms ease, background-color 120ms ease",flexShrink:0},onMouseEnter:B=>{B.currentTarget.style.color="var(--color-error, #b91c1c)",B.currentTarget.style.backgroundColor="color-mix(in oklch, var(--color-error, #b91c1c) 10%, transparent)"},onMouseLeave:B=>{B.currentTarget.style.color="var(--text-tertiary)",B.currentTarget.style.backgroundColor="transparent"},children:t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("polyline",{points:"3 6 5 6 21 6"}),t.jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"}),t.jsx("path",{d:"M10 11v6"}),t.jsx("path",{d:"M14 11v6"}),t.jsx("path",{d:"M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})})]},S.id)})}),t.jsxs("div",{style:{borderTop:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",padding:l?8:6},children:[!l&&t.jsxs("button",{type:"button",onClick:()=>void $(),className:"vskill-project-add",style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"8px 10px",border:"none",borderRadius:6,background:"transparent",cursor:"pointer",fontFamily:"var(--font-sans)",fontSize:13,fontWeight:500,color:"var(--color-action, #2F5B8E)",transition:"background-color 120ms ease"},onMouseEnter:S=>{S.currentTarget.style.backgroundColor="color-mix(in oklch, var(--color-action, #2F5B8E) 10%, transparent)"},onMouseLeave:S=>{S.currentTarget.style.backgroundColor="transparent"},children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),"Open folder…"]}),l&&t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[t.jsx("input",{type:"text",value:u,onChange:S=>p(S.target.value),onKeyDown:S=>{S.key==="Enter"&&A(),S.key==="Escape"&&(d(!1),h(null))},placeholder:"/absolute/path/to/project",autoFocus:!0,style:{width:"100%",padding:"6px 8px",fontFamily:"var(--font-mono)",fontSize:12,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:4,background:"var(--surface-0, #fff)",color:"var(--text-primary)",outline:"none"}}),t.jsxs("div",{style:{display:"flex",gap:6,justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",onClick:()=>{d(!1),h(null),p("")},style:{padding:"4px 10px",fontSize:12,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:4,background:"transparent",color:"var(--text-primary)",cursor:"pointer"},children:"Cancel"}),t.jsx("button",{type:"button",onClick:()=>void A(),style:{padding:"4px 10px",fontSize:12,border:"none",borderRadius:4,background:"var(--color-action, #2F5B8E)",color:"var(--color-paper, #fff)",cursor:"pointer",fontWeight:500},children:"Add"})]}),f&&t.jsx("div",{style:{fontSize:11,color:"var(--color-error, #b91c1c)"},children:f})]})]})]}),x&&t.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Switch project failed",style:{position:"fixed",inset:0,zIndex:80,display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>{g(null),v(null)},children:[t.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.40)"}}),t.jsxs("div",{onClick:S=>S.stopPropagation(),style:{position:"relative",width:"min(520px, 92vw)",background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:10,boxShadow:"0 10px 15px -3px rgba(0,0,0,0.12), 0 20px 40px -8px rgba(0,0,0,0.18)",padding:18,fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsxs("h2",{style:{margin:0,fontSize:16,fontWeight:600,fontFamily:"var(--font-serif, ui-serif)",marginBottom:8},children:["Couldn't switch to ",x.name]}),t.jsx("p",{style:{fontSize:13,color:"var(--text-secondary)",lineHeight:1.5,margin:0,marginBottom:12},children:"That folder couldn't be loaded — it may have moved or become unreadable. The current project is still active. As a last resort you can relaunch Skill Studio directly from the target folder:"}),t.jsx("div",{style:{background:"var(--surface-1, #0f0f10)",color:"var(--text-primary)",padding:"10px 12px",borderRadius:6,fontFamily:"var(--font-mono)",fontSize:12,lineHeight:1.55,whiteSpace:"pre-wrap",wordBreak:"break-all",border:"1px solid var(--border-subtle, rgba(255,255,255,0.08))"},children:b??`cd "${x.path}" && npx vskill@latest studio`}),t.jsxs("div",{style:{display:"flex",gap:8,marginTop:14,justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",onClick:async()=>{try{await navigator.clipboard.writeText(b??`cd "${x.path}" && npx vskill@latest studio`),C(!0),setTimeout(()=>C(!1),1600)}catch{}},style:{padding:"7px 14px",fontSize:13,fontWeight:600,border:"1px solid var(--color-action, #2F5B8E)",borderRadius:6,background:"var(--color-action, #2F5B8E)",color:"#ffffff",cursor:"pointer",boxShadow:"0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.12)"},children:j?"Copied!":"Copy command"}),t.jsx("button",{type:"button",onClick:()=>{g(null),v(null)},style:{padding:"7px 12px",fontSize:13,fontWeight:500,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:6,background:"transparent",color:"var(--text-primary)",cursor:"pointer"},children:"Close"})]})]})]})]})}function q0(e,r){const n=r.trim().toLowerCase().split(/\s+/).filter(Boolean);return n.length===0?e:e.filter(s=>{const o=`${s.name} ${s.path}`.toLowerCase();return n.every(a=>o.includes(a))})}function Y0({open:e,projects:r,onSwitch:n,onClose:s}){const[o,a]=c.useState(""),[i,l]=c.useState(0),d=c.useMemo(()=>q0(r,o),[r,o]);c.useEffect(()=>{e||(a(""),l(0))},[e]),c.useEffect(()=>{i>=d.length&&l(0)},[d.length,i]);const u=p=>{if(p.key==="Escape"){p.preventDefault(),s();return}if(p.key==="ArrowDown"){p.preventDefault(),l(f=>Math.min(f+1,Math.max(d.length-1,0)));return}if(p.key==="ArrowUp"){p.preventDefault(),l(f=>Math.max(f-1,0));return}if(p.key==="Enter"){p.preventDefault();const f=d[i];f&&(n(f.id),s())}};return e?t.jsxs("div",{role:"dialog","aria-modal":"true","data-vskill-project-palette":!0,className:"vskill-project-palette fixed inset-0 z-50 flex items-start justify-center pt-24",children:[t.jsx("div",{className:"absolute inset-0 bg-black/30",onClick:s}),t.jsxs("div",{className:"relative w-[520px] max-w-[92vw] bg-background border rounded shadow-lg",children:[t.jsx("input",{type:"text",autoFocus:!0,value:o,onChange:p=>a(p.target.value),onKeyDown:u,placeholder:"Switch project…",className:"w-full px-3 py-2 text-sm border-b outline-none"}),t.jsxs("ul",{role:"listbox",className:"max-h-80 overflow-auto",children:[d.length===0&&t.jsx("li",{className:"px-3 py-2 text-xs text-muted-foreground",children:"No matches."}),d.map((p,f)=>t.jsxs("li",{role:"option","aria-selected":f===i,"data-highlighted":f===i,className:["flex items-center gap-2 px-3 py-2 text-sm cursor-pointer",f===i?"bg-muted":""].join(" "),onMouseEnter:()=>l(f),onClick:()=>{n(p.id),s()},children:[t.jsx("span",{"aria-hidden":!0,className:"inline-block w-2 h-2 rounded-full",style:{backgroundColor:p.colorDot}}),t.jsxs("span",{className:"flex-1",children:[t.jsx("span",{className:"vskill-palette-name",children:p.name}),t.jsx("span",{className:"ml-2 vskill-palette-path text-xs font-mono text-muted-foreground",children:p.path})]})]},p.id))]})]})]}):null}const Zi=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function J0({open:e,onClose:r,initialMode:n="standalone",isClaudeCode:s,projectRoot:o,onCreated:a}){const[i,l]=c.useState("destination"),[d,u]=c.useState(n),[p,f]=c.useState(""),[h,m]=c.useState(""),[y,x]=c.useState(""),[g,b]=c.useState([]),[v,j]=c.useState(!1),[C,w]=c.useState(null);if(c.useEffect(()=>{e&&(l("destination"),u(n),f(""),m(""),x(""),w(null))},[e,n]),c.useEffect(()=>{if(!e)return;let S=!0;return fetch("/api/authoring/plugins").then(L=>L.json()).then(L=>{S&&b(L.plugins??[])}).catch(()=>{}),()=>{S=!1}},[e]),c.useEffect(()=>{if(!e)return;function S(L){L.key==="Escape"&&(L.preventDefault(),r())}return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[e,r]),!e)return null;const R=g.length>0,k=s&&R,E=s,T=Zi.test(p),N=d==="existing-plugin"?h.length>0:Zi.test(h),I=!v&&T&&(d==="standalone"||N),A=Q0(o,d,h,p);async function $(){w(null),j(!0);try{const P=new URLSearchParams;P.set("mode",d),P.set("skillName",p),h&&P.set("pluginName",h);const D=await fetch(`/api/authoring/skill-exists?${P.toString()}`),H=await D.json();if(!D.ok){w(H.error??`Check failed: ${D.status}`);return}if(H.exists){w(`Skill '${p}' already exists${H.path?` at ${H.path}`:""}`);return}}catch(P){w(P instanceof Error?P.message:String(P));return}finally{j(!1)}const S=new URLSearchParams;S.set("mode",d),S.set("skillName",p),y.trim()&&S.set("description",y.trim()),h&&S.set("pluginName",h);const L=`#/create?${S.toString()}`;typeof window<"u"&&(window.location.hash=L),r()}async function _(){w(null),j(!0);try{const S=await fetch("/api/authoring/create-skill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:d,skillName:p,description:y.trim()||void 0,pluginName:d==="standalone"?void 0:h})}),L=await S.json();if(!S.ok||!L.ok){w(L.error??`Create failed: ${S.status}`);return}ze("skills"),a==null||a({mode:d,skillName:p,pluginName:L.pluginName??null,skillMdPath:L.skillMdPath}),r()}catch(S){w(S instanceof Error?S.message:String(S))}finally{j(!1)}}return t.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Create skill","data-vskill-create-skill-modal":!0,style:{position:"fixed",inset:0,zIndex:100,display:"flex",alignItems:"center",justifyContent:"center"},children:[t.jsx("div",{onClick:r,style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.45)"}}),t.jsxs("div",{style:{position:"relative",width:"min(560px, 92vw)",maxHeight:"86vh",overflow:"auto",background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:10,boxShadow:"0 10px 15px -3px rgba(0,0,0,0.12), 0 20px 40px -8px rgba(0,0,0,0.18)",fontFamily:"var(--font-sans)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"14px 18px",borderBottom:"1px solid var(--border-subtle, rgba(0,0,0,0.08))"},children:[t.jsx("h2",{style:{margin:0,fontSize:16,fontWeight:600,color:"var(--text-primary)",fontFamily:"var(--font-serif, ui-serif)",letterSpacing:"0.01em"},children:i==="destination"?"Create a skill":"Name and describe"}),t.jsxs("div",{style:{fontSize:11,color:"var(--text-tertiary)",marginLeft:"auto",fontVariantNumeric:"tabular-nums"},children:["Step ",i==="destination"?"1":"2"," of 2"]})]}),i==="destination"&&t.jsxs("div",{style:{padding:14,display:"flex",flexDirection:"column",gap:10},children:[t.jsx(to,{title:"Standalone skill",subtitle:"A single skill in this project",description:"Lives at <project>/skills/<name>/SKILL.md. Works with every agent.",icon:"📄",selected:d==="standalone",onClick:()=>u("standalone")}),t.jsx(to,{title:"Add to existing plugin",subtitle:k?`${g.length} plugin source${g.length===1?"":"s"} in this project`:s?"No plugin sources in this project yet":"Claude Code only",description:"Appends a skill to an existing <plugin>/.claude-plugin/plugin.json source.",icon:"🧩",disabled:!k,selected:d==="existing-plugin",onClick:()=>k&&u("existing-plugin")}),t.jsx(to,{title:"Plugin (multi-skill)",subtitle:E?"Bundle related skills under one Claude Code plugin":"Claude Code only",description:"Creates <folder>/.claude-plugin/plugin.json and <folder>/skills/<first>/SKILL.md.",icon:"📦",disabled:!E,selected:d==="new-plugin",onClick:()=>E&&u("new-plugin")})]}),i==="details"&&t.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:12},children:[d==="new-plugin"&&t.jsx(Bn,{label:"Plugin name",hint:"kebab-case",children:t.jsx("input",{type:"text",value:h,onChange:S=>m(S.target.value.trim()),placeholder:"my-first-plugin",autoFocus:!0,style:On(!h||N)})}),d==="existing-plugin"&&t.jsx(Bn,{label:"Plugin",children:t.jsxs("select",{value:h,onChange:S=>m(S.target.value),style:{...On(!0),fontFamily:"var(--font-mono)"},children:[t.jsx("option",{value:"",children:"Select a plugin…"}),g.map(S=>t.jsx("option",{value:S.name,children:S.name},S.path))]})}),t.jsx(Bn,{label:"Skill name",hint:"kebab-case",children:t.jsx("input",{type:"text",value:p,onChange:S=>f(S.target.value.trim()),placeholder:"my-new-skill",autoFocus:d!=="new-plugin",style:On(!p||T)})}),t.jsx(Bn,{label:"Description",hint:"One short sentence — shown in frontmatter",children:t.jsx("textarea",{value:y,onChange:S=>x(S.target.value),rows:2,placeholder:"Does a thing when Claude needs X",style:{...On(!0),resize:"vertical",minHeight:52,fontFamily:"var(--font-sans)"}})}),A&&t.jsxs("div",{style:{padding:"8px 10px",fontSize:11,fontFamily:"var(--font-mono)",color:"var(--text-secondary)",background:"var(--surface-1, rgba(0,0,0,0.03))",border:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",borderRadius:4,wordBreak:"break-all"},children:[t.jsx("div",{style:{fontSize:10,color:"var(--text-tertiary)",marginBottom:2,fontFamily:"var(--font-sans)"},children:"Will create:"}),A.map((S,L)=>t.jsx("div",{children:S},L))]}),C&&t.jsx("div",{style:{fontSize:12,color:"var(--color-error, #b91c1c)",padding:"6px 10px",background:"color-mix(in oklch, var(--color-error, #b91c1c) 8%, transparent)",borderRadius:4},children:C})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:8,padding:"12px 16px",borderTop:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",background:"var(--surface-1, rgba(0,0,0,0.02))"},children:[t.jsx("button",{type:"button",onClick:r,style:ro,children:"Cancel"}),i==="destination"&&t.jsx("button",{type:"button",onClick:()=>l("details"),style:el,children:"Continue →"}),i==="details"&&t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button",onClick:()=>l("destination"),style:ro,children:"← Back"}),t.jsx("button",{type:"button",onClick:()=>void $(),disabled:!I,style:{...ro,opacity:I?1:.5,cursor:I?"pointer":"not-allowed"},title:"Opens the AI generation flow with this destination pre-selected (choose Claude Code, Anthropic API, OpenRouter, or local models)",children:"Generate with AI"}),t.jsx("button",{type:"button",onClick:()=>void _(),disabled:!I,style:{...el,opacity:I?1:.5,cursor:I?"pointer":"not-allowed"},title:"Creates an empty SKILL.md scaffold you can fill in by hand",children:v?"Creating…":"Create empty scaffold"})]})]})]})]})}function to({title:e,subtitle:r,description:n,icon:s,selected:o,disabled:a,onClick:i}){return t.jsxs("button",{type:"button",onClick:i,disabled:a,"aria-pressed":o,style:{display:"flex",gap:12,padding:"12px 14px",textAlign:"left",borderRadius:8,border:o?"2px solid var(--color-accent, #2f6f8f)":"1px solid var(--border-default, rgba(0,0,0,0.12))",background:o?"color-mix(in oklch, var(--color-accent, #2f6f8f) 8%, var(--color-paper, #fff))":a?"var(--surface-1, rgba(0,0,0,0.02))":"var(--color-paper, #fff)",color:a?"var(--text-tertiary)":"var(--text-primary)",cursor:a?"not-allowed":"pointer",opacity:a?.6:1,fontFamily:"inherit",width:"100%",transition:"border-color 120ms ease, background-color 120ms ease"},children:[t.jsx("span",{"aria-hidden":!0,style:{fontSize:22,lineHeight:1,marginTop:2},children:s}),t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsx("div",{style:{fontSize:14,fontWeight:600,lineHeight:1.3},children:e}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)",marginTop:2,textTransform:"uppercase",letterSpacing:"0.04em"},children:r}),t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)",marginTop:6,lineHeight:1.5},children:n})]})]})}function Bn({label:e,hint:r,children:n}){return t.jsxs("label",{style:{display:"flex",flexDirection:"column",gap:4},children:[t.jsxs("span",{style:{display:"flex",alignItems:"baseline",gap:8},children:[t.jsx("span",{style:{fontSize:12,fontWeight:600,color:"var(--text-primary)"},children:e}),r&&t.jsx("span",{style:{fontSize:11,color:"var(--text-tertiary)"},children:r})]}),n]})}function On(e){return{width:"100%",padding:"7px 10px",fontSize:13,fontFamily:"var(--font-mono)",border:`1px solid ${e?"var(--border-default, rgba(0,0,0,0.12))":"var(--color-error, #b91c1c)"}`,borderRadius:4,background:"var(--surface-0, #fff)",color:"var(--text-primary)",outline:"none",boxSizing:"border-box"}}const el={padding:"8px 16px",fontSize:13,fontWeight:600,border:"1px solid var(--color-action, #2F5B8E)",borderRadius:6,background:"var(--color-action, #2F5B8E)",color:"var(--color-action-ink, #FFFFFF)",cursor:"pointer",fontFamily:"inherit",boxShadow:"0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.12)",letterSpacing:"0.01em"},ro={padding:"7px 12px",fontSize:13,fontWeight:500,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:6,background:"transparent",color:"var(--text-primary)",cursor:"pointer",fontFamily:"inherit"};function Q0(e,r,n,s){const o=s||"<skill-name>",a=n||"<plugin-name>",i=e||"<project>";return r==="standalone"?[`${i}/skills/${o}/SKILL.md`]:r==="existing-plugin"?[`${i}/${a}/skills/${o}/SKILL.md`]:r==="new-plugin"?[`${i}/${a}/.claude-plugin/plugin.json`,`${i}/${a}/skills/${o}/SKILL.md`]:null}function qd(e){return e.trim().toLowerCase()}function X0(e,r){const n=qd(r);return n?e.filter(s=>s.name.toLowerCase().includes(n)||s.source.toLowerCase().includes(n)):e}function Z0(e,r){const n=qd(r);return n?e.filter(s=>[s.name,s.description??"",s.category??"",s.author??""].join(" ").toLowerCase().includes(n)):e}function ek({open:e,onClose:r,onInstall:n,onUninstall:s,installedNames:o}){const[a,i]=c.useState(null),[l,d]=c.useState([]),[u,p]=c.useState(null),[f,h]=c.useState(null),[m,y]=c.useState(!1),[x,g]=c.useState(null),[b,v]=c.useState(""),[j,C]=c.useState("");c.useEffect(()=>{u?v(""):C("")},[u]);const w=c.useMemo(()=>X0(l,b),[l,b]),R=c.useMemo(()=>Z0((f==null?void 0:f.plugins)??[],j),[f,j]);return c.useEffect(()=>{e&&(y(!0),g(null),fetch("/api/plugins/marketplaces").then(k=>k.json()).then(k=>{if(k.error)throw new Error(k.error);d(k.marketplaces??[])}).catch(k=>g(k instanceof Error?k.message:String(k))).finally(()=>y(!1)))},[e]),c.useEffect(()=>{if(!u){h(null);return}y(!0),g(null),fetch(`/api/plugins/marketplaces/${encodeURIComponent(u)}`).then(k=>k.json()).then(k=>{if(k.error)throw new Error(k.error);h(k)}).catch(k=>g(k instanceof Error?k.message:String(k))).finally(()=>y(!1))},[u]),c.useEffect(()=>{if(!e)return;function k(E){E.key==="Escape"&&r()}return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[e,r]),e?t.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Plugin marketplace","data-vskill-marketplace-drawer":!0,style:{position:"fixed",inset:0,zIndex:80},children:[t.jsx("div",{onClick:r,style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.38)"}}),t.jsxs("aside",{style:{position:"absolute",top:0,right:0,bottom:0,width:"min(480px, 94vw)",background:"var(--color-paper, #fff)",borderLeft:"1px solid var(--border-default, rgba(0,0,0,0.12))",boxShadow:"-10px 0 30px -8px rgba(0,0,0,0.18)",display:"flex",flexDirection:"column",fontFamily:"var(--font-sans)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"14px 18px",borderBottom:"1px solid var(--border-subtle, rgba(0,0,0,0.08))"},children:[u&&t.jsx("button",{type:"button",onClick:()=>p(null),"aria-label":"Back to marketplaces",style:{border:"none",background:"transparent",fontSize:14,color:"var(--text-secondary)",cursor:"pointer",padding:0},children:"← Back"}),t.jsx("h2",{style:{margin:0,fontSize:15,fontWeight:600,color:"var(--text-primary)",fontFamily:"var(--font-serif, ui-serif)",flex:1},children:u?(f==null?void 0:f.name)??u:"Browse plugins"}),t.jsx("button",{type:"button",onClick:r,"aria-label":"Close",style:{border:"none",background:"transparent",fontSize:16,color:"var(--text-secondary)",cursor:"pointer",padding:"4px 6px"},children:"✕"})]}),t.jsxs("div",{style:{flex:1,overflowY:"auto",padding:12},children:[m&&t.jsx("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:"Loading…"}),x&&t.jsx("div",{style:{padding:10,fontSize:12,color:"var(--color-error, #b91c1c)",background:"color-mix(in oklch, var(--color-error, #b91c1c) 8%, transparent)",borderRadius:4},children:x}),!u&&!m&&l.length===0&&!x&&t.jsx(tk,{}),!u&&l.length>0&&t.jsx(tl,{value:b,onChange:v,placeholder:"Search marketplaces…",ariaLabel:"Search marketplaces",testId:"marketplace-search"}),!u&&l.length>0&&w.length===0&&t.jsxs("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:["No marketplaces match “",b,"”."]}),!u&&w.map(k=>t.jsxs("button",{type:"button",onClick:()=>p(k.name),style:nk,onMouseEnter:E=>{E.currentTarget.style.background="var(--surface-2, rgba(0,0,0,0.04))"},onMouseLeave:E=>{E.currentTarget.style.background="transparent"},children:[t.jsx("div",{style:{fontSize:13,fontWeight:600,color:"var(--text-primary)"},children:k.name}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-mono)",marginTop:2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:k.source})]},k.name)),u&&f&&t.jsxs(t.Fragment,{children:[f.description&&t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)",padding:"0 6px 12px",lineHeight:1.5},children:f.description}),f.plugins.length===0&&t.jsx("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:"This marketplace has no plugins catalogued yet."}),f.plugins.length>0&&t.jsx(tl,{value:j,onChange:C,placeholder:"Search plugins…",ariaLabel:"Search plugins",testId:"plugin-search"}),f.plugins.length>0&&R.length===0&&t.jsxs("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:["No plugins match “",j,"”."]}),R.map(k=>{const E=o.has(k.name);return t.jsx("div",{style:{padding:"10px 8px",borderBottom:"1px solid var(--border-subtle, rgba(0,0,0,0.05))"},children:t.jsxs("div",{style:{display:"flex",alignItems:"start",gap:8},children:[t.jsxs("div",{style:{flex:1,minWidth:0},children:[t.jsxs("div",{style:{fontSize:13,fontWeight:600,color:"var(--text-primary)",display:"flex",alignItems:"baseline",gap:8},children:[k.name,k.version&&t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)"},children:k.version}),k.category&&t.jsx("span",{style:{fontSize:10,padding:"1px 6px",borderRadius:10,background:"var(--surface-2, rgba(0,0,0,0.05))",color:"var(--text-secondary)"},children:k.category})]}),k.description&&t.jsx("div",{style:{fontSize:11,color:"var(--text-secondary)",marginTop:4,lineHeight:1.5},children:k.description})]}),E&&s?t.jsx("button",{type:"button",disabled:a===k.name,onClick:async()=>{i(k.name);try{await s(k.name)}finally{i(null)}},"aria-label":`Uninstall ${k.name}`,style:{flexShrink:0,padding:"5px 12px",fontSize:12,fontWeight:600,border:"1px solid var(--color-error, #b91c1c)",borderRadius:4,background:"transparent",color:"var(--color-error, #b91c1c)",cursor:a===k.name?"wait":"pointer",opacity:a===k.name?.6:1,fontFamily:"inherit"},children:a===k.name?"Uninstalling…":"Uninstall"}):t.jsx("button",{type:"button",disabled:E,onClick:()=>n(k.name,u),style:{flexShrink:0,padding:"5px 12px",fontSize:12,fontWeight:600,border:E?"none":"1px solid var(--color-action, #2F5B8E)",borderRadius:4,background:E?"var(--surface-2, rgba(0,0,0,0.05))":"var(--color-action, #2F5B8E)",color:E?"var(--text-tertiary)":"var(--color-action-ink, #FFFFFF)",cursor:E?"default":"pointer",fontFamily:"inherit",boxShadow:E?"none":"0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.12)"},children:E?"Installed":"Install"})]})},k.name)})]})]}),!u&&t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",padding:12},children:t.jsx(rk,{onAdded:()=>{ze("marketplaces"),fetch("/api/plugins/marketplaces").then(k=>k.json()).then(k=>d(k.marketplaces??[]))}})})]})]}):null}function tl({value:e,onChange:r,placeholder:n,ariaLabel:s,testId:o}){return t.jsx("div",{style:{padding:"0 4px 10px"},children:t.jsx("input",{type:"search",value:e,onChange:a=>r(a.target.value),placeholder:n,"aria-label":s,"data-testid":o,style:{width:"100%",padding:"6px 10px",fontSize:12,fontFamily:"var(--font-sans)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:4,background:"var(--surface-0, #fff)",color:"var(--text-primary)",outline:"none",boxSizing:"border-box"}})})}function tk(){return t.jsxs("div",{style:{padding:20,fontSize:12,color:"var(--text-tertiary)",lineHeight:1.6},children:["No marketplaces configured yet. Add one below — examples:",t.jsxs("ul",{style:{marginTop:8,paddingLeft:16},children:[t.jsx("li",{children:t.jsx("code",{children:"anthropics/claude-plugins-official"})}),t.jsx("li",{children:t.jsx("code",{children:"openai/codex-plugin-cc"})})]})]})}function rk({onAdded:e}){const[r,n]=c.useState(""),[s,o]=c.useState(!1),[a,i]=c.useState(null);async function l(){const d=r.trim();if(d){o(!0),i(null);try{const u=await fetch("/api/plugins/marketplaces",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:d})}),p=await u.json().catch(()=>({}));if(!u.ok||!p.ok){i(p.error??`Add failed (${u.status})`);return}n(""),e()}catch(u){i(u instanceof Error?u.message:String(u))}finally{o(!1)}}}return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[t.jsx("label",{style:{fontSize:11,color:"var(--text-tertiary)",fontWeight:500},children:"Add marketplace (GitHub owner/repo, URL, or path)"}),t.jsxs("div",{style:{display:"flex",gap:6},children:[t.jsx("input",{type:"text",value:r,onChange:d=>n(d.target.value),onKeyDown:d=>{d.key==="Enter"&&l()},placeholder:"anthropics/claude-plugins-official",disabled:s,style:{flex:1,padding:"6px 8px",fontSize:12,fontFamily:"var(--font-mono)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:4,background:"var(--surface-0, #fff)",color:"var(--text-primary)",outline:"none"}}),t.jsx("button",{type:"button",onClick:()=>void l(),disabled:s||!r.trim(),style:{padding:"6px 14px",fontSize:12,fontWeight:600,border:"1px solid var(--color-action, #2F5B8E)",borderRadius:4,background:"var(--color-action, #2F5B8E)",color:"var(--color-action-ink, #FFFFFF)",cursor:s||!r.trim()?"not-allowed":"pointer",opacity:s||!r.trim()?.5:1,boxShadow:"0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.12)",fontFamily:"inherit"},children:s?"Adding…":"Add"})]}),a&&t.jsx("div",{style:{fontSize:11,color:"var(--color-error, #b91c1c)"},children:a})]})}const nk={display:"block",width:"100%",textAlign:"left",padding:"10px 12px",border:"none",borderRadius:6,background:"transparent",cursor:"pointer",fontFamily:"inherit",marginBottom:2},no=12;function sk({job:e,onDone:r}){const[n,s]=c.useState([]),[o,a]=c.useState("running"),[i,l]=c.useState(!1);if(c.useEffect(()=>{if(!e)return;s([]),a("running"),l(!1);const f=new AbortController;let h=[],m="running";return(async()=>{try{const y=await fetch("/api/plugins/install/stream",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({plugin:e.ref}),signal:f.signal});if(!y.ok||!y.body){a("failed"),r({ok:!1,code:y.status,lines:[`HTTP ${y.status}`]});return}const x=y.body.getReader(),g=new TextDecoder;let b="";for(;;){const{value:v,done:j}=await x.read();if(j)break;b+=g.decode(v,{stream:!0});const C=b.split(/\n\n/);b=C.pop()??"";for(const w of C){const R=w.match(/^data:\s*(.*)$/m);if(R)try{const k=JSON.parse(R[1]);k.type==="stdout"&&k.line?(h=[...h,k.line].slice(-no),s(h)):k.type==="stderr"&&k.line?(h=[...h,`⚠ ${k.line}`].slice(-no),s(h)):k.type==="done"?(m=k.ok?"ok":"failed",a(m),nc(),ze("skills"),r({ok:k.ok??!1,code:k.code??null,lines:h})):k.type==="error"&&k.error&&(h=[...h,`✘ ${k.error}`].slice(-no),s(h))}catch{}}}m==="running"&&r({ok:!0,code:0,lines:h})}catch(y){if(y.name==="AbortError")return;a("failed"),r({ok:!1,code:null,lines:[...h,y instanceof Error?y.message:String(y)]})}})(),()=>f.abort()},[e==null?void 0:e.ref]),!e)return null;const d=o==="ok"?"var(--color-installed, #2F6A4A)":o==="failed"?"var(--color-error, #b91c1c)":"var(--color-accent, #2f6f8f)",u=o==="ok"?"✔":o==="failed"?"✘":"…",p=o==="ok"?"Installed":o==="failed"?"Install failed":"Installing";return t.jsxs("div",{role:"status","aria-live":"polite","data-vskill-install-toast":!0,style:{position:"fixed",bottom:16,right:16,width:"min(420px, 92vw)",background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderLeft:`3px solid ${d}`,borderRadius:6,boxShadow:"0 10px 20px -6px rgba(0,0,0,0.18)",zIndex:90,fontFamily:"var(--font-sans)",overflow:"hidden"},children:[t.jsxs("button",{type:"button",onClick:()=>l(f=>!f),style:{display:"flex",alignItems:"center",gap:10,width:"100%",padding:"10px 12px",border:"none",background:"transparent",cursor:"pointer",textAlign:"left",fontFamily:"inherit"},children:[t.jsx("span",{"aria-hidden":!0,style:{fontSize:16,color:d,width:16,textAlign:"center"},children:o==="running"?t.jsx(ok,{}):u}),t.jsxs("span",{style:{flex:1,minWidth:0},children:[t.jsxs("span",{style:{fontSize:12,fontWeight:600,color:"var(--text-primary)"},children:[p,": ",e.plugin,t.jsxs("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-primary)",marginLeft:4},children:["@",e.marketplace]})]}),!i&&n.length>0&&t.jsx("span",{style:{display:"block",fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-primary)",marginTop:2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:n[n.length-1]})]}),t.jsx("span",{"aria-hidden":!0,style:{fontSize:10,color:"var(--text-primary)"},children:i?"▾":"▸"})]}),i&&t.jsx("pre",{style:{margin:0,padding:"0 12px 12px",maxHeight:180,overflowY:"auto",fontFamily:"var(--font-mono)",fontSize:10,lineHeight:1.5,color:"var(--text-secondary)",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:n.length===0?"Waiting for output…":n.join(`
+`)})]})}function ok(){return t.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:10,height:10,borderRadius:"50%",border:"2px solid var(--color-accent, #2f6f8f)",borderTopColor:"transparent",animation:"vskill-spin 800ms linear infinite"},children:t.jsx("style",{children:"@keyframes vskill-spin { to { transform: rotate(360deg); } }"})})}async function ak(e,r){const s=await((r==null?void 0:r.fetchImpl)??fetch)("/api/studio/remove-skill",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!s.ok){const o=await s.json().catch(()=>({}));throw new Error(o.error||`remove-skill failed: HTTP ${s.status}`)}return await s.json()}async function ik(e){if(typeof navigator<"u"&&navigator.clipboard){await navigator.clipboard.writeText(e);return}throw new Error("Clipboard API unavailable in this environment")}function lk({agentId:e,agentDisplayName:r,blob:n,pasteInstructionsUrl:s,docsUrl:o,scopeDowngradeWarning:a,onClose:i,writeClipboardImpl:l}){const d=c.useRef(null),[u,p]=c.useState(!1),[f,h]=c.useState(null);c.useEffect(()=>{const y=x=>{x.key==="Escape"&&(x.preventDefault(),i())};return document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[i]);const m=c.useCallback(async()=>{const y=l??ik;try{await y(n),p(!0),h(null)}catch(x){h(x instanceof Error?x.message:String(x))}},[n,l]);return typeof document>"u"?null:$r.createPortal(t.jsx("div",{"data-testid":"clipboard-export-dialog-backdrop",role:"presentation",onClick:y=>{y.target===y.currentTarget&&i()},style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.45)",backdropFilter:"blur(4px)",display:"flex",alignItems:"flex-start",justifyContent:"center",paddingTop:"min(10vh, 80px)",zIndex:9999},children:t.jsxs("div",{ref:d,"data-testid":"clipboard-export-dialog","data-agent-id":e,role:"dialog","aria-modal":"true","aria-label":`Copy skill to ${r}`,style:{position:"relative",width:"100%",maxWidth:640,margin:"0 1rem",background:"var(--bg-surface, #FFFFFF)",color:"var(--text-primary, #191919)",borderRadius:8,border:"1px solid var(--color-rule, #E8E1D6)",boxShadow:"0 20px 60px rgba(0,0,0,0.18)",overflow:"hidden",maxHeight:"80vh",display:"flex",flexDirection:"column"},children:[t.jsxs("div",{style:{padding:"0.875rem 1.125rem",borderBottom:"1px solid var(--color-rule, #E8E1D6)",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsxs("div",{style:{fontFamily:"var(--font-serif, serif)",fontSize:16,fontWeight:500},children:["Copy to ",r]}),t.jsx("button",{type:"button","data-testid":"clipboard-export-dialog-close",onClick:i,"aria-label":"Close",style:{background:"transparent",border:"none",cursor:"pointer",fontSize:18,color:"var(--text-secondary, #5A5651)",padding:"0 4px",lineHeight:1},children:"×"})]}),t.jsxs("div",{style:{padding:"1rem 1.125rem",overflowY:"auto",display:"flex",flexDirection:"column",gap:"0.75rem"},children:[a&&t.jsx("div",{"data-testid":"clipboard-export-scope-warning",role:"status",style:{padding:"0.625rem 0.875rem",background:"color-mix(in srgb, var(--color-own, #f59e0b) 14%, transparent)",border:"1px solid color-mix(in srgb, var(--color-own, #f59e0b) 45%, transparent)",borderRadius:6,fontSize:12,color:"var(--text-primary, #191919)"},children:a}),t.jsxs("div",{style:{fontSize:12,color:"var(--text-secondary, #5A5651)",lineHeight:1.5},children:["Click ",t.jsx("strong",{children:"Copy"})," below, then paste the skill into"," ",r,".",s?t.jsxs(t.Fragment,{children:[" ",t.jsx("a",{"data-testid":"clipboard-export-paste-instructions-link",href:s,target:"_blank",rel:"noreferrer noopener",style:{color:"var(--accent-text, var(--text-primary))",textDecoration:"underline"},children:"Open paste instructions →"})]}):null]}),t.jsx("pre",{"data-testid":"clipboard-export-blob",style:{margin:0,padding:"0.75rem",background:"var(--surface-2, #F6F4EE)",border:"1px solid var(--color-rule, #E8E1D6)",borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,lineHeight:1.5,overflowX:"auto",maxHeight:"40vh",whiteSpace:"pre-wrap",wordBreak:"break-word"},children:n}),f&&t.jsxs("div",{"data-testid":"clipboard-export-error",role:"alert",style:{fontSize:12,color:"var(--color-error, #dc2626)"},children:["Copy failed: ",f]})]}),t.jsxs("div",{style:{padding:"0.75rem 1.125rem",borderTop:"1px solid var(--color-rule, #E8E1D6)",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.75rem"},children:[t.jsx("div",{style:{display:"flex",gap:"0.625rem"},children:o&&t.jsxs("a",{"data-testid":"clipboard-export-docs-link",href:o,target:"_blank",rel:"noreferrer noopener",style:{fontSize:12,color:"var(--text-secondary)",textDecoration:"underline"},children:[r," docs"]})}),t.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[t.jsx("button",{type:"button","data-testid":"clipboard-export-dialog-cancel",onClick:i,style:{padding:"0.5rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"transparent",color:"var(--text-primary)",cursor:"pointer",fontSize:13,fontFamily:"var(--font-sans)"},children:"Close"}),t.jsx("button",{type:"button","data-testid":"clipboard-export-copy",onClick:m,style:{padding:"0.5rem 1rem",borderRadius:6,border:"1px solid var(--text-primary, #191919)",background:u?"var(--color-ok, #22c55e)":"var(--text-primary, #191919)",color:"var(--bg-surface, #FFFFFF)",cursor:"pointer",fontSize:13,fontWeight:600,fontFamily:"var(--font-sans)"},children:u?"Copied ✓":"Copy"})]})]})]})}),document.body)}function ck(e,r){const n=e.split(/[.-]/).map(o=>Number.parseInt(o,10)),s=r.split(/[.-]/).map(o=>Number.parseInt(o,10));for(let o=0;o<Math.max(n.length,s.length);o++){const a=Number.isFinite(n[o])?n[o]:0,i=Number.isFinite(s[o])?s[o]:0;if(a!==i)return a-i}return 0}function dk(e,r,n,s){if(!n)return{kind:"not-installed"};const o=n.scopes[r],a=r==="project"?"user":"project",i=n.scopes[a],l=o.installed&&o.installedAgentTools.includes(e),d=i.installed&&i.installedAgentTools.includes(e);if(!l)return d?{kind:"installed-other-scope",otherScope:a,version:i.version}:{kind:"not-installed"};const u=o.version;if(!u||!s)return{kind:"installed-current",version:u};const p=ck(u,s);return p===0?{kind:"installed-current",version:u}:p<0?{kind:"update-available",installed:u,target:s}:{kind:"newer-installed",installed:u,target:s}}const uk=Object.freeze({"claude-cli":"claude-code","codex-cli":"codex"});function rl(e){return e?uk[e]??e:null}function pk(e){var r,n;return((r=e.find(s=>s.detected&&s.installMode==="filesystem"))==null?void 0:r.id)??((n=e.find(s=>s.installMode==="filesystem"))==null?void 0:n.id)??null}function fk(e){switch(e){case"installed":return"Installed";case"exported":return"Exported";case"skipped":return"Skipped";case"error":return"Error"}}function Bo(e){switch(e){case"installed":return"var(--color-ok, #22c55e)";case"exported":return"var(--accent-text, #3b82f6)";case"skipped":return"var(--text-tertiary)";case"error":return"var(--color-error, #dc2626)"}}function hk({skill:e,skillDisplayName:r,scope:n,targetVersion:s,activeAgentId:o,preCheckedAgentIds:a,onClose:i,onSuccess:l,fetchSupportedAgentsImpl:d,installToAgentsImpl:u,startInstallStreamImpl:p,fetchInstallStateImpl:f,removeSkillImpl:h,writeClipboardImpl:m}){var de;const y=c.useRef(null),[x,g]=c.useState("loading"),[b,v]=c.useState([]),[j,C]=c.useState(null),[w,R]=c.useState(new Set),[k,E]=c.useState(null),[T,N]=c.useState({}),[I,A]=c.useState(null),[$,_]=c.useState(0),[S,L]=c.useState(new Set),[P,D]=c.useState([]),[H,ne]=c.useState(null),U=c.useRef(null);c.useEffect(()=>{const oe=he=>{he.key==="Escape"&&(H||(he.preventDefault(),he.stopPropagation(),x!=="installing"&&i()))};return document.addEventListener("keydown",oe,!0),()=>document.removeEventListener("keydown",oe,!0)},[H,x,i]),c.useEffect(()=>{let oe=!1;return(d??Vd)().then(F=>{if(oe)return;v(F);const q=new Set,ee=rl(o);ee&&F.some(Y=>Y.id===ee)&&q.add(ee);for(const Y of a??[]){const ue=rl(Y);ue&&F.some(me=>me.id===ue)&&q.add(ue)}if(q.size===0){const Y=pk(F);Y&&q.add(Y)}R(q),g("select")}).catch(F=>{oe||(C(F instanceof Error?F.message:String(F)),g("error"))}),()=>{oe=!0}},[d,o,a]),c.useEffect(()=>()=>{var oe;try{(oe=U.current)==null||oe.close()}catch{}},[]),c.useEffect(()=>{let oe=!1;return(f??(F=>ce.getSkillInstallState(F)))(e).then(F=>{oe||A(F)},()=>{oe||A(null)}),()=>{oe=!0}},[e,f,$]);const B=c.useMemo(()=>k0(b),[b]),Q=c.useCallback(oe=>{R(he=>{const F=new Set(he);return F.has(oe)?F.delete(oe):F.add(oe),F})},[]),pe=c.useCallback(()=>{R(()=>{const oe=new Set;for(const he of b)he.detected&&oe.add(he.id);return oe})},[b]),be=c.useCallback(()=>{R(new Set)},[]),W=c.useCallback(()=>{var oe;if(x!=="installing"){try{(oe=U.current)==null||oe.close()}catch{}i()}},[x,i]),re=c.useCallback(async()=>{if(w.size===0)return;E(null),N({}),g("installing");const oe=Array.from(w),he=u??y0,F=p??v0;try{const{jobId:q,streamPath:ee}=await he({skill:e,agentIds:oe,scope:n});U.current=F(ee??q,{onResult:Y=>{N(ue=>({...ue,[Y.agentId]:Y}))},onDone:Y=>{const ue={},me=Y.success===!1?typeof Y.error=="string"&&Y.error.trim()||"Install failed before any target reported a result.":null;for(const Se of oe)ue[Se]=me?{agentId:Se,status:"error",detail:me}:{agentId:Se,status:"skipped"};if(me)E(me);else for(const Se of Y.results??[])ue[Se.agentId]=Se;N(Se=>{var Re;const ve={...ue};for(const[we,$e]of Object.entries(Se))((Re=ve[we])==null?void 0:Re.status)==="skipped"&&$e.status!=="skipped"&&(ve[we]=$e);if(!Object.values(ve).some(we=>we.status==="installed"||we.status==="exported"||we.status==="error")){const we="Install finished without writing any selected target.";for(const $e of oe)ve[$e]={agentId:$e,status:"error",detail:we};E(we)}const qe=Object.values(ve),X=qe.filter(we=>we.status==="exported"&&typeof we.blob=="string");return X.length>0&&(D(X),ne(X[0]??null)),globalThis.setTimeout(()=>{try{l==null||l(qe)}catch{}},0),ve}),_(Se=>Se+1),g("done")},onError:Y=>{E(Y.message),g("error")}})}catch(q){E(q instanceof Error?q.message:String(q)),g("error")}},[w,e,n,u,p,l]),M=c.useCallback(async oe=>{const he=h??ak;L(F=>{const q=new Set(F);return q.add(oe),q});try{const F=await he({skill:e,agentIds:[oe],scope:n});if(typeof window<"u")try{window.dispatchEvent(new CustomEvent("studio:skill-installed",{detail:{skill:e,scope:n}}))}catch{}_(q=>q+1),F.errors.length>0&&E(`Remove failed for ${F.errors[0].agentId}: ${F.errors[0].message}`)}catch(F){E(F instanceof Error?F.message:String(F))}finally{L(F=>{const q=new Set(F);return q.delete(oe),q})}},[h,e,n]),V=c.useCallback(()=>{D(oe=>{const he=oe.slice(1);return ne(he[0]??null),he})},[]),G=c.useMemo(()=>b.filter(oe=>oe.detected).length,[b]);if(typeof document>"u")return null;const K=w.size===0||x==="installing",se=w.size===0?"Select at least one target":void 0,Z=`Install ${r??e} to:`,ae=n==="project"?"Project scope — writes under <project>/.claude/skills (or each tool's local dir)":"User scope — writes under ~/.claude/skills (or each tool's global dir)";return $r.createPortal(t.jsxs(t.Fragment,{children:[t.jsx("div",{"data-testid":"install-targets-modal-backdrop",role:"presentation",onClick:oe=>{oe.target===oe.currentTarget&&W()},style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.45)",backdropFilter:"blur(4px)",display:"flex",alignItems:"flex-start",justifyContent:"center",paddingTop:"min(8vh, 64px)",zIndex:10020},children:t.jsxs("div",{ref:y,"data-testid":"install-targets-modal",role:"dialog","aria-modal":"true","aria-label":Z,style:{position:"relative",width:"100%",maxWidth:640,margin:"0 1rem",background:"var(--bg-surface, #FFFFFF)",color:"var(--text-primary, #191919)",borderRadius:8,border:"1px solid var(--color-rule, #E8E1D6)",boxShadow:"0 20px 60px rgba(0,0,0,0.18)",overflow:"hidden",maxHeight:"84vh",display:"flex",flexDirection:"column"},children:[t.jsxs("div",{style:{padding:"0.875rem 1.125rem",borderBottom:"1px solid var(--color-rule, #E8E1D6)",display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.75rem"},children:[t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[t.jsx("div",{"data-testid":"install-targets-modal-title",style:{fontFamily:"var(--font-serif, serif)",fontSize:16,fontWeight:500},children:Z}),t.jsx("div",{"data-testid":"install-targets-modal-scope-line",style:{fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-mono)"},children:ae})]}),t.jsx("button",{type:"button","data-testid":"install-targets-modal-close",onClick:W,"aria-label":"Close",disabled:x==="installing",style:{background:"transparent",border:"none",cursor:x==="installing"?"not-allowed":"pointer",fontSize:18,color:"var(--text-secondary, #5A5651)",padding:"0 4px",lineHeight:1,opacity:x==="installing"?.4:1},children:"×"})]}),t.jsxs("div",{style:{padding:"0.75rem 1.125rem",overflowY:"auto",flex:1},children:[x==="loading"&&t.jsx("div",{"data-testid":"install-targets-modal-loading",style:{fontSize:12,color:"var(--text-secondary)"},children:"Loading agents…"}),j&&x==="error"&&b.length===0&&t.jsxs("div",{"data-testid":"install-targets-modal-load-error",role:"alert",style:{fontSize:12,color:"var(--color-error, #dc2626)"},children:["Failed to load agents: ",j]}),(x==="select"||x==="installing"||x==="done"||x==="error"&&b.length>0)&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",marginBottom:"0.625rem"},children:[t.jsxs("div",{style:{fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-mono)"},children:[w.size," selected · ",G," detected"]}),t.jsxs("div",{style:{display:"flex",gap:"0.375rem"},children:[t.jsx("button",{type:"button","data-testid":"install-targets-select-all-detected",onClick:pe,disabled:x==="installing"||G===0,style:nl(),children:"Select all detected"}),t.jsx("button",{type:"button","data-testid":"install-targets-clear",onClick:be,disabled:x==="installing"||w.size===0,style:nl(),children:"Clear"})]})]}),x==="installing"&&t.jsxs("div",{"data-testid":"install-targets-modal-installing-status",role:"status","aria-live":"polite",style:{margin:"0 0 0.75rem 0",padding:"0.625rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"var(--surface-2, #F6F4EE)",color:"var(--text-primary)",fontSize:12},children:["Installing ",r??e," to ",w.size," target",w.size===1?"":"s","…"]}),t.jsx(so,{testId:"install-targets-section-dropin",title:"Drop-in",description:"Filesystem install — Claude-style SKILL.md drops in unchanged.",agents:B.dropIn,selected:w,results:T,phase:x,onToggle:Q,scope:n,installState:I,targetVersion:s??null,removingAgents:S,onRemove:M}),t.jsx(so,{testId:"install-targets-section-format-converted",title:"Format-converted",description:"Auto-converted to the tool's native format on install.",agents:B.formatConverted,selected:w,results:T,phase:x,onToggle:Q,scope:n,installState:I,targetVersion:s??null,removingAgents:S,onRemove:M}),t.jsx(so,{testId:"install-targets-section-cloud",title:"Cloud only (paste required)",description:"No local filesystem — opens a paste-ready blob.",agents:B.cloud,selected:w,results:T,phase:x,onToggle:Q,tierBadge:"T3",pathOverride:"Copy to clipboard",scope:n,installState:I,targetVersion:s??null,removingAgents:S,onRemove:M})]}),x==="done"&&t.jsx(mk,{results:Object.values(T),agents:b}),(x==="error"||x==="done")&&k&&t.jsx("div",{"data-testid":"install-targets-modal-install-error",role:"alert",style:{marginTop:"0.75rem",padding:"0.625rem 0.875rem",borderRadius:6,background:"color-mix(in srgb, var(--color-error, #dc2626) 12%, transparent)",border:"1px solid color-mix(in srgb, var(--color-error, #dc2626) 45%, transparent)",color:"var(--text-primary)",fontSize:12},children:k})]}),t.jsxs("div",{style:{padding:"0.75rem 1.125rem",borderTop:"1px solid var(--color-rule, #E8E1D6)",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:"0.5rem"},children:[t.jsx("button",{type:"button","data-testid":"install-targets-modal-cancel",onClick:W,disabled:x==="installing",style:{padding:"0.5rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"transparent",color:"var(--text-primary)",cursor:x==="installing"?"not-allowed":"pointer",fontSize:13,fontFamily:"var(--font-sans)",opacity:x==="installing"?.5:1},children:x==="done"?"Close":"Cancel"}),t.jsx("button",{type:"button","data-testid":"install-targets-modal-install",onClick:re,disabled:K||x==="done","aria-disabled":K||x==="done",title:se,style:{padding:"0.5rem 1.125rem",borderRadius:6,border:"1px solid var(--text-primary, #191919)",background:K||x==="done"?"var(--bg-surface, #FFFFFF)":"var(--text-primary, #191919)",color:K||x==="done"?"var(--text-secondary, #5A5651)":"var(--bg-surface, #FFFFFF)",cursor:K||x==="done"?"not-allowed":"pointer",fontSize:13,fontWeight:600,fontFamily:"var(--font-sans)",opacity:K&&x!=="done"?.6:1},children:x==="installing"?"Installing…":x==="done"?"Done":`Install (${w.size})`})]})]})}),H&&t.jsx(lk,{agentId:H.agentId,agentDisplayName:((de=b.find(oe=>oe.id===H.agentId))==null?void 0:de.displayName)??H.agentId,blob:H.blob??"",pasteInstructionsUrl:H.pasteInstructionsUrl,docsUrl:H.docsUrl,scopeDowngradeWarning:H.detail&&H.detail.includes("project-scoped")?H.detail:void 0,onClose:V,writeClipboardImpl:m})]}),document.body)}function so({testId:e,title:r,description:n,agents:s,selected:o,results:a,phase:i,onToggle:l,tierBadge:d,pathOverride:u,scope:p,installState:f,targetVersion:h,removingAgents:m,onRemove:y}){return s.length===0?null:t.jsxs("div",{"data-testid":e,style:{marginTop:"0.625rem"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:"0.5rem",padding:"0 0 0.25rem 0"},children:[t.jsx("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--text-tertiary)"},children:r}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)"},children:n})]}),t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:2},children:s.map(x=>{const g=o.has(x.id),b=a[x.id],v=i==="installing"||i==="done",j=u??(p==="project"?x.resolvedLocalDir:x.resolvedGlobalDir),C=dk(x.id,p,f,h),w=m.has(x.id);return t.jsxs("label",{"data-testid":`install-targets-row-${x.id}`,"data-checked":g?"true":"false","data-detected":x.detected?"true":"false",style:{display:"flex",alignItems:"center",gap:"0.625rem",padding:"0.375rem 0.5rem",borderRadius:4,cursor:v?"default":"pointer",background:g?"color-mix(in srgb, var(--accent-surface) 8%, transparent)":"transparent"},children:[t.jsx("input",{type:"checkbox","data-testid":`install-targets-checkbox-${x.id}`,checked:g,disabled:v,onChange:()=>l(x.id),style:{margin:0}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",flex:1,minWidth:0},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:[t.jsx("span",{style:{fontSize:13},children:x.displayName}),!x.detected&&t.jsx("span",{"data-testid":`install-targets-undetected-badge-${x.id}`,style:{fontSize:9,padding:"1px 6px",borderRadius:8,background:"color-mix(in srgb, var(--text-tertiary) 18%, transparent)",color:"var(--text-secondary)",letterSpacing:"0.04em",textTransform:"uppercase"},children:"Not detected"}),d&&t.jsx("span",{style:{fontSize:9,padding:"1px 6px",borderRadius:8,background:"color-mix(in srgb, var(--color-own, #f59e0b) 14%, transparent)",color:"var(--text-secondary)",letterSpacing:"0.04em",textTransform:"uppercase"},children:d}),t.jsx(xk,{agentId:x.id,badge:C,isRemoving:w,onRemove:y})]}),t.jsx("div",{title:j,"data-testid":`install-targets-path-${x.id}`,style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:j})]}),b&&t.jsx("span",{"data-testid":`install-targets-status-${x.id}`,"data-status":b.status,style:{fontSize:11,padding:"1px 8px",borderRadius:10,background:`color-mix(in srgb, ${Bo(b.status)} 16%, transparent)`,color:Bo(b.status),fontFamily:"var(--font-mono)"},children:fk(b.status)})]},x.id)})})]})}function mk({results:e,agents:r}){return e.length===0?null:t.jsxs("div",{"data-testid":"install-targets-results-toast",role:"status","aria-live":"polite",style:{marginTop:"0.875rem",padding:"0.75rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"var(--surface-2, #F6F4EE)",display:"flex",flexDirection:"column",gap:"0.375rem"},children:[t.jsx("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--text-tertiary)",marginBottom:"0.125rem"},children:"Install results"}),e.map(n=>{const s=r.find(i=>i.id===n.agentId),o=n.status==="installed"?n.path??n.detail:n.status==="exported"?n.detail&&n.detail.includes("project-scoped")?n.detail:"Copied to clipboard":n.status==="error"?n.detail??"Unknown error":n.detail??"",a=n.status==="installed"?"✓":n.status==="exported"?"⧉":n.status==="skipped"?"·":"✗";return t.jsxs("div",{"data-testid":`install-targets-result-row-${n.agentId}`,"data-status":n.status,style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",fontSize:12},children:[t.jsx("span",{"aria-hidden":"true",style:{color:Bo(n.status),fontWeight:600,fontFamily:"var(--font-mono)",width:"0.875rem",flexShrink:0},children:a}),t.jsxs("span",{style:{flex:1,minWidth:0},children:[t.jsx("span",{style:{fontWeight:500},children:(s==null?void 0:s.displayName)??n.agentId}),o&&t.jsx("span",{style:{marginLeft:"0.5rem",color:"var(--text-secondary)",fontFamily:"var(--font-mono)",fontSize:11,wordBreak:"break-all"},children:o}),n.status==="exported"&&n.pasteInstructionsUrl&&t.jsxs(t.Fragment,{children:[" ",t.jsx("a",{"data-testid":`install-targets-result-paste-link-${n.agentId}`,href:n.pasteInstructionsUrl,target:"_blank",rel:"noreferrer noopener",style:{fontSize:11,color:"var(--accent-text, var(--text-primary))",textDecoration:"underline"},children:"open paste instructions →"})]})]})]},n.agentId)})]})}function xk({agentId:e,badge:r,isRemoving:n,onRemove:s}){if(r.kind==="not-installed")return null;let o,a,i;switch(r.kind){case"installed-current":o=r.version?`Installed v${r.version}`:"Installed",a="color-mix(in srgb, var(--color-ok, #22c55e) 14%, transparent)",i="var(--color-ok, #22c55e)";break;case"update-available":o=`Update v${r.installed} → v${r.target}`,a="color-mix(in srgb, var(--color-own, #f59e0b) 18%, transparent)",i="var(--color-own, #f59e0b)";break;case"newer-installed":o=`Newer v${r.installed} (target v${r.target})`,a="color-mix(in srgb, var(--accent-text, #3b82f6) 14%, transparent)",i="var(--accent-text, #3b82f6)";break;case"installed-other-scope":o=r.version?`Installed v${r.version} (${r.otherScope} scope)`:`Installed (${r.otherScope} scope)`,a="color-mix(in srgb, var(--text-tertiary) 18%, transparent)",i="var(--text-secondary)";break}const l=r.kind!=="installed-other-scope";return t.jsxs(t.Fragment,{children:[t.jsx("span",{"data-testid":`install-targets-status-badge-${e}`,"data-badge-kind":r.kind,style:{fontSize:9,padding:"1px 6px",borderRadius:8,background:a,color:i,letterSpacing:"0.04em",textTransform:"uppercase",whiteSpace:"nowrap"},children:o}),l&&t.jsx("button",{type:"button","data-testid":`install-targets-remove-${e}`,disabled:n,onClick:d=>{d.preventDefault(),d.stopPropagation(),s(e)},style:{fontSize:10,padding:"1px 6px",borderRadius:8,background:"transparent",border:"1px solid var(--color-rule, #E8E1D6)",color:"var(--color-error, #dc2626)",cursor:n?"wait":"pointer",fontFamily:"var(--font-sans)"},children:n?"Removing…":"Remove"})]})}function nl(){return{padding:"3px 8px",borderRadius:4,border:"1px solid var(--color-rule, #E8E1D6)",background:"transparent",color:"var(--text-secondary)",cursor:"pointer",fontSize:11,fontFamily:"var(--font-sans)"}}const gk=3e3,yk={anthropic:"Anthropic",openai:"OpenAI",openrouter:"OpenRouter"};function sl(e){return e==="anthropic"||e==="openai"||e==="openrouter"}function vk(){const{toast:e}=ls(),r=c.useRef(new Map),n=c.useCallback(s=>{if(!sl(s.provider))return;const o=Date.now(),a=r.current.get(s.provider)??0;if(o-a<gk)return;r.current.set(s.provider,o);const i=yk[s.provider];e({message:`${i} API key invalid or missing. Open Settings →`,severity:"error",action:{label:"Open Settings",onInvoke:()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:open-settings",{detail:{provider:s.provider}}))}}})},[e]);return c.useEffect(()=>{function s(o){const a=o.detail;!a||!sl(a.provider)||n({provider:a.provider})}return window.addEventListener("studio:api-key-error",s),()=>window.removeEventListener("studio:api-key-error",s)},[n]),{report:n}}const Yd="vskill.studio.prefs";function Jd(){try{return typeof window>"u"?null:window.localStorage??null}catch{return null}}function Qd(){const e=Jd();if(!e)return{};try{const r=e.getItem(Yd);if(!r)return{};const n=JSON.parse(r);return n&&typeof n=="object"&&!Array.isArray(n)?n:{}}catch{return{}}}function bk(e,r){const n=Jd();if(n)try{const o={...Qd(),[e]:r};n.setItem(Yd,JSON.stringify(o))}catch{}}function kk(e,r){const s=Qd()[e];return s===void 0?r:s}const ol={open:!1,x:0,y:0,skill:null};function jk(e,r){return{open:!0,x:e.clientX,y:e.clientY,skill:r}}function _t(e,r="info"){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function wk(e){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:request-delete",{detail:{skill:e}}))}async function al(e,r){var n;try{await ce.revealInEditor(e.plugin,e.skill,r),_t(O.toasts.openingInEditor,"info")}catch(s){if(s instanceof qt){const o=(n=s.details)==null?void 0:n.error;if(s.status===404){_t(O.toasts.skillNotFound,"error");return}if(s.status===500&&o==="no_editor"){_t(O.toasts.noEditor,"error");return}}_t(O.toasts.openFailed,"error")}}async function Sk(e,r){var n;switch(e){case"copy-path":try{(n=navigator.clipboard)==null||n.writeText(r.dir)}catch{_t(O.toasts.permissionDenied,"error");return}_t(O.toasts.pathCopied,"info");return;case"reveal":case"edit":await al(r,"SKILL.md");return;case"open":await al(r);return;case"run-benchmark":_t(O.toasts.benchmarkQueued,"info");return;case"duplicate":_t(O.toasts.skillDuplicated,"info");return;case"clone":try{window.dispatchEvent(new CustomEvent("studio:request-clone",{detail:{skill:r}}))}catch{}return;case"update":_t(O.toasts.skillUpdated,"info");return;case"uninstall":_t(O.toasts.uninstallNotImplemented,"info");return;case"delete":wk(r);return;default:return}}function Ck(e){return e.startsWith("#/create")}function Ek(e){return e.startsWith("#/updates")}function Xd(e){const[r,n]=c.useState(()=>typeof window<"u"&&e(window.location.hash));return c.useEffect(()=>{function s(){n(e(window.location.hash))}return window.addEventListener("hashchange",s),s(),()=>window.removeEventListener("hashchange",s)},[]),r}function Nk(){return Xd(Ck)}function Rk(){return Xd(Ek)}function Tk(){var s,o;if(typeof navigator>"u")return"⌘⇧K";const e=((s=navigator.platform)==null?void 0:s.toUpperCase())??"",r=((o=navigator.userAgent)==null?void 0:o.toUpperCase())??"";return e.includes("MAC")||r.includes("MAC")?"⌘⇧K":"Ctrl+Shift+K"}function Ik(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function Lk(){const[e,r]=c.useState("⌘⇧K");c.useEffect(()=>{r(Tk())},[]);const n=Ik();function s(){window.dispatchEvent(new CustomEvent("openFindSkills"))}return t.jsxs("button",{type:"button",onClick:s,"aria-label":`Find verified skills — opens search (${e})`,title:`Find verified skills (${e})`,"data-testid":"find-skills-nav-button",style:{display:"inline-flex",alignItems:"center",gap:6,height:28,padding:"0 12px",borderRadius:6,border:"1px solid var(--border-default)",background:"transparent",color:"var(--text-secondary)",fontSize:12,fontWeight:500,fontFamily:"var(--font-sans)",cursor:"pointer",letterSpacing:"0.01em"},children:[t.jsxs("svg",{"data-icon":"search","aria-hidden":"true",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"11",cy:"11",r:"8"}),t.jsx("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})]}),t.jsx("span",{children:"Find skills"}),t.jsx("kbd",{"data-animated":n?"false":"true",style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-faint)",border:"1px solid var(--border-default)",borderRadius:4,padding:"1px 5px",marginLeft:2,lineHeight:1},children:e})]})}function Ak(){const e=pn(),[r,n]=c.useState(null),[s,o]=c.useState(!0),[a,i]=c.useState(!1),[l,d]=c.useState(null),[u,p]=c.useState(null),[f,h]=c.useState(!1),m=c.useRef(!1);c.useEffect(()=>{let j=!1;return(async()=>{try{const C=await e.getSignedInUser();j||n(C)}catch{}finally{j||o(!1)}})(),()=>{j=!0}},[e]);const y=c.useRef(null);c.useEffect(()=>{if(!a)return;function j(w){y.current&&(y.current.contains(w.target)||i(!1))}function C(w){w.key==="Escape"&&i(!1)}return document.addEventListener("pointerdown",j),document.addEventListener("keydown",C),()=>{document.removeEventListener("pointerdown",j),document.removeEventListener("keydown",C)}},[a]);const x=c.useCallback(async j=>{try{if(typeof e.openExternalUrl=="function"){await e.openExternalUrl(j);return}}catch(C){console.warn("open external URL:",C)}window.open(j,"_blank","noopener,noreferrer")},[e]),g=c.useCallback(async()=>{p(null),h(!0),m.current=!1;let j=null;const C=w=>{j=w,p(w)};try{const w=await e.startGithubDeviceFlow();window.__vskillOauthState=w.userCode,d(w),x(w.verificationUri);let R=Math.max(1,w.interval);const k=Date.now()+w.expiresIn*1e3;for(;!m.current&&Date.now()<k&&(await Mk(R*1e3,()=>m.current),!m.current);){const E=await e.pollGithubDeviceFlow();if(E.status==="granted"){n(E.user),d(null),h(!1);return}if(E.status!=="pending"){if(E.status==="slow_down"){R=Math.max(R+1,E.newInterval);continue}if(E.status==="denied"){C("Sign-in was denied at GitHub. You can try again.");break}if(E.status==="expired"){C("Sign-in code expired. Try again to get a fresh code.");break}if(E.status==="no-flow"){C("Sign-in state lost. Please retry.");break}C(E.message);break}}!m.current&&!j&&C("Sign-in code expired. Try again to get a fresh code.")}catch(w){C(w instanceof Error?w.message:String(w))}finally{h(!1)}},[e,x]),b=c.useCallback(()=>{m.current=!0,d(null),p(null),h(!1)},[]),v=c.useCallback(async()=>{i(!1);try{await e.signOut()}catch(j){console.warn("sign-out:",j)}n(null)},[e]);return s?t.jsx("div",{"data-slot":"user-dropdown-placeholder",style:{width:28,height:28}}):r?t.jsxs("div",{"data-slot":"user-dropdown",style:{position:"relative"},ref:y,children:[t.jsxs("button",{type:"button","data-slot":"user-chip",onClick:()=>i(j=>!j),"aria-label":`Signed in as ${r.login}`,"aria-haspopup":"menu","aria-expanded":a,title:`Signed in as ${r.login}`,style:{display:"inline-flex",alignItems:"center",gap:6,height:28,padding:"0 6px 0 4px",borderRadius:14,border:"1px solid var(--border-default)",background:"var(--surface-1, transparent)",color:"var(--text-primary)",fontSize:12,fontFamily:"var(--font-sans)",cursor:"pointer"},children:[t.jsx("img",{src:r.avatar_url,alt:"",width:20,height:20,onError:j=>{const C=Fk(r.login);j.currentTarget.src!==C&&(j.currentTarget.src=C)},style:{borderRadius:"50%",display:"block"}}),t.jsx("span",{style:{maxWidth:100,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r.login})]}),a&&t.jsxs("div",{role:"menu","data-slot":"user-menu",style:{position:"absolute",top:"calc(100% + 4px)",right:0,minWidth:180,background:"var(--surface-2, #1a1d22)",border:"1px solid var(--border-default)",borderRadius:8,padding:4,boxShadow:"0 4px 16px rgba(0,0,0,0.32)",zIndex:50},children:[t.jsx(il,{label:"View on GitHub",onClick:()=>{x(`https://github.com/${r.login}`),i(!1)}}),t.jsx(il,{label:"Sign out",onClick:v})]})]}):t.jsxs("div",{"data-slot":"user-dropdown",style:{position:"relative"},ref:y,children:[t.jsxs("button",{type:"button","data-slot":"sign-in-button",onClick:g,disabled:f,"aria-label":"Sign in with GitHub",title:"Sign in with GitHub",style:{display:"inline-flex",alignItems:"center",gap:6,height:28,padding:"0 10px",borderRadius:6,border:"1px solid var(--border-default)",background:"var(--surface-1, transparent)",color:"var(--text-primary)",fontSize:12,fontFamily:"var(--font-sans)",cursor:f?"wait":"pointer"},children:[t.jsx($k,{size:14}),f?"Signing in…":"Sign in"]}),l&&t.jsx(Pk,{response:l,error:u,onCancel:b,onOpenGithub:()=>void x(l.verificationUri),onRetry:g})]})}function Pk({response:e,error:r,onCancel:n,onOpenGithub:s,onRetry:o}){const[a,i]=c.useState("idle"),l=c.useRef(null);c.useEffect(()=>()=>{l.current!=null&&window.clearTimeout(l.current)},[]);let d=e.verificationUri;try{const p=new URL(e.verificationUri);d=`${p.host}${p.pathname}`}catch{}const u=c.useCallback(async()=>{l.current!=null&&window.clearTimeout(l.current);try{await Dk(e.verificationUri),i("copied"),l.current=window.setTimeout(()=>i("idle"),1500)}catch{i("failed"),l.current=window.setTimeout(()=>i("idle"),1500)}},[e.verificationUri]);return t.jsxs("div",{role:"dialog","aria-label":"Sign in with GitHub","data-slot":"sign-in-dialog",style:{position:"absolute",top:"calc(100% + 8px)",right:0,width:320,background:"var(--surface-2, #1a1d22)",border:"1px solid var(--border-default)",borderRadius:10,padding:16,boxShadow:"0 6px 24px rgba(0,0,0,0.42)",zIndex:60,fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsx("div",{style:{fontSize:13,marginBottom:8},children:"Authorize Skill Studio in GitHub. If the browser did not open, use the button or copy the link."}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:12},children:[t.jsx("code",{"aria-label":"Authorization URL",title:e.verificationUri,style:{flex:1,fontFamily:"var(--font-mono)",fontSize:12,padding:"6px 10px",background:"var(--surface-1, #0f1115)",border:"1px solid var(--border-default)",borderRadius:6,textAlign:"left",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:d}),t.jsx("button",{type:"button",onClick:u,"aria-label":"Copy sign-in link",title:a==="copied"?"Copied":"Copy sign-in link",style:{height:32,padding:"0 10px",borderRadius:6,border:"1px solid var(--border-default)",background:"transparent",color:"var(--text-primary)",cursor:"pointer",fontSize:12},children:a==="copied"?"Copied":a==="failed"?"Copy failed":"Copy link"})]}),t.jsx("div",{"aria-live":"polite","data-slot":"copy-feedback",style:{minHeight:14,fontSize:11,color:"var(--text-secondary)",marginBottom:8},children:a==="copied"?"Link copied":a==="failed"?"Copy failed":""}),r?t.jsx("div",{role:"alert",style:{fontSize:12,color:"var(--color-danger, #d44)",marginBottom:10},children:r}):t.jsx("div",{style:{fontSize:11,color:"var(--text-secondary)",marginBottom:10},children:"Waiting for you to authorize on GitHub…"}),t.jsxs("div",{style:{display:"flex",gap:8},children:[t.jsx("button",{type:"button","data-slot":"open-github-button",onClick:s,style:{flex:1,height:32,borderRadius:6,border:"1px solid var(--color-action, #2F5B8E)",background:"var(--color-action, #2F5B8E)",color:"var(--color-action-ink, #FFFFFF)",cursor:"pointer",fontSize:12,fontWeight:600},children:"Authorize in GitHub"}),r?t.jsx("button",{type:"button",onClick:o,style:{height:32,padding:"0 12px",borderRadius:6,border:"1px solid var(--border-default)",background:"transparent",color:"var(--text-primary)",cursor:"pointer",fontSize:12},children:"Try again"}):null,t.jsx("button",{type:"button",onClick:n,style:{height:32,padding:"0 12px",borderRadius:6,border:"1px solid var(--border-default)",background:"transparent",color:"var(--text-primary)",cursor:"pointer",fontSize:12},children:"Cancel"})]})]})}function il({label:e,onClick:r}){return t.jsx("button",{type:"button",role:"menuitem",onClick:r,style:{display:"block",width:"100%",textAlign:"left",padding:"8px 12px",background:"transparent",color:"var(--text-primary)",border:"none",cursor:"pointer",fontSize:13,fontFamily:"inherit",borderRadius:4},onMouseEnter:n=>{n.currentTarget.style.background="var(--surface-3, #25292f)"},onMouseLeave:n=>{n.currentTarget.style.background="transparent"},children:e})}function $k({size:e=16}){return t.jsx("svg",{width:e,height:e,viewBox:"0 0 24 24","aria-hidden":"true",fill:"currentColor",children:t.jsx("path",{d:"M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.1.79-.25.79-.56v-2.04c-3.2.7-3.87-1.37-3.87-1.37-.52-1.32-1.27-1.67-1.27-1.67-1.04-.71.08-.7.08-.7 1.15.08 1.76 1.18 1.76 1.18 1.02 1.75 2.69 1.24 3.34.95.1-.74.4-1.24.72-1.52-2.55-.29-5.24-1.27-5.24-5.66 0-1.25.45-2.27 1.18-3.07-.12-.29-.51-1.46.11-3.04 0 0 .96-.31 3.15 1.18a10.91 10.91 0 0 1 5.74 0c2.18-1.49 3.14-1.18 3.14-1.18.62 1.58.23 2.75.11 3.04.74.8 1.18 1.82 1.18 3.07 0 4.4-2.69 5.36-5.25 5.65.41.36.77 1.07.77 2.16v3.2c0 .31.21.67.8.55C20.21 21.39 23.5 17.08 23.5 12 23.5 5.65 18.35.5 12 .5z"})})}async function Mk(e,r){const s=Date.now()+e;for(;Date.now()<s;){if(r())return;const o=s-Date.now();await new Promise(a=>setTimeout(a,Math.min(250,o)))}}async function Dk(e){var s;try{await((s=navigator.clipboard)==null?void 0:s.writeText(e));return}catch{}const r=document.createElement("textarea");r.value=e,r.setAttribute("readonly","true"),r.style.position="fixed",r.style.opacity="0",r.style.pointerEvents="none",document.body.appendChild(r),r.focus(),r.select();const n=document.execCommand("copy");if(r.remove(),!n)throw new Error("copy failed")}function Fk(e){return`https://github.com/${encodeURIComponent(e)}.png?size=40`}const Zd=c.createContext(null);function zk(e){if(typeof window>"u")return()=>{};if(!window.__TAURI_INTERNALS__)return()=>{};const n=()=>{document.visibilityState==="visible"&&e()};return document.addEventListener("visibilitychange",n),()=>{document.removeEventListener("visibilitychange",n)}}function _k({children:e,projectRoots:r=[]}){const n=pn(),[s,o]=c.useState(null),[a,i]=c.useState(!1),[l,d]=c.useState(null),u=c.useRef(r);u.current=r;const p=c.useRef(n);p.current=n;const f=c.useCallback(async()=>{i(!0),d(null);try{const x=await p.current.quotaGet(u.current);o(x)}catch(x){d(x instanceof Error?x.message:String(x))}finally{i(!1)}},[]),h=c.useCallback(async(x=!1)=>{i(!0),d(null);try{const g=await p.current.quotaForceSync(u.current,x);o(g)}catch(g){d(g instanceof Error?g.message:String(g));try{const b=await p.current.quotaGet(u.current);o(b)}catch{}}finally{i(!1)}},[]),m=c.useCallback(async()=>p.current.quotaCanCreateSkill(u.current),[]);c.useEffect(()=>{f();const x=zk(()=>{f()}),g=setInterval(()=>{f()},6e4);return()=>{x(),clearInterval(g)}},[f]);const y=c.useMemo(()=>({snapshot:s,refreshing:a,error:l,forceSync:h,canCreateSkill:m}),[s,a,l,h,m]);return t.jsx(Zd.Provider,{value:y,children:e})}function fa(){const e=c.useContext(Zd);if(!e)throw new Error("useQuota() called outside <QuotaProvider>");return e}function Bk(){const{snapshot:e}=fa();if(!e)return{tier:"free",isPro:!1,isFree:!0,isEnterprise:!1,skillCount:0,skillLimit:null,isUnlimited:!0,gracePeriodDaysRemaining:0,isFresh:!1,loaded:!1,localSkillCount:0};const r=e.cache;if(!r)return{tier:"free",isPro:!1,isFree:!0,isEnterprise:!1,skillCount:0,skillLimit:null,isUnlimited:!0,gracePeriodDaysRemaining:e.daysRemaining,isFresh:e.isFresh,loaded:!0,localSkillCount:e.localSkillCount};const n=r.response.tier,s=n==="pro"||n==="enterprise",o=r.response.skillLimit;return{tier:n,isPro:s,isFree:n==="free",isEnterprise:n==="enterprise",skillCount:r.response.skillCount,skillLimit:o,isUnlimited:o===null,gracePeriodDaysRemaining:e.daysRemaining,isFresh:e.isFresh,loaded:!0,localSkillCount:e.localSkillCount}}const eu="https://verified-skill.com/pricing",ll="paywall-modal-title",cl="paywall-modal-body";function Ok({open:e,onClose:r,onProceed:n,skillName:s}){const o=pn(),{forceSync:a,snapshot:i}=fa(),l=c.useRef(null),d=c.useRef(null),u=c.useRef(null);c.useEffect(()=>{if(!e)return;let f=!1;return(async()=>{try{await a(!0)}catch{}})(),()=>{f=!0}},[e,a]),c.useEffect(()=>{var h;if(!e)return;const f=(h=i==null?void 0:i.cache)==null?void 0:h.response.tier;(f==="pro"||f==="enterprise")&&(n==null||n(),r())},[e,i,n,r]),c.useEffect(()=>{if(!e)return;u.current=typeof document<"u"?document.activeElement:null;const f=setTimeout(()=>{var m;return(m=d.current)==null?void 0:m.focus()},0),h=m=>{if(m.key==="Escape"){m.preventDefault(),r();return}if(m.key!=="Tab")return;const y=l.current;if(!y)return;const x=Array.from(y.querySelectorAll('button:not([disabled]),[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'));if(x.length===0)return;const g=x[0],b=x[x.length-1],v=typeof document<"u"?document.activeElement:null;m.shiftKey&&v===g?(m.preventDefault(),b.focus()):!m.shiftKey&&v===b&&(m.preventDefault(),g.focus())};return document.addEventListener("keydown",h),()=>{clearTimeout(f),document.removeEventListener("keydown",h),u.current instanceof HTMLElement&&u.current.focus()}},[e,r]);const p=c.useCallback(()=>{o.openExternalUrl(eu)},[o]);return e?t.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":ll,"aria-describedby":cl,"data-testid":"paywall-modal",style:Wk,children:[t.jsx("div",{onClick:r,style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.45)"}}),t.jsxs("div",{ref:l,style:Uk,children:[t.jsx("h2",{id:ll,style:Hk,children:"Connect private repositories with Skill Studio Pro"}),t.jsxs("p",{id:cl,style:Vk,children:["Pro adds private repo connections, priority support, and unlimited skills. Free users keep all current features for public repos.",s?t.jsxs(t.Fragment,{children:[" ",t.jsxs("span",{style:{color:"var(--color-muted, #888)"},children:["(",s," won’t connect until you upgrade.)"]})]}):null]}),t.jsxs("div",{style:Gk,children:[t.jsx("button",{type:"button",onClick:r,"data-testid":"paywall-maybe-later",style:qk,children:"Maybe later"}),t.jsx("button",{ref:d,type:"button",onClick:p,"data-testid":"paywall-upgrade",style:Kk,children:"Upgrade to Pro"})]})]})]}):null}const Wk={position:"fixed",inset:0,zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center"},Uk={position:"relative",width:"min(420px, 92vw)",background:"var(--color-bg, #ffffff)",color:"var(--color-text, #111111)",borderRadius:12,padding:"24px 24px 16px",boxShadow:"0 16px 48px rgba(0,0,0,0.25)",fontFamily:"var(--font-system, -apple-system, system-ui)"},Hk={margin:0,fontSize:18,fontWeight:600},Vk={marginTop:12,marginBottom:24,fontSize:14,lineHeight:1.5,color:"var(--color-text-soft, #444)"},Gk={display:"flex",justifyContent:"flex-end",gap:12},tu={padding:"8px 16px",borderRadius:6,fontSize:13,fontWeight:500,cursor:"pointer",border:"1px solid transparent"},Kk={...tu,background:"var(--color-accent, #cb4b16)",color:"#ffffff"},qk={...tu,background:"transparent",color:"var(--color-text, #111111)",borderColor:"var(--color-border, #cccccc)"};function Yk({forcedTone:e}){const{snapshot:r,refreshing:n,forceSync:s}=fa(),o=(r==null?void 0:r.daysRemaining)??0,a=(r==null?void 0:r.isFresh)??!1;if(!((r==null?void 0:r.cache)??null))return null;const l=e??Jk(o,a);if(!l)return null;const d=c.useCallback(()=>{s(!0)},[s]),u=l==="danger"?"Sign in to refresh your subscription. Some features will be locked until you reconnect.":"Sync to verify your subscription — last synced 7 days ago.";return t.jsxs("div",{role:"status","aria-live":"polite","data-testid":"quota-grace-banner","data-tone":l,style:{...Qk,background:l==="danger"?"var(--color-danger-bg, rgba(220, 50, 47, 0.12))":"var(--color-warn-bg, rgba(203, 75, 22, 0.12))",color:l==="danger"?"var(--color-danger, #dc322f)":"var(--color-warn, #cb4b16)",borderColor:l==="danger"?"var(--color-danger, #dc322f)":"var(--color-warn, #cb4b16)"},children:[t.jsx("span",{style:{fontWeight:500},children:u}),t.jsx("button",{type:"button",onClick:d,disabled:n,"data-testid":"quota-grace-sync",style:Xk,children:n?"Syncing…":"Sync now"})]})}function Jk(e,r){return r?e<=1?"warn":null:"danger"}const Qk={display:"inline-flex",alignItems:"center",gap:12,padding:"6px 12px",borderRadius:6,fontSize:12,border:"1px solid currentColor",fontFamily:"var(--font-system, -apple-system, system-ui)"},Xk={padding:"2px 10px",borderRadius:4,border:"1px solid currentColor",background:"transparent",color:"inherit",cursor:"pointer",fontSize:12,fontWeight:500};function Zk({active:e,onClick:r,badgeCount:n}){return t.jsxs("button",{type:"button","data-testid":"account-sidebar-entry","data-active":e?"true":"false",onClick:r,style:{display:"flex",alignItems:"center",gap:8,width:"100%",textAlign:"left",padding:"8px 14px",fontSize:13,fontWeight:e?600:500,fontFamily:"var(--font-sans)",color:"var(--text-primary)",background:e?"var(--bg-canvas, #f3f4f6)":"transparent",border:"none",borderLeft:`3px solid ${e?"var(--color-accent, #2563eb)":"transparent"}`,cursor:"pointer"},children:[t.jsx("span",{"aria-hidden":!0,children:"👤"}),t.jsx("span",{style:{flex:1},children:"Account"}),n&&n>0?t.jsx("span",{style:{padding:"1px 6px",fontSize:10,fontWeight:600,background:"var(--color-accent, #2563eb)",color:"#fff",borderRadius:999},children:n}):null]})}const ej={green:"#16a34a",amber:"#f59e0b",grey:"#9ca3af",red:"#dc2626"},tj={green:"Synced",amber:"Reauth needed",grey:"Idle",red:"Error"};function rj({repos:e,viewMode:r="table",pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,onConnectNew:i,now:l=new Date}){const d=sj(e),u=e.filter(f=>f.isPrivate).slice().sort((f,h)=>f.repoFullName.localeCompare(h.repoFullName)),p=e.filter(f=>!f.isPrivate).slice().sort((f,h)=>f.repoFullName.localeCompare(h.repoFullName));return t.jsxs("div",{"data-testid":"connected-repos-table",style:{width:"100%"},children:[t.jsx(oj,{summary:d,onConnectNew:i,showConnectAction:!0}),e.length===0?t.jsx(aj,{}):t.jsxs(t.Fragment,{children:[u.length>0?t.jsx(dl,{kind:"private",repos:u,viewMode:r,pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,now:l}):null,p.length>0?t.jsx(dl,{kind:"public",repos:p,viewMode:r,pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,now:l}):null]})]})}function dl({kind:e,repos:r,viewMode:n,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l}){const d=e==="private";return t.jsxs("section",{"data-testid":`repos-section-${e}`,"data-visibility":e,style:{marginBottom:16,border:d?"1px solid rgba(245,158,11,0.45)":"1px solid var(--border-default, #e5e7eb)",borderRadius:8,overflow:"hidden"},children:[t.jsxs("header",{style:{display:"flex",alignItems:"center",gap:8,flexWrap:"wrap",padding:"8px 12px",background:d?"rgba(245,158,11,0.10)":"var(--bg-canvas, #f9fafb)",borderBottom:d?"1px solid rgba(245,158,11,0.35)":"1px solid var(--border-default, #e5e7eb)",fontFamily:"var(--font-sans)",fontSize:12},children:[t.jsx(nj,{kind:e}),t.jsx("strong",{style:{color:d?"#92400e":"var(--text-primary)",textTransform:"uppercase",letterSpacing:"0.05em",fontSize:11},children:d?"Private repositories":"Public repositories"}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsx("span",{style:{color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums"},children:r.length}),t.jsx("span",{style:{flex:1}}),t.jsx("span",{style:{color:"var(--text-secondary)",fontSize:11},children:d?"Skills here stay scoped to your account / org.":"Skills here are eligible for the public registry."})]}),n==="cards"?t.jsx(lj,{repos:r,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l}):t.jsx(ij,{repos:r,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l})]})}function nj({kind:e}){return e==="private"?t.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{flexShrink:0,color:"#92400e"},children:[t.jsx("rect",{x:"2.75",y:"7",width:"10.5",height:"6.75",rx:"1.25",fill:"currentColor",fillOpacity:"0.15",stroke:"currentColor",strokeWidth:"1.25"}),t.jsx("path",{d:"M5 7V5.25C5 3.59 6.34 2.25 8 2.25C9.66 2.25 11 3.59 11 5.25V7",stroke:"currentColor",strokeWidth:"1.25",strokeLinecap:"round",fill:"none"}),t.jsx("circle",{cx:"8",cy:"10.25",r:"0.9",fill:"currentColor"})]}):t.jsxs("svg",{width:"13",height:"13",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",style:{flexShrink:0,color:"var(--text-secondary)"},children:[t.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"1.25",fill:"none"}),t.jsx("path",{d:"M2 8H14M8 2C9.5 4 10 6 10 8C10 10 9.5 12 8 14M8 2C6.5 4 6 6 6 8C6 10 6.5 12 8 14",stroke:"currentColor",strokeWidth:"1",fill:"none"})]})}function sj(e){let r=0,n=0;for(const s of e)s.isPrivate?n++:r++;return{total:e.length,publicCount:r,privateCount:n}}function oj({summary:e,onConnectNew:r,showConnectAction:n}){return t.jsxs("div",{"data-testid":"repos-summary-chip",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px",marginBottom:12,background:"var(--bg-canvas, #f9fafb)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:8,fontFamily:"var(--font-sans)",fontSize:13},children:[t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:4,minWidth:0},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,flexWrap:"wrap",color:"var(--text-primary)",fontWeight:500},children:[t.jsx("strong",{children:e.total}),t.jsxs("span",{children:[e.total===1?"repo":"repos"," connected"]}),t.jsx("span",{"aria-hidden":!0,style:{color:"var(--text-tertiary)"},children:"·"}),t.jsxs("span",{title:"Public repos","aria-label":"Public repos",children:[t.jsx(Oo,{isPrivate:!1})," ",e.publicCount]}),t.jsx("span",{"aria-hidden":!0,style:{color:"var(--text-tertiary)"},children:"·"}),t.jsxs("span",{title:"Private repos","aria-label":"Private repos",children:[t.jsx(Oo,{isPrivate:!0})," ",e.privateCount]})]}),t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)",lineHeight:1.4},children:"Public repositories work on Free. Private repository connections require Pro and GitHub App access."})]}),n?t.jsx("button",{type:"button",onClick:r,"data-testid":"connect-new-repo-button",style:{padding:"6px 14px",fontSize:13,fontWeight:500,fontFamily:"inherit",border:"1px solid var(--color-accent, #2563eb)",background:"var(--color-accent, #2563eb)",color:"#fff",borderRadius:6,cursor:"pointer",whiteSpace:"nowrap"},children:"Connect GitHub App"}):null]})}function Oo({isPrivate:e}){return t.jsx("span",{"aria-label":e?"Private repository":"Public repository",title:e?"Private repository":"Public repository",style:{display:"inline-flex",alignItems:"center",padding:"2px 6px",borderRadius:999,border:"1px solid var(--border-default, #e5e7eb)",color:e?"#92400e":"#166534",background:e?"rgba(245, 158, 11, 0.12)":"rgba(22, 163, 74, 0.10)",fontSize:11,fontWeight:600,lineHeight:1,whiteSpace:"nowrap"},children:e?"Private":"Public"})}function aj(){return t.jsxs("div",{"data-testid":"repos-empty-state",style:{textAlign:"center",padding:"32px 24px",background:"var(--bg-canvas, #f9fafb)",border:"1px dashed var(--border-default, #e5e7eb)",borderRadius:8,fontFamily:"var(--font-sans)"},children:[t.jsx("div",{style:{fontSize:15,fontWeight:600,color:"var(--text-primary)",marginBottom:6},children:"No repositories connected yet."}),t.jsxs("div",{style:{fontSize:13,color:"var(--text-secondary)",lineHeight:1.5},children:["Click the ",t.jsx("strong",{style:{color:"var(--text-primary)"},children:"Connect GitHub App"})," ","button above. Install the app, pick the repos to share, then Skill Studio syncs public repos on Free and private repos on Pro."]})]})}function ij({repos:e,pendingActions:r,onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a}){return t.jsxs("table",{"data-testid":"repos-table",style:{width:"100%",borderCollapse:"collapse",fontFamily:"var(--font-sans)",fontSize:13},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-default, #e5e7eb)"},children:[t.jsx(Gr,{children:"Repository"}),t.jsx(Gr,{align:"right",children:"Skills"}),t.jsx(Gr,{children:"Status"}),t.jsx(Gr,{children:"Last activity"}),t.jsx(Gr,{align:"right",style:{width:48},children:t.jsx("span",{style:{visibility:"hidden"},children:"Actions"})})]})}),t.jsx("tbody",{children:e.map(i=>t.jsx(cj,{repo:i,pending:r==null?void 0:r[i.repoId],onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a},i.repoId))})]})}function lj({repos:e,pendingActions:r,onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a}){return t.jsx("div",{"data-testid":"repos-card-list",style:{display:"flex",flexDirection:"column",gap:8},children:e.map(i=>t.jsx(dj,{repo:i,pending:r==null?void 0:r[i.repoId],onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a},i.repoId))})}function cj({repo:e,pending:r,onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a}){const[i,l]=c.useState(!1);return t.jsxs("tr",{"data-testid":`repo-row-${e.repoId}`,style:{borderBottom:"1px solid var(--border-default, #e5e7eb)"},children:[t.jsx(Kr,{children:t.jsx(ru,{repo:e})}),t.jsx(Kr,{align:"right",children:e.skillsCount===0?t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"—"}):t.jsx("span",{style:{fontVariantNumeric:"tabular-nums"},children:e.skillsCount})}),t.jsx(Kr,{children:t.jsx(nu,{status:e.syncStatus,errorMessage:e.lastErrorMessage})}),t.jsx(Kr,{children:t.jsx("span",{style:{color:"var(--text-secondary)"},children:ou(e.lastActivityAt,a)})}),t.jsx(Kr,{align:"right",children:t.jsx(su,{repo:e,pending:r,isOpen:i,onToggle:()=>l(d=>!d),onClose:()=>l(!1),onOpenOnGitHub:n,onResync:s,onDisconnect:o})})]})}function dj({repo:e,pending:r,onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a}){const[i,l]=c.useState(!1);return t.jsxs("div",{"data-testid":`repo-card-${e.repoId}`,style:{padding:14,border:"1px solid var(--border-default, #e5e7eb)",borderRadius:8,background:"var(--bg-elevated, #fff)",display:"flex",flexDirection:"column",gap:10},children:[t.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:12},children:[t.jsx(ru,{repo:e}),t.jsx(su,{repo:e,pending:r,isOpen:i,onToggle:()=>l(d=>!d),onClose:()=>l(!1),onOpenOnGitHub:n,onResync:s,onDisconnect:o})]}),t.jsx(oo,{label:"Skills",children:e.skillsCount===0?"—":String(e.skillsCount)}),t.jsx(oo,{label:"Status",children:t.jsx(nu,{status:e.syncStatus,errorMessage:e.lastErrorMessage})}),t.jsx(oo,{label:"Last activity",children:ou(e.lastActivityAt,a)})]})}function ru({repo:e}){return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[t.jsx(Oo,{isPrivate:e.isPrivate}),t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:13,color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.repoFullName})]})}function nu({status:e,errorMessage:r}){const n=ej[e],s=tj[e],o=e==="red"&&r?r:s;return t.jsxs("span",{"data-testid":`status-${e}`,title:o,style:{display:"inline-flex",alignItems:"center",gap:6},children:[t.jsx("span",{"aria-hidden":!0,style:{width:8,height:8,borderRadius:"50%",background:n,display:"inline-block"}}),t.jsx("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:s})]})}function oo({label:e,children:r}){return t.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12},children:[t.jsx("span",{style:{color:"var(--text-tertiary)"},children:e}),t.jsx("span",{style:{color:"var(--text-primary)"},children:r})]})}function su({repo:e,pending:r,isOpen:n,onToggle:s,onClose:o,onOpenOnGitHub:a,onResync:i,onDisconnect:l}){return t.jsxs("div",{style:{position:"relative",display:"inline-block"},children:[t.jsx("button",{type:"button","aria-label":`Actions for ${e.repoFullName}`,"aria-expanded":n,"aria-haspopup":"menu","data-testid":`kebab-${e.repoId}`,onClick:s,disabled:r==="disconnect",style:{width:28,height:28,padding:0,border:"1px solid transparent",background:"transparent",borderRadius:4,cursor:r==="disconnect"?"not-allowed":"pointer",color:"var(--text-secondary)",fontSize:16,lineHeight:1},children:"⋯"}),n&&t.jsxs("div",{role:"menu","data-testid":`kebab-menu-${e.repoId}`,style:{position:"absolute",top:"100%",right:0,marginTop:4,minWidth:180,background:"var(--bg-elevated, #fff)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,boxShadow:"0 6px 18px rgba(0,0,0,0.12)",zIndex:10,padding:4},children:[t.jsx(ao,{onClick:()=>{a(e),o()},children:"Open on GitHub"}),t.jsx(ao,{disabled:r==="resync",onClick:async()=>{await i(e),o()},children:r==="resync"?"Resyncing…":"Resync now"}),t.jsx(ao,{danger:!0,onClick:async()=>{await l(e),o()},children:"Disconnect"})]})]})}function ao({children:e,onClick:r,disabled:n,danger:s}){return t.jsx("button",{type:"button",role:"menuitem",onClick:r,disabled:n,style:{display:"block",width:"100%",textAlign:"left",padding:"6px 10px",fontSize:13,fontFamily:"inherit",background:"transparent",border:"none",borderRadius:4,cursor:n?"not-allowed":"pointer",color:s?"#dc2626":"var(--text-primary)",opacity:n?.6:1},children:e})}function Gr({children:e,align:r="left",style:n}){return t.jsx("th",{style:{textAlign:r,padding:"10px 12px",fontWeight:600,fontSize:11,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)",...n},children:e})}function Kr({children:e,align:r="left"}){return t.jsx("td",{style:{textAlign:r,padding:"12px 12px",verticalAlign:"middle"},children:e})}function ou(e,r){if(!e)return"Never";const n=new Date(e).getTime();if(Number.isNaN(n))return"Never";const s=r.getTime()-n;if(s<0)return"Just now";const o=Math.floor(s/1e3);if(o<60)return"Just now";const a=Math.floor(o/60);if(a<60)return`${a}m ago`;const i=Math.floor(a/60);if(i<24)return`${i}h ago`;const l=Math.floor(i/24);if(l<30)return`${l}d ago`;const d=Math.floor(l/30);return d<12?`${d}mo ago`:`${Math.floor(l/365)}y ago`}const io=80,lo=280;function uj({profile:e,onSubmit:r,saving:n=!1,errorMessage:s=null}){const[o,a]=c.useState(e.displayName),[i,l]=c.useState(e.bio??""),[d,u]=c.useState(e.publicProfile);c.useEffect(()=>{a(e.displayName),l(e.bio??""),u(e.publicProfile)},[e.userId,e.displayName,e.bio,e.publicProfile]);const p=o!==e.displayName||i!==(e.bio??"")||d!==e.publicProfile,f=o.length>io,h=i.length>lo,m=o.trim().length>0&&!f&&!h;async function y(x){if(x.preventDefault(),!p||!m||n)return;const g={};o!==e.displayName&&(g.displayName=o),i!==(e.bio??"")&&(g.bio=i||null),d!==e.publicProfile&&(g.publicProfile=d),await r(g)}return t.jsxs("form",{"data-testid":"profile-form",onSubmit:y,style:{display:"flex",flexDirection:"column",gap:18,maxWidth:560,fontFamily:"var(--font-sans)"},children:[t.jsx(pj,{profile:e}),t.jsxs(co,{label:"Display name",htmlFor:"profile-display-name",children:[t.jsx("input",{id:"profile-display-name","data-testid":"profile-display-name",type:"text",value:o,maxLength:io+20,disabled:n,onChange:x=>a(x.target.value),style:uo}),t.jsx(ul,{current:o.length,max:io})]}),t.jsx(co,{label:"GitHub handle",htmlFor:"profile-github-handle",caption:"Synced from GitHub",children:t.jsx("input",{id:"profile-github-handle",type:"text",value:e.githubHandle,readOnly:!0,"aria-readonly":"true",style:{...uo,background:"var(--bg-canvas, #f3f4f6)"}})}),t.jsxs(co,{label:"Public bio",htmlFor:"profile-bio",children:[t.jsx("textarea",{id:"profile-bio","data-testid":"profile-bio",value:i,maxLength:lo+40,rows:3,disabled:n,onChange:x=>l(x.target.value),style:{...uo,fontFamily:"inherit",resize:"vertical"}}),t.jsx(ul,{current:i.length,max:lo})]}),t.jsx(fj,{label:"Public profile page",helper:"Your bio + public skills appear on a verified-skill.com/u/{handle} page.",checked:d,disabled:n,onChange:u}),s&&t.jsx("div",{role:"alert","data-testid":"profile-form-error",style:{padding:"8px 12px",background:"rgba(220, 38, 38, 0.08)",border:"1px solid rgba(220, 38, 38, 0.4)",color:"#991b1b",borderRadius:6,fontSize:13},children:s}),t.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:t.jsx("button",{type:"submit","data-testid":"profile-save-button",disabled:!p||!m||n,style:{padding:"8px 20px",fontSize:13,fontWeight:500,fontFamily:"inherit",border:"1px solid var(--color-accent, #2563eb)",background:!p||!m||n?"var(--bg-canvas, #f3f4f6)":"var(--color-accent, #2563eb)",color:!p||!m||n?"var(--text-tertiary, #9ca3af)":"#fff",borderColor:!p||!m||n?"var(--border-default, #e5e7eb)":"var(--color-accent, #2563eb)",borderRadius:6,cursor:!p||!m||n?"not-allowed":"pointer"},children:n?"Saving…":"Save changes"})})]})}function pj({profile:e}){return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14},children:[e.avatarUrl?t.jsx("img",{src:e.avatarUrl,alt:`Avatar for ${e.githubHandle}`,width:56,height:56,style:{width:56,height:56,borderRadius:"50%",objectFit:"cover",border:"1px solid var(--border-default, #e5e7eb)",background:"var(--bg-canvas, #f3f4f6)"}}):t.jsx("div",{"aria-hidden":!0,style:{width:56,height:56,borderRadius:"50%",background:"var(--bg-canvas, #f3f4f6)",border:"1px solid var(--border-default, #e5e7eb)"}}),t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:16,fontWeight:600,color:"var(--text-primary)"},children:e.displayName||e.githubHandle}),t.jsxs("div",{style:{fontSize:12,color:"var(--text-secondary)"},children:["@",e.githubHandle]})]})]})}function co({label:e,htmlFor:r,caption:n,children:s}){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[t.jsx("label",{htmlFor:r,style:{fontSize:13,fontWeight:500,color:"var(--text-primary)"},children:e}),s,n&&t.jsx("span",{style:{fontSize:11,color:"var(--text-tertiary)"},children:n})]})}function ul({current:e,max:r}){const n=e>r;return t.jsxs("span",{style:{alignSelf:"flex-end",fontSize:11,color:n?"#dc2626":"var(--text-tertiary)",fontVariantNumeric:"tabular-nums"},children:[e,"/",r]})}function fj({label:e,helper:r,checked:n,disabled:s,onChange:o}){return t.jsxs("label",{style:{display:"flex",alignItems:"flex-start",gap:10,cursor:s?"not-allowed":"pointer"},children:[t.jsx("input",{type:"checkbox","data-testid":"profile-public-toggle",checked:n,disabled:s,onChange:a=>o(a.target.checked),style:{marginTop:2}}),t.jsxs("span",{style:{display:"flex",flexDirection:"column",gap:2},children:[t.jsx("span",{style:{fontSize:13,fontWeight:500,color:"var(--text-primary)"},children:e}),r&&t.jsx("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:r})]})]})}const uo={width:"100%",padding:"8px 10px",fontSize:13,fontFamily:"inherit",color:"var(--text-primary)",background:"var(--bg-elevated, #fff)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,boxSizing:"border-box"},hj={free:{label:"Free",badge:"Open Source · MIT",bullets:["Unlimited public skills","Public GitHub repo connections","Community support"],upgradeLabel:"Upgrade to Pro"},pro:{label:"Pro",badge:"Active",bullets:["Hosted private skill storage","Connect private GitHub repos","Sync skills automatically","Priority email support"],upgradeLabel:"Talk to sales about Enterprise"},enterprise:{label:"Enterprise",badge:"Active",bullets:["Everything in Pro","SSO + audit log","Dedicated support","Custom contract"],upgradeLabel:null}};function mj({tier:e,onUpgradeClick:r,showUpgradeCta:n=!0}){const s=hj[e];return t.jsxs("div",{"data-testid":`plan-card-${e}`,style:{padding:20,border:"1px solid var(--border-default, #e5e7eb)",borderRadius:10,background:"var(--bg-elevated, #fff)",fontFamily:"var(--font-sans)",display:"flex",flexDirection:"column",gap:14},children:[t.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12},children:t.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:12},children:[t.jsx("h3",{style:{margin:0,fontSize:20,fontWeight:600,color:"var(--text-primary)"},children:s.label}),t.jsx("span",{"data-testid":"plan-card-badge",style:{padding:"2px 10px",fontSize:11,fontWeight:500,background:e==="free"?"rgba(37, 99, 235, 0.1)":"rgba(22, 163, 74, 0.1)",color:e==="free"?"#1d4ed8":"#15803d",borderRadius:999},children:s.badge})]})}),t.jsxs("div",{children:[t.jsx("div",{style:{fontSize:12,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)",marginBottom:6},children:"What's included"}),t.jsx("ul",{style:{margin:0,paddingLeft:18,display:"flex",flexDirection:"column",gap:4,fontSize:13,color:"var(--text-primary)"},children:s.bullets.map(o=>t.jsx("li",{children:o},o))})]}),n&&s.upgradeLabel&&t.jsx("div",{children:t.jsx("button",{type:"button","data-testid":"plan-card-upgrade",onClick:r,disabled:!r,style:{padding:"8px 16px",fontSize:13,fontWeight:500,fontFamily:"inherit",background:r?"var(--color-accent, #2563eb)":"var(--bg-canvas, #f3f4f6)",color:r?"#fff":"var(--text-tertiary, #9ca3af)",border:`1px solid ${r?"var(--color-accent, #2563eb)":"var(--border-default, #e5e7eb)"}`,borderRadius:6,cursor:r?"pointer":"not-allowed"},children:s.upgradeLabel})})]})}const xj=[{value:30,label:"30 days"},{value:90,label:"90 days"},{value:365,label:"1 year"},{value:0,label:"Never"}];function gj({tokens:e,recentlyCreated:r,onDismissRecentlyCreated:n,onCreate:s,onRevoke:o,pendingRevokeId:a,creating:i=!1,now:l=new Date}){const[d,u]=c.useState(!1),[p,f]=c.useState(null);return t.jsxs("div",{"data-testid":"tokens-table-root",children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:12},children:[t.jsxs("div",{children:[t.jsx("h2",{style:{margin:0,fontSize:16,fontWeight:600,color:"var(--text-primary)"},children:"API tokens"}),t.jsx("p",{style:{margin:"4px 0 0",fontSize:12,color:"var(--text-secondary)"},children:"Use these to authenticate the CLI or scripted integrations."})]}),t.jsx("button",{type:"button","data-testid":"tokens-generate-button",onClick:()=>u(!0),disabled:i,style:{padding:"8px 14px",fontSize:13,fontWeight:500,fontFamily:"inherit",background:"var(--color-accent, #2563eb)",color:"#fff",border:"1px solid var(--color-accent, #2563eb)",borderRadius:6,cursor:i?"not-allowed":"pointer",opacity:i?.6:1},children:"Generate new token"})]}),e.length===0?t.jsx(yj,{onGenerateClick:()=>u(!0)}):t.jsxs("table",{"data-testid":"tokens-table",style:{width:"100%",borderCollapse:"collapse",fontFamily:"var(--font-sans)",fontSize:13},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-default, #e5e7eb)"},children:[t.jsx(kr,{children:"Name"}),t.jsx(kr,{children:"Prefix"}),t.jsx(kr,{children:"Scopes"}),t.jsx(kr,{children:"Last used"}),t.jsx(kr,{children:"Created"}),t.jsx(kr,{align:"right",children:"Actions"})]})}),t.jsx("tbody",{children:e.map(h=>t.jsxs("tr",{"data-testid":`token-row-${h.id}`,style:{borderBottom:"1px solid var(--border-default, #e5e7eb)",opacity:h.revokedAt?.55:1},children:[t.jsx(jr,{children:h.name}),t.jsx(jr,{children:t.jsxs("code",{style:{fontFamily:"var(--font-mono)",fontSize:12,color:"var(--text-secondary)"},children:[h.prefix,"…"]})}),t.jsx(jr,{children:h.scopes.join(", ")}),t.jsx(jr,{children:fl(h.lastUsedAt,l)}),t.jsx(jr,{children:fl(h.createdAt,l)}),t.jsx(jr,{align:"right",children:h.revokedAt?t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"Revoked"}):t.jsx("button",{type:"button","data-testid":`token-revoke-${h.id}`,disabled:a===h.id,onClick:()=>f(h),style:{padding:"4px 10px",fontSize:12,fontFamily:"inherit",background:"transparent",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:4,color:"#dc2626",cursor:a===h.id?"not-allowed":"pointer"},children:a===h.id?"Revoking…":"Revoke"})})]},h.id))})]}),d&&t.jsx(vj,{creating:i,onCancel:()=>u(!1),onSubmit:async h=>{await s(h),u(!1)}}),r&&t.jsx(bj,{created:r,onDismiss:()=>n==null?void 0:n()}),p&&t.jsx(kj,{token:p,pending:a===p.id,onCancel:()=>f(null),onConfirm:async()=>{await o(p),f(null)}})]})}function yj({onGenerateClick:e}){return t.jsxs("div",{"data-testid":"tokens-empty-state",style:{textAlign:"center",padding:"40px 20px",background:"var(--bg-canvas, #f9fafb)",border:"1px dashed var(--border-default, #e5e7eb)",borderRadius:8,fontFamily:"var(--font-sans)"},children:[t.jsx("div",{style:{fontSize:14,color:"var(--text-primary)",marginBottom:6},children:"No tokens yet — generate one to use the CLI."}),t.jsx("button",{type:"button",onClick:e,style:{padding:"6px 14px",fontSize:13,fontFamily:"inherit",background:"var(--color-accent, #2563eb)",color:"#fff",border:"none",borderRadius:6,cursor:"pointer"},children:"Generate new token"})]})}function vj({creating:e,onCancel:r,onSubmit:n}){const[s,o]=c.useState(""),[a,i]=c.useState(!0),[l,d]=c.useState(!1),[u,p]=c.useState(90),f=s.trim().length>0&&(a||l);return t.jsxs(ha,{title:"Generate new token",onDismiss:r,testId:"tokens-generate-modal",children:[t.jsx(po,{label:"Name",htmlFor:"token-name",children:t.jsx("input",{id:"token-name","data-testid":"token-name-input",type:"text",value:s,maxLength:64,disabled:e,onChange:h=>o(h.target.value),placeholder:"e.g. Build CI",style:hl})}),t.jsx(po,{label:"Scopes",children:t.jsxs("div",{style:{display:"flex",gap:16},children:[t.jsx(pl,{label:"read",checked:a,disabled:e,onChange:i,testId:"scope-read"}),t.jsx(pl,{label:"write",checked:l,disabled:e,onChange:d,testId:"scope-write"})]})}),t.jsx(po,{label:"Expiry",children:t.jsx("select",{"data-testid":"token-expiry-select",value:u,disabled:e,onChange:h=>p(Number(h.target.value)),style:hl,children:xj.map(h=>t.jsx("option",{value:h.value,children:h.label},h.value))})}),t.jsxs(ma,{children:[t.jsx(xa,{onClick:r,disabled:e,children:"Cancel"}),t.jsx(au,{disabled:!f||e,onClick:()=>{const h=[];a&&h.push("read"),l&&h.push("write"),n({name:s.trim(),scopes:h,expiresInDays:u})},children:e?"Generating…":"Generate"})]})]})}function bj({created:e,onDismiss:r}){const[n,s]=c.useState(!1);async function o(){try{await navigator.clipboard.writeText(e.plaintext),s(!0)}catch{}}return t.jsxs(ha,{title:"Token created",onDismiss:r,testId:"tokens-created-modal",children:[t.jsxs("p",{style:{margin:0,fontSize:13,color:"var(--text-primary)",background:"rgba(245, 158, 11, 0.12)",border:"1px solid rgba(245, 158, 11, 0.4)",padding:12,borderRadius:6},children:[t.jsx("strong",{children:"This is the only time you'll see this token."})," Store it somewhere safe — verified-skill never stores the plaintext."]}),t.jsx("div",{"data-testid":"tokens-plaintext",style:{fontFamily:"var(--font-mono)",fontSize:13,padding:12,background:"var(--bg-canvas, #f3f4f6)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,wordBreak:"break-all",userSelect:"all"},children:e.plaintext}),t.jsxs(ma,{children:[t.jsx(xa,{onClick:o,children:n?"Copied!":"Copy to clipboard"}),t.jsx(au,{onClick:r,children:"Done"})]})]})}function kj({token:e,pending:r,onCancel:n,onConfirm:s}){return t.jsxs(ha,{title:`Revoke ${e.prefix}…?`,onDismiss:n,testId:"tokens-revoke-modal",children:[t.jsx("p",{style:{margin:0,fontSize:13,color:"var(--text-primary)"},children:"Any process using this token will fail immediately. This cannot be undone."}),t.jsxs(ma,{children:[t.jsx(xa,{onClick:n,disabled:r,children:"Cancel"}),t.jsx(jj,{disabled:r,onClick:()=>void s(),children:r?"Revoking…":"Revoke"})]})]})}function ha({title:e,testId:r,onDismiss:n,children:s}){return t.jsx("div",{role:"dialog","aria-modal":"true","aria-label":e,"data-testid":r,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.45)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,fontFamily:"var(--font-sans)"},onClick:o=>{o.target===o.currentTarget&&n()},children:t.jsxs("div",{style:{width:"min(440px, calc(100vw - 32px))",background:"var(--bg-elevated, #fff)",borderRadius:10,border:"1px solid var(--border-default, #e5e7eb)",boxShadow:"0 18px 40px rgba(0,0,0,0.18)",padding:20,display:"flex",flexDirection:"column",gap:14},children:[t.jsx("h3",{style:{margin:0,fontSize:16,fontWeight:600,color:"var(--text-primary)"},children:e}),s]})})}function ma({children:e}){return t.jsx("div",{style:{display:"flex",gap:8,justifyContent:"flex-end",marginTop:4},children:e})}function au({children:e,onClick:r,disabled:n}){return t.jsx("button",{type:"button",onClick:r,disabled:n,style:{padding:"8px 16px",fontSize:13,fontFamily:"inherit",background:n?"var(--bg-canvas, #f3f4f6)":"var(--color-accent, #2563eb)",color:n?"var(--text-tertiary)":"#fff",border:`1px solid ${n?"var(--border-default, #e5e7eb)":"var(--color-accent, #2563eb)"}`,borderRadius:6,cursor:n?"not-allowed":"pointer"},children:e})}function xa({children:e,onClick:r,disabled:n}){return t.jsx("button",{type:"button",onClick:r,disabled:n,style:{padding:"8px 16px",fontSize:13,fontFamily:"inherit",background:"transparent",color:"var(--text-primary)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,cursor:n?"not-allowed":"pointer",opacity:n?.6:1},children:e})}function jj({children:e,onClick:r,disabled:n}){return t.jsx("button",{type:"button",onClick:r,disabled:n,style:{padding:"8px 16px",fontSize:13,fontFamily:"inherit",background:n?"var(--bg-canvas, #f3f4f6)":"#dc2626",color:n?"var(--text-tertiary)":"#fff",border:"1px solid #dc2626",borderRadius:6,cursor:n?"not-allowed":"pointer",opacity:n?.6:1},children:e})}function po({label:e,htmlFor:r,children:n}){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:6},children:[t.jsx("label",{htmlFor:r,style:{fontSize:12,fontWeight:500,color:"var(--text-primary)"},children:e}),n]})}function pl({label:e,checked:r,onChange:n,disabled:s,testId:o}){return t.jsxs("label",{style:{display:"inline-flex",alignItems:"center",gap:6,fontSize:13,cursor:s?"not-allowed":"pointer",color:"var(--text-primary)"},children:[t.jsx("input",{type:"checkbox","data-testid":o,checked:r,disabled:s,onChange:a=>n(a.target.checked)}),e]})}function kr({children:e,align:r="left"}){return t.jsx("th",{style:{textAlign:r,padding:"10px 12px",fontWeight:600,fontSize:11,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)"},children:e})}function jr({children:e,align:r="left"}){return t.jsx("td",{style:{textAlign:r,padding:"12px 12px",verticalAlign:"middle"},children:e})}function fl(e,r){if(!e)return"—";const n=new Date(e).getTime();if(Number.isNaN(n))return"—";const s=r.getTime()-n;if(s<6e4)return"Just now";const o=Math.floor(s/6e4);if(o<60)return`${o}m ago`;const a=Math.floor(o/60);if(a<24)return`${a}h ago`;const i=Math.floor(a/24);if(i<30)return`${i}d ago`;const l=Math.floor(i/30);return l<12?`${l}mo ago`:`${Math.floor(i/365)}y ago`}const hl={width:"100%",padding:"8px 10px",fontSize:13,fontFamily:"inherit",color:"var(--text-primary)",background:"var(--bg-elevated, #fff)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,boxSizing:"border-box"},wj=[{key:"weeklyDigest",label:"Weekly digest",helper:"Daily/weekly digest emails ship in a future update.",defaultOn:!1},{key:"securityAlerts",label:"Security alerts",helper:"We'll always notify you about suspicious account activity.",forcedOn:!0,defaultOn:!0},{key:"commentReplies",label:"Comment replies",defaultOn:!0},{key:"productUpdates",label:"Product updates",helper:"Marketing emails — opt out anytime.",defaultOn:!1}];function Sj({prefs:e,onSubmit:r,saving:n=!1,errorMessage:s=null}){const[o,a]=c.useState(()=>ml(e));c.useEffect(()=>{a(ml(e))},[e]);const i=o.weeklyDigest!==e.weeklyDigest||o.commentReplies!==e.commentReplies||o.productUpdates!==e.productUpdates;function l(u,p){a(f=>({...f,[u]:p}))}async function d(u){u.preventDefault(),!(!i||n)&&await r({...o,securityAlerts:!0})}return t.jsxs("form",{"data-testid":"notifications-form",onSubmit:d,style:{display:"flex",flexDirection:"column",gap:16,maxWidth:560,fontFamily:"var(--font-sans)"},children:[t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:12},children:wj.map(u=>t.jsx(Cj,{meta:u,checked:u.forcedOn?!0:!!o[u.key],disabled:n||!!u.forcedOn,onChange:p=>{u.key!=="securityAlerts"&&l(u.key,p)}},u.key))}),s&&t.jsx("div",{role:"alert","data-testid":"notifications-form-error",style:{padding:"8px 12px",background:"rgba(220, 38, 38, 0.08)",border:"1px solid rgba(220, 38, 38, 0.4)",color:"#991b1b",borderRadius:6,fontSize:13},children:s}),t.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:t.jsx("button",{type:"submit","data-testid":"notifications-save-button",disabled:!i||n,style:{padding:"8px 20px",fontSize:13,fontWeight:500,fontFamily:"inherit",border:`1px solid ${!i||n?"var(--border-default, #e5e7eb)":"var(--color-accent, #2563eb)"}`,background:!i||n?"var(--bg-canvas, #f3f4f6)":"var(--color-accent, #2563eb)",color:!i||n?"var(--text-tertiary, #9ca3af)":"#fff",borderRadius:6,cursor:!i||n?"not-allowed":"pointer"},children:n?"Saving…":"Save preferences"})})]})}function Cj({meta:e,checked:r,disabled:n,onChange:s}){return t.jsxs("label",{"data-testid":`notif-row-${e.key}`,style:{display:"flex",alignItems:"flex-start",gap:10,padding:12,border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,background:"var(--bg-elevated, #fff)",cursor:n&&!e.forcedOn?"not-allowed":"pointer",opacity:n&&!e.forcedOn?.7:1},children:[t.jsx("input",{type:"checkbox","data-testid":`notif-checkbox-${e.key}`,checked:r,disabled:n,onChange:o=>s(o.target.checked),style:{marginTop:2}}),t.jsxs("span",{style:{display:"flex",flexDirection:"column",gap:4,flex:1},children:[t.jsxs("span",{style:{fontSize:13,fontWeight:500,color:"var(--text-primary)",display:"flex",alignItems:"center",gap:8},children:[e.label,e.forcedOn&&t.jsx("span",{style:{fontSize:10,fontWeight:500,padding:"2px 8px",background:"rgba(37, 99, 235, 0.1)",color:"#1d4ed8",borderRadius:999},children:"Always on"})]}),e.helper&&t.jsx("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:e.helper})]})]})}function ml(e){return{weeklyDigest:!!e.weeklyDigest,securityAlerts:!0,commentReplies:e.commentReplies??!0,productUpdates:!!e.productUpdates}}function Ej({githubHandle:e,exports:r=[],onSignOutAll:n,onExportRequest:s,onDeleteAccount:o,pending:a,errorMessage:i=null}){const[l,d]=c.useState(!1),[u,p]=c.useState(!1);return t.jsxs("div",{"data-testid":"danger-zone",style:{display:"flex",flexDirection:"column",gap:14,fontFamily:"var(--font-sans)"},children:[t.jsx(fo,{title:"Sign out of all devices",description:"Revoke every active session and API token. You'll need to sign back in everywhere.",actionLabel:a!=null&&a.signOutAll?"Signing out…":"Sign out everywhere",actionDisabled:a==null?void 0:a.signOutAll,onClick:()=>d(!0)}),t.jsx(fo,{title:"Export my data",description:"Queue an export of your skills, profile, and connected-repo metadata. Download link emailed within 24 hours.",actionLabel:a!=null&&a.exportRequest?"Queuing…":"Export my data",actionDisabled:a==null?void 0:a.exportRequest,onClick:()=>void s(),children:t.jsx(Nj,{exports:r})}),t.jsx(fo,{title:"Delete account",description:"Soft-delete your account. We retain your data for 30 days, then purge permanently. Connected repos are disconnected; tokens revoked.",actionLabel:"Delete account…",actionDisabled:a==null?void 0:a.deleteAccount,destructive:!0,onClick:()=>p(!0)}),i&&t.jsx("div",{role:"alert","data-testid":"danger-zone-error",style:{padding:"8px 12px",background:"rgba(220, 38, 38, 0.08)",border:"1px solid rgba(220, 38, 38, 0.4)",color:"#991b1b",borderRadius:6,fontSize:13},children:i}),l&&t.jsx(Rj,{pending:!!(a!=null&&a.signOutAll),onCancel:()=>d(!1),onConfirm:async()=>{await n(),d(!1)}}),u&&t.jsx(Tj,{githubHandle:e,pending:!!(a!=null&&a.deleteAccount),onCancel:()=>p(!1),onConfirm:async f=>{await o(f),p(!1)}})]})}function fo({title:e,description:r,actionLabel:n,actionDisabled:s,destructive:o,onClick:a,children:i}){return t.jsxs("section",{"data-testid":`danger-card-${e.toLowerCase().replace(/\s+/g,"-")}`,style:{padding:16,border:"1px solid rgba(220, 38, 38, 0.4)",borderRadius:8,background:"rgba(220, 38, 38, 0.04)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:16},children:[t.jsxs("div",{style:{flex:1},children:[t.jsx("h3",{style:{margin:0,fontSize:14,fontWeight:600,color:"var(--text-primary)"},children:e}),t.jsx("p",{style:{margin:"4px 0 0",fontSize:12,color:"var(--text-secondary)",lineHeight:1.5},children:r})]}),t.jsx("button",{type:"button",onClick:a,disabled:s,style:{padding:"6px 14px",fontSize:13,fontFamily:"inherit",background:o?"#dc2626":"transparent",color:o?"#fff":"#dc2626",border:"1px solid #dc2626",borderRadius:6,cursor:s?"not-allowed":"pointer",opacity:s?.6:1,whiteSpace:"nowrap"},children:n})]}),i]})}function Nj({exports:e}){return e.length===0?t.jsx("div",{style:{marginTop:12,padding:10,fontSize:12,color:"var(--text-tertiary)",background:"var(--bg-elevated, #fff)",border:"1px dashed var(--border-default, #e5e7eb)",borderRadius:6},children:"No export jobs yet."}):t.jsxs("table",{"data-testid":"exports-table",style:{marginTop:12,width:"100%",borderCollapse:"collapse",fontSize:12},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-default, #e5e7eb)"},children:[t.jsx("th",{style:ho,children:"Requested"}),t.jsx("th",{style:ho,children:"Status"}),t.jsx("th",{style:ho,children:"Download"})]})}),t.jsx("tbody",{children:e.map(r=>t.jsxs("tr",{style:{borderBottom:"1px solid var(--border-default, #e5e7eb)"},children:[t.jsx("td",{style:mo,children:new Date(r.requestedAt).toLocaleString()}),t.jsx("td",{style:mo,children:r.status}),t.jsx("td",{style:mo,children:r.status==="ready"&&r.downloadUrl?t.jsx("a",{href:r.downloadUrl,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--color-accent, #2563eb)"},children:"Download"}):t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"—"})})]},r.id))})]})}function Rj({pending:e,onCancel:r,onConfirm:n}){return t.jsxs(iu,{title:"Sign out of all devices?",onDismiss:r,testId:"sign-out-all-modal",children:[t.jsx("p",{style:{margin:0,fontSize:13,color:"var(--text-primary)"},children:"Every active session and API token will be revoked. You'll need to sign back in on every device. This cannot be undone."}),t.jsxs(lu,{children:[t.jsx(cu,{onClick:r,disabled:e,children:"Cancel"}),t.jsx(du,{disabled:e,onClick:()=>void n(),children:e?"Signing out…":"Sign out everywhere"})]})]})}function Tj({githubHandle:e,pending:r,onCancel:n,onConfirm:s}){const[o,a]=c.useState(""),i=o.trim()===e;return t.jsxs(iu,{title:"Delete your account?",onDismiss:n,testId:"delete-account-modal",children:[t.jsx("p",{style:{margin:0,fontSize:13,color:"var(--text-primary)",lineHeight:1.5},children:"Your account will be soft-deleted for 30 days, then purged permanently. Connected repos are disconnected, API tokens revoked, and skills you've published become orphaned."}),t.jsxs("p",{style:{margin:0,fontSize:13,color:"var(--text-primary)"},children:["Type ",t.jsx("strong",{children:e})," to confirm:"]}),t.jsx("input",{type:"text","data-testid":"delete-account-confirm-input",value:o,onChange:l=>a(l.target.value),autoFocus:!0,placeholder:e,disabled:r,style:{width:"100%",padding:"8px 10px",fontSize:13,fontFamily:"var(--font-mono)",color:"var(--text-primary)",background:"var(--bg-elevated, #fff)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,boxSizing:"border-box"}}),t.jsxs(lu,{children:[t.jsx(cu,{onClick:n,disabled:r,children:"Cancel"}),t.jsx(du,{disabled:!i||r,onClick:()=>void s(o.trim()),children:r?"Deleting…":"Delete account"})]})]})}function iu({title:e,testId:r,onDismiss:n,children:s}){return t.jsx("div",{role:"dialog","aria-modal":"true","aria-label":e,"data-testid":r,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.45)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,fontFamily:"var(--font-sans)"},onClick:o=>{o.target===o.currentTarget&&n()},children:t.jsxs("div",{style:{width:"min(440px, calc(100vw - 32px))",background:"var(--bg-elevated, #fff)",borderRadius:10,border:"1px solid var(--border-default, #e5e7eb)",boxShadow:"0 18px 40px rgba(0,0,0,0.18)",padding:20,display:"flex",flexDirection:"column",gap:14},children:[t.jsx("h3",{style:{margin:0,fontSize:16,fontWeight:600,color:"var(--text-primary)"},children:e}),s]})})}function lu({children:e}){return t.jsx("div",{style:{display:"flex",gap:8,justifyContent:"flex-end",marginTop:4},children:e})}function cu({children:e,onClick:r,disabled:n}){return t.jsx("button",{type:"button",onClick:r,disabled:n,style:{padding:"8px 16px",fontSize:13,fontFamily:"inherit",background:"transparent",color:"var(--text-primary)",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:6,cursor:n?"not-allowed":"pointer",opacity:n?.6:1},children:e})}function du({children:e,onClick:r,disabled:n}){return t.jsx("button",{type:"button",onClick:r,disabled:n,style:{padding:"8px 16px",fontSize:13,fontFamily:"inherit",background:n?"var(--bg-canvas, #f3f4f6)":"#dc2626",color:n?"var(--text-tertiary)":"#fff",border:"1px solid #dc2626",borderRadius:6,cursor:n?"not-allowed":"pointer",opacity:n?.6:1},children:e})}const ho={textAlign:"left",padding:"8px 10px",fontWeight:600,fontSize:11,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)"},mo={padding:"8px 10px",color:"var(--text-primary)"};function Ij(e){return(e instanceof DOMException||e instanceof Error)&&e.name==="AbortError"}function Lj(e){let r="message";const n=[];for(const s of e.split(`
+`)){if(!s||s.startsWith(":"))continue;const o=s.indexOf(":"),a=o===-1?s:s.slice(0,o),i=o===-1?"":s.slice(o+1),l=i.startsWith(" ")?i.slice(1):i;a==="event"?r=l||"message":a==="data"&&n.push(l)}return n.length===0?null:{event:r,data:n.join(`
+`)}}function xl(e,r){let n=e.replace(/\r\n/g,`
+`).replace(/\r/g,`
+`),s=n.indexOf(`
+
+`);for(;s!==-1;){const o=n.slice(0,s);n=n.slice(s+2);const a=Lj(o);a&&r(a),s=n.indexOf(`
+
+`)}return n}function Aj(e,r){const n=r.fetchImpl??fetch,s=new AbortController;let o=!1;const a=()=>{o||(o=!0,clearTimeout(i),s.abort())},i=setTimeout(()=>{var d;if(o)return;const l=new Error(r.timeoutMessage??"SSE stream timed out");a(),(d=r.onError)==null||d.call(r,l)},r.timeoutMs??2e5);return(async()=>{var l,d;try{const u=await n(e,{headers:{Accept:"text/event-stream"},signal:s.signal});if(!u.ok){const x=u.statusText?` ${u.statusText}`:"";throw new Error(`SSE stream failed: HTTP ${u.status}${x}`)}if(!u.body)throw new Error("SSE stream failed: response body is empty");const p=u.body.getReader(),f=new TextDecoder;let h="";for(;;){const{done:x,value:g}=await p.read();if(x)break;h=xl(h+f.decode(g,{stream:!0}),r.onEvent)}const m=f.decode();(m||h)&&xl(`${h}${m}
+
+`,r.onEvent),clearTimeout(i);const y=!o;o=!0,y&&((l=r.onClose)==null||l.call(r))}catch(u){if(clearTimeout(i),o&&Ij(u))return;o=!0,(d=r.onError)==null||d.call(r,u instanceof Error?u:new Error(String(u)))}})(),{close:a}}const Pj="/api/v1/submissions/stream?mine=1",xo=new Set([...is,...Yo]);function $j(e){return!!e&&typeof e=="object"&&typeof e.submissionId=="string"&&typeof e.state=="string"}function Mj(e){const r=new Date(e);return Number.isNaN(r.getTime())?"—":r.toLocaleString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"})}function Dj(e){return is.has(e)?"#22C55E":Yo.has(e)?"#EF4444":"#F59E0B"}function Fj({openStream:e=Aj,notify:r=Ul}={}){const[n,s]=c.useState([]),[o,a]=c.useState({}),[i,l]=c.useState(!0),[d,u]=c.useState(null),[p,f]=c.useState(!1),h=c.useRef(new Set),m=c.useRef(!0),y=c.useCallback(async()=>{l(!0),u(null);try{const g=await ce.getMyQueue();if(!m.current)return;const b=g.submissions??[];s(b),a(g.queuePositions??{}),h.current=new Set(b.map(v=>v.id));for(const v of b)xo.has(v.state)&&vf(v.id,v.state)}catch(g){if(!m.current)return;u(g instanceof Error?g.message:String(g))}finally{m.current&&l(!1)}},[]),x=c.useCallback(g=>{h.current.has(g.submissionId)&&(s(b=>{let v=!1;const j=b.map(C=>C.id!==g.submissionId?C:(v=!0,{...C,state:g.state,skillName:g.skillName||C.skillName,updatedAt:g.timestamp||C.updatedAt}));return v?j:b}),xo.has(g.state)&&(a(b=>{if(!(g.submissionId in b))return b;const v={...b};return delete v[g.submissionId],v}),Wl(g.submissionId,g.state)&&r(g.submissionId,g.skillName,g.state)))},[r]);return c.useEffect(()=>(m.current=!0,y(),()=>{m.current=!1}),[y]),c.useEffect(()=>{let g=null,b=null,v=0,j=!1;const C=()=>{j||(g=e(Pj,{timeoutMs:6e5,onEvent:R=>{if(j||(f(!0),v=0,!R.data||R.data==="connected"||R.data==="keepalive"))return;let k;try{k=JSON.parse(R.data)}catch{return}$j(k)&&x(k)},onError:()=>{j||(f(!1),w())},onClose:()=>{j||(f(!1),w())}}))},w=()=>{if(j||b!=null)return;const R=Math.min(1e3*2**v,3e4);v+=1,b=setTimeout(()=>{if(b=null,!j){try{g==null||g.close()}catch{}C()}},R)};return C(),()=>{j=!0,b!=null&&clearTimeout(b);try{g==null||g.close()}catch{}}},[]),t.jsxs("section",{"data-testid":"submission-queue-panel","aria-label":"My submission queue",style:{fontFamily:"var(--font-mono, monospace)"},children:[t.jsxs("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:10},children:[t.jsx("strong",{style:{fontSize:13,letterSpacing:"-0.01em"},children:"My submissions"}),t.jsxs("span",{"data-testid":"queue-stream-status",title:p?"Live":"Reconnecting…",style:{display:"inline-flex",alignItems:"center",gap:6,fontSize:10,textTransform:"uppercase",letterSpacing:"0.06em",color:p?"#22C55E":"#9CA3AF"},children:[t.jsx("span",{"aria-hidden":"true",style:{width:7,height:7,borderRadius:"50%",background:p?"#22C55E":"#9CA3AF",display:"inline-block"}}),p?"Live":"Offline"]})]}),i&&t.jsx("div",{"data-testid":"queue-loading",style:{fontSize:12,color:"#9CA3AF",padding:"8px 0"},children:"Loading your submissions…"}),d&&!i&&t.jsxs("div",{role:"alert","data-testid":"queue-error",style:{fontSize:12,color:"#EF4444",padding:"8px 0"},children:["Couldn’t load your submissions: ",d," ",t.jsx("button",{type:"button",onClick:()=>void y(),style:{background:"none",border:"none",color:"var(--color-accent, #2563EB)",textDecoration:"underline",cursor:"pointer",padding:0,font:"inherit"},children:"Retry"})]}),!i&&!d&&n.length===0&&t.jsx("div",{"data-testid":"queue-empty",style:{fontSize:12,color:"#9CA3AF",padding:"8px 0"},children:"No submissions yet. Publish a skill to add it to the queue."}),n.length>0&&t.jsxs("table",{"data-testid":"queue-table",style:{width:"100%",borderCollapse:"collapse",fontSize:12},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{textAlign:"left",color:"#9CA3AF",fontSize:10,textTransform:"uppercase",letterSpacing:"0.06em"},children:[t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"Skill"}),t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"State"}),t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"Position"}),t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"Updated"})]})}),t.jsx("tbody",{children:n.map(g=>{const b=o[g.id],v=xo.has(g.state);return t.jsxs("tr",{"data-testid":`queue-row-${g.id}`,"data-state":g.state,style:{borderTop:"1px solid rgba(255,255,255,0.06)"},children:[t.jsx("td",{style:{padding:"6px 8px",fontWeight:600},children:g.skillName}),t.jsx("td",{style:{padding:"6px 8px"},children:t.jsx("span",{"data-testid":`queue-state-${g.id}`,style:{color:Dj(g.state)},children:g.state})}),t.jsx("td",{style:{padding:"6px 8px",fontVariantNumeric:"tabular-nums"},"data-testid":`queue-position-${g.id}`,children:v||b==null?"—":`#${b}`}),t.jsx("td",{style:{padding:"6px 8px",color:"#9CA3AF",fontVariantNumeric:"tabular-nums"},children:Mj(g.updatedAt)})]},g.id)})})]})]})}const zj=[{key:"profile",label:"Profile"},{key:"billing",label:"Plan & billing"},{key:"repos",label:"Connected repositories"},{key:"skills",label:"Skills"},{key:"queue",label:"My queue"},{key:"tokens",label:"API tokens"},{key:"notifications",label:"Notifications"},{key:"danger",label:"Danger zone"}];function _j({initialTab:e="profile",online:r=!0,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o}){const[a,i]=c.useState(e);return t.jsxs("div",{"data-testid":"account-shell",style:{display:"flex",flexDirection:"column",height:"100%",minHeight:0,fontFamily:"var(--font-sans)"},children:[t.jsx(Bj,{}),!r&&t.jsx(Oj,{}),t.jsxs("div",{style:{display:"flex",flex:1,minHeight:0},children:[t.jsx(Wj,{activeTab:a,onSelectTab:i}),t.jsx("main",{"data-testid":"account-shell-pane",style:{flex:1,overflowY:"auto",padding:24,background:"var(--bg-canvas, #f9fafb)"},children:t.jsx(Uj,{tab:a,online:r,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o})})]})]})}function Bj(){const{data:e}=vn();return t.jsxs("header",{"data-testid":"account-shell-header",style:{display:"flex",alignItems:"center",gap:12,padding:"12px 16px",borderBottom:"1px solid var(--border-default, #e5e7eb)",background:"var(--bg-elevated, #fff)"},children:[e!=null&&e.avatarUrl?t.jsx("img",{src:e.avatarUrl,alt:"",width:28,height:28,style:{width:28,height:28,borderRadius:"50%",objectFit:"cover",border:"1px solid var(--border-default, #e5e7eb)"}}):t.jsx("div",{style:{width:28,height:28,borderRadius:"50%",background:"var(--bg-canvas, #f3f4f6)"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",lineHeight:1.2},children:[t.jsx("strong",{style:{fontSize:13,color:"var(--text-primary)"},children:(e==null?void 0:e.displayName)??"Loading…"}),t.jsx("span",{style:{fontSize:11,color:"var(--text-secondary)"},children:e?`@${e.githubHandle}`:""})]})]})}function Oj(){return t.jsx("div",{role:"status","data-testid":"account-shell-offline-banner",style:{padding:"8px 16px",background:"rgba(245, 158, 11, 0.15)",color:"#92400e",fontSize:12,borderBottom:"1px solid rgba(245, 158, 11, 0.4)"},children:"Offline — showing the last synced data."})}function Wj({activeTab:e,onSelectTab:r}){return t.jsx("nav",{"data-testid":"account-shell-sidenav","aria-label":"Account sections",style:{width:220,flexShrink:0,borderRight:"1px solid var(--border-default, #e5e7eb)",background:"var(--bg-elevated, #fff)",padding:"12px 8px",display:"flex",flexDirection:"column",gap:2},children:zj.map(n=>{const s=e===n.key;return t.jsx("button",{type:"button","data-testid":`account-tab-${n.key}`,"data-active":s?"true":"false",onClick:()=>r(n.key),style:{display:"block",textAlign:"left",padding:"8px 12px",fontSize:13,fontFamily:"inherit",fontWeight:s?600:400,color:"var(--text-primary)",background:s?"var(--bg-canvas, #f3f4f6)":"transparent",border:"none",borderLeft:`3px solid ${s?"var(--color-accent, #2563eb)":"transparent"}`,borderRadius:0,cursor:"pointer"},children:n.label},n.key)})})}function Uj({tab:e,online:r,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o}){switch(e){case"profile":return t.jsx(Hj,{});case"billing":return t.jsx(Vj,{onUpgradeClick:o});case"repos":return t.jsx(Gj,{online:r,onConnectRepo:n,onOpenRepoOnGitHub:s});case"skills":return t.jsx(Kj,{});case"queue":return t.jsx(qj,{});case"tokens":return t.jsx(Yj,{});case"notifications":return t.jsx(Qj,{});case"danger":return t.jsx(Xj,{});default:return null}}function Hj(){const{data:e,loading:r,error:n}=vn(),s=Bc(),[o,a]=c.useState(!1),[i,l]=c.useState(null);return r||!e?t.jsx(yr,{error:n}):t.jsx(uj,{profile:e,saving:o,errorMessage:i,onSubmit:async d=>{a(!0),l(null);try{await s(d)}catch(u){l(u instanceof Error?u.message:String(u))}finally{a(!1)}}})}function Vj({onUpgradeClick:e}){const{data:r,loading:n,error:s}=vn();return n||!r?t.jsx(yr,{error:s}):t.jsx(mj,{tier:r.tier,onUpgradeClick:e})}function Gj({online:e,onConnectRepo:r,onOpenRepoOnGitHub:n}){const{data:s,loading:o,error:a}=ca(),i=Wc(),l=Uc(),[d,u]=c.useState({});return o&&!s?t.jsx(yr,{error:a}):t.jsx(rj,{repos:Oc(s),pendingActions:d,onConnectNew:()=>r==null?void 0:r(),onOpenOnGitHub:p=>{const f=`https://github.com/${p.repoFullName}`;n?n(f):typeof window<"u"&&window.open(f,"_blank")},onResync:async p=>{if(e){u(f=>({...f,[p.repoId]:"resync"}));try{await i(p.repoId)}finally{u(f=>{const h={...f};return delete h[p.repoId],h})}}},onDisconnect:async p=>{if(e){u(f=>({...f,[p.repoId]:"disconnect"}));try{await l(p.repoId)}finally{u(f=>{const h={...f};return delete h[p.repoId],h})}}}})}function Kj(){const{skills:e}=dg();return e.data?t.jsxs("div",{"data-testid":"account-skills-tab",style:{display:"flex",flexDirection:"column",gap:12},children:[t.jsxs("div",{style:{display:"flex",gap:12},children:[t.jsx(gl,{label:"Public skills",value:e.data.publicCount}),t.jsx(gl,{label:"Private skills",value:e.data.privateCount})]}),t.jsxs("section",{style:{marginTop:8},children:[t.jsx("h3",{style:{margin:"0 0 8px",fontSize:13,fontWeight:600,color:"var(--text-primary)"},children:"Recent activity"}),e.data.recentActivity.length===0?t.jsx("p",{style:{margin:0,fontSize:12,color:"var(--text-secondary)"},children:"No recent activity."}):t.jsx("ul",{style:{margin:0,padding:0,listStyle:"none"},children:e.data.recentActivity.map((r,n)=>t.jsxs("li",{style:{padding:"6px 0",fontSize:12,borderBottom:"1px solid var(--border-default, #e5e7eb)",color:"var(--text-primary)"},children:[t.jsx("strong",{children:r.skillName})," ",t.jsx("span",{style:{color:"var(--text-secondary)"},children:r.action})]},`${r.skillName}-${n}`))})]})]}):t.jsx(yr,{error:e.error})}function gl({label:e,value:r}){return t.jsxs("div",{style:{flex:1,padding:16,border:"1px solid var(--border-default, #e5e7eb)",borderRadius:8,background:"var(--bg-elevated, #fff)"},children:[t.jsx("div",{style:{fontSize:11,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)"},children:e}),t.jsx("div",{style:{fontSize:24,fontWeight:600,color:"var(--text-primary)",fontVariantNumeric:"tabular-nums"},children:r})]})}function qj(){return t.jsx("section",{"data-testid":"account-queue-tab",style:{display:"flex",flexDirection:"column",gap:12},children:t.jsx(Fj,{})})}function Yj(){const{data:e,loading:r,error:n}=Hc(),s=Vc(),o=Gc(),[a,i]=c.useState(!1),[l,d]=c.useState(null),[u,p]=c.useState(null);return r&&!e?t.jsx(yr,{error:n}):n&&!e?t.jsx(Jj,{title:"API tokens are unavailable",message:"This page is for CLI and automation tokens, separate from GitHub repository access. Sign in again, then retry token management.",detail:n.message}):t.jsx(gj,{tokens:e??[],creating:a,pendingRevokeId:l,recentlyCreated:u,onDismissRecentlyCreated:()=>p(null),onCreate:async f=>{i(!0);try{const h=await s(f);p(h)}finally{i(!1)}},onRevoke:async f=>{d(f.id);try{await o(f.id)}finally{d(null)}}})}function Jj({title:e,message:r,detail:n}){return t.jsxs("div",{role:"alert","data-testid":"account-shell-section-error",style:{padding:16,border:"1px solid rgba(220, 38, 38, 0.35)",background:"rgba(220, 38, 38, 0.06)",borderRadius:8,color:"#7f1d1d",fontSize:13,display:"flex",flexDirection:"column",gap:6},children:[t.jsx("strong",{style:{color:"#991b1b"},children:e}),t.jsx("span",{children:r}),n?t.jsx("code",{style:{color:"#991b1b",fontSize:12,wordBreak:"break-word"},children:n}):null]})}function Qj(){const{data:e,loading:r,error:n}=Kc(),s=qc(),[o,a]=c.useState(!1),[i,l]=c.useState(null);return r||!e?t.jsx(yr,{error:n}):t.jsx(Sj,{prefs:e,saving:o,errorMessage:i,onSubmit:async d=>{a(!0),l(null);try{await s(d)}catch(u){l(u instanceof Error?u.message:String(u))}finally{a(!1)}}})}function Xj(){const{data:e}=vn(),{data:r}=Yc(),n=Jc(),s=Qc(),o=Xc(),[a,i]=c.useState({}),[l,d]=c.useState(null);return e?t.jsx(Ej,{githubHandle:e.githubHandle,exports:r??[],pending:a,errorMessage:l,onSignOutAll:async()=>{i(u=>({...u,signOutAll:!0})),d(null);try{await n()}catch(u){d(u instanceof Error?u.message:String(u))}finally{i(u=>({...u,signOutAll:!1}))}},onExportRequest:async()=>{i(u=>({...u,exportRequest:!0})),d(null);try{await s()}catch(u){d(u instanceof Error?u.message:String(u))}finally{i(u=>({...u,exportRequest:!1}))}},onDeleteAccount:async u=>{i(p=>({...p,deleteAccount:!0})),d(null);try{await o(u)}catch(p){d(p instanceof Error?p.message:String(p))}finally{i(p=>({...p,deleteAccount:!1}))}}}):t.jsx(yr,{})}function yr({error:e}={}){return e?t.jsxs("div",{role:"alert","data-testid":"account-shell-tab-error",style:{padding:16,border:"1px solid rgba(220, 38, 38, 0.4)",background:"rgba(220, 38, 38, 0.06)",borderRadius:8,color:"#991b1b",fontSize:13},children:["Couldn't load this section: ",e.message]}):t.jsx("div",{"data-testid":"account-shell-tab-loading",style:{padding:16,color:"var(--text-secondary)",fontSize:13},children:"Loading…"})}const Zj=c.lazy(()=>nr(()=>import("./FindSkillsPalette-BY9DAhHh.js"),__vite__mapDeps([8,5,3,4])).then(e=>({default:e.FindSkillsPalette})));gf();const ew=c.lazy(()=>nr(()=>import("./SkillDetailPanel-B_lbhK6q.js"),__vite__mapDeps([9,3,4,10,5,6])).then(e=>({default:e.SkillDetailPanel}))),tw=c.lazy(()=>nr(()=>import("./CreateSkillPage-Cv93Croj.js"),__vite__mapDeps([11,3,4,5,6])).then(e=>({default:e.CreateSkillPage}))),rw=c.lazy(()=>nr(()=>Promise.resolve().then(()=>Ub),void 0).then(e=>({default:e.UpdatesPanel})));function nw(){return t.jsx(Jf,{children:t.jsx(_k,{children:t.jsx(Kf,{children:t.jsx(qh,{children:t.jsx(sw,{children:t.jsxs(U1,{children:[t.jsx(ow,{}),t.jsx(_1,{})]})})})})})})}function sw({children:e}){const[r,n]=c.useState(void 0);return c.useEffect(()=>{let s=!1;if(Gl())return Wf().then(o=>{s||n(o)}),()=>{s=!0}},[]),t.jsx(og,{value:r,children:e})}function ow(){var Gt,wn;const{state:e,selectSkill:r,clearSelection:n,refreshSkills:s,outdatedByOrigin:o,revealSkill:a,clearReveal:i}=Mt(),{config:l}=mr(),{resolvedTheme:d,setTheme:u}=rc(),{toast:p}=ls(),[f,h]=c.useState(()=>ty()),[m]=c.useState(!0),[y,x]=c.useState(!1),[g,b]=c.useState(!1),[v,j]=c.useState(!1),[C,w]=c.useState(()=>typeof window>"u"?"overview":_o(window.location.search).tab),[R,k]=c.useState(()=>{if(typeof window>"u")return"";const z=_o(window.location.search);return z.mode?z.mode:z.view?z.view:Od(z.tab,window.location.search)}),E=c.useCallback(z=>{w(ie=>(ie!==z&&k(rn(z)),z))},[]);c.useEffect(()=>{if(typeof window>"u")return;const z=()=>{const ie=new URLSearchParams(window.location.search),le=ie.get("tab"),vt=ie.get("panel"),Ve=rs(le)??rs(vt);if(!Ve)return;const Ft=new URLSearchParams(window.location.search);Ft.delete("panel"),Ft.delete("sub"),Ve.tab==="overview"?Ft.delete("tab"):Ft.set("tab",Ve.tab),Ft.delete("mode"),Ft.delete("view"),Ve.mode&&Ft.set("mode",Ve.mode),Ve.view&&Ft.set("view",Ve.view);const Lt=Ft.toString(),ya=`${window.location.pathname}${Lt?"?"+Lt:""}${window.location.hash}`,uu=`${window.location.pathname}${window.location.search}${window.location.hash}`;ya!==uu&&window.history.replaceState(null,"",ya),w(Ve.tab),Ve.mode?k(Ve.mode):Ve.view?k(Ve.view):k(rn(Ve.tab))};return z(),window.addEventListener("popstate",z),()=>window.removeEventListener("popstate",z)},[]),c.useEffect(()=>{if(typeof window>"u")return;const z=new URLSearchParams(window.location.search);z.delete("panel"),z.delete("sub"),C==="overview"?z.delete("tab"):z.set("tab",C),z.delete("mode"),z.delete("view"),!(R===rn(C))&&R&&(C==="run"?z.set("mode",R):C==="history"&&z.set("view",R));const le=z.toString(),vt=`${window.location.pathname}${le?"?"+le:""}${window.location.hash}`,Ve=`${window.location.pathname}${window.location.search}${window.location.hash}`;vt!==Ve&&window.history.replaceState(null,"",vt)},[C,R]);const[T,N]=c.useState(ol),I=c.useCallback((z,ie)=>{N(jk(z,ie))},[]),A=z0(),[$,_]=c.useState(()=>kk("activeAgent",null)),S=c.useCallback(z=>{_(z),bk("activeAgent",z),typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:agent-changed",{detail:{agentId:z}}))},[]);c.useEffect(()=>{var z;!$&&((z=A.response)!=null&&z.suggested)&&S(A.response.suggested)},[$,(Gt=A.response)==null?void 0:Gt.suggested,S]);const L=c.useMemo(()=>A.response?A0(A.response):[],[A.response]),{workspace:P,switchProject:D,addProject:H,removeProject:ne,activeProject:U}=V0(),[B,Q]=c.useState(!1);c.useEffect(()=>{se.current=(U==null?void 0:U.path)??null},[U==null?void 0:U.path]);const[pe,be]=c.useState(!1),[W,re]=c.useState("standalone"),[M,V]=c.useState(!1),[G,K]=c.useState(null),se=c.useRef(null),Z=Bk(),ae=pn(),de=c.useCallback(z=>{ae.openExternalUrl(z).catch(()=>{typeof window<"u"&&window.open(z,"_blank","noopener,noreferrer")})},[ae]),oe=c.useCallback(async(z="standalone")=>{re(z),be(!0)},[]);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;oe((le==null?void 0:le.mode)??"standalone")}return window.addEventListener("studio:request-create-skill",z),()=>window.removeEventListener("studio:request-create-skill",z)},[oe]),c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;K(le!=null&&le.repoName?{repoName:le.repoName}:null),V(!0)}return window.addEventListener("studio:request-paywall",z),()=>window.removeEventListener("studio:request-paywall",z)},[]);const[he,F]=c.useState(!1),[q,ee]=c.useState(null),[Y,ue]=c.useState(null);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;!le||typeof le.skill!="string"||le.skill.length===0||ue({skill:le.skill,skillDisplayName:le.skillDisplayName,scope:le.scope==="project"?"project":"user",activeAgentId:le.activeAgentId,preCheckedAgentIds:le.preCheckedAgentIds})}return window.addEventListener("studio:open-install-targets-modal",z),()=>window.removeEventListener("studio:open-install-targets-modal",z)},[]);const[me,Se]=c.useState(null);c.useEffect(()=>{function z(){F(!0)}return window.addEventListener("studio:open-marketplace",z),()=>window.removeEventListener("studio:open-marketplace",z)},[]);const ve=c.useMemo(()=>{const z=new Set;for(const ie of e.skills)ie.source==="plugin"&&ie.pluginName&&z.add(ie.pluginName);return z},[e.skills]);To([{key:"p",meta:!0,handler:z=>{var le;const ie=typeof document<"u"?document.activeElement:null;ie&&ie.tagName==="INPUT"||((le=z==null?void 0:z.preventDefault)==null||le.call(z),Q(vt=>!vt))}}],{enabled:!0});const Fe=x0(),Ke=Fe.open;c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.provider&&Ke(le.provider)}return window.addEventListener("studio:open-setup-drawer",z),()=>window.removeEventListener("studio:open-setup-drawer",z)},[Ke]);const qe=c.useCallback(()=>{N(ol)},[]);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.message&&p({message:le.message,severity:le.severity??"info"})}return window.addEventListener("studio:toast",z),()=>window.removeEventListener("studio:toast",z)},[p]),vk();const[X,Re]=c.useState(!1),[we,$e]=c.useState(void 0);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;$e(le==null?void 0:le.provider),Re(!0)}return window.addEventListener("studio:open-settings",z),()=>window.removeEventListener("studio:open-settings",z)},[]),c.useEffect(()=>{document.documentElement.style.setProperty("--sidebar-width",`${f}px`)},[f]),c.useEffect(()=>{function z(){s()}return window.addEventListener("studio:content-saved",z),()=>window.removeEventListener("studio:content-saved",z)},[s]);const[Ue,nt]=c.useState(null),[Ct,vr]=c.useState(()=>new Set),Qt=c.useRef(!1),He=c.useMemo(()=>gg(),[]),tt=c.useCallback(z=>`${z.plugin}/${z.skill}`,[]),xt=c.useCallback(z=>{vr(ie=>{const le=new Set(ie);return le.add(tt(z)),le})},[tt]),Tt=c.useCallback(z=>{vr(ie=>{const le=new Set(ie);return le.delete(tt(z)),le})},[tt]),gt=Xi({delayMs:1e4,onCommit:z=>{s(),Tt(z)},onFailure:(z,ie)=>{Tt(z),p({message:`Couldn't delete ${z.skill}: ${ie.message}`,severity:"error",durationMs:0,action:{label:O.actions.retry,onInvoke:()=>{xt(z),gt.enqueueDelete(z)}}})}});c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.skill&&nt(le.skill)}return window.addEventListener("studio:request-delete",z),()=>window.removeEventListener("studio:request-delete",z)},[]);const[rt,ht]=c.useState(null);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.skill&&ht(le.skill)}return window.addEventListener("studio:request-clone",z),()=>window.removeEventListener("studio:request-clone",z)},[]);const[Ee,Ae]=c.useState(null),st=Xi({delayMs:250,apiCall:(z,ie)=>api.uninstallSkill(z,ie),onCommit:z=>{s(),Tt(z)},onFailure:(z,ie)=>{var le;if(Tt(z),ie instanceof qt&&((le=ie.details)==null?void 0:le.code)==="not-installed"){p({message:`${z.skill} is a source-authored skill — use Delete instead`,severity:"info",durationMs:4e3});return}p({message:`Couldn't uninstall ${z.skill}: ${ie.message}`,severity:"error",durationMs:0,action:{label:O.actions.retry,onInvoke:()=>{xt(z),st.enqueueDelete(z)}}})}});c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.skill&&Ae(le.skill)}return window.addEventListener("studio:request-uninstall",z),()=>window.removeEventListener("studio:request-uninstall",z)},[]);const yt=c.useCallback(async z=>{await Promise.all([gt.flushBySkillName(z),st.flushBySkillName(z)])},[gt,st]),jn=c.useMemo(()=>({flushBySkillName:yt}),[yt]),Dt=c.useCallback(()=>{const z=Ee;if(Ae(null),!z)return;const ie={plugin:z.plugin,skill:z.skill};xt(ie),st.enqueueDelete(ie),p({message:`Uninstalled ${z.skill}. Sent to your ${He}.`,severity:"info",durationMs:4e3})},[Ee,xt,st,p,He]),xs=c.useCallback(()=>{Ae(null)},[]),gs=c.useCallback(()=>{const z=Ue;if(nt(null),!z)return;const ie={plugin:z.plugin,skill:z.skill};xt(ie),gt.enqueueDelete(ie);const le=Qt.current?"":`Sent to your ${He}. Open Trash to restore. `;Qt.current=!0,p({message:`${le}Deleted ${z.skill}`,severity:"info",durationMs:1e4,action:{label:O.actions.undo,onInvoke:()=>{gt.cancelDelete(tt(ie)),Tt(ie)}}})},[Ue,xt,Tt,gt,p,He,tt]),zr=c.useCallback(()=>{nt(null)},[]),It=c.useMemo(()=>e.skills.filter(z=>!Ct.has(tt(z))),[e.skills,Ct,tt]),br=cy(It,(U==null?void 0:U.path)??null),Je=c.useMemo(()=>e.selectedSkill?e.skills.find(z=>z.plugin===e.selectedSkill.plugin&&z.skill===e.selectedSkill.skill)??null:null,[e.skills,e.selectedSkill]),_r=c.useRef(null);c.useEffect(()=>{if(!Je||typeof window>"u"||new URLSearchParams(window.location.search).get("tab")||!(Je.origin==="installed"))return;const le=`${Je.plugin}/${Je.skill}`;_r.current!==le&&(_r.current=le,C==="overview"&&w("source"))},[Je==null?void 0:Je.plugin,Je==null?void 0:Je.skill,Je==null?void 0:Je.origin]);const lr=c.useCallback(z=>{r({plugin:z.plugin,skill:z.skill,origin:z.origin,source:z.source})},[r]),De=c.useMemo(()=>{if(!e.selectedSkill)return"";const z=e.selectedSkill.origin==="installed"?"Installed":"Own";return`Viewing ${e.selectedSkill.skill} (${z})`},[e.selectedSkill]),[cr,Vt]=c.useState(null);To([{key:"cmd+k",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openFindSkills"))}},{key:"ctrl+k",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openFindSkills"))}},{key:"cmd+shift+m",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openAgentModelPicker"))}},{key:"ctrl+shift+m",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openAgentModelPicker"))}},{key:"?",handler:()=>x(z=>!z)},{key:"cmd+shift+d",handler:()=>u(d==="light"?"dark":"light")},{key:"ctrl+shift+d",handler:()=>u(d==="light"?"dark":"light")},{key:"cmd+b",handler:()=>b(z=>!z)},{key:"ctrl+b",handler:()=>b(z=>!z)}]);const ys=Nk(),it=Rk(),ga=v?t.jsx(_j,{online:typeof navigator>"u"?!0:navigator.onLine!==!1,onConnectRepo:()=>{de("https://verified-skill.com/account/repos/connect")},onOpenRepoOnGitHub:de,onUpgradeClick:()=>{de(eu)}}):it?t.jsx(c.Suspense,{fallback:t.jsx("div",{style:{padding:40},children:"Loading…"}),children:t.jsx(rw,{})}):ys?t.jsx(c.Suspense,{fallback:t.jsx("div",{style:{padding:40},children:"Loading…"}),children:t.jsx(tw,{})}):t.jsx(L1,{selectedSkillInfo:Je,activeDetailTab:C,onDetailTabChange:E,activeDetailSub:R,onDetailSubChange:k,allSkills:e.skills,onSelectSkill:lr});return t.jsxs(Ld.Provider,{value:jn,children:[t.jsx(Qf,{sidebarWidth:f,sidebarHidden:g||e.isMobile&&e.mobileView==="detail",banner:t.jsx(dy,{connected:m}),liveMessage:De,topRail:t.jsx(rm,{projectName:(l==null?void 0:l.projectName)??null,selected:e.selectedSkill,onHome:n,onRequestCreateSkill:()=>oe("standalone"),projectPickerSlot:P&&P.projects.length>0?t.jsx(K0,{workspace:P,onSwitch:D,onAdd:H,onRemove:ne}):void 0,findSkillsSlot:t.jsx(Lk,{}),appUpdateSlot:t.jsx(V1,{}),userDropdownSlot:t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsx(Yk,{}),t.jsx(Ak,{})]})}),sidebar:t.jsxs("div",{"data-testid":"desktop-sidebar",style:{display:"flex",flexDirection:"column",height:"100%",minHeight:0},children:[t.jsx("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column"},children:t.jsx(Hg,{skills:It,selectedKey:e.selectedSkill?{plugin:e.selectedSkill.plugin,skill:e.selectedSkill.skill}:null,onSelect:z=>{j(!1),lr(z)},isLoading:e.skillsLoading,error:e.skillsError??null,onRetry:s,onContextMenu:I,outdatedByOrigin:o,activeAgentId:$,revealSkillId:e.revealSkillId,onRevealComplete:i,dirtySkillIds:br,onSkillsChanged:s,topSlot:t.jsxs(t.Fragment,{children:[A.status==="ready"&&L.length>0?t.jsxs(t.Fragment,{children:[t.jsx(P0,{agents:L,activeAgentId:$,onActiveAgentChange:S,onOpenSetup:z=>Fe.open(z)}),t.jsx(F0,{activeAgentId:$})]}):null,U!=null&&U.path?t.jsx(td,{folder:U.path,tier:Z.tier,onUpgradeClick:()=>{try{window.dispatchEvent(new CustomEvent("studio:request-paywall",{detail:{repoName:U.path}}))}catch{}}}):null]})})}),t.jsx("div",{style:{borderTop:"1px solid var(--border-default, rgba(128,128,128,0.25))",padding:"6px 0"},children:t.jsx(Zk,{active:v,onClick:()=>j(z=>!z)})})]}),resizeHandle:t.jsx(ny,{initialWidth:f??tn,onChange:h}),main:ga,statusBar:t.jsx(fm,{projectPath:(l==null?void 0:l.root)??null,modelName:(l==null?void 0:l.model)??null,health:l!=null&&l.error?"degraded":"ok",providers:(wn=l==null?void 0:l.providers)==null?void 0:wn.map(z=>{const ie=z.id;return{id:ie,label:z.label,available:z.available,kind:ie==="ollama"||ie==="lm-studio"?"start-service":ie==="anthropic"||ie==="openrouter"?"api-key":"cli-install"}})})}),t.jsx(K1,{open:y,onClose:()=>x(!1)}),t.jsx(d0,{open:Fe.isOpen,providerKey:Fe.providerKey,onClose:Fe.close}),t.jsx(Y1,{state:T,onClose:qe,onAction:(z,ie)=>Sk(z,ie)}),t.jsx(c.Suspense,{fallback:null,children:t.jsx(Zj,{onSelect:z=>{const ie=z.name.split("/");ie.length===3&&Vt({owner:ie[0],repo:ie[1],slug:ie[2],displayName:z.displayName??z.name})}})}),cr&&t.jsx(c.Suspense,{fallback:null,children:t.jsx(ew,{selectedSkill:cr,activeAgentId:$,onClose:()=>Vt(null)})}),t.jsx(Y0,{open:B,projects:(P==null?void 0:P.projects)??[],onSwitch:z=>{D(z)},onClose:()=>Q(!1)}),t.jsx(J0,{open:pe,onClose:()=>be(!1),initialMode:W,isClaudeCode:$==="claude-code",projectRoot:(U==null?void 0:U.path)??(l==null?void 0:l.projectName)??"",onCreated:z=>{s(),setTimeout(()=>{a(z.pluginName??"",z.skillName)},500),ae.quotaReportCount(It.length+1)}}),t.jsx(ek,{open:he,onClose:()=>F(!1),installedNames:ve,onInstall:(z,ie)=>{ee({plugin:z,marketplace:ie,ref:`${z}@${ie}`}),F(!1)},onUninstall:async z=>{if(await new Promise(le=>{Se({plugin:z,resolve:le})}))try{const le=await fetch(`/api/plugins/${encodeURIComponent(z)}/uninstall`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),vt=await le.json().catch(()=>({}));if(!le.ok||!vt.ok){p({message:vt.error??`Uninstall failed (${le.status})`,severity:"error"});return}const Ve=vt.fallback==="orphan-cache-removed"?`Removed orphaned ${z}.`:`Uninstalled ${z}.`;p({message:Ve,severity:"success"}),s()}catch(le){p({message:le instanceof Error?le.message:String(le),severity:"error"})}}}),t.jsx(Xl,{open:X,onClose:()=>Re(!1),initialProvider:we,onToast:z=>p({message:z,severity:"info"})}),t.jsx(sk,{job:q,onDone:z=>{z.ok&&(s(),setTimeout(()=>ee(null),3e3))}}),Y&&t.jsx(hk,{skill:Y.skill,skillDisplayName:Y.skillDisplayName,scope:Y.scope,activeAgentId:Y.activeAgentId===void 0?$:Y.activeAgentId,preCheckedAgentIds:Y.preCheckedAgentIds,onClose:()=>ue(null),onSuccess:z=>{s();const ie=z.filter(Lt=>Lt.status==="installed").length,le=z.filter(Lt=>Lt.status==="exported").length,vt=z.find(Lt=>Lt.status==="error"),Ve=Y.skillDisplayName??Y.skill;vt?p({message:vt.detail||`Could not install ${Ve}.`,severity:"error"}):le>0?p({message:`Installed ${Ve}; ${le} target${le===1?"":"s"} need paste.`,severity:"info"}):ie>0&&p({message:`Installed ${Ve} to ${ie} target${ie===1?"":"s"}.`,severity:"success"}),z.some(Lt=>Lt.status==="error"||Lt.status==="exported")||ue(null)}}),t.jsx(Kn,{open:Ue!==null,title:Ue?`Delete "${Ue.skill}"?`:"",body:`It will be sent to your ${He}. You can recover it from there.`,confirmLabel:"Delete",cancelLabel:"Cancel",variant:"destructive",onConfirm:gs,onCancel:zr}),t.jsx(Kn,{open:Ee!==null,title:Ee?`Uninstall "${Ee.skill}"?`:"",body:`It will be sent to your ${He} and the lockfile entry will be removed. You can re-install with vskill install.`,confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onConfirm:Dt,onCancel:xs}),t.jsx(Kn,{open:me!==null,title:me?`Uninstall ${me.plugin}?`:"",body:me?`This removes the ${me.plugin} plugin and all of its skills. You can reinstall it later from the marketplace.`:"",confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onConfirm:()=>{me==null||me.resolve(!0),Se(null)},onCancel:()=>{me==null||me.resolve(!1),Se(null)}}),t.jsx(Ok,{open:M,skillName:(G==null?void 0:G.repoName)??void 0,onClose:()=>{V(!1),K(null)},onProceed:()=>{K(null)}}),rt&&t.jsx(Q1,{skill:rt,onCloned:z=>{p({message:O.toasts.cloneSucceeded,severity:"info"}),ht(null);try{window.dispatchEvent(new CustomEvent("studio:skills-changed",{detail:z}))}catch{}s()},onCancel:()=>ht(null)})]})}const yl="vskill.migrations.scope-rename.v1",aw={own:"authoring-project",installed:"available-project",global:"available-personal"},iw=/^vskill-sidebar-(.+)-(own|installed|global)-collapsed$/;function lw(e){if(e.getItem(yl)==="done")return;const r=[];for(let n=0;n<e.length;n++){const s=e.key(n);if(!s)continue;const o=s.match(iw);if(!o)continue;const[,a,i]=o,l=aw[i];if(!l)continue;const d=e.getItem(s);d!==null&&r.push({oldKey:s,newKey:`vskill-sidebar-${a}-${l}-collapsed`,value:d})}for(const{oldKey:n,newKey:s,value:o}of r)e.getItem(s)===null&&e.setItem(s,o),e.removeItem(n);e.setItem(yl,"done")}if(typeof PerformanceObserver<"u")try{const e=new PerformanceObserver(r=>{for(const n of r.getEntries())if(n.name==="first-contentful-paint"){window.__vskillPaint=n.startTime,e.disconnect();return}});e.observe({type:"paint",buffered:!0})}catch{}if(typeof window<"u"&&window.localStorage)try{lw(window.localStorage)}catch{}hu.createRoot(document.getElementById("root")).render(t.jsx(c.StrictMode,{children:t.jsx(Mp,{children:t.jsx(lm,{children:t.jsx(nw,{})})})}));export{ms as E,hk as I,Ml as L,kn as P,_b as S,pw as T,ce as a,Mt as b,Db as c,$b as d,bn as e,ls as f,kk as g,Id as h,Qd as r,Er as t,mr as u,bk as w};