vskill 1.2.2 → 1.2.3

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

@@ -0,0 +1,86 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DhhmQddr.js","assets/core-DZjBCfjp.js","assets/UpdateDropdown-BlAAI6ah.js","assets/globals-hm1COkXX.js","assets/globals-Dpf9KmYH.css","assets/useDesktopBridge-BKz-gcRg.js","assets/fonts-i7Lkz2zN.css","assets/index-DDNzcrhv.js","assets/FindSkillsPalette-Dtyd7VrA.js","assets/SkillDetailPanel-BMfMN6Wy.js","assets/skill-url-C4ekwoGs.js","assets/CreateSkillPage-lecFvrLO.js"])))=>i.map(i=>d[i]);
+import{r as c,a as Ru,g as Tu,j as t,R as ye,c as Iu}from"./globals-hm1COkXX.js";import{h as Lu,o as Jn,_ as or,u as hn,n as La,l as Nn}from"./useDesktopBridge-BKz-gcRg.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 Aa="popstate";function Pa(e){return typeof e=="object"&&e!=null&&"pathname"in e&&"search"in e&&"hash"in e&&"state"in e&&"key"in e}function Au(e={}){function r(o,a){let{pathname:i="/",search:l="",hash:d=""}=$r(o.location.hash.substring(1));return!i.startsWith("/")&&!i.startsWith(".")&&(i="/"+i),jo("",{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:on(a))}function s(o,a){Mt(o.pathname.charAt(0)==="/",`relative pathnames are not supported in hash history.push(${JSON.stringify(a)})`)}return $u(r,n,s,e)}function tt(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}function Mt(e,r){if(!e){typeof console<"u"&&console.warn(r);try{throw new Error(r)}catch{}}}function Pu(){return Math.random().toString(36).substring(2,10)}function $a(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 jo(e,r,n=null,s,o){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof r=="string"?$r(r):r,state:n,key:r&&r.key||s||Pu(),unstable_mask:o}}function on({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 $r(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 $u(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 x=p(),b=x==null?null:x-u;u=x,d&&d({action:l,location:g.location,delta:b})}function h(x,b){l="PUSH";let v=Pa(x)?x:jo(g.location,x,b);n&&n(v,x),u=p()+1;let k=$a(v,u),E=g.createHref(v.unstable_mask||v);try{i.pushState(k,"",E)}catch(j){if(j instanceof DOMException&&j.name==="DataCloneError")throw j;o.location.assign(E)}a&&d&&d({action:l,location:g.location,delta:1})}function m(x,b){l="REPLACE";let v=Pa(x)?x:jo(g.location,x,b);n&&n(v,x),u=p();let k=$a(v,u),E=g.createHref(v.unstable_mask||v);i.replaceState(k,"",E),a&&d&&d({action:l,location:g.location,delta:0})}function y(x){return Mu(x)}let g={get action(){return l},get location(){return e(o,i)},listen(x){if(d)throw new Error("A history only accepts one active listener");return o.addEventListener(Aa,f),d=x,()=>{o.removeEventListener(Aa,f),d=null}},createHref(x){return r(o,x)},createURL:y,encodeLocation(x){let b=y(x);return{pathname:b.pathname,search:b.search,hash:b.hash}},push:h,replace:m,go(x){return i.go(x)}};return g}function Mu(e,r=!1){let n="http://localhost";typeof window<"u"&&(n=window.location.origin!=="null"?window.location.origin:window.location.href),tt(n,"No window.location.(origin|href) available to create URL");let s=typeof e=="string"?e:on(e);return s=s.replace(/ $/,"%20"),!r&&s.startsWith("//")&&(s=n+s),new URL(s,n)}function Il(e,r,n="/"){return Fu(e,r,n,!1)}function Fu(e,r,n,s){let o=typeof r=="string"?$r(r):r,a=qt(o.pathname||"/",n);if(a==null)return null;let i=Ll(e);Du(i);let l=null;for(let d=0;l==null&&d<i.length;++d){let u=qu(a);l=Gu(i[d],u,s)}return l}function Ll(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;tt(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=Ot([s,p.relativePath]),h=n.concat(p);i.children&&i.children.length>0&&(tt(i.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${f}".`),Ll(i.children,r,h,f,d)),!(i.path==null&&!i.index)&&r.push({path:f,score:Hu(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 Al(i.path))a(i,l,!0,u)}),r}function Al(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=Al(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 Du(e){e.sort((r,n)=>r.score!==n.score?n.score-r.score:Vu(r.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}var zu=/^:[\w-]+$/,Bu=3,_u=2,Ou=1,Wu=10,Uu=-2,Ma=e=>e==="*";function Hu(e,r){let n=e.split("/"),s=n.length;return n.some(Ma)&&(s+=Uu),r&&(s+=_u),n.filter(o=>!Ma(o)).reduce((o,a)=>o+(zu.test(a)?Bu:a===""?Ou:Wu),s)}function Vu(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 Gu(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=Xn({path:d.relativePath,caseSensitive:d.caseSensitive,end:u},p),h=d.route;if(!f&&u&&n&&!s[s.length-1].route.index&&(f=Xn({path:d.relativePath,caseSensitive:d.caseSensitive,end:!1},p)),!f)return null;Object.assign(o,f.params),i.push({params:o,pathname:Ot([a,f.pathname]),pathnameBase:Qu(Ot([a,f.pathnameBase])),route:h}),f.pathnameBase!=="/"&&(a=Ot([a,f.pathnameBase]))}return i}function Xn(e,r){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[n,s]=Ku(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 Ku(e,r=!1,n=!0){Mt(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 qu(e){try{return e.split("/").map(r=>decodeURIComponent(r).replace(/\//g,"%2F")).join("/")}catch(r){return Mt(!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 qt(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 Yu=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;function Ju(e,r="/"){let{pathname:n,search:s="",hash:o=""}=typeof e=="string"?$r(e):e,a;return n?(n=n.replace(/\/\/+/g,"/"),n.startsWith("/")?a=Fa(n.substring(1),"/"):a=Fa(n,r)):a=r,{pathname:a,search:Zu(s),hash:ep(o)}}function Fa(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 ks(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 Xu(e){return e.filter((r,n)=>n===0||r.route.path&&r.route.path.length>0)}function Pl(e){let r=Xu(e);return r.map((n,s)=>s===r.length-1?n.pathname:n.pathnameBase)}function Yo(e,r,n,s=!1){let o;typeof e=="string"?o=$r(e):(o={...e},tt(!o.pathname||!o.pathname.includes("?"),ks("?","pathname","search",o)),tt(!o.pathname||!o.pathname.includes("#"),ks("#","pathname","hash",o)),tt(!o.search||!o.search.includes("#"),ks("#","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=Ju(o,l),u=i&&i!=="/"&&i.endsWith("/"),p=(a||i===".")&&n.endsWith("/");return!d.pathname.endsWith("/")&&(u||p)&&(d.pathname+="/"),d}var Ot=e=>e.join("/").replace(/\/\/+/g,"/"),Qu=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),Zu=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,ep=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e,tp=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 rp(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}function np(e){return e.map(r=>r.route.path).filter(Boolean).join("/").replace(/\/\/*/g,"/")||"/"}var $l=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function Ml(e,r){let n=e;if(typeof n!="string"||!Yu.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let s=n,o=!1;if($l)try{let a=new URL(window.location.href),i=n.startsWith("//")?new URL(a.protocol+n):new URL(n),l=qt(i.pathname,r);i.origin===a.origin&&l!=null?n=l+i.search+i.hash:o=!0}catch{Mt(!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 Fl=["POST","PUT","PATCH","DELETE"];new Set(Fl);var sp=["GET",...Fl];new Set(sp);var Mr=c.createContext(null);Mr.displayName="DataRouter";var ss=c.createContext(null);ss.displayName="DataRouterState";var op=c.createContext(!1),Dl=c.createContext({isTransitioning:!1});Dl.displayName="ViewTransition";var ap=c.createContext(new Map);ap.displayName="Fetchers";var ip=c.createContext(null);ip.displayName="Await";var Tt=c.createContext(null);Tt.displayName="Navigation";var os=c.createContext(null);os.displayName="Location";var Yt=c.createContext({outlet:null,matches:[],isDataRoute:!1});Yt.displayName="Route";var Jo=c.createContext(null);Jo.displayName="RouteError";var zl="REACT_ROUTER_ERROR",lp="REDIRECT",cp="ROUTE_ERROR_RESPONSE";function dp(e){if(e.startsWith(`${zl}:${lp}:{`))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 up(e){if(e.startsWith(`${zl}:${cp}:{`))try{let r=JSON.parse(e.slice(40));if(typeof r=="object"&&r&&typeof r.status=="number"&&typeof r.statusText=="string")return new tp(r.status,r.statusText,r.data)}catch{}}function pp(e,{relative:r}={}){tt(mn(),"useHref() may be used only in the context of a <Router> component.");let{basename:n,navigator:s}=c.useContext(Tt),{hash:o,pathname:a,search:i}=xn(e,{relative:r}),l=a;return n!=="/"&&(l=a==="/"?n:Ot([n,a])),s.createHref({pathname:l,search:i,hash:o})}function mn(){return c.useContext(os)!=null}function ar(){return tt(mn(),"useLocation() may be used only in the context of a <Router> component."),c.useContext(os).location}var Bl="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function _l(e){c.useContext(Tt).static||c.useLayoutEffect(e)}function fp(){let{isDataRoute:e}=c.useContext(Yt);return e?Ep():hp()}function hp(){tt(mn(),"useNavigate() may be used only in the context of a <Router> component.");let e=c.useContext(Mr),{basename:r,navigator:n}=c.useContext(Tt),{matches:s}=c.useContext(Yt),{pathname:o}=ar(),a=JSON.stringify(Pl(s)),i=c.useRef(!1);return _l(()=>{i.current=!0}),c.useCallback((d,u={})=>{if(Mt(i.current,Bl),!i.current)return;if(typeof d=="number"){n.go(d);return}let p=Yo(d,JSON.parse(a),o,u.relative==="path");e==null&&r!=="/"&&(p.pathname=p.pathname==="/"?r:Ot([r,p.pathname])),(u.replace?n.replace:n.push)(p,u.state,u)},[r,n,a,o,e])}c.createContext(null);function xn(e,{relative:r}={}){let{matches:n}=c.useContext(Yt),{pathname:s}=ar(),o=JSON.stringify(Pl(n));return c.useMemo(()=>Yo(e,JSON.parse(o),s,r==="path"),[e,o,s,r])}function mp(e,r,n){tt(mn(),"useRoutes() may be used only in the context of a <Router> component.");let{navigator:s}=c.useContext(Tt),{matches:o}=c.useContext(Yt),a=o[o.length-1],i=a?a.params:{},l=a?a.pathname:"/",d=a?a.pathnameBase:"/",u=a&&a.route;{let x=u&&u.path||"";Wl(l,!u||x.endsWith("*")||x.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${l}" (under <Route path="${x}">) 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="${x}"> to <Route path="${x==="/"?"*":`${x}/*`}">.`)}let p=ar(),f;f=p;let h=f.pathname||"/",m=h;if(d!=="/"){let x=d.replace(/^\//,"").split("/");m="/"+h.replace(/^\//,"").split("/").slice(x.length).join("/")}let y=Il(e,{pathname:m});return Mt(u||y!=null,`No routes matched location "${f.pathname}${f.search}${f.hash}" `),Mt(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.`),bp(y&&y.map(x=>Object.assign({},x,{params:Object.assign({},i,x.params),pathname:Ot([d,s.encodeLocation?s.encodeLocation(x.pathname.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:x.pathname]),pathnameBase:x.pathnameBase==="/"?d:Ot([d,s.encodeLocation?s.encodeLocation(x.pathnameBase.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:x.pathnameBase])})),o,n)}function xp(){let e=Cp(),r=rp(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 gp=c.createElement(xp,null),Ol=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=up(e.digest);n&&(e=n)}let r=e!==void 0?c.createElement(Yt.Provider,{value:this.props.routeContext},c.createElement(Jo.Provider,{value:e,children:this.props.component})):this.props.children;return this.context?c.createElement(yp,{error:e},r):r}};Ol.contextType=op;var js=new WeakMap;function yp({children:e,error:r}){let{basename:n}=c.useContext(Tt);if(typeof r=="object"&&r&&"digest"in r&&typeof r.digest=="string"){let s=dp(r.digest);if(s){let o=js.get(r);if(o)throw o;let a=Ml(s.location,n);if($l&&!js.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 js.set(r,i),i}return c.createElement("meta",{httpEquiv:"refresh",content:`0;url=${a.absoluteURL||a.to}`})}}return e}function vp({routeContext:e,match:r,children:n}){let s=c.useContext(Mr);return s&&s.static&&s.staticContext&&(r.route.errorElement||r.route.ErrorBoundary)&&(s.staticContext._deepestRenderedBoundaryId=r.route.id),c.createElement(Yt.Provider,{value:e},n)}function bp(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);tt(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:np(s.matches),errorInfo:f})}:void 0;return o.reduceRight((p,f,h)=>{let m,y=!1,g=null,x=null;s&&(m=a&&f.route.id?a[f.route.id]:void 0,g=f.route.errorElement||gp,i&&(l<0&&h===0?(Wl("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),y=!0,x=null):l===h&&(y=!0,x=f.route.hydrateFallbackElement||null)));let b=r.concat(o.slice(0,h+1)),v=()=>{let k;return m?k=g:y?k=x:f.route.Component?k=c.createElement(f.route.Component,null):f.route.element?k=f.route.element:k=p,c.createElement(vp,{match:f,routeContext:{outlet:p,matches:b,isDataRoute:s!=null},children:k})};return s&&(f.route.ErrorBoundary||f.route.errorElement||h===0)?c.createElement(Ol,{location:s.location,revalidation:s.revalidation,component:g,error:m,children:v(),routeContext:{outlet:null,matches:b,isDataRoute:!0},onError:u}):v()},null)}function Xo(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function kp(e){let r=c.useContext(Mr);return tt(r,Xo(e)),r}function jp(e){let r=c.useContext(ss);return tt(r,Xo(e)),r}function wp(e){let r=c.useContext(Yt);return tt(r,Xo(e)),r}function Qo(e){let r=wp(e),n=r.matches[r.matches.length-1];return tt(n.route.id,`${e} can only be used on routes that contain a unique "id"`),n.route.id}function Sp(){return Qo("useRouteId")}function Cp(){var s;let e=c.useContext(Jo),r=jp("useRouteError"),n=Qo("useRouteError");return e!==void 0?e:(s=r.errors)==null?void 0:s[n]}function Ep(){let{router:e}=kp("useNavigate"),r=Qo("useNavigate"),n=c.useRef(!1);return _l(()=>{n.current=!0}),c.useCallback(async(o,a={})=>{Mt(n.current,Bl),n.current&&(typeof o=="number"?await e.navigate(o):await e.navigate(o,{fromRouteId:r,...a}))},[e,r])}var Da={};function Wl(e,r,n){!r&&!Da[e]&&(Da[e]=!0,Mt(!1,n))}c.memo(Np);function Np({routes:e,future:r,state:n,isStatic:s,onError:o}){return mp(e,void 0,{state:n,isStatic:s,onError:o})}function Rp({basename:e="/",children:r=null,location:n,navigationType:s="POP",navigator:o,static:a=!1,unstable_useTransitions:i}){tt(!mn(),"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=$r(n));let{pathname:u="/",search:p="",hash:f="",state:h=null,key:m="default",unstable_mask:y}=n,g=c.useMemo(()=>{let x=qt(u,l);return x==null?null:{location:{pathname:x,search:p,hash:f,state:h,key:m,unstable_mask:y},navigationType:s}},[l,u,p,f,h,m,s,y]);return Mt(g!=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.`),g==null?null:c.createElement(Tt.Provider,{value:d},c.createElement(os.Provider,{children:r,value:g}))}var Un="get",Hn="application/x-www-form-urlencoded";function as(e){return typeof HTMLElement<"u"&&e instanceof HTMLElement}function Tp(e){return as(e)&&e.tagName.toLowerCase()==="button"}function Ip(e){return as(e)&&e.tagName.toLowerCase()==="form"}function Lp(e){return as(e)&&e.tagName.toLowerCase()==="input"}function Ap(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Pp(e,r){return e.button===0&&(!r||r==="_self")&&!Ap(e)}var Rn=null;function $p(){if(Rn===null)try{new FormData(document.createElement("form"),0),Rn=!1}catch{Rn=!0}return Rn}var Mp=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function ws(e){return e!=null&&!Mp.has(e)?(Mt(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Hn}"`),null):e}function Fp(e,r){let n,s,o,a,i;if(Ip(e)){let l=e.getAttribute("action");s=l?qt(l,r):null,n=e.getAttribute("method")||Un,o=ws(e.getAttribute("enctype"))||Hn,a=new FormData(e)}else if(Tp(e)||Lp(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?qt(d,r):null,n=e.getAttribute("formmethod")||l.getAttribute("method")||Un,o=ws(e.getAttribute("formenctype"))||ws(l.getAttribute("enctype"))||Hn,a=new FormData(l,e),!$p()){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(as(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');n=Un,s=null,o=Hn,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 Zo(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}function Dp(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&&qt(o.pathname,r)==="/"?o.pathname=`${r.replace(/\/$/,"")}/_root.${s}`:o.pathname=`${o.pathname.replace(/\/$/,"")}.${s}`,o}async function zp(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 Bp(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 _p(e,r,n){let s=await Promise.all(e.map(async o=>{let a=r.routes[o.route.id];if(a){let i=await zp(a,n);return i.links?i.links():[]}return[]}));return Hp(s.flat(1).filter(Bp).filter(o=>o.rel==="stylesheet"||o.rel==="preload").map(o=>o.rel==="stylesheet"?{...o,rel:"prefetch",as:"style"}:{...o,rel:"prefetch"}))}function za(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 Op(e,r,{includeHydrateFallback:n}={}){return Wp(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 Wp(e){return[...new Set(e)]}function Up(e){let r={},n=Object.keys(e).sort();for(let s of n)r[s]=e[s];return r}function Hp(e,r){let n=new Set;return new Set(r),e.reduce((s,o)=>{let a=JSON.stringify(Up(o));return n.has(a)||(n.add(a),s.push({key:a,link:o})),s},[])}function Ul(){let e=c.useContext(Mr);return Zo(e,"You must render this element inside a <DataRouterContext.Provider> element"),e}function Vp(){let e=c.useContext(ss);return Zo(e,"You must render this element inside a <DataRouterStateContext.Provider> element"),e}var ea=c.createContext(void 0);ea.displayName="FrameworkContext";function Hl(){let e=c.useContext(ea);return Zo(e,"You must render this element inside a <HydratedRouter> element"),e}function Gp(e,r){let n=c.useContext(ea),[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 g=b=>{b.forEach(v=>{i(v.isIntersecting)})},x=new IntersectionObserver(g,{threshold:.5});return h.current&&x.observe(h.current),()=>{x.disconnect()}}},[e]),c.useEffect(()=>{if(s){let g=setTimeout(()=>{i(!0)},100);return()=>{clearTimeout(g)}}},[s]);let m=()=>{o(!0)},y=()=>{o(!1),i(!1)};return n?e!=="intent"?[a,h,{}]:[a,h,{onFocus:Or(l,m),onBlur:Or(d,y),onMouseEnter:Or(u,m),onMouseLeave:Or(p,y),onTouchStart:Or(f,m)}]:[!1,h,{}]}function Or(e,r){return n=>{e&&e(n),n.defaultPrevented||r(n)}}function Kp({page:e,...r}){let{router:n}=Ul(),s=c.useMemo(()=>Il(n.routes,e,n.basename),[n.routes,e,n.basename]);return s?c.createElement(Yp,{page:e,matches:s,...r}):null}function qp(e){let{manifest:r,routeModules:n}=Hl(),[s,o]=c.useState([]);return c.useEffect(()=>{let a=!1;return _p(e,r,n).then(i=>{a||o(i)}),()=>{a=!0}},[e,r,n]),s}function Yp({page:e,matches:r,...n}){let s=ar(),{future:o,manifest:a,routeModules:i}=Hl(),{basename:l}=Ul(),{loaderData:d,matches:u}=Vp(),p=c.useMemo(()=>za(e,r,u,a,s,"data"),[e,r,u,a,s]),f=c.useMemo(()=>za(e,r,u,a,s,"assets"),[e,r,u,a,s]),h=c.useMemo(()=>{if(e===s.pathname+s.search+s.hash)return[];let g=new Set,x=!1;if(r.forEach(v=>{var E;let k=a.routes[v.route.id];!k||!k.hasLoader||(!p.some(j=>j.route.id===v.route.id)&&v.route.id in d&&((E=i[v.route.id])!=null&&E.shouldRevalidate)||k.hasClientLoader?x=!0:g.add(v.route.id))}),g.size===0)return[];let b=Dp(e,l,o.unstable_trailingSlashAwareDataRequests,"data");return x&&g.size>0&&b.searchParams.set("_routes",r.filter(v=>g.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(()=>Op(f,a),[f,a]),y=qp(f);return c.createElement(c.Fragment,null,h.map(g=>c.createElement("link",{key:g,rel:"prefetch",as:"fetch",href:g,...n})),m.map(g=>c.createElement("link",{key:g,rel:"modulepreload",href:g,...n})),y.map(({key:g,link:x})=>c.createElement("link",{key:g,nonce:n.nonce,...x,crossOrigin:x.crossOrigin??n.crossOrigin})))}function Jp(...e){return r=>{e.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r)})}}var Xp=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{Xp&&(window.__reactRouterVersion="7.13.1")}catch{}function Qp({basename:e,children:r,unstable_useTransitions:n,window:s}){let o=c.useRef();o.current==null&&(o.current=Au({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(Rp,{basename:e,children:r,location:i.location,navigationType:i.action,navigator:a,unstable_useTransitions:n})}var Vl=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Gl=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},g){let{basename:x,navigator:b,unstable_useTransitions:v}=c.useContext(Tt),k=typeof p=="string"&&Vl.test(p),E=Ml(p,x);p=E.to;let j=pp(p,{relative:o}),T=ar(),w=null;if(l){let S=Yo(l,[],T.unstable_mask?T.unstable_mask.pathname:"/",!0);x!=="/"&&(S.pathname=S.pathname==="/"?x:Ot([x,S.pathname])),w=b.createHref(S)}let[C,N,R]=Gp(s,y),I=rf(p,{replace:i,unstable_mask:l,state:d,target:u,preventScrollReset:f,relative:o,viewTransition:h,unstable_defaultShouldRevalidate:m,unstable_useTransitions:v});function P(S){r&&r(S),S.defaultPrevented||I(S)}let F=!(E.isExternal||a),B=c.createElement("a",{...y,...R,href:(F?w:void 0)||E.absoluteURL||j,onClick:F?P:r,ref:Jp(g,N),target:u,"data-discover":!k&&n==="render"?"true":void 0});return C&&!k?c.createElement(c.Fragment,null,B,c.createElement(Kp,{page:j})):B});Gl.displayName="Link";var Zp=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=xn(i,{relative:u.relative}),h=ar(),m=c.useContext(ss),{navigator:y,basename:g}=c.useContext(Tt),x=m!=null&&lf(f)&&l===!0,b=y.encodeLocation?y.encodeLocation(f).pathname:f.pathname,v=h.pathname,k=m&&m.navigation&&m.navigation.location?m.navigation.location.pathname:null;n||(v=v.toLowerCase(),k=k?k.toLowerCase():null,b=b.toLowerCase()),k&&g&&(k=qt(k,g)||k);const E=b!=="/"&&b.endsWith("/")?b.length-1:b.length;let j=v===b||!o&&v.startsWith(b)&&v.charAt(E)==="/",T=k!=null&&(k===b||!o&&k.startsWith(b)&&k.charAt(b.length)==="/"),w={isActive:j,isPending:T,isTransitioning:x},C=j?r:void 0,N;typeof s=="function"?N=s(w):N=[s,j?"active":null,T?"pending":null,x?"transitioning":null].filter(Boolean).join(" ");let R=typeof a=="function"?a(w):a;return c.createElement(Gl,{...u,"aria-current":C,className:N,ref:p,style:R,to:i,viewTransition:l},typeof d=="function"?d(w):d)});Zp.displayName="NavLink";var ef=c.forwardRef(({discover:e="render",fetcherKey:r,navigate:n,reloadDocument:s,replace:o,state:a,method:i=Un,action:l,onSubmit:d,relative:u,preventScrollReset:p,viewTransition:f,unstable_defaultShouldRevalidate:h,...m},y)=>{let{unstable_useTransitions:g}=c.useContext(Tt),x=of(),b=af(l,{relative:u}),v=i.toLowerCase()==="get"?"get":"post",k=typeof l=="string"&&Vl.test(l),E=j=>{if(d&&d(j),j.defaultPrevented)return;j.preventDefault();let T=j.nativeEvent.submitter,w=(T==null?void 0:T.getAttribute("formmethod"))||i,C=()=>x(T||j.currentTarget,{fetcherKey:r,method:w,navigate:n,replace:o,state:a,relative:u,preventScrollReset:p,viewTransition:f,unstable_defaultShouldRevalidate:h});g&&n!==!1?c.startTransition(()=>C()):C()};return c.createElement("form",{ref:y,method:v,action:b,onSubmit:s?d:E,...m,"data-discover":!k&&e==="render"?"true":void 0})});ef.displayName="Form";function tf(e){return`${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function Kl(e){let r=c.useContext(Mr);return tt(r,tf(e)),r}function rf(e,{target:r,replace:n,unstable_mask:s,state:o,preventScrollReset:a,relative:i,viewTransition:l,unstable_defaultShouldRevalidate:d,unstable_useTransitions:u}={}){let p=fp(),f=ar(),h=xn(e,{relative:i});return c.useCallback(m=>{if(Pp(m,r)){m.preventDefault();let y=n!==void 0?n:on(f)===on(h),g=()=>p(e,{replace:y,unstable_mask:s,state:o,preventScrollReset:a,relative:i,viewTransition:l,unstable_defaultShouldRevalidate:d});u?c.startTransition(()=>g()):g()}},[f,p,h,n,s,o,r,e,a,i,l,d,u])}var nf=0,sf=()=>`__${String(++nf)}__`;function of(){let{router:e}=Kl("useSubmit"),{basename:r}=c.useContext(Tt),n=Sp(),s=e.fetch,o=e.navigate;return c.useCallback(async(a,i={})=>{let{action:l,method:d,encType:u,formData:p,body:f}=Fp(a,r);if(i.navigate===!1){let h=i.fetcherKey||sf();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 af(e,{relative:r}={}){let{basename:n}=c.useContext(Tt),s=c.useContext(Yt);tt(s,"useFormAction must be used inside a RouteContext");let[o]=s.matches.slice(-1),a={...xn(e||".",{relative:r})},i=ar();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:Ot([n,a.pathname])),on(a)}function lf(e,{relative:r}={}){let n=c.useContext(Dl);tt(n!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:s}=Kl("useViewTransitionState"),o=xn(e,{relative:r});if(!n.isTransitioning)return!1;let a=qt(n.currentLocation.pathname,s)||n.currentLocation.pathname,i=qt(n.nextLocation.pathname,s)||n.nextLocation.pathname;return Xn(o.pathname,i)!=null||Xn(o.pathname,a)!=null}var Fr=Ru();const cf=Tu(Fr),df=/^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/;function Tn(e){if(typeof e!="string")return null;const r=e.trim();return r===""||!df.test(r)||r==="0.0.0"?null:r}function ql(e){if(e.preferInstalled){const o=Tn(e.installedCurrentVersion);if(o)return{version:o,versionSource:"registry"}}const r=Tn(e.frontmatterVersion);if(r)return{version:r,versionSource:"frontmatter"};const n=Tn(e.registryCurrentVersion);if(n)return{version:n,versionSource:"registry"};const s=Tn(e.pluginVersion);return s?{version:s,versionSource:"plugin"}:{version:"1.0.0",versionSource:"default"}}const uf=new Set(["private_repository","unsupported_repository"]),pf=new Set(["private_publishing_unavailable","draft_persistence_unavailable"]);class wo extends Error{constructor(r,n,s){super(n),this.name="SubmissionRefusedError",this.code=r,this.status=s}}function Yl(e){return e instanceof wo||e instanceof Error&&e.name==="SubmissionRefusedError"&&typeof e.code=="string"}function ff(e){var o,a;const r=e,n=typeof((o=r==null?void 0:r.details)==null?void 0:o.error)=="string"?r.details.error:"",s=typeof((a=r==null?void 0:r.details)==null?void 0:a.message)=="string"?r.details.message:"";throw(r==null?void 0:r.status)===422&&uf.has(n)?new wo(n,s||"Nothing was submitted to verified-skill.com.",422):(r==null?void 0:r.status)===503&&pf.has(n)?new wo(n,s||"Hosted private publishing is not open yet.",503):e}const hf={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1},Ba={own:"authoring-project",installed:"available-project",global:"available-personal"},So=new Set(["available-project","available-personal","available-plugin","authoring-project","authoring-plugin"]);function mf(e){if(typeof e=="string"){if(So.has(e))return e;if(Object.prototype.hasOwnProperty.call(Ba,e))return Ba[e]}return"authoring-project"}function xf(e){return e.startsWith("available-")?"available":"authoring"}function gf(e){const r=e.indexOf("-");return e.slice(r+1)}const bt="";function In(e,r){try{let n=!1;const s=hf;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 Kt extends Error{constructor(r,n,s){super(r),this.name="ApiError",this.status=n,this.details=s}}async function ge(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 Kt((s==null?void 0:s.error)||`HTTP ${n.status}`,n.status,o)}return n.json()}async function _a(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 Oa=100;function Wa(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 yf(e){return typeof e=="number"&&Number.isFinite(e)?e:null}function Nr(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 vf(e){if(!e||typeof e!="object")return null;const r=e,n=Ge(r.python)??void 0,s=Nr(r.pip)??void 0,o=Ge(r.node)??void 0;return!n&&!s&&!o?null:{python:n,pip:s,node:o}}function bf(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:Nr(r.requires)??void 0}}function kf(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"&&So.has(r.scopeV2)?r.scopeV2:mf(r.scope),i=xf(a),l=gf(a),d=typeof r.precedenceRank=="number"?r.precedenceRank:void 0;let u;r.shadowedBy===null?u=null:typeof r.shadowedBy=="string"&&So.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,...r.sourcePrivate===!0?{sourcePrivate:!0}:{},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:Nr(r.tags),deps:Nr(r.deps),mcpDeps:Nr(r.mcpDeps),entryPoint:Ge(r.entryPoint),lastModified:Ge(r.lastModified),sizeBytes:yf(r.sizeBytes),sourceAgent:Ge(r.sourceAgent),secrets:Nr(r.secrets),runtime:vf(r.runtime),integrationTests:bf(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=ql({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 de={getConfig(){return ge("/api/config")},setConfig(e,r){return ge("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,model:r})})},revealInEditor(e,r,n){return ge("/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 ge(`/api/skills${n?"?"+n:""}`);return Array.isArray(s)?s.map(kf):[]},getSkillInstallState(e){return ge(`/api/studio/install-state?skill=${encodeURIComponent(e)}`)},async convertToPlugin(e){return ge("/api/authoring/convert-to-plugin",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getAgents(){return ge("/api/agents")},getSkillDetail(e,r){return ge(`/api/skills/${e}/${r}`)},async getEvals(e,r){const n=await ge(`/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 ge(`/api/skills/${e}/${r}/evals`)},getActivationHistoryEnvelope(e,r){return ge(`/api/skills/${e}/${r}/activation-history`)},saveEvals(e,r,n){return ge(`/api/skills/${e}/${r}/evals`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})},generateEvals(e,r){return ge(`/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 Kt(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 ge(`/api/skills/${e}/${r}/history${o?"?"+o:""}`)},getHistoryEntry(e,r,n){return ge(`/api/skills/${e}/${r}/history/${encodeURIComponent(n)}`)},compareRuns(e,r,n,s){return ge(`/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 ge(`/api/skills/${e}/${r}/history/case/${n}${a?"?"+a:""}`)},deleteHistoryEntry(e,r,n){return ge(`/api/skills/${e}/${r}/history/${encodeURIComponent(n)}`,{method:"DELETE"})},deleteSkill(e,r){return ge(`/api/skills/${e}/${r}`,{method:"DELETE"})},uninstallSkill(e,r){return ge(`/api/skills/${e}/${r}/uninstall`,{method:"POST"})},improveSkill(e,r,n){return ge(`/api/skills/${e}/${r}/improve`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})},instructEdit(e,r,n){return ge(`/api/skills/${e}/${r}/improve`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:"instruct",...n})})},applyImprovement(e,r,n){return ge(`/api/skills/${e}/${r}/apply-improvement`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:n})})},getStats(e,r){return ge(`/api/skills/${e}/${r}/stats`)},getDependencies(e,r){return ge(`/api/skills/${e}/${r}/dependencies`)},getProjectLayout(){return ge("/api/project-layout")},getProjectGitHubStatus(){return ge("/api/project/github-status")},createSkill(e){return ge("/api/skills/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},detectEngines(){return ge("/api/studio/detect-engines")},saveDraft(e){return ge("/api/skills/save-draft",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getSkillCreatorStatus(){return ge("/api/skill-creator-status")},generateSkill(e){return ge("/api/skills/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getSkillFiles(e,r){return ge(`/api/skills/${e}/${r}/files`)},getSkillFile(e,r,n){return ge(`/api/skills/${e}/${r}/file?path=${encodeURIComponent(n)}`)},saveSkillFile(e,r,n,s){return ge(`/api/skills/${e}/${r}/file`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:n,content:s})})},getLeaderboard(e,r){return ge(`/api/skills/${e}/${r}/leaderboard`)},getLeaderboardEntry(e,r,n){return ge(`/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 ge(`/api/credentials/${e}/${r}`)},setCredential(e,r,n,s){return ge(`/api/credentials/${e}/${r}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n,value:s})})},getParams(e,r){return ge(`/api/credentials/${e}/${r}/params`)},getParamsRevealed(e,r,n){const s=n?`reveal=true&key=${encodeURIComponent(n)}`:"reveal=true";return ge(`/api/credentials/${e}/${r}/params?${s}`)},searchModels(){return ge("/api/openrouter/models")},async getSkillVersions(e,r){const n=await ge(`/api/skills/${e}/${r}/versions`);return Array.isArray(n)?n:Array.isArray(n.versions)?n.versions:[]},getSkillVersionsEnvelope(e,r){return ge(`/api/skills/${e}/${r}/versions`)},getVersionDiff(e,r,n,s){return ge(`/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 g=await p.read();if(h=g.done,g.value){const x=f.decode(g.value,{stream:!h});m+=x,u.length<200&&(u+=x)}}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=Wa(r,Oa),s=async a=>{try{const i=await _a(`${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=Wa(e,Oa),n=async a=>{try{const i=await _a(`${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 In("lookup-by-name-error",{status:n.status}),[];const s=await n.json().catch(a=>(In("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&&In("lookup-by-name-no-results-array",{}),[])}catch(n){return In("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 Ss(`/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 Ss(`/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 Ss(`/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 ge(`/api/studio/ops${n?"?"+n:""}`)},deleteStudioOp(e){return ge(`/api/studio/ops/${encodeURIComponent(e)}`,{method:"DELETE"})},studioOpsStream(){return new EventSource(`${bt}/api/studio/ops/stream`)},gitRemote(){return ge("/api/git/remote")},gitDiff(){return ge("/api/git/diff",{method:"POST"})},gitStatus(){return ge("/api/git/status")},gitCommitMessage(e){return ge("/api/git/commit-message",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e??{})})},gitPublish(e){return ge("/api/git/publish",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e??{})})},async submitToQueue(e){const r=await ge("/api/v1/submissions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}).catch(ff);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 ge("/api/v1/submissions?mine=1")},getSubmission(e){return ge(`/api/v1/submissions/${encodeURIComponent(e)}`)},getPositions(e){const r=e&&e.length>0?`?ids=${encodeURIComponent(e.join(","))}`:"";return ge(`/api/v1/submissions/positions${r}`)},async getAccountTenants(){return ge("/api/v1/account/tenants")},async getActiveTenant(){return ge("/__internal/active-tenant")},async setActiveTenant(e){return ge("/__internal/active-tenant",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({currentTenant:e})})}};async function Ss(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 Kt(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 g={type:l,...y};r==null||r(g),g.type==="done"&&(d=g),g.type==="error"&&(u=g)}l=""}}if(u){const p=new Kt(u.message,500);throw p.code=u.code,p}if(!d)throw new Kt("Transfer stream ended without 'done' event",500);return d}function jf(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 wf(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&&!jf(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=ql({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 Vn=new Map,pr=new Map,Jr=new Map;function Be(e){Vn.delete(e),pr.delete(e);const r=Jr.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),Be(e),u(g=>g+1)};c.useEffect(()=>(p.current=!0,()=>{p.current=!1}),[]),c.useEffect(()=>{if(!o)return;const g=()=>{p.current&&u(x=>x+1)};return Jr.has(e)||Jr.set(e,new Set),Jr.get(e).add(g),()=>{var x;(x=Jr.get(e))==null||x.delete(g)}},[e,o]),c.useEffect(()=>{if(!o)return;const g=Vn.get(e);if(!(!g||Date.now()-g.fetchedAt>s))return;if(pr.has(e)){const k=pr.get(e),E=()=>{p.current&&f.current===e&&a(j=>j+1)};k.subscribers.push(E);return}const b={promise:Promise.resolve(),subscribers:[]},v=r().then(k=>{Vn.set(e,{data:k,fetchedAt:Date.now()}),pr.delete(e),p.current&&f.current===e&&(l(void 0),a(E=>E+1));for(const E of b.subscribers)E()},k=>{pr.delete(e);const E=k instanceof Error?k:new Error(String(k));p.current&&f.current===e&&(l(E),a(j=>j+1));for(const j of b.subscribers)j()});b.promise=v,pr.set(e,b)},[e,r,s,o,d]);const m=Vn.get(e),y=o&&!m&&!i&&pr.has(e);return{data:m==null?void 0:m.data,loading:y,error:i,revalidate:h}}function Sf(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}async function Cf(e,r){try{if(!await Lu())return;const{q:n,...s}=r;await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s),keepalive:!0})}catch{}}const Ef=500,Co="vskill.updates.seenLastId";function Nf(){if(typeof window>"u")return null;try{return window.localStorage.getItem(Co)}catch{return null}}function Cs(e){if(!(typeof window>"u"))try{e==null?window.localStorage.removeItem(Co):window.localStorage.setItem(Co,e)}catch{}}function Rf(){let e=new Map;const r=new Set,n=new Set,s=[];let o=Nf();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>Ef){const d=s.shift();d&&n.delete(d)}o=l,Cs(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,Cs(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,Cs(null),a()}}}const er=Rf(),Jl="vskill:toast-queue",Tf=10,If=1800*1e3;function is(){return typeof window<"u"&&typeof window.localStorage<"u"}function Xl(){if(!is())return[];try{const e=window.localStorage.getItem(Jl);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 Ql(e){if(is())try{window.localStorage.setItem(Jl,JSON.stringify(e))}catch{}}function Lf(e){if(!is())return"enqueued";const r=Xl();if(r.some(o=>o.eventId===e.eventId))return"deduped";let n=!1;const s=[...r,e];for(;s.length>Tf;)s.shift(),n=!0;return Ql(s),n?"evicted":"enqueued"}function Af(){if(!is())return[];const e=Xl();if(e.length===0)return[];Ql([]);const r=Date.now()-If;return e.filter(n=>n.enqueuedAt>=r)}const Pf="X-Studio-Token";let mr=null,Wr=null,Ua=!1,Ln=null;function $f(){var e;return typeof window>"u"?!1:!!((e=window.__TAURI_INTERNALS__)!=null&&e.invoke)}function ta(){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 Mf(){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 Ff(){if(mr)return mr;const e=ta();return e?(mr=e,e):Wr||(Wr=Mf().then(r=>(r&&(mr=r),Wr=null,r)),Wr)}function Df(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 zf(){Ua||typeof globalThis.fetch!="function"||!(ta()!==null)&&!$f()||(Ua=!0,Ln=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,!Df(s))return Ln(r,n);const o=await Ff();if(!o)return Ln(r,n);const a={...n??{}},i=new Headers(a.headers??{});return i.set(Pf,o),a.headers=i,Ln(r,a)})}function Bf(){if(mr)return mr;const e=ta();return e?(mr=e,e):null}const ls=new Set(["PUBLISHED","AUTO_APPROVED","VENDOR_APPROVED"]),ra=new Set(["REJECTED","TIER1_FAILED","BLOCKED"]),Eo=new Set;function Zl(e,r){return`${e}::${r}`}function ec(e,r){const n=Zl(e,r);return Eo.has(n)?!1:(Eo.add(n),!0)}function _f(e,r){Eo.add(Zl(e,r))}function Of(e){return`https://verified-skill.com/submit/${encodeURIComponent(e)}`}function Wf(e,r,n){const s=r||"Your skill";return ls.has(n)?{outcome:"approved",title:"Skill approved",body:`${s} is now published on verified-skill.com`}:ra.has(n)?{outcome:"rejected",title:"Skill rejected",body:`${s} ${n==="BLOCKED"?"was blocked":"was rejected"}. Tap to see why.`,clickUrl:Of(e)}:null}function Uf(){return typeof window<"u"&&"__TAURI_INTERNALS__"in window}async function Hf(){try{return await or(()=>import("./index-DhhmQddr.js"),__vite__mapDeps([0,1]))}catch{return null}}async function Vf(e){try{let r=await e.isPermissionGranted();return r||(r=await e.requestPermission()==="granted"),r}catch{return!1}}async function tc(e,r,n){const s=Wf(e,r,n);if(!s||!Uf())return!1;const o=await Hf();if(!o||!await Vf(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(()=>{Jn(i);try{l==null||l()}catch{}})}catch{}try{return o.sendNotification({title:s.title,body:s.body}),!0}catch{return!1}}function Ha(e){return typeof e=="string"&&e.length>0}function Gf(e){if(typeof e!="string")return null;const r=e.trim();return r.length>0?`usr_${r}`:null}function Kf(e){const r=[];for(const n of e){const s=Ha(n.uuid),o=Ha(n.slug);if(!s&&!o)continue;const a={};s&&(a.uuid=n.uuid),o&&(a.slug=n.slug),r.push(a)}return r}const qf=3e5,Yf=500,Jf=15e3,Xf=6e4,Qf=6e4,Zf="/api/v1/skills/stream",eh=250,th=500,rh="/api/v1/studio/telemetry/sse",Va="vskill.studio.sse.sessionId";function rc(){var e;try{const r=(e=import.meta)==null?void 0:e.env;if(r&&typeof r=="object")return r}catch{}return{}}function nh(){if(typeof window>"u")return!1;const e=rc();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 sh(){if(typeof window>"u")return!0;const e=rc();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 gt(e,r){if(nh())try{const n=new Date().toISOString();r?console.debug(`[sse] ${n} ${e}`,r):console.debug(`[sse] ${n} ${e}`)}catch{}}function Ga(){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 oh(){if(typeof window>"u")return"";try{const e=window.sessionStorage.getItem(Va);if(e)return e;const r=Ga();return window.sessionStorage.setItem(Va,r),r}catch{return Ga()}}function Ka(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 qa(e){let r=0;for(const n of e)n.updateAvailable&&r++;return r}function ah(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 ih(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 lh(e){const r=(e==null?void 0:e.intervalMs)??qf,n=(e==null?void 0:e.debounceMs)??Yf,s=(e==null?void 0:e.timeoutMs)??Jf,o=(e==null?void 0:e.staleAfterMs)??Xf,a=(e==null?void 0:e.disconnectFallbackMs)??Qf,i=(e==null?void 0:e.streamUrlBase)??Zf,l=(e==null?void 0:e.replayIntervalMs)??eh,d=Gf(e==null?void 0:e.userId),u=c.useMemo(()=>{const W=(e==null?void 0:e.skillIds)??[];if(W.length===0&&!d)return"";const G=d?1:0,K=[...new Set(W)].filter(te=>te!==d).sort().slice(0,th-G),se=d?[...K,d]:K;return se.length===0?"":se.sort().join(",")},[e==null?void 0:e.skillIds,d]),p=c.useMemo(()=>{const W=(e==null?void 0:e.trackingSkillIds)??(e==null?void 0:e.skillIds)??[];return W.length===0?"":[...W].sort().join(",")},[e==null?void 0:e.trackingSkillIds,e==null?void 0:e.skillIds]),[f,h]=c.useState([]),[m,y]=c.useState(()=>new Map),[g,x]=c.useState(0),[b,v]=c.useState(!1),[k,E]=c.useState(null),[j,T]=c.useState(null),w=c.useRef(null),C=c.useRef(null),N=c.useRef(null),R=c.useRef(null),I=c.useRef(!0),P=c.useRef(new Set),[F,B]=c.useState(()=>u?"connecting":"fallback"),S=c.useRef(F);S.current=F;const L=c.useRef(new Set),A=c.useRef(null),M=c.useSyncExternalStore(W=>er.subscribe(W),()=>er.getSnapshot(),()=>er.getSnapshot()),H=M.size,le=c.useCallback(W=>{if(sh()||L.current.has(W))return;L.current.add(W);const G=oh(),K=Date.now(),se={event:W,sessionId:G,sourceTier:"platform-proxy",timestamp:K};W!=="connected"&&A.current!=null&&(se.durationSinceOpenMs=K-A.current),Cf(rh,se)},[]),V=c.useCallback(async()=>{v(!0);const W=new AbortController,G=setTimeout(()=>W.abort(),s);try{const K=await Promise.race([de.getSkillUpdates(),new Promise((se,te)=>{W.signal.addEventListener("abort",()=>{te(new Error("TIMEOUT"))})})]);if(K==="TIMEOUT")throw new Error("TIMEOUT");if(!I.current)return;h(K),y(Ka(K)),x(qa(K)),C.current=Date.now(),E(C.current),T(null)}catch(K){if(!I.current)return;T(K instanceof Error?K:new Error(String(K)))}finally{clearTimeout(G),I.current&&v(!1)}},[s]),U=c.useCallback(()=>{if(w.current)return w.current;const W=V().finally(()=>{w.current=null});return w.current=W,W},[V]),ne=c.useCallback(()=>{N.current==null&&(N.current=setInterval(()=>{U()},r))},[r,U]),me=c.useCallback(()=>{N.current!=null&&(clearInterval(N.current),N.current=null)},[]),be=c.useCallback(()=>{if(typeof window>"u")return;const W=Af();W.length!==0&&(gt("queue-drain",{count:W.length}),W.forEach((G,K)=>{let se;se=setTimeout(()=>{if(P.current.delete(se),!I.current)return;const J=er.getSnapshot().get(G.skillId);if(J&&J.eventId!==G.eventId){gt("queue-replay-skip-superseded",{queuedEventId:G.eventId,currentEventId:J.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}})),gt("queue-replay",{eventId:G.eventId})}catch{}},K*l),P.current.add(se)}))},[l]),_=c.useCallback(()=>{for(const W of P.current)clearTimeout(W);P.current.clear()},[]);c.useEffect(()=>{I.current=!0,(C.current==null||Date.now()-C.current>o)&&U(),(typeof document>"u"||document.visibilityState!=="hidden")&&ne();const K=()=>{if(R.current&&(clearTimeout(R.current),R.current=null),document.visibilityState==="hidden"){me();return}be(),R.current=setTimeout(()=>{R.current=null,(C.current==null||Date.now()-C.current>o)&&U(),ne()},n)};return typeof document<"u"&&document.addEventListener("visibilitychange",K),()=>{I.current=!1,typeof document<"u"&&document.removeEventListener("visibilitychange",K),R.current&&clearTimeout(R.current),_(),me()}},[]);const re=c.useCallback(async W=>{if(W.length!==0)try{const G=await de.checkSkillUpdates(W);if(!I.current||G.length===0)return;const K=Date.now(),se=G.filter(J=>J.skillId&&J.eventId&&J.version).map(J=>({skillId:J.skillId,version:J.version,eventId:J.eventId,publishedAt:J.publishedAt,diffSummary:J.diffSummary,receivedAt:K}));se.length>0&&er.mergeBulk(se);const te=G.filter(J=>typeof J.trackedForUpdates=="boolean"||typeof J.updateAvailable=="boolean").map(J=>({name:J.name??J.skillId,installed:J.installed??"",latest:J.latest??null,updateAvailable:J.updateAvailable??!1,trackedForUpdates:typeof J.trackedForUpdates=="boolean"?J.trackedForUpdates:void 0}));te.length>0&&h(J=>{const ae=new Map;for(const D of J)ae.set(D.name,D);let Z=0;for(const D of te){const q=D.name,Q=ae.get(q);if(Q){const Y={...Q};Q.trackedForUpdates===void 0&&D.trackedForUpdates!==void 0&&(Y.trackedForUpdates=D.trackedForUpdates),ae.set(q,Y)}else ae.set(q,{name:D.name,installed:D.installed??"",latest:D.latest??null,updateAvailable:D.updateAvailable??!1,trackedForUpdates:D.trackedForUpdates}),Z+=1}if(Z===0&&ae.size===J.length)return J;const pe=[...ae.values()];return y(Ka(pe)),x(qa(pe)),pe})}catch{}},[]);c.useEffect(()=>{const W=u||p;if(!W){B("fallback");return}if(typeof window>"u"||typeof EventSource>"u"){B("fallback");return}B("connecting");const G=W.split(",");let K=`${i}?skills=${encodeURIComponent(W)}`;const se=Bf();se&&(K+=`&studioToken=${encodeURIComponent(se)}`);let te=null,J=null,ae=null;const Z=()=>{J==null&&(J=setTimeout(()=>{J=null,I.current&&S.current!=="connected"&&(B("fallback"),gt("fallback-flipped",{reason:"watchdog-timeout"}),le("fallback"))},a),gt("fallback-armed",{fallbackMs:a}))},pe=()=>{J!=null&&(clearTimeout(J),J=null)};Z();const D=1e3,q=()=>{I.current&&ae==null&&(ae=setTimeout(()=>{if(ae=null,!!I.current&&!(te&&te.readyState!==EventSource.CLOSED)){if(te)try{te.close()}catch{}gt("reconnect-scheduled",{backoffMs:D}),le("reconnect-scheduled"),he()}},D))},Q=we=>{if(!I.current)return;let xe;try{xe=JSON.parse(we.data)}catch{return}if(!ah(xe))return;const Ve=er.ingest(xe);if(gt("message",{eventId:xe.eventId,skillId:xe.skillId,outcome:Ve}),Ve==="duplicate")return;const Ye=typeof document>"u"||document.visibilityState!=="hidden",Pe=`${xe.skillId} updated to ${xe.version}`;if(Ye)try{window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:Pe,severity:"info",skillId:xe.skillId,version:xe.version,eventId:xe.eventId}}))}catch{}else{const rt={message:Pe,severity:"info",skillId:xe.skillId,version:xe.version,eventId:xe.eventId,enqueuedAt:Date.now()},Je=Lf(rt);gt("queue-enqueue",{eventId:xe.eventId,outcome:Je})}},Y=()=>{I.current&&(gt("gone",{skillsCount:G.length}),le("gone-frame-received"),er.clearSeen(),re(G))},ue=we=>{if(!I.current)return;let xe;try{xe=JSON.parse(we.data)}catch{return}if(ih(xe)){if(!ec(xe.submissionId,xe.state)){gt("submission-decision-duplicate",{submissionId:xe.submissionId,state:xe.state});return}gt("submission-decision",{submissionId:xe.submissionId,state:xe.state}),tc(xe.submissionId,xe.skillName??"",xe.state),ls.has(xe.state)&&U()}},he=()=>{I.current&&(te=new EventSource(K),gt("open-attempt",{url:K}),te.onopen=()=>{I.current&&(pe(),B("connected"),A.current=Date.now(),gt("open",{url:K}),le("connected"))},te.onerror=()=>{I.current&&(gt("error",{readyState:te==null?void 0:te.readyState}),Z(),te&&te.readyState===EventSource.CLOSED&&q())},te.onmessage=Q,te.addEventListener("gone",Y),te.addEventListener("submission_decision",ue))};return he(),()=>{if(pe(),ae!=null&&(clearTimeout(ae),ae=null),te){try{te.removeEventListener("gone",Y)}catch{}try{te.removeEventListener("submission_decision",ue)}catch{}try{te.close()}catch{}}_()}},[u,p,i,a,re,le,_]),c.useEffect(()=>{if(!p)return;const W=p.split(",");re(W)},[p,re]);const $=c.useCallback(W=>{er.dismiss(W)},[]);return{updates:f,updatesMap:m,updateCount:g,isRefreshing:b,lastFetchAt:k,error:j,refresh:U,updatesById:M,pushUpdateCount:H,status:F,dismiss:$}}async function ch(){return nc("account_get_platform_url"),{platformBaseUrl:"",authMode:"cookie",getAuthHeader:async()=>null}}async function dh(){const e=await nc("account_get_user_summary");return e&&typeof e=="object"?e:{signedIn:!1,login:null,avatarUrl:null,tier:"free"}}async function nc(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 sc(){var e;return typeof window>"u"?!1:!!((e=window.__TAURI_INTERNALS__)!=null&&e.invoke)}const uh={signedIn:!1,login:null,avatarUrl:null,tier:"free"};function oc(){const[e,r]=c.useState(uh);return c.useEffect(()=>{let n=!1;const s=()=>{dh().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 ph={selectedSkill:null,mode:"browse",searchQuery:"",skills:[],skillsLoading:!0,skillsError:null,isMobile:!1,mobileView:"list",updateNotificationDismissed:!1,revealSkillId:null};function fh(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 ac=c.createContext(null),ic=ac;function It(){const e=c.useContext(ic);if(!e)throw new Error("useStudio must be used within StudioProvider");return e}function hh({children:e}){const[r,n]=c.useReducer(fh,ph),s=Sf("(max-width: 767px)");c.useEffect(()=>{n({type:"SET_MOBILE",isMobile:s})},[s]);const[o,a]=c.useState(()=>{try{const _=window.localStorage.getItem("vskill.studio.prefs");if(!_)return null;const re=JSON.parse(_);return typeof re.activeAgent=="string"?re.activeAgent:null}catch{return null}}),[i,l]=c.useState(o!==null);c.useEffect(()=>{function _(re){if(!(re instanceof CustomEvent))return;const $=re.detail;$!=null&&$.agentId&&(a($.agentId),l(!0))}return window.addEventListener("studio:agent-changed",_),()=>window.removeEventListener("studio:agent-changed",_)},[]),c.useEffect(()=>{if(i)return;let _=!1;return de.getAgents().then(re=>{if(_)return;const $=(re==null?void 0:re.suggested)??"claude-code";a(W=>W??$),l(!0)}).catch(()=>{_||(a(re=>re??"claude-code"),l(!0))}),()=>{_=!0}},[i]);const d=c.useCallback(()=>{if(!i||!o)return Promise.resolve();n({type:"SET_SKILLS_LOADING",loading:!0});const _={agent:o};return de.getSkills(_).then(re=>{n({type:"SET_SKILLS",skills:re});const $=window.location.hash,W=$.match(/^#\/skills\/(project|personal|plugin)\/([^/]+)\/([^/?]+)/);if(W){const[,K,se,te]=W,J=K,ae=re.find(pe=>pe.plugin===se&&pe.skill===te&&pe.source===J);if(ae){n({type:"SELECT_SKILL",skill:{plugin:se,skill:te,origin:ae.origin,source:ae.source}});return}const Z=re.find(pe=>pe.plugin===se&&pe.skill===te);Z&&n({type:"SELECT_SKILL",skill:{plugin:se,skill:te,origin:Z.origin,source:Z.source}});return}const G=$.match(/^#\/skills\/([^/]+)\/([^/?]+)/);if(G){const[,K,se]=G,te=re.find(J=>J.plugin===K&&J.skill===se);te&&n({type:"SELECT_SKILL",skill:{plugin:K,skill:se,origin:te.origin,source:te.source}})}}).catch(re=>n({type:"SET_SKILLS_ERROR",error:re.message}))},[o,i]);c.useEffect(()=>{d()},[d]),c.useEffect(()=>{function _(){d()}return window.addEventListener("studio:project-changed",_),()=>window.removeEventListener("studio:project-changed",_)},[d]);const u=c.useCallback(_=>{n({type:"SELECT_SKILL",skill:_}),window.location.hash=_.source?`/skills/${_.source}/${_.plugin}/${_.skill}`:`/skills/${_.plugin}/${_.skill}`},[]),p=c.useRef(r.skills);c.useEffect(()=>{p.current=r.skills},[r.skills]);const f=c.useCallback((_,re)=>{const $=p.current,W=_?$.find(te=>te.plugin===_&&te.skill===re):$.find(te=>te.skill===re&&te.source!=="plugin");if(!_&&!W){typeof console<"u"&&console.warn(`[StudioContext] revealSkill: no plugin provided and skill "${re}" not yet in state — skipping reveal`);return}const G=(W==null?void 0:W.plugin)??_,K=(W==null?void 0:W.origin)??"source",se=W==null?void 0:W.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(_=>{n({type:"SET_MODE",mode:_})},[]),g=c.useCallback(_=>{n({type:"SET_SEARCH",query:_})},[]),x=c.useCallback(_=>{n({type:"SET_MOBILE_VIEW",view:_})},[]),b=c.useCallback(()=>{n({type:"DISMISS_UPDATE_NOTIFICATION"})},[]),v=c.useRef(new Map),k=c.useRef(""),E=c.useRef(!1),[j,T]=c.useState(""),w=c.useRef(""),C=c.useRef(""),[N,R]=c.useState(""),I=c.useMemo(()=>r.skills.filter(_=>!_.sourcePrivate).map(_=>`${_.plugin}/${_.skill}`),[r.skills]),P=c.useMemo(()=>{const _=j?j.split(",").filter(Boolean):[],re=N?N.split(",").filter(Boolean):[];return _.length===0&&re.length===0?[]:[...new Set([..._,...re])]},[j,N]),F=oc(),B=F.signedIn?F.userId:void 0,S=lh({skillIds:P,trackingSkillIds:I,userId:B}),L=c.useMemo(()=>P.length,[P]),A=c.useRef("");c.useEffect(()=>{const _=r.skills.filter(K=>K.origin==="installed"&&!K.sourcePrivate);if(_.length===0){T(""),A.current="";return}const re=new Map;for(const K of S.updates)re.set(K.name.split("/").pop()||K.name,K);const $=_.map(K=>{const se=re.get(K.skill),te=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:te}}),W=$.map(K=>`${K.plugin}/${K.skill}@${K.currentVersion}#${K.name}`).sort().join("|");if(W===A.current)return;A.current=W;let G=!1;return de.resolveInstalledSkillIds($).then(K=>{if(G)return;const J=[...Kf(K).flatMap(ae=>[ae.uuid,ae.slug].filter(Boolean))].sort().join(",");J!==k.current&&(k.current=J,v.current=new Map(K.map(ae=>[`${ae.plugin}/${ae.skill}`,{uuid:ae.uuid,slug:ae.slug}])),T(J))}).catch(K=>{if(G||(A.current=""),!E.current){E.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 _=r.skills.filter(G=>G.origin==="source"&&!G.sourcePrivate&&typeof G.author=="string"&&G.author.length>0);if(_.length===0){w.current!==""&&(w.current="",R("")),C.current="";return}const re=_.map(G=>({name:G.skill,author:G.author})),$=re.map(G=>`${G.name.toLowerCase()}|${G.author}`).sort().join(`
+`);if($===C.current)return;C.current=$;let W=!1;return de.lookupSkillsByName(re).then(G=>{if(W)return;const K=G.flatMap(te=>[te.uuid,te.slug]).filter(te=>typeof te=="string"&&te.length>0),se=[...new Set(K)].sort().join(",");se!==w.current&&(w.current=se,R(se))}).catch(()=>{W||(C.current="")}),()=>{W=!0}},[r.skills]);const M=c.useMemo(()=>{const _=r.skills.map(re=>{if(!re.updateAvailable&&re.latestVersion===void 0&&re.trackedForUpdates===void 0)return re;const $={...re};return delete $.updateAvailable,delete $.currentVersion,delete $.latestVersion,delete $.trackedForUpdates,$});return wf(_,S.updates)},[r.skills,S.updates]),H=c.useMemo(()=>{const _={source:0,installed:0};for(const re of M)re.updateAvailable&&(_[re.origin]+=1);return _},[M]),le=c.useMemo(()=>({...r,skills:M}),[r,M]),V=S.updateCount,U=S.refresh,ne=S.isRefreshing,me=c.useCallback((_,re)=>{U(),d(),Be(`versions/${_}/${re}`),S.dismiss(`${_}/${re}`)},[U,d,S]),be=c.useMemo(()=>({state:le,selectSkill:u,clearSelection:m,setMode:y,setSearch:g,setMobileView:x,refreshSkills:d,updateCount:V,dismissUpdateNotification:b,updates:S.updates,outdatedByOrigin:H,isRefreshingUpdates:ne,refreshUpdates:U,revealSkill:f,clearReveal:h,updatesById:S.updatesById,pushUpdateCount:S.pushUpdateCount,updateStreamStatus:S.status,dismissPushUpdate:S.dismiss,activeAgent:o,onSkillUpdated:me,trackedSkillCount:L}),[le,u,m,y,g,x,d,V,b,S.updates,H,ne,U,f,h,S.updatesById,S.pushUpdateCount,S.status,S.dismiss,o,me,L]);return t.jsx(ic.Provider,{value:be,children:e})}const mh={config:null,loading:!0};function xh(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 lc=c.createContext(null);function yr(){const e=c.useContext(lc);if(!e)throw new Error("useConfig must be used within ConfigProvider");return e}function gh({children:e}){const[r,n]=c.useReducer(xh,mh),s=c.useCallback(()=>{de.getConfig().then(i=>n({type:"SET_CONFIG",config:i})).catch(()=>{})},[]);c.useEffect(()=>{s()},[s]);const o=c.useCallback(async(i,l)=>{const d=await de.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(lc.Provider,{value:a,children:e})}function yh({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 vh={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}`},bh={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"},kh={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"},jh={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"},wh={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"},Sh={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"},Ch={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."},Eh={disconnected:"Disconnected — reconnecting…",reconnected:"Reconnected.",loading:"Loading skills…",loadingPlaceholderCount:"—"},Nh={fieldRequired:"This field is required.",nameInvalid:"Use letters, numbers, and hyphens.",descriptionRequired:"Description is required.",saveFailed:"Save failed. Check the form for errors."},Rh={boundaryHeadline:"Something broke in this view.",boundaryBody:"Reload the page to recover.",boundaryAction:"Reload"},Th={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"},Ih={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)."}},Lh={subscriptionBilling:"· subscription",free:"· free"},Ah={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.`},$h={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}`},Mh={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.`},Fh={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"},Dh={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."},zh={groupAvailable:"Available",groupAuthoring:"Authoring",sourceProject:"Project",sourcePersonal:"Personal",sourcePlugin:"Plugins",authoringSkills:"Skills"},Bh={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:vh,shell:bh,detail:kh,actions:jh,palette:wh,shortcuts:Sh,toasts:Ch,connection:Eh,forms:Nh,errors:Rh,picker:Th,providers:Ih,models:Lh,settings:Ah,statusBar:Ph,scopePicker:$h,scopeSection:Mh,claudeCodeLabel:Fh,setupDrawer:Dh,setupProviders:Bh,scopeLabels:zh},Ya=["claude-cli","anthropic","openai","openrouter","cursor","codex-cli","gemini-cli","copilot","zed","ollama","lm-studio"],_h={"claude-cli":".claude",cursor:".cursor","codex-cli":".codex","gemini-cli":".gemini",copilot:".github",zed:".zed"},Oh={"claude-cli":"claude",cursor:"cursor","codex-cli":"codex","gemini-cli":"gemini"},Wh={"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"},Uh={"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 Hh(e,r){var l,d;const n=_h[e.id]??null,s=Oh[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:Uh[e.id]??"per-token",...u.pricing?{pricing:u.pricing}:{},...u.resolvedId?{resolvedId:u.resolvedId}:{}}));return{id:e.id,displayName:Vh(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:Wh[e.id]??null,models:i,resolvedModel:e.resolvedModel??null}}function Vh(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 Gh(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 cc(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 k=await v.json(),E=Gh((k.providers||[]).map(j=>Hh(j,k.detection)));n({agents:E,activeAgent:k.provider??null,activeModel:k.model??null}),o("ready"),i(null)}catch(v){o("error"),i(v.message)}},[]);c.useEffect(()=>{m()},[m]);const y=c.useCallback(async()=>{var k;const v=Date.now();if(!(v-p.current<5*6e4))try{const E=await fetch("/api/openrouter/models");if(!E.ok){E.status!==400&&d(`OpenRouter catalog fetch failed (${E.status})`);return}const j=await E.json();p.current=v,d(null),n(C=>{if(!C)return C;const N=C.agents.map(R=>{if(R.id!=="openrouter")return R;const P=(Array.isArray(j.models)?j.models:[]).filter(B=>B.id||B.name).map(B=>{const S=B.id||B.name;return{id:S,displayName:B.name??S,contextWindow:B.contextWindow,pricing:B.pricing,billingMode:"per-token"}});return{...R,models:P,catalogAgeMs:j.ageSec?j.ageSec*1e3:0,cacheStale:!!j.stale}});return{...C,agents:N}});const T=j.ageSec??0;(j.stale===!0||T>600)&&((k=f.current)==null||k.call(f,"openrouter",T*1e3))}catch(E){d(`OpenRouter catalog unreachable: ${E.message}`)}},[]),g=c.useCallback(v=>{u.current=v,v==="openrouter"&&y()},[y]),x=c.useCallback(()=>{p.current=0,m()},[m]),b=c.useCallback(async(v,k)=>{var T,w;let E;try{E=await fetch("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:v,model:k})})}catch(C){(T=h.current)==null||T.call(h,`Network error while setting ${v}: ${C.message}`);return}if(E.ok){n(C=>C&&{...C,activeAgent:v,activeModel:k});return}let j=`Failed to set ${v} (${E.status})`;try{const C=await E.json();C&&typeof C.error=="string"&&(j=C.error)}catch{}(w=h.current)==null||w.call(h,j)},[]);return{status:s,catalog:r,error:a,openRouterError:l,focusAgent:g,refresh:x,activeAgentId:(r==null?void 0:r.activeAgent)??null,activeModelId:(r==null?void 0:r.activeModel)??null,setActive:b}}function Es({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 No({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 Kh=new Set(["claude-cli","claude-code"]);function Ja(e){return Kh.has(e)}const Xa=new Set(["claude-cli","claude-code","anthropic","openai","openrouter","cursor","codex-cli","gemini-cli","copilot","zed"]);function qh({agents:e,activeAgentId:r,focusedAgentId:n,onFocus:s,onSelect:o,onOpenSettings:a}){const i=e.filter(d=>Xa.has(d.id)),l=e.filter(d=>!Xa.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(Qa,{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(Qa,{agent:d,isActive:d.id===r,isFocused:d.id===n,onFocus:s,onSelect:o,onOpenSettings:a},d.id))]})}function Qa({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=Ja(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}),Ja(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(No,{unlocked:!0,size:10}):t.jsx(No,{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(Es,{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(Es,{variant:"cli-install",label:d[e.id].label,installUrl:d[e.id].url,onActivate:()=>{}}),!e.available&&e.ctaType==="start-service"&&t.jsx(Es,{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 Yh(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,g=Math.min(e,m+y);return{visibleStart:m,visibleEnd:g}},[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 dc=44,Jh=352,Xh=60,Za=480;function Qh(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 Ns(e){return e.displayName??e.id??""}function Zh(e,r){if(!r)return e;const n=r.toLowerCase();return e.filter(o=>Ns(o).toLowerCase().includes(n)).sort((o,a)=>{const i=Ns(o),l=Ns(a),d=i.toLowerCase().indexOf(n),u=l.toLowerCase().indexOf(n);return d!==u?d-u:i.length-l.length})}function em({agent:e,activeModelId:r,focusedIndex:n=-1,onSelect:s,onOpenSettings:o}){const[a,i]=c.useState(""),[l,d]=c.useState(""),u=c.useRef(null);c.useEffect(()=>{const h=setTimeout(()=>d(a),Xh);return()=>clearTimeout(h)},[a]),c.useEffect(()=>{e.id==="openrouter"&&e.available&&u.current&&u.current.focus()},[e.id,e.available]);const p=c.useMemo(()=>Zh(e.models,l),[e.models,l]),f=Yh(p.length,dc,Jh);return e.id==="openrouter"&&!e.available?t.jsxs("div",{"data-testid":"openrouter-empty-card",style:{width:Za,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})]}):t.jsxs("div",{role:"listbox","aria-label":"Model","data-testid":"model-list",style:{width:Za,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(rm,{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 tm(e,r,n){return r&&r.toLowerCase().includes(e.toLowerCase())?r:n??null}function rm({model:e,isActive:r,isFocused:n,onSelect:s,resolvedModel:o}){const a=Qh(e),i=tm(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:dc,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 ei={anthropic:{stored:!1,updatedAt:null},openai:{stored:!1,updatedAt:null},openrouter:{stored:!1,updatedAt:null}};function nm(){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({...ei,...p}),a(null)}catch(u){a(u.message),r(ei)}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 sm({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:Rs,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:{...Rs,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:{...Rs,background:"transparent",border:"none",color:"var(--text-muted, var(--text-tertiary))",textDecoration:"underline",padding:"4px 6px"},children:"Dismiss for 30 days"})]})}const Rs={padding:"4px 10px",background:"var(--surface-2, transparent)",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},om=[{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 am(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 uc({open:e,onClose:r,initialProvider:n,onToast:s}){const{state:o,save:a,remove:i,refresh:l}=nm(),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 g=await y.json();m||f(g.path??null)}catch{m||f(null)}})(),()=>{m=!0}},[e]),c.useEffect(()=>{if(!e)return;const m=document.activeElement,y=setTimeout(()=>{var b;const g=n?`input[data-provider="${n}"]`:"input[data-provider]",x=(b=d.current)==null?void 0:b.querySelector(g);x==null||x.focus()},0);return()=>{var g;clearTimeout(y),(g=m==null?void 0:m.focus)==null||g.call(m)}},[e,n]),c.useEffect(()=>{if(!e)return;const m=y=>{if(y.key==="Escape"){y.preventDefault(),y.stopPropagation(),r();return}if(y.key==="Tab"&&d.current){y.stopPropagation();const g=d.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])");if(g.length===0)return;const x=g[0],b=g[g.length-1];y.shiftKey&&document.activeElement===x?(y.preventDefault(),b.focus()):!y.shiftKey&&document.activeElement===b&&(y.preventDefault(),x.focus())}};return document.addEventListener("keydown",m,!0),()=>document.removeEventListener("keydown",m,!0)},[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:10080},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(sm,{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}),om.map(m=>t.jsx(im,{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 g=await a(m.id,y);return s==null||s(O.settings.keySaved(m.name)),g},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:{...fr,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 im({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),[g,x]=c.useState(!1),[b,v]=c.useState(null),k=u.trim(),E=k.length===0,j=k.length>0&&!k.startsWith(s),T=c.useCallback(async()=>{if(E)return;y(!0);const N=k;p("");try{const R=await i(N);R.warning?v(R.warning):v(null)}finally{y(!1)}},[E,i,k]),w=c.useCallback(async()=>{var N;try{if(!((N=navigator.clipboard)!=null&&N.readText))return;const R=await navigator.clipboard.readText();p(R)}catch{}},[]),C=c.useCallback(async()=>{x(!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:N=>{p(N.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:fr,children:f?O.settings.hide:O.settings.show}),t.jsx("button",{type:"button",onClick:w,style:fr,children:O.settings.paste})]}),j&&t.jsx("div",{role:"status","data-testid":`prefix-warn-${e}`,style:ti,children:O.settings.prefixWarn(r)}),b&&t.jsx("div",{role:"status",style:ti,children:b}),t.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[t.jsx("button",{type:"button",onClick:T,disabled:E||m,"data-testid":`save-${e}`,style:{...fr,background:E?"var(--surface-2)":"var(--accent, var(--color-accent))",color:E?"var(--text-muted)":"white",cursor:E?"not-allowed":"pointer"},children:O.settings.save}),(a==null?void 0:a.stored)&&t.jsx(t.Fragment,{children:g?t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{fontSize:12},children:O.settings.removeConfirm(r)}),t.jsx("button",{type:"button",onClick:C,"data-testid":`remove-confirm-${e}`,style:{...fr,background:"var(--danger, #b33)",color:"white"},children:"Confirm"}),t.jsx("button",{type:"button",onClick:()=>x(!1),style:fr,children:"Cancel"})]}):t.jsx("button",{type:"button",onClick:()=>x(!0),"data-testid":`remove-${e}`,style:{...fr,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(am(a.updatedAt)):O.settings.noKey})]})]})}const fr={padding:"4px 8px",background:"var(--surface-2, transparent)",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},ti={fontSize:11,color:"var(--warning, var(--text-muted))"};function lm(){return typeof window>"u"||!window.matchMedia?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function cm({onToast:e}){const{status:r,catalog:n,focusAgent:s,setActive:o}=cc({onStaleCatalog:(R,I)=>{const P=Math.round(I/6e4);e==null||e(`Using cached ${R} catalog (${P} min old)`)},onSetActiveError:R=>e==null?void 0:e(R)}),[a,i]=c.useState(!1),[l,d]=c.useState(!1),[u,p]=c.useState(),[f,h]=c.useState(null),[m,y]=c.useState("agents"),[g,x]=c.useState(0),b=c.useRef(null);c.useRef(null),c.useEffect(()=>{var R;n&&!f&&h(n.activeAgent??((R=n.agents[0])==null?void 0:R.id)??null)},[n,f]);const v=(n==null?void 0:n.agents)??[],k=c.useMemo(()=>v.find(R=>R.id===f)??v[0],[v,f]);c.useEffect(()=>{x(0)},[f]);const E=c.useCallback(()=>{var R;i(!0),y("agents"),h((n==null?void 0:n.activeAgent)??((R=v[0])==null?void 0:R.id)??null),x(0)},[n,v]),j=c.useCallback(()=>{var R;i(!1),(R=b.current)==null||R.focus()},[]);c.useEffect(()=>{const R=()=>i(I=>!I);return window.addEventListener("openAgentModelPicker",R),()=>{window.removeEventListener("openAgentModelPicker",R)}},[]),c.useEffect(()=>{if(!a)return;const R=P=>{if(P.key==="Escape"){P.preventDefault(),j();return}if(P.key==="ArrowDown"){P.preventDefault(),I(1);return}if(P.key==="ArrowUp"){P.preventDefault(),I(-1);return}if(P.key==="ArrowRight"&&m==="agents"){P.preventDefault(),y("models"),x(F=>{const B=((k==null?void 0:k.models.length)??1)-1;return Math.max(0,Math.min(F,Math.max(0,B)))});return}if(P.key==="ArrowLeft"&&m==="models"){P.preventDefault(),y("agents");return}if(P.key==="Enter"){if(P.preventDefault(),m==="agents"&&k)y("models"),x(0);else if(m==="models"&&k){const F=Math.max(0,Math.min(k.models.length-1,g)),B=k.models[F];B&&(o(k.id,B.id),j())}return}};function I(P){if(m==="agents"){const F=v.findIndex(S=>S.id===f),B=v[Math.max(0,Math.min(v.length-1,F+P))];B&&(h(B.id),s(B.id));return}if(m==="models"&&k){const F=k.models.length;if(F===0)return;x(B=>{const S=B+P;return Math.max(0,Math.min(F-1,S))})}}return document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[a,m,v,f,k,g,j,s,o]);const T=c.useCallback(R=>{p(R==="anthropic"||R==="openrouter"?R:void 0),d(!0),i(!1)},[]),w=v.find(R=>R.id===(n==null?void 0:n.activeAgent)),C=w==null?void 0:w.models.find(R=>R.id===(n==null?void 0:n.activeModel)),N=c.useMemo(()=>{if(r!=="ready"||!n)return"Loading…";const R=(w==null?void 0:w.displayName)??"Agent",I=(C==null?void 0:C.displayName)??n.activeModel??"Model";return`${R} · ${I}`},[r,n,w,C]);return t.jsxs(t.Fragment,{children:[t.jsxs("button",{ref:b,type:"button","data-testid":"agent-model-picker-trigger",onClick:()=>a?j():E(),"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:w!=null&&w.available?"var(--accent, var(--color-accent))":"var(--text-muted, var(--text-tertiary))",flexShrink:0}}),t.jsx("span",{children:N})]}),a&&typeof document<"u"&&Fr.createPortal(t.jsxs(dm,{reducedMotion:lm(),onClickOutside:j,children:[t.jsxs("div",{style:{display:"flex",height:440,maxHeight:"60vh"},children:[t.jsx(qh,{agents:v,activeAgentId:(n==null?void 0:n.activeAgent)??null,focusedAgentId:f,onFocus:R=>{h(R),s(R)},onSelect:R=>{h(R),s(R),y("models")},onOpenSettings:T}),k&&t.jsx(em,{agent:k,activeModelId:(n==null?void 0:n.activeModel)??null,focusedIndex:m==="models"?g:-1,onSelect:R=>{o(k.id,R),j()},onOpenSettings:T})]}),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:()=>T(),"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(uc,{open:l,onClose:()=>d(!1),initialProvider:u,onToast:e})]})}function dm({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 Ts="#F25F1C";function ri(){typeof window>"u"||(window.location.hash="#/")}function um({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(),ri(),e==null||e())},i=l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),ri(),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:Ts}),t.jsx("path",{d:"M9.75 19.4h4.5a2.25 2.25 0 11-4.5 0z",fill:Ts}),t.jsx("circle",{cx:"18.5",cy:"5.5",r:"2.75",fill:Ts,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 ni=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 pm({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 fm({toasts:e,onDismiss:r,liveMessage:n,liveAssertiveMessage:s}){return t.jsxs(t.Fragment,{children:[t.jsx(ni,{politeness:"polite",message:n}),t.jsx(ni,{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:2e4,pointerEvents:"none"},children:e.map(o=>t.jsx("div",{style:{pointerEvents:"auto"},children:t.jsx(pm,{toast:o,onDismiss:r})},o.id))})]})}const pc=c.createContext(null);function cs(){const e=c.useContext(pc);if(!e)throw new Error("useToast must be used inside <ToastProvider>.");return e}function hm({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(x=>{const b=u.current.get(x);b&&(clearTimeout(b),u.current.delete(x)),o(v=>v.filter(k=>k.id!==x))},[]),f=c.useCallback((x,b)=>{if(b<=0)return;const v=setTimeout(()=>{p(x)},b);u.current.set(x,v)},[p]),h=c.useCallback(x=>{const b=x.id??`toast-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,v={id:b,message:x.message,severity:x.severity??"info",durationMs:x.durationMs??n,action:x.action};return o(k=>[...k,v]),v.severity==="error"?d(v.message):i(v.message),f(b,v.durationMs),b},[n,f]),m=c.useCallback(()=>{for(const x of u.current.values())clearTimeout(x);u.current.clear(),o([])},[]);c.useEffect(()=>{function x(b){b.key==="Escape"&&o(v=>{if(v.length===0)return v;const k=v.slice(0,r),E=k[k.length-1],j=u.current.get(E.id);return j&&(clearTimeout(j),u.current.delete(E.id)),v.filter(T=>T.id!==E.id)})}return window.addEventListener("keydown",x),()=>window.removeEventListener("keydown",x)},[r]),c.useEffect(()=>()=>{for(const x of u.current.values())clearTimeout(x);u.current.clear()},[]);const y=s.slice(0,r),g=c.useMemo(()=>({toast:h,dismiss:p,clear:m}),[h,p,m]);return t.jsxs(pc.Provider,{value:g,children:[e,t.jsx(fm,{toasts:y,onDismiss:p,liveMessage:a,liveAssertiveMessage:l})]})}function mm(){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 xm=c.lazy(()=>or(()=>import("./UpdateDropdown-BlAAI6ah.js"),__vite__mapDeps([2,3,4,5,6])));function gm(e){switch(e){case"connected":return"connected";case"fallback":return"reconnecting";case"connecting":default:return"connecting"}}function ym(e){switch(e){case"connected":return"var(--status-success-text)";case"fallback":return"var(--color-own)";case"connecting":default:return"var(--text-secondary)"}}function vm(){const{updateCount:e,updates:r,isRefreshingUpdates:n,refreshUpdates:s,selectSkill:o,revealSkill:a,skills:i,updatesById:l,activeAgent:d,updateStreamStatus:u,trackedSkillCount:p}=It(),{toast:f}=cs(),{data:h}=mm(),m=(h==null?void 0:h.degraded)===!0,y=c.useId(),g=u??"connecting",x=typeof p=="number"?p:null,b=x===null?!0:x>0,v=c.useMemo(()=>{if(!l||l.size===0)return;const P=new Map;for(const[F,B]of l)B.diffSummary&&P.set(F,B.diffSummary);return P.size>0?P:void 0},[l]),[k,E]=c.useState(!1),j=c.useRef(null),T=c.useCallback(()=>E(!1),[]),w=m?"var(--color-own)":e>0?"var(--text-primary)":"var(--text-secondary)",C=e>9?"9+":String(e),N=e===0?"No updates available":`${e} updates available, open summary`,R=m?`${N} — platform crawler degraded`:N,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:j,type:"button","data-testid":"update-bell","aria-label":R,"aria-haspopup":"dialog","aria-expanded":k,"aria-describedby":y,title:I,onClick:()=>E(P=>!P),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:w,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:w},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:C}),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:ym(g),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: ${gm(g)}`}),k&&t.jsx(c.Suspense,{fallback:t.jsx("span",{"data-testid":"update-bell-fallback",children:"Loading…"}),children:t.jsx(xm,{updates:r,isRefreshing:n,diffSummariesById:v,onRefresh:()=>s(),onSelectSkill:P=>{const F=P.localSkill??P.name.split("/").pop()??"",B=P.localPlugin??"";if(a)a(B,F);else{const L=P.name.split("/"),A=L.length>=2?L[L.length-2]:L[0];o({plugin:A,skill:F,origin:"installed"})}if(!(i??[]).some(L=>L.skill===F&&(B===""||L.plugin===B))){const L=P.installLocations??[];if(L.length>0){const A=d?L.filter(H=>H.agent===d):[],M=d?L.filter(H=>H.agent!==d):L;if(A.length>0&&M.length>0){const H=M.length>=2?`Also installed under ${M.length} other locations.`:`Also installed under ${M[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.`})}}}T()},onViewAll:()=>{window.location.hash="#/updates",T()},onClose:T,anchorRef:j})})]})}function si(e){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:navigate-scope",{detail:e}))}function bm(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 km(e){return e.source==="project"?"var(--status-installed)":e.source==="plugin"?"var(--color-accent-ink)":"var(--status-own)"}function jm({projectName:e,selected:r,onHome:n,projectPickerSlot:s,onRequestCreateSkill:o,findSkillsSlot:a,userDropdownSlot:i,appUpdateSlot:l}){const d=r?bm(r):null,u=r?km(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(um,{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(oi,{segment:"origin",onClick:()=>si({scope:"origin",origin:r.origin}),style:{textTransform:"uppercase",letterSpacing:"0.06em",fontWeight:600,color:u},children:d}),t.jsx(ai,{}),t.jsx(oi,{segment:"plugin",onClick:()=>si({scope:"plugin",plugin:r.plugin}),style:{fontFamily:"var(--font-mono)",fontSize:11},children:r.plugin}),t.jsx(ai,{}),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(cm,{})}),t.jsx("span",{"data-slot":"update-bell",style:{display:"inline-flex"},children:t.jsx(vm,{})}),i&&t.jsx("span",{"data-slot":"user-dropdown",style:{display:"inline-flex"},children:i})]})]})]})}function oi({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 ai(){return t.jsx("span",{"aria-hidden":"true",style:{color:"var(--border-default)",fontSize:10},children:"›"})}const ds="vskill-theme";function fc(e){return e==="light"||e==="dark"||e==="auto"?e:"auto"}function wm(e,r){return e==="light"||e==="dark"?e:r?"dark":"light"}function Sm(e){try{const r=e.getItem(ds);return fc(r)}catch{return"auto"}}function Cm(e,r){try{e.setItem(ds,r)}catch{}}function Em(e,r,n){e.dataset.theme=n,e.dataset.themeMode=r}function Nm(e){if(!e)return!1;try{return e("(prefers-color-scheme: dark)").matches}catch{return!1}}const hc=c.createContext(null);function Rm({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(()=>Nm(a)),f=c.useMemo(()=>wm(l,u),[l,u]);c.useEffect(()=>{i&&Em(i,l,f)},[i,l,f]),c.useEffect(()=>{if(!a)return;const y=a("(prefers-color-scheme: dark)"),g=b=>p(b.matches);if(typeof y.addEventListener=="function")return y.addEventListener("change",g),()=>y.removeEventListener("change",g);const x=y;return x.addListener(g),()=>x.removeListener(g)},[a]),c.useEffect(()=>{if(typeof window>"u")return;const y=g=>{g.key===ds&&d(fc(g.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 g=v=>{v?i.dataset.contrast="more":i.dataset.contrast==="more"&&delete i.dataset.contrast};g(y.matches);const x=v=>g(v.matches);if(typeof y.addEventListener=="function")return y.addEventListener("change",x),()=>y.removeEventListener("change",x);const b=y;return b.addListener(x),()=>b.removeListener(x)},[a,i]);const h=c.useCallback(y=>{d(y),o&&Cm(o,y)},[o]),m=c.useMemo(()=>({mode:l,resolvedTheme:f,setTheme:h}),[l,f,h]);return t.jsx(hc.Provider,{value:m,children:s})}function mc(){const e=c.useContext(hc);if(!e)throw new Error("useTheme must be used inside <ThemeProvider>. Wrap the app root in main.tsx.");return e}const ii=["claude-cli","anthropic","openrouter","ollama","lm-studio"];function Tm(e){const r=new Map(e.map(s=>[s.id,s])),n=[];for(const s of ii){const o=r.get(s);o&&n.push(o)}for(const s of e)ii.includes(s.id)||n.push(s);return n}function Im(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 Lm({providers:e,onOpenSettings:r,onOpenInstallHelp:n}){const s=Tm(e),o=Im(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(li,{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(li,{p:d,onClick:l,compact:!0},d.id))})}function li({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(No,{unlocked:e.available,size:10}),!n&&t.jsx("span",{children:e.label})]})}function Am(){try{return typeof localStorage>"u"?null:localStorage.getItem(ds)}catch{return null}}function Pm({projectPath:e,modelName:r,health:n="ok",onPathClick:s,providers:o,onOpenProviderSettings:a,onOpenProviderInstallHelp:i}){const{mode:l,resolvedTheme:d,setTheme:u}=mc(),f=Am()==="auto",h=$m(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(ci,{}),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(ci,{}),t.jsx(Lm,{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(Fm,{mode:l}),t.jsx("span",{style:{textTransform:"capitalize"},children:l})]})]})}function $m(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 ci(){return t.jsx("span",{"aria-hidden":"true",style:{color:"var(--border-default)"},children:"|"})}function Fm({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 Ro=new Set;function xc(){for(const e of Ro)e()}const Dm=5,zm=1e3,Bm=6e4;function _m(){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)},[]),g=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 k=await v.json();if(!u.current)return;i.current=0,r(k.plugins??[]),a(!1),s(!1),d.current=setTimeout(()=>{u.current&&h(E=>E+1)},Bm)}catch(v){if(!u.current||v instanceof DOMException&&v.name==="AbortError")return;if(i.current+=1,a(!1),i.current>Dm){s(!0);return}const k=zm*Math.pow(2,i.current-1);d.current=setTimeout(()=>{u.current&&h(E=>E+1)},k)}},[y]);c.useEffect(()=>(u.current=!0,()=>{u.current=!1,m(),y()}),[y]),c.useEffect(()=>{document.visibilityState!=="hidden"&&(m(),g())},[f,g]),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 x=c.useCallback(()=>{i.current=0,s(!1),m(),p.current+=1,h(b=>b+1)},[]);return c.useEffect(()=>(Ro.add(x),()=>{Ro.delete(x)}),[x]),{plugins:e,paused:n,loading:o,retry:x}}const us=0,ir=1,Dr=2,gc=4;function di(e){return()=>e}function Om(e){e()}function yc(e,r){return n=>e(r(n))}function ui(e,r){return()=>e(r)}function Wm(e,r){return n=>e(r,n)}function na(e){return e!==void 0}function Um(...e){return()=>{e.map(Om)}}function zr(){}function ps(e,r){return r(e),e}function Hm(e,r){return r(e)}function We(...e){return e}function Ae(e,r){return e(ir,r)}function Ee(e,r){e(us,r)}function sa(e){e(Dr)}function He(e){return e(gc)}function ve(e,r){return Ae(e,Wm(r,us))}function $t(e,r){const n=e(ir,s=>{n(),r(s)});return n}function pi(e){let r,n;return s=>o=>{r=o,n&&clearTimeout(n),n=setTimeout(()=>{s(r)},e)}}function vc(e,r){return e===r}function Oe(e=vc){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=>yc(r,e)}function zt(e){return r=>()=>{r(e)}}function X(e,...r){const n=Vm(...r);return((s,o)=>{switch(s){case Dr:sa(e);return;case ir:return Ae(e,n(o))}})}function _t(e,r){return n=>s=>{n(r=e(r,s))}}function gr(e){return r=>n=>{e>0?e--:r(n)}}function Gt(e){let r=null,n;return s=>o=>{r=o,!n&&(n=setTimeout(()=>{n=void 0,s(r)},e))}}function Re(...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;Ae(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 Vm(...e){return r=>e.reduceRight(Hm,r)}function Gm(e){let r,n;const s=()=>r==null?void 0:r();return function(o,a){switch(o){case ir:return a?n===a?void 0:(s(),n=a,r=Ae(e,a),r):(s(),zr);case Dr:s(),n=null;return}}}function oe(e){let r=e;const n=Te();return((s,o)=>{switch(s){case us:r=o;break;case ir:{o(r);break}case gc:return r}return n(s,o)})}function dt(e,r){return ps(oe(r),n=>ve(e,n))}function Te(){const e=[];return((r,n)=>{switch(r){case us:e.slice().forEach(s=>{s(n)});return;case Dr:e.splice(0,e.length);return;case ir:return e.push(n),()=>{const s=e.indexOf(n);s>-1&&e.splice(s,1)}}})}function jt(e){return ps(Te(),r=>ve(e,r))}function Le(e,r=[],{singleton:n}={singleton:!0}){return{constructor:e,dependencies:r,id:Km(),singleton:n}}const Km=()=>Symbol();function qm(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 qe(...e){const r=Te(),n=new Array(e.length);let s=0;const o=2**e.length-1;return e.forEach((a,i)=>{const l=2**i;Ae(a,d=>{n[i]=d,s|=l,s===o&&Ee(r,n)})}),function(a,i){switch(a){case Dr:{sa(r);return}case ir:return s===o&&i(n),Ae(r,i)}}}function ke(e,r=vc){return X(e,Oe(r))}function To(...e){return function(r,n){switch(r){case Dr:return;case ir:return Um(...e.map(s=>Ae(s,n)))}}}const et={DEBUG:0,INFO:1,WARN:2,ERROR:3},Ym={[et.DEBUG]:"debug",[et.ERROR]:"error",[et.INFO]:"log",[et.WARN]:"warn"},Jm=()=>typeof globalThis>"u"?window:globalThis,lr=Le(()=>{const e=oe(et.ERROR);return{log:oe((r,n,s=et.INFO)=>{const o=Jm().VIRTUOSO_LOG_LEVEL??He(e);s>=o&&console[Ym[s]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",r,n)}),logLevel:e}},[],{singleton:!0});function vr(e,r,n){return oa(e,r,n).callbackRef}function oa(e,r,n){const s=ye.useRef(null);let o=i=>{};const a=ye.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 Xm(e,r,n,s,o,a,i,l,d){const u=ye.useCallback(p=>{const f=Qm(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 g=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,x=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:x,scrollTop:Math.max(g,0),viewportHeight:b}),a==null||a(l?fi("column-gap",getComputedStyle(p).columnGap,o):fi("row-gap",getComputedStyle(p).rowGap,o)),f!==null&&e(f)},[e,r,o,a,i,s,l]);return oa(u,n,d)}function Qm(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},et.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 fi(e,r,n){return r!=="normal"&&(r==null?void 0:r.endsWith("px"))!==!0&&n(`${e} was not resolved to pixel value correctly`,r,et.WARN),r==="normal"?0:parseInt(r??"0",10)}function bc(e,r,n){const s=ye.useRef(null),o=ye.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}=oa(o,!0,n),l=ye.useCallback(()=>{o(i.current)},[o,i]);return ye.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 ft=Le(()=>{const e=Te(),r=Te(),n=oe(0),s=Te(),o=oe(0),a=Te(),i=Te(),l=oe(0),d=oe(0),u=oe(0),p=oe(0),f=Te(),h=Te(),m=oe(!1),y=oe(!1),g=oe(!1);return ve(X(e,fe(({scrollTop:x})=>x)),r),ve(X(e,fe(({scrollHeight:x})=>x)),i),ve(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:g,smoothScrollTargetReached:s,statefulScrollTop:o,viewportHeight:a}},[],{singleton:!0}),an={lvl:0};function kc(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 Fe(e){return e===an}function ln(e,r){if(!Fe(e))return r===e.k?e.v:r<e.k?ln(e.l,r):ln(e.r,r)}function Ft(e,r,n="k"){if(Fe(e))return[-1/0,void 0];if(Number(e[n])===r)return[e.k,e.v];if(Number(e[n])<r){const s=Ft(e.r,r,n);return s[0]===-1/0?[e.k,e.v]:s}return Ft(e.l,r,n)}function kt(e,r,n){return Fe(e)?Sc(r,n,1):r===e.k?Qe(e,{k:r,v:n}):r<e.k?hi(Qe(e,{l:kt(e.l,r,n)})):hi(Qe(e,{r:kt(e.r,r,n)}))}function Tr(){return an}function Ir(e,r,n){if(Fe(e))return[];const s=Ft(e,r)[0];return Zm(Lo(e,s,n))}function Io(e,r){if(Fe(e))return an;const{k:n,l:s,r:o}=e;if(r===n){if(Fe(s))return o;if(Fe(o))return s;const[a,i]=wc(s);return Gn(Qe(e,{k:a,l:jc(s),v:i}))}return r<n?Gn(Qe(e,{l:Io(s,r)})):Gn(Qe(e,{r:Io(o,r)}))}function xr(e){return Fe(e)?[]:[...xr(e.l),{k:e.k,v:e.v},...xr(e.r)]}function Lo(e,r,n){if(Fe(e))return[];const{k:s,l:o,r:a,v:i}=e;let l=[];return s>r&&(l=l.concat(Lo(o,r,n))),s>=r&&s<=n&&l.push({k:s,v:i}),s<=n&&(l=l.concat(Lo(a,r,n))),l}function Gn(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(Is(r))return Cc(Qe(e,{lvl:n-1}));if(!Fe(r)&&!Fe(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(Is(e))return Ao(Qe(e,{lvl:n-1}));if(!Fe(s)&&!Fe(s.l)){const o=s.l,a=Is(o)?s.lvl-1:s.lvl;return Qe(o,{l:Qe(e,{lvl:n-1,r:o.l}),lvl:o.lvl+1,r:Ao(Qe(s,{l:o.r,lvl:a}))})}throw new Error("Unexpected empty nodes")}function Qe(e,r){return Sc(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 jc(e){return Fe(e.r)?e.l:Gn(Qe(e,{r:jc(e.r)}))}function Is(e){return Fe(e)||e.lvl>e.r.lvl}function wc(e){return Fe(e.r)?[e.k,e.v]:wc(e.r)}function Sc(e,r,n,s=an,o=an){return{k:e,l:s,lvl:n,r:o,v:r}}function hi(e){return Ao(Cc(e))}function Cc(e){const{l:r}=e;return!Fe(r)&&r.lvl===e.lvl?Qe(r,{r:Qe(e,{l:r.r})}):e}function Ao(e){const{lvl:r,r:n}=e;return!Fe(n)&&!Fe(n.r)&&n.lvl===r&&n.r.lvl===r?Qe(n,{l:Qe(e,{r:n.l}),lvl:r+1}):e}function Zm(e){return kc(e,({k:r,v:n})=>({index:r,value:n}))}function Ec(e,r){return!!(e&&e.startIndex===r.startIndex&&e.endIndex===r.endIndex)}function cn(e,r){return!!(e&&e[0]===r[0]&&e[1]===r[1])}const aa=Le(()=>({recalcInProgress:oe(!1)}),[],{singleton:!0});function Nc(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 ex(e,r,n,s){const o=Qn(e,r,s),a=Qn(e,n,s,o);return e.slice(o,a+1)}function sr(e,r){return Math.round(e.getBoundingClientRect()[r])}function fs(e){return!Fe(e.groupOffsetTree)}function ia({index:e},r){return r===e?0:r<e?-1:1}function tx(){return{groupIndices:[],groupOffsetTree:Tr(),lastIndex:0,lastOffset:0,lastSize:0,offsetTree:[],sizeTree:Tr()}}function rx(e,r){let n=Fe(e)?0:1/0;for(const s of r){const{endIndex:o,size:a,startIndex:i}=s;if(n=Math.min(n,i),Fe(e)){e=kt(e,0,a);continue}const l=Ir(e,i-1,o+1);if(l.some(cx(s)))continue;let d=!1,u=!1;for(const{end:p,start:f,value:h}of l)d?(o>=f||a===h)&&(e=Io(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 nx(e){return typeof e.groupIndex<"u"}function sx({offset:e},r){return r===e?0:r<e?-1:1}function dn(e,r,n){if(r.length===0)return 0;const{index:s,offset:o,size:a}=Nc(r,e,ia),i=e-s,l=a*i+(i-1)*n+o;return l>0?l+n:l}function Rc(e,r){if(!fs(r))return e;let n=0;for(;r.groupIndices[n]<=e+n;)n++;return e+n}function Tc(e,r,n){if(nx(e))return r.groupIndices[e.groupIndex]+1;const s=e.index==="LAST"?n:e.index;let o=Rc(s,r);return o=Math.max(0,o,Math.min(n,o)),o}function ox(e,r,n,s=0){return s>0&&(r=Math.max(r,Nc(e,s,ia).offset)),kc(ex(e,r,n,sx),lx)}function ax(e,[r,n,s,o]){r.length>0&&s("received item sizes",r,et.DEBUG);const a=e.sizeTree;let i=a,l=0;if(n.length>0&&Fe(a)&&r.length===2){const h=r[0].size,m=r[1].size;i=n.reduce((y,g)=>kt(kt(y,g,h),g+1,m),i)}else[i,l]=rx(i,r);if(i===a)return e;const{lastIndex:d,lastOffset:u,lastSize:p,offsetTree:f}=Po(e.offsetTree,l,i,o);return{groupIndices:n,groupOffsetTree:n.reduce((h,m)=>kt(h,m,dn(m,f,o)),Tr()),lastIndex:d,lastOffset:u,lastSize:p,offsetTree:f,sizeTree:i}}function ix(e){return xr(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 mi(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 Po(e,r,n,s){let o=e,a=0,i=0,l=0,d=0;if(r!==0){d=Qn(o,r-1,ia),l=o[d].offset;const u=Ft(n,r-1);a=u[0],i=u[1],o.length&&o[d].size===Ft(n,r)[1]&&(d-=1),o=o.slice(0,d+1)}else o=[];for(const{start:u,value:p}of Ir(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 lx(e){return{index:e.index,value:e}}function cx(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 dx={offsetHeight:"height",offsetWidth:"width"},Ut=Le(([{log:e},{recalcInProgress:r}])=>{const n=Te(),s=Te(),o=dt(s,0),a=Te(),i=Te(),l=oe(0),d=oe([]),u=oe(void 0),p=oe(void 0),f=oe(void 0),h=oe(void 0),m=oe((w,C)=>sr(w,dx[C])),y=oe(void 0),g=oe(0),x=tx(),b=dt(X(n,Re(d,e,g),_t(ax,x),Oe()),x),v=dt(X(d,Oe(),_t((w,C)=>({current:C,prev:w.current}),{current:[],prev:[]}),fe(({prev:w})=>w)),[]);ve(X(d,je(w=>w.length>0),Re(b,g),fe(([w,C,N])=>{const R=w.reduce((I,P,F)=>kt(I,P,dn(P,C.offsetTree,N)||F),Tr());return{...C,groupIndices:w,groupOffsetTree:R}})),b),ve(X(s,Re(b),je(([w,{lastIndex:C}])=>w<C),fe(([w,{lastIndex:C,lastSize:N}])=>[{endIndex:C,size:N,startIndex:w}])),n),ve(u,p);const k=dt(X(u,fe(w=>w===void 0)),!0);ve(X(p,je(w=>w!==void 0&&Fe(He(b).sizeTree)),fe(w=>{const C=He(f),N=He(d).length>0;return C!==void 0&&C!==0?N?[{endIndex:0,size:C,startIndex:0},{endIndex:1,size:w,startIndex:1}]:[]:[{endIndex:0,size:w,startIndex:0}]})),n),ve(X(h,je(w=>w!==void 0&&w.length>0&&Fe(He(b).sizeTree)),fe(w=>{const C=[];let N=w[0],R=0;for(let I=1;I<w.length;I++){const P=w[I];P!==N&&(C.push({endIndex:I-1,size:N,startIndex:R}),N=P,R=I)}return C.push({endIndex:w.length-1,size:N,startIndex:R}),C})),n),ve(X(d,Re(f,p),je(([,w,C])=>w!==void 0&&C!==void 0),fe(([w,C,N])=>{const R=[];for(let I=0;I<w.length;I++){const P=w[I],F=w[I+1];R.push({startIndex:P,endIndex:P,size:C}),F!==void 0&&R.push({startIndex:P+1,endIndex:F-1,size:N})}return R})),n);const E=jt(X(n,Re(b),_t(({sizes:w},[C,N])=>({changed:N!==w,sizes:N}),{changed:!1,sizes:x}),fe(w=>w.changed)));Ae(X(l,_t((w,C)=>({diff:w.prev-C,prev:C}),{diff:0,prev:0}),fe(w=>w.diff)),w=>{const{groupIndices:C}=He(b);if(w>0)Ee(r,!0),Ee(a,w+mi(w,C));else if(w<0){const N=He(v);N.length>0&&(w-=mi(-w,N)),Ee(i,w)}}),Ae(X(l,Re(e)),([w,C])=>{w<0&&C("`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},et.ERROR)});const j=jt(a);ve(X(a,Re(b),fe(([w,C])=>{const N=C.groupIndices.length>0,R=[],I=C.lastSize;if(N){const P=ln(C.sizeTree,0);let F=0,B=0;for(;F<w;){const L=C.groupIndices[B],A=C.groupIndices.length===B+1?1/0:C.groupIndices[B+1]-L-1;R.push({endIndex:L,size:P,startIndex:L}),R.push({endIndex:L+1+A-1,size:I,startIndex:L+1}),B++,F+=A+1}const S=xr(C.sizeTree);return F!==w&&S.shift(),S.reduce((L,{k:A,v:M})=>{let H=L.ranges;return L.prevSize!==0&&(H=[...L.ranges,{endIndex:A+w-1,size:L.prevSize,startIndex:L.prevIndex}]),{prevIndex:A+w,prevSize:M,ranges:H}},{prevIndex:w,prevSize:0,ranges:R}).ranges}return xr(C.sizeTree).reduce((P,{k:F,v:B})=>({prevIndex:F+w,prevSize:B,ranges:[...P.ranges,{endIndex:F+w-1,size:P.prevSize,startIndex:P.prevIndex}]}),{prevIndex:0,prevSize:I,ranges:[]}).ranges})),n);const T=jt(X(i,Re(b,g),fe(([w,{offsetTree:C},N])=>{const R=-w;return dn(R,C,N)})));return ve(X(i,Re(b,g),fe(([w,C,N])=>{if(C.groupIndices.length>0){if(Fe(C.sizeTree))return C;let I=Tr();const P=He(v);let F=0,B=0,S=0;for(;F<-w;){S=P[B];const L=P[B+1]-S-1;B++,F+=L+1}if(I=xr(C.sizeTree).reduce((L,{k:A,v:M})=>kt(L,Math.max(0,A+w),M),I),F!==-w){const L=ln(C.sizeTree,S);I=kt(I,0,L);const A=Ft(C.sizeTree,-w+1)[1];I=kt(I,1,A)}return{...C,sizeTree:I,...Po(C.offsetTree,0,I,N)}}const R=xr(C.sizeTree).reduce((I,{k:P,v:F})=>kt(I,Math.max(0,P+w),F),Tr());return{...C,sizeTree:R,...Po(C.offsetTree,0,R,N)}})),b),{beforeUnshiftWith:j,data:y,defaultItemSize:p,firstItemIndex:l,fixedItemSize:u,fixedGroupSize:f,gap:g,groupIndices:d,heightEstimates:h,itemSize:m,listRefresh:E,shiftWith:i,shiftWithOffset:T,sizeRanges:n,sizes:b,statefulTotalCount:o,totalCount:s,trackItemSizes:k,unshiftWith:a}},We(lr,aa),{singleton:!0});function ux(e){return e.reduce((r,n)=>(r.groupIndices.push(r.totalCount),r.totalCount+=n+1,r),{groupIndices:[],totalCount:0})}const Ic=Le(([{groupIndices:e,sizes:r,totalCount:n},{headerHeight:s,scrollTop:o}])=>{const a=Te(),i=Te(),l=jt(X(a,fe(ux)));return ve(X(l,fe(d=>d.totalCount)),n),ve(X(l,fe(d=>d.groupIndices)),e),ve(X(qe(o,r,s),je(([d,u])=>fs(u)),fe(([d,u,p])=>Ft(u.groupOffsetTree,Math.max(d-p,0),"v")[0]),Oe(),fe(d=>[d])),i),{groupCounts:a,topItemsIndexes:i}},We(Ut,ft)),cr=Le(([{log:e}])=>{const r=oe(!1),n=jt(X(r,je(s=>s),Oe()));return Ae(r,s=>{s&&He(e)("props updated",{},et.DEBUG)}),{didMount:n,propsReady:r}},We(lr),{singleton:!0}),px=typeof document<"u"&&"scrollBehavior"in document.documentElement.style;function Lc(e){const r=typeof e=="number"?{index:e}:e;return r.align||(r.align="start"),(!r.behavior||!px)&&(r.behavior="auto"),r.offset===void 0&&(r.offset=0),r}const gn=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=Te(),y=Te(),g=oe(0);let x=null,b=null,v=null;function k(){x!==null&&(x(),x=null),v!==null&&(v(),v=null),b&&(clearTimeout(b),b=null),Ee(d,!1)}return ve(X(m,Re(n,f,s,g,l,i,h),Re(e,a,o),fe(([[E,j,T,w,C,N,R,I],P,F,B])=>{const S=Lc(E),{align:L,behavior:A,offset:M}=S,H=w-1,le=Tc(S,j,H);let V=dn(le,j.offsetTree,P)+N;L==="end"?(V+=F+Ft(j.sizeTree,le)[1]-T+B,le===H&&(V+=R)):L==="center"?V+=(F+Ft(j.sizeTree,le)[1]-T+B)/2:V-=C,M!==void 0&&M!==0&&(V+=M);const U=ne=>{k(),ne?(I("retrying to scroll to",{location:E},et.DEBUG),Ee(m,E)):(Ee(y,!0),I("list did not change, scroll successful",{},et.DEBUG))};if(k(),A==="smooth"){let ne=!1;v=Ae(r,me=>{ne=ne||me}),x=$t(p,()=>{U(ne)})}else x=$t(X(r,fx(150)),U);return b=setTimeout(()=>{k()},1200),Ee(d,!0),I("scrolling from index to",{behavior:A,index:le,top:V},et.DEBUG),{behavior:A,top:V}})),u),{scrollTargetReached:y,scrollToIndex:m,topListHeight:g}},We(Ut,ft,lr),{singleton:!0});function fx(e){return r=>{const n=setTimeout(()=>{r(!1)},e);return s=>{s&&(r(!0),clearTimeout(n))}}}function la(e,r){e===0?r():requestAnimationFrame(()=>{la(e-1,r)})}function ca(e,r){const n=r-1;return typeof e=="number"?e:e.index==="LAST"?n:e.index}const yn=Le(([{defaultItemSize:e,listRefresh:r,sizes:n},{scrollTop:s},{scrollTargetReached:o,scrollToIndex:a},{didMount:i}])=>{const l=oe(!0),d=oe(0),u=oe(!0);return ve(X(i,Re(d),je(([p,f])=>f!==0),zt(!1)),l),ve(X(i,Re(d),je(([p,f])=>f!==0),zt(!1)),u),Ae(X(qe(r,i),Re(l,n,e,u),je(([[,p],f,{sizeTree:h},m,y])=>p&&(!Fe(h)||na(m))&&!f&&!y),Re(d)),([,p])=>{$t(o,()=>{Ee(u,!0)}),la(4,()=>{$t(s,()=>{Ee(l,!0)}),Ee(a,p)})}),{initialItemFinalLocationReached:u,initialTopMostItemIndex:d,scrolledToInitialItem:l}},We(Ut,ft,gn,cr),{singleton:!0});function Ac(e,r){return Math.abs(e-r)<1.01}const un="up",en="down",hx="none",mx={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollHeight:0,scrollTop:0,viewportHeight:0}},xx=0,vn=Le(([{footerHeight:e,headerHeight:r,scrollBy:n,scrollContainerState:s,scrollTop:o,viewportHeight:a}])=>{const i=oe(!1),l=oe(!0),d=Te(),u=Te(),p=oe(4),f=oe(xx),h=dt(X(To(X(ke(o),gr(1),zt(!0)),X(ke(o),gr(1),zt(!1),pi(100))),Oe()),!1),m=dt(X(To(X(n,zt(!0)),X(n,zt(!1),pi(200))),Oe()),!1);ve(X(qe(ke(o),ke(f)),fe(([v,k])=>v<=k),Oe()),l),ve(X(l,Gt(50)),u);const y=jt(X(qe(s,ke(a),ke(r),ke(e),ke(p)),_t((v,[{scrollHeight:k,scrollTop:E},j,T,w,C])=>{const N=E+j-k>-C,R={scrollHeight:k,scrollTop:E,viewportHeight:j};if(N){let P,F;return E>v.state.scrollTop?(P="SCROLLED_DOWN",F=v.state.scrollTop-E):(P="SIZE_DECREASED",F=v.state.scrollTop-E||v.scrollTopDelta),{atBottom:!0,atBottomBecause:P,scrollTopDelta:F,state:R}}let I;return R.scrollHeight>v.state.scrollHeight?I="SIZE_INCREASED":j<v.state.viewportHeight?I="VIEWPORT_HEIGHT_DECREASING":E<v.state.scrollTop?I="SCROLLING_UPWARDS":I="NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",{atBottom:!1,notAtBottomBecause:I,state:R}},mx),Oe((v,k)=>v!==void 0&&v.atBottom===k.atBottom))),g=dt(X(s,_t((v,{scrollHeight:k,scrollTop:E,viewportHeight:j})=>{if(!Ac(v.scrollHeight,k)){const T=k-(E+j)<1;return v.scrollTop!==E&&T?{changed:!0,jump:v.scrollTop-E,scrollHeight:k,scrollTop:E}:{changed:!0,jump:0,scrollHeight:k,scrollTop:E}}return{changed:!1,jump:0,scrollHeight:k,scrollTop:E}},{changed:!1,jump:0,scrollHeight:0,scrollTop:0}),je(v=>v.changed),fe(v=>v.jump)),0);ve(X(y,fe(v=>v.atBottom)),i),ve(X(i,Gt(50)),d);const x=oe(en);ve(X(s,fe(({scrollTop:v})=>v),Oe(),_t((v,k)=>He(m)?{direction:v.direction,prevScrollTop:k}:{direction:k<v.prevScrollTop?un:en,prevScrollTop:k},{direction:en,prevScrollTop:0}),fe(v=>v.direction)),x),ve(X(s,Gt(50),zt(hx)),x);const b=oe(0);return ve(X(h,je(v=>!v),zt(0)),b),ve(X(o,Gt(100),Re(h),je(([v,k])=>k),_t(([v,k],[E])=>[k,E],[0,0]),fe(([v,k])=>k-v)),b),{atBottomState:y,atBottomStateChange:d,atBottomThreshold:p,atTopStateChange:u,atTopThreshold:f,isAtBottom:i,isAtTop:l,isScrolling:h,lastJumpDueToItemResize:g,scrollDirection:x,scrollVelocity:b}},We(ft)),pn="top",fn="bottom",xi="none";function gi(e,r,n){return typeof e=="number"?n===un&&r===pn||n===en&&r===fn?e:0:n===un?r===pn?e.main:e.reverse:r===fn?e.main:e.reverse}function yi(e,r){return typeof e=="number"?e:e[r]??0}const da=Le(([{deviation:e,fixedHeaderHeight:r,headerHeight:n,scrollTop:s,viewportHeight:o}])=>{const a=Te(),i=oe(0),l=oe(0),d=oe(0),u=dt(X(qe(ke(s),ke(o),ke(n),ke(a,cn),ke(d),ke(i),ke(r),ke(e),ke(l)),fe(([p,f,h,[m,y],g,x,b,v,k])=>{const E=p-v,j=x+b,T=Math.max(h-E,0);let w=xi;const C=yi(k,pn),N=yi(k,fn);return m-=v,m+=h+b,y+=h+b,y-=v,m>p+j-C&&(w=un),y<p-T+f+N&&(w=en),w!==xi?[Math.max(E-h-gi(g,pn,w)-C,0),E-T-b+f+gi(g,fn,w)+N]:null}),je(p=>p!==null),Oe(cn)),[0,0]);return{increaseViewportBy:l,listBoundary:a,overscan:d,topListHeight:i,visibleRange:u}},We(ft),{singleton:!0});function gx(e,r,n){if(fs(r)){const s=Rc(e,r);return[{index:Ft(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 Ls={bottom:0,firstItemIndex:0,items:[],offsetBottom:0,offsetTop:0,top:0,topItems:[],topListHeight:0,totalCount:0};function Kn(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 g=e[e.length-1];p=g.offset+g.size}const f=n-i,h=l+f*d+(f-1)*s,m=u,y=h-p;return{bottom:p,firstItemIndex:a,items:vi(e,o,a),offsetBottom:y,offsetTop:u,top:m,topItems:vi(r,o,a),topListHeight:r.reduce((g,x)=>x.size+g,0),totalCount:n}}function Pc(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=ca(r,l),u=Array.from({length:l}).map((p,f)=>({data:a[f+d],index:f+d,offset:0,size:0}));return Kn(u,[],l,o,n,s)}function vi(e,r,n){if(e.length===0)return[];if(!fs(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=Ir(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 bi(e,r){return e===void 0?0:typeof e=="number"?e:e[r]??0}const br=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 g=oe([]),x=oe(0),b=Te(),v=oe(0);ve(a.topItemsIndexes,g);const k=dt(X(qe(m,y,ke(d,cn),ke(o),ke(s),ke(u),p,ke(g),ke(r),ke(n),ke(v),e),je(([w,C,,N,,,,,,,,R])=>{const I=R!==void 0&&R.length!==N;return w&&!C&&!I}),fe(([,,[w,C],N,R,I,P,F,B,S,L,A])=>{var W,G;const M=R,{offsetTree:H,sizeTree:le}=M,V=He(x);if(N===0)return{...Ls,totalCount:N};if(w===0&&C===0)return V===0?{...Ls,totalCount:N}:Pc(V,I,R,B,S,A||[]);if(Fe(le))return V>0?null:Kn(gx(ca(I,N),M,A),[],N,S,M,B);const U=[];if(F.length>0){const K=F[0],se=F[F.length-1];let te=0;for(const J of Ir(le,K,se)){const ae=J.value,Z=Math.max(J.start,K),pe=Math.min(J.end,se);for(let D=Z;D<=pe;D++)U.push({data:A==null?void 0:A[D],index:D,offset:te,size:ae}),te+=ae}}if(!P)return Kn([],U,N,S,M,B);const ne=F.length>0?F[F.length-1]+1:0,me=ox(H,w,C,ne);if(me.length===0)return null;const be=N-1,_=ps([],K=>{for(const se of me){const te=se.value;let J=te.offset,ae=se.start;const Z=te.size;if(te.offset<w){ae+=Math.floor((w-te.offset+S)/(Z+S));const D=ae-se.start;J+=D*Z+D*S}ae<ne&&(J+=(ne-ae)*Z,ae=ne);const pe=Math.min(se.end,be);for(let D=ae;D<=pe&&!(J>=C);D++)K.push({data:A==null?void 0:A[D],index:D,offset:J,size:Z}),J+=Z+S}}),re=bi(L,pn),$=bi(L,fn);if(_.length>0&&(re>0||$>0)){const K=_[0],se=_[_.length-1];if(re>0&&K.index>ne){const te=Math.min(re,K.index-ne),J=[];let ae=K.offset;for(let Z=K.index-1;Z>=K.index-te;Z--){const pe=((W=Ir(le,Z,Z)[0])==null?void 0:W.value)??K.size;ae-=pe+S,J.unshift({data:A==null?void 0:A[Z],index:Z,offset:ae,size:pe})}_.unshift(...J)}if($>0&&se.index<be){const te=Math.min($,be-se.index);let J=se.offset+se.size+S;for(let ae=se.index+1;ae<=se.index+te;ae++){const Z=((G=Ir(le,ae,ae)[0])==null?void 0:G.value)??se.size;_.push({data:A==null?void 0:A[ae],index:ae,offset:J,size:Z}),J+=Z+S}}}return Kn(_,U,N,S,M,B)}),je(w=>w!==null),Oe()),Ls);ve(X(e,je(na),fe(w=>w==null?void 0:w.length)),o),ve(X(k,fe(w=>w.topListHeight)),f),ve(f,l),ve(X(k,fe(w=>[w.top,w.bottom])),i),ve(X(k,fe(w=>w.items)),b);const E=jt(X(k,je(({items:w})=>w.length>0),Re(o,e),je(([{items:w},C])=>w[w.length-1].originalIndex===C-1),fe(([,w,C])=>[w-1,C]),Oe(cn),fe(([w])=>w))),j=jt(X(k,Gt(200),je(({items:w,topItems:C})=>w.length>0&&w[0].originalIndex===C.length),fe(({items:w})=>w[0].index),Oe())),T=jt(X(k,je(({items:w})=>w.length>0),fe(({items:w})=>{let C=0,N=w.length-1;for(;w[C].type==="group"&&C<N;)C++;for(;w[N].type==="group"&&N>C;)N--;return{endIndex:w[N].index,startIndex:w[C].index}}),Oe(Ec)));return{endReached:E,initialItemCount:x,itemsRendered:b,listState:k,minOverscanItemCount:v,rangeChanged:T,startReached:j,topItemsIndexes:g,...h}},We(Ut,Ic,da,yn,gn,vn,cr,aa),{singleton:!0}),$c=Le(([{fixedFooterHeight:e,fixedHeaderHeight:r,footerHeight:n,headerHeight:s},{listState:o}])=>{const a=Te(),i=dt(X(qe(n,e,s,r,o),fe(([l,d,u,p,f])=>l+d+u+p+f.offsetBottom+f.bottom)),0);return ve(ke(i),a),{totalListHeight:i,totalListHeightChanged:a}},We(ft,br),{singleton:!0}),yx=Le(([{viewportHeight:e},{totalListHeight:r}])=>{const n=oe(!1),s=dt(X(qe(n,e,r),je(([o])=>o),fe(([,o,a])=>Math.max(0,o-a)),Gt(0),Oe()),0);return{alignToBottom:n,paddingTopAddition:s}},We(ft,$c),{singleton:!0}),Mc=Le(()=>({context:oe(null)})),vx=({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,Fc=Le(([{gap:e,sizes:r,totalCount:n},{fixedFooterHeight:s,fixedHeaderHeight:o,headerHeight:a,scrollingInProgress:i,scrollTop:l,viewportHeight:d},{scrollToIndex:u}])=>{const p=Te();return ve(X(p,Re(r,d,n,a,o,s,l),Re(e),fe(([[f,h,m,y,g,x,b,v],k])=>{const{calculateViewLocation:E=vx,done:j,...T}=f,w=Tc(f,h,y-1),C=dn(w,h.offsetTree,k)+g+x,N=C+Ft(h.sizeTree,w)[1],R=v+x,I=v+m-b,P=E({itemBottom:N,itemTop:C,locationParams:T,viewportBottom:I,viewportTop:R});return P!==null?j&&$t(X(i,je(F=>!F),gr(He(i)?1:2)),j):j==null||j(),P}),je(f=>f!==null)),u),{scrollIntoView:p}},We(Ut,ft,gn,br,lr),{singleton:!0});function ki(e){return e===!1?!1:e==="smooth"?"smooth":"auto"}const bx=(e,r)=>typeof e=="function"?ki(e(r)):r&&ki(e),kx=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=oe(!1),g=Te();let x=null;function b(j){Ee(i,{align:"end",behavior:j,index:"LAST"})}Ae(X(qe(X(ke(r),gr(1)),d),Re(ke(y),a,l,f),fe(([[j,T],w,C,N,R])=>{let I=T&&N,P="auto";return I&&(P=bx(w,C||R),I=I&&P!==!1),{followOutputBehavior:P,shouldFollow:I,totalCount:j}}),je(({shouldFollow:j})=>j)),({followOutputBehavior:j,totalCount:T})=>{x!==null&&(x(),x=null),He(n)!==void 0?requestAnimationFrame(()=>{He(p)("following output to ",{totalCount:T},et.DEBUG),b(j)}):x=$t(e,()=>{He(p)("following output to ",{totalCount:T},et.DEBUG),b(j),x=null})});function v(j){const T=$t(o,w=>{j&&!w.atBottom&&w.notAtBottomBecause==="SIZE_INCREASED"&&x===null&&(He(p)("scrolling to bottom due to increased size",{},et.DEBUG),b("auto"))});setTimeout(T,100)}Ae(X(qe(ke(y),r,u),je(([j,,T])=>j!==!1&&T),_t(({value:j},[,T])=>({refreshed:j===T,value:T}),{refreshed:!1,value:0}),je(({refreshed:j})=>j),Re(y,r)),([,j])=>{He(l)&&v(j!==!1)}),Ae(g,()=>{v(He(y)!==!1)}),Ae(qe(ke(y),o),([j,T])=>{j!==!1&&!T.atBottom&&T.notAtBottomBecause==="VIEWPORT_HEIGHT_DECREASING"&&b("auto")});const k=oe(null),E=Te();return ve(To(X(ke(s),fe(j=>(j==null?void 0:j.length)??0)),X(ke(r))),E),Ae(X(qe(X(E,gr(1)),d),Re(ke(k),l,f,h),fe(([[j,T],w,C,N,R])=>T&&C&&(w==null?void 0:w({context:R,totalCount:j,scrollingInProgress:N}))),je(j=>!!j),Gt(0)),j=>{x!==null&&(x(),x=null),He(n)!==void 0?requestAnimationFrame(()=>{He(p)("scrolling into view",{}),Ee(m,j)}):x=$t(e,()=>{He(p)("scrolling into view",{}),Ee(m,j),x=null})}),{autoscrollToBottom:g,followOutput:y,scrollIntoViewOnChange:k}},We(Ut,vn,gn,yn,cr,lr,ft,Mc,Fc)),jx=Le(([{data:e,firstItemIndex:r,gap:n,sizes:s},{initialTopMostItemIndex:o},{initialItemCount:a,listState:i},{didMount:l}])=>(ve(X(l,Re(a),je(([,d])=>d!==0),Re(o,s,r,n,e),fe(([[,d],u,p,f,h,m=[]])=>Pc(d,u,p,f,h,m))),i),{}),We(Ut,yn,br,cr),{singleton:!0}),wx=Le(([{didMount:e},{scrollTo:r},{listState:n}])=>{const s=oe(0);return Ae(X(e,Re(s),je(([,o])=>o!==0),fe(([,o])=>({top:o}))),o=>{$t(X(n,gr(1),je(a=>a.items.length>1)),()=>{requestAnimationFrame(()=>{Ee(r,o)})})}),{initialScrollTop:s}},We(cr,ft,br),{singleton:!0}),Dc=Le(([{scrollVelocity:e}])=>{const r=oe(!1),n=Te(),s=oe(!1);return ve(X(e,Re(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}),Oe()),r),Ae(X(qe(r,e,n),Re(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}},We(vn),{singleton:!0}),ua=Le(([{scrollContainerState:e,scrollTo:r}])=>{const n=Te(),s=Te(),o=Te(),a=oe(!1),i=oe(void 0);return ve(X(qe(n,s),fe(([{scrollTop:l,viewportHeight:d},{offsetTop:u,listHeight:p}])=>({scrollHeight:p,scrollTop:Math.max(0,l-u),viewportHeight:d}))),e),ve(X(r,Re(s),fe(([l,{offsetTop:d}])=>({...l,top:l.top+d}))),o),{customScrollParent:i,useWindowScroll:a,windowScrollContainerState:n,windowScrollTo:o,windowViewportRect:s}},We(ft)),Sx=Le(([{sizeRanges:e,sizes:r},{headerHeight:n,scrollTop:s},{initialTopMostItemIndex:o},{didMount:a},{useWindowScroll:i,windowScrollContainerState:l,windowViewportRect:d}])=>{const u=Te(),p=oe(void 0),f=oe(null),h=oe(null);return ve(l,f),ve(d,h),Ae(X(u,Re(r,s,i,f,h,n)),([m,y,g,x,b,v,k])=>{const E=ix(y.sizeTree);x&&b!==null&&v!==null&&(g=b.scrollTop-v.offsetTop),g-=k,m({ranges:E,scrollTop:g})}),ve(X(p,je(na),fe(Cx)),o),ve(X(a,Re(p),je(([,m])=>m!==void 0),Oe(),fe(([,m])=>m.ranges)),e),{getState:u,restoreStateFrom:p}},We(Ut,ft,yn,cr,ua));function Cx(e){return{align:"start",index:0,offset:e.scrollTop}}const Ex=Le(([{topItemsIndexes:e}])=>{const r=oe(0);return ve(X(r,je(n=>n>=0),fe(n=>Array.from({length:n}).map((s,o)=>o))),e),{topItemCount:r}},We(br));function zc(e){let r=!1,n;return(()=>(r||(r=!0,n=e()),n))}const Nx=zc(()=>/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent)),Rx=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 g=jt(X(d,Re(i),_t(([,b,v,k],[{bottom:E,items:j,offsetBottom:T,totalCount:w},C])=>{const N=E+T;let R=0;return v===w&&b.length>0&&j.length>0&&(j[0].originalIndex===0&&b[0].originalIndex===0||(R=N-k,R!==0&&(R+=C))),[R,j,w,N]},[0,[],0,0]),je(([b])=>b!==0),Re(s,l,n,o,m,y),je(([,b,v,k,,,E])=>!E&&!k&&b!==0&&v===un),fe(([[b],,,,,v])=>(v("Upward scrolling compensation",{amount:b},et.DEBUG),b))));function x(b){b>0?(Ee(r,{behavior:"auto",top:-b}),Ee(e,0)):(Ee(e,0),Ee(r,{behavior:"auto",top:-b}))}return Ae(X(g,Re(e,a)),([b,v,k])=>{k&&Nx()?Ee(e,v-b):x(-b)}),Ae(X(qe(dt(a,!1),e,y),je(([b,v,k])=>!b&&!k&&v!==0),fe(([b,v])=>v),Gt(1)),x),ve(X(f,fe(b=>({top:-b}))),r),Ae(X(u,Re(h,p),fe(([b,{groupIndices:v,lastSize:k,sizeTree:E},j])=>{function T(I){return I*(k+j)}if(v.length===0)return T(b);let w=0;const C=ln(E,0);let N=0,R=0;for(;N<b;){N++,w+=C;let I=v.length===R+1?1/0:v[R+1]-v[R]-1;N+I>b&&(w-=C,I=b-N+1),N+=I,w+=T(I),R++}return w})),b=>{Ee(e,b),requestAnimationFrame(()=>{Ee(r,{top:b}),requestAnimationFrame(()=>{Ee(e,0),Ee(y,!1)})})}),{deviation:e}},We(ft,vn,br,Ut,lr,aa)),Tx=Le(([e,r,n,s,o,a,i,l,d,u,p])=>({...e,...r,...n,...s,...o,...a,...i,...l,...d,...u,...p}),We(da,jx,cr,Dc,$c,wx,yx,ua,Fc,lr,Mc)),Bc=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:g,scrolledToInitialItem:x},b,v,k,E,{scrollToIndex:j},T,{topItemCount:w},{groupCounts:C},N])=>{const{listState:R,minOverscanItemCount:I,topItemsIndexes:P,rangeChanged:F,...B}=E;return ve(F,N.scrollSeekRangeChanged),ve(X(N.windowViewportRect,fe(S=>S.visibleHeight)),b.viewportHeight),{data:e,defaultItemHeight:r,firstItemIndex:n,fixedItemHeight:s,fixedGroupHeight:o,gap:a,groupCounts:C,heightEstimates:l,initialItemFinalLocationReached:y,initialTopMostItemIndex:g,scrolledToInitialItem:x,sizeRanges:u,topItemCount:w,topItemsIndexes:P,totalCount:h,...k,groupIndices:i,itemSize:d,listState:R,minOverscanItemCount:I,scrollToIndex:j,statefulTotalCount:f,trackItemSizes:m,rangeChanged:F,...B,...N,...b,sizes:p,...v}},We(Ut,yn,ft,Sx,kx,br,gn,Rx,Ex,Ic,Tx));function Ix(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 An=typeof document<"u"?ye.useLayoutEffect:ye.useEffect;function _c(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=ye.createContext({});function d(x,b){x.propsReady!==void 0&&Ee(x.propsReady,!1);for(const v of s){const k=x[r.required[v]];Ee(k,b[v])}for(const v of o)if(v in b){const k=x[r.optional[v]];Ee(k,b[v])}x.propsReady!==void 0&&Ee(x.propsReady,!0)}function u(x){return a.reduce((b,v)=>(b[v]=k=>{const E=x[r.methods[v]];Ee(E,k)},b),{})}function p(x){return i.reduce((b,v)=>(b[v]=Gm(x[r.events[v]]),b),{})}const f=ye.forwardRef(function(x,b){const{children:v,...k}=x,[E]=ye.useState(()=>ps(qm(e),w=>{d(w,k)})),[j]=ye.useState(ui(p,E));An(()=>{for(const w of i)w in k&&Ae(j[w],k[w]);return()=>{Object.values(j).map(sa)}},[k,j,E]),An(()=>{d(E,k)}),ye.useImperativeHandle(b,di(u(E)));const T=n;return t.jsx(l.Provider,{value:E,children:n!==void 0?t.jsx(T,{...Ix([...s,...o,...i],k),children:v}):v})}),h=x=>{const b=ye.useContext(l);return ye.useCallback(v=>{Ee(b[x],v)},[b,x])},m=x=>{const b=ye.useContext(l)[x],v=ye.useCallback(k=>Ae(b,k),[b]);return ye.useSyncExternalStore(v,()=>He(b),()=>He(b))},y=x=>{const b=ye.useContext(l)[x],[v,k]=ye.useState(ui(He,b));return An(()=>Ae(b,E=>{E!==v&&k(di(E))}),[b,v]),v},g=parseInt(ye.version)>=18?m:y;return{Component:f,useEmitter:(x,b)=>{const v=ye.useContext(l)[x];An(()=>Ae(v,b),[b,v])},useEmitterValue:g,usePublisher:h}}const Oc=ye.createContext(void 0),Wc=ye.createContext(void 0),As="-webkit-sticky",ji="sticky",pa=zc(()=>{if(typeof document>"u")return ji;const e=document.createElement("div");return e.style.position=As,e.style.position===As?As:ji}),Uc=typeof document<"u"?ye.useLayoutEffect:ye.useEffect;function Ps(e){return"self"in e}function Lx(e){return"body"in e}function Hc(e,r,n,s=zr,o,a){const i=ye.useRef(null),l=ye.useRef(null),d=ye.useRef(null),u=ye.useCallback(h=>{let m,y,g;const x=h.target;if(Lx(x)||Ps(x)){const v=Ps(x)?x:x.defaultView;g=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 g=a===!0?x.scrollLeft:x.scrollTop,m=a===!0?x.scrollWidth:x.scrollHeight,y=a===!0?x.offsetWidth:x.offsetHeight;const b=()=>{e({scrollHeight:m,scrollTop:Math.max(g,0),viewportHeight:y})};h.suppressFlushSync===!0?b():cf.flushSync(b),l.current!==null&&(g===l.current||g<=0||g===m-y)&&(l.current=null,r(!0),d.current&&(clearTimeout(d.current),d.current=null))},[e,r,a]);ye.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 g,x,b;Ps(m)?(x=Math.max(sr(m.document.documentElement,a===!0?"width":"height"),a===!0?m.document.documentElement.scrollWidth:m.document.documentElement.scrollHeight),g=a===!0?m.innerWidth:m.innerHeight,b=a===!0?window.scrollX:window.scrollY):(x=m[a===!0?"scrollWidth":"scrollHeight"],g=sr(m,a===!0?"width":"height"),b=m[a===!0?"scrollLeft":"scrollTop"]);const v=x-g;if(h.top=Math.ceil(Math.max(Math.min(v,h.top),0)),Ac(g,x)||h.top===b){e({scrollHeight:x,scrollTop:b,viewportHeight:g}),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 fa(e){return e}const Ax=Le(()=>{const e=oe(l=>`Item ${l}`),r=oe(l=>`Group ${l}`),n=oe({}),s=oe(fa),o=oe("div"),a=oe(zr),i=(l,d=null)=>dt(X(n,fe(u=>u[l]),Oe()),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")}}),Px=Le(([e,r])=>({...e,...r}),We(Bc,Ax)),$x=({height:e})=>t.jsx("div",{style:{height:e}}),Mx={overflowAnchor:"none",position:pa(),zIndex:1},Vc={overflowAnchor:"none"},Fx={...Vc,display:"inline-block",height:"100%"},wi=ye.memo(function({showTopList:e=!1}){const r=Ce("listState"),n=Nt("sizeRanges"),s=Ce("useWindowScroll"),o=Ce("customScrollParent"),a=Nt("windowScrollContainerState"),i=Nt("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=Nt("gap"),g=Ce("horizontalDirection"),{callbackRef:x}=Xm(n,h,f,e?zr:l,m,y,o,g,Ce("skipAnimationFrameInResizeObserver")),[b,v]=ye.useState(0);ha("deviation",B=>{b!==B&&v(B)});const k=Ce("EmptyPlaceholder"),E=Ce("ScrollSeekPlaceholder")??$x,j=Ce("ListComponent"),T=Ce("ItemComponent"),w=Ce("GroupComponent"),C=Ce("computeItemKey"),N=Ce("isSeeking"),R=Ce("groupIndices").length>0,I=Ce("alignToBottom"),P=Ce("initialItemFinalLocationReached"),F=e?{}:{boxSizing:"border-box",...g?{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},...P?{}:{visibility:"hidden"}};return!e&&r.totalCount===0&&k!==null&&k!==void 0?t.jsx(k,{...ct(k,u)}):t.jsx(j,{...ct(j,u),"data-testid":e?"virtuoso-top-item-list":"virtuoso-item-list",ref:x,style:F,children:(e?r.topItems:r.items).map(B=>{const S=B.originalIndex,L=C(S+r.firstItemIndex,B.data,u);return N?c.createElement(E,{...ct(E,u),height:B.size,index:B.index,key:L,type:B.type||"item",...B.type==="group"?{}:{groupIndex:B.groupIndex}}):B.type==="group"?c.createElement(w,{...ct(w,u),"data-index":S,"data-item-index":B.index,"data-known-size":B.size,key:L,style:Mx},p(B.index,u)):c.createElement(T,{...ct(T,u),..._x(T,B.data),"data-index":S,"data-item-group-index":B.groupIndex,"data-item-index":B.index,"data-known-size":B.size,key:L,style:g?Fx:Vc},R?d(B.index,B.groupIndex,B.data,u):d(B.index,B.data,u))})})}),Dx={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},zx={outline:"none",overflowX:"auto",position:"relative"},hs=e=>({height:"100%",position:"absolute",top:0,width:"100%",...e?{display:"flex",flexDirection:"column"}:void 0}),Bx={position:pa(),top:0,width:"100%",zIndex:1};function ct(e,r){if(typeof e!="string")return{context:r}}function _x(e,r){return{item:typeof e=="string"?void 0:r}}const Ox=ye.memo(function(){const e=Ce("HeaderComponent"),r=Nt("headerHeight"),n=Ce("HeaderFooterTag"),s=vr(ye.useMemo(()=>a=>{r(sr(a,"height"))},[r]),!0,Ce("skipAnimationFrameInResizeObserver")),o=Ce("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null}),Wx=ye.memo(function(){const e=Ce("FooterComponent"),r=Nt("footerHeight"),n=Ce("HeaderFooterTag"),s=vr(ye.useMemo(()=>a=>{r(sr(a,"height"))},[r]),!0,Ce("skipAnimationFrameInResizeObserver")),o=Ce("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null});function Gc({useEmitter:e,useEmitterValue:r,usePublisher:n}){return ye.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}=Hc(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?zx:Dx,...o},tabIndex:0,...i,...ct(d,a),children:s})})}function Kc({useEmitter:e,useEmitterValue:r,usePublisher:n}){return ye.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=ye.useRef(null),y=r("scrollerRef"),{scrollByCallback:g,scrollerRef:x,scrollToCallback:b}=Hc(l,u,d,y,h);return Uc(()=>{var v;return x.current=h||((v=m.current)==null?void 0:v.ownerDocument.defaultView),()=>{x.current=null}},[x,h]),e("windowScrollTo",b),e("scrollBy",g),t.jsx(d,{ref:m,"data-virtuoso-scroller":!0,style:{position:"relative",...o,...p!==0?{height:p+f}:void 0},...i,...ct(d,a),children:s})})}const Ux=({children:e})=>{const r=ye.useContext(Oc),n=Nt("viewportHeight"),s=Nt("fixedItemHeight"),o=Ce("alignToBottom"),a=Ce("horizontalDirection"),i=ye.useMemo(()=>yc(n,d=>sr(d,a?"width":"height")),[n,a]),l=vr(i,!0,Ce("skipAnimationFrameInResizeObserver"));return ye.useEffect(()=>{r&&(n(r.viewportHeight),s(r.itemHeight))},[r,n,s]),t.jsx("div",{"data-viewport-type":"element",ref:l,style:hs(o),children:e})},Hx=({children:e})=>{const r=ye.useContext(Oc),n=Nt("windowViewportRect"),s=Nt("fixedItemHeight"),o=Ce("customScrollParent"),a=bc(n,o,Ce("skipAnimationFrameInResizeObserver")),i=Ce("alignToBottom");return ye.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:hs(i),children:e})},Vx=({children:e})=>{const r=Ce("TopItemListComponent")??"div",n=Ce("headerHeight"),s={...Bx,marginTop:`${n}px`},o=Ce("context");return t.jsx(r,{style:s,...ct(r,o),children:e})},Gx=ye.memo(function(e){const r=Ce("useWindowScroll"),n=Ce("topItemsIndexes").length>0,s=Ce("customScrollParent"),o=Ce("context");return t.jsxs(s||r?Yx:qx,{...e,context:o,children:[n&&t.jsx(Vx,{children:t.jsx(wi,{showTopList:!0})}),t.jsxs(s||r?Hx:Ux,{children:[t.jsx(Ox,{}),t.jsx(wi,{}),t.jsx(Wx,{})]})]})}),{Component:Kx,useEmitter:ha,useEmitterValue:Ce,usePublisher:Nt}=_c(Px,{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"}},Gx),qx=Gc({useEmitter:ha,useEmitterValue:Ce,usePublisher:Nt}),Yx=Kc({useEmitter:ha,useEmitterValue:Ce,usePublisher:Nt}),Jx=Kx,Xx=Le(()=>{const e=oe(u=>t.jsxs("td",{children:["Item $",u]})),r=oe(null),n=oe(u=>t.jsxs("td",{colSpan:1e3,children:["Group ",u]})),s=oe(null),o=oe(null),a=oe({}),i=oe(fa),l=oe(zr),d=(u,p=null)=>dt(X(a,fe(f=>f[u]),Oe()),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")}});We(Bc,Xx);pa();const Si={bottom:0,itemHeight:0,items:[],itemWidth:0,offsetBottom:0,offsetTop:0,top:0},Qx={bottom:0,itemHeight:0,items:[{index:0}],itemWidth:0,offsetBottom:0,offsetTop:0,top:0},{ceil:Ci,floor:Zn,max:tn,min:$s,round:Ei}=Math;function Ni(e,r,n){return Array.from({length:r-e+1}).map((s,o)=>({data:n===null?null:n[o+e],index:o+e}))}function Zx(e){return{...Qx,items:e}}function Pn(e,r){return e!==void 0&&e.width===r.width&&e.height===r.height}function eg(e,r){return e!==void 0&&e.column===r.column&&e.row===r.row}const tg=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:g},{customScrollParent:x,useWindowScroll:b,windowScrollContainerState:v,windowScrollTo:k,windowViewportRect:E},j])=>{const T=oe(0),w=oe(0),C=oe(Si),N=oe({height:0,width:0}),R=oe({height:0,width:0}),I=Te(),P=Te(),F=oe(0),B=oe(null),S=oe({column:0,row:0}),L=Te(),A=Te(),M=oe(!1),H=oe(0),le=oe(!0),V=oe(!1),U=oe(!1);Ae(X(y,Re(H),je(([$,W])=>W!==0)),()=>{Ee(le,!1)}),Ae(X(qe(y,le,R,N,H,V),je(([$,W,G,K,,se])=>$&&!W&&G.height!==0&&K.height!==0&&!se)),([,,,,$])=>{Ee(V,!0),la(1,()=>{Ee(I,$)}),$t(X(u),()=>{Ee(r,[0,0]),Ee(le,!0)})}),ve(X(A,je($=>$!=null&&$.scrollTop>0),zt(0)),w),Ae(X(y,Re(A),je(([,$])=>$!=null)),([,$])=>{$&&(Ee(N,$.viewport),Ee(R,$.item),Ee(S,$.gap),$.scrollTop>0&&(Ee(M,!0),$t(X(u,gr(1)),W=>{Ee(M,!1)}),Ee(d,{top:$.scrollTop})))}),ve(X(N,fe(({height:$})=>$)),f),ve(X(qe(ke(N,Pn),ke(R,Pn),ke(S,($,W)=>$!==void 0&&$.column===W.column&&$.row===W.row),ke(u)),fe(([$,W,G,K])=>({gap:G,item:W,scrollTop:K,viewport:$}))),L),ve(X(qe(ke(T),s,ke(S,eg),ke(R,Pn),ke(N,Pn),ke(B),ke(w),ke(M),ke(le),ke(H)),je(([,,,,,,,$])=>!$),fe(([$,[W,G],K,se,te,J,ae,,Z,pe])=>{const{column:D,row:q}=K,{height:Q,width:Y}=se,{width:ue}=te;if(ae===0&&($===0||ue===0))return Si;if(Y===0){const Ie=ca(pe,$),ee=Ie+Math.max(ae-1,0);return Zx(Ni(Ie,ee,J))}const he=qc(ue,Y,D);let we,xe;Z?W===0&&G===0&&ae>0?(we=0,xe=ae-1):(we=he*Zn((W+q)/(Q+q)),xe=he*Ci((G+q)/(Q+q))-1,xe=$s($-1,tn(xe,he-1)),we=$s(xe,tn(0,we))):(we=0,xe=-1);const Ve=Ni(we,xe,J),{bottom:Ye,top:Pe}=Ri(te,K,se,Ve),rt=Ci($/he),Je=rt*Q+(rt-1)*q-Ye;return{bottom:Ye,itemHeight:Q,items:Ve,itemWidth:Y,offsetBottom:Je,offsetTop:Pe,top:Pe}})),C),ve(X(B,je($=>$!==null),fe($=>$.length)),T),ve(X(qe(N,R,C,S),je(([$,W,{items:G}])=>G.length>0&&W.height!==0&&$.height!==0),fe(([$,W,{items:G},K])=>{const{bottom:se,top:te}=Ri($,K,W,G);return[te,se]}),Oe(cn)),r);const ne=oe(!1);ve(X(u,Re(ne),fe(([$,W])=>W||$!==0)),ne);const me=jt(X(qe(C,T),je(([{items:$}])=>$.length>0),Re(ne),je(([[$,W],G])=>{const K=$.items[$.items.length-1].index===W-1;return(G||$.bottom>0&&$.itemHeight>0&&$.offsetBottom===0&&$.items.length===W)&&K}),fe(([[,$]])=>$-1),Oe())),be=jt(X(ke(C),je(({items:$})=>$.length>0&&$[0].index===0),zt(0),Oe())),_=jt(X(ke(C),Re(M),je(([{items:$},W])=>$.length>0&&!W),fe(([{items:$}])=>({endIndex:$[$.length-1].index,startIndex:$[0].index})),Oe(Ec),Gt(0)));ve(_,m.scrollSeekRangeChanged),ve(X(I,Re(N,R,T,S),fe(([$,W,G,K,se])=>{const te=Lc($),{align:J,behavior:ae,offset:Z}=te;let pe=te.index;pe==="LAST"&&(pe=K-1),pe=tn(0,pe,$s(K-1,pe));let D=$o(W,se,G,pe);return J==="end"?D=Ei(D-W.height+G.height):J==="center"&&(D=Ei(D-W.height/2+G.height/2)),Z!==void 0&&Z!==0&&(D+=Z),{behavior:ae,top:D}})),d);const re=dt(X(C,fe($=>$.offsetBottom+$.bottom)),0);return ve(X(E,fe($=>({height:$.visibleHeight,width:$.visibleWidth}))),N),{customScrollParent:x,data:B,deviation:F,footerHeight:o,gap:S,headerHeight:a,increaseViewportBy:e,initialItemCount:w,itemDimensions:R,overscan:n,restoreStateFrom:A,scrollBy:i,scrollContainerState:l,scrollHeight:P,scrollTo:d,scrollToIndex:I,scrollTop:u,smoothScrollTargetReached:p,totalCount:T,useWindowScroll:b,viewportDimensions:N,windowScrollContainerState:v,windowScrollTo:k,windowViewportRect:E,...m,gridState:C,horizontalDirection:U,initialTopMostItemIndex:H,totalListHeight:re,...h,endReached:me,propsReady:g,rangeChanged:_,startReached:be,stateChanged:L,stateRestoreInProgress:M,...j}},We(da,ft,vn,Dc,cr,ua,lr));function qc(e,r,n){return tn(1,Zn((e+n)/(Zn(r)+n)))}function Ri(e,r,n,s){const{height:o}=n;if(o===void 0||s.length===0)return{bottom:0,top:0};const a=$o(e,r,n,s[0].index);return{bottom:$o(e,r,n,s[s.length-1].index)+o,top:a}}function $o(e,r,n,s){const o=qc(e.width,n.width,r.column),a=Zn(s/o),i=a*n.height+tn(0,a-1)*r.row;return i>0?i+r.row:i}const rg=Le(()=>{const e=oe(f=>`Item ${f}`),r=oe({}),n=oe(null),s=oe("virtuoso-grid-item"),o=oe("virtuoso-grid-list"),a=oe(fa),i=oe("div"),l=oe(zr),d=(f,h=null)=>dt(X(r,fe(m=>m[f]),Oe()),h),u=oe(!1),p=oe(!1);return ve(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")}}),ng=Le(([e,r])=>({...e,...r}),We(tg,rg)),sg=ye.memo(function(){const e=Ue("gridState"),r=Ue("listClassName"),n=Ue("itemClassName"),s=Ue("itemContent"),o=Ue("computeItemKey"),a=Ue("isSeeking"),i=Rt("scrollHeight"),l=Ue("ItemComponent"),d=Ue("ListComponent"),u=Ue("ScrollSeekPlaceholder"),p=Ue("context"),f=Rt("itemDimensions"),h=Rt("gap"),m=Ue("log"),y=Ue("stateRestoreInProgress"),g=Rt("reportReadyState"),x=vr(ye.useMemo(()=>b=>{const v=b.parentElement.parentElement.scrollHeight;i(v);const k=b.firstChild;if(k!==null){const{height:E,width:j}=k.getBoundingClientRect();f({height:E,width:j})}h({column:Ti("column-gap",getComputedStyle(b).columnGap,m),row:Ti("row-gap",getComputedStyle(b).rowGap,m)})},[i,f,h,m]),!0,!1);return Uc(()=>{e.itemHeight>0&&e.itemWidth>0&&g(!0)},[e]),y?null:t.jsx(d,{className:r,ref:x,...ct(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,{...ct(u,p),height:e.itemHeight,index:b.index,width:e.itemWidth},v):c.createElement(l,{...ct(l,p),className:n,"data-index":b.index,key:v},s(b.index,b.data,p))})})}),og=ye.memo(function(){const e=Ue("HeaderComponent"),r=Rt("headerHeight"),n=Ue("headerFooterTag"),s=vr(ye.useMemo(()=>a=>{r(sr(a,"height"))},[r]),!0,!1),o=Ue("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null}),ag=ye.memo(function(){const e=Ue("FooterComponent"),r=Rt("footerHeight"),n=Ue("headerFooterTag"),s=vr(ye.useMemo(()=>a=>{r(sr(a,"height"))},[r]),!0,!1),o=Ue("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null}),ig=({children:e})=>{const r=ye.useContext(Wc),n=Rt("itemDimensions"),s=Rt("viewportDimensions"),o=vr(ye.useMemo(()=>a=>{s(a.getBoundingClientRect())},[s]),!0,!1);return ye.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:hs(!1),children:e})},lg=({children:e})=>{const r=ye.useContext(Wc),n=Rt("windowViewportRect"),s=Rt("itemDimensions"),o=Ue("customScrollParent"),a=bc(n,o,!1);return ye.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:hs(!1),children:e})},cg=ye.memo(function({...e}){const r=Ue("useWindowScroll"),n=Ue("customScrollParent"),s=n||r?ug:dg,o=n||r?lg:ig,a=Ue("context");return t.jsx(s,{...e,...ct(s,a),children:t.jsxs(o,{children:[t.jsx(og,{}),t.jsx(sg,{}),t.jsx(ag,{})]})})}),{useEmitter:Yc,useEmitterValue:Ue,usePublisher:Rt}=_c(ng,{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"}},cg),dg=Gc({useEmitter:Yc,useEmitterValue:Ue,usePublisher:Rt}),ug=Kc({useEmitter:Yc,useEmitterValue:Ue,usePublisher:Rt});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,et.WARN),r==="normal"?0:parseInt(r??"0",10)}const pg={source:"vskill-sidebar-own-collapsed",installed:"vskill-sidebar-installed-collapsed"},Jc={source:"Own",installed:"Installed"};function fg(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 hg(e,r){const n=r?"true":"false";try{localStorage.setItem(e,n)}catch{}try{typeof sessionStorage<"u"&&sessionStorage.setItem(e,n)}catch{}}function Ii({origin:e,count:r,filteredCount:n,updateCount:s,children:o}){const a=pg[e],[i,l]=c.useState(()=>fg(a)),d=c.useCallback(()=>{l(h=>{const m=!h;return hg(a,m),m})},[a]),u=Jc[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(xg,{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(mg,{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 mg({origin:e,updateCount:r}){const[n,s]=c.useState(!1),o=Jc[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 xg({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 ma(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 gg({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 yg({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 vg({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 bg({skillId:e,trackedForUpdates:r}){let n=null;try{n=c.useContext(ac)}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 kg(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 bn(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=kg(o,l,a),y=e.title??m,g={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&&(g.fontStyle="italic"),t.jsx("span",{"data-testid":e["data-testid"]??"version-badge","data-version":l,"data-version-source":o,title:y,style:g,children:d})}const jg={small:{fontSize:"0.625rem",padX:"0.4rem",padY:"0.1rem",height:"18px",icon:10,showName:!1},inline:{fontSize:"0.6875rem",padX:"0.5rem",padY:"0.15rem",height:"22px",icon:12,showName:!0},large:{fontSize:"0.8125rem",padX:"0.65rem",padY:"0.25rem",height:"28px",icon:14,showName:!0}};function xa({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 wg({tenantName:e,variant:r="inline"}){const n=jg[r],s={display:"inline-flex",alignItems:"center",gap:"0.3rem",padding:`${n.padY} ${n.padX}`,height:n.height,borderRadius:"4px",fontFamily:"ui-monospace, SFMono-Regular, Menlo, monospace",fontSize:n.fontSize,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",whiteSpace:"nowrap",lineHeight:1,color:"#92400E",backgroundColor:"#FFFBEB",border:"1px solid #FCD34D"};return t.jsxs("span",{role:"status","aria-label":`Private skill — visible to ${e} members only`,style:s,"data-private":"true",children:[t.jsx(xa,{size:n.icon}),t.jsx("span",{children:"Private"}),n.showName&&t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":!0,style:{opacity:.55,fontWeight:500},children:"·"}),t.jsx("span",{style:{fontWeight:500,textTransform:"none",letterSpacing:"0.01em"},children:e})]})]})}function Sg({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(xa,{size:11}),r==="tag"?t.jsx("span",{children:"Private"}):null]})}function Cg({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(bn,{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(Sg,{repoFullName:i??null}),e.isSymlink&&t.jsx(yg,{target:e.symlinkTarget??null}),t.jsx(vg,{skill:e}),t.jsx(bg,{skillId:`${e.plugin}/${e.skill}`,trackedForUpdates:e.trackedForUpdates??!0})]})}const rn=c.memo(Cg),Xc={platformBaseUrl:"",authMode:"cookie",getAuthHeader:async()=>null},Qc=c.createContext(Xc);function Eg({value:e,children:r}){const n=c.useMemo(()=>({...Xc,...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(Qc.Provider,{value:n,children:r})}function ht(){return c.useContext(Qc)}function Ng(e,r){const n=e.platformBaseUrl.replace(/\/+$/,""),s=r.startsWith("/")?r:`/${r}`;return`${n}${s}`}const Br=6e4,Ze={profile:()=>"account:profile",repos:()=>"account:repos",tokens:()=>"account:tokens",skills:()=>"account:skills",notifications:()=>"account:notifications",exports:()=>"account:exports"};async function mt(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(Ng(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 kn(){const e=ht();return St(Ze.profile(),()=>mt(e,"/api/v1/account/profile"),{ttl:Br})}function Zc(){const e=ht();return c.useCallback(async r=>{const n=await mt(e,"/api/v1/account/profile",{method:"PATCH",body:JSON.stringify(r)});return Be(Ze.profile()),n},[e])}function ms(){const e=ht();return St(Ze.repos(),async()=>Rg(await mt(e,"/api/v1/account/repos")),{ttl:Br})}function ga(e){return(e==null?void 0:e.repos)??[]}function Rg(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 ed(){const e=ht();return c.useCallback(async r=>{await mt(e,`/api/v1/account/repos/${r}/resync`,{method:"POST"}),Be(Ze.repos())},[e])}function td(){const e=ht();return c.useCallback(async r=>{await mt(e,`/api/v1/account/repos/${r}`,{method:"DELETE"}),Be(Ze.repos())},[e])}function rd(){const e=ht();return St(Ze.tokens(),async()=>Tg(await mt(e,"/api/v1/account/tokens")),{ttl:Br})}function Tg(e){return Array.isArray(e)?e:e.tokens??[]}function nd(){const e=ht();return c.useCallback(async r=>{const n=await mt(e,"/api/v1/account/tokens",{method:"POST",body:JSON.stringify(r)});return Be(Ze.tokens()),n},[e])}function sd(){const e=ht();return c.useCallback(async r=>{await mt(e,`/api/v1/account/tokens/${r}`,{method:"DELETE"}),Be(Ze.tokens())},[e])}function od(){const e=ht();return St(Ze.notifications(),()=>mt(e,"/api/v1/account/notifications"),{ttl:Br})}function ad(){const e=ht();return c.useCallback(async r=>{const n=await mt(e,"/api/v1/account/notifications",{method:"PATCH",body:JSON.stringify(r)});return Be(Ze.notifications()),n},[e])}function Ig(){const e=ht();return St(Ze.skills(),()=>mt(e,"/api/v1/account/skills/summary"),{ttl:Br})}function id(){const e=ht();return St(Ze.exports(),async()=>(await mt(e,"/api/v1/account/export")).exports,{ttl:Br})}function ld(){const e=ht();return c.useCallback(async()=>{await mt(e,"/api/v1/account/sign-out-all",{method:"POST"}),Be(Ze.profile()),Be(Ze.repos()),Be(Ze.tokens()),Be(Ze.notifications()),Be(Ze.skills()),Be(Ze.exports())},[e])}function cd(){const e=ht();return c.useCallback(async()=>{const r=await mt(e,"/api/v1/account/export",{method:"POST"});return Be(Ze.exports()),r},[e])}function dd(){const e=ht();return c.useCallback(async r=>{await mt(e,"/api/v1/account/delete",{method:"POST",body:JSON.stringify({confirmHandle:r})})},[e])}function Lg(){return{profile:kn(),repos:ms(),tokens:rd(),skills:Ig(),notifications:od(),exports:id(),updateProfile:Zc(),resyncRepo:ed(),disconnectRepo:td(),createToken:nd(),revokeToken:sd(),updateNotificationPrefs:ad(),signOutAll:ld(),requestExport:cd(),deleteAccount:dd()}}const Ag=/^https?:\/\/(?:www\.)?github\.com\/([^/]+)\/([^/?#]+?)(?:\.git)?\/?$/i,Pg=/^git@github\.com:([^/]+)\/([^/?#]+?)(?:\.git)?$/i;function jn(e){if(!e)return null;const r=e.trim(),n=Ag.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 ud(e){const r=new Map;for(const n of e)r.set(n.repoFullName.toLowerCase(),n);return r}function $g(e,r){const n=jn(e);if(!n)return{visibility:"unknown",repo:null};const s=r.get(n);return s?{visibility:s.isPrivate?"private":"public",repo:s}:{visibility:"unknown",repo:null}}function Mg(e){const{data:r}=ms(),n=c.useMemo(()=>ud(ga(r)),[r]);return $g(e,n)}function pd(){const{data:e,loading:r}=ms(),n=ga(e);return{lookup:c.useMemo(()=>ud(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 fd({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?jn(f.repoUrl):null,y=m?i.get(m)??null:null,g=y?y.isPrivate?"private":"public":"unknown";return t.jsx("div",{role:"listitem",children:t.jsx(rn,{skill:f,isSelected:h,onSelect:()=>s(f),onContextMenu:o,dirty:a==null?void 0:a.has(`${f.plugin}/${f.skill}`),repoVisibility:g,repoFullName:(y==null?void 0:y.repoFullName)??null})},`${f.plugin}/${f.skill}`)})})]})}function Fg(e,r){if(!r)return!1;const n=jn(e.repoUrl);if(!n)return!1;const s=r.get(n);return(s==null?void 0:s.isPrivate)===!0}function Dg(e,r){const n=[],s=[];let o=0,a=0;for(const[i,l]of e){const d=[],u=[];for(const p of l)Fg(p,r)?d.push(p):u.push(p);d.length>0&&(n.push([i,d]),o+=d.length),u.length>0&&(s.push([i,u]),a+=u.length)}return{privateItems:n,publicItems:s,privateCount:o,publicCount:a}}function zg(e){try{const r=localStorage.getItem(e);if(r!=null)return r==="true"}catch{}return!1}function Bg(e,r){try{localStorage.setItem(e,r?"true":"false")}catch{}}function _g({items:e,agentId:r,sectionName:n,repoVisibilityLookup:s,selectedKey:o,onSelect:a,onContextMenu:i,dirtySkillIds:l,children:d}){const{privateItems:u,publicItems:p,privateCount:f,publicCount:h}=Dg(e,s);if(f===0||h===0)return t.jsx(t.Fragment,{children:d});const m=`vskill-sidebar-${r}-section-${n}-private-collapsed`,y=`vskill-sidebar-${r}-section-${n}-public-collapsed`;return t.jsxs("div",{"data-testid":"section-privacy-subgroups",children:[t.jsx(Li,{testId:"sidebar-subgroup-private",storageKey:m,icon:"🔒",label:"Private repos",count:f,items:u,repoVisibilityLookup:s,selectedKey:o,onSelect:a,onContextMenu:i,dirtySkillIds:l}),t.jsx(Li,{testId:"sidebar-subgroup-public",storageKey:y,icon:"🌐",label:"Public repos",count:h,items:p,repoVisibilityLookup:s,selectedKey:o,onSelect:a,onContextMenu:i,dirtySkillIds:l})]})}function Li({testId:e,storageKey:r,icon:n,label:s,count:o,items:a,repoVisibilityLookup:i,selectedKey:l,onSelect:d,onContextMenu:u,dirtySkillIds:p}){const[f,h]=c.useState(()=>zg(r)),m=c.useCallback(()=>{h(g=>{const x=!g;return Bg(r,x),x})},[r]),y=`${e}-group`;return t.jsxs("div",{children:[t.jsxs("button",{type:"button","data-testid":e,"aria-expanded":!f,"aria-controls":y,onClick:m,style:{display:"flex",alignItems:"center",gap:6,width:"100%",padding:"6px 12px 4px 14px",background:"transparent",border:"none",cursor:"pointer",color:"var(--text-secondary)",fontFamily:"var(--font-sans)",textAlign:"left"},children:[t.jsx("span",{"aria-hidden":"true",style:{fontSize:11},children:n}),t.jsx("span",{style:{fontSize:10,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--text-secondary)"},children:s}),t.jsxs("span",{style:{fontSize:10,color:"var(--text-tertiary)",fontVariantNumeric:"tabular-nums",fontFamily:"var(--font-mono)"},children:["(",o,")"]})]}),!f&&t.jsx("div",{id:y,role:"group",children:a.map(([g,x])=>t.jsx(fd,{plugin:g,skills:x,selectedKey:l,onSelect:d,onContextMenu:u,dirtySkillIds:p,repoVisibilityLookup:i},g))})]})}function Og(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 Ms({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(()=>Og(s,n)),p=i?!1:d,f=c.useCallback(()=>{u(y=>{const g=!y;if(s&&typeof window<"u")try{window.localStorage.setItem(s,String(g))}catch{}return g})},[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 qn({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,g;(g=(y=p.current)==null?void 0:y.focus)==null||g.call(y),p.current=null}},[e]),c.useEffect(()=>{if(!e)return;function y(g){if(g.key==="Escape"){g.preventDefault(),l();return}if(g.key==="Tab"&&d.current){const x=d.current.querySelectorAll("button:not([disabled])");if(x.length===0)return;const b=x[0],v=x[x.length-1];g.shiftKey&&document.activeElement===b?(g.preventDefault(),v.focus()):!g.shiftKey&&document.activeElement===v&&(g.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 Wg(e){const r=(typeof navigator<"u"?navigator.platform:"").toLowerCase();return r.includes("mac")?"system Trash":r.includes("win")?"Recycle Bin":"Trash"}function Fs(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function Ug({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(g){f.current&&!f.current.contains(g.target)&&o(!1)}return document.addEventListener("mousedown",y),()=>document.removeEventListener("mousedown",y)},[s]);async function h(y){i(y),d(null);try{const g=await fetch(`/api/plugins/${encodeURIComponent(e)}/${y}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),x=await g.json().catch(()=>({}));if(!g.ok||!x.ok){const b=x.error??`${y} failed (${g.status})`;d(b),y==="uninstall"&&Fs(`Failed to uninstall ${e}: ${b}`,"error");return}if(y==="uninstall"){const b=x.fallback==="orphan-cache-removed"?`Removed orphaned ${e}`:`Uninstalled ${e}`;Fs(b,"success")}Be("skills"),xc(),n==null||n(),o(!1)}catch(g){const x=g instanceof Error?g.message:String(g);d(x),y==="uninstall"&&Fs(`Failed to uninstall ${e}: ${x}`,"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(g=>!g)},"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(Ds,{onClick:()=>void h("disable"),disabled:a!==null,busy:a==="disable",label:"Disable",hint:"Keep installed, turn off"}):t.jsx(Ds,{onClick:()=>void h("enable"),disabled:a!==null,busy:a==="enable",label:"Enable",hint:"Activate plugin"}),t.jsx(Ds,{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(qn,{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 Ds({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 Hg=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function Vg({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,g]=c.useState(null),x=Hg.test(i),b=p||!x,v=c.useCallback(async k=>{if(k.preventDefault(),!b){f(!0),m(null),g(null);try{const E=await de.convertToPlugin({anchorSkillDir:e,pluginName:i.trim(),description:d.trim()});o({pluginDir:E.pluginDir,manifestPath:E.manifestPath,validation:E.validation})}catch(E){if(E instanceof Kt){m(E.message);const j=E.details;j&&typeof j.stderr=="string"&&g(j.stderr)}else m(E instanceof Error?E.message:String(E));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:k=>{k.target===k.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:k=>l(k.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}}),!x&&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:k=>u(k.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 Ai({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(Gg,{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 Gg({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 Kg(){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 qg(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 Yg(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 Jg(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 Mo(e,r={}){const{enabled:n=!0,target:s}=r,o=c.useRef([]),a=Array.isArray(e)?e:[e];o.current=a.map(qg),c.useEffect(()=>{if(!n)return;const i=s??(typeof window<"u"?window:void 0);if(!i)return;function l(d){const u=d,p=Yg(u.target);for(const f of o.current){if(!Jg(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 hd(){const{data:e,loading:r,error:n,revalidate:s}=St("project-github-status",()=>de.getProjectGitHubStatus());return{status:e,loading:r,error:n,revalidate:s}}function Xg(e){if(typeof window>"u")return!1;try{return window.localStorage.getItem(`vskill-github-hint-dismissed-${e}`)==="true"}catch{return!1}}function Qg({projectRoot:e}){const{status:r,loading:n}=hd();if(n||!r||r.status==="github"||Xg(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 Zg=3e4;async function ey(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 md=c.forwardRef(function({folder:r,fetchRepoInfo:n=ey,pollIntervalMs:s=Zg,tier:o,onConnectPrivateClick:a},i){const l=o==="pro"||o==="enterprise"?o:"free",[d,u]=c.useState(null),[p,f]=c.useState(!1),[h,m]=c.useState(null),y=c.useRef(n);y.current=n;const g=async()=>{if(!r){u(null);return}f(!0),m(null);try{const x=await y.current(r);u(x)}catch(x){m(x instanceof Error?x.message:String(x))}finally{f(!1)}};return c.useImperativeHandle(i,()=>({refresh:g}),[r]),c.useEffect(()=>{if(!r){u(null);return}let x=!1,b=null;const v=async()=>{if(!x&&!(typeof document<"u"&&document.visibilityState!=="visible"))try{const E=await y.current(r);x||u(E)}catch(E){x||m(E instanceof Error?E.message:String(E))}};v(),b=setInterval(v,s);const k=()=>{typeof document<"u"&&document.visibilityState==="visible"&&v()};return typeof document<"u"&&document.addEventListener("visibilitychange",k),()=>{x=!0,b!==null&&clearInterval(b),typeof document<"u"&&document.removeEventListener("visibilitychange",k)}},[r,s]),r?h?t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"error",style:Ur,children:t.jsxs("span",{style:{color:"var(--color-error, #c0392b)",fontSize:12},children:["Couldn't load repo info: ",h]})}):d?!d.name&&d.sync_state.kind==="no_remote"?t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"not-git",style:Ur,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":l,style:Ur,children:[t.jsx("span",{style:oy,"data-testid":"repo-name",children:d.name??"Local-only"}),d.branch?t.jsxs("span",{style:ay,"data-testid":"repo-branch",children:[t.jsx(ty,{})," ",d.branch]}):null,t.jsx(sy,{state:d.sync_state}),t.jsx(xd,{isPrivate:d.is_private,onConnectPrivateClick:a})]}):t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"loading","aria-busy":p||void 0,style:Ur,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:Ur,children:t.jsx("span",{style:{color:"var(--color-muted, #999)",fontSize:12},children:"No project folder selected"})})});function xd({isPrivate:e,onConnectPrivateClick:r}){return e!==!0?t.jsx(ny,{isPrivate:e}):t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[t.jsxs("span",{style:iy,role:"status",title:"Private GitHub repository","aria-label":"Private repository","data-testid":"visibility-pill","data-visibility":"private","data-private":"true",children:[t.jsx(xa,{size:11}),t.jsx("span",{children:"Private"})]}),r?t.jsx("button",{type:"button",onClick:r,"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:ly,children:"Connect"}):null]})}function ty(){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 ry(){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 ny({isPrivate:e}){return e===null?t.jsx("span",{style:{...hr,color:"var(--color-muted, #999)"},"data-testid":"visibility-pill","data-visibility":"unknown",children:"unknown"}):e?t.jsx(xd,{isPrivate:!0}):t.jsxs("span",{style:{...hr,color:"var(--color-public, #2aa198)"},"data-testid":"visibility-pill","data-visibility":"public","aria-label":"Public repository",children:[t.jsx(ry,{})," public"]})}function sy({state:e}){return e.kind==="clean"?t.jsx("span",{style:{...hr,color:"var(--color-clean, #859900)"},"data-testid":"sync-state-pill","data-sync":"clean",children:"in sync"}):e.kind==="no_remote"?t.jsx("span",{style:{...hr,color:"var(--color-muted, #999)"},"data-testid":"sync-state-pill","data-sync":"no_remote",children:"no remote"}):e.kind==="dirty"?t.jsxs("span",{style:{...hr,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:{...hr,color:"var(--color-ahead, #268bd2)"},"data-testid":"sync-state-pill","data-sync":"ahead",children:["+",e.count," ahead"]}):t.jsxs("span",{style:{...hr,color:"var(--color-behind, #6c71c4)"},"data-testid":"sync-state-pill","data-sync":"behind",children:["-",e.count," behind"]})}const Ur={display:"inline-flex",alignItems:"center",gap:6,flexWrap:"wrap",fontSize:12,fontFamily:"var(--font-system, -apple-system, system-ui)"},oy={fontWeight:500,color:"var(--color-text, #333)"},ay={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},hr={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},iy={display:"inline-flex",alignItems:"center",gap:4,height:18,padding:"0 6px",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},ly={marginLeft:4,padding:"0px 6px",borderRadius:9999,border:"1px solid currentColor",background:"transparent",color:"inherit",fontSize:10,fontWeight:500,cursor:"pointer",fontFamily:"inherit"},cy=200;function dy(e){return e.scope==="own"||e.scope==="installed"||e.scope==="global"?e.scope:e.origin==="installed"?"installed":"own"}function uy(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=>ma(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 py(e,r){const n=[],s=[],o=[];for(const i of e){const l=dy(i);l==="global"?o.push(i):l==="installed"?s.push(i):n.push(i)}function a(i){var p;const l=i.filter(f=>ma(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 fy(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=>ma(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 hy({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[g,x]=c.useState(null),b=!!d||e.some($=>$.scope!==void 0&&$.scope!==null),v=d??"claude-cli",[k,E]=c.useState(""),j=c.useDeferredValue(k),T=c.useMemo(()=>py(e,j),[e,j]),w=c.useMemo(()=>uy(e,j),[e,j]),C=v==="claude-code",{plugins:N}=_m(),R=C?{plugins:N??[]}:void 0,I=c.useMemo(()=>{const $=new Map;for(const W of(R==null?void 0:R.plugins)??[]){const G=$.get(W.name);$.set(W.name,!!G||!!W.enabled)}return $},[R==null?void 0:R.plugins]),[P,F]=c.useState(()=>Fo(`vskill-sidebar-${v}-group-available-collapsed`)),[B,S]=c.useState(()=>Fo(`vskill-sidebar-${v}-group-authoring-collapsed`)),L=c.useCallback($=>{F($);try{window.localStorage.setItem(`vskill-sidebar-${v}-group-available-collapsed`,String($))}catch{}},[v]),A=c.useCallback($=>{S($);try{window.localStorage.setItem(`vskill-sidebar-${v}-group-authoring-collapsed`,String($))}catch{}},[v]),{own:M,installed:H}=c.useMemo(()=>fy(e,j),[e,j]),V=T.own.filtered+T.installed.filtered+T.global.filtered>=cy,{lookup:U}=pd(),ne=c.useMemo(()=>{const $=W=>{const G=[];for(const[,K]of W){const se=[...K].sort((te,J)=>te.skill.localeCompare(J.skill));G.push(...se)}return G};return b?[...$(T.own.byPlugin),...$(T.installed.byPlugin),...$(T.global.byPlugin)]:[...$(M.byPlugin),...$(H.byPlugin)]},[b,T.own.byPlugin,T.installed.byPlugin,T.global.byPlugin,M.byPlugin,H.byPlugin]),me=c.useMemo(()=>r?ne.findIndex($=>$.plugin===r.plugin&&$.skill===r.skill):-1,[ne,r]),be=c.useCallback($=>{if(ne.length===0)return;const W=me<0?$>0?0:ne.length-1:Math.min(Math.max(me+$,0),ne.length-1);n(ne[W])},[ne,me,n]),_=c.useMemo(()=>{if(!f)return null;const[$,W]=f.split("/");if(!$||!W)return null;const G=e.find(te=>te.plugin===$&&te.skill===W);if(!G)return{plugin:$,skill:W,bucket:null,pluginName:null};const K=G.source==="plugin"?"plugin":"project",se=K==="plugin"?G.pluginName??$:null;return{plugin:$,skill:W,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 $=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(f):f.replace(/["\\]/g,"\\$&"),W=document.querySelector(`[data-skill-id="${$}"]`);W&&(re.current=f,W.scrollIntoView({behavior:"smooth",block:"nearest"}),h==null||h())},[f,h,e]),Mo([{key:"j",handler:()=>be(1)},{key:"k",handler:()=>be(-1)},{key:"Enter",handler:()=>{me>=0&&n(ne[me])}}],{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(gg,{value:k,onChange:E}),s&&t.jsx(ky,{}),!s&&o&&t.jsx(jy,{error:o,onRetry:a}),!s&&!o&&b&&t.jsxs("div",{style:{flex:1,overflowY:"auto",minHeight:0},children:[t.jsx(Ai,{name:O.scopeLabels.groupAvailable.toUpperCase(),variant:"available",collapsed:P,onToggle:L,count:w.availableProject.total+w.availablePersonal.total+w.availablePlugin.total}),!P&&t.jsxs(t.Fragment,{children:[t.jsx(Hr,{label:O.scopeLabels.sourceProject,storageKey:`vskill-sidebar-${v}-available-project-collapsed`,count:w.availableProject.total,filteredCount:k?w.availableProject.filtered:null,updateCount:(u==null?void 0:u.installed)??(l==null?void 0:l.installed),headerRightSlot:C?t.jsx(Sy,{projectRoot:v}):null,children:w.availableProject.filtered===0?t.jsx($i,{queryActive:!!k,agentId:v}):t.jsx(Vr,{items:w.availableProject.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"available-project"})}),t.jsx(Hr,{label:O.scopeLabels.sourcePersonal,storageKey:`vskill-sidebar-${v}-available-personal-collapsed`,count:w.availablePersonal.total,filteredCount:k?w.availablePersonal.filtered:null,updateCount:u==null?void 0:u.global,children:w.availablePersonal.filtered===0?t.jsx(xy,{queryActive:!!k,agentId:v}):t.jsx(Vr,{items:w.availablePersonal.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"available-personal"})}),C&&t.jsxs(Hr,{label:O.scopeLabels.sourcePlugin,storageKey:`vskill-sidebar-${v}-available-plugin-collapsed`,count:w.availablePlugin.total,filteredCount:k?w.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…"]}),w.availablePlugin.filtered===0?t.jsx(gy,{queryActive:!!k,hasInstalled:w.availablePlugin.total>0}):w.availablePlugin.byPlugin.map(([$,W])=>t.jsx(Ms,{pluginName:$,skills:W,persistKey:`vskill-plugin-available-${$}-collapsed`,headerActionSlot:C?t.jsx(Ug,{pluginName:$,enabled:I.get($)??!0}):void 0,renderSkill:G=>t.jsx(rn,{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-${$}`))]})]}),t.jsx(by,{}),t.jsx(Ai,{name:O.scopeLabels.groupAuthoring.toUpperCase(),variant:"authoring",collapsed:_?!1:B,onToggle:A,count:w.authoringProject.total+w.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"}}))}}}),(!B||_)&&t.jsxs(t.Fragment,{children:[t.jsx(Hr,{label:O.scopeLabels.authoringSkills,storageKey:`vskill-sidebar-${v}-authoring-project-collapsed`,count:w.authoringProject.total,filteredCount:k?w.authoringProject.filtered:null,updateCount:(u==null?void 0:u.own)??(l==null?void 0:l.source),forceOpen:(_==null?void 0:_.bucket)==="project",children:w.authoringProject.filtered===0?t.jsx(Pi,{queryActive:!!k}):t.jsxs(t.Fragment,{children:[w.authoringCandidatePlugins.map($=>t.jsx(Ms,{pluginName:$.groupKey,skills:$.skills,persistKey:`vskill-candidate-plugin-${$.groupKey}-collapsed`,headerActionSlot:t.jsx("button",{type:"button",onClick:W=>{W.stopPropagation(),x({candidateLabel:$.groupKey,initialName:$.groupKey,anchorSkillDir:$.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:W=>t.jsx(rn,{skill:W,isSelected:(r==null?void 0:r.plugin)===W.plugin&&(r==null?void 0:r.skill)===W.skill,onSelect:()=>n(W),onContextMenu:i,dirty:m==null?void 0:m.has(`${W.plugin}/${W.skill}`)})},`candidate-${$.groupKey}`)),t.jsx(Vr,{items:w.authoringProject.byPlugin.filter(([$])=>!w.authoringCandidatePlugins.some(W=>W.groupKey===$)),selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"authoring-project"})]})}),C&&t.jsx(Hr,{label:O.scopeLabels.sourcePlugin,storageKey:`vskill-sidebar-${v}-authoring-plugin-collapsed`,count:w.authoringPlugin.total,filteredCount:k?w.authoringPlugin.filtered:null,forceOpen:(_==null?void 0:_.bucket)==="plugin",children:w.authoringPlugin.filtered===0?t.jsx(yy,{queryActive:!!k,hasSources:w.authoringPlugin.total>0,candidates:w.authoringCandidatePlugins,onPromote:$=>x({candidateLabel:$.groupKey,initialName:$.groupKey,anchorSkillDir:$.anchorSkillDir})}):w.authoringPlugin.byPlugin.map(([$,W])=>t.jsx(Ms,{pluginName:$,skills:W,persistKey:`vskill-plugin-authoring-${$}-collapsed`,forceOpen:(_==null?void 0:_.bucket)==="plugin"&&_.pluginName===$,renderSkill:G=>t.jsx(rn,{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-${$}`))})]})]}),!s&&!o&&!b&&t.jsxs("div",{style:{flex:1,overflowY:"auto",minHeight:0},children:[t.jsx(Ii,{origin:"source",count:M.total,filteredCount:k?M.filtered:null,updateCount:l==null?void 0:l.source,children:M.filtered===0?t.jsx(Pi,{queryActive:!!k}):t.jsx(Vr,{items:M.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"own"})}),t.jsx(vy,{}),t.jsx(Ii,{origin:"installed",count:H.total,filteredCount:k?H.filtered:null,updateCount:l==null?void 0:l.installed,children:H.filtered===0?t.jsx($i,{queryActive:!!k}):t.jsx(Vr,{items:H.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"installed"})})]}),g&&t.jsx(Vg,{anchorSkillDir:g.anchorSkillDir,candidateLabel:g.candidateLabel,initialName:g.initialName,onCancel:()=>x(null),onConverted:$=>{x(null),y==null||y(),$.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 Fo(e){if(typeof window>"u")return!1;try{return window.localStorage.getItem(e)==="true"}catch{return!1}}function Hr({label:e,storageKey:r,count:n,filteredCount:s,updateCount:o,children:a,forceOpen:i=!1,headerRightSlot:l}){const[d,u]=c.useState(()=>Fo(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 my(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 Vr({items:e,selectedKey:r,onSelect:n,onContextMenu:s,useVirtual:o,dirtySkillIds:a,repoVisibilityLookup:i,agentId:l,sectionName:d}){if(o){const p=my(e);return t.jsx("div",{"data-virtualized":"true",style:{height:420,minHeight:200},children:t.jsx(Jx,{overscan:4,totalCount:p.length,itemContent:f=>{const h=p[f];if(!h)return null;if(h.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:h.plugin}),t.jsxs("span",{style:{fontSize:10,color:"var(--text-secondary)",fontVariantNumeric:"tabular-nums",fontFamily:"var(--font-mono)"},children:["(",h.count,")"]})]});const m=h.skill,y=!!r&&r.plugin===m.plugin&&r.skill===m.skill,g=i?jn(m.repoUrl):null,x=g?i.get(g)??null:null,b=x?x.isPrivate?"private":"public":"unknown";return t.jsx(rn,{skill:m,isSelected:y,onSelect:()=>n(m),onContextMenu:s,dirty:a==null?void 0:a.has(`${m.plugin}/${m.skill}`),repoVisibility:b,repoFullName:(x==null?void 0:x.repoFullName)??null})}})})}const u=e.map(([p,f])=>t.jsx(fd,{plugin:p,skills:f,selectedKey:r,onSelect:n,onContextMenu:s,dirtySkillIds:a,repoVisibilityLookup:i},p));return t.jsx("div",{"data-virtualized":"false",children:t.jsx(_g,{items:e,agentId:l??"claude-cli",sectionName:d??"section",repoVisibilityLookup:i,selectedKey:r,onSelect:n,onContextMenu:s,dirtySkillIds:a,children:u})})}function Pi({queryActive:e}){return e?t.jsx(Wt,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Wt,{headline:"No skills yet.",body:t.jsxs(t.Fragment,{children:["Create one with ",t.jsx(Ar,{children:"vskill new"})," or the"," ",t.jsx("strong",{style:{color:"var(--text-primary)"},children:"New skill"})," action in the top rail."]})})}function $i({queryActive:e,agentId:r}){return e?t.jsx(Wt,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Wt,{headline:r?`No skills installed for ${r} in this project.`:"No installed skills.",body:t.jsxs(t.Fragment,{children:["Run ",t.jsx(Ar,{children:"vskill install <skill>"})," to add one."]})})}function xy({queryActive:e,agentId:r}){return e?t.jsx(Wt,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Wt,{headline:`No global skills for ${r}.`,body:t.jsxs(t.Fragment,{children:["Run ",t.jsx(Ar,{children:"vskill install --global <skill>"})," to add one."]})})}function gy({queryActive:e,hasInstalled:r}){return e&&r?t.jsx(Wt,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsx(Wt,{headline:"No plugin skills installed yet.",body:t.jsxs(t.Fragment,{children:["Click ",t.jsx(Ar,{children:"Browse marketplaces…"})," above to add one."]})})}function yy({queryActive:e,hasSources:r,candidates:n,onPromote:s}){return e&&r?t.jsx(Wt,{headline:"No matches in this section.",body:"Adjust the filter or press Escape to clear."}):t.jsxs(t.Fragment,{children:[t.jsx(Wt,{headline:"No plugin sources in this project.",body:t.jsxs(t.Fragment,{children:["Add ",t.jsx(Ar,{children:"<plugin>/.claude-plugin/plugin.json"})," to author one, or ",t.jsx(Ar,{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 Wt({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 Ar({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 vy(){return t.jsx("div",{"aria-hidden":"true",style:{height:1,background:"var(--border-default)",margin:"4px 14px"}})}function by(){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 ky(){return t.jsx("div",{style:{padding:"8px 0"},children:[0,1,2,3,4,5].map(e=>t.jsx(Kg,{},e))})}function jy({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:wy(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 wy(e){const r=e.split(`
+`)[0]??e;return r.length>80?r.slice(0,77)+"…":r}function Sy({projectRoot:e}){const{signedIn:r,tier:n}=oc();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(md,{folder:e,tier:n})}):t.jsx(Qg,{projectRoot:e})}const gd=240,yd=480,vd="vskill-sidebar-width",nn=320;function ya(e){return Number.isFinite(e)?Math.round(Math.max(gd,Math.min(yd,e))):nn}function Cy(){try{const e=localStorage.getItem(vd);if(!e)return nn;const r=Number(e);return Number.isFinite(r)?ya(r):nn}catch{return nn}}function Ey(e){try{localStorage.setItem(vd,String(ya(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=ya(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,Ey(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":gd,"aria-valuemax":yd,"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 Ry=/^[ MADRCU?!]{1,2} +/;function Ty(e){return e.replace(Ry,"")}function Iy(e,r){const n=e.endsWith("/")?e:e+"/";return r===e?"":r.startsWith(n)?r.slice(n.length):null}function Ly(e,r,n){const s=new Set;if(r.length===0||e.length===0)return s;const o=r.map(a=>Ty(a).trim()).filter(a=>a.length>0);for(const a of e){const i=a.dir;if(!i)continue;const l=Iy(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 Ay=5e3;function Py(e,r,n=Ay){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 de.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?Ly(a.current,s,r):new Set}function $y({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 bd(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 kd(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 zs(){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=kd(h),g=await fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},body:y,signal:m.signal});if(!g.ok||!g.body){let E=`HTTP ${g.status}`,j;try{j=await g.json(),j&&typeof j=="object"&&"error"in j&&typeof j.error=="string"&&(E=j.error)}catch{}throw bd(g.status,j),new Error(E)}const x=g.body.getReader(),b=new TextDecoder;let v="",k="";for(;;){const{done:E,value:j}=await x.read();if(E)break;v+=b.decode(j,{stream:!0});const T=v.split(`
+`);v=T.pop()||"";for(const w of T)if(w.startsWith("event: "))k=w.slice(7).trim();else if(w.startsWith("data: ")){try{const C=JSON.parse(w.slice(6)),N={event:k,data:C};k==="done"?(a(!0),r(R=>[...R,N])):r(R=>[...R,N])}catch{}k=""}}}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 My(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 g=new Set(y);return g.add(u),g});try{const y=kd(f),g=await fetch(p,{method:"POST",headers:{"Content-Type":"application/json"},body:y,signal:h.signal});if(!g.ok||!g.body){let E=`HTTP ${g.status}`,j;try{j=await g.json(),j&&typeof j=="object"&&"error"in j&&typeof j.error=="string"&&(E=j.error)}catch{}throw bd(g.status,j),new Error(E)}const x=g.body.getReader(),b=new TextDecoder;let v="",k="";for(;;){const{done:E,value:j}=await x.read();if(E)break;v+=b.decode(j,{stream:!0});const T=v.split(`
+`);v=T.pop()||"";for(const w of T)if(w.startsWith("event: "))k=w.slice(7).trim();else if(w.startsWith("data: ")){try{const C=JSON.parse(w.slice(6)),N={event:k,data:C};r.current.onEvent(u,N)}catch{}k=""}}r.current.onDone(u)}catch(y){y.name!=="AbortError"&&r.current.onError(u,y.message)}finally{s(y=>{const g=new Set(y);return g.delete(u),g}),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 Fy={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 Dy(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 zy(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 By(e){if(e==="unit"||e==="integration")return e}function _y(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 jd=c.createContext(null);function xt(){const e=c.useContext(jd);if(!e)throw new Error("useWorkspace must be used within WorkspaceProvider");return e}function Oy({plugin:e,skill:r,origin:n,children:s}){var pe;const o=n==="installed",{config:a}=yr(),[i,l]=c.useReducer(Dy,{...Fy,plugin:e,skill:r}),d=zy({origin:n},{exists:i.evals!=null,cases:((pe=i.evals)==null?void 0:pe.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((D,q)=>{let Q=m.current.get(D);Q||(Q={assertions:[]},m.current.set(D,Q)),_y(Q,q),l({type:"UPDATE_INLINE_RESULT",evalId:D,result:{...Q,assertions:[...Q.assertions]}})},[]),g=c.useCallback(D=>{if(h.current.has(D))return;h.current.add(D);const q=m.current.get(D)??{assertions:[]};l({type:"CASE_RUN_COMPLETE",caseId:D,result:{...q,assertions:[...q.assertions]}}),f.current.has(D)&&(f.current.delete(D),f.current.size===0&&de.getLatestBenchmark(e,r).then(Q=>l({type:"BULK_RUN_COMPLETE",benchmark:Q})).catch(()=>l({type:"BULK_RUN_COMPLETE",benchmark:null})))},[e,r]),x=c.useCallback((D,q)=>{h.current.has(D)||(h.current.add(D),l({type:"CASE_RUN_ERROR",caseId:D,error:q}),f.current.has(D)&&(f.current.delete(D),f.current.size===0&&de.getLatestBenchmark(e,r).then(Q=>l({type:"BULK_RUN_COMPLETE",benchmark:Q})).catch(()=>l({type:"BULK_RUN_COMPLETE",benchmark:null}))))},[e,r]),{startCase:b,stopCase:v,stopAll:k}=My({onEvent:y,onDone:g,onError:x});c.useEffect(()=>()=>{k()},[k]);const E=c.useCallback(async()=>{try{const D=await fetch(`/api/skills/${e}/${r}/activation-history`);if(!D.ok){if(D.status===404){l({type:"ACTIVATION_HISTORY_LOADED",runs:[]});return}return}const q=await D.json();l({type:"ACTIVATION_HISTORY_LOADED",runs:q.runs||[]})}catch{}},[e,r]);c.useEffect(()=>{let D=!1;async function q(){try{const[Q,Y,ue]=await Promise.allSettled([de.getSkillDetail(e,r),de.getEvals(e,r),de.getLatestBenchmark(e,r)]);if(D)return;let he=null,we=null;if(Y.status==="fulfilled")he=Y.value;else{const xe=Y.reason;we=(xe==null?void 0:xe.message)??"Failed to load test cases"}l({type:"INIT_DATA",skillContent:Q.status==="fulfilled"?Q.value.skillContent:"",evals:he,evalsError:we,benchmark:ue.status==="fulfilled"?ue.value:null})}catch(Q){D||l({type:"SET_ERROR",error:Q.message})}}return q(),E(),()=>{D=!0}},[e,r,E]);const j=c.useCallback(async D=>{if(o)return;const q=D??i.skillContent;try{await de.applyImprovement(e,r,q),D!==void 0&&D!==i.skillContent&&l({type:"SET_CONTENT",content:D}),l({type:"CONTENT_SAVED"})}catch(Q){l({type:"SET_ERROR",error:Q.message})}},[o,e,r,i.skillContent]),T=c.useCallback(async D=>{if(!o)try{const q=await de.saveEvals(e,r,D);l({type:"SET_EVALS",evals:q})}catch(q){l({type:"SET_ERROR",error:q.message})}},[o,e,r]),w=c.useCallback((D,q="benchmark")=>{const Q=i.caseRunStates.get(D);if((Q==null?void 0:Q.status)==="running")return;m.current.delete(D),h.current.delete(D),l({type:"CASE_RUN_START",caseId:D,mode:q});const Y=q==="comparison"?{eval_ids:[D]}: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(D,ue,Y)}else{const ue=`/api/skills/${e}/${r}/benchmark/case/${D}`;b(D,ue,Object.keys(Y).length>0?Y:void 0)}},[e,r,i.caseRunStates,b,a]),C=c.useCallback((D="benchmark")=>{var Y;const q=((Y=i.evals)==null?void 0:Y.evals)??[];if(q.length===0)return;const Q=q.map(ue=>ue.id);for(const ue of Q)m.current.delete(ue),h.current.delete(ue);l({type:"BULK_RUN_START",caseIds:Q,mode:D}),f.current=new Set(Q);for(const ue of Q){const he=D==="comparison"?{eval_ids:[ue]}:D==="baseline"?{mode:"baseline"}:{};if(a!=null&&a.provider&&(he.provider=a.provider),a!=null&&a.model&&(he.model=a.model),D==="comparison")b(ue,`/api/skills/${e}/${r}/compare`,he);else{const we=`/api/skills/${e}/${r}/benchmark/case/${ue}`;b(ue,we,Object.keys(he).length>0?he:void 0)}}},[e,r,i.evals,b,a]),N=c.useCallback(D=>{v(D),l({type:"CASE_RUN_CANCEL",caseId:D}),f.current.delete(D),h.current.add(D)},[v]),R=c.useCallback(()=>{k(),l({type:"CANCEL_ALL"}),f.current.clear()},[k]),I=c.useCallback(async(D,q)=>{l({type:"OPEN_IMPROVE",evalId:D})},[]),P=c.useCallback(async(D,q)=>{try{await de.applyImprovement(e,r,q),l({type:"SET_CONTENT",content:q}),l({type:"CONTENT_SAVED"}),l({type:"CLOSE_IMPROVE"}),w(D,"benchmark")}catch(Q){l({type:"SET_ERROR",error:Q.message})}},[e,r,w]),F=zs(),B=c.useRef(null),S=c.useRef(0);c.useEffect(()=>{const D=F.events;for(let q=S.current;q<D.length;q++){const Q=D[q],Y=Q.data;if(Q.event==="progress"&&l({type:"AI_EDIT_PROGRESS",entry:{timestamp:Date.now(),phase:Y.phase,message:Y.message}}),Q.event==="done"){const ue=Y.improved,he=Y.reasoning,we=Y.evalChanges??[];l({type:"AI_EDIT_RESULT",improved:ue,reasoning:he,evalChanges:we})}if(Q.event==="error"){const ue=Y;l({type:"AI_EDIT_ERROR",message:ue.description||"Unknown error",classified:ue})}}S.current=D.length},[F.events]),c.useEffect(()=>{F.error&&l({type:"AI_EDIT_ERROR",message:F.error})},[F.error]),c.useEffect(()=>()=>{F.stop()},[F.stop]);const L=c.useCallback(async(D,q,Q)=>{o||(S.current=0,l({type:"AI_EDIT_LOADING"}),B.current=F.stop,F.start(`/api/skills/${e}/${r}/improve?sse`,{mode:"instruct",instruction:D,content:i.skillContent,evals:i.evals??{skill_name:r,evals:[]},provider:q,model:Q}))},[o,e,r,i.skillContent,i.evals,F]),A=c.useCallback(()=>{F.stop(),l({type:"AI_EDIT_ERROR",message:"Cancelled"})},[F]),M=c.useCallback(async()=>{const D=i.aiEditResult;if(D!=null&&D.improved)try{if(await de.applyImprovement(e,r,D.improved),l({type:"SET_CONTENT",content:D.improved}),l({type:"CONTENT_SAVED"}),i.aiEditEvalChanges.length>0&&Array.from(i.aiEditEvalSelections.values()).some(Boolean)){const{mergeEvalChanges:Q}=await or(async()=>{const{mergeEvalChanges:he}=await import("./mergeEvalChanges-Dpbbs4d4.js");return{mergeEvalChanges:he}},[]),Y=i.evals??{skill_name:r,evals:[]},ue=Q(Y,i.aiEditEvalChanges,i.aiEditEvalSelections);try{const he=await de.saveEvals(e,r,ue);l({type:"SET_EVALS",evals:he})}catch(he){l({type:"SET_EVALS_RETRY",evalsFile:ue}),l({type:"SET_ERROR",error:`SKILL.md saved, but test cases failed to save: ${he.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"})},[]),le=c.useCallback(D=>{l({type:"TOGGLE_EVAL_CHANGE",index:D})},[]),V=c.useCallback(()=>{l({type:"SELECT_ALL_EVAL_CHANGES"})},[]),U=c.useCallback(()=>{l({type:"DESELECT_ALL_EVAL_CHANGES"})},[]),ne=c.useCallback(async()=>{const D=i.aiEditEvalsRetry;if(D)try{const q=await de.saveEvals(e,r,D);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]),me=c.useCallback(async()=>{try{const D=await de.getSkillDetail(e,r);l({type:"SET_CONTENT",content:D.skillContent}),l({type:"CONTENT_SAVED"})}catch{}},[e,r]),be=zs(),_=c.useRef(0);c.useEffect(()=>{const D=be.events;for(let q=_.current;q<D.length;q++){const Q=D[q],Y=Q.data;if(Q.event==="progress"&&l({type:"GENERATE_EVALS_PROGRESS",entry:{timestamp:Date.now(),phase:Y.phase,message:Y.message}}),Q.event==="done"){const ue=Y;de.saveEvals(e,r,ue).then(he=>l({type:"GENERATE_EVALS_DONE",evals:he})).catch(he=>l({type:"SET_ERROR",error:he.message}))}Q.event==="error"&&l({type:"GENERATE_EVALS_ERROR",classified:Y})}_.current=D.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 D=>{if(o)return;_.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 Q=By(D==null?void 0:D.testType);Q&&(q.testType=Q),be.start(`/api/skills/${e}/${r}/generate-evals?sse`,Object.keys(q).length>0?q:void 0)},[o,e,r,be,a]),$=zs(),W=c.useRef(0);c.useEffect(()=>()=>{$.stop()},[$.stop]),c.useEffect(()=>{const D=$.events;for(let q=W.current;q<D.length;q++){const Q=D[q];if(Q.event==="classifying"){const Y=Q.data;l({type:"ACTIVATION_CLASSIFYING",index:Y.index,total:Y.total})}if(Q.event==="prompt_result"&&l({type:"ACTIVATION_RESULT",result:Q.data}),Q.event==="done"){G.current&&(clearTimeout(G.current),G.current=null);const Y=Q.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??[]]})}}}W.current=D.length},[$.events,a,i.activationHistory]),c.useEffect(()=>{$.error&&(G.current&&(clearTimeout(G.current),G.current=null),l({type:"ACTIVATION_ERROR",error:$.error}))},[$.error]);const G=c.useRef(null),K=c.useCallback(()=>{G.current&&(clearTimeout(G.current),G.current=null),$.stop(),l({type:"ACTIVATION_CANCEL",totalPrompts:0})},[$]),se=c.useCallback(D=>{const Q=D.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"});W.current=0,l({type:"ACTIVATION_START"}),l({type:"SET_ACTIVATION_PROMPTS",prompts:D});const Y={prompts:Q};a!=null&&a.provider&&(Y.provider=a.provider),a!=null&&a.model&&(Y.model=a.model),$.start(`/api/skills/${e}/${r}/activation-test`,Y),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{$.stop(),l({type:"ACTIVATION_TIMEOUT"}),G.current=null},12e4)},[e,r,$,a]),te=c.useCallback(async(D=8)=>{l({type:"GENERATE_PROMPTS_START"});try{const q={count:D};a!=null&&a.provider&&(q.provider=a.provider),a!=null&&a.model&&(q.model=a.model);const Q=await fetch(`/api/skills/${e}/${r}/activation-prompts`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(q)});if(!Q.ok){let Ye=`HTTP ${Q.status}`;try{const Pe=await Q.json();Pe.error&&(Ye=Pe.error)}catch{}throw new Error(Ye)}const Y=Q.body.getReader(),ue=new TextDecoder;let he="",we="",xe=[];for(;;){const{done:Ye,value:Pe}=await Y.read();if(Ye)break;he+=ue.decode(Pe,{stream:!0});const rt=he.split(`
+`);he=rt.pop()||"";for(const Je of rt)if(Je.startsWith("event: "))we=Je.slice(7).trim();else if(Je.startsWith("data: ")){try{const Ie=JSON.parse(Je.slice(6));if(we==="done"){if(Ie.error)throw new Error(Ie.error);xe=Ie.prompts||[]}if(we==="error")throw new Error(Ie.message||Ie.description||"Generation failed")}catch(Ie){if(!(Ie instanceof SyntaxError))throw Ie}we=""}}const Ve=xe.map(Ye=>`${Ye.expected==="should_activate"?"+":"!"}${Ye.prompt}`).join(`
+`);l({type:"SET_PROMPTS_SOURCE",source:"ai-generated",canonical:Ve}),l({type:"SET_ACTIVATION_PROMPTS",prompts:Ve}),l({type:"GENERATE_PROMPTS_DONE"})}catch(q){l({type:"GENERATE_PROMPTS_ERROR",error:q.message})}},[e,r,a]),J=c.useCallback(async()=>{try{const D=await fetch(`/api/skills/${e}/${r}/test-cases`);if(!D.ok)return;const q=await D.json();if(!q.prompts||q.prompts.length===0)return;const Q=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:Q}),l({type:"SET_ACTIVATION_PROMPTS",prompts:Q})}catch{}},[e,r]),ae=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"}),Q=await fetch(`/api/skills/${e}/${r}/test-cases`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompts:q})}),Y=await Q.json().catch(()=>({}));if(!Q.ok||!Y.ok)throw new Error(Y.error||`HTTP ${Q.status}`);l({type:"SAVE_TEST_CASES_SUCCESS",count:Y.count??q.length}),setTimeout(()=>l({type:"CLEAR_SAVE_TEST_CASES_FEEDBACK"}),3e3)}catch(D){l({type:"SAVE_TEST_CASES_ERROR",error:D.message})}},[e,r,i.activationPrompts]),Z=c.useMemo(()=>({state:i,dispatch:l,isReadOnly:o,canEdit:u,canRun:p,saveContent:j,saveEvals:T,runCase:w,runAll:C,cancelCase:N,cancelAll:R,improveForCase:I,applyImproveAndRerun:P,refreshSkillContent:me,generateEvals:re,runActivationTest:se,cancelActivation:K,generateActivationPrompts:te,fetchActivationHistory:E,loadTestCasesFromSkillMd:J,saveTestCasesToSkillMd:ae,submitAiEdit:L,cancelAiEdit:A,applyAiEdit:M,discardAiEdit:H,toggleEvalChange:le,selectAllEvalChanges:V,deselectAllEvalChanges:U,retryEvalsSave:ne}),[i,o,u,p,j,T,w,C,N,R,I,P,me,re,se,K,te,E,J,ae,L,A,M,H,le,V,U,ne]);return t.jsx(jd.Provider,{value:Z,children:s})}function wd(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 g=m.match(/^\[(.+)\]$/);g?y[h]=g[1].split(",").map(x=>x.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 wn(e){if(!e)return"";try{let r=e.replace(/^---\n[\s\S]*?\n---\n?/,""),n=Wy(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 Wy(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=Mi(r[s]);s+=2;const a=[];for(;s<r.length&&r[s].trim().startsWith("|");)a.push(Mi(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 Mi(e){return e.split("|").map(r=>r.trim()).filter(r=>r.length>0)}function xs(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 Uy(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 Sn({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:[Uy(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 Fi={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 gs({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=Fi[e.category]||Fi.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 Hy({plugin:e,skill:r,skillContent:n,onApplied:s}){const[o,a]=c.useState("closed"),{config:i}=yr(),[l,d]=c.useState("claude-cli"),[u,p]=c.useState("opus"),[f,h]=c.useState([]),[m,y]=c.useState(""),[g,x]=c.useState(""),[b,v]=c.useState(null),[k,E]=c.useState(null),[j,T]=c.useState([]),[w,C]=c.useState(!1),N=c.useRef(null);c.useEffect(()=>{if(!i)return;i.providers.find(A=>A.id==="claude-cli"&&A.available)&&(d("claude-cli"),p("opus"))},[i]),c.useEffect(()=>()=>{var L;(L=N.current)==null||L.abort()},[]);function R(){return i==null?void 0:i.providers.find(L=>L.id===l&&L.available)}const I=c.useCallback(()=>{var L;(L=N.current)==null||L.abort(),a("open")},[]);async function P(){a("loading"),v(null),E(null),T([]);const L=new AbortController;N.current=L;try{const A=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(!A.ok||!A.body){let U=`HTTP ${A.status}`;try{const ne=await A.json();ne.error&&(U=ne.error)}catch{}throw new Error(U)}const M=A.body.getReader(),H=new TextDecoder;let le="",V="";for(;;){const{done:U,value:ne}=await M.read();if(U)break;le+=H.decode(ne,{stream:!0});const me=le.split(`
+`);le=me.pop()||"";for(const be of me)if(be.startsWith("event: "))V=be.slice(7).trim();else if(be.startsWith("data: ")){try{const _=JSON.parse(be.slice(6));V==="progress"?T(re=>[...re,{phase:_.phase,message:_.message,timestamp:Date.now()}]):V==="done"||V==="complete"?(y(_.improved),x(_.reasoning||""),h(xs(_.original||n,_.improved)),a("diff_shown")):V==="error"&&(v(_.message||_.description||"Unknown error"),_.category&&E(_),a("open"))}catch{}V=""}}}catch(A){A.name!=="AbortError"&&(v(A.message),a("open"))}finally{N.current=null}}async function F(){C(!0);try{await de.applyImprovement(e,r,m),s(m),a("closed")}catch(L){v(L.message)}finally{C(!1)}}function B(){a("closed"),h([]),y(""),x(""),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=R();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:B,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 A=i==null?void 0:i.providers.find(M=>M.id===L.target.value);A!=null&&A.models[0]&&p(A.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:P,className:"btn btn-primary flex-shrink-0",children:"Improve"})]}),o==="loading"&&j.length>0&&t.jsx("div",{className:"mt-3",children:t.jsx(Sn,{entries:j,isRunning:!0})})]}),b&&t.jsx("div",{className:"mb-4",children:k?t.jsx(gs,{error:k,onRetry:P,onDismiss:()=>{v(null),E(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:[g&&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: "}),g]}),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,A)=>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]},A))}),t.jsxs("div",{className:"flex gap-2",children:[t.jsx("button",{onClick:F,disabled:w,className:"btn btn-primary",children:w?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:B,className:"btn btn-secondary",children:"Discard"})]})]})]})]})}const Di={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"}},Vy={remove:"var(--red)",modify:"#fbbf24",add:"var(--green)"};function Gy({change:e,index:r,selected:n,onToggle:s,originalEval:o}){var f;const[a,i]=c.useState(!1),l=Di[e.action]??Di.add,d=Vy[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(Ky,{evalCase:e.eval}),e.action==="modify"&&e.eval&&o&&t.jsx(qy,{original:o,proposed:e.eval}),e.action==="remove"&&o&&t.jsx(Yy,{evalCase:o})]})]})}function Ky({evalCase:e}){var r;return t.jsxs("div",{className:"pt-2.5 space-y-2",children:[t.jsx(Do,{label:"Prompt",value:e.prompt}),t.jsx(Do,{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 qy({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:["- ",zo(u.old,120)]}),t.jsxs("div",{style:{color:"var(--green)"},children:["+ ",zo(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 Yy({evalCase:e}){var r;return t.jsxs("div",{className:"pt-2.5 space-y-2",style:{opacity:.7},children:[t.jsx(Do,{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 Do({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:zo(r,300)})]})}function zo(e,r){return e.length>r?e.slice(0,r)+"...":e}const zi={remove:0,modify:1,add:2};function Jy({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)=>(zi[d.change.action]??2)-(zi[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(Gy,{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 Xy(){var L;const{state:e,dispatch:r,submitAiEdit:n,applyAiEdit:s,discardAiEdit:o,cancelAiEdit:a,toggleEvalChange:i,selectAllEvalChanges:l,deselectAllEvalChanges:d,retryEvalsSave:u}=xt(),{aiEditLoading:p,aiEditResult:f,aiEditError:h,aiEditClassifiedError:m,aiEditProgress:y,aiEditEvalChanges:g,aiEditEvalSelections:x,aiEditEvalsRetry:b}=e,[v,k]=c.useState(""),{config:E}=yr(),[j,T]=c.useState("claude-cli"),[w,C]=c.useState("opus"),N=c.useRef(null);c.useEffect(()=>{var A;(A=N.current)==null||A.focus()},[]),c.useEffect(()=>{if(!E)return;E.providers.find(M=>M.id==="claude-cli"&&M.available)&&(T("claude-cli"),C("opus"))},[E]);const R=E==null?void 0:E.providers.find(A=>A.id===j&&A.available),I=c.useCallback(()=>{const A=v.trim();!A||p||n(A,j,w)},[v,p,n,j,w]),P=c.useCallback(A=>{A.key==="Enter"&&!A.shiftKey&&(A.preventDefault(),I()),A.key==="Escape"&&(A.preventDefault(),p?a():o())},[I,p,a,o]),F=c.useCallback(()=>{r({type:"CLOSE_AI_EDIT"}),r({type:"OPEN_AI_EDIT"})},[r]),B=f?xs(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:A=>{A.currentTarget.style.background="var(--surface-3)"},onMouseLeave:A=>{A.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:N,value:v,onChange:A=>k(A.target.value),onKeyDown:P,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:j,onChange:A=>{T(A.target.value);const M=E==null?void 0:E.providers.find(H=>H.id===A.target.value);M!=null&&M.models[0]&&C(M.models[0].id)},disabled:p,style:{width:"100%"},children:E==null?void 0:E.providers.filter(A=>A.available).map(A=>t.jsx("option",{value:A.id,children:A.label},A.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:w,onChange:A=>C(A.target.value),disabled:p,style:{width:"100%"},children:R==null?void 0:R.models.map(A=>t.jsx("option",{value:A.id,children:A.label},A.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(Sn,{entries:y,isRunning:!0})})]}),h&&t.jsx("div",{className:"mt-3",children:m?t.jsx(gs,{error:m,onRetry:F,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:B.map((A,M)=>t.jsxs("div",{className:"px-3 py-0.5 text-[10.5px] font-mono",style:{background:A.type==="added"?"rgba(34,197,94,0.1)":A.type==="removed"?"rgba(239,68,68,0.1)":"transparent",color:A.type==="added"?"var(--green)":A.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:A.type==="added"?"3px solid var(--green)":A.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:A.type==="added"?"+":A.type==="removed"?"-":" "}),A.content]},M))}),t.jsx(Jy,{changes:g,selections:x,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:F,className:"btn btn-ghost text-[11px]",style:{padding:"5px 12px"},children:"Try Again"})]})]})]})]})}function Qy(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 de.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 g=c.useCallback(async b=>{if(a(b),b==="SKILL.md"){l(null),f(null);return}u(!0),f(null);try{const v=await de.getSkillFile(e,r,b);l(v)}catch(v){f(`Unable to open file: ${v.message}`),l(null)}finally{u(!1)}},[e,r]),x=c.useCallback(()=>{y()},[y]);return{files:n,activeFile:o,secondaryContent:i,loading:d,error:p,loadError:h,selectFile:g,refresh:x,isSkillMd:o==="SKILL.md"}}function Zy(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function ev(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 Sd({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 Cd(){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 tv(){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 rv(){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 Ed({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(Sd,{expanded:o}),t.jsx(Cd,{}),t.jsxs("span",{children:[e.name,"/"]})]}),o&&e.children.map(l=>t.jsx(Ed,{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(tv,{}),t.jsx("span",{style:{flex:1},children:e.name}),t.jsx("span",{style:{fontSize:9,color:"var(--text-tertiary)",marginRight:4,whiteSpace:"nowrap"},children:Zy(e.size)})]})}function nv({files:e,activeFile:r,onSelect:n,onRefresh:s,loadError:o}){const[a,i]=c.useState(!1),l=c.useMemo(()=>ev(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(Sd,{expanded:a}),t.jsx(Cd,{}),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(rv,{})})]}),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(Ed,{node:d,depth:0,activeFile:r,onSelect:n},d.path))})]})}function $n(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function sv(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function ov(e){const r=e.toLowerCase();return r.endsWith(".json")?"json":r.endsWith(".md")?"md":"other"}function Bi({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 _i({content:e,fileType:r}){if(r==="json"){const n=sv(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:wn(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 Oi(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 av({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,g]=c.useState(!1),[x,b]=c.useState(null),v=s!==d?s:d;c.useEffect(()=>{l==null||l(p)},[p,l]);const k=c.useCallback(()=>{(e==null?void 0:e.content)!=null&&(m(e.content),f(!0))},[e]),E=c.useCallback(()=>{f(!1)},[]),j=c.useCallback(async()=>{if(!(!o||!a||!e)){g(!0);try{await de.saveSkillFile(o,a,e.path,h),b("Saved"),f(!1),i==null||i(),setTimeout(()=>b(null),2e3)}catch(C){b(`Save failed: ${C.message}`),setTimeout(()=>b(null),3e3)}finally{g(!1)}}},[o,a,e,h,i]);if(c.useEffect(()=>{if(!p)return;const C=N=>{(N.ctrlKey||N.metaKey)&&N.key==="s"&&(N.preventDefault(),j())};return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[p,j]),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 (",$n(e.size),") — cannot be displayed"]});const T=e.content??"",w=ov(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 ",$n(512*1024)," — ",$n(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:[(w==="md"||w==="json")&&["raw","split","preview"].map(C=>t.jsx("button",{onClick:()=>u(C),style:{padding:"2px 8px",fontSize:11,background:v===C?"var(--accent-muted)":"none",color:v===C?"var(--accent)":"var(--text-tertiary)",border:"none",borderRadius:3,cursor:"pointer",textTransform:"capitalize"},children:C},C)),t.jsxs("span",{style:{marginLeft:"auto",fontSize:11,color:"var(--text-tertiary)",display:"flex",alignItems:"center",gap:6},children:[$n(e.size),o&&a&&!e.binary&&!p&&t.jsx("button",{onClick:k,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:j,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:E,style:{padding:"1px 6px",fontSize:10,background:"var(--surface-3)",color:"var(--text-tertiary)",border:"none",borderRadius:3,cursor:"pointer"},children:"Cancel"})]})]})]}),x&&t.jsx("div",{style:{padding:"4px 12px",background:x.startsWith("Save failed")?"var(--red-muted)":"var(--green-muted)",borderBottom:"1px solid var(--border-subtle)",fontSize:11,color:x.startsWith("Save failed")?"var(--red)":"var(--green)"},children:x}),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:C=>m(C.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:j,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:E,style:{padding:"3px 12px",fontSize:11,background:"var(--surface-3)",color:"var(--text-tertiary)",border:"none",borderRadius:4,cursor:"pointer"},children:"Cancel"})]})]}):v==="split"&&w!=="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(Bi,{content:T})}),t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",overflow:"auto"},children:w==="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:Oi(T)}}):t.jsx(_i,{content:T,fileType:w})})]}):v==="preview"&&w!=="other"?w==="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:Oi(T)}}):t.jsx(_i,{content:T,fileType:w}):t.jsx(Bi,{content:T})})]})}const iv=/^git@github\.com:([^/]+)\/(.+?)(?:\.git)?$/,lv=/^https:\/\/github\.com\/([^/]+)\/(.+?)(?:\.git)?$/;function va(e){const r=e.trim();if(!r)throw new Error("normalizeRemoteUrl: empty input");let n=r.match(iv);if(n)return`https://github.com/${n[1]}/${n[2]}`;if(n=r.match(lv),n)return`https://github.com/${n[1]}/${n[2]}`;throw new Error(`normalizeRemoteUrl: unrecognized remote URL: ${e}`)}function cv(e){const r=va(e);return`https://verified-skill.com/submit?repo=${encodeURIComponent(r)}`}const Nd=c.createContext(null);function dv(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 uv({children:e,projectRoots:r=[]}){const n=hn(),[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 g=await p.current.quotaGet(u.current);o(g)}catch(g){d(g instanceof Error?g.message:String(g))}finally{i(!1)}},[]),h=c.useCallback(async(g=!1)=>{i(!0),d(null);try{const x=await p.current.quotaForceSync(u.current,g);o(x)}catch(x){d(x instanceof Error?x.message:String(x));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 g=dv(()=>{f()}),x=setInterval(()=>{f()},6e4);return()=>{g(),clearInterval(x)}},[f]);const y=c.useMemo(()=>({snapshot:s,refreshing:a,error:l,forceSync:h,canCreateSkill:m}),[s,a,l,h,m]);return t.jsx(Nd.Provider,{value:y,children:e})}function ba(){const e=c.useContext(Nd);if(!e)throw new Error("useQuota() called outside <QuotaProvider>");return e}function Rd(){const{snapshot:e}=ba();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 ka="https://verified-skill.com/pricing",Wi="paywall-modal-title",Bs="paywall-modal-body";function Td({open:e,onClose:r,onProceed:n,skillName:s,context:o="connect"}){const a=hn(),{forceSync:i,snapshot:l}=ba(),d=c.useRef(null),u=c.useRef(null),p=c.useRef(null);c.useEffect(()=>{if(!e)return;let h=!1;return(async()=>{try{await i(!0)}catch{}})(),()=>{h=!0}},[e,i]),c.useEffect(()=>{var m;if(!e)return;const h=(m=l==null?void 0:l.cache)==null?void 0:m.response.tier;(h==="pro"||h==="enterprise")&&(n==null||n(),r())},[e,l,n,r]),c.useEffect(()=>{if(!e)return;p.current=typeof document<"u"?document.activeElement:null;const h=setTimeout(()=>{var y;return(y=u.current)==null?void 0:y.focus()},0),m=y=>{if(y.key==="Escape"){y.preventDefault(),r();return}if(y.key!=="Tab")return;const g=d.current;if(!g)return;const x=Array.from(g.querySelectorAll('button:not([disabled]),[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'));if(x.length===0)return;const b=x[0],v=x[x.length-1],k=typeof document<"u"?document.activeElement:null;y.shiftKey&&k===b?(y.preventDefault(),v.focus()):!y.shiftKey&&k===v&&(y.preventDefault(),b.focus())};return document.addEventListener("keydown",m),()=>{clearTimeout(h),document.removeEventListener("keydown",m),p.current instanceof HTMLElement&&p.current.focus()}},[e,r]);const f=c.useCallback(()=>{a.openExternalUrl(ka)},[a]);return e?t.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":Wi,"aria-describedby":Bs,"data-testid":"paywall-modal",style:pv,children:[t.jsx("div",{onClick:r,style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.45)"}}),t.jsxs("div",{ref:d,style:fv,children:[t.jsx("h2",{id:Wi,style:hv,children:o==="publish"?"Publish private skills with Skill Studio Pro":"Connect private repositories with Skill Studio Pro"}),o==="publish"?t.jsx("p",{id:Bs,style:Ui,children:"Pro lets you publish a skill privately, so only your org can see, search, or install it. Publishing publicly stays free."}):t.jsxs("p",{id:Bs,style:Ui,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:mv,children:[t.jsx("button",{type:"button",onClick:r,"data-testid":"paywall-maybe-later",style:gv,children:"Maybe later"}),t.jsx("button",{ref:u,type:"button",onClick:f,"data-testid":"paywall-upgrade",style:xv,children:"Upgrade to Pro"})]})]})]}):null}const pv={position:"fixed",inset:0,zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center"},fv={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)"},hv={margin:0,fontSize:18,fontWeight:600},Ui={marginTop:12,marginBottom:24,fontSize:14,lineHeight:1.5,color:"var(--color-text-soft, #444)"},mv={display:"flex",justifyContent:"flex-end",gap:12},Id={padding:"8px 16px",borderRadius:6,fontSize:13,fontWeight:500,cursor:"pointer",border:"1px solid transparent"},xv={...Id,background:"var(--color-accent, #cb4b16)",color:"#ffffff"},gv={...Id,background:"transparent",color:"var(--color-text, #111111)",borderColor:"var(--color-border, #cccccc)"},Bo=!1,yv=`${ka}#hosted-waitlist`;function ur(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}const _o="https://verified-skill.com/submit";function Hi(e){try{return cv(e)}catch{return _o}}function vv({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,g]=c.useState(!1),[x,b]=c.useState(!1),[v,k]=c.useState(d??"public"),[E,j]=c.useState(!1),{isFree:T}=Rd(),w=Bo,C="public",N=void 0,[R,I]=c.useState(null),[P,F]=c.useState(null),[B,S]=c.useState(null),{catalog:L}=cc(),A=c.useMemo(()=>{if(!(L!=null&&L.activeAgent)||!L.activeModel)return null;const J=L.agents.find(Z=>Z.id===L.activeAgent),ae=J==null?void 0:J.models.find(Z=>Z.id===L.activeModel);return{provider:L.activeAgent,model:L.activeModel,displayName:(ae==null?void 0:ae.displayName)??L.activeModel}},[L]),M=(A==null?void 0:A.provider)??n,H=(A==null?void 0:A.model)??s,le=(A==null?void 0:A.displayName)??H,V=c.useCallback(async()=>{g(!0),I(null);try{const J=await de.gitCommitMessage({provider:M,model:H});m(J.message)}catch(J){const ae=J instanceof Error?J.message:String(J);I(ae)}finally{g(!1)}},[M,H]);c.useEffect(()=>{a==="ai"&&!h&&V()},[]);const U=c.useCallback(()=>{f("ai"),F(null),h.trim()||V()},[h,V]),ne=c.useCallback(()=>{f("manual"),I(null)},[]),me=c.useCallback(async()=>{const J=h.trim();if(!(!J||x)){b(!0),F(null),S(null);try{const ae=await de.gitPublish({commitMessage:J});if(ae.conflict){const Q=ae.conflictedFiles??[],Y=ae.error??(Q.length>0?`Remote has changes that conflict with yours in: ${Q.join(", ")}. Pull and resolve manually, then publish again.`:"Remote has changes that conflict with yours. Pull and resolve manually, then publish again.");F(Y);const ue=ae.reason==="rebase_failed"?"Publish blocked: could not rebase onto the remote — pull manually and retry":"Publish blocked: remote conflict — resolve and retry";ur(ue,"error");return}const Z=ae.remoteUrl??e,pe=(ae.commitSha??"").slice(0,7),D=ae.branch??"",q=ae.reconciled?" (reconciled with remote)":"";if(i){let Q;try{Q=va(Z)}catch{S({ok:!1,websiteUrl:Hi(Z)}),ur(`Pushed ${pe} on ${D}${q} — open the website to submit`,"info");return}let Y;try{Y=await de.submitToQueue({repoUrl:Q,skillName:i,skillPath:l,source:"studio-submit",privacy:C,tenantId:N})}catch(he){if(Yl(he)){S({ok:!1,notSubmitted:he.message}),ur(`Pushed ${pe} on ${D}${q}. Not submitted to verified-skill.com.`,"info");return}const we=he==null?void 0:he.status;S({ok:!1,websiteUrl:typeof we=="number"&&we!==413?Hi(Z):_o}),ur(`Pushed ${pe} on ${D}${q} — sign in or finish on the website to submit`,"info");return}const ue=`https://verified-skill.com/submit?repo=${encodeURIComponent(Q)}`;S({ok:!0,result:Y,submitUrl:ue}),ur(`Submitted ${i} — ${pe} on ${D}`,"info")}else S({ok:!1,websiteUrl:_o}),ur(`Pushed ${pe} on ${D}${q} — open the website to submit`,"info")}catch(ae){const Z=ae instanceof Error?ae.message:String(ae),pe=Z.length>200?Z.slice(0,200)+"…":Z;F(pe),ur(`Publish failed: ${pe}`,"error")}finally{b(!1)}}},[h,x,e,i,l,C,N]),be=c.useCallback(J=>{Jn(J)},[]),_=h.trim().length>0&&!x&&!y,re="#E6EDF3",$="#9CA3AF",W="rgba(255,255,255,0.12)",G="#0F1115",K={fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:$,fontFamily:"var(--font-mono, monospace)",marginBottom:6,display:"block"},se={flex:1,height:32,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:6,fontSize:12,fontFamily:"var(--font-mono, monospace)",background:"transparent",color:$,border:"none",cursor:"pointer",transition:"background 120ms ease, color 120ms ease"},te={...se,background:"rgba(255,255,255,0.08)",color:re,fontWeight:600};return t.jsxs(t.Fragment,{children:[t.jsx("div",{"aria-hidden":"true",onClick:x?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 ${W}`,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:re,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:re,fontFamily:"var(--font-sans, var(--font-mono, sans-serif))"},children:"Publish skill"}),t.jsx("button",{type:"button","aria-label":"Dismiss",onClick:x?void 0:o,disabled:x,style:{background:"none",border:"none",color:$,fontSize:22,lineHeight:1,cursor:x?"not-allowed":"pointer",padding:0,opacity:x?.4:1},children:"×"})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:12,color:$,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:W,margin:"0 -24px 18px"}}),t.jsx("span",{style:K,children:"Mode"}),t.jsxs("div",{role:"tablist","aria-label":"Commit message mode","data-testid":"publish-mode-toggle",style:{display:"flex",border:`1px solid ${W}`,borderRadius:6,overflow:"hidden",marginBottom:16,background:G},children:[t.jsx("button",{type:"button",role:"tab","aria-selected":p==="manual","data-testid":"publish-mode-manual",onClick:ne,disabled:x,style:p==="manual"?te:se,children:"Write yourself"}),t.jsx("div",{style:{width:1,background:W}}),t.jsx("button",{type:"button",role:"tab","aria-selected":p==="ai","data-testid":"publish-mode-ai",onClick:U,disabled:x,style:p==="ai"?te:se,children:y&&p==="ai"?"Generating…":"Generate with AI"})]}),t.jsx("span",{style:K,children:"Visibility"}),t.jsx(bv,{value:C,onChange:k,isFree:T,gateOpen:w,onUpgrade:()=>j(!0),onWaitlist:()=>be(yv),disabled:x,border:W,text:re,textMuted:$,inputBg:G}),t.jsx("label",{htmlFor:"commit-message",style:K,children:"Commit message"}),t.jsx("textarea",{id:"commit-message",value:h,onChange:J=>m(J.target.value),rows:5,disabled:y||x,placeholder:y?"Generating with AI…":p==="ai"?"Click Generate to draft a message":"Type your commit message…",style:{width:"100%",background:G,border:`1px solid ${W}`,borderRadius:6,padding:"10px 12px",fontFamily:"var(--font-mono, monospace)",fontSize:13,lineHeight:1.6,color:re,resize:"vertical",outline:"none"}}),p==="ai"&&le&&t.jsxs("div",{"data-testid":"publish-ai-model",style:{marginTop:10,fontSize:11,color:$,fontFamily:"var(--font-mono, monospace)"},children:["Using ",le]}),p==="ai"&&t.jsx("button",{type:"button",onClick:V,disabled:y||x,"data-testid":"publish-generate-button",style:{marginTop:10,padding:"8px 14px",background:y?"rgba(255,255,255,0.06)":"#2563EB",color:y?$:"#FFFFFF",border:"1px solid "+(y?W:"#2563EB"),borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:600,cursor:y||x?"not-allowed":"pointer",display:"inline-flex",alignItems:"center",gap:6},children:y?"Generating…":"Generate with AI"}),R&&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."})," ",R," ",t.jsx("button",{type:"button",onClick:V,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"})]}),P&&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."})," ",P]}),B&&t.jsx(kv,{outcome:B,onOpenWebsite:be,border:W,textMuted:$}),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:V,disabled:y||x,className:"btn btn-ghost text-[11px]",style:{padding:"4px 10px"},children:y?"Generating…":"Regenerate"})}),t.jsx("div",{style:{display:"flex",gap:8},children:B?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:x,style:{padding:"8px 14px",background:"transparent",color:re,border:`1px solid ${W}`,borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:500,cursor:x?"not-allowed":"pointer",opacity:x?.5:1},children:"Cancel"}),t.jsx("button",{type:"button","aria-label":"Commit & Push",onClick:me,disabled:!_,"data-testid":"publish-commit-push",style:{padding:"8px 16px",background:_?"#22C55E":"rgba(255,255,255,0.06)",color:_?"#0B0F12":$,border:"1px solid "+(_?"#22C55E":W),borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:700,cursor:_?"pointer":"not-allowed"},children:x?"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 }
+        }
+      `}),t.jsx(Td,{open:E,onClose:()=>j(!1),onProceed:()=>k("private"),skillName:i,context:"publish"})]})}function bv({value:e,onChange:r,isFree:n,gateOpen:s,onUpgrade:o,onWaitlist:a,disabled:i,border:l,text:d,textMuted:u,inputBg:p}){const f=y=>({flex:1,minWidth:120,display:"flex",flexDirection:"column",gap:4,padding:"10px 12px",border:`1px solid ${y?"#22C55E":l}`,borderRadius:6,background:y?"rgba(34,197,94,0.08)":p,color:d,cursor:i?"not-allowed":"pointer",textAlign:"left",fontFamily:"var(--font-mono, monospace)"}),h={fontSize:12,fontWeight:600,color:d},m={fontSize:10.5,color:u,lineHeight:1.4};return t.jsxs("div",{role:"radiogroup","aria-label":"Visibility",style:{display:"flex",gap:8,flexWrap:"wrap",marginBottom:16},children:[t.jsxs("button",{type:"button",role:"radio","aria-checked":e==="public","data-testid":"publish-privacy-public",onClick:()=>!i&&r("public"),disabled:i,style:f(e==="public"),children:[t.jsx("span",{style:h,children:"Public"}),t.jsx("span",{style:m,children:"Visible to everyone on verified-skill.com."})]}),s?n?t.jsxs("button",{type:"button",role:"radio","aria-checked":e==="private","data-testid":"publish-privacy-locked",onClick:()=>!i&&o(),disabled:i,style:{...f(!1),opacity:.85},children:[t.jsx("span",{style:h,children:"🔒 Private"}),t.jsx("span",{style:{...m,color:"#F59E0B"},children:"Upgrade to publish privately"})]}):t.jsxs("button",{type:"button",role:"radio","aria-checked":e==="private","data-testid":"publish-privacy-private",onClick:()=>!i&&r("private"),disabled:i,style:f(e==="private"),children:[t.jsx("span",{style:h,children:"🔒 Private"}),t.jsx("span",{style:m,children:"Only your org can see, search, or install it."})]}):t.jsxs("div",{"aria-disabled":"true","data-testid":"publish-privacy-unavailable",style:{...f(!1),cursor:"default",opacity:.85},children:[t.jsx("span",{style:h,children:"🔒 Private"}),t.jsx("span",{style:m,children:"Hosted private publishing is not open yet."}),t.jsx("button",{type:"button","data-testid":"publish-privacy-waitlist",onClick:()=>!i&&a(),disabled:i,style:{...Oo(),fontSize:10.5,alignSelf:"flex-start"},children:"Join the waitlist ↗"})]}),s&&t.jsxs("button",{type:"button",role:"radio","aria-checked":e==="decide-later","data-testid":"publish-privacy-decide-later",onClick:()=>!i&&r("decide-later"),disabled:i,style:f(e==="decide-later"),children:[t.jsx("span",{style:h,children:"Decide later"}),t.jsx("span",{style:m,children:"Submit without choosing visibility yet."})]})]})}function kv({outcome:e,onOpenWebsite:r,border:n,textMuted:s}){if(!e.ok&&"notSubmitted"in e)return t.jsxs("div",{role:"status","data-testid":"publish-outcome","data-outcome":"not-submitted",style:_s(n,"#F59E0B"),children:[t.jsx("strong",{style:{fontWeight:600,color:"#F59E0B"},children:"Pushed to GitHub."})," ",t.jsxs("span",{style:{color:s},children:["Nothing was submitted to verified-skill.com. ",e.notSubmitted]})]});if(!e.ok)return t.jsxs("div",{role:"status","data-testid":"publish-outcome","data-outcome":"website-fallback",style:_s(n,"#F59E0B"),children:[t.jsx("strong",{style:{fontWeight:600,color:"#F59E0B"},children:"Pushed to GitHub."})," ",t.jsx("span",{style:{color:s},children:"Sign in to submit in-app, or finish on the website."})," ",t.jsx("button",{type:"button","data-testid":"publish-open-website",onClick:()=>r(e.websiteUrl),style:Oo(),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:_s(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:Oo(),children:"Open on website ↗"})]})}function _s(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 Oo(){return{background:"none",border:"none",color:"var(--color-accent, #60A5FA)",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",textDecoration:"underline",padding:0}}function Gr(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}const Vi="https://verified-skill.com/submit";function Ld({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 g=!1,x=0;try{const j=await de.gitDiff();g=!!j.hasChanges,x=j.fileCount??0}catch{}if(g){h(x),p(!0);return}const b=await de.gitPublish(),v=b.remoteUrl??e,k=(b.commitSha??"").slice(0,7),E=b.branch??"";if(s){let j=null;try{j=va(v)}catch{j=null}if(j){let T;try{T=await de.submitToQueue({repoUrl:j,skillName:s,skillPath:o,source:"studio-submit",privacy:Bo?a??"public":"public",tenantId:Bo?i:void 0})}catch(w){if(!Yl(w))throw w;Gr(`Pushed ${k} on ${E}. Not submitted to verified-skill.com: ${w.message}`,"info");return}Gr(jv(T,s,k,E),"info")}else Jn(Vi),Gr(`Pushed ${k} on ${E} — open the website to submit`,"info")}else Jn(Vi),Gr(`Opening verified-skill.com — ${k} on ${E}`,"info")}catch(g){const x=g instanceof Error?g.message:String(g),b=x.length>200?x.slice(0,200)+"…":x;Gr(`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(vv,{remoteUrl:e,fileCount:f,provider:r,model:n,skillName:s,skillPath:o,privacy:a,tenantId:i,onClose:y})]})}function jv(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 wv={hasRemote:!1,remoteUrl:null,branch:null,loading:!0,error:null};function Sv(){const[e,r]=c.useState(wv);return c.useEffect(()=>{let n=!1;return de.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 Cv=/^v?(\d+)\.(\d+)\.(\d+)(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/;function Wo(e){if(typeof e!="string")return null;const r=e.trim().match(Cv);return r?{major:Number(r[1]),minor:Number(r[2]),patch:Number(r[3])}:null}function Xr(e,r){const n=Wo(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 Ev(e,r){const n=Wo(r);if(!n)return{valid:!1,reason:`Invalid semver: ${JSON.stringify(r)}`};if(e==null)return{valid:!0};const s=Wo(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 Ad=/^(---[ \t]*\r?\n)([\s\S]*?)(\r?\n---[ \t]*(?=\r?\n|$))/;function Pd(e){const r=e.findIndex(u=>/^version[ \t]*:/.test(u)),n=e.findIndex(u=>/^metadata[ \t]*:[ \t]*(?:#.*)?$/.test(u));let s=n+1;for(;s<e.length&&(!e[s].trim()||/^\s|^#/.test(e[s]));)s++;const o=n<0?[]:e.slice(n+1,s),a=o.filter(u=>/^ +[^ #]/.test(u)).map(u=>u.length-u.trimStart().length),i=a.length?Math.min(...a):2,l=new RegExp(`^ {${i}}version[ \\t]*:`),d=o.findIndex(u=>l.test(u));return{root:r,metadata:n,nested:d<0?-1:n+1+d,indent:i}}function Nv(e){const r=e.match(Ad);if(!r)return[];const n=r[2].split(/\r?\n/),{root:s,nested:o}=Pd(n);return[s,o].filter(a=>a>=0).map(a=>{var d;const l=n[a].slice(n[a].indexOf(":")+1).trim().match(/^(?:"([^"]*)"|'([^']*)'|([^#]*))/);return((d=(l==null?void 0:l[1])??(l==null?void 0:l[2])??(l==null?void 0:l[3]))==null?void 0:d.trim())||void 0})}function Rv(e){return Nv(e).find(r=>r!==void 0)}function $d(e,r){const n=e.match(Ad),s=JSON.stringify(r);if(!n)return`---
+metadata:
+  version: ${s}
+---
+${e}`;const[,o,a,i]=n,l=o.includes(`\r
+`)?`\r
+`:`
+`,d=a.split(/\r?\n/);if(d.some(y=>/^[ \t]*["'][^\r\n]*["'][ \t]*:/.test(y)))throw new Error("Cannot update version: quoted keys need a YAML-aware edit");const{root:u,metadata:p,nested:f,indent:h}=Pd(d),m=u>=0?u:f;if(m>=0){const y=d[m].slice(d[m].indexOf(":")+1).trim(),g=u>=0?0:h;if(/^[|>]/.test(y))throw new Error("Cannot update version: multiline version needs a YAML-aware edit");for(let x=m+1;x<d.length;x++)if(!(!d[x].trim()||/^[ \t]*#/.test(d[x]))){if(d[x].length-d[x].trimStart().length>g)throw new Error("Cannot update version: multiline version needs a YAML-aware edit");break}}if(u>=0)d[u]=`version: ${s}`;else if(f>=0)d[f]=`${" ".repeat(h)}version: ${s}`;else if(p>=0)d.splice(p+1,0,`${" ".repeat(h)}version: ${s}`);else{if(d.some(y=>/^metadata[ \t]*:/.test(y)))throw new Error("Cannot update version: metadata must use a block mapping");d.push("metadata:",`  version: ${s}`)}return`${o}${d.join(l)}${i}${e.slice(n[0].length)}`}function es(e){return Rv(e)??null}function Tv(e,r){const n=es(r),s=es(e);if(n!==null&&s!==null&&n===s)try{const o=Xr(n,"patch");return{contentToSave:$d(e,o),version:o,fromVersion:n}}catch{return{contentToSave:e,version:s,fromVersion:n}}return{contentToSave:e,version:s,fromVersion:n}}function Cr(e){return e.testType==="integration"?"integration":"unit"}function Pr(e){return e>=.8?"var(--green)":e>=.5?"var(--yellow)":"var(--red)"}function Md(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 Fd(e){return e==null?"--":e>=1e3?`${(e/1e3).toFixed(1)}s`:`${e}ms`}const Iv=new Set(["benchmark","comparison","baseline"]);function Gi(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 Dd({entries:e}){const r=e.filter(f=>Iv.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?Gi(n,o,a,i):[],d=s.length>=2?Gi(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 zd(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 Lv(e){return Object.hasOwn(Bd,e)}function Av(e){return Lv(e)?Bd[e]:e}function Pv(){const{state:e}=xt(),{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({}),[g,x]=c.useState(null),[b,v]=c.useState(""),[k,E]=c.useState(!1),[j,T]=c.useState(""),[w,C]=c.useState(""),N=c.useCallback(async()=>{d(!0),p(null);try{const[S,L]=await Promise.all([de.getCredentials(r,n),de.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(()=>{N()},[N]);const R=c.useCallback(async(S,L)=>{E(!0),p(null);try{await de.setCredential(r,n,S,L),x(null),v(""),await N()}catch(A){p(A instanceof Error?A.message:`Failed to save ${S}`)}finally{E(!1)}},[r,n,N]),I=c.useCallback(async()=>{const S=j.trim().toUpperCase(),L=w.trim();if(!(!S||!L)){E(!0),p(null);try{await de.setCredential(r,n,S,L),T(""),C(""),await N()}catch(A){p(A instanceof Error?A.message:`Failed to add ${S}`)}finally{E(!1)}}},[r,n,j,w,N]),P=c.useCallback(async S=>{if(f.has(S)){h(L=>{const A=new Set(L);return A.delete(S),A}),y(L=>{const A={...L};return delete A[S],A});return}try{const A=(await de.getParamsRevealed(r,n,S)).params.find(M=>M.name===S);A!=null&&A.value&&(y(M=>({...M,[S]:A.value})),h(M=>new Set(M).add(S)))}catch{}},[r,n,f]),F=new Set(s.map(S=>S.name)),B=[...s.map(S=>{const L=a.find(A=>A.name===S.name);return{name:S.name,status:S.status,maskedValue:(L==null?void 0:L.maskedValue)??""}}),...a.filter(S=>!F.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&&B.length===0&&t.jsx("div",{className:"text-[11px] py-2",style:{color:"var(--text-tertiary)"},children:"Loading..."}),!l&&B.length===0&&!u&&t.jsx("div",{className:"text-[11px] py-2",style:{color:"var(--text-tertiary)"},children:"No parameters configured"}),B.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:()=>P(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"})]}),g===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()&&R(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:()=>R(S.name,b),disabled:k||!b.trim(),className:"text-[10px] font-medium",style:{color:"var(--green)",background:"none",border:"none",cursor:"pointer"},children:"Save"}),t.jsx("button",{onClick:()=>{x(null),v("")},className:"text-[10px]",style:{color:"var(--text-tertiary)",background:"none",border:"none",cursor:"pointer"},children:"Cancel"})]}):t.jsx("button",{onClick:()=>{x(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:j,onChange:S=>T(S.target.value),className:"input-field text-[10px] font-mono flex-1",placeholder:"KEY_NAME","aria-label":"Parameter key name"}),t.jsx("input",{value:w,onChange:S=>C(S.target.value),onKeyDown:S=>{S.key==="Enter"&&j.trim()&&w.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:k||!j.trim()||!w.trim(),className:"text-[10px] font-medium px-2 py-1 rounded",style:{background:"var(--accent-muted)",color:"var(--accent)",border:"none",cursor:k?"not-allowed":"pointer"},children:"Add"})]})]})]})}function _d(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),de.getCaseHistory(e,r,n).then(p=>o(p)).catch(()=>o([])).finally(()=>i(!1)))},[e,r,n]);const d=c.useCallback(()=>{i(!0),l.current="",de.getCaseHistory(e,r,n).then(u=>o(u)).catch(()=>o([])).finally(()=>i(!1))},[e,r,n]);return{entries:s,loading:a,refetch:d}}function $v(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 Od({embedded:e=!1}={}){var V;const{state:r,dispatch:n,saveEvals:s,runCase:o,runAll:a,cancelCase:i,cancelAll:l,generateEvals:d,canEdit:u,canRun:p}=xt(),{evals:f,evalsError:h,selectedCaseId:m,inlineResults:y,caseRunStates:g,generateEvalsLoading:x,generateEvalsProgress:b,generateEvalsError:v}=r,k=c.useMemo(()=>{for(const U of g.values())if(U.status==="running"||U.status==="queued")return!0;return!1},[g]),[E,j]=c.useState(!1),[T,w]=c.useState("all"),C={skill_name:r.skill,evals:[]},N=f??C,R=N.evals,I=c.useMemo(()=>T==="all"?R:R.filter(U=>Cr(U)===T),[T,R]),P=I.find(U=>U.id===m)??null;c.useEffect(()=>{m!==null&&!I.find(U=>U.id===m)&&n({type:"SELECT_CASE",caseId:I.length>0?I[0].id:null})},[I,m,n]);const[F,B]=c.useState([]),S=c.useMemo(()=>R.some(U=>Cr(U)==="integration"),[R]);c.useEffect(()=>{S&&de.getCredentials(r.plugin,r.skill).then(U=>B(U.credentials)).catch(()=>B([]))},[r.plugin,r.skill,S]);const L=c.useMemo(()=>new Set(F.filter(U=>U.status==="missing").map(U=>U.name)),[F]),[A,M]=c.useState(!1),H=c.useCallback(U=>{M(!1),d(U?{testType:U}:void 0)},[d]);if(!f||R.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:()=>j(!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:x,className:"btn btn-secondary text-[12px]",style:{borderTopRightRadius:0,borderBottomRightRadius:0},children:x?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:()=>M(!A),disabled:x,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"})})})]}),A&&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:U=>{U.currentTarget.style.background="var(--surface-2)"},onMouseLeave:U=>{U.currentTarget.style.background="transparent"},children:"Generate Integration Tests"})})]})]}),x&&b.length>0&&t.jsx("div",{className:"w-full max-w-md mt-3",children:t.jsx(Sn,{entries:b,isRunning:!0})}),v&&t.jsx("div",{className:"w-full max-w-md mt-3",children:t.jsx(gs,{error:v,onRetry:()=>H()})}),E&&t.jsx(Ki,{evals:N,onSave:U=>{s(U),j(!1)},onCancel:()=>j(!1)})]});const le=!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:[le,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&&(k?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(U=>t.jsx("button",{onClick:()=>w(U),style:{padding:"2px 8px",fontSize:10,fontWeight:T===U?600:400,background:T===U?"var(--accent-muted)":"transparent",color:T===U?"var(--accent)":"var(--text-tertiary)",border:"none",borderRadius:4,cursor:"pointer",textTransform:"capitalize"},children:U==="all"?`All (${R.length})`:U==="unit"?`Unit (${R.filter(ne=>Cr(ne)==="unit").length})`:`Integration (${R.filter(ne=>Cr(ne)==="integration").length})`},U))}),t.jsxs("div",{className:"py-1",children:[I.length===0&&R.length>0&&t.jsxs("div",{className:"flex items-center justify-center py-8 px-3 text-[12px]",style:{color:"var(--text-tertiary)"},children:["No ",T==="all"?"":T+" ","tests yet"]}),I.map(U=>{var _;const ne=y.get(U.id),me=m===U.id,be=Cr(U);return t.jsxs("button",{onClick:()=>n({type:"SELECT_CASE",caseId:U.id}),className:"w-full text-left px-3 py-2.5 transition-all duration-150",style:{background:me?"var(--accent-muted)":"transparent",borderLeft:me?"3px solid var(--accent)":"3px solid transparent"},onMouseEnter:re=>{me||(re.currentTarget.style.background="var(--surface-2)")},onMouseLeave:re=>{me||(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:me?"var(--text-primary)":"var(--text-secondary)"},children:[t.jsxs("span",{className:"truncate min-w-0 flex-1",children:["#",U.id," ",U.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"&&((_=U.requiredCredentials)==null?void 0:_.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:ne})]}),t.jsxs("div",{className:"text-[11px] flex items-center gap-2",style:{color:"var(--text-tertiary)"},children:[U.assertions.length," assertion",U.assertions.length!==1?"s":"",(ne==null?void 0:ne.passRate)!=null&&t.jsx(Dv,{passRate:ne.passRate})]})]},U.id)})]}),t.jsx("div",{className:"px-3 py-2",children:u&&t.jsx("button",{onClick:()=>j(!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:U=>{U.currentTarget.style.borderColor="var(--accent)",U.currentTarget.style.color="var(--accent)"},onMouseLeave:U=>{U.currentTarget.style.borderColor="var(--border-default)",U.currentTarget.style.color="var(--text-tertiary)"},children:"+ Add Test Case"})}),t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle)"},children:t.jsx(Pv,{})})]}),t.jsx("div",{className:"overflow-auto",children:P?t.jsx(Mv,{evalCase:P,result:y.get(P.id),evals:f,caseStatus:((V=g.get(P.id))==null?void 0:V.status)??"idle",onSaveEvals:s,onRun:U=>o(U,"benchmark"),onCompare:U=>o(U,"comparison"),onCancel:U=>i(U),onImprove:U=>n({type:"OPEN_IMPROVE",evalId:U}),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"})}),E&&t.jsx(Ki,{evals:N,onSave:U=>{s(U),j(!1)},onCancel:()=>j(!1)})]})]})}function Mv({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}=xt(),{plugin:m,skill:y}=p,{entries:g,loading:x}=_d(m,y,e.id),[b,v]=c.useState(!1),[k,E]=c.useState(e.prompt),[j,T]=c.useState(!1),[w,C]=c.useState(e.expected_output);c.useState(()=>{E(e.prompt),C(e.expected_output)});const N=c.useCallback(V=>{o({...n,evals:n.evals.map(U=>U.id===V.id?V:U)})},[n,o]),R=c.useCallback(()=>{N({...e,prompt:k}),v(!1)},[e,k,N]),I=c.useCallback(()=>{N({...e,expected_output:w}),T(!1)},[e,w,N]),P=c.useCallback(()=>{N({...e,assertions:[...e.assertions,{id:`assert-${Date.now()}`,text:"New assertion",type:"boolean"}]})},[e,N]),F=c.useCallback((V,U)=>{N({...e,assertions:e.assertions.map(ne=>ne.id===V?{...ne,text:U}:ne)})},[e,N]),B=c.useCallback(V=>{N({...e,assertions:e.assertions.filter(U=>U.id!==V)})},[e,N]),S=c.useCallback(()=>{confirm("Delete this test case?")&&o({...n,evals:n.evals.filter(V=>V.id!==e.id)})},[n,e.id,o]),L=r&&r.assertions.length>0&&r.assertions.every(V=>V.pass),A=r&&r.assertions.some(V=>!V.pass),M=Cr(e),H=e.requiredCredentials??[],le=M==="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((M==="unit"?"integration":"unit")==="unit"){const{requiredCredentials:U,requirements:ne,cleanup:me,...be}=e;N({...be,testType:"unit"})}else N({...e,testType:"integration"})},title:`Click to switch to ${M==="unit"?"integration":"unit"}`,style:{fontSize:10,fontWeight:600,padding:"2px 7px",borderRadius:9999,background:M==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:M==="unit"?"var(--accent)":"var(--orange)",border:"none",cursor:"pointer"},children:M==="unit"?"Unit":"Integration"}):t.jsx("span",{style:{fontSize:10,fontWeight:600,padding:"2px 7px",borderRadius:9999,background:M==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:M==="unit"?"var(--accent)":"var(--orange)"},children:M==="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"})]})),A&&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&&M==="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"})]}),le&&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(V=>t.jsx("span",{style:{fontSize:10,fontFamily:"var(--font-mono, monospace)",padding:"2px 6px",borderRadius:4,background:"var(--orange-muted)",color:"var(--orange)"},children:V},V))})]}),f&&M==="integration"&&t.jsx(Bv,{evalCase:e,onUpdate:N}),t.jsx(Mn,{title:"Prompt",children:b?t.jsxs("div",{children:[t.jsx("textarea",{value:k,onChange:V=>E(V.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:R,className:"btn btn-primary text-[12px]",children:"Save"}),t.jsx("button",{onClick:()=>{E(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:V=>{f&&(V.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:V=>{V.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(Mn,{title:"Expected Output",children:j?t.jsxs("div",{children:[t.jsx("textarea",{value:w,onChange:V=>C(V.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:()=>{C(e.expected_output),T(!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&&T(!0)},onMouseEnter:V=>{f&&(V.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:V=>{V.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(Mn,{title:`Assertions (${e.assertions.length})`,action:f?t.jsx("button",{onClick:P,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(V=>{const U=r==null?void 0:r.assertions.find(me=>me.assertion_id===V.id),ne=$v(V.id,U,g);return t.jsx(Fv,{assertion:V,result:U,badges:ne,isReadOnly:!f,onUpdate:me=>F(V.id,me),onDelete:()=>B(V.id)},V.id)})})}),(r==null?void 0:r.output)&&t.jsx(zv,{output:r.output,durationMs:r.durationMs,tokens:r.tokens}),r&&r.passRate!=null&&r.passRate<.2&&(()=>{const V=zd("INEFFECTIVE",r.passRate);return V.recommendations&&V.recommendations.length>0?t.jsx(Mn,{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:V.recommendations.map((U,ne)=>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:"•"}),U]},ne))})]})}):null})(),!u&&t.jsx(Ud,{evalId:e.id,sharedEntries:g,sharedLoading:x})]},e.id)}function Fv({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 Mn({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=zd(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 Dv({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 zv({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 Os(e){return e==="baseline"?"right":e==="comparison"?"full":"left"}function Ws({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:Md(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:Pr(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:Fd(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 Ud({evalId:e,sharedEntries:r,sharedLoading:n}){const{state:s,dispatch:o}=xt(),{plugin:a,skill:i}=s,[l,d]=c.useState(!0),u=r??null,p=n??!1,f=c.useCallback(()=>{d(g=>!g)},[]),h=u?u.slice(0,10):[],m=h.some(g=>{const x=Os(g.type);return x==="left"||x==="full"}),y=h.some(g=>{const x=Os(g.type);return x==="right"||x==="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(Dd,{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((g,x)=>{const b=Os(g.type);return b==="full"?t.jsx("div",{style:{gridColumn:"1 / -1"},children:t.jsx(Ws,{entry:g})},x):b==="left"?t.jsxs(c.Fragment,{children:[t.jsx("div",{style:{gridColumn:"1"},children:t.jsx(Ws,{entry:g})}),t.jsx("div",{style:{gridColumn:"2"}})]},x):t.jsxs(c.Fragment,{children:[t.jsx("div",{style:{gridColumn:"1"}}),t.jsx("div",{style:{gridColumn:"2"},children:t.jsx(Ws,{entry:g})})]},x)})]}),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:g=>{g.currentTarget.style.textDecoration="underline"},onMouseLeave:g=>{g.currentTarget.style.textDecoration="none"},children:"View full history →"})]})})]})}function Ki({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(""),[g,x]=c.useState([]),[b,v]=c.useState(""),[k,E]=c.useState(""),j=Math.max(0,...e.evals.map(N=>N.id))+1,T=N=>{h(N),N==="unit"&&(x([]),y(""),v(""),E(""))},w=()=>{const N=m.trim().toUpperCase();N&&!g.includes(N)&&x([...g,N]),y("")},C=()=>{if(!s.trim()||!a.trim())return;const N={id:j,name:s.trim(),prompt:a.trim(),expected_output:l.trim(),files:[],assertions:u.filter(R=>R.text.trim()),...f==="integration"?{testType:"integration",...g.length>0?{requiredCredentials:g}:{},...b||k?{requirements:{...b?{platform:b}:{},...k?{chromeProfile:k}:{}}}:{}}:{}};r({...e,evals:[...e.evals,N]})};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(N=>t.jsx("button",{onClick:()=>T(N),className:"px-3 py-1 rounded-md text-[12px] font-medium transition-all duration-150",style:{background:f===N?N==="unit"?"var(--accent-muted)":"var(--orange-muted)":"transparent",color:f===N?N==="unit"?"var(--accent)":"var(--orange)":"var(--text-tertiary)",border:"none",cursor:"pointer",textTransform:"capitalize"},children:N},N))})]}),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:N=>o(N.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:N=>i(N.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:N=>d(N.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((N,R)=>t.jsxs("div",{className:"flex gap-2 mb-2",children:[t.jsx("input",{value:N.text,onChange:I=>p(u.map((P,F)=>F===R?{...P,text:I.target.value}:P)),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,P)=>P!==R)),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"})]})})]},N.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:g.map(N=>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:[N,t.jsx("button",{onClick:()=>x(g.filter(R=>R!==N)),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"})]})})]},N))}),t.jsxs("div",{className:"flex gap-1.5",children:[t.jsx("input",{value:m,onChange:N=>y(N.target.value),onKeyDown:N=>{N.key==="Enter"&&(N.preventDefault(),w())},className:"input-field flex-1 text-[11px] font-mono",placeholder:"e.g., SLACK_BOT_TOKEN"}),t.jsx("button",{onClick:w,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:N=>v(N.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:k,onChange:N=>E(N.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:C,disabled:!s.trim()||!a.trim(),className:"btn btn-primary text-[12px]",children:"Save"})]})]})})}function Bv({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 Us(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function _v({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 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("rect",{x:"3",y:"3",width:"18",height:"18",rx:"3"}),t.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"21"})]})}function Wv({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 Uv({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 Hs({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 Hv(){var Ie;const{state:e,dispatch:r,saveContent:n,isReadOnly:s}=xt(),{plugin:o,skill:a,skillContent:i,isDirty:l,improveTarget:d,aiEditOpen:u}=e,{state:p}=It(),f=((Ie=p.skills.find(ee=>ee.plugin===o&&ee.skill===a))==null?void 0:Ie.skillPath)??void 0,[h,m]=c.useState("split"),[y,g]=c.useState(!1),x=c.useRef(null),[b,v]=c.useState(!1),[k,E]=c.useState(""),[j,T]=c.useState(!1),[w,C]=c.useState(null),[N,R]=c.useState([]),[I,P]=c.useState([]),[F,B]=c.useState(null),S=c.useRef(null),{config:L}=yr(),A=Sv(),{files:M,activeFile:H,secondaryContent:le,loading:V,error:U,loadError:ne,selectFile:me,refresh:be,isSkillMd:_}=Qy(o??"",a??""),[re,$]=c.useState(!1),W=c.useCallback(ee=>{re&&!window.confirm("You have unsaved changes. Discard?")||me(ee)},[re,me]);c.useEffect(()=>()=>{var ee;(ee=S.current)==null||ee.abort()},[]);const{metadata:G,body:K}=wd(i),se=G["allowed-tools"],te=Array.isArray(se)?se:typeof se=="string"?[se]:[],J=G.name,ae=G.description,Z=G.metadata,pe=typeof Z=="object"&&!Array.isArray(Z)?Z:null,D=G.version||(pe==null?void 0:pe.version),q=G.tags||(pe==null?void 0:pe.tags),Q=Array.isArray(q)?q:typeof q=="string"?q.split(",").map(ee=>ee.trim()).filter(Boolean):[],Y=new Set(["name","description","metadata","allowed-tools","version","tags"]),ue=Object.entries(G).filter(([ee])=>!Y.has(ee)),he=c.useCallback(async()=>{const{contentToSave:ee,version:De,fromVersion:Ke}=Tv(i,e.savedContent);if(De!==null){const $e=Ev(Ke,De);if(!$e.valid){Us(`Save blocked: ${$e.reason??"invalid version transition"}`,"error");return}}g(!0),await n(ee),g(!1),typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:content-saved",{detail:{plugin:o,skill:a,version:De}}))},[n,i,e.savedContent,o,a]),we=c.useCallback(ee=>{const De=es(i)??"1.0.0";let Ke;try{Ke=Xr(De,ee)}catch(nt){const it=nt instanceof Error?nt.message:String(nt);Us(`Bump failed: ${it}`,"error");return}const $e=$d(i,Ke);r({type:"SET_CONTENT",content:$e}),Us(`Bumped to v${Ke} (${ee}). Click Save to commit.`,"info")},[i,r]),xe=c.useCallback(ee=>{(ee.ctrlKey||ee.metaKey)&&ee.key==="s"&&(ee.preventDefault(),ee.stopPropagation(),l&&he()),(ee.ctrlKey||ee.metaKey)&&ee.key==="i"&&(ee.preventDefault(),ee.stopPropagation(),r({type:u?"CLOSE_AI_EDIT":"OPEN_AI_EDIT"}))},[l,he,u,r]),Ve=c.useCallback(async()=>{var De,Ke;if(!k.trim())return;(De=S.current)==null||De.abort();const ee=new AbortController;S.current=ee,T(!0),B(null),P([]),C(null),R([]);try{const $e=(L==null?void 0:L.provider)||"claude-cli",nt=(L==null?void 0:L.model)||"sonnet",it=await fetch("/api/skills/generate?sse",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:k,provider:$e,model:nt}),signal:ee.signal});if(!it.ok||!it.body){let yt=`HTTP ${it.status}`;try{const vt=await it.json();vt.error&&(yt=vt.error)}catch{}throw new Error(yt)}const Ct=it.body.getReader(),Ht=new TextDecoder;let Et="",st="";for(;;){const{done:yt,value:vt}=await Ct.read();if(yt)break;Et+=Ht.decode(vt,{stream:!0});const Lt=Et.split(`
+`);Et=Lt.pop()||"";for(const Ne of Lt)if(Ne.startsWith("event: "))st=Ne.slice(7).trim();else if(Ne.startsWith("data: ")){try{const Se=JSON.parse(Ne.slice(6));if(st==="progress")P(ze=>[...ze,{phase:Se.phase,message:Se.message,timestamp:Date.now()}]);else if(st==="done"||st==="complete"){const ze=["---"];Se.name&&ze.push(`name: ${Se.name}`),Se.description&&ze.push(`description: "${Se.description.replace(/"/g,'\\"')}"`),Se.model&&ze.push(`model: ${Se.model}`),(Ke=Se.allowedTools)!=null&&Ke.trim()&&ze.push(`allowed-tools: ${Se.allowedTools.trim()}`),ze.push("---","",Se.body||"");const ot=ze.join(`
+`);C(ot),R(xs(i,ot)),T(!1)}else st==="error"&&(B(Se.message||Se.description||"Generation failed"),T(!1))}catch{}st=""}}}catch($e){$e.name!=="AbortError"&&B($e.message)}finally{T(!1),S.current=null}},[k,L,i]),Ye=c.useCallback(()=>{w&&r({type:"SET_CONTENT",content:w}),v(!1),C(null),R([]),E(""),P([])},[w,r]),Pe=c.useCallback(()=>{v(!1),C(null),R([]),E(""),P([]),B(null)},[]),rt=c.useCallback(()=>{var ee;b?((ee=S.current)==null||ee.abort(),Pe()):(u&&r({type:"CLOSE_AI_EDIT"}),v(!0))},[b,u,r,Pe]),Je=[{mode:"raw",icon:t.jsx(_v,{}),label:"Editor"},{mode:"split",icon:t.jsx(Ov,{}),label:"Split"},{mode:"preview",icon:t.jsx(Wv,{}),label:"Preview"}];return t.jsxs("div",{className:"flex flex-col",style:{height:"100%",overflow:"auto"},onKeyDown:xe,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:Je.map(({mode:ee,icon:De,label:Ke})=>t.jsxs("button",{onClick:()=>m(ee),title:Ke,className:"flex items-center gap-1.5 rounded-md transition-all duration-150",style:{padding:"5px 10px",background:h===ee?"var(--surface-4)":"transparent",color:h===ee?"var(--text-primary)":"var(--text-tertiary)",fontSize:11,fontWeight:h===ee?600:400,border:"none",cursor:"pointer"},children:[De,t.jsx("span",{style:{letterSpacing:"0.01em"},children:Ke})]},ee))}),_?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"}):(b&&Pe(),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(Uv,{size:13}),t.jsx("span",{children:"AI Edit"})]}),t.jsxs("button",{onClick:rt,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:b?600:400,border:"none",cursor:"pointer",color:b?"var(--purple)":"var(--text-tertiary)",background:b?"var(--purple-muted)":"transparent"},children:[t.jsx(Hs,{size:13}),t.jsx("span",{children:"Regenerate"})]}),t.jsx("div",{style:{width:1,height:16,background:"var(--border-subtle)"}}),!s&&(()=>{const ee=es(i)??"1.0.0";let De=ee,Ke=ee,$e=ee;try{De=Xr(ee,"patch"),Ke=Xr(ee,"minor"),$e=Xr(ee,"major")}catch{}const nt={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:()=>we("patch"),title:`Bump patch: ${ee} → ${De}`,"aria-label":"Bump patch version",className:"btn btn-ghost text-[11px]",style:nt,children:"+patch"}),t.jsx("button",{type:"button",onClick:()=>we("minor"),title:`Bump minor: ${ee} → ${Ke}`,"aria-label":"Bump minor version",className:"btn btn-ghost text-[11px]",style:nt,children:"+minor"}),t.jsx("button",{type:"button",onClick:()=>we("major"),title:`Bump major: ${ee} → ${$e}`,"aria-label":"Bump major version",className:"btn btn-ghost text-[11px]",style:nt,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:he,disabled:!l||y,className:"btn btn-primary text-[11px]",style:{padding:"5px 14px"},children:y?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"spinner",style:{width:11,height:11,borderWidth:1.5}})," Saving..."]}):"Save"}),A.hasRemote&&A.remoteUrl&&t.jsx(Ld,{remoteUrl:A.remoteUrl,provider:L==null?void 0:L.provider,model:L==null?void 0:L.model,skillName:a||void 0,skillPath:f,privacy:"public"})]}):null]}),o&&a&&t.jsx(nv,{files:M,activeFile:H,onSelect:W,onRefresh:be,loadError:ne}),!_&&t.jsx(av,{file:le,loading:V,error:U,viewMode:h,plugin:o??void 0,skill:a??void 0,onSaved:()=>{me(H),be()},onDirtyChange:$}),_&&t.jsxs("div",{className:"flex-1 overflow-hidden",style:{display:"grid",gridTemplateColumns:h==="raw"||h==="preview"?"1fr":"1fr 1fr",minHeight:"60vh"},children:[h!=="preview"&&t.jsx("div",{className:"flex flex-col overflow-hidden",style:{borderRight:h==="split"?"1px solid var(--border-subtle)":"none"},children:t.jsx("textarea",{ref:x,"data-testid":"skill-editor-textarea",value:i,onChange:ee=>{!s&&!y&&r({type:"SET_CONTENT",content:ee.target.value})},onKeyDown:xe,spellCheck:!1,readOnly:s||y,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}})}),h!=="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:[(J||D||ae)&&t.jsxs("div",{style:{marginBottom:20},children:[t.jsxs("div",{className:"flex items-baseline gap-3",style:{marginBottom:8},children:[J&&t.jsx("h2",{style:{fontSize:18,fontWeight:700,color:"var(--text-primary)",letterSpacing:"-0.02em",lineHeight:1.2,margin:0},children:J}),D&&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",D]})]}),ae&&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:ae})]}),Q.length>0&&t.jsx("div",{className:"flex flex-wrap items-center gap-1.5",style:{marginBottom:16},children:Q.map(ee=>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:ee},ee))}),te.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"}),te.map(ee=>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:ee},ee))]})}),ue.length>0&&t.jsx("div",{style:{marginBottom:16,padding:"8px 0",borderTop:"1px solid var(--border-subtle)",borderBottom:"1px solid var(--border-subtle)"},children:ue.map(([ee,De],Ke)=>{const $e=Array.isArray(De)?De.join(", "):typeof De=="object"?Object.entries(De).map(([nt,it])=>`${nt}: ${Array.isArray(it)?it.join(", "):it}`).join(" | "):De;return t.jsxs("div",{className:"flex items-baseline gap-3",style:{padding:"4px 0",borderTop:Ke>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:ee}),t.jsx("span",{style:{fontSize:12,color:"var(--text-secondary)"},children:$e})]},ee)})}),(J||ae||Q.length>0||te.length>0||ue.length>0)&&K&&t.jsx("div",{style:{height:1,background:"linear-gradient(90deg, var(--accent) 0%, var(--border-subtle) 40%, transparent 100%)",marginBottom:20,opacity:.5}}),K&&t.jsx("div",{className:"text-[13px] leading-relaxed overflow-x-auto",style:{color:"var(--text-secondary)",wordBreak:"break-word"},dangerouslySetInnerHTML:{__html:wn(K)}})]})})]}),_&&u&&t.jsx(Xy,{}),_&&b&&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(Hs,{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:k,onChange:ee=>E(ee.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:ee=>{ee.key==="Enter"&&(ee.ctrlKey||ee.metaKey)&&k.trim()&&!j&&(ee.preventDefault(),Ve())}})}),t.jsxs("div",{className:"flex items-center gap-2",children:[j?t.jsx("button",{onClick:()=>{var ee;(ee=S.current)==null||ee.abort(),T(!1)},className:"btn btn-secondary text-[11px]",style:{padding:"4px 12px"},children:"Cancel"}):t.jsx("button",{onClick:Ve,disabled:!k.trim(),className:"btn btn-primary text-[11px]",style:{padding:"4px 12px"},children:"Generate"}),t.jsx("button",{onClick:Pe,className:"btn btn-ghost text-[11px]",style:{padding:"4px 8px"},children:"Close"})]}),j&&I.length>0&&t.jsx("div",{className:"mt-2",children:t.jsx(Sn,{entries:I,isRunning:!0})}),F&&t.jsxs("div",{className:"mt-2 px-3 py-2 rounded-lg text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:[F,t.jsx("button",{onClick:Ve,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(Hs,{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:N.map((ee,De)=>t.jsxs("div",{className:"px-3 py-0.5 text-[11px] font-mono",style:{background:ee.type==="added"?"var(--green-muted)":ee.type==="removed"?"var(--red-muted)":"transparent",color:ee.type==="added"?"var(--green)":ee.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:ee.type==="added"?"3px solid var(--green)":ee.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:ee.type==="added"?"+":ee.type==="removed"?"-":" "}),ee.content]},De))}),t.jsxs("div",{className:"flex gap-2",children:[t.jsxs("button",{onClick:Ye,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:Pe,className:"btn btn-secondary text-[11px]",style:{padding:"4px 12px"},children:"Discard"})]})]})]})}),_&&d!==null&&o&&a&&t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle)"},children:t.jsx(Hy,{plugin:o,skill:a,skillContent:i,onApplied:ee=>{r({type:"SET_CONTENT",content:ee}),r({type:"CONTENT_SAVED"}),r({type:"CLOSE_IMPROVE"})}})}),_&&t.jsx(Vv,{})]})}function Vv(){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}=xt(),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(Od,{embedded:!0})})]})}function Gv(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 Kv={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 Uo({provider:e,size:r="sm"}){if(!e)return null;const n=Kv[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 qv({content:e,defaultExpanded:r=!0}){const[n,s]=c.useState(r),{metadata:o,body:a}=wd(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:wn(a)}})]})]})}function Yv(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 Jv(e){const r=e.lastIndexOf(".");return r>=0?e.slice(r+1).toLowerCase():""}function Xv(e){const r=Jv(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 Hd({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(Hd,{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 Qv({files:e,activePath:r,onSelect:n}){const s=c.useMemo(()=>Yv(e),[e]),o=c.useMemo(()=>{const m=new Set;if(r&&r.includes("/")){const y=r.split("/");for(let g=1;g<y.length;g++)m.add(y.slice(0,g).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 g=!1;return o.forEach(x=>{y.has(x)||(y.add(x),g=!0)}),g?y:m})},[o]);const l=m=>{i(y=>{const g=new Set(y);return g.has(m)?g.delete(m):g.add(m),g})},d=c.useMemo(()=>{const m=[],y=g=>{for(const x of g)m.push({path:x.path,type:x.type}),x.type==="dir"&&a.has(x.path)&&y(x.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(g=>Math.min(d.length-1,g+1));else if(m.key==="ArrowUp")m.preventDefault(),f(g=>Math.max(0,g-1));else if(m.key==="Enter"){m.preventDefault();const g=d[p];if(!g)return;g.type==="dir"?l(g.path):n(g.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(Hd,{node:m,depth:0,activePath:r,focusedPath:(y=d[p])==null?void 0:y.path,onSelect:n,expanded:a,onToggle:l},m.path)})})}const Zv=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"]),eb=new Set(["png","jpg","jpeg","gif","webp","ico"]);function tb(e){const r=e.lastIndexOf(".");return r>=0?e.slice(r+1).toLowerCase():""}function rb(e){const r=tb(e);return r==="md"?"markdown":eb.has(r)?"image":Zv.has(r)?"text":"binary"}function nb({content:e}){return t.jsx("div",{"data-testid":"source-md-viewer",children:t.jsx(qv,{content:e})})}function sb({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 ob({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 ab({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 — ",Gv(r)]}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)"},children:e})]})}function ib({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),g=n??m;c.useEffect(()=>{if(n!==void 0)return;let b=!1;return de.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),de.getSkillFiles(e,r).then(v=>{var j;if(b)return;o(v.files);const E=v.files.some(T=>T.path==="SKILL.md")?"SKILL.md":((j=v.files.find(T=>T.type==="file"))==null?void 0:j.path)??"";i(E),E||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),de.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 x=()=>{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=rb(a);return b==="markdown"?t.jsx(nb,{content:l.content??""}):b==="text"&&!l.binary?t.jsx(sb,{content:l.content??"",path:a}):b==="image"?t.jsx(ob,{plugin:e,skill:r,path:a}):t.jsx(ab,{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:[g&&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(Uo,{provider:g})]}),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(Qv,{files:s,activePath:a,onSelect:i})}),t.jsx("main",{style:{minWidth:0},children:x()})]})]})}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 Vd(e,r){return e==null||r==null?"N/A":`${e.toLocaleString("en-US")} in / ${r.toLocaleString("en-US")} out`}function lb({evalId:e}){const{state:r}=xt(),{entries:n,loading:s}=_d(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(Ud,{evalId:e,sharedEntries:n,sharedLoading:s})})}function cb(e){return e==="baseline"?"Baseline Pass Rate":"Skill Pass Rate"}function db(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 ub(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 qi(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 pb(e){return e==="skill"?{text:"Skill wins",isSkill:!0}:e==="baseline"?{text:"Baseline wins",isSkill:!1}:{text:"Tie",isSkill:!1}}function fb(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 hb={anthropic:.01,openrouter:.01,ollama:0,"lm-studio":0,"claude-cli":0,"codex-cli":0,"gemini-cli":0};function mb(e,r){if(!e)return null;const n=hb[e];if(n==null||n===0)return null;const s=n*r*.5,o=n*r*2;return`${wt(s)}–${wt(o)}`}function xb(){const{state:e,runCase:r,runAll:n,cancelCase:s,cancelAll:o,canEdit:a,canRun:i}=xt(),{evals:l,caseRunStates:d,bulkRunActive:u,latestBenchmark:p,inlineResults:f}=e,{config:h}=yr(),m=(l==null?void 0:l.evals)??[],y=c.useMemo(()=>{for(const C of d.values())if(C.status==="running"||C.status==="queued")return!0;return!1},[d]),g=m.filter(C=>{const N=d.get(C.id);return N&&(N.status==="complete"||N.status==="error"||N.status==="cancelled")}).length,x=m.filter(C=>{const N=d.get(C.id);return N&&(N.status==="running"||N.status==="queued")}).length,b=c.useRef(null),[v,k]=c.useState(0);c.useEffect(()=>{if(y&&!b.current&&(b.current=Date.now()),!y){b.current=null,k(0);return}const C=setInterval(()=>{b.current&&k(Math.round((Date.now()-b.current)/1e3))},1e3);return()=>clearInterval(C)},[y]);const E=m.reduce((C,N)=>C+N.assertions.length,0),j=m.length+E,T=c.useMemo(()=>fb(m.length,E),[m.length,E]),w=c.useMemo(()=>mb((h==null?void 0:h.provider)??null,j),[h==null?void 0:h.provider,j]);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:[x," 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: ",T]}),w&&t.jsxs("span",{children:["Est. cost: ",w]}),!w&&(h==null?void 0:h.provider)&&(h.provider==="claude-cli"||h.provider==="codex-cli")&&t.jsx("span",{children:"Cost: Included"}),!w&&(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: ",g,"/",m.length," cases"]}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[Math.round(g/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:`${g/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: ",T]})]})]}),t.jsx("div",{className:"space-y-3 stagger-children",children:m.map(C=>{const N=f.get(C.id),R=d.get(C.id),I=(R==null?void 0:R.status)??"idle",P=p==null?void 0:p.cases.find(F=>F.eval_id===C.id);return t.jsxs(c.Fragment,{children:[t.jsx(yb,{name:C.name,evalId:C.id,result:N,caseCost:P==null?void 0:P.cost,caseBillingMode:P==null?void 0:P.billingMode,caseInputTokens:P==null?void 0:P.inputTokens,caseOutputTokens:P==null?void 0:P.outputTokens,caseStatus:I,runMode:(R==null?void 0:R.mode)??null,comparisonDetail:P==null?void 0:P.comparisonDetail,canEdit:a,onRun:F=>r(F,"benchmark"),onBaseline:F=>r(F,"baseline"),onCompare:F=>r(F,"comparison"),onCancel:F=>s(F)}),t.jsx(lb,{evalId:C.id})]},C.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:cb(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: ${Vd(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 C=db(p.model,p.timestamp);return C?t.jsx("div",{className:"text-[10px] mt-0.5 mb-3",style:{color:"var(--text-tertiary)"},children:C}):t.jsx("div",{className:"mb-3"})})(),t.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[t.jsx(Yi,{label:"Skill",value:p.comparison.skillPassRate,color:"var(--accent)"}),t.jsx(Yi,{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&&` | ${Av(p.verdict)}`]}),(()=>{const C=p.cases.reduce((R,I)=>R+I.assertions.length,0),N=ub(p.comparison.delta,C,p.cases.length);return t.jsx("div",{className:"mt-1 text-[11px]",style:{color:"var(--text-tertiary)"},children:N})})()]})]})]})}const gb={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 yb({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[g,x]=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 k=gb[d];return k?t.jsx("span",{className:"pill text-[9px] font-semibold",style:{background:k.bg,color:k.color,padding:"1px 6px"},children:k.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:Vd(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(k=>t.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[t.jsx("span",{style:{color:k.pass?"var(--green)":"var(--red)"},children:k.pass?"PASS":"FAIL"}),t.jsx("span",{style:{color:"var(--text-secondary)"},children:k.text})]},k.assertion_id))}),n.output&&t.jsx("button",{onClick:()=>x(!g),className:"text-[11px] mt-2 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:g?"Hide output":"Show output"}),g&&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 k=qi(u.skillContentScore,u.baselineContentScore),E=qi(u.skillStructureScore,u.baselineStructureScore),j=pb(u.winner);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{style:{color:"var(--text-secondary)"},children:["Content: Skill ",k.skill,"% / Baseline ",k.baseline,"%"]}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsxs("span",{style:{color:"var(--text-secondary)"},children:["Structure: Skill ",E.skill,"% / Baseline ",E.baseline,"%"]}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsx("span",{style:{color:j.isSkill?"var(--accent)":"var(--text-tertiary)",fontWeight:500},children:j.text})]})})()})})}),n&&n.errorMessage&&t.jsx(vb,{errorMessage:n.errorMessage,classifiedError:n.classifiedError})]})}const Vs={rate_limit:"⏱",context_window:"⚠",auth:"🔒",timeout:"⌛",provider_unavailable:"⚡",parse_error:"❓",unknown:"❌"};function vb({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?Vs[r.category]??Vs.unknown:Vs.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 Yi({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 Ji={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)"}},bb={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 kb(){const{state:e,dispatch:r,runActivationTest:n,cancelActivation:s,generateActivationPrompts:o,loadTestCasesFromSkillMd:a,saveTestCasesToSkillMd:i}=xt(),{plugin:l,skill:d,activationPrompts:u,activationResults:p,activationSummary:f,activationRunning:h,activationError:m,activationStartedAt:y,activationClassifyingStatus:g,generatingPrompts:x,generatingPromptsError:b,activationPromptsSource:v,savingTestCases:k,savingTestCasesError:E,savingTestCasesSuccess:j,activationHistory:T}=e,{state:w}=It(),C=w.skills.find(_=>_.plugin===l&&_.skill===d),N=(C==null?void 0:C.resolvedVersion)??(C==null?void 0:C.version)??null,[R,I]=c.useState(u),[P,F]=c.useState(null),[B,S]=c.useState(!1);c.useEffect(()=>{u&&u!==R&&I(u)},[u]),c.useEffect(()=>{r({type:"SET_ACTIVATION_PROMPTS",prompts:R})},[R,r]),c.useEffect(()=>{fetch(`/api/skills/${l}/${d}/description`).then(_=>_.json()).then(_=>F(_.rawContent||_.description||null)).catch(()=>F(null))},[l,d]),c.useEffect(()=>{(!u||u.trim().length===0)&&a()},[l,d]);function L(){n(R)}function A(){o(8)}function M(){i()}const H=R.trim().split(`
+`).filter(Boolean).length,le=_=>_.verdict==="scope_warning"||_.verdict==="drift_warning",V=p.filter(_=>(_.classification==="TP"||_.classification==="TN")&&!le(_)),U=p.filter(_=>(_.classification==="FP"||_.classification==="FN")&&!le(_));p.filter(le);const ne=(P==null?void 0:P.replace(/^---[\s\S]*?---\s*/,"").trim())??null,me=R.trim().length>0,be=ne?wn(ne):"";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:M,disabled:k||!me||h,className:"text-[10px] px-2.5 py-1 rounded-md transition-colors duration-150 flex items-center gap-1.5",style:{background:k?"var(--surface-3)":"var(--surface-2)",color:me?"var(--green)":"var(--text-tertiary)",border:"1px solid var(--border-subtle)",opacity:me?1:.5,cursor:me?"pointer":"not-allowed"},title:me?"Write the current prompts back to SKILL.md as a ## Test Cases block":"No prompts to save",onMouseEnter:_=>{me&&!k&&(_.currentTarget.style.background="var(--surface-3)")},onMouseLeave:_=>{k||(_.currentTarget.style.background="var(--surface-2)")},children:k?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:A,disabled:x||!ne||h,className:"text-[10px] px-2.5 py-1 rounded-md transition-colors duration-150 flex items-center gap-1.5",style:{background:x?"var(--surface-3)":"var(--surface-2)",color:ne?"var(--accent)":"var(--text-tertiary)",border:"1px solid var(--border-subtle)",opacity:ne?1:.5,cursor:ne?"pointer":"not-allowed"},title:ne?void 0:"No skill description available",onMouseEnter:_=>{ne&&!x&&(_.currentTarget.style.background="var(--surface-3)")},onMouseLeave:_=>{x||(_.currentTarget.style.background="var(--surface-2)")},children:x?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"})}),me?"Regenerate":"Generate"," Test Prompts"]})})]})]}),j&&t.jsx("div",{className:"text-[11px] px-2 py-1 rounded",style:{color:"var(--green)",background:"var(--green-muted)"},"aria-live":"polite",children:j}),E&&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: ",E]}),!ne&&!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:R,onChange:_=>I(_.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(Fn,{}),t.jsx("span",{children:"No prefix = auto-classify"}),t.jsx(Fn,{}),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(Fn,{}),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(Fn,{}),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||!R.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:[g||`${p.length} / ${H} prompts tested`,y&&t.jsx(Cb,{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:ne?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:[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(--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 (",U.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:U.map((_,re)=>t.jsx(Xi,{result:_},`incorrect-${re}`))})]}),V.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 (",V.length,")"]})]}),t.jsx("div",{className:"space-y-1.5 stagger-children",children:V.map((_,re)=>t.jsx(Xi,{result:_},`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(Gs,{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(Gs,{label:"Recall",value:f.recall,description:"Of expected activations, how many fired?",detail:`${f.tp} activated / ${f.tp+f.fn} expected`}),t.jsx(Gs,{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(jb,{history:T,expanded:B,onToggle:()=>S(!B),skillVersion:N})]})}function jb({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(wb,{run:o,skillVersion:s},o.id))})})]})}function wb({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:Sb(e.timestamp)}),t.jsx(bn,{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 Sb(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 Fn(){return t.jsx("span",{style:{color:"var(--border-subtle)",userSelect:"none"},children:"·"})}function Xi({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=Ji[n]||Ji.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"?bb[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 Gs({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 Cb({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 Eb(e){return e==="benchmark"||e==="activation"||e==="ab"}function Nb({mode:e}){var l;const{state:r,runAll:n}=xt(),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(kb,{}):t.jsx(xb,{})}const Ks={benchmark:"#6383ff",comparison:"#a78bfa",baseline:"#fb923c"},Qi={benchmark:"Benchmark",comparison:"Comparison",baseline:"Baseline"},Ho=600,Vo=180,ut=40,qs=Ho-ut*2,tr=Vo-ut*2,Rb=[25,50,75,100];function Zi(e){return new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"})}function Tb(e){return e==null?"--":`${(e/1e3).toFixed(1)}s`}function Ib({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=ut+p/(a-1)*qs,h=u.passRate*100,m=ut+tr-h/100*tr;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:Ks[u]??"var(--text-tertiary)"}}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:Qi[u]??u})]},u))}),t.jsxs("svg",{width:Ho,height:Vo,viewBox:`0 0 ${Ho} ${Vo}`,style:{display:"block",overflow:"visible"},children:[Rb.map(u=>{const p=ut+tr-u/100*tr;return t.jsxs("g",{children:[t.jsx("line",{x1:ut,y1:p,x2:ut+qs,y2:p,stroke:"var(--border-subtle)",strokeWidth:.5,strokeDasharray:"4 4"}),t.jsxs("text",{x:ut-8,y:p+3.5,textAnchor:"end",style:{fill:"var(--text-tertiary)",fontSize:10},children:[u,"%"]})]},u)}),t.jsx("line",{x1:ut,y1:ut+tr,x2:ut+qs,y2:ut+tr,stroke:"var(--border-subtle)",strokeWidth:1}),t.jsx("text",{x:ut-8,y:ut+tr+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:Ks[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)),Lb(a).map(u=>t.jsx("text",{x:i[u].x,y:ut+tr+16,textAnchor:"middle",style:{fill:"var(--text-tertiary)",fontSize:10},children:Zi(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:Zi(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:Ks[n.entry.type]??"var(--text-tertiary)",color:"#fff"},children:Qi[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:Tb(n.entry.totalDurationMs)}),t.jsx("span",{children:n.entry.totalTokens!=null?`${n.entry.totalTokens} tokens`:"--"})]})]})]})}function Lb(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 Qr=new Map;let pt=null,Yn=null,zn=1e3,Er=0;function Gd(){if(pt)return;pt=new EventSource("/api/events");const e=r=>n=>{let s={};try{s=n.data?JSON.parse(n.data):{}}catch{}const o=Qr.get(r);if(o)for(const a of o)a(s)};pt.addEventListener("benchmark:complete",e("benchmark:complete")),pt.addEventListener("history:written",e("history:written")),pt.addEventListener("leaderboard:updated",e("leaderboard:updated")),pt.onerror=()=>{pt==null||pt.close(),pt=null,Er>0&&(Yn=setTimeout(()=>{zn=Math.min(zn*2,3e4),Gd()},zn))},pt.onopen=()=>{zn=1e3}}function Ab(){Yn!=null&&(clearTimeout(Yn),Yn=null),pt==null||pt.close(),pt=null}function Pb(e,r){return Qr.has(e)||Qr.set(e,new Set),Qr.get(e).add(r),Er++,Gd(),()=>{var n;(n=Qr.get(e))==null||n.delete(r),Er--,Er<=0&&(Er=0,queueMicrotask(()=>{Er<=0&&Ab()}))}}function ts(e,r){const n=c.useRef(r);n.current=r,c.useEffect(()=>Pb(e,o=>n.current(o)),[e])}function rs(e){return e>=.8?"var(--green)":e>=.5?"var(--yellow)":"var(--red)"}function $b(e){return e>=1e3?`${(e/1e3).toFixed(1)}s`:`${Math.round(e)}ms`}function Mb({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:rs(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:rs(e)}})})]})})}function Fb({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 Db({plugin:e,skill:r}){const n=`stats/${e}/${r}`,s=c.useCallback(()=>de.getStats(e,r),[e,r]),{data:o,loading:a}=St(n,s),i=c.useCallback(()=>Be(n),[n]);if(ts("benchmark:complete",i),ts("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:rs(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(Fb,{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:rs(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:$b(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(Mb,{rate:f.passRate,label:f.text})]},`${f.evalId}:${f.id}`))})]})]})}function zb({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(()=>{de.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 de.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],g=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:x=>{m||(x.currentTarget.style.background="var(--surface-2)")},onMouseLeave:x=>{m||(x.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(Dd,{entries:h}),g!=null&&t.jsxs("span",{className:"text-[12px] font-semibold flex-shrink-0",style:{color:Pr(g)},children:[Math.round(g*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((x,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:Md(x.timestamp)}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:x.model}),t.jsx("span",{className:"pill",style:{fontSize:9,padding:"1px 6px",background:x.type==="benchmark"?"rgba(99,131,255,0.15)":x.type==="comparison"?"var(--purple-muted)":"rgba(251,146,60,0.15)",color:x.type==="benchmark"?"#6383ff":x.type==="comparison"?"var(--purple)":"#fb923c"},children:x.type}),t.jsxs("span",{className:"text-[12px] font-semibold ml-auto",style:{color:Pr(x.pass_rate)},children:[Math.round(x.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:[x.durationMs!=null&&t.jsx("span",{children:Fd(x.durationMs)}),x.tokens!=null&&t.jsxs("span",{children:[x.tokens>=1e3?`${(x.tokens/1e3).toFixed(1)}k`:x.tokens," tok"]})]}),t.jsx("div",{className:"space-y-1",children:x.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 Bb(){const{state:e,dispatch:r}=xt(),{plugin:n,skill:s}=e,{state:o}=It(),a=o.skills.find(M=>M.plugin===n&&M.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),[g,x]=c.useState([]),[b,v]=c.useState(null),[k,E]=c.useState(!1),[j,T]=c.useState(null),[w,C]=c.useState(!1),N=`history/${n}/${s}?model=${u}&type=${f}`,R=c.useCallback(()=>de.getHistory(n,s,{model:u||void 0,type:f||void 0}),[n,s,u,f]),{data:I,loading:P}=St(N,R),F=I??[];c.useEffect(()=>{!I||I.length<2||de.compareRuns(n,s,I[0].timestamp,I[1].timestamp).then(M=>{const H=M.regressions.filter(le=>le.change==="regression");r({type:"SET_REGRESSIONS",regressions:H})}).catch(()=>{})},[I,n,s,r]);const B=c.useCallback(()=>Be(N),[N]);ts("history:written",B);const S=c.useCallback(async M=>{if(m){x(H=>H.includes(M)?H.filter(le=>le!==M):H.length>=2?[H[1],M]:[...H,M]);return}C(!0);try{const H=await de.getHistoryEntry(n,s,M);T(H)}catch{}finally{C(!1)}},[n,s,m]),L=c.useCallback(async()=>{if(g.length===2){E(!0);try{const M=await de.compareRuns(n,s,g[0],g[1]);v(M)}catch{}finally{E(!1)}}},[n,s,g]),A=[...new Set(F.map(M=>M.model))];return P?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(M=>t.jsx("button",{onClick:()=>d(M),className:"px-4 py-2 rounded-lg text-[12px] font-medium transition-all duration-150",style:{background:l===M?"var(--accent-muted)":"transparent",color:l===M?"var(--accent)":"var(--text-tertiary)"},children:M==="timeline"?"Timeline":M==="per-eval"?"Per Eval":"Statistics"},M))}),l==="timeline"&&t.jsxs("div",{children:[F.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(Ib,{entries:F,onPointClick:M=>S(M.timestamp)})}),t.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[t.jsxs("select",{value:u,onChange:M=>p(M.target.value),className:"input-field text-[12px]",style:{width:150},children:[t.jsx("option",{value:"",children:"All Models"}),A.map(M=>t.jsx("option",{value:M,children:M},M))]}),t.jsxs("select",{value:f,onChange:M=>h(M.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),x([]),v(null)},className:`btn text-[12px] ${m?"btn-primary":"btn-secondary"}`,children:m?"Exit Compare":"Compare Runs"}),m&&g.length===2&&t.jsx("button",{onClick:L,disabled:k,className:"btn btn-primary text-[12px]",children:k?"Comparing...":"Compare"})]}),t.jsx("div",{className:"space-y-2",children:F.length===0?t.jsx("div",{className:"text-center py-8 text-[13px]",style:{color:"var(--text-tertiary)"},children:"No benchmark runs yet"}):F.map(M=>{const H=g.includes(M.timestamp);return t.jsx("button",{onClick:()=>S(M.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:le=>{H||(le.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:le=>{H||(le.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(M.timestamp).toLocaleString()}),t.jsx("span",{className:"pill text-[9px]",style:{background:M.type==="comparison"?"var(--purple-muted)":M.type==="baseline"?"var(--surface-3)":M.type==="model-compare"?"var(--accent-muted)":M.type==="improve"||M.type==="instruct"?"var(--purple-muted)":M.type==="ai-generate"?"var(--green-muted)":M.type==="eval-generate"?"var(--orange-muted)":"var(--accent-muted)",color:M.type==="comparison"?"var(--purple)":M.type==="baseline"?"var(--text-tertiary)":M.type==="model-compare"?"var(--accent)":M.type==="improve"||M.type==="instruct"?"var(--purple)":M.type==="ai-generate"?"var(--green)":M.type==="eval-generate"?"var(--orange)":"var(--accent)"},children:M.type==="model-compare"?"model compare":M.type==="improve"?"ai improve":M.type==="instruct"?"ai edit":M.type==="ai-generate"?"ai generate":M.type==="eval-generate"?"eval generate":M.type})]}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(bn,{version:i,size:"sm","data-testid":"history-row-version"}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:M.model}),M.totalCost!=null&&M.totalCost>0&&t.jsx("span",{className:"text-[11px] font-mono",style:{color:"var(--text-tertiary)"},children:wt(M.totalCost)}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:M.passRate>=.8?"var(--green)":M.passRate>=.5?"var(--yellow)":"var(--red)"},children:[Math.round(M.passRate*100),"%"]})]})]})},M.timestamp)})}),b&&t.jsx(_b,{result:b}),j&&!m&&t.jsx(Ob,{run:j,onClose:()=>T(null)})]}),l==="per-eval"&&t.jsx(zb,{plugin:n,skill:s}),l==="statistics"&&t.jsx(Db,{plugin:n,skill:s})]})}function _b({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 Ob({run:e,onClose:r}){return(e.type==="improve"||e.type==="instruct")&&e.improve?t.jsx(Wb,{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 Wb({run:e,onClose:r}){var a;const n=c.useMemo(()=>e.improve?xs(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 Kd({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,g)=>{const x=o+g/(l-1)*a,b=o+i-(y-d)/p*i;return`${x.toFixed(1)},${b.toFixed(1)}`}),h=r[r.length-1],m=Pr(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,g]=f[f.length-1].split(",");return t.jsx("circle",{cx:y,cy:g,r:2.5,fill:m})})()]})}function Ub(){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 Hb({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 Vb({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 Gb({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 Kb({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 qb(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 qd=(e="left")=>({padding:"10px 12px",fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",textAlign:e,whiteSpace:"nowrap"});function Yb({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:qd(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(Ub,{})]})}),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:Pr(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(Kd,{data:r.sparklineData})})]},`${r.provider}/${r.model}`))})]})})}function Jb({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:qd(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:Pr(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(Hb,{pct:n.amplificationPct}):"--"}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsx(Kd,{data:n.sparklineData})})]},`${n.provider}/${n.model}`))})]})})}function Xb(){const{state:e}=xt(),{plugin:r,skill:n}=e,[s,o]=c.useState("rankings"),a=`leaderboard/${r}/${n}`,i=c.useCallback(()=>de.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(()=>Be(a),[a]);ts("leaderboard:updated",h);const m=c.useMemo(()=>qb(p),[p]),y=m.some(b=>b.hasBaseline),g=p[0],x=g==null?void 0:g.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(Kb,{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":""]})]}),x&&t.jsx(Gb,{warning:x}),s==="rankings"?t.jsx(Yb,{entries:m}):t.jsx(Jb,{entries:m}),s==="amplification"&&(g==null?void 0:g.skillQualityScore)!=null&&(g==null?void 0:g.skillQualityRating)&&t.jsx(Vb,{score:g.skillQualityScore,rating:g.skillQualityRating})]})}function Qb(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 ja({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(()=>Qb(e),[e]),g=c.useMemo(()=>{const j=y.filter(w=>w.type==="add").length,T=y.filter(w=>w.type==="remove").length;return{added:j,removed:T}},[y]),x=c.useMemo(()=>{let j=0,T=0;return y.filter(w=>w.type!=="header").map(w=>w.type==="remove"?(j++,{...w,origNum:j,newNum:null}):w.type==="add"?(T++,{...w,origNum:null,newNum:T}):(j++,T++,{...w,origNum:j,newNum:T}))},[y]),b=c.useMemo(()=>{const j=[],T=[];for(const w of x)if(w.type==="remove")j.push(w);else if(w.type==="add")T.push(w);else{for(;j.length<T.length;)j.push({type:"context",content:"",origNum:null,newNum:null});for(;T.length<j.length;)T.push({type:"context",content:"",origNum:null,newNum:null});j.push(w),T.push(w)}for(;j.length<T.length;)j.push({type:"context",content:"",origNum:null,newNum:null});for(;T.length<j.length;)T.push({type:"context",content:"",origNum:null,newNum:null});return{left:j,right:T}},[x]),v=c.useCallback(j=>{const T=j==="left"?h.current:m.current,w=j==="left"?m.current:h.current;T&&w&&(w.scrollTop=T.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 k=i==="modal"?"fixed inset-0 z-50 flex items-center justify-center bg-black/50":"",E=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:["+",g.added]}),t.jsxs("span",{style:{color:"var(--red)"},children:["-",g.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:x.map((j,T)=>t.jsxs("tr",{style:{background:j.type==="add"?"rgba(34,197,94,0.08)":j.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:j.type==="remove"?"rgba(239,68,68,0.5)":"var(--text-tertiary)",opacity:j.origNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:j.origNum??""}),t.jsx("td",{className:"text-right select-none px-2",style:{width:40,fontSize:10,color:j.type==="add"?"rgba(34,197,94,0.5)":"var(--text-tertiary)",opacity:j.newNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:j.newNum??""}),t.jsx("td",{className:"select-none text-center",style:{width:20,fontSize:11,fontWeight:700,color:j.type==="add"?"var(--green)":j.type==="remove"?"var(--red)":"transparent",borderRight:j.type==="add"?"2px solid var(--green)":j.type==="remove"?"2px solid var(--red)":"2px solid transparent"},children:j.type==="add"?"+":j.type==="remove"?"-":" "}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:j.type==="add"?"var(--green)":j.type==="remove"?"var(--red)":"var(--text-secondary)"},children:j.content||"​"})]},T))})})}):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((j,T)=>t.jsxs("tr",{style:{background:j.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:j.origNum??""}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:j.type==="remove"?"var(--red)":"var(--text-secondary)"},children:j.content||"​"})]},T))})})}),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((j,T)=>t.jsxs("tr",{style:{background:j.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:j.newNum??""}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:j.type==="add"?"var(--green)":"var(--text-secondary)"},children:j.content||"​"})]},T))})})})]}))]});return i==="modal"?t.jsx("div",{className:k,children:t.jsx("div",{style:{width:"80%",maxWidth:900},children:E})}):E}const Ys="https://verified-skill.com/submit",Zb=/^https:\/\/github\.com\/[^/?#@:]+\/[^/?#@:]+(?:[/?#].*)?$/;function e1(e){if(!e)return Ys;const r=e.trim();return!r||!Zb.test(r)?Ys:`${Ys}?repo=${encodeURIComponent(r)}`}const t1={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 r1({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 n1({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 el={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)"}},s1={VERIFIED:"Security-Scanned",CERTIFIED:"Trusted Publisher",TAINTED:"Tainted"};function Yd(e){return s1[e]??e}function o1({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 a1({tier:e,size:r}){return e==="TAINTED"?t.jsx(o1,{size:r}):e==="CERTIFIED"?t.jsx(n1,{size:r}):t.jsx(r1,{size:r})}function zw({tier:e,size:r="md",isTainted:n}){const s=t1[r],o=n?"TAINTED":e,a=el[o]??el.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(a1,{tier:o,size:s.icon}),Yd(o)]})}const tl={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 i1(e,r){return e?e.length>r?e.slice(0,r)+"…":e:""}function l1(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 c1(){const{state:e}=xt(),{plugin:r,skill:n}=e,s=It(),{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(()=>de.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,g]=c.useState(null),[x,b]=c.useState(null),[v,k]=c.useState(null),[E,j]=c.useState(!1),[T,w]=c.useState("idle"),[C,N]=c.useState(null),R=c.useRef(null),I=c.useRef(null),P=c.useMemo(()=>(f==null?void 0:f.find(H=>H.isInstalled))??null,[f]),F=c.useMemo(()=>(f==null?void 0:f[0])??null,[f]),B=P&&F&&P.version!==F.version,S=c.useCallback(H=>{y?!x&&H!==y?b(H):(g(H),b(null),k(null)):(g(H),k(null))},[y,x]),L=c.useCallback(async(H,le)=>{j(!0);try{const V=await de.getVersionDiff(r,n,H,le);k(V)}catch{k(null)}finally{j(!1)}},[r,n]);c.useEffect(()=>{if(y&&x){const H=f||[],le=H.findIndex(me=>me.version===y),V=H.findIndex(me=>me.version===x),[U,ne]=le>V?[y,x]:[x,y];L(U,ne)}},[y,x,f,L]);const A=c.useCallback(()=>{!P||!F||(g(P.version),b(F.version))},[P,F]),M=c.useCallback(async()=>{w("updating"),N(null);const H=new AbortController;R.current=H;try{const le=await de.postSkillUpdate(r,n,H.signal);if(le.ok)w("done"),o(r,n);else{const V=`Update failed (HTTP ${le.status}): ${le.body||"no response body"}`;w("error"),N(V)}}catch(le){if(le instanceof DOMException&&le.name==="AbortError")return;const V=le instanceof Error?le.message:"Network error";w("error"),N(V)}finally{R.current===H&&(R.current=null)}},[r,n,o]);if(c.useEffect(()=>()=>{var H;(H=R.current)==null||H.abort(),R.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 le=e1((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:le,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(Uo,{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:[B&&t.jsx("button",{onClick:A,className:"btn btn-secondary text-[11px]",children:"View changes since installed"}),B&&T!=="done"&&(T==="error"?t.jsxs("span",{className:"flex items-center gap-1.5",children:[t.jsx("span",{className:"text-[11px]",style:{color:"var(--red)"},children:C||"Update failed"}),t.jsx("button",{onClick:M,className:"btn btn-secondary text-[11px]",children:"Retry"})]}):t.jsx("button",{onClick:M,disabled:T!=="idle",className:"btn btn-primary text-[11px]",children:T==="idle"?`Update to ${F==null?void 0:F.version}`:T==="updating"?"Starting update...":T==="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&&!x&&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 le=tl[H.certTier]||tl.COMMUNITY,V=H.version===y||H.version===x,U=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:V?"var(--accent-muted)":"transparent",border:V?"1px solid var(--accent)":"1px solid transparent",cursor:"pointer"},onMouseEnter:ne=>{V||(ne.currentTarget.style.background="var(--surface-1)")},onMouseLeave:ne=>{V||(ne.currentTarget.style.background="transparent")},children:[t.jsx("span",{className:"absolute left-1.5 top-4 rounded-full",style:{width:U?10:8,height:U?10:8,background:U?"var(--accent)":"var(--surface-3)",border:U?"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:le.bg,color:le.text},children:Yd(H.certTier)}),t.jsx(Uo,{provider:h}),U&&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 ne=l1(H.diffSummary);return ne?t.jsx("div",{"data-testid":"version-row-diff-summary",className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},children:i1(ne,80)}):null})()]},H.version)})}),t.jsx("div",{ref:I,style:{height:1}})]}),E&&t.jsx("div",{className:"mt-4",children:t.jsx("div",{className:"skeleton h-48 rounded-xl"})}),v&&!E&&t.jsx("div",{className:"mt-4",children:t.jsx(ja,{contentDiff:v.contentDiff,fromLabel:v.from,toLabel:v.to,diffSummary:v.diffSummary,renderContext:"inline",onRetry:()=>y&&x&&L(v.from,v.to)})})]})}function d1(e){return e==="timeline"||e==="models"||e==="versions"}function u1({view:e}){return e==="models"?t.jsx(Xb,{}):e==="versions"?t.jsx(c1,{}):t.jsx(Bb,{})}function p1(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 f1(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 Rr(e,r=!0){let n=e.toLowerCase().replace(/[^a-z0-9]+/g,"-");return r&&(n=n.replace(/^-+|-+$/g,"")),n}function h1(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 m1({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}=yr(),[f,h]=c.useState(""),[m,y]=c.useState(n??3),[g,x]=c.useState(""),[b,v]=c.useState(""),[k,E]=c.useState(""),[j,T]=c.useState(""),[w,C]=c.useState(""),[N,R]=c.useState(""),[I,P]=c.useState("write"),[F,B]=c.useState([]),[S,L]=c.useState(!1),[A,M]=c.useState(null),[H,le]=c.useState(null),[V,U]=c.useState(null),[ne,me]=c.useState("vskill"),[be,_]=c.useState("1.0.0"),[re,$]=c.useState(!0),W=c.useCallback(async()=>{try{const Ne=await de.detectEngines();U(Ne),me(Se=>Se!=="vskill"?Se:Ne.vskillSkillBuilder?"vskill":Ne.anthropicSkillCreator?"anthropic-skill-creator":"none")}catch{U({vskillSkillBuilder:!1,anthropicSkillCreator:!1,vskillVersion:null,anthropicPath:null})}},[]);c.useEffect(()=>{W()},[W]);const[G,K]=c.useState(""),[se,te]=c.useState(!1),[J,ae]=c.useState(!1),[Z,pe]=c.useState(null),[D,q]=c.useState(null),[Q,Y]=c.useState([]),ue=c.useRef(null),he=c.useRef(null),we=c.useRef(null),xe=c.useRef(null),Ve=c.useRef(null),[Ye,Pe]=c.useState(!1),[rt,Je]=c.useState(!1),Ie=c.useRef(f),ee=c.useRef(g),De=c.useRef(b);c.useEffect(()=>{Ie.current=f},[f]),c.useEffect(()=>{ee.current=g},[g]),c.useEffect(()=>{De.current=b},[b]),c.useEffect(()=>{de.getProjectLayout().then(Ne=>{if(l(Ne),n)return;y(Ne.suggestedLayout);const Se=Ne.detectedLayouts.find(ze=>ze.layout===Ne.suggestedLayout);Se!=null&&Se.existingPlugins.length&&x(Se.existingPlugins[0])}).catch(()=>{}).finally(()=>u(!1))},[n]),c.useEffect(()=>{var Ne;o==="ai"&&((Ne=ue.current)==null||Ne.focus())},[o]),c.useEffect(()=>()=>{var Ne;(Ne=he.current)==null||Ne.abort()},[]);const Ke=c.useMemo(()=>{var Ne;return i?((Ne=i.detectedLayouts.find(Se=>Se.layout===m))==null?void 0:Ne.existingPlugins)||[]:[]},[i,m]),$e=g==="__new__"?b:g,nt=i?h1(i.root,m,$e||"{plugin}",f||"{skill}"):"",it=c.useMemo(()=>i?i.detectedLayouts.filter(Ne=>Ne.layout!==4):[],[i]),Ct=c.useMemo(()=>{if(!i)return null;const Ne=i.detectedLayouts.find(ot=>ot.layout===2&&ot.existingPlugins.length>0),Se=i.detectedLayouts.find(ot=>ot.layout===1&&ot.existingPlugins.length>0),ze=Ne||Se;return ze?{layout:ze.layout,plugins:ze.existingPlugins}:null},[i]),Ht=c.useCallback(()=>{if(r)return r();if(!p)return{provider:"claude-cli",model:"sonnet"};const Ne=p.provider||"claude-cli",Se=p.model||"sonnet";return{provider:Ne,model:Se}},[p,r]),Et=c.useCallback(()=>{var Ne;(Ne=he.current)==null||Ne.abort(),te(!1)},[]),st=c.useCallback(()=>{pe(null),q(null)},[]),yt=c.useCallback(async()=>{var ot,Jt;if(pe(null),q(null),Y([]),we.current=null,xe.current=null,!G.trim()){pe("Describe what your skill should do");return}te(!0);const Ne=new AbortController;he.current=Ne;const{provider:Se,model:ze}=Ht();try{const At=await fetch("/api/skills/generate?sse",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(p1({prompt:G.trim(),provider:Se,model:ze,targetAgents:F})),signal:Ne.signal});if(!At.ok||!At.body){let jr=`HTTP ${At.status}`;try{const Xt=await At.json();Xt.error&&(jr=Xt.error)}catch{}throw new Error(jr)}const ys=At.body.getReader(),vs=new TextDecoder;let _r="",Vt="";for(;;){const{done:jr,value:Xt}=await ys.read();if(jr)break;_r+=vs.decode(Xt,{stream:!0});const Cn=_r.split(`
+`);_r=Cn.pop()||"";for(const Xe of Cn)if(Xe.startsWith("event: "))Vt=Xe.slice(7).trim();else if(Xe.startsWith("data: ")){try{const Me=JSON.parse(Xe.slice(6));if(Vt==="progress")Y(dr=>[...dr,{phase:Me.phase,message:Me.message,timestamp:Date.now()}]);else if(Vt==="provenance")xe.current={resolvedModelId:typeof Me.resolvedModelId=="string"?Me.resolvedModelId:null,snapshotDate:typeof Me.snapshotDate=="string"?Me.snapshotDate:null};else if(Vt==="done"||Vt==="complete"){const dr={prompt:G.trim(),provider:Ht().provider,model:Ht().model,resolvedModelId:((ot=xe.current)==null?void 0:ot.resolvedModelId)??null,snapshotDate:((Jt=xe.current)==null?void 0:Jt.snapshotDate)??null,reasoning:Me.reasoning||""},Qt=f1({userName:Ie.current,userPlugin:ee.current,userNewPlugin:De.current,aiName:Me.name,aiSuggestedPlugin:Me.suggestedPlugin&&Me.suggestedPlugin.plugin?{plugin:Me.suggestedPlugin.plugin,layout:Me.suggestedPlugin.layout}:null,forceLayout:n});if(Qt.applyName!==null&&h(Qt.applyName),E(Me.description),T(Me.model||""),C(Me.allowedTools||""),R(Me.body),ae(!0),we.current=dr,a("manual"),n===3)y(3),x(""),v("");else if(Qt.applySuggestedPlugin&&Qt.suggestedPluginValue){const lt=Qt.suggestedPluginValue;if(((i==null?void 0:i.detectedLayouts.flatMap(Zt=>Zt.existingPlugins))??[]).includes(lt.plugin))if(x(lt.plugin),lt.layout&&(lt.layout===1||lt.layout===2))y(lt.layout);else{const Zt=i==null?void 0:i.detectedLayouts.find(bs=>bs.existingPlugins.includes(lt.plugin));Zt&&(Zt.layout===1||Zt.layout===2)&&y(Zt.layout)}else x("__new__"),v(lt.plugin)}else!Qt.applySuggestedPlugin&&ee.current.trim().length===0&&De.current.trim().length===0&&m===3&&Ct&&Je(!0);const En={name:Me.name,plugin:$e||"",layout:m,description:Me.description,model:Me.model||void 0,allowedTools:Me.allowedTools||void 0,body:Me.body,aiMeta:dr};de.saveDraft(En).then(lt=>{Pe(!0),lt!=null&&lt.dir&&(Ve.current=lt.dir)}).catch(()=>{})}else Vt==="error"&&(pe(Me.message||Me.description||"Unknown error"),Me.category&&q(Me))}catch{}Vt=""}}}catch(At){At.name!=="AbortError"&&pe(At.message)}finally{te(!1),he.current=null}},[G,Ht,m,Ct,$e,i,F,n]),vt=c.useCallback(async()=>{var Ne;if(M(null),le(null),!f.trim()){M("Skill name is required");return}if(!k.trim()){M("Description is required");return}if(m!==3&&!$e.trim()){M("Plugin name is required");return}if(!re){M("Version is not valid semver");return}L(!0);try{if(s)try{await s(Rr(f))}catch(ze){M(`Could not finalize previous delete of ${Rr(f)}: ${ze.message}. Cancel the pending delete and try again.`),L(!1);return}const Se=await de.createSkill({name:Rr(f),plugin:$e||"",layout:m,description:k,model:j||void 0,allowedTools:w||void 0,body:N,aiMeta:we.current||void 0,draftDir:Ve.current||void 0,version:be.trim()||void 0,engine:ne});Ve.current=null,e(Se.plugin,Se.skill)}catch(Se){if(Se instanceof Kt&&Se.status===409&&((Ne=Se.details)==null?void 0:Ne.code)==="skill-already-exists"){const ze=typeof Se.details.plugin=="string"?Se.details.plugin:"",ot=typeof Se.details.skill=="string"?Se.details.skill:Rr(f);le("Skill already existed — opened it."),Ve.current=null,e(ze,ot)}else M(Se.message)}finally{L(!1)}},[f,k,m,$e,j,w,N,be,re,ne,e,s]),Lt=c.useCallback(()=>{Ct&&(y(Ct.layout),x(Ct.plugins[0]),Je(!1))},[Ct]);return{mode:o,setMode:a,layout:i,layoutLoading:d,selectedLayout:m,setSelectedLayout:y,creatableLayouts:it,availablePlugins:Ke,pathPreview:nt,plugin:g,setPlugin:x,newPlugin:b,setNewPlugin:v,effectivePlugin:$e,name:f,setName:h,description:k,setDescription:E,model:j,setModel:T,allowedTools:w,setAllowedTools:C,body:N,setBody:R,bodyViewMode:I,setBodyViewMode:P,aiPrompt:G,setAiPrompt:K,generating:se,aiGenerated:J,aiError:Z,aiClassifiedError:D,aiProgress:Q,promptRef:ue,handleGenerate:yt,handleCancelGenerate:Et,clearAiError:st,targetAgents:F,setTargetAgents:B,draftSaved:Ye,showPluginRecommendation:rt,setShowPluginRecommendation:Je,pluginLayoutInfo:Ct,applyPluginRecommendation:Lt,creating:S,error:A,info:H,handleCreate:vt,engineDetection:V,refreshEngineDetection:W,engine:ne,setEngine:me,version:be,setVersion:_,versionValid:re,setVersionValid:$,standaloneLocked:n===3}}const x1={flushBySkillName:async()=>{}},Jd=c.createContext(x1);function g1(){return c.useContext(Jd)}function Xd(){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 y1(){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 Qd({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(Xd,{}):t.jsx(y1,{}),t.jsxs("span",{children:[e.name,e.type==="dir"?"/":""]})]}),(n=e.children)==null?void 0:n.map(s=>t.jsx(Qd,{node:s,depth:r+1},s.name))]})}function v1(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 b1({skillName:e,hasEvals:r,isDraft:n}){const s=v1(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(Xd,{})}),"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(Qd,{node:s})})]})}const rr={background:"var(--surface-3)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)"};function Js({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 k1({onCreated:e,onCancel:r}){const{flushBySkillName:n}=g1(),s=m1({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(Js,{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(Js,{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:{...rr,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(Sn,{entries:s.aiProgress,isRunning:!0}),s.aiError&&t.jsx("div",{children:s.aiClassifiedError?t.jsx(gs,{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(Js,{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:rr,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(Rr(o.target.value)),placeholder:"my-plugin",className:"w-full mt-2 px-3 py-2 rounded-lg text-[13px]",style:rr})]}),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(Rr(o.target.value,!1)),placeholder:"my-skill",className:"w-full px-3 py-2 rounded-lg text-[13px]",style:rr})]}),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:{...rr,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:rr,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:rr})]})]})]}),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:{...rr,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:wn(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(b1,{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 rl(){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 Zr({variant:e,message:r,onRetry:n}){const{setMode:s,setSearch:o}=It(),[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(rl,{}):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(rl,{}):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 j1(e,r){const[n,s]=e.split(".").map(Number),[o,a]=r.split(".").map(Number);return o>n?"major":a>s?"minor":"patch"}const w1={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 Zd(){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,g]=c.useState(null),[x,b]=c.useState(null),[v,k]=c.useState(!1),E=c.useCallback(async()=>{s(!0);try{const I=await de.getSkillUpdates();r(I.filter(P=>P.updateAvailable))}catch{r([])}finally{s(!1)}},[]);c.useEffect(()=>{E()},[E]);const j=c.useMemo(()=>e.filter(I=>!I.pinned),[e]),T=c.useCallback(I=>{a(P=>{const F=new Set(P);return F.has(I)?F.delete(I):F.add(I),F})},[]),w=c.useCallback(()=>{o.size===j.length?a(new Set):a(new Set(j.map(I=>I.name)))},[o,j]),C=c.useCallback(()=>{const I=[...o];if(!I.length)return;u(!0),l(new Map(I.map(F=>[F,{skill:F,status:"pending"}])));const P=de.startBatchUpdate(I);P.addEventListener("progress",F=>{try{const B=JSON.parse(F.data);l(S=>new Map(S).set(B.skill,B))}catch{}}),P.addEventListener("done",F=>{P.close(),u(!1);try{const B=JSON.parse(F.data);g(`Updated ${B.updated??0} skills, ${B.failed??0} failed`),setTimeout(()=>g(null),5e3)}catch{}E()}),P.addEventListener("error",()=>{P.close(),u(!1),g("Batch update failed"),setTimeout(()=>g(null),5e3)})},[o,E]),N=c.useCallback(async I=>{const P=I.name.split("/"),F=P.length>=3?P[P.length-2]:P[0],B=P[P.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 de.postSkillUpdate(F,B);if(S.ok)E();else{const L=`Update failed (HTTP ${S.status}): ${S.body}`;m(A=>new Map(A).set(I.name,L)),g(`Couldn't update ${B} — HTTP ${S.status}`),setTimeout(()=>g(null),5e3)}}catch(S){const L=S instanceof Error?S.message:"Network error";m(A=>new Map(A).set(I.name,L)),g(`Couldn't update ${B} — ${L}`),setTimeout(()=>g(null),5e3)}finally{f(S=>{const L=new Set(S);return L.delete(I.name),L})}},[E]),R=c.useCallback(async I=>{if(!I.latest)return;const P=I.name.split("/"),F=P.length>=3?P[P.length-2]:P[0],B=P[P.length-1];k(!0);try{const S=await de.getVersionDiff(F,B,I.installed,I.latest);b({skill:I,diff:S})}catch{b(null)}finally{k(!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:E,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 (",j.length,")"]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("button",{onClick:E,className:"btn btn-ghost text-[12px]",disabled:d,children:"Refresh"}),t.jsx("button",{onClick:C,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:w,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===j.length&&j.length>0?"var(--accent)":"var(--border-default)",background:o.size===j.length&&j.length>0?"var(--accent)":"transparent"},children:o.size===j.length&&j.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 P=I.name.split("/").pop()||I.name,F=I.latest?j1(I.installed,I.latest):"patch",B=w1[F],S=!!I.pinned,L=p.has(I.name),A=i.get(I.name),M=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&&T(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:M?"var(--accent)":"var(--border-default)",background:M?"var(--accent)":"transparent",opacity:S?.4:1},children:M&&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:P}),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:B.bg,color:B.text},children:F})]}),t.jsxs("div",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[I.installed," → ",I.latest||"?",S&&` (pinned at ${I.pinnedVersion||I.installed})`]})]}),A&&t.jsxs("span",{className:"text-[10px] font-medium px-1.5 py-0.5 rounded-full",style:{background:A.status==="done"?"var(--green-muted)":A.status==="error"?"var(--red-muted)":"var(--yellow-muted)",color:A.status==="done"?"var(--green)":A.status==="error"?"var(--red)":"var(--yellow)"},children:[A.status,A.error&&`: ${A.error}`]}),t.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[t.jsx("button",{onClick:()=>R(I),className:"btn btn-ghost text-[11px]",disabled:v,children:"View Changes"}),t.jsx("button",{onClick:()=>N(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"]}):(A==null?void 0:A.status)==="done"?t.jsx("span",{style:{color:"var(--green)"},children:"✓"}):"Update"})]})]})},I.name)})}),x&&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(ja,{contentDiff:x.diff.contentDiff,fromLabel:x.diff.from,toLabel:x.diff.to,diffSummary:x.diff.diffSummary,renderContext:"inline"})]})})]})}const S1=Object.freeze(Object.defineProperty({__proto__:null,UpdatesPanel:Zd},Symbol.toStringTag,{value:"Module"}));function C1(e){return e==null?"var(--text-tertiary)":e>=.7?"var(--green)":e>=.4?"var(--yellow)":"var(--red)"}function E1(e){return e==null?"var(--surface-3)":e>=.7?"var(--green-muted)":e>=.4?"var(--yellow-muted)":"var(--red-muted)"}function N1(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 eu(e){const{author:r,repoUrl:n}=e,s=N1(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 tu(e){let r=e.split("#")[0].split("?")[0].replace(/\/+$/,"");return r=r.replace(/\/(?:tree|blob)\/[^/]+(?:\/.*)?$/,""),r}function R1(e,r){const n=tu(e),s=(r??"").replace(/^\/+/,"").replace(/\/+$/,"");return s?`${n}/blob/HEAD/${s}`:`${n}/blob/HEAD/`}function nl(e){if(!e)return"source";const r=e.replace(/\/+$/,""),n=r.lastIndexOf("/");return n===-1?r:r.slice(n+1)}function ru(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?nl(n):s?nl(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=R1(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 T1=/^[A-Za-z0-9][A-Za-z0-9-]{0,38}$/,I1=/^[A-Za-z0-9._-]+$/;function L1(e){if(!e||typeof e!="string")return null;const r=e.trim();if(!r)return null;let n;try{n=tu(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!T1.test(i)||!l||!I1.test(l)?null:{owner:i,repo:l}}function A1(e){return!e||typeof e!="string"?null:e.trim().split("/").map(n=>n.trim()).filter(Boolean).at(-1)??null}function P1(e,r){const n=A1(r);return n?`https://verified-skill.com/skills/${[e.owner,e.repo,n].map(encodeURIComponent).join("/")}`:null}function $1(e){const r=L1(e.repoUrl??null);if(!r)return null;const n=P1(r,e.skillName)??`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 sl(e,r="info"){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function nu(e){return e.skill?F1({skill:e.skill,repoVisibility:e.repoVisibility,tenantName:e.tenantName}):z1({state:e.state,isReadOnly:e.isReadOnly,onDelete:e.onDelete})}function M1(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 F1({skill:e,repoVisibility:r,tenantName:n}){const[s,o]=c.useState(!1),a=r==="private",i=(e.sourcePath??e.dir)||"—",l=c.useCallback(async()=>{var p;try{await((p=navigator.clipboard)==null?void 0:p.writeText(i)),o(!0),setTimeout(()=>o(!1),1500),sl(O.toasts.pathCopied,"info")}catch{sl(O.toasts.permissionDenied,"error")}},[i]),d=e.source==="project"?"Project":e.source==="personal"?"Personal":e.source==="plugin"?"Plugins":e.origin==="installed"?"Personal":"Skills",u=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: ${d}`,style:{display:"inline-block",width:7,height:7,borderRadius:999,background:u}}),d]}),a&&t.jsx("span",{style:{marginLeft:"auto"},children:t.jsx(wg,{tenantName:n??"your org",variant:"inline"})})]}),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(bn,{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:p=>{p.currentTarget.style.color="var(--red)"},onMouseLeave:p=>{p.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(eu,{author:e.author??null,repoUrl:e.repoUrl??e.homepage??null}),t.jsx($1,{repoUrl:e.repoUrl??null,skillName:e.skill}),t.jsx(ru,{repoUrl:e.repoUrl??null,skillPath:e.skillPath??null,absolutePath:e.dir})]}),t.jsx(D1,{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:i,"aria-label":`Copy path ${i} to clipboard`,onClick:l,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:M1(i)}),t.jsxs("button",{"data-testid":"detail-header-copy-path",type:"button",onClick:l,"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"})]}),s?"Copied":"Copy"]})]})]})}function D1({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 z1({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,g=C1(h),x=E1(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(B1,{}),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(_1,{})}),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:x,color:g},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 B1(){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 _1(){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 nr(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 O1="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 W1(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:O1}),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:Xs,children:"Tests →"}),t.jsx("button",{type:"button","data-testid":"benchmark-info-link-run",onClick:()=>a("run"),style:Xs,children:"Run →"}),t.jsx("button",{type:"button","data-testid":"benchmark-info-close",onClick:o,style:{...Xs,marginLeft:"auto",color:"var(--text-secondary)"},children:"Close"})]})]})]})}const Xs={background:"transparent",border:"none",padding:0,fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-accent, var(--text-primary))",cursor:"pointer",textDecoration:"underline"};function U1(e){return`gh repo create ${e.trim()||"<repo-name>"} --public --source=. --remote=origin --push`}const H1="Add a GitHub remote: `gh repo create --public --source=.` (replace existing origin if needed).";function V1({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 ol({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 G1(e={}){const{status:r,loading:n}=hd();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(ol,{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(Ld,{remoteUrl:r.githubOrigin??"",provider:e.provider,model:e.model,privacy:"public"})})]});const s=r.status==="no-git"?U1(e.projectBasename??""):H1;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(ol,{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(V1,{value:s})]})]})}function K1({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(()=>{de.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 q1="https://verified-skill.com/docs/parameters-and-secrets",Y1="Stored as KEY=value in this skill's local .env.local (gitignored). Resolved from process.env first, then .env.local.";function al({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:Y1,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 J1(){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:q1,target:"_blank",rel:"noopener noreferrer",className:"text-[11px]",style:{color:"var(--accent)",textDecoration:"none"},children:"Learn more →"})]})}function X1({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,g]=c.useState(""),[x,b]=c.useState(""),[v,k]=c.useState(!1),[E,j]=c.useState(new Set),T=c.useCallback(async()=>{a(!0);try{const[R,I]=await Promise.all([de.getCredentials(e,r).catch(()=>({credentials:[]})),de.getParams(e,r).catch(()=>({params:[]}))]),P=new Map(I.params.map(S=>[S.name,S])),F=new Set,B=[];for(const S of R.credentials){F.add(S.name);const L=P.get(S.name);B.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)F.has(S.name)||B.push({name:S.name,status:S.status,maskedValue:S.maskedValue});s(B)}finally{a(!1)}},[e,r]);c.useEffect(()=>{T()},[T]);const w=c.useCallback(async R=>{if(E.has(R)){j(I=>{const P=new Set(I);return P.delete(R),P}),s(I=>I.map(P=>P.name===R?{...P,revealedValue:void 0}:P));return}try{const P=(await de.getParamsRevealed(e,r,R)).params.find(F=>F.name===R);P&&(s(F=>F.map(B=>B.name===R?{...B,revealedValue:P.value}:B)),j(F=>new Set(F).add(R)))}catch{}},[e,r,E]),C=async(R,I)=>{if(!(!R.trim()||!I.trim())){f(!0),m(null);try{await de.setCredential(e,r,R,I),l(null),u(""),j(new Set),T()}catch(P){m(P.message)}finally{f(!1)}}},N=async()=>{if(!(!y.trim()||!x.trim())){f(!0),m(null);try{await de.setCredential(e,r,y.trim().toUpperCase(),x),g(""),b(""),k(!1),T()}catch(R){m(R.message)}finally{f(!1)}}};return o?t.jsxs("div",{className:"mt-6",children:[t.jsx(al,{onToggleAdd:()=>{},addFormOpen:!1}),t.jsx("div",{className:"skeleton h-20 rounded-xl"})]}):t.jsxs("div",{className:"mt-6",children:[t.jsx(al,{onToggleAdd:()=>k(!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(J1,{}):t.jsx("div",{className:"rounded-xl overflow-hidden",style:{border:"1px solid var(--border-subtle)"},children:n.map(R=>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:R.name}),R.maskedValue&&t.jsx("span",{className:"text-[10px] font-mono truncate",style:{color:"var(--text-tertiary)",maxWidth:120},children:E.has(R.name)&&R.revealedValue!=null?R.revealedValue:R.maskedValue}),R.maskedValue&&t.jsx("button",{onClick:()=>w(R.name),className:"btn btn-ghost px-1",title:E.has(R.name)?"Hide value":"Reveal value",style:{color:"var(--text-tertiary)",lineHeight:1},children:E.has(R.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:R.status==="ready"?"var(--green-muted)":"var(--orange-muted)",color:R.status==="ready"?"var(--green)":"var(--orange)"},children:R.status==="ready"?"ready":"missing"}),R.source&&t.jsx("span",{className:"text-[9px]",style:{color:"var(--text-tertiary)"},children:R.source}),i===R.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"&&C(R.name,d)},className:"input-field text-[11px] font-mono",style:{width:160},placeholder:"Value...",autoFocus:!0}),t.jsx("button",{onClick:()=>C(R.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(R.name),u("")},className:"btn btn-ghost text-[10px] px-2 py-0.5",style:{color:"var(--accent)"},children:"Edit"})]},R.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:R=>g(R.target.value),className:"input-field flex-1 text-[11px] font-mono",placeholder:"KEY_NAME",autoFocus:!0}),t.jsx("input",{value:x,onChange:R=>b(R.target.value),onKeyDown:R=>{R.key==="Enter"&&N()},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:()=>{k(!1),g(""),b("")},className:"btn btn-ghost text-[10px]",children:"Cancel"}),t.jsx("button",{onClick:N,disabled:p||!y.trim()||!x.trim(),className:"btn btn-primary text-[10px]",children:p?"Saving...":"Save"})]})]})]})}function il({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 Q1({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(il,{children:"Setup"}),t.jsx(K1,{plugin:e,skill:r})]}),t.jsxs("section",{"data-testid":"overview-rightrail-credentials",children:[t.jsx(il,{children:"Credentials"}),t.jsx(X1,{plugin:e,skill:r})]})]})}function Z1(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 Kr(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 e0(e){switch(e.benchmarkStatus){case"pass":case"fail":case"stale":return e.benchmarkStatus==="pass"?"100%":e.benchmarkStatus==="fail"?"0%":"—";default:return"—"}}function t0(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 r0(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 n0(e){var f,h;const{skill:r,onNavigate:n,activationsCount:s=0,lastRunIso:o=null,repoUrl:a,skillPathInRepo:i}=e,l=a??(s0(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(bn,{version:r.resolvedVersion??r.version??null,source:r.versionSource,pluginName:r.pluginName??null}),t0(r),r0(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(eu,{author:r.author??null,repoUrl:l}),r.category?t.jsxs("span",{children:["· ",r.category]}):null,t.jsx(ru,{repoUrl:l,skillPath:i??null,absolutePath:r.dir}),r.lastModified?t.jsxs("span",{title:r.lastModified,children:["· Updated ",Kr(r.lastModified)]}):null]})]}),r.origin!=="installed"&&!r.pluginMarketplace&&r.installMethod!=="copied"&&r.installMethod!=="symlinked"&&t.jsx(G1,{}),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(nr,{title:"Benchmark",value:e0(r),subtitle:r.lastBenchmark?Kr(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(W1,{onNavigate:n})})}),t.jsx(nr,{title:"Tests",value:r.evalCount??0,subtitle:`${r.assertionCount??0} assertions`,"data-testid":"metric-tests",onClick:n?()=>n("tests"):void 0}),t.jsx(nr,{title:"Activations",value:s,subtitle:o?`Last: ${Kr(o)}`:"Never","data-testid":"metric-activations",onClick:n?()=>n("activation"):void 0}),t.jsx(nr,{title:"Last run",value:Kr(o??r.lastBenchmark??null),"data-testid":"metric-last-run",onClick:n?()=>n("history"):void 0}),t.jsx(nr,{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(nr,{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(nr,{title:"Size",value:Z1(r.sizeBytes),"data-testid":"metric-size"}),t.jsx(nr,{title:"Last modified",value:Kr(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(Q1,{plugin:r.plugin,skill:r.skill})]})}function s0(e){return e?/^https?:\/\/(?:www\.)?(?:github\.com|raw\.githubusercontent\.com)\//.test(e):!1}function o0({skill:e}){const{onSkillUpdated:r}=It(),{toast:n}=cs(),[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 k=await de.postSkillUpdate(e.plugin,e.skill,v.signal);if(k.ok)o("done"),r(e.plugin,e.skill),n({message:`Updated ${e.skill}.`,severity:"success",durationMs:4e3});else{const E=`Update failed (HTTP ${k.status}): ${k.body}`;o("idle"),i(E),n({message:`Couldn't update ${e.skill} — HTTP ${k.status}`,severity:"error",durationMs:0,action:{label:"Retry",onInvoke:()=>{y()}}})}}catch(k){if(k instanceof DOMException&&k.name==="AbortError")return;const E=k instanceof Error?k.message:"Network error";o("idle"),i(E),n({message:`Couldn't update ${e.skill} — ${E}`,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),de.getVersionDiff(e.plugin,e.skill,e.currentVersion??"",e.latestVersion).then(k=>{v||p(k)}).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 g=e.latestVersion,x=s==="updating"?"Updating…":g?`Update to ${g}`:"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:x}),t.jsx("button",{type:"button","data-testid":"update-action-toggle-changelog",onClick:()=>d(v=>!v),disabled:b||!g,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&&g&&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(ja,{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 a0=3e4;function i0({plugin:e,skill:r,trackedForUpdates:n=!0,discoveryBackedOff:s=!1}){const o=It(),[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 g=setInterval(()=>u(x=>(x+1)%1e6),250);return()=>clearInterval(g)},[a]),c.useEffect(()=>{if(!a||!m)return;const g=f.current??0;m.receivedAt<g||(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},a0);try{await de.rescanSkill(e,r),p.current&&(clearTimeout(p.current),p.current=null);const g=o.updatesById.get(h),x=f.current??0,b=!!g&&g.receivedAt>=x;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 l0(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 c0({tabs:e,active:r,onChange:n,parentTabId:s}){const[o,a]=c.useState(null),i=l=>{n?n(l):l0(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 d0=[{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 su(e){return d0.filter(r=>r.visibleWhen?r.visibleWhen({isReadOnly:e}):!0)}const u0={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 ns(e){return e?u0[e]??null:null}function Go(e){const r=new URLSearchParams(e),n=r.get("tab"),s=r.get("panel");return ns(n)??ns(s)??{tab:"overview"}}function ou(e,r){return!r||new Set(su(!0).map(s=>s.id)).has(e)?e:"source"}const Lr={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 sn(e){const r=Lr[e];return r&&r.length>0?r[0].id:""}function au(e,r){const n=Lr[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 p0(e){return e==="run"?"mode":e==="history"?"view":null}function f0(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 Qs(){const{state:e,setMobileView:r}=It();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 h0(e={}){if(e.selectedSkillInfo!==void 0||e.loadError!==void 0)return m0(e);const{state:r,selectSkill:n,setMode:s,refreshSkills:o}=It(),[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(Qs,{}),t.jsx(Zd,{})]});if(r.mode==="create")return t.jsxs("div",{className:"h-full overflow-auto animate-fade-in",children:[t.jsx(Qs,{}),t.jsx(k1,{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(Zr,{variant:"error",message:r.skillsError,onRetry:o}):!r.skillsLoading&&r.skills.length===0?t.jsx(Zr,{variant:"no-skills"}):!r.skillsLoading&&r.skills.length>0&&!r.skills.some(u=>u.scopeV2==="available-project")?t.jsx(Zr,{variant:"no-project-skills"}):t.jsx(Zr,{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(Qs,{}),t.jsx(x0,{skillInfo:d,allSkills:r.skills,onSelectSkill:u=>n(u)})]})}function m0(e){const r=e.selectedSkillInfo??null,n=e.activeDetailTab??"overview";if(r==null)return y0();if(e.loadError)return v0(r,e.loadError);const s=e.allSkills&&e.onSelectSkill?{allSkills:e.allSkills,onSelectSkill:e.onSelectSkill}:void 0,o=e.activeDetailSub??sn(n);return iu(r,n,e.onDetailTabChange,o,e.onDetailSubChange,s)}function x0({skillInfo:e,allSkills:r,onSelectSkill:n}){const s=c.useMemo(()=>typeof window>"u"?{tab:"overview"}:Go(window.location.search),[]),[o,a]=c.useState(s.tab),[i,l]=c.useState(()=>s.mode?s.mode:s.view?s.view:au(s.tab,typeof window<"u"?window.location.search:""));c.useEffect(()=>{if(!e||!(e.origin==="installed"))return;const p=ou(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(sn(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=p0(o),f=Lr[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?iu(e,o,a,i,l,{}):t.jsx(Zr,{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 g0(e,r,n){const s=su(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 y0(){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 v0(e,r){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,padding:24,background:"var(--bg-canvas)",height:"100%"},children:[nu({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 b0({active:e,sub:r}){if(e==="edit")return t.jsx(Hv,{});if(e==="tests")return t.jsx(Od,{});if(e==="run"){const n=Eb(r)?r:"benchmark";return t.jsx(Nb,{mode:n})}if(e==="history"){const n=d1(r)?r:"timeline";return t.jsx(u1,{view:n})}return null}function k0({active:e,sub:r}){const{state:n,dispatch:s}=xt();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 j0({skill:e}){const{visibility:r,repo:n}=Mg(e.repoUrl??null);return nu({skill:e,repoVisibility:r,tenantName:(n==null?void 0:n.ownerLogin)??null})}function iu(e,r,n,s="",o,a){var h;const i=e.origin==="installed",l=ou(r,i),d=m=>{const y=f0(m);n==null||n(y.tab),o&&(y.mode?o(y.mode):y.view&&o(y.view))},u=t.jsx(n0,{skill:e,onNavigate:d,repoUrl:e.homepage??null}),p=a!=null?t.jsxs(Oy,{plugin:e.plugin,skill:e.skill,origin:e.origin,children:[t.jsx(k0,{active:l,sub:s}),t.jsx(b0,{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:t.jsx(j0,{skill:e})}),t.jsx(o0,{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(i0,{plugin:e.plugin,skill:e.skill,trackedForUpdates:e.trackedForUpdates})}),g0(l,n,i),Lr[l]&&t.jsx(c0,{parentTabId:l,tabs:Lr[l],active:s||(((h=Lr[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(ib,{plugin:e.plugin,skill:e.skill}):p})]})}function w0(){const{updateCount:e,state:r,dismissUpdateNotification:n}=It(),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 lu=c.createContext(null),S0=1800*1e3,C0=3600*1e3;function E0(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 N0({children:e}){const r=hn(),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((j,T=null)=>j.available&&j.latestVersion&&!E0(T,j.latestVersion)?(a(j),l(w=>w==="ready"||w==="restarting"?w:"idle"),f(null),j):(a(null),l("idle"),f(null),null),[]),m=c.useCallback((j,T=null)=>h(La(j,n.current),T),[h]),y=c.useCallback(async()=>{if(!r.available)return null;l(j=>j==="installing"||j==="restarting"?j:"checking"),f(null);try{const[j,T]=await Promise.all([r.getSettings().catch(()=>null),r.checkForUpdates()]);return s.current=Date.now(),h(T,j)}catch(j){const T=j instanceof Error?j.message:String(j);return l("error"),f(T),null}},[h,r]),g=c.useCallback(()=>{r.available&&(Date.now()-s.current<S0||y())},[r.available,y]);c.useEffect(()=>{if(!r.available)return;let j=!1;const T=[];return r.getAppMetadata().then(w=>{n.current=w.version}).catch(()=>{}),(async()=>{const[w,C,N,R]=await Promise.all([Nn("updater://available",P=>{j||m(P.payload)}),Nn("updater://check-result",P=>{j||m(P.payload)}),Nn("updater://restart-required",P=>{j||(l("ready"),a(F=>{var B,S;return F??La({available:!0,version:((B=P.payload)==null?void 0:B.version)??null,notes:((S=P.payload)==null?void 0:S.notes)??null},n.current)}))}),Nn("updater://error",P=>{var F;j||(l("error"),f(((F=P.payload)==null?void 0:F.message)??"Update failed."))})]);for(const P of[w,C,N,R])P&&T.push(P);const I=await r.getSettings().catch(()=>null);!j&&((I==null?void 0:I.updates.autoCheck)??!0)&&await y()})(),()=>{j=!0;for(const w of T)w()}},[m,r,y]),c.useEffect(()=>{if(!r.available)return;const j=()=>g(),T=()=>{document.visibilityState==="visible"&&g()};window.addEventListener("focus",j),document.addEventListener("visibilitychange",T);const w=setInterval(()=>g(),C0);return()=>{window.removeEventListener("focus",j),document.removeEventListener("visibilitychange",T),clearInterval(w)}},[r.available,g]);const x=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((j,T)=>{u({bytes:j,total:T})}),l("ready"),!0}catch(j){return l("error"),f(j instanceof Error?j.message:String(j)),!1}},[r,i,o]),b=c.useCallback(async()=>{if(i==="restarting")return!1;l("restarting"),f(null);try{return await r.restartApp(),!0}catch(j){return l("error"),f(j instanceof Error?j.message:String(j)),!1}},[r,i]),v=c.useCallback(async()=>{if(!o||i==="installing"||i==="restarting")return;if(i==="ready"){await b();return}await x()&&await b()},[x,i,b,o]),k=c.useCallback(()=>r.openPreferences("updates").catch(()=>{}),[r]),E=c.useMemo(()=>({update:o,phase:i,progress:d,error:p,available:!!o,checkNow:y,install:x,restart:b,installAndRestart:v,openDetails:k}),[o,i,d,p,y,x,b,v,k]);return t.jsx(lu.Provider,{value:E,children:e})}function R0(){const e=c.useContext(lu);if(!e)throw new Error("useAppUpdater must be used inside AppUpdaterProvider");return e}function T0(){var u;const e=R0(),{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 I0=[{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 L0({open:e,onClose:r,groups:n=I0,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 A0(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 P0({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??A0(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,g=e.y;return y+h+f>window.innerWidth&&(y=Math.max(f,e.x-h)),g+m+f>window.innerHeight&&(g=Math.max(f,e.y-m)),{left:y,top:g}},[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 $0=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function M0(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 g;return(g=f.current)==null?void 0:g.focus()}),()=>{var g,x;(x=(g=h.current)==null?void 0:g.focus)==null||x.call(g),h.current=null}),[]),c.useEffect(()=>{function g(x){x.key==="Escape"&&(x.stopPropagation(),s())}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[s]);const m=i||o.target==="plugin"&&!o.plugin.trim()||o.target==="new-plugin"&&!$0.test(o.pluginName.trim()),y=c.useCallback(async g=>{if(g.preventDefault(),!m){l(!0),u(null);try{const x={source:r.skill,sourcePlugin:r.plugin,target:o.target};o.target==="plugin"&&(x.plugin=o.plugin.trim()),o.target==="new-plugin"&&(x.pluginName=o.pluginName.trim());const b=await fetch("/api/skills/clone",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(x)}),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(x){u(x.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:F0,onClick:g=>{g.target===g.currentTarget&&s()},children:t.jsxs("form",{onSubmit:y,style:D0,children:[t.jsx("h2",{id:"clone-dialog-title",style:z0,children:"Clone to authoring"}),t.jsxs("p",{style:B0,children:["Fork ",t.jsx("code",{style:cl,children:r.skill})," into the authoring scope so you can edit it."]}),t.jsxs("fieldset",{style:_0,children:[t.jsx("legend",{style:O0,children:"Target"}),t.jsxs("label",{style:Zs,children:[t.jsx("input",{type:"radio",name:"target",value:"standalone",checked:o.target==="standalone",onChange:()=>a(g=>({...g,target:"standalone"})),"data-testid":"clone-target-standalone"}),t.jsxs("span",{style:eo,children:[t.jsx("strong",{children:"Standalone"}),t.jsxs("span",{style:to,children:["Lands at ",t.jsxs("code",{style:cl,children:["skills/",r.skill,"-fork/"]})]})]})]}),t.jsxs("label",{style:Zs,children:[t.jsx("input",{type:"radio",name:"target",value:"plugin",checked:o.target==="plugin",onChange:()=>a(g=>({...g,target:"plugin"})),"data-testid":"clone-target-plugin"}),t.jsxs("span",{style:eo,children:[t.jsx("strong",{children:"Add to existing plugin"}),t.jsx("span",{style:to,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:g=>a(x=>({...x,plugin:g.target.value})),"data-testid":"clone-plugin-input",autoFocus:!0,style:ll}),t.jsxs("label",{style:Zs,children:[t.jsx("input",{type:"radio",name:"target",value:"new-plugin",checked:o.target==="new-plugin",onChange:()=>a(g=>({...g,target:"new-plugin"})),"data-testid":"clone-target-new-plugin"}),t.jsxs("span",{style:eo,children:[t.jsx("strong",{children:"Create new plugin"}),t.jsx("span",{style:to,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:g=>a(x=>({...x,pluginName:g.target.value})),"data-testid":"clone-new-plugin-name-input",autoFocus:!0,style:ll})]}),d&&t.jsx("div",{role:"alert",style:W0,"data-testid":"clone-error",children:d}),t.jsxs("div",{style:U0,children:[t.jsx("button",{type:"button",ref:f,onClick:s,disabled:i,style:H0,"data-testid":"clone-cancel",children:"Cancel"}),t.jsx("button",{type:"submit",disabled:m,style:V0,"data-testid":"clone-submit",children:i?"Cloning…":"Clone"})]})]})})}const F0={position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},D0={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))"},z0={fontSize:18,fontWeight:700,margin:0},B0={margin:"12px 0 18px",fontSize:14,color:"var(--text-muted, #555)"},_0={border:"none",padding:0,margin:"0 0 16px"},O0={fontSize:12,fontWeight:600,textTransform:"uppercase",letterSpacing:1.2,color:"var(--text-muted, #555)",padding:0,marginBottom:10},Zs={display:"flex",alignItems:"flex-start",gap:10,padding:"10px 4px",cursor:"pointer",borderRadius:6},eo={display:"flex",flexDirection:"column",gap:2,fontSize:14},to={fontSize:12,color:"var(--text-muted, #777)"},ll={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)"},cl={fontFamily:"var(--font-geist-mono, monospace)",fontSize:13,padding:"1px 6px",borderRadius:4,background:"rgba(127,127,127,0.12)"},W0={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"},U0={display:"flex",justifyContent:"flex-end",gap:8,marginTop:8},H0={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},V0={padding:"8px 16px",borderRadius:6,border:"1px solid var(--accent, #06b6d4)",background:"var(--accent, #06b6d4)",color:"#fff",cursor:"pointer",fontSize:14,fontWeight:600},dl=e=>`${e.plugin}/${e.skill}`;function ul(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)??de.deleteSkill.bind(de),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 k,E;try{await l.current(v.skill.plugin,v.skill.skill),(k=a.current)==null||k.call(a,v.skill)}catch(j){(E=i.current)==null||E.call(i,v.skill,j)}finally{d.current.delete(dl(v.skill)),p()}},[p]),h=c.useCallback(v=>{const k=dl(v),E=d.current.get(k);E!=null&&E.timeoutId&&clearTimeout(E.timeoutId);const j={skill:v,timeoutId:null};j.timeoutId=setTimeout(()=>{j.timeoutId=null,f(j)},r),d.current.set(k,j),p()},[r,f,p]),m=c.useCallback(v=>{const k=d.current.get(v);k&&(k.timeoutId&&clearTimeout(k.timeoutId),d.current.delete(v),p())},[p]),y=c.useCallback(async()=>{const v=Array.from(d.current.values());for(const k of v)k.timeoutId&&(clearTimeout(k.timeoutId),k.timeoutId=null);await Promise.all(v.map(k=>f(k)))},[f]),g=c.useCallback(v=>d.current.has(v),[]),x=c.useCallback(async v=>{const k=d.current.get(v);k&&(k.timeoutId&&(clearTimeout(k.timeoutId),k.timeoutId=null),await f(k))},[f]),b=c.useCallback(async v=>{const k=Array.from(d.current.values()).filter(E=>E.skill.skill===v);for(const E of k)E.timeoutId&&(clearTimeout(E.timeoutId),E.timeoutId=null);await Promise.all(k.map(E=>f(E)))},[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 k of v.values())k.timeoutId&&(clearTimeout(k.timeoutId),k.timeoutId=null,f(k));v.clear()}},[]),{enqueueDelete:h,cancelDelete:m,flushPending:y,isPending:g,flushKey:x,flushBySkillName:b}}const G0={"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 K0(e){return e?G0[e]??null:null}function q0({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=K0(r),a=(o==null?void 0:o.name)??O.setupDrawer.fallbackTitle;return Fr.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(Y0,{title:a,onClose:n}),t.jsx("div",{"data-testid":"setup-drawer-body",style:{flex:1,overflowY:"auto",padding:"16px 20px"},children:o?t.jsx(J0,{content:o}):t.jsx(X0,{})}),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 Y0({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 J0({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(Q0,{name:s})},s))})]}),e.keyUrl&&t.jsx(Z0,{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(ro,{code:s},`install-${o}`)),(n=e.start)==null?void 0:n.map((s,o)=>t.jsx(ro,{code:s},`start-${o}`)),e.pullExample&&t.jsx(ro,{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 X0(){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 Q0({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 ro({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 Z0({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 ek(){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 tk(e){return(e instanceof DOMException||e instanceof Error)&&e.name==="AbortError"}function rk(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 pl(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=rk(o);a&&r(a),s=n.indexOf(`
+
+`)}return n}function cu(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 g=u.statusText?` ${u.statusText}`:"";throw new Error(`SSE stream failed: HTTP ${u.status}${g}`)}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:g,value:x}=await p.read();if(g)break;h=pl(h+f.decode(x,{stream:!0}),r.onEvent)}const m=f.decode();(m||h)&&pl(`${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&&tk(u))return;o=!0,(d=r.onError)==null||d.call(r,u instanceof Error?u:new Error(String(u)))}})(),{close:a}}function wa(e){return(e==null?void 0:e.fetchImpl)??fetch}async function du(e){const n=await wa(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 nk(e,r){const s=await wa(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 sk(e,r,n){const s=wa(n),o=e.startsWith("/")?e:`/api/studio/install-skill/${encodeURIComponent(e)}/stream`;let a;return a=cu(o,{fetchImpl:s,timeoutMessage:"install-skill SSE stream timed out",onEvent:({event:i,data:l})=>{var d;if(i==="result"){try{const u=JSON.parse(l);r.onResult(u)}catch(u){(d=r.onError)==null||d.call(r,u instanceof Error?u:new Error(String(u)))}return}if(i==="done"){let u={results:[]};try{u=JSON.parse(l)}catch{}a.close(),r.onDone(u)}},onError:i=>{var l;return(l=r.onError)==null?void 0:l.call(r,i)}}),a}function ok(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 ak(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 ik(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 lk({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=k=>{p.current&&!p.current.contains(k.target)&&i()},v=setTimeout(()=>{document.addEventListener("mousedown",b)},0);return()=>{clearTimeout(v),document.removeEventListener("mousedown",b)}},[i]);const f=c.useMemo(()=>ik(e),[e]),[h,m]=c.useState(null),[y,g]=c.useState(null);c.useEffect(()=>{if(l!=="installMode")return;let b=!1;return(u??du)().then(k=>{b||m(k)}).catch(k=>{b||g(k instanceof Error?k.message:String(k))}),()=>{b=!0}},[l,u]);const x=e.find(b=>b.id===n)??e.find(b=>b.id===r)??e[0];return typeof document>"u"?null:Fr.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(dk,{supported:h,error:y,focusedAgentId:n,activeAgentId:r,onFocus:s,onRequestInstall:d}):t.jsx(ck,{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:x?t.jsx(hk,{agent:x,activeAgentId:r,onSwitch:()=>o(x.id)}):t.jsx(uu,{})})]}),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 ck({rows:e,activeAgentId:r,focusedAgentId:n,onFocus:s}){return e.detected.length===0&&e.notDetected.length===0?t.jsx(uu,{}):t.jsxs(t.Fragment,{children:[e.detected.map(o=>o.kind==="aggregate"?t.jsx(pk,{row:o,onFocus:()=>{var a;return s(((a=o.consumers[0])==null?void 0:a.id)??r??"")}},o.key):t.jsx(uk,{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(fk,{agent:o.agent},o.key))]})]})}function dk({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=ok(e);return t.jsxs(t.Fragment,{children:[t.jsx(no,{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(so,{agent:l,focused:l.id===n,active:l.id===s,onClick:()=>o(l.id),kind:"detected"},l.id)}),t.jsx(no,{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(so,{agent:l,focused:l.id===n,active:!1,onClick:()=>o(l.id),kind:"available",onRequestInstall:a},l.id)}),t.jsx(no,{testId:"agent-scope-section-cloud",title:"Cloud only (paste required)",agents:i.cloud,emptyHint:"No cloud-only tools available.",renderRow:l=>t.jsx(so,{agent:l,focused:l.id===n,active:!1,onClick:()=>o(l.id),kind:"cloud",onRequestInstall:a},l.id)})]})}function no({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 so({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 uk({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 pk({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 fk({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 hk({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":xk(e.health)})]}),t.jsxs("dl",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"4px 12px",margin:0,fontSize:12},children:[t.jsx(Bn,{label:O.scopePicker.statsInstalled,value:String(e.installedCount)}),t.jsx(Bn,{label:O.scopePicker.statsGlobal,value:String(e.globalCount)}),t.jsx(Bn,{label:O.scopePicker.statsPlugins,value:String(e.pluginCount??0)}),t.jsx(Bn,{label:O.scopePicker.statsLastSync,value:e.lastSync?mk(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 Bn({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 uu(){return t.jsx("div",{style:{padding:"16px 18px",fontSize:12,color:"var(--text-secondary)"},children:"No agents detected yet."})}function mk(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 xk(e){switch(e){case"ok":return O.scopePicker.statsHealthOk;case"stale":return O.scopePicker.statsHealthStale;case"missing":return O.scopePicker.statsHealthMissing}}function gk(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 yk({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(lk,{agents:e,activeAgentId:r,focusedAgentId:i??r,onFocusAgent:l,onSwitch:h,onOpenSetup:m=>{s(m),f()},onClose:f})]})}const pu="vskill-ccode-banner-dismissed",vk=new Set(["claude-cli","claude-code"]);function bk(){try{return sessionStorage.getItem(pu)==="true"}catch{return!1}}function kk(){try{sessionStorage.setItem(pu,"true")}catch{}}function jk({activeAgentId:e}){const[r,n]=c.useState(()=>bk()),s=c.useCallback(()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:open-setup-drawer",{detail:{provider:"claude-code"}}))},[]),o=c.useCallback(()=>{kk(),n(!0)},[]);return!e||!vk.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 wk(){const[e,r]=c.useState(null),[n,s]=c.useState("loading"),[o,a]=c.useState(null),i=c.useCallback(async()=>{try{const l=await de.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",Sk=["skills","agents"];async function Ck(){const e=await fetch("/api/workspace");if(!e.ok)throw new Error(`GET /api/workspace failed: ${e.status}`);return await e.json()}class Ek extends Error{constructor(r,n,s){super(r),this.name="SwitchProjectError",this.status=n,this.fallbackCommand=s}}async function Nk(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 Ek(n.error??`POST /api/workspace/active failed: ${r.status}`,r.status,n.fallbackCommand)}return await r.json()}async function Rk(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 Tk(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 oo(){for(const e of Sk)Be(e);typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:project-changed"))}function Ik(){const{data:e,loading:r,error:n,revalidate:s}=St(_n,Ck),o=e,a=o==null?void 0:o.projects.find(u=>u.id===o.activeProjectId),i=c.useCallback(async u=>{const p=await Nk(u);return Be(_n),oo(),{skillCount:p.skillCount}},[]),l=c.useCallback(async u=>{const p=await Rk(u);Be(_n),oo();const f=p.projects.find(h=>h.path===u.path);return{id:f==null?void 0:f.id}},[]),d=c.useCallback(async u=>{await Tk(u),Be(_n),oo()},[]);return{workspace:o,activeProject:a,loading:r,error:n,switchProject:i,addProject:l,removeProject:d,revalidate:s}}function Lk(){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 Ak({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),[g,x]=c.useState(null),[b,v]=c.useState(null),[k,E]=c.useState(!1),[j,T]=c.useState(null),w=c.useRef(null);async function C(S){if(j)return!1;T(S.id),h(null);try{const L=await r(S.id),A=L&&typeof L=="object"&&"skillCount"in L?L.skillCount:void 0,M=A!=null?` — ${A} ${A===1?"skill":"skills"}`:"";return window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:`Switched to ${S.name}${M}`,severity:"success"}})),i(!1),!0}catch(L){const A=L&&typeof L=="object"&&"fallbackCommand"in L?L.fallbackCommand:void 0;return v(A??`cd "${S.path}" && npx vskill@latest studio`),x({id:S.id,name:S.name,path:S.path}),!1}finally{T(null)}}async function N(S){const L=R.find(A=>A.path===S);if(L)return C(L);try{const A=await n({path:S}),M=A&&typeof A=="object"?A.id:void 0,H=S.split(/[\\/]/).filter(Boolean).pop()??S;return M?C({id:M,name:H,path:S}):(i(!1),!0)}catch(A){const M=A instanceof Error?A.message:String(A);return/does not exist/i.test(M)?h(`Path not found on disk: ${S}`):/duplicate/i.test(M)?h("That project is already registered."):h(M),d(!0),!1}}const R=(e==null?void 0:e.projects)??[],I=R.find(S=>S.id===(e==null?void 0:e.activeProjectId));c.useEffect(()=>{if(!a)return;function S(L){w.current&&!w.current.contains(L.target)&&(i(!1),d(!1),h(null))}return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[a]);async function P(){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 N(S)&&p("")}async function F(){if(h(null),sc()){try{const{open:S}=await or(async()=>{const{open:A}=await import("./index-DDNzcrhv.js");return{open:A}},__vite__mapDeps([7,1])),L=await S({directory:!0,multiple:!1,title:"Open project folder"});typeof L=="string"&&L&&await N(L)}catch(S){h(S instanceof Error?S.message:String(S))}return}d(!0)}function B(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:w,"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:[R.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."}),R.length>0&&t.jsx("ul",{role:"none",style:{listStyle:"none",margin:0,padding:4,maxHeight:320,overflowY:"auto"},children:R.map(S=>{const L=o?o(S.path):!1,A=S.id===(e==null?void 0:e.activeProjectId),M=m===S.id,H=j!==null,le=j===S.id,V=A||le;return t.jsxs("li",{role:"menuitem","data-stale":L?"true":"false","data-switching":le?"true":"false","aria-busy":le||void 0,onMouseEnter:()=>y(S.id),onMouseLeave:()=>y(U=>U===S.id?null:U),onClick:()=>{if(!(L||H)){if(A){i(!1);return}C(S)}},style:{display:"flex",alignItems:"center",gap:10,padding:"8px 10px",borderRadius:6,cursor:L||H?le?"progress":"not-allowed":"pointer",background:M&&!L&&!H?"var(--surface-2, rgba(0,0,0,0.04))":V?"var(--surface-1, rgba(0,0,0,0.02))":"transparent",opacity:L?.5:H&&!le?.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:V?"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:V?600:500,color:"var(--text-primary)",lineHeight:1.3},children:[t.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:S.name}),le?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(Lk,{}),"Switching…"]}):A&&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:B(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:U=>{U.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:M?1:0,transition:"opacity 120ms ease, color 120ms ease, background-color 120ms ease",flexShrink:0},onMouseEnter:U=>{U.currentTarget.style.color="var(--color-error, #b91c1c)",U.currentTarget.style.backgroundColor="color-mix(in oklch, var(--color-error, #b91c1c) 10%, transparent)"},onMouseLeave:U=>{U.currentTarget.style.color="var(--text-tertiary)",U.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 F(),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"&&P(),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 P(),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})]})]})]}),g&&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:()=>{x(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 ",g.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 "${g.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 "${g.path}" && npx vskill@latest studio`),E(!0),setTimeout(()=>E(!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:k?"Copied!":"Copy command"}),t.jsx("button",{type:"button",onClick:()=>{x(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 Pk(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 $k({open:e,projects:r,onSwitch:n,onClose:s}){const[o,a]=c.useState(""),[i,l]=c.useState(0),d=c.useMemo(()=>Pk(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 fl=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function Mk({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,g]=c.useState(""),[x,b]=c.useState([]),[v,k]=c.useState(!1),[E,j]=c.useState(null);if(c.useEffect(()=>{e&&(l("destination"),u(n),f(""),m(""),g(""),j(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 T=x.length>0,w=s&&T,C=s,N=fl.test(p),R=d==="existing-plugin"?h.length>0:fl.test(h),I=!v&&N&&(d==="standalone"||R),P=Fk(o,d,h,p);async function F(){j(null),k(!0);try{const A=new URLSearchParams;A.set("mode",d),A.set("skillName",p),h&&A.set("pluginName",h);const M=await fetch(`/api/authoring/skill-exists?${A.toString()}`),H=await M.json();if(!M.ok){j(H.error??`Check failed: ${M.status}`);return}if(H.exists){j(`Skill '${p}' already exists${H.path?` at ${H.path}`:""}`);return}}catch(A){j(A instanceof Error?A.message:String(A));return}finally{k(!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 B(){j(null),k(!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){j(L.error??`Create failed: ${S.status}`);return}Be("skills"),a==null||a({mode:d,skillName:p,pluginName:L.pluginName??null,skillMdPath:L.skillMdPath}),r()}catch(S){j(S instanceof Error?S.message:String(S))}finally{k(!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(ao,{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(ao,{title:"Add to existing plugin",subtitle:w?`${x.length} plugin source${x.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:!w,selected:d==="existing-plugin",onClick:()=>w&&u("existing-plugin")}),t.jsx(ao,{title:"Plugin (multi-skill)",subtitle:C?"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:!C,selected:d==="new-plugin",onClick:()=>C&&u("new-plugin")})]}),i==="details"&&t.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:12},children:[d==="new-plugin"&&t.jsx(On,{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:Wn(!h||R)})}),d==="existing-plugin"&&t.jsx(On,{label:"Plugin",children:t.jsxs("select",{value:h,onChange:S=>m(S.target.value),style:{...Wn(!0),fontFamily:"var(--font-mono)"},children:[t.jsx("option",{value:"",children:"Select a plugin…"}),x.map(S=>t.jsx("option",{value:S.name,children:S.name},S.path))]})}),t.jsx(On,{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:Wn(!p||N)})}),t.jsx(On,{label:"Description",hint:"One short sentence — shown in frontmatter",children:t.jsx("textarea",{value:y,onChange:S=>g(S.target.value),rows:2,placeholder:"Does a thing when Claude needs X",style:{...Wn(!0),resize:"vertical",minHeight:52,fontFamily:"var(--font-sans)"}})}),P&&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:"}),P.map((S,L)=>t.jsx("div",{children:S},L))]}),E&&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:E})]}),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:io,children:"Cancel"}),i==="destination"&&t.jsx("button",{type:"button",onClick:()=>l("details"),style:hl,children:"Continue →"}),i==="details"&&t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button",onClick:()=>l("destination"),style:io,children:"← Back"}),t.jsx("button",{type:"button",onClick:()=>void F(),disabled:!I,style:{...io,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 B(),disabled:!I,style:{...hl,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 ao({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 On({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 Wn(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 hl={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"},io={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 Fk(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 fu(e){return e.trim().toLowerCase()}function Dk(e,r){const n=fu(r);return n?e.filter(s=>s.name.toLowerCase().includes(n)||s.source.toLowerCase().includes(n)):e}function zk(e,r){const n=fu(r);return n?e.filter(s=>[s.name,s.description??"",s.category??"",s.author??""].join(" ").toLowerCase().includes(n)):e}function Bk({open:e,onClose:r,onInstall:n,onUninstall:s,installedNames:o,privatePlugins:a}){const[i,l]=c.useState(null),[d,u]=c.useState([]),[p,f]=c.useState(null),[h,m]=c.useState(null),[y,g]=c.useState(!1),[x,b]=c.useState(null),[v,k]=c.useState(""),[E,j]=c.useState("");c.useEffect(()=>{p?k(""):j("")},[p]);const T=c.useMemo(()=>Dk(d,v),[d,v]),w=c.useMemo(()=>zk((h==null?void 0:h.plugins)??[],E),[h,E]);return c.useEffect(()=>{e&&(g(!0),b(null),fetch("/api/plugins/marketplaces").then(C=>C.json()).then(C=>{if(C.error)throw new Error(C.error);u(C.marketplaces??[])}).catch(C=>b(C instanceof Error?C.message:String(C))).finally(()=>g(!1)))},[e]),c.useEffect(()=>{if(!p){m(null);return}g(!0),b(null),fetch(`/api/plugins/marketplaces/${encodeURIComponent(p)}`).then(C=>C.json()).then(C=>{if(C.error)throw new Error(C.error);m(C)}).catch(C=>b(C instanceof Error?C.message:String(C))).finally(()=>g(!1))},[p]),c.useEffect(()=>{if(!e)return;function C(N){N.key==="Escape"&&r()}return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[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:[p&&t.jsx("button",{type:"button",onClick:()=>f(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:p?(h==null?void 0:h.name)??p:"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:[y&&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}),!p&&a&&a.length>0&&t.jsx(_k,{plugins:a}),!p&&!y&&d.length===0&&!x&&t.jsx(Ok,{}),!p&&d.length>0&&t.jsx(ml,{value:v,onChange:k,placeholder:"Search marketplaces…",ariaLabel:"Search marketplaces",testId:"marketplace-search"}),!p&&d.length>0&&T.length===0&&t.jsxs("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:["No marketplaces match “",v,"”."]}),!p&&T.map(C=>t.jsxs("button",{type:"button",onClick:()=>f(C.name),style:Uk,onMouseEnter:N=>{N.currentTarget.style.background="var(--surface-2, rgba(0,0,0,0.04))"},onMouseLeave:N=>{N.currentTarget.style.background="transparent"},children:[t.jsx("div",{style:{fontSize:13,fontWeight:600,color:"var(--text-primary)"},children:C.name}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-mono)",marginTop:2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:C.source})]},C.name)),p&&h&&t.jsxs(t.Fragment,{children:[h.description&&t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)",padding:"0 6px 12px",lineHeight:1.5},children:h.description}),h.plugins.length===0&&t.jsx("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:"This marketplace has no plugins catalogued yet."}),h.plugins.length>0&&t.jsx(ml,{value:E,onChange:j,placeholder:"Search plugins…",ariaLabel:"Search plugins",testId:"plugin-search"}),h.plugins.length>0&&w.length===0&&t.jsxs("div",{style:{padding:12,fontSize:12,color:"var(--text-tertiary)"},children:["No plugins match “",E,"”."]}),w.map(C=>{const N=o.has(C.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:[C.name,C.version&&t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)"},children:C.version}),C.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:C.category})]}),C.description&&t.jsx("div",{style:{fontSize:11,color:"var(--text-secondary)",marginTop:4,lineHeight:1.5},children:C.description})]}),N&&s?t.jsx("button",{type:"button",disabled:i===C.name,onClick:async()=>{l(C.name);try{await s(C.name)}finally{l(null)}},"aria-label":`Uninstall ${C.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:i===C.name?"wait":"pointer",opacity:i===C.name?.6:1,fontFamily:"inherit"},children:i===C.name?"Uninstalling…":"Uninstall"}):t.jsx("button",{type:"button",disabled:N,onClick:()=>n(C.name,p),style:{flexShrink:0,padding:"5px 12px",fontSize:12,fontWeight:600,border:N?"none":"1px solid var(--color-action, #2F5B8E)",borderRadius:4,background:N?"var(--surface-2, rgba(0,0,0,0.05))":"var(--color-action, #2F5B8E)",color:N?"var(--text-tertiary)":"var(--color-action-ink, #FFFFFF)",cursor:N?"default":"pointer",fontFamily:"inherit",boxShadow:N?"none":"0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.12)"},children:N?"Installed":"Install"})]})},C.name)})]})]}),!p&&t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",padding:12},children:t.jsx(Wk,{onAdded:()=>{Be("marketplaces"),fetch("/api/plugins/marketplaces").then(C=>C.json()).then(C=>u(C.marketplaces??[]))}})})]})]}):null}function ml({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 _k({plugins:e}){return t.jsxs("section",{"data-testid":"marketplace-private-plugins","aria-label":"Your private plugins",style:{marginBottom:12,padding:"10px 10px 6px",borderRadius:6,background:"#FFFBEB",border:"1px solid #FCD34D"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:6,fontSize:11,fontWeight:700,letterSpacing:"0.04em",textTransform:"uppercase",color:"#92400E"},children:[t.jsx("span",{"aria-hidden":"true",children:"🔒"}),"Your private plugins"]}),e.map(r=>t.jsxs("div",{style:{padding:"6px 4px",borderTop:"1px solid rgba(146,64,14,0.12)"},children:[t.jsx("div",{style:{fontSize:13,fontWeight:600,color:"#7C2D12"},children:r.name}),t.jsx("div",{style:{fontSize:11,color:"#92400E",fontFamily:"var(--font-mono)",opacity:.8,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:r.repoFullName})]},r.name))]})}function Ok(){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 Wk({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 Uk={display:"block",width:"100%",textAlign:"left",padding:"10px 12px",border:"none",borderRadius:6,background:"transparent",cursor:"pointer",fontFamily:"inherit",marginBottom:2},lo=12;function Hk({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 g=y.body.getReader(),x=new TextDecoder;let b="";for(;;){const{value:v,done:k}=await g.read();if(k)break;b+=x.decode(v,{stream:!0});const E=b.split(/\n\n/);b=E.pop()??"";for(const j of E){const T=j.match(/^data:\s*(.*)$/m);if(T)try{const w=JSON.parse(T[1]);w.type==="stdout"&&w.line?(h=[...h,w.line].slice(-lo),s(h)):w.type==="stderr"&&w.line?(h=[...h,`⚠ ${w.line}`].slice(-lo),s(h)):w.type==="done"?(m=w.ok?"ok":"failed",a(m),xc(),Be("skills"),r({ok:w.ok??!1,code:w.code??null,lines:h})):w.type==="error"&&w.error&&(h=[...h,`✘ ${w.error}`].slice(-lo),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(Vk,{}):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 Vk(){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 Gk(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 Kk(e){if(typeof navigator<"u"&&navigator.clipboard){await navigator.clipboard.writeText(e);return}throw new Error("Clipboard API unavailable in this environment")}function qk({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=g=>{g.key==="Escape"&&(g.preventDefault(),i())};return document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[i]);const m=c.useCallback(async()=>{const y=l??Kk;try{await y(n),p(!0),h(null)}catch(g){h(g instanceof Error?g.message:String(g))}},[n,l]);return typeof document>"u"?null:Fr.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:10040},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 Yk(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 Jk(e,r,n,s){if(!n||!n.scopes)return{kind:"not-installed"};const o=r==="project"?"user":"project",a=n.scopes[r],i=n.scopes[o];if(!a||!i)return{kind:"not-installed"};const l=a.installed&&a.installedAgentTools.includes(e),d=i.installed&&i.installedAgentTools.includes(e);if(!l)return d?{kind:"installed-other-scope",otherScope:o,version:i.version}:{kind:"not-installed"};const u=a.version;if(!u||!s)return{kind:"installed-current",version:u};const p=Yk(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 Xk=Object.freeze({"claude-cli":"claude-code","codex-cli":"codex"});function xl(e){return e?Xk[e]??e:null}function Qk(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 Zk(e){switch(e){case"installed":return"Installed";case"exported":return"Exported";case"skipped":return"Skipped";case"error":return"Error"}}function Ko(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 ej({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 ae;const y=c.useRef(null),[g,x]=c.useState("loading"),[b,v]=c.useState([]),[k,E]=c.useState(null),[j,T]=c.useState(new Set),[w,C]=c.useState(null),[N,R]=c.useState({}),[I,P]=c.useState(null),[F,B]=c.useState(0),[S,L]=c.useState(new Set),[A,M]=c.useState([]),[H,le]=c.useState(null),V=c.useRef(null);c.useEffect(()=>{const Z=pe=>{pe.key==="Escape"&&(H||(pe.preventDefault(),pe.stopPropagation(),g!=="installing"&&i()))};return document.addEventListener("keydown",Z,!0),()=>document.removeEventListener("keydown",Z,!0)},[H,g,i]),c.useEffect(()=>{let Z=!1;return(d??du)().then(D=>{if(Z)return;v(D);const q=new Set,Q=xl(o);Q&&D.some(Y=>Y.id===Q)&&q.add(Q);for(const Y of a??[]){const ue=xl(Y);ue&&D.some(he=>he.id===ue)&&q.add(ue)}if(q.size===0){const Y=Qk(D);Y&&q.add(Y)}T(q),x("select")}).catch(D=>{Z||(E(D instanceof Error?D.message:String(D)),x("error"))}),()=>{Z=!0}},[d,o,a]),c.useEffect(()=>()=>{var Z;try{(Z=V.current)==null||Z.close()}catch{}},[]),c.useEffect(()=>{let Z=!1;return(f??(D=>de.getSkillInstallState(D)))(e).then(D=>{Z||P(D)},()=>{Z||P(null)}),()=>{Z=!0}},[e,f,F]);const U=c.useMemo(()=>ak(b),[b]),ne=c.useCallback(Z=>{T(pe=>{const D=new Set(pe);return D.has(Z)?D.delete(Z):D.add(Z),D})},[]),me=c.useCallback(()=>{T(()=>{const Z=new Set;for(const pe of b)pe.detected&&Z.add(pe.id);return Z})},[b]),be=c.useCallback(()=>{T(new Set)},[]),_=c.useCallback(()=>{var Z;if(g!=="installing"){try{(Z=V.current)==null||Z.close()}catch{}i()}},[g,i]),re=c.useCallback(async()=>{if(j.size===0)return;C(null),R({}),x("installing");const Z=Array.from(j),pe=u??nk,D=p??sk;try{const{jobId:q,streamPath:Q}=await pe({skill:e,agentIds:Z,scope:n});V.current=D(Q??q,{onResult:Y=>{R(ue=>({...ue,[Y.agentId]:Y}))},onDone:Y=>{const ue={},he=Y.success===!1?typeof Y.error=="string"&&Y.error.trim()||"Install failed before any target reported a result.":null;for(const we of Z)ue[we]=he?{agentId:we,status:"error",detail:he}:{agentId:we,status:"skipped"};if(he)C(he);else for(const we of Y.results??[])ue[we.agentId]=we;R(we=>{var Je;const xe={...ue};for(const[Ie,ee]of Object.entries(we))((Je=xe[Ie])==null?void 0:Je.status)==="skipped"&&ee.status!=="skipped"&&(xe[Ie]=ee);if(!Object.values(xe).some(Ie=>Ie.status==="installed"||Ie.status==="exported"||Ie.status==="error")){const Ie="Install finished without writing any selected target.";for(const ee of Z)xe[ee]={agentId:ee,status:"error",detail:Ie};C(Ie)}const Pe=Object.values(xe),rt=Pe.filter(Ie=>Ie.status==="exported"&&typeof Ie.blob=="string");return rt.length>0&&(M(rt),le(rt[0]??null)),globalThis.setTimeout(()=>{try{l==null||l(Pe)}catch{}},0),xe}),B(we=>we+1),x("done")},onError:Y=>{C(Y.message),x("error")}})}catch(q){C(q instanceof Error?q.message:String(q)),x("error")}},[j,e,n,u,p,l]),$=c.useCallback(async Z=>{const pe=h??Gk;L(D=>{const q=new Set(D);return q.add(Z),q});try{const D=await pe({skill:e,agentIds:[Z],scope:n});if(typeof window<"u")try{window.dispatchEvent(new CustomEvent("studio:skill-installed",{detail:{skill:e,scope:n}}))}catch{}B(q=>q+1),D.errors.length>0&&C(`Remove failed for ${D.errors[0].agentId}: ${D.errors[0].message}`)}catch(D){C(D instanceof Error?D.message:String(D))}finally{L(D=>{const q=new Set(D);return q.delete(Z),q})}},[h,e,n]),W=c.useCallback(()=>{M(Z=>{const pe=Z.slice(1);return le(pe[0]??null),pe})},[]),G=c.useMemo(()=>b.filter(Z=>Z.detected).length,[b]);if(typeof document>"u")return null;const K=j.size===0||g==="installing",se=j.size===0?"Select at least one target":void 0,te=`Install ${r??e} to:`,J=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 Fr.createPortal(t.jsxs(t.Fragment,{children:[t.jsx("div",{"data-testid":"install-targets-modal-backdrop",role:"presentation",onClick:Z=>{Z.target===Z.currentTarget&&_()},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":te,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:te}),t.jsx("div",{"data-testid":"install-targets-modal-scope-line",style:{fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-mono)"},children:J})]}),t.jsx("button",{type:"button","data-testid":"install-targets-modal-close",onClick:_,"aria-label":"Close",disabled:g==="installing",style:{background:"transparent",border:"none",cursor:g==="installing"?"not-allowed":"pointer",fontSize:18,color:"var(--text-secondary, #5A5651)",padding:"0 4px",lineHeight:1,opacity:g==="installing"?.4:1},children:"×"})]}),t.jsxs("div",{style:{padding:"0.75rem 1.125rem",overflowY:"auto",flex:1},children:[g==="loading"&&t.jsx("div",{"data-testid":"install-targets-modal-loading",style:{fontSize:12,color:"var(--text-secondary)"},children:"Loading agents…"}),k&&g==="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: ",k]}),(g==="select"||g==="installing"||g==="done"||g==="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:[j.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:me,disabled:g==="installing"||G===0,style:gl(),children:"Select all detected"}),t.jsx("button",{type:"button","data-testid":"install-targets-clear",onClick:be,disabled:g==="installing"||j.size===0,style:gl(),children:"Clear"})]})]}),g==="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 ",j.size," target",j.size===1?"":"s","…"]}),t.jsx(co,{testId:"install-targets-section-dropin",title:"Drop-in",description:"Filesystem install — Claude-style SKILL.md drops in unchanged.",agents:U.dropIn,selected:j,results:N,phase:g,onToggle:ne,scope:n,installState:I,targetVersion:s??null,removingAgents:S,onRemove:$}),t.jsx(co,{testId:"install-targets-section-format-converted",title:"Format-converted",description:"Auto-converted to the tool's native format on install.",agents:U.formatConverted,selected:j,results:N,phase:g,onToggle:ne,scope:n,installState:I,targetVersion:s??null,removingAgents:S,onRemove:$}),t.jsx(co,{testId:"install-targets-section-cloud",title:"Cloud only (paste required)",description:"No local filesystem — opens a paste-ready blob.",agents:U.cloud,selected:j,results:N,phase:g,onToggle:ne,tierBadge:"T3",pathOverride:"Copy to clipboard",scope:n,installState:I,targetVersion:s??null,removingAgents:S,onRemove:$})]}),g==="done"&&t.jsx(tj,{results:Object.values(N),agents:b}),(g==="error"||g==="done")&&w&&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:w})]}),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:_,disabled:g==="installing",style:{padding:"0.5rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"transparent",color:"var(--text-primary)",cursor:g==="installing"?"not-allowed":"pointer",fontSize:13,fontFamily:"var(--font-sans)",opacity:g==="installing"?.5:1},children:g==="done"?"Close":"Cancel"}),t.jsx("button",{type:"button","data-testid":"install-targets-modal-install",onClick:re,disabled:K||g==="done","aria-disabled":K||g==="done",title:se,style:{padding:"0.5rem 1.125rem",borderRadius:6,border:"1px solid var(--text-primary, #191919)",background:K||g==="done"?"var(--bg-surface, #FFFFFF)":"var(--text-primary, #191919)",color:K||g==="done"?"var(--text-secondary, #5A5651)":"var(--bg-surface, #FFFFFF)",cursor:K||g==="done"?"not-allowed":"pointer",fontSize:13,fontWeight:600,fontFamily:"var(--font-sans)",opacity:K&&g!=="done"?.6:1},children:g==="installing"?"Installing…":g==="done"?"Done":`Install (${j.size})`})]})]})}),H&&t.jsx(qk,{agentId:H.agentId,agentDisplayName:((ae=b.find(Z=>Z.id===H.agentId))==null?void 0:ae.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:W,writeClipboardImpl:m})]}),document.body)}function co({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(g=>{const x=o.has(g.id),b=a[g.id],v=i==="installing"||i==="done",k=u??(p==="project"?g.resolvedLocalDir:g.resolvedGlobalDir),E=Jk(g.id,p,f,h),j=m.has(g.id);return t.jsxs("label",{"data-testid":`install-targets-row-${g.id}`,"data-checked":x?"true":"false","data-detected":g.detected?"true":"false",style:{display:"flex",alignItems:"center",gap:"0.625rem",padding:"0.375rem 0.5rem",borderRadius:4,cursor:v?"default":"pointer",background:x?"color-mix(in srgb, var(--accent-surface) 8%, transparent)":"transparent"},children:[t.jsx("input",{type:"checkbox","data-testid":`install-targets-checkbox-${g.id}`,checked:x,disabled:v,onChange:()=>l(g.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:g.displayName}),!g.detected&&t.jsx("span",{"data-testid":`install-targets-undetected-badge-${g.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(rj,{agentId:g.id,badge:E,isRemoving:j,onRemove:y})]}),t.jsx("div",{title:k,"data-testid":`install-targets-path-${g.id}`,style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:k})]}),b&&t.jsx("span",{"data-testid":`install-targets-status-${g.id}`,"data-status":b.status,style:{fontSize:11,padding:"1px 8px",borderRadius:10,background:`color-mix(in srgb, ${Ko(b.status)} 16%, transparent)`,color:Ko(b.status),fontFamily:"var(--font-mono)"},children:Zk(b.status)})]},g.id)})})]})}function tj({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:Ko(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 rj({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 gl(){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 nj=3e3,sj={anthropic:"Anthropic",openai:"OpenAI",openrouter:"OpenRouter"};function yl(e){return e==="anthropic"||e==="openai"||e==="openrouter"}function oj(){const{toast:e}=cs(),r=c.useRef(new Map),n=c.useCallback(s=>{if(!yl(s.provider))return;const o=Date.now(),a=r.current.get(s.provider)??0;if(o-a<nj)return;r.current.set(s.provider,o);const i=sj[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||!yl(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 hu="vskill.studio.prefs";function mu(){try{return typeof window>"u"?null:window.localStorage??null}catch{return null}}function xu(){const e=mu();if(!e)return{};try{const r=e.getItem(hu);if(!r)return{};const n=JSON.parse(r);return n&&typeof n=="object"&&!Array.isArray(n)?n:{}}catch{return{}}}function aj(e,r){const n=mu();if(n)try{const o={...xu(),[e]:r};n.setItem(hu,JSON.stringify(o))}catch{}}function ij(e,r){const s=xu()[e];return s===void 0?r:s}const vl={open:!1,x:0,y:0,skill:null};function lj(e,r){return{open:!0,x:e.clientX,y:e.clientY,skill:r}}function Bt(e,r="info"){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function cj(e){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:request-delete",{detail:{skill:e}}))}async function bl(e,r){var n;try{await de.revealInEditor(e.plugin,e.skill,r),Bt(O.toasts.openingInEditor,"info")}catch(s){if(s instanceof Kt){const o=(n=s.details)==null?void 0:n.error;if(s.status===404){Bt(O.toasts.skillNotFound,"error");return}if(s.status===500&&o==="no_editor"){Bt(O.toasts.noEditor,"error");return}}Bt(O.toasts.openFailed,"error")}}async function dj(e,r){var n;switch(e){case"copy-path":try{(n=navigator.clipboard)==null||n.writeText(r.dir)}catch{Bt(O.toasts.permissionDenied,"error");return}Bt(O.toasts.pathCopied,"info");return;case"reveal":case"edit":await bl(r,"SKILL.md");return;case"open":await bl(r);return;case"run-benchmark":Bt(O.toasts.benchmarkQueued,"info");return;case"duplicate":Bt(O.toasts.skillDuplicated,"info");return;case"clone":try{window.dispatchEvent(new CustomEvent("studio:request-clone",{detail:{skill:r}}))}catch{}return;case"update":Bt(O.toasts.skillUpdated,"info");return;case"uninstall":Bt(O.toasts.uninstallNotImplemented,"info");return;case"delete":cj(r);return;default:return}}function uj(e){return e.startsWith("#/create")}function pj(e){return e.startsWith("#/updates")}function gu(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 fj(){return gu(uj)}function hj(){return gu(pj)}function mj(){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 xj(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function gj(){const[e,r]=c.useState("⌘⇧K");c.useEffect(()=>{r(mj())},[]);const n=xj();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 yj(){const e=hn(),[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 k=!1;return(async()=>{try{const E=await e.getSignedInUser();k||n(E)}catch{}finally{k||o(!1)}})(),()=>{k=!0}},[e]);const y=c.useRef(null);c.useEffect(()=>{if(!a)return;function k(j){y.current&&(y.current.contains(j.target)||i(!1))}function E(j){j.key==="Escape"&&i(!1)}return document.addEventListener("pointerdown",k),document.addEventListener("keydown",E),()=>{document.removeEventListener("pointerdown",k),document.removeEventListener("keydown",E)}},[a]);const g=c.useCallback(async k=>{try{if(typeof e.openExternalUrl=="function"){await e.openExternalUrl(k);return}}catch(E){console.warn("open external URL:",E)}window.open(k,"_blank","noopener,noreferrer")},[e]),x=c.useCallback(async()=>{p(null),h(!0),m.current=!1;let k=null;const E=j=>{k=j,p(j)};try{const j=await e.startGithubDeviceFlow();window.__vskillOauthState=j.userCode,d(j),g(j.verificationUri);let T=Math.max(1,j.interval);const w=Date.now()+j.expiresIn*1e3;for(;!m.current&&Date.now()<w&&(await kj(T*1e3,()=>m.current),!m.current);){const C=await e.pollGithubDeviceFlow();if(C.status==="granted"){n(C.user),d(null),h(!1);return}if(C.status!=="pending"){if(C.status==="slow_down"){T=Math.max(T+1,C.newInterval);continue}if(C.status==="denied"){E("Sign-in was denied at GitHub. You can try again.");break}if(C.status==="expired"){E("Sign-in code expired. Try again to get a fresh code.");break}if(C.status==="no-flow"){E("Sign-in state lost. Please retry.");break}E(C.message);break}}!m.current&&!k&&E("Sign-in code expired. Try again to get a fresh code.")}catch(j){E(j instanceof Error?j.message:String(j))}finally{h(!1)}},[e,g]),b=c.useCallback(()=>{m.current=!0,d(null),p(null),h(!1)},[]),v=c.useCallback(async()=>{i(!1);try{await e.signOut()}catch(k){console.warn("sign-out:",k)}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(k=>!k),"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:k=>{const E=wj(r.login);k.currentTarget.src!==E&&(k.currentTarget.src=E)},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(kl,{label:"View on GitHub",onClick:()=>{g(`https://github.com/${r.login}`),i(!1)}}),t.jsx(kl,{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:x,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(bj,{size:14}),f?"Signing in…":"Sign in"]}),l&&t.jsx(vj,{response:l,error:u,onCancel:b,onOpenGithub:()=>void g(l.verificationUri),onRetry:x})]})}function vj({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 jj(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 kl({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 bj({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 kj(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 jj(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 wj(e){return`https://github.com/${encodeURIComponent(e)}.png?size=40`}function Sj({forcedTone:e}){const{snapshot:r,refreshing:n,forceSync:s}=ba(),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??Cj(o,a);if(!l)return null;const d=c.useCallback(()=>{s(!0)},[s]),u=l==="danger"?"Sign in to refresh your plan. Some features will be locked until you reconnect.":"Sync to verify your plan — last synced 7 days ago.";return t.jsxs("div",{role:"status","aria-live":"polite","data-testid":"quota-grace-banner","data-tone":l,style:{...Ej,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:Nj,children:n?"Syncing…":"Sync now"})]})}function Cj(e,r){return r?e<=1?"warn":null:"danger"}const Ej={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)"},Nj={padding:"2px 10px",borderRadius:4,border:"1px solid currentColor",background:"transparent",color:"inherit",cursor:"pointer",fontSize:12,fontWeight:500};function Rj({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 Tj={green:"#16a34a",amber:"#f59e0b",grey:"#9ca3af",red:"#dc2626"},Ij={green:"Synced",amber:"Reauth needed",grey:"Idle",red:"Error"};function Lj({repos:e,viewMode:r="table",pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,onConnectNew:i,now:l=new Date}){const d=Pj(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($j,{summary:d,onConnectNew:i,showConnectAction:!0}),e.length===0?t.jsx(Mj,{}):t.jsxs(t.Fragment,{children:[u.length>0?t.jsx(jl,{kind:"private",repos:u,viewMode:r,pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,now:l}):null,p.length>0?t.jsx(jl,{kind:"public",repos:p,viewMode:r,pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,now:l}):null]})]})}function jl({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(Aj,{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(Dj,{repos:r,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l}):t.jsx(Fj,{repos:r,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l})]})}function Aj({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 Pj(e){let r=0,n=0;for(const s of e)s.isPrivate?n++:r++;return{total:e.length,publicCount:r,privateCount:n}}function $j({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(qo,{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(qo,{isPrivate:!0})," ",e.privateCount]})]}),t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)",lineHeight:1.4},children:"Connect public and private repositories through the GitHub App."})]}),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 qo({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 Mj(){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, then pick the repos to share."]})]})}function Fj({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(qr,{children:"Repository"}),t.jsx(qr,{align:"right",children:"Skills"}),t.jsx(qr,{children:"Status"}),t.jsx(qr,{children:"Last activity"}),t.jsx(qr,{align:"right",style:{width:48},children:t.jsx("span",{style:{visibility:"hidden"},children:"Actions"})})]})}),t.jsx("tbody",{children:e.map(i=>t.jsx(zj,{repo:i,pending:r==null?void 0:r[i.repoId],onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a},i.repoId))})]})}function Dj({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(Bj,{repo:i,pending:r==null?void 0:r[i.repoId],onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a},i.repoId))})}function zj({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(Yr,{children:t.jsx(yu,{repo:e})}),t.jsx(Yr,{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(Yr,{children:t.jsx(vu,{status:e.syncStatus,errorMessage:e.lastErrorMessage})}),t.jsx(Yr,{children:t.jsx("span",{style:{color:"var(--text-secondary)"},children:ku(e.lastActivityAt,a)})}),t.jsx(Yr,{align:"right",children:t.jsx(bu,{repo:e,pending:r,isOpen:i,onToggle:()=>l(d=>!d),onClose:()=>l(!1),onOpenOnGitHub:n,onResync:s,onDisconnect:o})})]})}function Bj({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(yu,{repo:e}),t.jsx(bu,{repo:e,pending:r,isOpen:i,onToggle:()=>l(d=>!d),onClose:()=>l(!1),onOpenOnGitHub:n,onResync:s,onDisconnect:o})]}),t.jsx(uo,{label:"Skills",children:e.skillsCount===0?"—":String(e.skillsCount)}),t.jsx(uo,{label:"Status",children:t.jsx(vu,{status:e.syncStatus,errorMessage:e.lastErrorMessage})}),t.jsx(uo,{label:"Last activity",children:ku(e.lastActivityAt,a)})]})}function yu({repo:e}){return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[t.jsx(qo,{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 vu({status:e,errorMessage:r}){const n=Tj[e],s=Ij[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 uo({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 bu({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(po,{onClick:()=>{a(e),o()},children:"Open on GitHub"}),t.jsx(po,{disabled:r==="resync",onClick:async()=>{await i(e),o()},children:r==="resync"?"Resyncing…":"Resync now"}),t.jsx(po,{danger:!0,onClick:async()=>{await l(e),o()},children:"Disconnect"})]})]})}function po({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 qr({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 Yr({children:e,align:r="left"}){return t.jsx("td",{style:{textAlign:r,padding:"12px 12px",verticalAlign:"middle"},children:e})}function ku(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 fo=80,ho=280;function _j({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>fo,h=i.length>ho,m=o.trim().length>0&&!f&&!h;async function y(g){if(g.preventDefault(),!p||!m||n)return;const x={};o!==e.displayName&&(x.displayName=o),i!==(e.bio??"")&&(x.bio=i||null),d!==e.publicProfile&&(x.publicProfile=d),await r(x)}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(Oj,{profile:e}),t.jsxs(mo,{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:fo+20,disabled:n,onChange:g=>a(g.target.value),style:xo}),t.jsx(wl,{current:o.length,max:fo})]}),t.jsx(mo,{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:{...xo,background:"var(--bg-canvas, #f3f4f6)"}})}),t.jsxs(mo,{label:"Public bio",htmlFor:"profile-bio",children:[t.jsx("textarea",{id:"profile-bio","data-testid":"profile-bio",value:i,maxLength:ho+40,rows:3,disabled:n,onChange:g=>l(g.target.value),style:{...xo,fontFamily:"inherit",resize:"vertical"}}),t.jsx(wl,{current:i.length,max:ho})]}),t.jsx(Wj,{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 Oj({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 mo({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 wl({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 Wj({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 xo={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"},Uj={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 Hj({tier:e,onUpgradeClick:r,showUpgradeCta:n=!0}){const s=Uj[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 Vj=[{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:"For CLI and automation access; repository sync uses GitHub connections instead."})]}),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"})]}),t.jsx("div",{"data-testid":"tokens-scope-note",style:{marginBottom:12,padding:"10px 12px",border:"1px solid var(--border-default, #e5e7eb)",borderRadius:8,background:"var(--bg-elevated, #fff)",color:"var(--text-secondary)",fontSize:12,lineHeight:1.45},children:"Keep this page for scripts that call verified-skill APIs. To connect public or private repositories, use Connected repositories."}),e.length===0?t.jsx(Kj,{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(wr,{children:"Name"}),t.jsx(wr,{children:"Prefix"}),t.jsx(wr,{children:"Scopes"}),t.jsx(wr,{children:"Last used"}),t.jsx(wr,{children:"Created"}),t.jsx(wr,{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(Sr,{children:h.name}),t.jsx(Sr,{children:t.jsxs("code",{style:{fontFamily:"var(--font-mono)",fontSize:12,color:"var(--text-secondary)"},children:[h.prefix,"…"]})}),t.jsx(Sr,{children:h.scopes.join(", ")}),t.jsx(Sr,{children:Cl(h.lastUsedAt,l)}),t.jsx(Sr,{children:Cl(h.createdAt,l)}),t.jsx(Sr,{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(qj,{creating:i,onCancel:()=>u(!1),onSubmit:async h=>{await s(h),u(!1)}}),r&&t.jsx(Yj,{created:r,onDismiss:()=>n==null?void 0:n()}),p&&t.jsx(Jj,{token:p,pending:a===p.id,onCancel:()=>f(null),onConfirm:async()=>{await o(p),f(null)}})]})}function Kj({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 API tokens yet"}),t.jsx("div",{style:{fontSize:13,color:"var(--text-secondary)",marginBottom:14},children:"Generate one only for local CLI auth, CI, or another scripted integration. GitHub repository access is managed separately."}),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 qj({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(Sa,{title:"Generate new token",onDismiss:r,testId:"tokens-generate-modal",children:[t.jsx(go,{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:El})}),t.jsx(go,{label:"Scopes",children:t.jsxs("div",{style:{display:"flex",gap:16},children:[t.jsx(Sl,{label:"read",checked:a,disabled:e,onChange:i,testId:"scope-read"}),t.jsx(Sl,{label:"write",checked:l,disabled:e,onChange:d,testId:"scope-write"})]})}),t.jsx(go,{label:"Expiry",children:t.jsx("select",{"data-testid":"token-expiry-select",value:u,disabled:e,onChange:h=>p(Number(h.target.value)),style:El,children:Vj.map(h=>t.jsx("option",{value:h.value,children:h.label},h.value))})}),t.jsxs(Ca,{children:[t.jsx(Ea,{onClick:r,disabled:e,children:"Cancel"}),t.jsx(ju,{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 Yj({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(Sa,{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(Ca,{children:[t.jsx(Ea,{onClick:o,children:n?"Copied!":"Copy to clipboard"}),t.jsx(ju,{onClick:r,children:"Done"})]})]})}function Jj({token:e,pending:r,onCancel:n,onConfirm:s}){return t.jsxs(Sa,{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(Ca,{children:[t.jsx(Ea,{onClick:n,disabled:r,children:"Cancel"}),t.jsx(Xj,{disabled:r,onClick:()=>void s(),children:r?"Revoking…":"Revoke"})]})]})}function Sa({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 Ca({children:e}){return t.jsx("div",{style:{display:"flex",gap:8,justifyContent:"flex-end",marginTop:4},children:e})}function ju({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 Ea({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 Xj({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 go({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 Sl({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 wr({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 Sr({children:e,align:r="left"}){return t.jsx("td",{style:{textAlign:r,padding:"12px 12px",verticalAlign:"middle"},children:e})}function Cl(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 El={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"},Qj=[{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 Zj({prefs:e,onSubmit:r,saving:n=!1,errorMessage:s=null}){const[o,a]=c.useState(()=>Nl(e));c.useEffect(()=>{a(Nl(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:Qj.map(u=>t.jsx(ew,{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 ew({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 Nl(e){return{weeklyDigest:!!e.weeklyDigest,securityAlerts:!0,commentReplies:e.commentReplies??!0,productUpdates:!!e.productUpdates}}function tw({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(yo,{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(yo,{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(rw,{exports:r})}),t.jsx(yo,{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(nw,{pending:!!(a!=null&&a.signOutAll),onCancel:()=>d(!1),onConfirm:async()=>{await n(),d(!1)}}),u&&t.jsx(sw,{githubHandle:e,pending:!!(a!=null&&a.deleteAccount),onCancel:()=>p(!1),onConfirm:async f=>{await o(f),p(!1)}})]})}function yo({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 rw({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:vo,children:"Requested"}),t.jsx("th",{style:vo,children:"Status"}),t.jsx("th",{style:vo,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:bo,children:new Date(r.requestedAt).toLocaleString()}),t.jsx("td",{style:bo,children:r.status}),t.jsx("td",{style:bo,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 nw({pending:e,onCancel:r,onConfirm:n}){return t.jsxs(wu,{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(Su,{children:[t.jsx(Cu,{onClick:r,disabled:e,children:"Cancel"}),t.jsx(Eu,{disabled:e,onClick:()=>void n(),children:e?"Signing out…":"Sign out everywhere"})]})]})}function sw({githubHandle:e,pending:r,onCancel:n,onConfirm:s}){const[o,a]=c.useState(""),i=o.trim()===e;return t.jsxs(wu,{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(Su,{children:[t.jsx(Cu,{onClick:n,disabled:r,children:"Cancel"}),t.jsx(Eu,{disabled:!i||r,onClick:()=>void s(o.trim()),children:r?"Deleting…":"Delete account"})]})]})}function wu({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 Su({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 Eu({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 vo={textAlign:"left",padding:"8px 10px",fontWeight:600,fontSize:11,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)"},bo={padding:"8px 10px",color:"var(--text-primary)"},ow="/api/v1/submissions/stream?mine=1",ko=new Set([...ls,...ra]);function aw(e){return!!e&&typeof e=="object"&&typeof e.submissionId=="string"&&typeof e.state=="string"}function iw(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 lw(e){return ls.has(e)?"#22C55E":ra.has(e)?"#EF4444":"#F59E0B"}function cw({openStream:e=cu,notify:r=tc}={}){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 x=await de.getMyQueue();if(!m.current)return;const b=x.submissions??[];s(b),a(x.queuePositions??{}),h.current=new Set(b.map(v=>v.id));for(const v of b)ko.has(v.state)&&_f(v.id,v.state)}catch(x){if(!m.current)return;u(x instanceof Error?x.message:String(x))}finally{m.current&&l(!1)}},[]),g=c.useCallback(x=>{h.current.has(x.submissionId)&&(s(b=>{let v=!1;const k=b.map(E=>E.id!==x.submissionId?E:(v=!0,{...E,state:x.state,skillName:x.skillName||E.skillName,updatedAt:x.timestamp||E.updatedAt}));return v?k:b}),ko.has(x.state)&&(a(b=>{if(!(x.submissionId in b))return b;const v={...b};return delete v[x.submissionId],v}),ec(x.submissionId,x.state)&&r(x.submissionId,x.skillName,x.state)))},[r]);return c.useEffect(()=>(m.current=!0,y(),()=>{m.current=!1}),[y]),c.useEffect(()=>{let x=null,b=null,v=0,k=!1;const E=()=>{k||(x=e(ow,{timeoutMs:6e5,onEvent:T=>{if(k||(f(!0),v=0,!T.data||T.data==="connected"||T.data==="keepalive"))return;let w;try{w=JSON.parse(T.data)}catch{return}aw(w)&&g(w)},onError:()=>{k||(f(!1),j())},onClose:()=>{k||(f(!1),j())}}))},j=()=>{if(k||b!=null)return;const T=Math.min(1e3*2**v,3e4);v+=1,b=setTimeout(()=>{if(b=null,!k){try{x==null||x.close()}catch{}E()}},T)};return E(),()=>{k=!0,b!=null&&clearTimeout(b);try{x==null||x.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(x=>{const b=o[x.id],v=ko.has(x.state);return t.jsxs("tr",{"data-testid":`queue-row-${x.id}`,"data-state":x.state,style:{borderTop:"1px solid rgba(255,255,255,0.06)"},children:[t.jsx("td",{style:{padding:"6px 8px",fontWeight:600},children:x.skillName}),t.jsx("td",{style:{padding:"6px 8px"},children:t.jsx("span",{"data-testid":`queue-state-${x.id}`,style:{color:lw(x.state)},children:x.state})}),t.jsx("td",{style:{padding:"6px 8px",fontVariantNumeric:"tabular-nums"},"data-testid":`queue-position-${x.id}`,children:v||b==null?"—":`#${b}`}),t.jsx("td",{style:{padding:"6px 8px",color:"#9CA3AF",fontVariantNumeric:"tabular-nums"},children:iw(x.updatedAt)})]},x.id)})})]})]})}const dw=[{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 uw({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(pw,{}),!r&&t.jsx(fw,{}),t.jsxs("div",{style:{display:"flex",flex:1,minHeight:0},children:[t.jsx(hw,{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(mw,{tab:a,online:r,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o})})]})]})}function pw(){const{data:e}=kn();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 fw(){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 hw({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:dw.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 mw({tab:e,online:r,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o}){switch(e){case"profile":return t.jsx(xw,{});case"billing":return t.jsx(gw,{onUpgradeClick:o});case"repos":return t.jsx(yw,{online:r,onConnectRepo:n,onOpenRepoOnGitHub:s});case"skills":return t.jsx(vw,{});case"queue":return t.jsx(bw,{});case"tokens":return t.jsx(kw,{});case"notifications":return t.jsx(ww,{});case"danger":return t.jsx(Sw,{});default:return null}}function xw(){const{data:e,loading:r,error:n}=kn(),s=Zc(),[o,a]=c.useState(!1),[i,l]=c.useState(null);return r||!e?t.jsx(kr,{error:n}):t.jsx(_j,{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 gw({onUpgradeClick:e}){const{data:r,loading:n,error:s}=kn();return n||!r?t.jsx(kr,{error:s}):t.jsx(Hj,{tier:r.tier,onUpgradeClick:e})}function yw({online:e,onConnectRepo:r,onOpenRepoOnGitHub:n}){const{data:s,loading:o,error:a}=ms(),i=ed(),l=td(),[d,u]=c.useState({});return o&&!s?t.jsx(kr,{error:a}):t.jsx(Lj,{repos:ga(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 vw(){const{skills:e}=Lg();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(Rl,{label:"Public skills",value:e.data.publicCount}),t.jsx(Rl,{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(kr,{error:e.error})}function Rl({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 bw(){return t.jsx("section",{"data-testid":"account-queue-tab",style:{display:"flex",flexDirection:"column",gap:12},children:t.jsx(cw,{})})}function kw(){const{data:e,loading:r,error:n}=rd(),s=nd(),o=sd(),[a,i]=c.useState(!1),[l,d]=c.useState(null),[u,p]=c.useState(null);return r&&!e?t.jsx(kr,{error:n}):n&&!e?t.jsx(jw,{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 jw({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 ww(){const{data:e,loading:r,error:n}=od(),s=ad(),[o,a]=c.useState(!1),[i,l]=c.useState(null);return r||!e?t.jsx(kr,{error:n}):t.jsx(Zj,{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 Sw(){const{data:e}=kn(),{data:r}=id(),n=ld(),s=cd(),o=dd(),[a,i]=c.useState({}),[l,d]=c.useState(null);return e?t.jsx(tw,{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(kr,{})}function kr({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 Cw=c.lazy(()=>or(()=>import("./FindSkillsPalette-Dtyd7VrA.js"),__vite__mapDeps([8,5,3,4])).then(e=>({default:e.FindSkillsPalette})));zf();const Ew=c.lazy(()=>or(()=>import("./SkillDetailPanel-BMfMN6Wy.js"),__vite__mapDeps([9,3,4,10,5,6])).then(e=>({default:e.SkillDetailPanel}))),Nw=c.lazy(()=>or(()=>import("./CreateSkillPage-lecFvrLO.js"),__vite__mapDeps([11,3,4,5,6])).then(e=>({default:e.CreateSkillPage}))),Rw=c.lazy(()=>or(()=>Promise.resolve().then(()=>S1),void 0).then(e=>({default:e.UpdatesPanel})));function Tw(){return t.jsx(gh,{children:t.jsx(uv,{children:t.jsx(hh,{children:t.jsx(hm,{children:t.jsx(Iw,{children:t.jsxs(N0,{children:[t.jsx(Lw,{}),t.jsx(w0,{})]})})})})})})}function Iw({children:e}){const[r,n]=c.useState(void 0);return c.useEffect(()=>{let s=!1;if(sc())return ch().then(o=>{s||n(o)}),()=>{s=!0}},[]),t.jsx(Eg,{value:r,children:e})}function Lw(){var Ra,Ta;const{state:e,selectSkill:r,clearSelection:n,refreshSkills:s,outdatedByOrigin:o,revealSkill:a,clearReveal:i}=It(),{config:l}=yr(),{resolvedTheme:d,setTheme:u}=mc(),{toast:p}=cs(),[f,h]=c.useState(()=>Cy()),[m]=c.useState(!0),[y,g]=c.useState(!1),[x,b]=c.useState(!1),[v,k]=c.useState(!1),[E,j]=c.useState(()=>typeof window>"u"?"overview":Go(window.location.search).tab),[T,w]=c.useState(()=>{if(typeof window>"u")return"";const z=Go(window.location.search);return z.mode?z.mode:z.view?z.view:au(z.tab,window.location.search)}),C=c.useCallback(z=>{j(ie=>(ie!==z&&w(sn(z)),z))},[]);c.useEffect(()=>{if(typeof window>"u")return;const z=()=>{const ie=new URLSearchParams(window.location.search),ce=ie.get("tab"),at=ie.get("panel"),_e=ns(ce)??ns(at);if(!_e)return;const Dt=new URLSearchParams(window.location.search);Dt.delete("panel"),Dt.delete("sub"),_e.tab==="overview"?Dt.delete("tab"):Dt.set("tab",_e.tab),Dt.delete("mode"),Dt.delete("view"),_e.mode&&Dt.set("mode",_e.mode),_e.view&&Dt.set("view",_e.view);const Pt=Dt.toString(),Ia=`${window.location.pathname}${Pt?"?"+Pt:""}${window.location.hash}`,Nu=`${window.location.pathname}${window.location.search}${window.location.hash}`;Ia!==Nu&&window.history.replaceState(null,"",Ia),j(_e.tab),_e.mode?w(_e.mode):_e.view?w(_e.view):w(sn(_e.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"),E==="overview"?z.delete("tab"):z.set("tab",E),z.delete("mode"),z.delete("view"),!(T===sn(E))&&T&&(E==="run"?z.set("mode",T):E==="history"&&z.set("view",T));const ce=z.toString(),at=`${window.location.pathname}${ce?"?"+ce:""}${window.location.hash}`,_e=`${window.location.pathname}${window.location.search}${window.location.hash}`;at!==_e&&window.history.replaceState(null,"",at)},[E,T]);const[N,R]=c.useState(vl),I=c.useCallback((z,ie)=>{R(lj(z,ie))},[]),P=wk(),[F,B]=c.useState(()=>ij("activeAgent",null)),S=c.useCallback(z=>{B(z),aj("activeAgent",z),typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:agent-changed",{detail:{agentId:z}}))},[]);c.useEffect(()=>{var z;!F&&((z=P.response)!=null&&z.suggested)&&S(P.response.suggested)},[F,(Ra=P.response)==null?void 0:Ra.suggested,S]);const L=c.useMemo(()=>P.response?gk(P.response):[],[P.response]),{workspace:A,switchProject:M,addProject:H,removeProject:le,activeProject:V}=Ik(),[U,ne]=c.useState(!1);c.useEffect(()=>{se.current=(V==null?void 0:V.path)??null},[V==null?void 0:V.path]);const[me,be]=c.useState(!1),[_,re]=c.useState("standalone"),[$,W]=c.useState(!1),[G,K]=c.useState(null),se=c.useRef(null),te=Rd(),J=hn(),ae=c.useCallback(z=>{J.openExternalUrl(z).catch(()=>{typeof window<"u"&&window.open(z,"_blank","noopener,noreferrer")})},[J]),Z=c.useCallback(async(z="standalone")=>{re(z),be(!0)},[]);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;Z((ce==null?void 0:ce.mode)??"standalone")}return window.addEventListener("studio:request-create-skill",z),()=>window.removeEventListener("studio:request-create-skill",z)},[Z]),c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;K(ce!=null&&ce.repoName?{repoName:ce.repoName}:null),W(!0)}return window.addEventListener("studio:request-paywall",z),()=>window.removeEventListener("studio:request-paywall",z)},[]);const[pe,D]=c.useState(!1),[q,Q]=c.useState(null),[Y,ue]=c.useState(null);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;!ce||typeof ce.skill!="string"||ce.skill.length===0||ue({skill:ce.skill,skillDisplayName:ce.skillDisplayName,scope:ce.scope==="project"?"project":"user",activeAgentId:ce.activeAgentId,preCheckedAgentIds:ce.preCheckedAgentIds})}return window.addEventListener("studio:open-install-targets-modal",z),()=>window.removeEventListener("studio:open-install-targets-modal",z)},[]);const[he,we]=c.useState(null);c.useEffect(()=>{function z(){D(!0)}return window.addEventListener("studio:open-marketplace",z),()=>window.removeEventListener("studio:open-marketplace",z)},[]);const xe=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]),{lookup:Ve}=pd(),Ye=c.useMemo(()=>{const z=new Map;for(const ie of e.skills){const ce=jn(ie.repoUrl);if(!ce)continue;const at=Ve.get(ce);if(!at||!at.isPrivate)continue;const _e=ie.pluginName??ie.plugin;z.has(_e)||z.set(_e,{name:_e,repoFullName:at.repoFullName})}return Array.from(z.values())},[e.skills,Ve]);Mo([{key:"p",meta:!0,handler:z=>{var ce;const ie=typeof document<"u"?document.activeElement:null;ie&&ie.tagName==="INPUT"||((ce=z==null?void 0:z.preventDefault)==null||ce.call(z),ne(at=>!at))}}],{enabled:!0});const Pe=ek(),rt=Pe.open;c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;ce!=null&&ce.provider&&rt(ce.provider)}return window.addEventListener("studio:open-setup-drawer",z),()=>window.removeEventListener("studio:open-setup-drawer",z)},[rt]);const Je=c.useCallback(()=>{R(vl)},[]);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;ce!=null&&ce.message&&p({message:ce.message,severity:ce.severity??"info"})}return window.addEventListener("studio:toast",z),()=>window.removeEventListener("studio:toast",z)},[p]),oj();const[Ie,ee]=c.useState(!1),[De,Ke]=c.useState(void 0);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;Ke(ce==null?void 0:ce.provider),ee(!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[$e,nt]=c.useState(null),[it,Ct]=c.useState(()=>new Set),Ht=c.useRef(!1),Et=c.useMemo(()=>Wg(),[]),st=c.useCallback(z=>`${z.plugin}/${z.skill}`,[]),yt=c.useCallback(z=>{Ct(ie=>{const ce=new Set(ie);return ce.add(st(z)),ce})},[st]),vt=c.useCallback(z=>{Ct(ie=>{const ce=new Set(ie);return ce.delete(st(z)),ce})},[st]),Lt=ul({delayMs:1e4,onCommit:z=>{s(),vt(z)},onFailure:(z,ie)=>{vt(z),p({message:`Couldn't delete ${z.skill}: ${ie.message}`,severity:"error",durationMs:0,action:{label:O.actions.retry,onInvoke:()=>{yt(z),Lt.enqueueDelete(z)}}})}});c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;ce!=null&&ce.skill&&nt(ce.skill)}return window.addEventListener("studio:request-delete",z),()=>window.removeEventListener("studio:request-delete",z)},[]);const[Ne,Se]=c.useState(null);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;ce!=null&&ce.skill&&Se(ce.skill)}return window.addEventListener("studio:request-clone",z),()=>window.removeEventListener("studio:request-clone",z)},[]);const[ze,ot]=c.useState(null),Jt=ul({delayMs:250,apiCall:(z,ie)=>api.uninstallSkill(z,ie),onCommit:z=>{s(),vt(z)},onFailure:(z,ie)=>{var ce;if(vt(z),ie instanceof Kt&&((ce=ie.details)==null?void 0:ce.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:()=>{yt(z),Jt.enqueueDelete(z)}}})}});c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const ce=ie.detail;ce!=null&&ce.skill&&ot(ce.skill)}return window.addEventListener("studio:request-uninstall",z),()=>window.removeEventListener("studio:request-uninstall",z)},[]);const At=c.useCallback(async z=>{await Promise.all([Lt.flushBySkillName(z),Jt.flushBySkillName(z)])},[Lt,Jt]),ys=c.useMemo(()=>({flushBySkillName:At}),[At]),vs=c.useCallback(()=>{const z=ze;if(ot(null),!z)return;const ie={plugin:z.plugin,skill:z.skill};yt(ie),Jt.enqueueDelete(ie),p({message:`Uninstalled ${z.skill}. Sent to your ${Et}.`,severity:"info",durationMs:4e3})},[ze,yt,Jt,p,Et]),_r=c.useCallback(()=>{ot(null)},[]),Vt=c.useCallback(()=>{const z=$e;if(nt(null),!z)return;const ie={plugin:z.plugin,skill:z.skill};yt(ie),Lt.enqueueDelete(ie);const ce=Ht.current?"":`Sent to your ${Et}. Open Trash to restore. `;Ht.current=!0,p({message:`${ce}Deleted ${z.skill}`,severity:"info",durationMs:1e4,action:{label:O.actions.undo,onInvoke:()=>{Lt.cancelDelete(st(ie)),vt(ie)}}})},[$e,yt,vt,Lt,p,Et,st]),jr=c.useCallback(()=>{nt(null)},[]),Xt=c.useMemo(()=>e.skills.filter(z=>!it.has(st(z))),[e.skills,it,st]),Cn=Py(Xt,(V==null?void 0:V.path)??null),Xe=c.useMemo(()=>e.selectedSkill?e.skills.find(z=>z.plugin===e.selectedSkill.plugin&&z.skill===e.selectedSkill.skill)??null:null,[e.skills,e.selectedSkill]),Me=c.useRef(null);c.useEffect(()=>{if(!Xe||typeof window>"u"||new URLSearchParams(window.location.search).get("tab")||!(Xe.origin==="installed"))return;const ce=`${Xe.plugin}/${Xe.skill}`;Me.current!==ce&&(Me.current=ce,E==="overview"&&j("source"))},[Xe==null?void 0:Xe.plugin,Xe==null?void 0:Xe.skill,Xe==null?void 0:Xe.origin]);const dr=c.useCallback(z=>{r({plugin:z.plugin,skill:z.skill,origin:z.origin,source:z.source})},[r]),Qt=c.useMemo(()=>{if(!e.selectedSkill)return"";const z=e.selectedSkill.origin==="installed"?"Installed":"Own";return`Viewing ${e.selectedSkill.skill} (${z})`},[e.selectedSkill]),[En,lt]=c.useState(null);Mo([{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:()=>g(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 Na=fj(),Zt=hj(),bs=v?t.jsx(uw,{online:typeof navigator>"u"?!0:navigator.onLine!==!1,onConnectRepo:()=>{ae("https://verified-skill.com/account/repos/connect")},onOpenRepoOnGitHub:ae,onUpgradeClick:()=>{ae(ka)}}):Zt?t.jsx(c.Suspense,{fallback:t.jsx("div",{style:{padding:40},children:"Loading…"}),children:t.jsx(Rw,{})}):Na?t.jsx(c.Suspense,{fallback:t.jsx("div",{style:{padding:40},children:"Loading…"}),children:t.jsx(Nw,{})}):t.jsx(h0,{selectedSkillInfo:Xe,activeDetailTab:E,onDetailTabChange:C,activeDetailSub:T,onDetailSubChange:w,allSkills:e.skills,onSelectSkill:dr});return t.jsxs(Jd.Provider,{value:ys,children:[t.jsx(yh,{sidebarWidth:f,sidebarHidden:x||e.isMobile&&e.mobileView==="detail",banner:t.jsx($y,{connected:m}),liveMessage:Qt,topRail:t.jsx(jm,{projectName:(l==null?void 0:l.projectName)??null,selected:e.selectedSkill,onHome:n,onRequestCreateSkill:()=>Z("standalone"),projectPickerSlot:A&&A.projects.length>0?t.jsx(Ak,{workspace:A,onSwitch:M,onAdd:H,onRemove:le}):void 0,findSkillsSlot:t.jsx(gj,{}),appUpdateSlot:t.jsx(T0,{}),userDropdownSlot:t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsx(Sj,{}),t.jsx(yj,{})]})}),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(hy,{skills:Xt,selectedKey:e.selectedSkill?{plugin:e.selectedSkill.plugin,skill:e.selectedSkill.skill}:null,onSelect:z=>{k(!1),dr(z)},isLoading:e.skillsLoading,error:e.skillsError??null,onRetry:s,onContextMenu:I,outdatedByOrigin:o,activeAgentId:F,revealSkillId:e.revealSkillId,onRevealComplete:i,dirtySkillIds:Cn,onSkillsChanged:s,topSlot:t.jsxs(t.Fragment,{children:[P.status==="ready"&&L.length>0?t.jsxs(t.Fragment,{children:[t.jsx(yk,{agents:L,activeAgentId:F,onActiveAgentChange:S,onOpenSetup:z=>Pe.open(z)}),t.jsx(jk,{activeAgentId:F})]}):null,V!=null&&V.path?t.jsx(md,{folder:V.path,tier:te.tier}):null]})})}),t.jsx("div",{style:{borderTop:"1px solid var(--border-default, rgba(128,128,128,0.25))",padding:"6px 0"},children:t.jsx(Rj,{active:v,onClick:()=>k(z=>!z)})})]}),resizeHandle:t.jsx(Ny,{initialWidth:f??nn,onChange:h}),main:bs,statusBar:t.jsx(Pm,{projectPath:(l==null?void 0:l.root)??null,modelName:(l==null?void 0:l.model)??null,health:l!=null&&l.error?"degraded":"ok",providers:(Ta=l==null?void 0:l.providers)==null?void 0:Ta.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(L0,{open:y,onClose:()=>g(!1)}),t.jsx(q0,{open:Pe.isOpen,providerKey:Pe.providerKey,onClose:Pe.close}),t.jsx(P0,{state:N,onClose:Je,onAction:(z,ie)=>dj(z,ie)}),t.jsx(c.Suspense,{fallback:null,children:t.jsx(Cw,{onSelect:z=>{const ie=z.name.split("/");ie.length===3&&lt({owner:ie[0],repo:ie[1],slug:ie[2],displayName:z.displayName??z.name})}})}),En&&t.jsx(c.Suspense,{fallback:null,children:t.jsx(Ew,{selectedSkill:En,activeAgentId:F,onClose:()=>lt(null)})}),t.jsx($k,{open:U,projects:(A==null?void 0:A.projects)??[],onSwitch:z=>{M(z)},onClose:()=>ne(!1)}),t.jsx(Mk,{open:me,onClose:()=>be(!1),initialMode:_,isClaudeCode:F==="claude-code",projectRoot:(V==null?void 0:V.path)??(l==null?void 0:l.projectName)??"",onCreated:z=>{s(),setTimeout(()=>{a(z.pluginName??"",z.skillName)},500),J.quotaReportCount(Xt.length+1)}}),t.jsx(Bk,{open:pe,onClose:()=>D(!1),installedNames:xe,privatePlugins:Ye,onInstall:(z,ie)=>{Q({plugin:z,marketplace:ie,ref:`${z}@${ie}`}),D(!1)},onUninstall:async z=>{if(await new Promise(ce=>{we({plugin:z,resolve:ce})}))try{const ce=await fetch(`/api/plugins/${encodeURIComponent(z)}/uninstall`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),at=await ce.json().catch(()=>({}));if(!ce.ok||!at.ok){p({message:at.error??`Uninstall failed (${ce.status})`,severity:"error"});return}const _e=at.fallback==="orphan-cache-removed"?`Removed orphaned ${z}.`:`Uninstalled ${z}.`;p({message:_e,severity:"success"}),s()}catch(ce){p({message:ce instanceof Error?ce.message:String(ce),severity:"error"})}}}),t.jsx(uc,{open:Ie,onClose:()=>ee(!1),initialProvider:De,onToast:z=>p({message:z,severity:"info"})}),t.jsx(Hk,{job:q,onDone:z=>{z.ok&&(s(),setTimeout(()=>Q(null),3e3))}}),Y&&t.jsx(ej,{skill:Y.skill,skillDisplayName:Y.skillDisplayName,scope:Y.scope,activeAgentId:Y.activeAgentId===void 0?F:Y.activeAgentId,preCheckedAgentIds:Y.preCheckedAgentIds,onClose:()=>ue(null),onSuccess:z=>{s();const ie=z.filter(Pt=>Pt.status==="installed").length,ce=z.filter(Pt=>Pt.status==="exported").length,at=z.find(Pt=>Pt.status==="error"),_e=Y.skillDisplayName??Y.skill;at?p({message:at.detail||`Could not install ${_e}.`,severity:"error"}):ce>0?p({message:`Installed ${_e}; ${ce} target${ce===1?"":"s"} need paste.`,severity:"info"}):ie>0&&p({message:`Installed ${_e} to ${ie} target${ie===1?"":"s"}.`,severity:"success"}),z.some(Pt=>Pt.status==="error"||Pt.status==="exported")||ue(null)}}),t.jsx(qn,{open:$e!==null,title:$e?`Delete "${$e.skill}"?`:"",body:`It will be sent to your ${Et}. You can recover it from there.`,confirmLabel:"Delete",cancelLabel:"Cancel",variant:"destructive",onConfirm:Vt,onCancel:jr}),t.jsx(qn,{open:ze!==null,title:ze?`Uninstall "${ze.skill}"?`:"",body:`It will be sent to your ${Et} and the lockfile entry will be removed. You can re-install with vskill install.`,confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onConfirm:vs,onCancel:_r}),t.jsx(qn,{open:he!==null,title:he?`Uninstall ${he.plugin}?`:"",body:he?`This removes the ${he.plugin} plugin and all of its skills. You can reinstall it later from the marketplace.`:"",confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onConfirm:()=>{he==null||he.resolve(!0),we(null)},onCancel:()=>{he==null||he.resolve(!1),we(null)}}),t.jsx(Td,{open:$,skillName:(G==null?void 0:G.repoName)??void 0,onClose:()=>{W(!1),K(null)},onProceed:()=>{K(null)}}),Ne&&t.jsx(M0,{skill:Ne,onCloned:z=>{p({message:O.toasts.cloneSucceeded,severity:"info"}),Se(null);try{window.dispatchEvent(new CustomEvent("studio:skills-changed",{detail:z}))}catch{}s()},onCancel:()=>Se(null)})]})}const Tl="vskill.migrations.scope-rename.v1",Aw={own:"authoring-project",installed:"available-project",global:"available-personal"},Pw=/^vskill-sidebar-(.+)-(own|installed|global)-collapsed$/;function $w(e){if(e.getItem(Tl)==="done")return;const r=[];for(let n=0;n<e.length;n++){const s=e.key(n);if(!s)continue;const o=s.match(Pw);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(Tl,"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{$w(window.localStorage)}catch{}Iu.createRoot(document.getElementById("root")).render(t.jsx(c.StrictMode,{children:t.jsx(Qp,{children:t.jsx(Rm,{children:t.jsx(Tw,{})})})}));export{gs as E,ej as I,Gl as L,Sn as P,b1 as S,zw as T,de as a,It as b,g1 as c,m1 as d,wn as e,cs as f,ij as g,Yd as h,cu as o,xu as r,Cf as s,Rr as t,yr as u,aj as w};