vskill 1.2.4 → 1.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +51 -3
- package/agents.json +6 -1
- package/dist/agents/agents-registry.d.ts +43 -16
- package/dist/agents/agents-registry.js +119 -33
- package/dist/agents/agents-registry.js.map +1 -1
- package/dist/agents/global-dirs.d.ts +19 -0
- package/dist/agents/global-dirs.js +53 -0
- package/dist/agents/global-dirs.js.map +1 -0
- package/dist/audit/fix-suggestions.js +6 -0
- package/dist/audit/fix-suggestions.js.map +1 -1
- package/dist/commands/add-github-bundle.d.ts +29 -0
- package/dist/commands/add-github-bundle.js +135 -0
- package/dist/commands/add-github-bundle.js.map +1 -0
- package/dist/commands/add-lockfile.d.ts +2 -0
- package/dist/commands/add-lockfile.js +1 -1
- package/dist/commands/add-lockfile.js.map +1 -1
- package/dist/commands/add.d.ts +5 -7
- package/dist/commands/add.js +207 -111
- package/dist/commands/add.js.map +1 -1
- package/dist/commands/audit-webmcp.d.ts +25 -0
- package/dist/commands/audit-webmcp.js +167 -0
- package/dist/commands/audit-webmcp.js.map +1 -0
- package/dist/commands/doctor.d.ts +69 -0
- package/dist/commands/doctor.js +760 -0
- package/dist/commands/doctor.js.map +1 -0
- package/dist/commands/remove.js +43 -8
- package/dist/commands/remove.js.map +1 -1
- package/dist/commands/scan.js +1 -1
- package/dist/commands/scan.js.map +1 -1
- package/dist/commands/update.js +12 -4
- package/dist/commands/update.js.map +1 -1
- package/dist/discovery/github-skill-bundle.d.ts +74 -0
- package/dist/discovery/github-skill-bundle.js +323 -0
- package/dist/discovery/github-skill-bundle.js.map +1 -0
- package/dist/eval/skill-scanner.js +7 -1
- package/dist/eval/skill-scanner.js.map +1 -1
- package/dist/eval-server/install-skill-routes.js +10 -3
- package/dist/eval-server/install-skill-routes.js.map +1 -1
- package/dist/eval-server/remove-skill-routes.js +262 -29
- package/dist/eval-server/remove-skill-routes.js.map +1 -1
- package/dist/eval-server/studio-privacy.js +2 -3
- package/dist/eval-server/studio-privacy.js.map +1 -1
- package/dist/eval-server/utils/scan-install-locations.js +22 -3
- package/dist/eval-server/utils/scan-install-locations.js.map +1 -1
- package/dist/eval-ui/assets/{CreateSkillPage-BUrgworx.js → CreateSkillPage-CXDd6gDN.js} +1 -1
- package/dist/eval-ui/assets/{FindSkillsPalette-BstJ22TI.js → FindSkillsPalette-DQ6uGhFP.js} +2 -2
- package/dist/eval-ui/assets/{SearchPaletteCore-Dagnc-E7.js → SearchPaletteCore-DpHCf0mf.js} +1 -1
- package/dist/eval-ui/assets/{SkillDetailPanel-DnujVk6g.js → SkillDetailPanel-BjHFjGxg.js} +1 -1
- package/dist/eval-ui/assets/{UpdateDropdown-B7D2vXrm.js → UpdateDropdown-Cn4Vsq5d.js} +1 -1
- package/dist/eval-ui/assets/main-BmB7Zj9I.js +86 -0
- package/dist/eval-ui/index.html +1 -1
- package/dist/index.js +34 -0
- package/dist/index.js.map +1 -1
- package/dist/installer/bundle-files.d.ts +39 -2
- package/dist/installer/bundle-files.js +80 -10
- package/dist/installer/bundle-files.js.map +1 -1
- package/dist/installer/canonical.d.ts +39 -4
- package/dist/installer/canonical.js +178 -24
- package/dist/installer/canonical.js.map +1 -1
- package/dist/installer/multi-install.d.ts +11 -2
- package/dist/installer/multi-install.js +41 -9
- package/dist/installer/multi-install.js.map +1 -1
- package/dist/installer/transformers/index.d.ts +8 -0
- package/dist/installer/yaml-safe-mutate.js +48 -2
- package/dist/installer/yaml-safe-mutate.js.map +1 -1
- package/dist/lib/github-fetch.js +2 -0
- package/dist/lib/github-fetch.js.map +1 -1
- package/dist/lib/private-source.d.ts +8 -0
- package/dist/lib/private-source.js +16 -2
- package/dist/lib/private-source.js.map +1 -1
- package/dist/scanner/hidden-content.d.ts +47 -0
- package/dist/scanner/hidden-content.js +904 -0
- package/dist/scanner/hidden-content.js.map +1 -0
- package/dist/scanner/installer-hosts.d.ts +26 -0
- package/dist/scanner/installer-hosts.js +92 -0
- package/dist/scanner/installer-hosts.js.map +1 -0
- package/dist/scanner/judge-guard.d.ts +119 -0
- package/dist/scanner/judge-guard.js +481 -0
- package/dist/scanner/judge-guard.js.map +1 -0
- package/dist/scanner/patterns.d.ts +12 -0
- package/dist/scanner/patterns.js +353 -113
- package/dist/scanner/patterns.js.map +1 -1
- package/dist/scanner/repo-scanner.d.ts +4 -0
- package/dist/scanner/repo-scanner.js +4 -1
- package/dist/scanner/repo-scanner.js.map +1 -1
- package/dist/scanner/tier1.js +37 -7
- package/dist/scanner/tier1.js.map +1 -1
- package/dist/scanner/tier2-llm.d.ts +22 -4
- package/dist/scanner/tier2-llm.js +163 -23
- package/dist/scanner/tier2-llm.js.map +1 -1
- package/dist/scanner/types.d.ts +8 -0
- package/dist/webmcp/args.d.ts +34 -0
- package/dist/webmcp/args.js +87 -0
- package/dist/webmcp/args.js.map +1 -0
- package/dist/webmcp/attribution.d.ts +38 -0
- package/dist/webmcp/attribution.js +141 -0
- package/dist/webmcp/attribution.js.map +1 -0
- package/dist/webmcp/enumerate.d.ts +81 -0
- package/dist/webmcp/enumerate.js +436 -0
- package/dist/webmcp/enumerate.js.map +1 -0
- package/dist/webmcp/format.d.ts +9 -0
- package/dist/webmcp/format.js +105 -0
- package/dist/webmcp/format.js.map +1 -0
- package/dist/webmcp/merge.d.ts +49 -0
- package/dist/webmcp/merge.js +167 -0
- package/dist/webmcp/merge.js.map +1 -0
- package/dist/webmcp/score.d.ts +70 -0
- package/dist/webmcp/score.js +586 -0
- package/dist/webmcp/score.js.map +1 -0
- package/dist/webmcp/types.d.ts +92 -0
- package/dist/webmcp/types.js +8 -0
- package/dist/webmcp/types.js.map +1 -0
- package/package.json +1 -1
- package/dist/eval-ui/assets/main-DjA5gpjV.js +0 -86
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DlQYQHDO.js","assets/core-DZjBCfjp.js","assets/UpdateDropdown-B7D2vXrm.js","assets/globals-DmzftdEG.js","assets/globals-BWCNQsMa.css","assets/useDesktopBridge-Cm4zPght.js","assets/fonts-i7Lkz2zN.css","assets/index-DDNzcrhv.js","assets/FindSkillsPalette-BstJ22TI.js","assets/SkillDetailPanel-DnujVk6g.js","assets/skill-url-C4ekwoGs.js","assets/CreateSkillPage-BUrgworx.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{r as c,a as Hu,g as Vu,j as t,R as ge,c as Gu}from"./globals-DmzftdEG.js";import{h as Ku,o as Xn,_ as ar,u as xn,n as Ba,l as Tn}from"./useDesktopBridge-Cm4zPght.js";/* empty css *//**
|
|
3
|
-
* react-router v7.18.4
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Remix Software Inc.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE.md file in the root directory of this source tree.
|
|
9
|
-
*
|
|
10
|
-
* @license MIT
|
|
11
|
-
*/var Zo=/^(?:[a-z][a-z0-9+.-]*:|[\\/]{2})/i,_l=/^[\\/]{2}/;function qu(e,r){return r+e.replace(/\\/g,"/")}var _a="popstate";function Oa(e){return typeof e=="object"&&e!=null&&"pathname"in e&&"search"in e&&"hash"in e&&"state"in e&&"key"in e}function Yu(e={}){function r(o,a){let{pathname:i="/",search:l="",hash:d=""}=Dr(o.location.hash.substring(1));return!i.startsWith("/")&&!i.startsWith(".")&&(i="/"+i),Co("",{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:Pr(a))}function s(o,a){Ft(o.pathname.charAt(0)==="/",`relative pathnames are not supported in hash history.push(${JSON.stringify(a)})`)}return Qu(r,n,s,e)}function tt(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}function Ft(e,r){if(!e){typeof console<"u"&&console.warn(r);try{throw new Error(r)}catch{}}}function Ju(){return Math.random().toString(36).substring(2,10)}function Wa(e,r){return{usr:e.state,key:e.key,idx:r,masked:e.mask?{pathname:e.pathname,search:e.search,hash:e.hash}:void 0}}function Co(e,r,n=null,s,o){return{pathname:typeof e=="string"?e:e.pathname,search:"",hash:"",...typeof r=="string"?Dr(r):r,state:n,key:r&&r.key||s||Ju(),mask:o}}function Pr({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 Dr(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 Qu(e,r,n,s={}){let{window:o=document.defaultView,v5Compat:a=!1}=s,i=o.history,l="POP",d=null,u=p();u==null&&(u=0,i.replaceState({...i.state,idx:u},""));function p(){return(i.state||{idx:null}).idx}function f(){l="POP";let g=p(),b=g==null?null:g-u;u=g,d&&d({action:l,location:x.location,delta:b})}function h(g,b){l="PUSH";let v=Oa(g)?g:Co(x.location,g,b);n&&n(v,g),u=p()+1;let j=Wa(v,u),S=x.createHref(v.mask||v);try{i.pushState(j,"",S)}catch(k){if(k instanceof DOMException&&k.name==="DataCloneError")throw k;o.location.assign(S)}a&&d&&d({action:l,location:x.location,delta:1})}function m(g,b){l="REPLACE";let v=Oa(g)?g:Co(x.location,g,b);n&&n(v,g),u=p();let j=Wa(v,u),S=x.createHref(v.mask||v);i.replaceState(j,"",S),a&&d&&d({action:l,location:x.location,delta:0})}function y(g){return Xu(o,g)}let x={get action(){return l},get location(){return e(o,i)},listen(g){if(d)throw new Error("A history only accepts one active listener");return o.addEventListener(_a,f),d=g,()=>{o.removeEventListener(_a,f),d=null}},createHref(g){return r(o,g)},createURL:y,encodeLocation(g){let b=y(g);return{pathname:b.pathname,search:b.search,hash:b.hash}},push:h,replace:m,go(g){return i.go(g)}};return x}function Xu(e,r,n=!1){let s="http://localhost";e&&(s=e.location.origin!=="null"?e.location.origin:e.location.href),tt(s,"No window.location.(origin|href) available to create URL");let o=typeof r=="string"?r:Pr(r);return o=o.replace(/ $/,"%20"),!n&&_l.test(o)&&(o=s+o),new URL(o,s)}function Ol(e,r,n="/"){return Zu(e,r,n,!1)}function Zu(e,r,n,s,o){let a=typeof r=="string"?Dr(r):r,i=qt(a.pathname||"/",n);if(i==null)return null;let l=ep(e),d=null,u=up(i);for(let p=0;d==null&&p<l.length;++p)d=dp(l[p],u,s);return d}function ep(e){let r=Wl(e);return tp(r),r}function Wl(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=$t([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}".`),Wl(i.children,r,h,f,d)),!(i.path==null&&!i.index)&&r.push({path:f,score:lp(f,i.index),routesMeta:h.map((m,y)=>{let[x,g]=Vl(m.relativePath,m.caseSensitive,y===h.length-1);return{...m,matcher:x,compiledParams:g}})})};return e.forEach((i,l)=>{var d;if(i.path===""||!((d=i.path)!=null&&d.includes("?")))a(i,l);else for(let u of Ul(i.path))a(i,l,!0,u)}),r}function Ul(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=Ul(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 tp(e){e.sort((r,n)=>r.score!==n.score?n.score-r.score:cp(r.routesMeta.map(s=>s.childrenIndex),n.routesMeta.map(s=>s.childrenIndex)))}var rp=/^:[\w-]+$/,np=3,sp=2,op=1,ap=10,ip=-2,Ua=e=>e==="*";function lp(e,r){let n=e.split("/"),s=n.length;return n.some(Ua)&&(s+=ip),r&&(s+=sp),n.filter(o=>!Ua(o)).reduce((o,a)=>o+(rp.test(a)?np:a===""?op:ap),s)}function cp(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 dp(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={path:d.relativePath,caseSensitive:d.caseSensitive,end:u},h=d.matcher&&d.compiledParams?Hl(f,p,d.matcher,d.compiledParams):Zn(f,p),m=d.route;if(!h&&u&&n&&!s[s.length-1].route.index&&(h=Zn({path:d.relativePath,caseSensitive:d.caseSensitive,end:!1},p)),!h)return null;Object.assign(o,h.params),i.push({params:o,pathname:$t([a,h.pathname]),pathnameBase:hp($t([a,h.pathnameBase])),route:m}),h.pathnameBase!=="/"&&(a=$t([a,h.pathnameBase]))}return i}function Zn(e,r){typeof e=="string"&&(e={path:e,caseSensitive:!1,end:!0});let[n,s]=Vl(e.path,e.caseSensitive,e.end);return Hl(e,r,n,s)}function Hl(e,r,n,s){let o=r.match(n);if(!o)return null;let a=o[0],i=$r(a,1),l=o.slice(1);return{params:s.reduce((u,{paramName:p,isOptional:f},h)=>{if(p==="*"){let y=l[h]||"";i=$r(a.slice(0,a.length-y.length),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 Vl(e,r=!1,n=!0){Ft(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 up(e){try{return e.split("/").map(r=>decodeURIComponent(r).replace(/\//g,"%2F")).join("/")}catch(r){return Ft(!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)||"/"}function pp(e,r="/"){let{pathname:n,search:s="",hash:o=""}=typeof e=="string"?Dr(e):e,a;return n?(n=Kl(n),n.startsWith("/")||n.startsWith("\\")?a=Ha(n.substring(1),"/"):a=Ha(n,r)):a=r,{pathname:a,search:mp(s),hash:xp(o)}}function Ha(e,r){let n=$r(r).split("/");return e.split("/").forEach(o=>{o===".."?n.length>1&&n.pop():o!=="."&&n.push(o)}),n.length>1?n.join("/"):"/"}function ws(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 fp(e){return e.filter((r,n)=>n===0||r.route.path&&r.route.path.length>0)}function Gl(e){let r=fp(e);return r.map((n,s)=>s===r.length-1?n.pathname:n.pathnameBase)}function ea(e,r,n,s=!1){let o;typeof e=="string"?o=Dr(e):(o={...e},tt(!o.pathname||!o.pathname.includes("?"),ws("?","pathname","search",o)),tt(!o.pathname||!o.pathname.includes("#"),ws("#","pathname","hash",o)),tt(!o.search||!o.search.includes("#"),ws("#","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=pp(o,l),u=i&&i!=="/"&&i.endsWith("/"),p=(a||i===".")&&n.endsWith("/");return!d.pathname.endsWith("/")&&(u||p)&&(d.pathname+="/"),d}var Kl=e=>e.replace(/[\\/]{2,}/g,"/"),$t=e=>Kl(e.join("/"));function $r(e,r=0){let n=e.length;for(;n>r&&e.charCodeAt(n-1)===47;)n--;return n===e.length?e:e.slice(0,n)}var hp=e=>$r(e).replace(/^\/*/,"/"),mp=e=>!e||e==="?"?"":e.startsWith("?")?e:"?"+e,xp=e=>!e||e==="#"?"":e.startsWith("#")?e:"#"+e,gp=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 yp(e){return e!=null&&typeof e.status=="number"&&typeof e.statusText=="string"&&typeof e.internal=="boolean"&&"data"in e}function vp(e){let r=e.map(n=>n.route.path).filter(Boolean);return $t(r)||"/"}var ql=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function Yl(e,r){let n=e;if(typeof n!="string"||!Zo.test(n))return{absoluteURL:void 0,isExternal:!1,to:n};let s=n,o=!1;if(ql)try{let a=new URL(window.location.href),i=_l.test(n)?new URL(qu(n,a.protocol)):new URL(n),l=qt(i.pathname,r);i.origin===a.origin&&l!=null?n=l+i.search+i.hash:o=!0}catch{Ft(!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 Va=new URL("http://localhost");function Jl(e){if(e.createURL)return e.createURL("/");try{return new URL(e.createHref("/"),Va)}catch{return Va}}function Ss(e,r){return e.origin===r.origin&&(e.origin!=="null"||e.protocol===r.protocol&&e.host===r.host)}function bp(e,r){if(e.startsWith("//"))return!0;let n=r.protocol.toLowerCase();return e.toLowerCase().startsWith(n)?r.host===""||e.slice(n.length).startsWith("//"):!1}function Ql(e,r,n,s){let o=null;try{o=e==null?null:new URL(e,n)}catch{}let a=new URL(r,n),i=o!=null&&!Ss(o,n),l=!Ss(a,n);if(s==="reject"){if(i||l)throw new Error("External navigation is not allowed")}else if(l&&(o==null||!bp(e,o)||!Ss(o,a)))throw new Error("External navigation is not allowed")}var Xl=["POST","PUT","PATCH","DELETE"];new Set(Xl);var kp=["GET",...Xl];new Set(kp);var jp=["about:","blob:","chrome:","chrome-untrusted:","content:","data:","devtools:","file:","filesystem:","javascript:"];function wp(e){try{return jp.includes(new URL(e).protocol)}catch{return!1}}var zr=c.createContext(null);zr.displayName="DataRouter";var as=c.createContext(null);as.displayName="DataRouterState";var Zl=c.createContext(!1);function Sp(){return c.useContext(Zl)}var ec=c.createContext({isTransitioning:!1});ec.displayName="ViewTransition";var Cp=c.createContext(new Map);Cp.displayName="Fetchers";var Ep=c.createContext(null);Ep.displayName="Await";var Tt=c.createContext(null);Tt.displayName="Navigation";var is=c.createContext(null);is.displayName="Location";var Yt=c.createContext({outlet:null,matches:[],isDataRoute:!1});Yt.displayName="Route";var ta=c.createContext(null);ta.displayName="RouteError";var tc="REACT_ROUTER_ERROR",Np="REDIRECT",Rp="ROUTE_ERROR_RESPONSE";function Tp(e){if(e.startsWith(`${tc}:${Np}:{`))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 Ip(e){if(e.startsWith(`${tc}:${Rp}:{`))try{let r=JSON.parse(e.slice(40));if(typeof r=="object"&&r&&typeof r.status=="number"&&typeof r.statusText=="string")return new gp(r.status,r.statusText,r.data)}catch{}}function Lp(e,{relative:r}={}){tt(gn(),"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}=yn(e,{relative:r}),l=a;return n!=="/"&&(l=a==="/"?n:$t([n,a])),s.createHref({pathname:l,search:i,hash:o})}function gn(){return c.useContext(is)!=null}function Jt(){return tt(gn(),"useLocation() may be used only in the context of a <Router> component."),c.useContext(is).location}var rc="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function nc(e){c.useContext(Tt).static||c.useLayoutEffect(e)}function Ap(){let{isDataRoute:e}=c.useContext(Yt);return e?Vp():Pp()}function Pp(){tt(gn(),"useNavigate() may be used only in the context of a <Router> component.");let e=c.useContext(zr),{basename:r,navigator:n}=c.useContext(Tt),{matches:s}=c.useContext(Yt),{pathname:o}=Jt(),a=JSON.stringify(Gl(s)),i=c.useRef(!1);return nc(()=>{i.current=!0}),c.useCallback((d,u={})=>{if(Ft(i.current,rc),!i.current)return;if(typeof d=="number"){n.go(d);return}let p=ea(d,JSON.parse(a),o,u.relative==="path");e==null&&r!=="/"&&(p.pathname=p.pathname==="/"?r:$t([r,p.pathname])),Ql(typeof d=="string"?d:Pr(d),n.createHref(p),Jl(n),"reject"),(u.replace?n.replace:n.push)(p,u.state,u)},[r,n,a,o,e])}c.createContext(null);function yn(e,{relative:r}={}){let{matches:n}=c.useContext(Yt),{pathname:s}=Jt(),o=JSON.stringify(Gl(n));return c.useMemo(()=>ea(e,JSON.parse(o),s,r==="path"),[e,o,s,r])}function $p(e,r,n){tt(gn(),"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 g=u&&u.path||"";oc(l,!u||g.endsWith("*")||g.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${l}" (under <Route path="${g}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
|
|
12
|
-
|
|
13
|
-
Please change the parent <Route path="${g}"> to <Route path="${g==="/"?"*":`${g}/*`}">.`)}let p=Jt(),f;f=p;let h=f.pathname||"/",m=h;if(d!=="/"){let g=d.replace(/^\//,"").split("/");m="/"+h.replace(/^\//,"").split("/").slice(g.length).join("/")}let y=n&&n.state.matches.length?n.state.matches.map(g=>Object.assign(g,{route:n.manifest[g.route.id]||g.route})):Ol(e,{pathname:m});return Ft(u||y!=null,`No routes matched location "${f.pathname}${f.search}${f.hash}" `),Ft(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(g=>Object.assign({},g,{params:Object.assign({},i,g.params),pathname:$t([d,s.encodeLocation?s.encodeLocation(g.pathname.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:g.pathname]),pathnameBase:g.pathnameBase==="/"?d:$t([d,s.encodeLocation?s.encodeLocation(g.pathnameBase.replace(/%/g,"%25").replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:g.pathnameBase])})),o,n)}function Mp(){let e=Hp(),r=yp(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 Fp=c.createElement(Mp,null),sc=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=Ip(e.digest);n&&(e=n)}let r=e!==void 0?c.createElement(Yt.Provider,{value:this.props.routeContext},c.createElement(ta.Provider,{value:e,children:this.props.component})):this.props.children;return this.context?c.createElement(Dp,{error:e},r):r}};sc.contextType=Zl;var Cs=new WeakMap;function Dp({children:e,error:r}){let{basename:n,navigator:s}=c.useContext(Tt);if(typeof r=="object"&&r&&"digest"in r&&typeof r.digest=="string"){let o=Tp(r.digest);if(o){let a=Cs.get(r);if(a)throw a;let i=Yl(o.location,n),l=i.absoluteURL||i.to;if(Ql(o.location,l,Jl(s),"allow-explicit"),wp(l))throw new Error("Invalid redirect location");if(ql&&!Cs.get(r))if(i.isExternal||o.reloadDocument)window.location.href=l;else{const d=Promise.resolve().then(()=>window.__reactRouterDataRouter.navigate(i.to,{replace:o.replace}));throw Cs.set(r,d),d}return c.createElement("meta",{httpEquiv:"refresh",content:`0;url=${l}`})}}return e}function zp({routeContext:e,match:r,children:n}){let s=c.useContext(zr);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)??{},pattern:vp(s.matches),errorInfo:f})}:void 0;return o.reduceRight((p,f,h)=>{let m,y=!1,x=null,g=null;s&&(m=a&&f.route.id?a[f.route.id]:void 0,x=f.route.errorElement||Fp,i&&(l<0&&h===0?(oc("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),y=!0,g=null):l===h&&(y=!0,g=f.route.hydrateFallbackElement||null)));let b=r.concat(o.slice(0,h+1)),v=()=>{let j;return m?j=x:y?j=g:f.route.Component?j=c.createElement(f.route.Component,null):f.route.element?j=f.route.element:j=p,c.createElement(zp,{match:f,routeContext:{outlet:p,matches:b,isDataRoute:s!=null},children:j})};return s&&(f.route.ErrorBoundary||f.route.errorElement||h===0)?c.createElement(sc,{location:s.location,revalidation:s.revalidation,component:x,error:m,children:v(),routeContext:{outlet:null,matches:b,isDataRoute:!0},onError:u}):v()},null)}function ra(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function _p(e){let r=c.useContext(zr);return tt(r,ra(e)),r}function Op(e){let r=c.useContext(as);return tt(r,ra(e)),r}function Wp(e){let r=c.useContext(Yt);return tt(r,ra(e)),r}function na(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 Up(){return na("useRouteId")}function Hp(){var s;let e=c.useContext(ta),r=Op("useRouteError"),n=na("useRouteError");return e!==void 0?e:(s=r.errors)==null?void 0:s[n]}function Vp(){let{router:e}=_p("useNavigate"),r=na("useNavigate"),n=c.useRef(!1);return nc(()=>{n.current=!0}),c.useCallback(async(o,a={})=>{Ft(n.current,rc),n.current&&(typeof o=="number"?await e.navigate(o):await e.navigate(o,{fromRouteId:r,...a}))},[e,r])}var Ga={};function oc(e,r,n){!r&&!Ga[e]&&(Ga[e]=!0,Ft(!1,n))}c.memo(Gp);function Gp({routes:e,manifest:r,future:n,state:s,isStatic:o,onError:a}){return $p(e,void 0,{manifest:r,state:s,isStatic:o,onError:a})}function Kp({basename:e="/",children:r=null,location:n,navigationType:s="POP",navigator:o,static:a=!1,useTransitions:i}){tt(!gn(),"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,useTransitions:i,future:{}}),[l,o,a,i]);typeof n=="string"&&(n=Dr(n));let{pathname:u="/",search:p="",hash:f="",state:h=null,key:m="default",mask:y}=n,x=c.useMemo(()=>{let g=qt(u,l);return g==null?null:{location:{pathname:g,search:p,hash:f,state:h,key:m,mask:y},navigationType:s}},[l,u,p,f,h,m,s,y]);return Ft(x!=null,`<Router basename="${l}"> is not able to match the URL "${u}${p}${f}" because it does not start with the basename, so the <Router> won't render anything.`),x==null?null:c.createElement(Tt.Provider,{value:d},c.createElement(is.Provider,{children:r,value:x}))}var Vn="get",Gn="application/x-www-form-urlencoded";function ls(e){return typeof HTMLElement<"u"&&e instanceof HTMLElement}function qp(e){return ls(e)&&e.tagName.toLowerCase()==="button"}function Yp(e){return ls(e)&&e.tagName.toLowerCase()==="form"}function Jp(e){return ls(e)&&e.tagName.toLowerCase()==="input"}function Qp(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}function Xp(e,r){return e.button===0&&(!r||r==="_self")&&!Qp(e)}var In=null;function Zp(){if(In===null)try{new FormData(document.createElement("form"),0),In=!1}catch{In=!0}return In}var ef=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function Es(e){return e!=null&&!ef.has(e)?(Ft(!1,`"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${Gn}"`),null):e}function tf(e,r){let n,s,o,a,i;if(Yp(e)){let l=e.getAttribute("action");s=l?qt(l,r):null,n=e.getAttribute("method")||Vn,o=Es(e.getAttribute("enctype"))||Gn,a=new FormData(e)}else if(qp(e)||Jp(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")||Vn,o=Es(e.getAttribute("formenctype"))||Es(l.getAttribute("enctype"))||Gn,a=new FormData(l,e),!Zp()){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(ls(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');n=Vn,s=null,o=Gn,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 sa(e,r){if(e===!1||e===null||typeof e>"u")throw new Error(r)}function ac(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(r)}/_root.${s}`:o.pathname=`${$r(o.pathname)}.${s}`,o}async function rf(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 nf(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 sf(e,r,n){let s=await Promise.all(e.map(async o=>{let a=r.routes[o.route.id];if(a){let i=await rf(a,n);return i.links?i.links():[]}return[]}));return cf(s.flat(1).filter(nf).filter(o=>o.rel==="stylesheet"||o.rel==="preload").map(o=>o.rel==="stylesheet"?{...o,rel:"prefetch",as:"style"}:{...o,rel:"prefetch"}))}function Ka(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 of(e,r,{includeHydrateFallback:n}={}){return af(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 af(e){return[...new Set(e)]}function lf(e){let r={},n=Object.keys(e).sort();for(let s of n)r[s]=e[s];return r}function cf(e,r){let n=new Set;return new Set(r),e.reduce((s,o)=>{let a=JSON.stringify(lf(o));return n.has(a)||(n.add(a),s.push({key:a,link:o})),s},[])}function oa(){let e=c.useContext(zr);return sa(e,"You must render this element inside a <DataRouterContext.Provider> element"),e}function df(){let e=c.useContext(as);return sa(e,"You must render this element inside a <DataRouterStateContext.Provider> element"),e}var aa=c.createContext(void 0);aa.displayName="FrameworkContext";function cs(){let e=c.useContext(aa);return sa(e,"You must render this element inside a <HydratedRouter> element"),e}function uf(e,r){let n=c.useContext(aa),[s,o]=c.useState(!1),[a,i]=c.useState(!1),{onFocus:l,onBlur:d,onMouseEnter:u,onMouseLeave:p,onTouchStart:f}=r,h=c.useRef(null);c.useEffect(()=>{if(e==="render"&&i(!0),e==="viewport"){let x=b=>{b.forEach(v=>{i(v.isIntersecting)})},g=new IntersectionObserver(x,{threshold:.5});return h.current&&g.observe(h.current),()=>{g.disconnect()}}},[e]),c.useEffect(()=>{if(s){let x=setTimeout(()=>{i(!0)},100);return()=>{clearTimeout(x)}}},[s]);let m=()=>{o(!0)},y=()=>{o(!1),i(!1)};return n?e!=="intent"?[a,h,{}]:[a,h,{onFocus:Hr(l,m),onBlur:Hr(d,y),onMouseEnter:Hr(u,m),onMouseLeave:Hr(p,y),onTouchStart:Hr(f,m)}]:[!1,h,{}]}function Hr(e,r){return n=>{e&&e(n),n.defaultPrevented||r(n)}}function pf({page:e,...r}){let n=Sp(),{nonce:s}=cs(),{router:o}=oa(),a=c.useMemo(()=>Ol(o.routes,e,o.basename),[o.routes,e,o.basename]);return a?(r.nonce==null&&s&&(r={...r,nonce:s}),n?c.createElement(hf,{page:e,matches:a,...r}):c.createElement(mf,{page:e,matches:a,...r})):null}function ff(e){let{manifest:r,routeModules:n}=cs(),[s,o]=c.useState([]);return c.useEffect(()=>{let a=!1;return sf(e,r,n).then(i=>{a||o(i)}),()=>{a=!0}},[e,r,n]),s}function hf({page:e,matches:r,...n}){let s=Jt(),{future:o}=cs(),{basename:a}=oa(),i=c.useMemo(()=>{if(e===s.pathname+s.search+s.hash)return[];let l=ac(e,a,o.v8_trailingSlashAwareDataRequests,"rsc"),d=!1,u=[];for(let p of r)typeof p.route.shouldRevalidate=="function"?d=!0:u.push(p.route.id);return d&&u.length>0&&l.searchParams.set("_routes",u.join(",")),[l.pathname+l.search]},[a,o.v8_trailingSlashAwareDataRequests,e,s,r]);return c.createElement(c.Fragment,null,i.map(l=>c.createElement("link",{key:l,rel:"prefetch",as:"fetch",href:l,...n})))}function mf({page:e,matches:r,...n}){let s=Jt(),{future:o,manifest:a,routeModules:i}=cs(),{basename:l}=oa(),{loaderData:d,matches:u}=df(),p=c.useMemo(()=>Ka(e,r,u,a,s,"data"),[e,r,u,a,s]),f=c.useMemo(()=>Ka(e,r,u,a,s,"assets"),[e,r,u,a,s]),h=c.useMemo(()=>{if(e===s.pathname+s.search+s.hash)return[];let x=new Set,g=!1;if(r.forEach(v=>{var S;let j=a.routes[v.route.id];!j||!j.hasLoader||(!p.some(k=>k.route.id===v.route.id)&&v.route.id in d&&((S=i[v.route.id])!=null&&S.shouldRevalidate)||j.hasClientLoader?g=!0:x.add(v.route.id))}),x.size===0)return[];let b=ac(e,l,o.v8_trailingSlashAwareDataRequests,"data");return g&&x.size>0&&b.searchParams.set("_routes",r.filter(v=>x.has(v.route.id)).map(v=>v.route.id).join(",")),[b.pathname+b.search]},[l,o.v8_trailingSlashAwareDataRequests,d,s,a,p,r,e,i]),m=c.useMemo(()=>of(f,a),[f,a]),y=ff(f);return c.createElement(c.Fragment,null,h.map(x=>c.createElement("link",{key:x,rel:"prefetch",as:"fetch",href:x,...n})),m.map(x=>c.createElement("link",{key:x,rel:"modulepreload",href:x,...n})),y.map(({key:x,link:g})=>c.createElement("link",{key:x,nonce:n.nonce,...g,crossOrigin:g.crossOrigin??n.crossOrigin})))}function xf(...e){return r=>{e.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r)})}}var gf=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{gf&&(window.__reactRouterVersion="7.18.4")}catch{}function yf({basename:e,children:r,useTransitions:n,window:s}){let o=c.useRef();o.current==null&&(o.current=Yu({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(Kp,{basename:e,children:r,location:i.location,navigationType:i.action,navigator:a,useTransitions:n})}var ic=c.forwardRef(function({onClick:r,discover:n="render",prefetch:s="none",relative:o,reloadDocument:a,replace:i,mask:l,state:d,target:u,to:p,preventScrollReset:f,viewTransition:h,defaultShouldRevalidate:m,...y},x){let{basename:g,navigator:b,useTransitions:v}=c.useContext(Tt),j=typeof p=="string"&&Zo.test(p),S=Yl(p,g);p=S.to;let k=Lp(p,{relative:o}),T=Jt(),w=null;if(l){let C=ea(l,[],T.mask?T.mask.pathname:"/",!0);g!=="/"&&(C.pathname=C.pathname==="/"?g:$t([g,C.pathname])),w=b.createHref(C)}let[E,N,R]=uf(s,y),L=jf(p,{replace:i,mask:l,state:d,target:u,preventScrollReset:f,relative:o,viewTransition:h,defaultShouldRevalidate:m,useTransitions:v});function A(C){r&&r(C),C.defaultPrevented||L(C)}let $=!(S.isExternal||a),W=c.createElement("a",{...y,...R,href:($?w:void 0)||S.absoluteURL||k,onClick:$?A:r,ref:xf(x,N),target:u,"data-discover":!j&&n==="render"?"true":void 0});return E&&!j?c.createElement(c.Fragment,null,W,c.createElement(pf,{page:k})):W});ic.displayName="Link";var vf=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=yn(i,{relative:u.relative}),h=Jt(),m=c.useContext(as),{navigator:y,basename:x}=c.useContext(Tt),g=m!=null&&Nf(f)&&l===!0,b=y.encodeLocation?y.encodeLocation(f).pathname:f.pathname,v=h.pathname,j=m&&m.navigation&&m.navigation.location?m.navigation.location.pathname:null;n||(v=v.toLowerCase(),j=j?j.toLowerCase():null,b=b.toLowerCase()),j&&x&&(j=qt(j,x)||j);const S=b!=="/"&&b.endsWith("/")?b.length-1:b.length;let k=v===b||!o&&v.startsWith(b)&&v.charAt(S)==="/",T=j!=null&&(j===b||!o&&j.startsWith(b)&&j.charAt(b.length)==="/"),w={isActive:k,isPending:T,isTransitioning:g},E=k?r:void 0,N;typeof s=="function"?N=s(w):N=[s,k?"active":null,T?"pending":null,g?"transitioning":null].filter(Boolean).join(" ");let R=typeof a=="function"?a(w):a;return c.createElement(ic,{...u,"aria-current":E,className:N,ref:p,style:R,to:i,viewTransition:l},typeof d=="function"?d(w):d)});vf.displayName="NavLink";var bf=c.forwardRef(({discover:e="render",fetcherKey:r,navigate:n,reloadDocument:s,replace:o,state:a,method:i=Vn,action:l,onSubmit:d,relative:u,preventScrollReset:p,viewTransition:f,defaultShouldRevalidate:h,...m},y)=>{let{useTransitions:x}=c.useContext(Tt),g=Cf(),b=Ef(l,{relative:u}),v=i.toLowerCase()==="get"?"get":"post",j=typeof l=="string"&&Zo.test(l),S=k=>{if(d&&d(k),k.defaultPrevented)return;k.preventDefault();let T=k.nativeEvent.submitter,w=(T==null?void 0:T.getAttribute("formmethod"))||i,E=()=>g(T||k.currentTarget,{fetcherKey:r,method:w,navigate:n,replace:o,state:a,relative:u,preventScrollReset:p,viewTransition:f,defaultShouldRevalidate:h});x&&n!==!1?c.startTransition(()=>E()):E()};return c.createElement("form",{ref:y,method:v,action:b,onSubmit:s?d:S,...m,"data-discover":!j&&e==="render"?"true":void 0})});bf.displayName="Form";function kf(e){return`${e} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function lc(e){let r=c.useContext(zr);return tt(r,kf(e)),r}function jf(e,{target:r,replace:n,mask:s,state:o,preventScrollReset:a,relative:i,viewTransition:l,defaultShouldRevalidate:d,useTransitions:u}={}){let p=Ap(),f=Jt(),h=yn(e,{relative:i});return c.useCallback(m=>{if(Xp(m,r)){m.preventDefault();let y=n!==void 0?n:Pr(f)===Pr(h),x=()=>p(e,{replace:y,mask:s,state:o,preventScrollReset:a,relative:i,viewTransition:l,defaultShouldRevalidate:d});u?c.startTransition(()=>x()):x()}},[f,p,h,n,s,o,r,e,a,i,l,d,u])}var wf=0,Sf=()=>`__${String(++wf)}__`;function Cf(){let{router:e}=lc("useSubmit"),{basename:r}=c.useContext(Tt),n=Up(),s=e.fetch,o=e.navigate;return c.useCallback(async(a,i={})=>{let{action:l,method:d,encType:u,formData:p,body:f}=tf(a,r);if(i.navigate===!1){let h=i.fetcherKey||Sf();await s(h,n,i.action||l,{defaultShouldRevalidate:i.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,{defaultShouldRevalidate:i.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 Ef(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={...yn(e||".",{relative:r})},i=Jt();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:$t([n,a.pathname])),Pr(a)}function Nf(e,{relative:r}={}){let n=c.useContext(ec);tt(n!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`. Did you accidentally import `RouterProvider` from `react-router`?");let{basename:s}=lc("useViewTransitionState"),o=yn(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 Zn(o.pathname,i)!=null||Zn(o.pathname,a)!=null}var Br=Hu();const Rf=Vu(Br),Tf=/^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/;function Ln(e){if(typeof e!="string")return null;const r=e.trim();return r===""||!Tf.test(r)||r==="0.0.0"?null:r}function cc(e){if(e.preferInstalled){const o=Ln(e.installedCurrentVersion);if(o)return{version:o,versionSource:"registry"}}const r=Ln(e.frontmatterVersion);if(r)return{version:r,versionSource:"frontmatter"};const n=Ln(e.registryCurrentVersion);if(n)return{version:n,versionSource:"registry"};const s=Ln(e.pluginVersion);return s?{version:s,versionSource:"plugin"}:{version:"1.0.0",versionSource:"default"}}const If=new Set(["private_repository","unsupported_repository"]),Lf=new Set(["private_publishing_unavailable","draft_persistence_unavailable"]);class Eo extends Error{constructor(r,n,s){super(n),this.name="SubmissionRefusedError",this.code=r,this.status=s}}function dc(e){return e instanceof Eo||e instanceof Error&&e.name==="SubmissionRefusedError"&&typeof e.code=="string"}function Af(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&&If.has(n)?new Eo(n,s||"Nothing was submitted to verified-skill.com.",422):(r==null?void 0:r.status)===503&&Lf.has(n)?new Eo(n,s||"Hosted private publishing is not open yet.",503):e}const Pf={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1},qa={own:"authoring-project",installed:"available-project",global:"available-personal"},No=new Set(["available-project","available-personal","available-plugin","authoring-project","authoring-plugin"]);function $f(e){if(typeof e=="string"){if(No.has(e))return e;if(Object.prototype.hasOwnProperty.call(qa,e))return qa[e]}return"authoring-project"}function Mf(e){return e.startsWith("available-")?"available":"authoring"}function Ff(e){const r=e.indexOf("-");return e.slice(r+1)}const bt="";function An(e,r){try{let n=!1;const s=Pf;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 ye(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 Ya(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 Ja=100;function Qa(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 Df(e){return typeof e=="number"&&Number.isFinite(e)?e:null}function Rr(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 zf(e){if(!e||typeof e!="object")return null;const r=e,n=Ge(r.python)??void 0,s=Rr(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:Rr(r.requires)??void 0}}function _f(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"&&No.has(r.scopeV2)?r.scopeV2:$f(r.scope),i=Mf(a),l=Ff(a),d=typeof r.precedenceRank=="number"?r.precedenceRank:void 0;let u;r.shadowedBy===null?u=null:typeof r.shadowedBy=="string"&&No.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:Rr(r.tags),deps:Rr(r.deps),mcpDeps:Rr(r.mcpDeps),entryPoint:Ge(r.entryPoint),lastModified:Ge(r.lastModified),sizeBytes:Df(r.sizeBytes),sourceAgent:Ge(r.sourceAgent),secrets:Rr(r.secrets),runtime:zf(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=cc({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 ye("/api/config")},setConfig(e,r){return ye("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:e,model:r})})},revealInEditor(e,r,n){return ye("/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 ye(`/api/skills${n?"?"+n:""}`);return Array.isArray(s)?s.map(_f):[]},getSkillInstallState(e){return ye(`/api/studio/install-state?skill=${encodeURIComponent(e)}`)},async convertToPlugin(e){return ye("/api/authoring/convert-to-plugin",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getAgents(){return ye("/api/agents")},getSkillDetail(e,r){return ye(`/api/skills/${e}/${r}`)},async getEvals(e,r){const n=await ye(`/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 ye(`/api/skills/${e}/${r}/evals`)},getActivationHistoryEnvelope(e,r){return ye(`/api/skills/${e}/${r}/activation-history`)},saveEvals(e,r,n){return ye(`/api/skills/${e}/${r}/evals`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})},generateEvals(e,r){return ye(`/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 ye(`/api/skills/${e}/${r}/history${o?"?"+o:""}`)},getHistoryEntry(e,r,n){return ye(`/api/skills/${e}/${r}/history/${encodeURIComponent(n)}`)},compareRuns(e,r,n,s){return ye(`/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 ye(`/api/skills/${e}/${r}/history/case/${n}${a?"?"+a:""}`)},deleteHistoryEntry(e,r,n){return ye(`/api/skills/${e}/${r}/history/${encodeURIComponent(n)}`,{method:"DELETE"})},deleteSkill(e,r){return ye(`/api/skills/${e}/${r}`,{method:"DELETE"})},uninstallSkill(e,r){return ye(`/api/skills/${e}/${r}/uninstall`,{method:"POST"})},improveSkill(e,r,n){return ye(`/api/skills/${e}/${r}/improve`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})},instructEdit(e,r,n){return ye(`/api/skills/${e}/${r}/improve`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({mode:"instruct",...n})})},applyImprovement(e,r,n){return ye(`/api/skills/${e}/${r}/apply-improvement`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:n})})},getStats(e,r){return ye(`/api/skills/${e}/${r}/stats`)},getDependencies(e,r){return ye(`/api/skills/${e}/${r}/dependencies`)},getProjectLayout(){return ye("/api/project-layout")},getProjectGitHubStatus(){return ye("/api/project/github-status")},createSkill(e){return ye("/api/skills/create",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},detectEngines(){return ye("/api/studio/detect-engines")},saveDraft(e){return ye("/api/skills/save-draft",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getSkillCreatorStatus(){return ye("/api/skill-creator-status")},generateSkill(e){return ye("/api/skills/generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)})},getSkillFiles(e,r){return ye(`/api/skills/${e}/${r}/files`)},getSkillFile(e,r,n){return ye(`/api/skills/${e}/${r}/file?path=${encodeURIComponent(n)}`)},saveSkillFile(e,r,n,s){return ye(`/api/skills/${e}/${r}/file`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({path:n,content:s})})},getLeaderboard(e,r){return ye(`/api/skills/${e}/${r}/leaderboard`)},getLeaderboardEntry(e,r,n){return ye(`/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 ye(`/api/credentials/${e}/${r}`)},setCredential(e,r,n,s){return ye(`/api/credentials/${e}/${r}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:n,value:s})})},getParams(e,r){return ye(`/api/credentials/${e}/${r}/params`)},getParamsRevealed(e,r,n){const s=n?`reveal=true&key=${encodeURIComponent(n)}`:"reveal=true";return ye(`/api/credentials/${e}/${r}/params?${s}`)},searchModels(){return ye("/api/openrouter/models")},async getSkillVersions(e,r){const n=await ye(`/api/skills/${e}/${r}/versions`);return Array.isArray(n)?n:Array.isArray(n.versions)?n.versions:[]},getSkillVersionsEnvelope(e,r){return ye(`/api/skills/${e}/${r}/versions`)},getVersionDiff(e,r,n,s){return ye(`/api/skills/${e}/${r}/versions/diff?from=${n}&to=${s}`)},startBatchUpdate(e){const r=`${bt}/api/skills/batch-update`,n=new EventSource(r);return fetch(r,{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({skills:e})}),n},startSkillUpdate(e,r){const n=`${bt}/api/skills/${e}/${r}/update`,s=new EventSource(n);return fetch(n,{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"}}),s},async postSkillUpdate(e,r,n){let s,o;if(n&&typeof n.aborted=="boolean")s=n;else if(n&&typeof n=="object"){const p=n;s=p.signal,o=p.agentId}const a=o?`?agent=${encodeURIComponent(o)}`:"",i=`${bt}/api/skills/${e}/${r}/update${a}`,l=await fetch(i,{method:"POST",headers:{"Content-Type":"application/json"},signal:s});let d,u="";if(l.body){const p=l.body.getReader(),f=new TextDecoder;let h=!1,m="";for(;!h;){const x=await p.read();if(h=x.done,x.value){const g=f.decode(x.value,{stream:!h});m+=g,u.length<200&&(u+=g)}}const y=m.match(/event:\s*done[\s\S]*?data:\s*(\{[^\n]+\})/);if(y)try{d=JSON.parse(y[1]).version}catch{}u=u.slice(0,200)}else{const p=await l.text();u=p.slice(0,200);const f=p.match(/event:\s*done[\s\S]*?data:\s*(\{[^\n]+\})/);if(f)try{d=JSON.parse(f[1]).version}catch{}}return{ok:l.ok,status:l.status,body:u,version:d}},async rescanSkill(e,r){const n=`${e}/${r}`,s=await fetch(`${bt}/api/v1/skills/${encodeURIComponent(n)}/rescan`,{method:"POST",headers:{"Content-Type":"application/json"}});if(!s.ok)throw new Error(`rescan failed: HTTP ${s.status}`);return await s.json()},async getSkillUpdates(){try{const e=await fetch(`${bt}/api/skills/updates`);return e.ok?await e.json():[]}catch{return[]}},async checkSkillUpdates(e){if(e.length===0)return[];const r=[...e].sort(),n=Qa(r,Ja),s=async a=>{try{const i=await Ya(`${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=Qa(e,Ja),n=async a=>{try{const i=await Ya(`${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 An("lookup-by-name-error",{status:n.status}),[];const s=await n.json().catch(a=>(An("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&&An("lookup-by-name-no-results-array",{}),[])}catch(n){return An("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 Ns(`/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 Ns(`/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 Ns(`/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 ye(`/api/studio/ops${n?"?"+n:""}`)},deleteStudioOp(e){return ye(`/api/studio/ops/${encodeURIComponent(e)}`,{method:"DELETE"})},studioOpsStream(){return new EventSource(`${bt}/api/studio/ops/stream`)},gitRemote(){return ye("/api/git/remote")},gitDiff(){return ye("/api/git/diff",{method:"POST"})},gitStatus(){return ye("/api/git/status")},gitCommitMessage(e){return ye("/api/git/commit-message",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e??{})})},gitPublish(e){return ye("/api/git/publish",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e??{})})},async submitToQueue(e){const r=await ye("/api/v1/submissions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}).catch(Af);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 ye("/api/v1/submissions?mine=1")},getSubmission(e){return ye(`/api/v1/submissions/${encodeURIComponent(e)}`)},getPositions(e){const r=e&&e.length>0?`?ids=${encodeURIComponent(e.join(","))}`:"";return ye(`/api/v1/submissions/positions${r}`)},async getAccountTenants(){return ye("/api/v1/account/tenants")},async getActiveTenant(){return ye("/__internal/active-tenant")},async setActiveTenant(e){return ye("/__internal/active-tenant",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({currentTenant:e})})}};async function Ns(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(`
|
|
14
|
-
`);i=h.pop()??"";for(const m of h)if(m.startsWith("event: "))l=m.slice(7).trim();else if(m.startsWith("data: ")){let y={};try{y=JSON.parse(m.slice(6))}catch{l="";continue}if(l==="started"||l==="copied"||l==="deleted"||l==="indexed"||l==="done"||l==="error"){const x={type:l,...y};r==null||r(x),x.type==="done"&&(d=x),x.type==="error"&&(u=x)}l=""}}if(u){const p=new 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 Of(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&&!Of(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=cc({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 Kn=new Map,pr=new Map,Zr=new Map;function Be(e){Kn.delete(e),pr.delete(e);const r=Zr.get(e);if(r)for(const n of r)n()}function Ct(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(x=>x+1)};c.useEffect(()=>(p.current=!0,()=>{p.current=!1}),[]),c.useEffect(()=>{if(!o)return;const x=()=>{p.current&&u(g=>g+1)};return Zr.has(e)||Zr.set(e,new Set),Zr.get(e).add(x),()=>{var g;(g=Zr.get(e))==null||g.delete(x)}},[e,o]),c.useEffect(()=>{if(!o)return;const x=Kn.get(e);if(!(!x||Date.now()-x.fetchedAt>s))return;if(pr.has(e)){const j=pr.get(e),S=()=>{p.current&&f.current===e&&a(k=>k+1)};j.subscribers.push(S);return}const b={promise:Promise.resolve(),subscribers:[]},v=r().then(j=>{Kn.set(e,{data:j,fetchedAt:Date.now()}),pr.delete(e),p.current&&f.current===e&&(l(void 0),a(S=>S+1));for(const S of b.subscribers)S()},j=>{pr.delete(e);const S=j instanceof Error?j:new Error(String(j));p.current&&f.current===e&&(l(S),a(k=>k+1));for(const k of b.subscribers)k()});b.promise=v,pr.set(e,b)},[e,r,s,o,d]);const m=Kn.get(e),y=o&&!m&&!i&&pr.has(e);return{data:m==null?void 0:m.data,loading:y,error:i,revalidate:h}}function Uf(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 Hf(e,r){try{if(!await Ku())return;const{q:n,...s}=r;await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s),keepalive:!0})}catch{}}const Vf=500,Ro="vskill.updates.seenLastId";function Gf(){if(typeof window>"u")return null;try{return window.localStorage.getItem(Ro)}catch{return null}}function Rs(e){if(!(typeof window>"u"))try{e==null?window.localStorage.removeItem(Ro):window.localStorage.setItem(Ro,e)}catch{}}function Kf(){let e=new Map;const r=new Set,n=new Set,s=[];let o=Gf();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>Vf){const d=s.shift();d&&n.delete(d)}o=l,Rs(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,Rs(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,Rs(null),a()}}}const tr=Kf(),uc="vskill:toast-queue",qf=10,Yf=1800*1e3;function ds(){return typeof window<"u"&&typeof window.localStorage<"u"}function pc(){if(!ds())return[];try{const e=window.localStorage.getItem(uc);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 fc(e){if(ds())try{window.localStorage.setItem(uc,JSON.stringify(e))}catch{}}function Jf(e){if(!ds())return"enqueued";const r=pc();if(r.some(o=>o.eventId===e.eventId))return"deduped";let n=!1;const s=[...r,e];for(;s.length>qf;)s.shift(),n=!0;return fc(s),n?"evicted":"enqueued"}function Qf(){if(!ds())return[];const e=pc();if(e.length===0)return[];fc([]);const r=Date.now()-Yf;return e.filter(n=>n.enqueuedAt>=r)}const Xf="X-Studio-Token";let mr=null,Vr=null,Xa=!1,Pn=null;function Zf(){var e;return typeof window>"u"?!1:!!((e=window.__TAURI_INTERNALS__)!=null&&e.invoke)}function ia(){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 eh(){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 th(){if(mr)return mr;const e=ia();return e?(mr=e,e):Vr||(Vr=eh().then(r=>(r&&(mr=r),Vr=null,r)),Vr)}function rh(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 nh(){Xa||typeof globalThis.fetch!="function"||!(ia()!==null)&&!Zf()||(Xa=!0,Pn=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,!rh(s))return Pn(r,n);const o=await th();if(!o)return Pn(r,n);const a={...n??{}},i=new Headers(a.headers??{});return i.set(Xf,o),a.headers=i,Pn(r,a)})}function sh(){if(mr)return mr;const e=ia();return e?(mr=e,e):null}const us=new Set(["PUBLISHED","AUTO_APPROVED","VENDOR_APPROVED"]),la=new Set(["REJECTED","TIER1_FAILED","BLOCKED"]),To=new Set;function hc(e,r){return`${e}::${r}`}function mc(e,r){const n=hc(e,r);return To.has(n)?!1:(To.add(n),!0)}function oh(e,r){To.add(hc(e,r))}function ah(e){return`https://verified-skill.com/submit/${encodeURIComponent(e)}`}function ih(e,r,n){const s=r||"Your skill";return us.has(n)?{outcome:"approved",title:"Skill approved",body:`${s} is now published on verified-skill.com`}:la.has(n)?{outcome:"rejected",title:"Skill rejected",body:`${s} ${n==="BLOCKED"?"was blocked":"was rejected"}. Tap to see why.`,clickUrl:ah(e)}:null}function lh(){return typeof window<"u"&&"__TAURI_INTERNALS__"in window}async function ch(){try{return await ar(()=>import("./index-DlQYQHDO.js"),__vite__mapDeps([0,1]))}catch{return null}}async function dh(e){try{let r=await e.isPermissionGranted();return r||(r=await e.requestPermission()==="granted"),r}catch{return!1}}async function xc(e,r,n){const s=ih(e,r,n);if(!s||!lh())return!1;const o=await ch();if(!o||!await dh(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(()=>{Xn(i);try{l==null||l()}catch{}})}catch{}try{return o.sendNotification({title:s.title,body:s.body}),!0}catch{return!1}}function Za(e){return typeof e=="string"&&e.length>0}function uh(e){if(typeof e!="string")return null;const r=e.trim();return r.length>0?`usr_${r}`:null}function ph(e){const r=[];for(const n of e){const s=Za(n.uuid),o=Za(n.slug);if(!s&&!o)continue;const a={};s&&(a.uuid=n.uuid),o&&(a.slug=n.slug),r.push(a)}return r}const fh=3e5,hh=500,mh=15e3,xh=6e4,gh=6e4,yh="/api/v1/skills/stream",vh=250,bh=500,kh="/api/v1/studio/telemetry/sse",ei="vskill.studio.sse.sessionId";function gc(){var e;try{const r=(e=import.meta)==null?void 0:e.env;if(r&&typeof r=="object")return r}catch{}return{}}function jh(){if(typeof window>"u")return!1;const e=gc();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 wh(){if(typeof window>"u")return!0;const e=gc();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(jh())try{const n=new Date().toISOString();r?console.debug(`[sse] ${n} ${e}`,r):console.debug(`[sse] ${n} ${e}`)}catch{}}function ti(){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 Sh(){if(typeof window>"u")return"";try{const e=window.sessionStorage.getItem(ei);if(e)return e;const r=ti();return window.sessionStorage.setItem(ei,r),r}catch{return ti()}}function ri(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 ni(e){let r=0;for(const n of e)n.updateAvailable&&r++;return r}function Ch(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 Eh(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 Nh(e){const r=(e==null?void 0:e.intervalMs)??fh,n=(e==null?void 0:e.debounceMs)??hh,s=(e==null?void 0:e.timeoutMs)??mh,o=(e==null?void 0:e.staleAfterMs)??xh,a=(e==null?void 0:e.disconnectFallbackMs)??gh,i=(e==null?void 0:e.streamUrlBase)??yh,l=(e==null?void 0:e.replayIntervalMs)??vh,d=uh(e==null?void 0:e.userId),u=c.useMemo(()=>{const O=(e==null?void 0:e.skillIds)??[];if(O.length===0&&!d)return"";const G=d?1:0,K=[...new Set(O)].filter(te=>te!==d).sort().slice(0,bh-G),se=d?[...K,d]:K;return se.length===0?"":se.sort().join(",")},[e==null?void 0:e.skillIds,d]),p=c.useMemo(()=>{const O=(e==null?void 0:e.trackingSkillIds)??(e==null?void 0:e.skillIds)??[];return O.length===0?"":[...O].sort().join(",")},[e==null?void 0:e.trackingSkillIds,e==null?void 0:e.skillIds]),[f,h]=c.useState([]),[m,y]=c.useState(()=>new Map),[x,g]=c.useState(0),[b,v]=c.useState(!1),[j,S]=c.useState(null),[k,T]=c.useState(null),w=c.useRef(null),E=c.useRef(null),N=c.useRef(null),R=c.useRef(null),L=c.useRef(!0),A=c.useRef(new Set),[$,W]=c.useState(()=>u?"connecting":"fallback"),C=c.useRef($);C.current=$;const I=c.useRef(new Set),P=c.useRef(null),F=c.useSyncExternalStore(O=>tr.subscribe(O),()=>tr.getSnapshot(),()=>tr.getSnapshot()),H=F.size,ce=c.useCallback(O=>{if(wh()||I.current.has(O))return;I.current.add(O);const G=Sh(),K=Date.now(),se={event:O,sessionId:G,sourceTier:"platform-proxy",timestamp:K};O!=="connected"&&P.current!=null&&(se.durationSinceOpenMs=K-P.current),Hf(kh,se)},[]),V=c.useCallback(async()=>{v(!0);const O=new AbortController,G=setTimeout(()=>O.abort(),s);try{const K=await Promise.race([de.getSkillUpdates(),new Promise((se,te)=>{O.signal.addEventListener("abort",()=>{te(new Error("TIMEOUT"))})})]);if(K==="TIMEOUT")throw new Error("TIMEOUT");if(!L.current)return;h(K),y(ri(K)),g(ni(K)),E.current=Date.now(),S(E.current),T(null)}catch(K){if(!L.current)return;T(K instanceof Error?K:new Error(String(K)))}finally{clearTimeout(G),L.current&&v(!1)}},[s]),U=c.useCallback(()=>{if(w.current)return w.current;const O=V().finally(()=>{w.current=null});return w.current=O,O},[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 O=Qf();O.length!==0&&(gt("queue-drain",{count:O.length}),O.forEach((G,K)=>{let se;se=setTimeout(()=>{if(A.current.delete(se),!L.current)return;const J=tr.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),A.current.add(se)}))},[l]),B=c.useCallback(()=>{for(const O of A.current)clearTimeout(O);A.current.clear()},[]);c.useEffect(()=>{L.current=!0,(E.current==null||Date.now()-E.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,(E.current==null||Date.now()-E.current>o)&&U(),ne()},n)};return typeof document<"u"&&document.addEventListener("visibilitychange",K),()=>{L.current=!1,typeof document<"u"&&document.removeEventListener("visibilitychange",K),R.current&&clearTimeout(R.current),B(),me()}},[]);const re=c.useCallback(async O=>{if(O.length!==0)try{const G=await de.checkSkillUpdates(O);if(!L.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&&tr.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,X=ae.get(q);if(X){const Y={...X};X.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(ri(pe)),g(ni(pe)),pe})}catch{}},[]);c.useEffect(()=>{const O=u||p;if(!O){W("fallback");return}if(typeof window>"u"||typeof EventSource>"u"){W("fallback");return}W("connecting");const G=O.split(",");let K=`${i}?skills=${encodeURIComponent(O)}`;const se=sh();se&&(K+=`&studioToken=${encodeURIComponent(se)}`);let te=null,J=null,ae=null;const Z=()=>{J==null&&(J=setTimeout(()=>{J=null,L.current&&C.current!=="connected"&&(W("fallback"),gt("fallback-flipped",{reason:"watchdog-timeout"}),ce("fallback"))},a),gt("fallback-armed",{fallbackMs:a}))},pe=()=>{J!=null&&(clearTimeout(J),J=null)};Z();const D=1e3,q=()=>{L.current&&ae==null&&(ae=setTimeout(()=>{if(ae=null,!!L.current&&!(te&&te.readyState!==EventSource.CLOSED)){if(te)try{te.close()}catch{}gt("reconnect-scheduled",{backoffMs:D}),ce("reconnect-scheduled"),he()}},D))},X=we=>{if(!L.current)return;let xe;try{xe=JSON.parse(we.data)}catch{return}if(!Ch(xe))return;const Ve=tr.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=Jf(rt);gt("queue-enqueue",{eventId:xe.eventId,outcome:Je})}},Y=()=>{L.current&&(gt("gone",{skillsCount:G.length}),ce("gone-frame-received"),tr.clearSeen(),re(G))},ue=we=>{if(!L.current)return;let xe;try{xe=JSON.parse(we.data)}catch{return}if(Eh(xe)){if(!mc(xe.submissionId,xe.state)){gt("submission-decision-duplicate",{submissionId:xe.submissionId,state:xe.state});return}gt("submission-decision",{submissionId:xe.submissionId,state:xe.state}),xc(xe.submissionId,xe.skillName??"",xe.state),us.has(xe.state)&&U()}},he=()=>{L.current&&(te=new EventSource(K),gt("open-attempt",{url:K}),te.onopen=()=>{L.current&&(pe(),W("connected"),P.current=Date.now(),gt("open",{url:K}),ce("connected"))},te.onerror=()=>{L.current&&(gt("error",{readyState:te==null?void 0:te.readyState}),Z(),te&&te.readyState===EventSource.CLOSED&&q())},te.onmessage=X,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{}}B()}},[u,p,i,a,re,ce,B]),c.useEffect(()=>{if(!p)return;const O=p.split(",");re(O)},[p,re]);const M=c.useCallback(O=>{tr.dismiss(O)},[]);return{updates:f,updatesMap:m,updateCount:x,isRefreshing:b,lastFetchAt:j,error:k,refresh:U,updatesById:F,pushUpdateCount:H,status:$,dismiss:M}}async function Rh(){return yc("account_get_platform_url"),{platformBaseUrl:"",authMode:"cookie",getAuthHeader:async()=>null}}async function Th(){const e=await yc("account_get_user_summary");return e&&typeof e=="object"?e:{signedIn:!1,login:null,avatarUrl:null,tier:"free"}}async function yc(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 vc(){var e;return typeof window>"u"?!1:!!((e=window.__TAURI_INTERNALS__)!=null&&e.invoke)}const Ih={signedIn:!1,login:null,avatarUrl:null,tier:"free"};function bc(){const[e,r]=c.useState(Ih);return c.useEffect(()=>{let n=!1;const s=()=>{Th().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 Lh={selectedSkill:null,mode:"browse",searchQuery:"",skills:[],skillsLoading:!0,skillsError:null,isMobile:!1,mobileView:"list",updateNotificationDismissed:!1,revealSkillId:null};function Ah(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 kc=c.createContext(null),jc=kc;function It(){const e=c.useContext(jc);if(!e)throw new Error("useStudio must be used within StudioProvider");return e}function Ph({children:e}){const[r,n]=c.useReducer(Ah,Lh),s=Uf("(max-width: 767px)");c.useEffect(()=>{n({type:"SET_MOBILE",isMobile:s})},[s]);const[o,a]=c.useState(()=>{try{const B=window.localStorage.getItem("vskill.studio.prefs");if(!B)return null;const re=JSON.parse(B);return typeof re.activeAgent=="string"?re.activeAgent:null}catch{return null}}),[i,l]=c.useState(o!==null);c.useEffect(()=>{function B(re){if(!(re instanceof CustomEvent))return;const M=re.detail;M!=null&&M.agentId&&(a(M.agentId),l(!0))}return window.addEventListener("studio:agent-changed",B),()=>window.removeEventListener("studio:agent-changed",B)},[]),c.useEffect(()=>{if(i)return;let B=!1;return de.getAgents().then(re=>{if(B)return;const M=(re==null?void 0:re.suggested)??"claude-code";a(O=>O??M),l(!0)}).catch(()=>{B||(a(re=>re??"claude-code"),l(!0))}),()=>{B=!0}},[i]);const d=c.useCallback(()=>{if(!i||!o)return Promise.resolve();n({type:"SET_SKILLS_LOADING",loading:!0});const B={agent:o};return de.getSkills(B).then(re=>{n({type:"SET_SKILLS",skills:re});const M=window.location.hash,O=M.match(/^#\/skills\/(project|personal|plugin)\/([^/]+)\/([^/?]+)/);if(O){const[,K,se,te]=O,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=M.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 B(){d()}return window.addEventListener("studio:project-changed",B),()=>window.removeEventListener("studio:project-changed",B)},[d]);const u=c.useCallback(B=>{n({type:"SELECT_SKILL",skill:B}),window.location.hash=B.source?`/skills/${B.source}/${B.plugin}/${B.skill}`:`/skills/${B.plugin}/${B.skill}`},[]),p=c.useRef(r.skills);c.useEffect(()=>{p.current=r.skills},[r.skills]);const f=c.useCallback((B,re)=>{const M=p.current,O=B?M.find(te=>te.plugin===B&&te.skill===re):M.find(te=>te.skill===re&&te.source!=="plugin");if(!B&&!O){typeof console<"u"&&console.warn(`[StudioContext] revealSkill: no plugin provided and skill "${re}" not yet in state — skipping reveal`);return}const G=(O==null?void 0:O.plugin)??B,K=(O==null?void 0:O.origin)??"source",se=O==null?void 0:O.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(B=>{n({type:"SET_MODE",mode:B})},[]),x=c.useCallback(B=>{n({type:"SET_SEARCH",query:B})},[]),g=c.useCallback(B=>{n({type:"SET_MOBILE_VIEW",view:B})},[]),b=c.useCallback(()=>{n({type:"DISMISS_UPDATE_NOTIFICATION"})},[]),v=c.useRef(new Map),j=c.useRef(""),S=c.useRef(!1),[k,T]=c.useState(""),w=c.useRef(""),E=c.useRef(""),[N,R]=c.useState(""),L=c.useMemo(()=>r.skills.filter(B=>!B.sourcePrivate).map(B=>`${B.plugin}/${B.skill}`),[r.skills]),A=c.useMemo(()=>{const B=k?k.split(",").filter(Boolean):[],re=N?N.split(",").filter(Boolean):[];return B.length===0&&re.length===0?[]:[...new Set([...B,...re])]},[k,N]),$=bc(),W=$.signedIn?$.userId:void 0,C=Nh({skillIds:A,trackingSkillIds:L,userId:W}),I=c.useMemo(()=>A.length,[A]),P=c.useRef("");c.useEffect(()=>{const B=r.skills.filter(K=>K.origin==="installed"&&!K.sourcePrivate);if(B.length===0){T(""),P.current="";return}const re=new Map;for(const K of C.updates)re.set(K.name.split("/").pop()||K.name,K);const M=B.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}}),O=M.map(K=>`${K.plugin}/${K.skill}@${K.currentVersion}#${K.name}`).sort().join("|");if(O===P.current)return;P.current=O;let G=!1;return de.resolveInstalledSkillIds(M).then(K=>{if(G)return;const J=[...ph(K).flatMap(ae=>[ae.uuid,ae.slug].filter(Boolean))].sort().join(",");J!==j.current&&(j.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||(P.current=""),!S.current){S.current=!0;const se=K instanceof Error?K.message:String(K);console.warn("[studio] resolveInstalledSkillIds failed (using polling fallback):",se)}}),()=>{G=!0}},[r.skills,C.updates]),c.useEffect(()=>{const B=r.skills.filter(G=>G.origin==="source"&&!G.sourcePrivate&&typeof G.author=="string"&&G.author.length>0);if(B.length===0){w.current!==""&&(w.current="",R("")),E.current="";return}const re=B.map(G=>({name:G.skill,author:G.author})),M=re.map(G=>`${G.name.toLowerCase()}|${G.author}`).sort().join(`
|
|
15
|
-
`);if(M===E.current)return;E.current=M;let O=!1;return de.lookupSkillsByName(re).then(G=>{if(O)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(()=>{O||(E.current="")}),()=>{O=!0}},[r.skills]);const F=c.useMemo(()=>{const B=r.skills.map(re=>{if(!re.updateAvailable&&re.latestVersion===void 0&&re.trackedForUpdates===void 0)return re;const M={...re};return delete M.updateAvailable,delete M.currentVersion,delete M.latestVersion,delete M.trackedForUpdates,M});return Wf(B,C.updates)},[r.skills,C.updates]),H=c.useMemo(()=>{const B={source:0,installed:0};for(const re of F)re.updateAvailable&&(B[re.origin]+=1);return B},[F]),ce=c.useMemo(()=>({...r,skills:F}),[r,F]),V=C.updateCount,U=C.refresh,ne=C.isRefreshing,me=c.useCallback((B,re)=>{U(),d(),Be(`versions/${B}/${re}`),C.dismiss(`${B}/${re}`)},[U,d,C]),be=c.useMemo(()=>({state:ce,selectSkill:u,clearSelection:m,setMode:y,setSearch:x,setMobileView:g,refreshSkills:d,updateCount:V,dismissUpdateNotification:b,updates:C.updates,outdatedByOrigin:H,isRefreshingUpdates:ne,refreshUpdates:U,revealSkill:f,clearReveal:h,updatesById:C.updatesById,pushUpdateCount:C.pushUpdateCount,updateStreamStatus:C.status,dismissPushUpdate:C.dismiss,activeAgent:o,onSkillUpdated:me,trackedSkillCount:I}),[ce,u,m,y,x,g,d,V,b,C.updates,H,ne,U,f,h,C.updatesById,C.pushUpdateCount,C.status,C.dismiss,o,me,I]);return t.jsx(jc.Provider,{value:be,children:e})}const $h={config:null,loading:!0};function Mh(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 wc=c.createContext(null);function vr(){const e=c.useContext(wc);if(!e)throw new Error("useConfig must be used within ConfigProvider");return e}function Fh({children:e}){const[r,n]=c.useReducer(Mh,$h),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(wc.Provider,{value:a,children:e})}function Dh({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 zh={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"},_h={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"},Oh={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"},Uh={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"},Hh={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."},Vh={disconnected:"Disconnected — reconnecting…",reconnected:"Reconnected.",loading:"Loading skills…",loadingPlaceholderCount:"—"},Gh={fieldRequired:"This field is required.",nameInvalid:"Use letters, numbers, and hyphens.",descriptionRequired:"Description is required.",saveFailed:"Save failed. Check the form for errors."},Kh={boundaryHeadline:"Something broke in this view.",boundaryBody:"Reload the page to recover.",boundaryAction:"Reload"},qh={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"},Yh={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)."}},Jh={subscriptionBilling:"· subscription",free:"· free"},Qh={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`},Xh={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.`},Zh={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}`},em={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.`},tm={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"},rm={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."},nm={groupAvailable:"Available",groupAuthoring:"Authoring",sourceProject:"Project",sourcePersonal:"Personal",sourcePlugin:"Plugins",authoringSkills:"Skills"},sm={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"}},_={sidebar:zh,shell:Bh,detail:_h,actions:Oh,palette:Wh,shortcuts:Uh,toasts:Hh,connection:Vh,forms:Gh,errors:Kh,picker:qh,providers:Yh,models:Jh,settings:Qh,statusBar:Xh,scopePicker:Zh,scopeSection:em,claudeCodeLabel:tm,setupDrawer:rm,setupProviders:sm,scopeLabels:nm},si=["claude-cli","anthropic","openai","openrouter","cursor","codex-cli","gemini-cli","copilot","zed","ollama","lm-studio"],om={"claude-cli":".claude",cursor:".cursor","codex-cli":".codex","gemini-cli":".gemini",copilot:".github",zed:".zed"},am={"claude-cli":"claude",cursor:"cursor","codex-cli":"codex","gemini-cli":"gemini"},im={"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"},lm={"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 cm(e,r){var l,d;const n=om[e.id]??null,s=am[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:lm[e.id]??"per-token",...u.pricing?{pricing:u.pricing}:{},...u.resolvedId?{resolvedId:u.resolvedId}:{}}));return{id:e.id,displayName:dm(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:im[e.id]??null,models:i,resolvedModel:e.resolvedModel??null}}function dm(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 um(e){const r=new Map(e.map(s=>[s.id,s])),n=[];for(const s of si){const o=r.get(s);o&&n.push(o)}for(const s of e)si.includes(s.id)||n.push(s);return n}function Sc(e){const[r,n]=c.useState(null),[s,o]=c.useState("loading"),[a,i]=c.useState(null),[l,d]=c.useState(null),u=c.useRef(null),p=c.useRef(0),f=c.useRef(e==null?void 0:e.onStaleCatalog),h=c.useRef(e==null?void 0:e.onSetActiveError);c.useEffect(()=>{f.current=e==null?void 0:e.onStaleCatalog,h.current=e==null?void 0:e.onSetActiveError},[e==null?void 0:e.onStaleCatalog,e==null?void 0:e.onSetActiveError]);const m=c.useCallback(async()=>{try{const v=await fetch("/api/config");if(!v.ok)throw new Error(`/api/config returned ${v.status}`);const j=await v.json(),S=um((j.providers||[]).map(k=>cm(k,j.detection)));n({agents:S,activeAgent:j.provider??null,activeModel:j.model??null}),o("ready"),i(null)}catch(v){o("error"),i(v.message)}},[]);c.useEffect(()=>{m()},[m]);const y=c.useCallback(async()=>{var j;const v=Date.now();if(!(v-p.current<5*6e4))try{const S=await fetch("/api/openrouter/models");if(!S.ok){S.status!==400&&d(`OpenRouter catalog fetch failed (${S.status})`);return}const k=await S.json();p.current=v,d(null),n(E=>{if(!E)return E;const N=E.agents.map(R=>{if(R.id!=="openrouter")return R;const A=(Array.isArray(k.models)?k.models:[]).filter(W=>W.id||W.name).map(W=>{const C=W.id||W.name;return{id:C,displayName:W.name??C,contextWindow:W.contextWindow,pricing:W.pricing,billingMode:"per-token"}});return{...R,models:A,catalogAgeMs:k.ageSec?k.ageSec*1e3:0,cacheStale:!!k.stale}});return{...E,agents:N}});const T=k.ageSec??0;(k.stale===!0||T>600)&&((j=f.current)==null||j.call(f,"openrouter",T*1e3))}catch(S){d(`OpenRouter catalog unreachable: ${S.message}`)}},[]),x=c.useCallback(v=>{u.current=v,v==="openrouter"&&y()},[y]),g=c.useCallback(()=>{p.current=0,m()},[m]),b=c.useCallback(async(v,j)=>{var T,w;let S;try{S=await fetch("/api/config",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:v,model:j})})}catch(E){(T=h.current)==null||T.call(h,`Network error while setting ${v}: ${E.message}`);return}if(S.ok){n(E=>E&&{...E,activeAgent:v,activeModel:j});return}let k=`Failed to set ${v} (${S.status})`;try{const E=await S.json();E&&typeof E.error=="string"&&(k=E.error)}catch{}(w=h.current)==null||w.call(h,k)},[]);return{status:s,catalog:r,error:a,openRouterError:l,focusAgent:x,refresh:g,activeAgentId:(r==null?void 0:r.activeAgent)??null,activeModelId:(r==null?void 0:r.activeModel)??null,setActive:b}}function Ts({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 Io({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 pm=new Set(["claude-cli","claude-code"]);function oi(e){return pm.has(e)}const ai=new Set(["claude-cli","claude-code","anthropic","openai","openrouter","cursor","codex-cli","gemini-cli","copilot","zed"]);function fm({agents:e,activeAgentId:r,focusedAgentId:n,onFocus:s,onSelect:o,onOpenSettings:a}){const i=e.filter(d=>ai.has(d.id)),l=e.filter(d=>!ai.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(ii,{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(ii,{agent:d,isActive:d.id===r,isFocused:d.id===n,onFocus:s,onSelect:o,onOpenSettings:a},d.id))]})}function ii({agent:e,isActive:r,isFocused:n,onFocus:s,onSelect:o,onOpenSettings:a}){const{providers:i}=_,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=oi(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}),oi(e.id)&&t.jsx("span",{"data-testid":"claude-code-billing-label",title:_.claudeCodeLabel.tooltip,style:{fontSize:10,color:"var(--text-secondary, var(--text-tertiary))",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",marginTop:1},children:_.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(Io,{unlocked:!0,size:10}):t.jsx(Io,{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:_.picker.currentlyActive}),!e.available&&e.ctaType==="api-key"&&t.jsx(Ts,{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(Ts,{variant:"cli-install",label:d[e.id].label,installUrl:d[e.id].url,onActivate:()=>{}}),!e.available&&e.ctaType==="start-service"&&t.jsx(Ts,{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 hm(e,r,n,s){const i=e>=80,l=c.useRef(null),[d,u]=c.useState(0),p=c.useCallback(m=>{u(m.currentTarget.scrollTop)},[]),{visibleStart:f,visibleEnd:h}=c.useMemo(()=>{if(!i)return{visibleStart:0,visibleEnd:e};const m=Math.max(0,Math.floor(d/r)-4),y=Math.ceil(n/r)+8,x=Math.min(e,m+y);return{visibleStart:m,visibleEnd:x}},[i,d,r,n,e,4]);return{visibleStart:f,visibleEnd:h,totalHeight:e*r,offsetTop:f*r,virtualised:i,containerProps:{onScroll:p,ref:l,style:{overflowY:"auto",maxHeight:n,willChange:i?"transform":void 0}}}}const Cc=44,mm=352,xm=60,li=480;function gm(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 ${_.models.subscriptionBilling}`:_.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 Is(e){return e.displayName??e.id??""}function ym(e,r){if(!r)return e;const n=r.toLowerCase();return e.filter(o=>Is(o).toLowerCase().includes(n)).sort((o,a)=>{const i=Is(o),l=Is(a),d=i.toLowerCase().indexOf(n),u=l.toLowerCase().indexOf(n);return d!==u?d-u:i.length-l.length})}function vm({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),xm);return()=>clearTimeout(h)},[a]),c.useEffect(()=>{e.id==="openrouter"&&e.available&&u.current&&u.current.focus()},[e.id,e.available]);const p=c.useMemo(()=>ym(e.models,l),[e.models,l]),f=hm(p.length,Cc,mm);return e.id==="openrouter"&&!e.available?t.jsxs("div",{"data-testid":"openrouter-empty-card",style:{width:li,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:_.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:_.providers.openrouter.addKeyCta})]}):t.jsxs("div",{role:"listbox","aria-label":"Model","data-testid":"model-list",style:{width:li,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:_.picker.searchPlaceholder,value:a,onChange:h=>i(h.target.value),"data-testid":"model-search-input","aria-label":_.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:_.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:_.picker.clearSearch})]}):p.length===0?t.jsx("div",{style:{padding:16,color:"var(--text-muted, var(--text-tertiary))",fontSize:12},children:_.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(km,{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 bm(e,r,n){return r&&r.toLowerCase().includes(e.toLowerCase())?r:n??null}function km({model:e,isActive:r,isFocused:n,onSelect:s,resolvedModel:o}){const a=gm(e),i=bm(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:Cc,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 ci={anthropic:{stored:!1,updatedAt:null},openai:{stored:!1,updatedAt:null},openrouter:{stored:!1,updatedAt:null}};function jm(){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({...ci,...p}),a(null)}catch(u){a(u.message),r(ci)}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 wm({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:Ls,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:{...Ls,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:{...Ls,background:"transparent",border:"none",color:"var(--text-muted, var(--text-tertiary))",textDecoration:"underline",padding:"4px 6px"},children:"Dismiss for 30 days"})]})}const Ls={padding:"4px 10px",background:"var(--surface-2, transparent)",border:"1px solid var(--border-subtle)",borderRadius:4,color:"var(--text-primary)",fontSize:12,cursor:"pointer"},Sm=[{id:"anthropic",name:_.providers.anthropic.name,keyIssuanceUrl:_.providers.anthropic.keyIssuanceUrl,prefix:_.providers.anthropic.keyPrefix,placeholder:`Paste ${_.providers.anthropic.name} key`},{id:"openai",name:_.providers.openai.name,keyIssuanceUrl:_.providers.openai.keyIssuanceUrl,prefix:_.providers.openai.keyPrefix,placeholder:_.providers.openai.pastePlaceholder},{id:"openrouter",name:_.providers.openrouter.name,keyIssuanceUrl:_.providers.openrouter.keyIssuanceUrl,prefix:_.providers.openrouter.keyPrefix,placeholder:`Paste ${_.providers.openrouter.name} key`}];function Cm(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 Ec({open:e,onClose:r,initialProvider:n,onToast:s}){const{state:o,save:a,remove:i,refresh:l}=jm(),d=c.useRef(null),u=c.useRef(null),[p,f]=c.useState(null);c.useEffect(()=>{if(!e)return;let m=!1;return(async()=>{try{const y=await fetch("/api/settings/storage-path");if(!y.ok)throw new Error(`GET /api/settings/storage-path returned ${y.status}`);const x=await y.json();m||f(x.path??null)}catch{m||f(null)}})(),()=>{m=!0}},[e]),c.useEffect(()=>{if(!e)return;const m=document.activeElement,y=setTimeout(()=>{var b;const x=n?`input[data-provider="${n}"]`:"input[data-provider]",g=(b=d.current)==null?void 0:b.querySelector(x);g==null||g.focus()},0);return()=>{var x;clearTimeout(y),(x=m==null?void 0:m.focus)==null||x.call(m)}},[e,n]),c.useEffect(()=>{if(!e)return;const m=y=>{if(y.key==="Escape"){y.preventDefault(),y.stopPropagation(),r();return}if(y.key==="Tab"&&d.current){y.stopPropagation();const x=d.current.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])");if(x.length===0)return;const g=x[0],b=x[x.length-1];y.shiftKey&&document.activeElement===g?(y.preventDefault(),b.focus()):!y.shiftKey&&document.activeElement===b&&(y.preventDefault(),g.focus())}};return document.addEventListener("keydown",m,!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(_.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:_.settings.title}),t.jsx(wm,{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:_.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:_.settings.sectionApiKeys}),Sm.map(m=>t.jsx(Em,{providerId:m.id,providerName:m.name,keyIssuanceUrl:m.keyIssuanceUrl,prefix:m.prefix,placeholder:m.placeholder,metadata:o==null?void 0:o[m.id],onSave:async y=>{const x=await a(m.id,y);return s==null||s(_.settings.keySaved(m.name)),x},onRemove:async()=>{await i(m.id),s==null||s(_.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?_.settings.storagePath(p):_.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:_.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 Em({providerId:e,providerName:r,keyIssuanceUrl:n,prefix:s,placeholder:o,metadata:a,onSave:i,onRemove:l,inputRef:d}){const[u,p]=c.useState(""),[f,h]=c.useState(!1),[m,y]=c.useState(!1),[x,g]=c.useState(!1),[b,v]=c.useState(null),j=u.trim(),S=j.length===0,k=j.length>0&&!j.startsWith(s),T=c.useCallback(async()=>{if(S)return;y(!0);const N=j;p("");try{const R=await i(N);R.warning?v(R.warning):v(null)}finally{y(!1)}},[S,i,j]),w=c.useCallback(async()=>{var N;try{if(!((N=navigator.clipboard)!=null&&N.readText))return;const R=await navigator.clipboard.readText();p(R)}catch{}},[]),E=c.useCallback(async()=>{g(!1),await l()},[l]);return t.jsxs("div",{"data-testid":`provider-row-${e}`,style:{padding:12,border:"1px solid var(--border-subtle)",borderRadius:6,marginBottom:8,display:"flex",flexDirection:"column",gap:8},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[t.jsx("strong",{style:{fontSize:13},children:r}),t.jsx("a",{href:n,target:"_blank",rel:"noopener noreferrer",style:{fontSize:12,color:"var(--accent, var(--color-accent))"},children:"Get a key →"})]}),t.jsxs("div",{style:{display:"flex",gap:6},children:[t.jsx("input",{ref:d,type:f?"text":"password",value:u,onChange: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?_.settings.hide:_.settings.show}),t.jsx("button",{type:"button",onClick:w,style:fr,children:_.settings.paste})]}),k&&t.jsx("div",{role:"status","data-testid":`prefix-warn-${e}`,style:di,children:_.settings.prefixWarn(r)}),b&&t.jsx("div",{role:"status",style:di,children:b}),t.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[t.jsx("button",{type:"button",onClick:T,disabled:S||m,"data-testid":`save-${e}`,style:{...fr,background:S?"var(--surface-2)":"var(--accent, var(--color-accent))",color:S?"var(--text-muted)":"white",cursor:S?"not-allowed":"pointer"},children:_.settings.save}),(a==null?void 0:a.stored)&&t.jsx(t.Fragment,{children:x?t.jsxs(t.Fragment,{children:[t.jsx("span",{style:{fontSize:12},children:_.settings.removeConfirm(r)}),t.jsx("button",{type:"button",onClick:E,"data-testid":`remove-confirm-${e}`,style:{...fr,background:"var(--danger, #b33)",color:"white"},children:"Confirm"}),t.jsx("button",{type:"button",onClick:()=>g(!1),style:fr,children:"Cancel"})]}):t.jsx("button",{type:"button",onClick:()=>g(!0),"data-testid":`remove-${e}`,style:{...fr,color:"var(--text-muted)"},children:_.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?_.settings.keyStoredAt(Cm(a.updatedAt)):_.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"},di={fontSize:11,color:"var(--warning, var(--text-muted))"};function Nm(){return typeof window>"u"||!window.matchMedia?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Rm({onToast:e}){const{status:r,catalog:n,focusAgent:s,setActive:o}=Sc({onStaleCatalog:(R,L)=>{const A=Math.round(L/6e4);e==null||e(`Using cached ${R} catalog (${A} 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"),[x,g]=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)??[],j=c.useMemo(()=>v.find(R=>R.id===f)??v[0],[v,f]);c.useEffect(()=>{g(0)},[f]);const S=c.useCallback(()=>{var R;i(!0),y("agents"),h((n==null?void 0:n.activeAgent)??((R=v[0])==null?void 0:R.id)??null),g(0)},[n,v]),k=c.useCallback(()=>{var R;i(!1),(R=b.current)==null||R.focus()},[]);c.useEffect(()=>{const R=()=>i(L=>!L);return window.addEventListener("openAgentModelPicker",R),()=>{window.removeEventListener("openAgentModelPicker",R)}},[]),c.useEffect(()=>{if(!a)return;const R=A=>{if(A.key==="Escape"){A.preventDefault(),k();return}if(A.key==="ArrowDown"){A.preventDefault(),L(1);return}if(A.key==="ArrowUp"){A.preventDefault(),L(-1);return}if(A.key==="ArrowRight"&&m==="agents"){A.preventDefault(),y("models"),g($=>{const W=((j==null?void 0:j.models.length)??1)-1;return Math.max(0,Math.min($,Math.max(0,W)))});return}if(A.key==="ArrowLeft"&&m==="models"){A.preventDefault(),y("agents");return}if(A.key==="Enter"){if(A.preventDefault(),m==="agents"&&j)y("models"),g(0);else if(m==="models"&&j){const $=Math.max(0,Math.min(j.models.length-1,x)),W=j.models[$];W&&(o(j.id,W.id),k())}return}};function L(A){if(m==="agents"){const $=v.findIndex(C=>C.id===f),W=v[Math.max(0,Math.min(v.length-1,$+A))];W&&(h(W.id),s(W.id));return}if(m==="models"&&j){const $=j.models.length;if($===0)return;g(W=>{const C=W+A;return Math.max(0,Math.min($-1,C))})}}return document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[a,m,v,f,j,x,k,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)),E=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",L=(E==null?void 0:E.displayName)??n.activeModel??"Model";return`${R} · ${L}`},[r,n,w,E]);return t.jsxs(t.Fragment,{children:[t.jsxs("button",{ref:b,type:"button","data-testid":"agent-model-picker-trigger",onClick:()=>a?k():S(),"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"&&Br.createPortal(t.jsxs(Tm,{reducedMotion:Nm(),onClickOutside:k,children:[t.jsxs("div",{style:{display:"flex",height:440,maxHeight:"60vh"},children:[t.jsx(fm,{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}),j&&t.jsx(vm,{agent:j,activeModelId:(n==null?void 0:n.activeModel)??null,focusedIndex:m==="models"?x:-1,onSelect:R=>{o(j.id,R),k()},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:_.picker.settingsButton}),t.jsx("span",{style:{fontFamily:"'JetBrains Mono Variable', 'JetBrains Mono', monospace"},children:_.picker.footerHint})]})]}),document.body),t.jsx(Ec,{open:l,onClose:()=>d(!1),initialProvider:u,onToast:e})]})}function Tm({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 {
|
|
16
|
-
from { opacity: 0; transform: translateX(-50%) translateY(2px); }
|
|
17
|
-
to { opacity: 1; transform: translateX(-50%) translateY(0); }
|
|
18
|
-
}`})]})}const As="#F25F1C";function ui(){typeof window>"u"||(window.location.hash="#/")}function Im({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(),ui(),e==null||e())},i=l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),ui(),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:As}),t.jsx("path",{d:"M9.75 19.4h4.5a2.25 2.25 0 11-4.5 0z",fill:As}),t.jsx("circle",{cx:"18.5",cy:"5.5",r:"2.75",fill:As,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 pi=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 Lm({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 Am({toasts:e,onDismiss:r,liveMessage:n,liveAssertiveMessage:s}){return t.jsxs(t.Fragment,{children:[t.jsx(pi,{politeness:"polite",message:n}),t.jsx(pi,{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(Lm,{toast:o,onDismiss:r})},o.id))})]})}const Nc=c.createContext(null);function ps(){const e=c.useContext(Nc);if(!e)throw new Error("useToast must be used inside <ToastProvider>.");return e}function Pm({children:e,maxVisible:r=4,defaultDurationMs:n=4e3}){const[s,o]=c.useState([]),[a,i]=c.useState(""),[l,d]=c.useState(""),u=c.useRef(new Map),p=c.useCallback(g=>{const b=u.current.get(g);b&&(clearTimeout(b),u.current.delete(g)),o(v=>v.filter(j=>j.id!==g))},[]),f=c.useCallback((g,b)=>{if(b<=0)return;const v=setTimeout(()=>{p(g)},b);u.current.set(g,v)},[p]),h=c.useCallback(g=>{const b=g.id??`toast-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,v={id:b,message:g.message,severity:g.severity??"info",durationMs:g.durationMs??n,action:g.action};return o(j=>[...j,v]),v.severity==="error"?d(v.message):i(v.message),f(b,v.durationMs),b},[n,f]),m=c.useCallback(()=>{for(const g of u.current.values())clearTimeout(g);u.current.clear(),o([])},[]);c.useEffect(()=>{function g(b){b.key==="Escape"&&o(v=>{if(v.length===0)return v;const j=v.slice(0,r),S=j[j.length-1],k=u.current.get(S.id);return k&&(clearTimeout(k),u.current.delete(S.id)),v.filter(T=>T.id!==S.id)})}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[r]),c.useEffect(()=>()=>{for(const g of u.current.values())clearTimeout(g);u.current.clear()},[]);const y=s.slice(0,r),x=c.useMemo(()=>({toast:h,dismiss:p,clear:m}),[h,p,m]);return t.jsxs(Nc.Provider,{value:x,children:[e,t.jsx(Am,{toasts:y,onDismiss:p,liveMessage:a,liveAssertiveMessage:l})]})}function $m(){const{data:e,loading:r}=Ct("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 Mm=c.lazy(()=>ar(()=>import("./UpdateDropdown-B7D2vXrm.js"),__vite__mapDeps([2,3,4,5,6])));function Fm(e){switch(e){case"connected":return"connected";case"fallback":return"reconnecting";case"connecting":default:return"connecting"}}function Dm(e){switch(e){case"connected":return"var(--status-success-text)";case"fallback":return"var(--color-own)";case"connecting":default:return"var(--text-secondary)"}}function zm(){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}=ps(),{data:h}=$m(),m=(h==null?void 0:h.degraded)===!0,y=c.useId(),x=u??"connecting",g=typeof p=="number"?p:null,b=g===null?!0:g>0,v=c.useMemo(()=>{if(!l||l.size===0)return;const A=new Map;for(const[$,W]of l)W.diffSummary&&A.set($,W.diffSummary);return A.size>0?A:void 0},[l]),[j,S]=c.useState(!1),k=c.useRef(null),T=c.useCallback(()=>S(!1),[]),w=m?"var(--color-own)":e>0?"var(--text-primary)":"var(--text-secondary)",E=e>9?"9+":String(e),N=e===0?"No updates available":`${e} updates available, open summary`,R=m?`${N} — platform crawler degraded`:N,L=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:k,type:"button","data-testid":"update-bell","aria-label":R,"aria-haspopup":"dialog","aria-expanded":j,"aria-describedby":y,title:L,onClick:()=>S(A=>!A),style:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",height:26,width:26,padding:0,borderRadius:4,border:"1px solid transparent",background:"transparent",color: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:E}),b&&t.jsx("span",{"data-testid":"update-bell-status-pip","aria-hidden":"true",style:{position:"absolute",bottom:-1,right:-1,width:6,height:6,borderRadius:999,background:Dm(x),border:"1px solid var(--color-paper)",display:"inline-block",lineHeight:0}})]}),t.jsx("span",{id:y,"data-testid":"update-bell-status-text",style:{position:"absolute",width:1,height:1,margin:-1,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",whiteSpace:"nowrap",border:0},children:`Live updates: ${Fm(x)}`}),j&&t.jsx(c.Suspense,{fallback:t.jsx("span",{"data-testid":"update-bell-fallback",children:"Loading…"}),children:t.jsx(Mm,{updates:r,isRefreshing:n,diffSummariesById:v,onRefresh:()=>s(),onSelectSkill:A=>{const $=A.localSkill??A.name.split("/").pop()??"",W=A.localPlugin??"";if(a)a(W,$);else{const I=A.name.split("/"),P=I.length>=2?I[I.length-2]:I[0];o({plugin:P,skill:$,origin:"installed"})}if(!(i??[]).some(I=>I.skill===$&&(W===""||I.plugin===W))){const I=A.installLocations??[];if(I.length>0){const P=d?I.filter(H=>H.agent===d):[],F=d?I.filter(H=>H.agent!==d):I;if(P.length>0&&F.length>0){const H=F.length>=2?`Also installed under ${F.length} other locations.`:`Also installed under ${F[0].agentLabel}.`;f({severity:"info",message:H})}else{const H=I[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:k})})]})}function fi(e){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:navigate-scope",{detail:e}))}function Bm(e){return e.source==="project"?_.scopeLabels.sourceProject:e.source==="personal"?_.scopeLabels.sourcePersonal:e.source==="plugin"?_.scopeLabels.sourcePlugin:e.origin==="installed"?_.scopeLabels.sourcePersonal:_.scopeLabels.sourceProject}function _m(e){return e.source==="project"?"var(--status-installed)":e.source==="plugin"?"var(--color-accent-ink)":"var(--status-own)"}function Om({projectName:e,selected:r,onHome:n,projectPickerSlot:s,onRequestCreateSkill:o,findSkillsSlot:a,userDropdownSlot:i,appUpdateSlot:l}){const d=r?Bm(r):null,u=r?_m(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(Im,{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(hi,{segment:"origin",onClick:()=>fi({scope:"origin",origin:r.origin}),style:{textTransform:"uppercase",letterSpacing:"0.06em",fontWeight:600,color:u},children:d}),t.jsx(mi,{}),t.jsx(hi,{segment:"plugin",onClick:()=>fi({scope:"plugin",plugin:r.plugin}),style:{fontFamily:"var(--font-mono)",fontSize:11},children:r.plugin}),t.jsx(mi,{}),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(Rm,{})}),t.jsx("span",{"data-slot":"update-bell",style:{display:"inline-flex"},children:t.jsx(zm,{})}),i&&t.jsx("span",{"data-slot":"user-dropdown",style:{display:"inline-flex"},children:i})]})]})]})}function hi({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 mi(){return t.jsx("span",{"aria-hidden":"true",style:{color:"var(--border-default)",fontSize:10},children:"›"})}const fs="vskill-theme";function Rc(e){return e==="light"||e==="dark"||e==="auto"?e:"auto"}function Wm(e,r){return e==="light"||e==="dark"?e:r?"dark":"light"}function Um(e){try{const r=e.getItem(fs);return Rc(r)}catch{return"auto"}}function Hm(e,r){try{e.setItem(fs,r)}catch{}}function Vm(e,r,n){e.dataset.theme=n,e.dataset.themeMode=r}function Gm(e){if(!e)return!1;try{return e("(prefers-color-scheme: dark)").matches}catch{return!1}}const Tc=c.createContext(null);function Km({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?Um(o):"auto"),[u,p]=c.useState(()=>Gm(a)),f=c.useMemo(()=>Wm(l,u),[l,u]);c.useEffect(()=>{i&&Vm(i,l,f)},[i,l,f]),c.useEffect(()=>{if(!a)return;const y=a("(prefers-color-scheme: dark)"),x=b=>p(b.matches);if(typeof y.addEventListener=="function")return y.addEventListener("change",x),()=>y.removeEventListener("change",x);const g=y;return g.addListener(x),()=>g.removeListener(x)},[a]),c.useEffect(()=>{if(typeof window>"u")return;const y=x=>{x.key===fs&&d(Rc(x.newValue))};return window.addEventListener("storage",y),()=>window.removeEventListener("storage",y)},[]),c.useEffect(()=>{if(!a||!i)return;let y;try{y=a("(prefers-contrast: more)")}catch{return}const x=v=>{v?i.dataset.contrast="more":i.dataset.contrast==="more"&&delete i.dataset.contrast};x(y.matches);const g=v=>x(v.matches);if(typeof y.addEventListener=="function")return y.addEventListener("change",g),()=>y.removeEventListener("change",g);const b=y;return b.addListener(g),()=>b.removeListener(g)},[a,i]);const h=c.useCallback(y=>{d(y),o&&Hm(o,y)},[o]),m=c.useMemo(()=>({mode:l,resolvedTheme:f,setTheme:h}),[l,f,h]);return t.jsx(Tc.Provider,{value:m,children:s})}function Ic(){const e=c.useContext(Tc);if(!e)throw new Error("useTheme must be used inside <ThemeProvider>. Wrap the app root in main.tsx.");return e}const xi=["claude-cli","anthropic","openrouter","ollama","lm-studio"];function qm(e){const r=new Map(e.map(s=>[s.id,s])),n=[];for(const s of xi){const o=r.get(s);o&&n.push(o)}for(const s of e)xi.includes(s.id)||n.push(s);return n}function Ym(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 Jm({providers:e,onOpenSettings:r,onOpenInstallHelp:n}){const s=qm(e),o=Ym(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":_.statusBar.providerSummary(d,s.length),style:{background:"transparent",border:"none",color:"var(--text-secondary)",fontSize:11,cursor:"pointer",padding:"0 4px"},children:_.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(gi,{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(gi,{p:d,onClick:l,compact:!0},d.id))})}function gi({p:e,onClick:r,compact:n}){const s=e.available?_.statusBar.unlocked(e.label):e.kind==="cli-install"?_.statusBar.lockedCli(e.label):_.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(Io,{unlocked:e.available,size:10}),!n&&t.jsx("span",{children:e.label})]})}function Qm(){try{return typeof localStorage>"u"?null:localStorage.getItem(fs)}catch{return null}}function Xm({projectPath:e,modelName:r,health:n="ok",onPathClick:s,providers:o,onOpenProviderSettings:a,onOpenProviderInstallHelp:i}){const{mode:l,resolvedTheme:d,setTheme:u}=Ic(),f=Qm()==="auto",h=Zm(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(yi,{}),t.jsxs("span",{"aria-label":`Health: ${n}`,style:{display:"inline-flex",alignItems:"center",gap:6},children:[t.jsx(ex,{color:m}),t.jsx("span",{style:{textTransform:"capitalize"},children:n})]}),o&&o.length>0&&t.jsxs(t.Fragment,{children:[t.jsx(yi,{}),t.jsx(Jm,{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(tx,{mode:l}),t.jsx("span",{style:{textTransform:"capitalize"},children:l})]})]})}function Zm(e,r,n){return e==="light"?"dark":e==="dark"?"auto":n?"light":r==="light"?"dark":"light"}function ex({color:e}){return t.jsx("span",{"aria-hidden":"true",style:{width:6,height:6,borderRadius:"50%",background:e,display:"inline-block",flexShrink:0}})}function yi(){return t.jsx("span",{"aria-hidden":"true",style:{color:"var(--border-default)"},children:"|"})}function tx({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 Lo=new Set;function Lc(){for(const e of Lo)e()}const rx=5,nx=1e3,sx=6e4;function ox(){const[e,r]=c.useState(void 0),[n,s]=c.useState(!1),[o,a]=c.useState(!0),i=c.useRef(0),l=c.useRef(null),d=c.useRef(null),u=c.useRef(!0),p=c.useRef(0),[f,h]=c.useState(0),m=()=>{d.current!==null&&(clearTimeout(d.current),d.current=null)},y=c.useCallback(()=>{l.current&&(l.current.abort(),l.current=null)},[]),x=c.useCallback(async()=>{if(!u.current||document.visibilityState==="hidden")return;y();const b=new AbortController;l.current=b;try{const v=await fetch("/api/plugins",{signal:b.signal});if(!u.current)return;const j=await v.json();if(!u.current)return;i.current=0,r(j.plugins??[]),a(!1),s(!1),d.current=setTimeout(()=>{u.current&&h(S=>S+1)},sx)}catch(v){if(!u.current||v instanceof DOMException&&v.name==="AbortError")return;if(i.current+=1,a(!1),i.current>rx){s(!0);return}const j=nx*Math.pow(2,i.current-1);d.current=setTimeout(()=>{u.current&&h(S=>S+1)},j)}},[y]);c.useEffect(()=>(u.current=!0,()=>{u.current=!1,m(),y()}),[y]),c.useEffect(()=>{document.visibilityState!=="hidden"&&(m(),x())},[f,x]),c.useEffect(()=>{const b=()=>{document.visibilityState==="hidden"?(m(),y()):(i.current=0,s(!1),h(v=>v+1))};return document.addEventListener("visibilitychange",b),()=>{document.removeEventListener("visibilitychange",b)}},[y]);const g=c.useCallback(()=>{i.current=0,s(!1),m(),p.current+=1,h(b=>b+1)},[]);return c.useEffect(()=>(Lo.add(g),()=>{Lo.delete(g)}),[g]),{plugins:e,paused:n,loading:o,retry:g}}const hs=0,ir=1,_r=2,Ac=4;function vi(e){return()=>e}function ax(e){e()}function Pc(e,r){return n=>e(r(n))}function bi(e,r){return()=>e(r)}function ix(e,r){return n=>e(r,n)}function ca(e){return e!==void 0}function lx(...e){return()=>{e.map(ax)}}function Or(){}function ms(e,r){return r(e),e}function cx(e,r){return r(e)}function Ue(...e){return e}function Ae(e,r){return e(ir,r)}function Ee(e,r){e(hs,r)}function da(e){e(_r)}function He(e){return e(Ac)}function ve(e,r){return Ae(e,ix(r,hs))}function Mt(e,r){const n=e(ir,s=>{n(),r(s)});return n}function ki(e){let r,n;return s=>o=>{r=o,n&&clearTimeout(n),n=setTimeout(()=>{s(r)},e)}}function $c(e,r){return e===r}function We(e=$c){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=>Pc(r,e)}function Bt(e){return r=>()=>{r(e)}}function Q(e,...r){const n=dx(...r);return((s,o)=>{switch(s){case _r:da(e);return;case ir:return Ae(e,n(o))}})}function Ot(e,r){return n=>s=>{n(r=e(r,s))}}function yr(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=Array.from({length: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 dx(...e){return r=>e.reduceRight(cx,r)}function ux(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(),Or);case _r:s(),n=null;return}}}function oe(e){let r=e;const n=Te();return((s,o)=>{switch(s){case hs:r=o;break;case ir:{o(r);break}case Ac:return r}return n(s,o)})}function dt(e,r){return ms(oe(r),n=>ve(e,n))}function Te(){const e=[];return((r,n)=>{switch(r){case hs:e.slice().forEach(s=>{s(n)});return;case _r:e.splice(0);return;case ir:return e.push(n),()=>{const s=e.indexOf(n);s>-1&&e.splice(s,1)}}})}function wt(e){return ms(Te(),r=>ve(e,r))}const px={singleton:!0};function Le(e,r=[],n=px){const{singleton:s}=n;return{constructor:e,dependencies:r,id:fx(),singleton:s}}const fx=()=>Symbol("id");function hx(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 Ke(...e){const r=Te(),n=Array.from({length: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 _r:{da(r);return}case ir:return s===o&&i(n),Ae(r,i)}}}function ke(e,r=$c){return Q(e,We(r))}function Ao(...e){return function(r,n){switch(r){case _r:return;case ir:return lx(...e.map(s=>Ae(s,n)))}}}const et={DEBUG:0,INFO:1,WARN:2,ERROR:3},mx={[et.DEBUG]:"debug",[et.ERROR]:"error",[et.INFO]:"log",[et.WARN]:"warn"},xx=()=>typeof globalThis>"u"?window:globalThis,lr=Le(()=>{const e=oe(et.ERROR);return{log:oe((r,n,s=et.INFO)=>{const o=xx().VIRTUOSO_LOG_LEVEL??He(e);s>=o&&console[mx[s]]("%creact-virtuoso: %c%s %o","color: #0253b3; font-weight: bold","color: initial",r,n)}),logLevel:e}},[],{singleton:!0});function gx(e){return"self"in e?e.document.documentElement:e}function Mc(e){const r=gx(e);return r.ownerDocument.defaultView.getComputedStyle(r).direction==="rtl"}function xr(e,r){return Mc(e)?-r:r}function ji(e,r){return Mc(e)?-r:r}function br(e,r,n){return ua(e,r,n).callbackRef}function ua(e,r,n){const s=ge.useRef(null);let o=i=>{};const a=ge.useMemo(()=>typeof ResizeObserver<"u"?new ResizeObserver(i=>{const l=()=>{const d=i[0].target;d.offsetParent!==null&&e(d)};n?l():requestAnimationFrame(l)}):null,[e,n]);return o=i=>{i&&r?(a==null||a.observe(i),s.current=i):(s.current&&(a==null||a.unobserve(s.current)),s.current=null)},{callbackRef:o,ref:s}}function yx(e,r,n,s,o,a,i,l,d){const u=ge.useCallback(p=>{var v;const f=vx(p.children,r,l?"offsetWidth":"offsetHeight",o);let h=p.parentElement;for(;h.dataset.virtuosoScroller===void 0;)h=h.parentElement;const m=((v=h.lastElementChild)==null?void 0:v.dataset.viewportType)==="window";let y;m&&(y=h.ownerDocument.defaultView);const x=i?l?i.scrollWidth:i.scrollHeight:m?l?y.document.documentElement.scrollWidth:y.document.documentElement.scrollHeight:l?h.scrollWidth:h.scrollHeight,g=i?l?i.offsetWidth:i.offsetHeight:m?l?y.innerWidth:y.innerHeight:l?h.offsetWidth:h.offsetHeight,b=i?l?xr(i,i.scrollLeft):i.scrollTop:m?l?xr(y,y.scrollX||y.document.documentElement.scrollLeft):y.scrollY||y.document.documentElement.scrollTop:l?xr(h,h.scrollLeft):h.scrollTop;s({scrollHeight:x,scrollTop:Math.max(b,0),viewportHeight:g}),a==null||a(l?wi("column-gap",getComputedStyle(p).columnGap,o):wi("row-gap",getComputedStyle(p).rowGap,o)),f!==null&&e(f)},[e,r,o,a,i,s,l]);return ua(u,n,d)}function vx(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,10),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 wi(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 pa=typeof document>"u"?ge.useEffect:ge.useLayoutEffect;function Fc(e,r,n){const s=ge.useRef(null),o=ge.useCallback(d=>{if(!(d!=null&&d.offsetParent))return;const u=d.getBoundingClientRect(),p=u.width;let f,h;if(r){const m=r.getBoundingClientRect(),y=u.top-m.top;h=m.height-Math.max(0,y),f=y+r.scrollTop}else{const m=i.current.ownerDocument.defaultView;h=m.innerHeight-Math.max(0,u.top),f=u.top+m.scrollY}s.current={listHeight:u.height,offsetTop:f,visibleHeight:h,visibleWidth:p},e(s.current)},[e,r]),{callbackRef:a,ref:i}=ua(o,!0,n),l=ge.useCallback(()=>{o(i.current)},[o,i]);return ge.useEffect(()=>{var u;if(r){r.addEventListener("scroll",l);const p=new ResizeObserver(()=>{requestAnimationFrame(l)});return p.observe(r),()=>{r.removeEventListener("scroll",l),p.unobserve(r)}}const d=(u=i.current)==null?void 0:u.ownerDocument.defaultView;return d==null||d.addEventListener("scroll",l),d==null||d.addEventListener("resize",l),()=>{d==null||d.removeEventListener("scroll",l),d==null||d.removeEventListener("resize",l)}},[l,r,i]),a}const ft=Le(()=>{const e=Te(),r=Te(),n=oe(0),s=Te(),o=Te(),a=oe(0),i=Te(),l=Te(),d=oe(0),u=oe(0),p=oe(0),f=oe(0),h=Te(),m=Te(),y=oe(!1),x=oe(!1),g=oe(!1);return ve(Q(e,fe(({scrollTop:b})=>b)),r),ve(Q(e,fe(({scrollHeight:b})=>b)),l),ve(r,a),{deviation:n,deviationCommitted:s,fixedFooterHeight:p,fixedHeaderHeight:u,footerHeight:f,headerHeight:d,horizontalDirection:x,scrollBy:m,scrollContainerState:e,scrollHeight:l,scrollingInProgress:y,scrollTo:h,scrollTop:r,skipAnimationFrameInResizeObserver:g,smoothScrollTargetReached:o,statefulScrollTop:a,viewportHeight:i}},[],{singleton:!0}),cn={lvl:0};function Dc(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===cn}function dn(e,r){if(!Fe(e))return r===e.k?e.v:r<e.k?dn(e.l,r):dn(e.r,r)}function Dt(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=Dt(e.r,r,n);return s[0]===-1/0?[e.k,e.v]:s}return Dt(e.l,r,n)}function kt(e,r,n){return Fe(e)?_c(r,n,1):r===e.k?Xe(e,{k:r,v:n}):r<e.k?Si(Xe(e,{l:kt(e.l,r,n)})):Si(Xe(e,{r:kt(e.r,r,n)}))}function Ir(){return cn}function Lr(e,r,n){if(Fe(e))return[];const s=Dt(e,r)[0];return bx($o(e,s,n))}function Po(e,r){if(Fe(e))return cn;const{k:n,l:s,r:o}=e;if(r===n){if(Fe(s))return o;if(Fe(o))return s;const[a,i]=Bc(s);return qn(Xe(e,{k:a,l:zc(s),v:i}))}return r<n?qn(Xe(e,{l:Po(s,r)})):qn(Xe(e,{r:Po(o,r)}))}function gr(e){return Fe(e)?[]:[...gr(e.l),{k:e.k,v:e.v},...gr(e.r)]}function $o(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($o(o,r,n))),s>=r&&s<=n&&l.push({k:s,v:i}),s<=n&&(l=l.concat($o(a,r,n))),l}function qn(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(Ps(r))return Oc(Xe(e,{lvl:n-1}));if(!Fe(r)&&!Fe(r.r))return Xe(r.r,{l:Xe(r,{r:r.r.l}),lvl:n,r:Xe(e,{l:r.r.r,lvl:n-1})});throw new Error("Unexpected empty nodes")}if(Ps(e))return Mo(Xe(e,{lvl:n-1}));if(!Fe(s)&&!Fe(s.l)){const o=s.l,a=Ps(o)?s.lvl-1:s.lvl;return Xe(o,{l:Xe(e,{lvl:n-1,r:o.l}),lvl:o.lvl+1,r:Mo(Xe(s,{l:o.r,lvl:a}))})}throw new Error("Unexpected empty nodes")}function Xe(e,r){return _c(r.k===void 0?e.k:r.k,r.v===void 0?e.v:r.v,r.lvl===void 0?e.lvl:r.lvl,r.l===void 0?e.l:r.l,r.r===void 0?e.r:r.r)}function zc(e){return Fe(e.r)?e.l:qn(Xe(e,{r:zc(e.r)}))}function Ps(e){return Fe(e)||e.lvl>e.r.lvl}function Bc(e){return Fe(e.r)?[e.k,e.v]:Bc(e.r)}function _c(e,r,n,s=cn,o=cn){return{k:e,l:s,lvl:n,r:o,v:r}}function Si(e){return Mo(Oc(e))}function Oc(e){const{l:r}=e;return!Fe(r)&&r.lvl===e.lvl?Xe(r,{r:Xe(e,{l:r.r})}):e}function Mo(e){const{lvl:r,r:n}=e;return!Fe(n)&&!Fe(n.r)&&n.lvl===r&&n.r.lvl===r?Xe(n,{l:Xe(e,{r:n.l}),lvl:r+1}):e}function bx(e){return Dc(e,({k:r,v:n})=>({index:r,value:n}))}function Wc(e,r){return!!(e&&e.startIndex===r.startIndex&&e.endIndex===r.endIndex)}function un(e,r){return!!(e&&e[0]===r[0]&&e[1]===r[1])}const fa=Le(()=>({recalcInProgress:oe(!1)}),[],{singleton:!0});function Uc(e,r,n){return e[es(e,r,n)]}function es(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 kx(e,r,n,s){const o=es(e,r,s),a=es(e,n,s,o);return e.slice(o,a+1)}function or(e,r){return Math.round(e.getBoundingClientRect()[r])}function xs(e){return!Fe(e.groupOffsetTree)}function ha({index:e},r){return r===e?0:r<e?-1:1}function jx(){return{groupIndices:[],groupOffsetTree:Ir(),lastIndex:0,lastOffset:0,lastSize:0,offsetTree:[],sizeTree:Ir()}}function wx(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=Lr(e,i-1,o+1);if(l.some(Ix(s)))continue;let d=!1,u=!1;for(const{end:p,start:f,value:h}of l)d?(o>=f||a===h)&&(e=Po(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 Sx(e){return e.groupIndex!==void 0}function Cx({offset:e},r){return r===e?0:r<e?-1:1}function pn(e,r,n){if(r.length===0)return 0;const{index:s,offset:o,size:a}=Uc(r,e,ha),i=e-s,l=a*i+(i-1)*n+o;return l>0?l+n:l}function Hc(e,r){if(!xs(r))return e;let n=0;for(;r.groupIndices[n]<=e+n;)n++;return e+n}function Vc(e,r,n){if(Sx(e))return r.groupIndices[e.groupIndex]+1;const s=e.index==="LAST"?n:e.index;let o=Hc(s,r);return o=Math.max(0,Math.min(n,o)),o}function Ex(e,r,n,s=0){return s>0&&(r=Math.max(r,Uc(e,s,ha).offset)),Dc(kx(e,r,n,Cx),Tx)}function Nx(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,x)=>kt(kt(y,x,h),x+1,m),i)}else[i,l]=wx(i,r);if(i===a)return e;const{lastIndex:d,lastOffset:u,lastSize:p,offsetTree:f}=Fo(e.offsetTree,l,i,o);return{groupIndices:n,groupOffsetTree:n.reduce((h,m)=>kt(h,m,pn(m,f,o)),Ir()),lastIndex:d,lastOffset:u,lastSize:p,offsetTree:f,sizeTree:i}}function Rx(e){return gr(e).map(({k:r,v:n},s,o)=>{const a=o[s+1];return{endIndex:a===void 0?1/0:a.k-1,size:n,startIndex:r}})}function Ci(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 Fo(e,r,n,s){let o=e,a=0,i=0,l=0,d=0;if(r===0)o=[];else{d=es(o,r-1,ha),l=o[d].offset;const u=Dt(n,r-1);a=u[0],i=u[1],o.length&&o[d].size===Dt(n,r)[1]&&(d-=1),o=o.slice(0,d+1)}for(const{start:u,value:p}of Lr(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 Tx(e){return{index:e.index,value:e}}function Ix(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 Lx={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,E)=>or(w,Lx[E])),y=oe(void 0),x=oe(0),g=jx(),b=dt(Q(n,Re(d,e,x),Ot(Nx,g),We()),g),v=dt(Q(d,We(),Ot((w,E)=>({current:E,prev:w.current}),{current:[],prev:[]}),fe(({prev:w})=>w)),[]);ve(Q(d,je(w=>w.length>0),Re(b,x),fe(([w,E,N])=>{const R=w.reduce((L,A,$)=>kt(L,A,pn(A,E.offsetTree,N)||$),Ir());return{...E,groupIndices:w,groupOffsetTree:R}})),b),ve(Q(s,Re(b),je(([w,{lastIndex:E}])=>w<E),fe(([w,{lastIndex:E,lastSize:N}])=>[{endIndex:E,size:N,startIndex:w}])),n),ve(u,p);const j=dt(Q(u,fe(w=>w===void 0)),!0);ve(Q(p,je(w=>w!==void 0&&Fe(He(b).sizeTree)),fe(w=>{const E=He(f),N=He(d).length>0;return E!==void 0&&E!==0?N?[{endIndex:0,size:E,startIndex:0},{endIndex:1,size:w,startIndex:1}]:[]:[{endIndex:0,size:w,startIndex:0}]})),n),ve(Q(h,je(w=>w!==void 0&&w.length>0&&Fe(He(b).sizeTree)),fe(w=>{const E=[];let N=w[0],R=0;for(let L=1;L<w.length;L++){const A=w[L];A!==N&&(E.push({endIndex:L-1,size:N,startIndex:R}),N=A,R=L)}return E.push({endIndex:w.length-1,size:N,startIndex:R}),E})),n),ve(Q(d,Re(f,p),je(([,w,E])=>w!==void 0&&E!==void 0),fe(([w,E,N])=>{const R=[];for(let L=0;L<w.length;L++){const A=w[L],$=w[L+1];R.push({startIndex:A,endIndex:A,size:E}),$!==void 0&&R.push({startIndex:A+1,endIndex:$-1,size:N})}return R})),n);const S=wt(Q(n,Re(b),Ot(({sizes:w},[E,N])=>({changed:N!==w,sizes:N}),{changed:!1,sizes:g}),fe(w=>w.changed)));Ae(Q(l,Ot((w,E)=>({diff:w.prev-E,prev:E}),{diff:0,prev:0}),fe(w=>w.diff)),w=>{const{groupIndices:E}=He(b);if(w>0)Ee(r,!0),Ee(a,w+Ci(w,E));else if(w<0){const N=He(v);N.length>0&&(w-=Ci(-w,N)),Ee(i,w)}}),Ae(Q(l,Re(e)),([w,E])=>{w<0&&E("`firstItemIndex` prop should not be set to less than zero. If you don't know the total count, just use a very high value",{firstItemIndex:l},et.ERROR)});const k=wt(a);ve(Q(a,Re(b),fe(([w,E])=>{const N=E.groupIndices.length>0,R=[],L=E.lastSize;if(N){const A=dn(E.sizeTree,0);let $=0,W=0;for(;$<w;){const I=E.groupIndices[W],P=E.groupIndices.length===W+1?1/0:E.groupIndices[W+1]-I-1;R.push({endIndex:I,size:A,startIndex:I}),R.push({endIndex:I+1+P-1,size:L,startIndex:I+1}),W++,$+=P+1}const C=gr(E.sizeTree);return $!==w&&C.shift(),C.reduce((I,{k:P,v:F})=>{let H=I.ranges;return I.prevSize!==0&&(H=[...I.ranges,{endIndex:P+w-1,size:I.prevSize,startIndex:I.prevIndex}]),{prevIndex:P+w,prevSize:F,ranges:H}},{prevIndex:w,prevSize:0,ranges:R}).ranges}return gr(E.sizeTree).reduce((A,{k:$,v:W})=>({prevIndex:$+w,prevSize:W,ranges:[...A.ranges,{endIndex:$+w-1,size:A.prevSize,startIndex:A.prevIndex}]}),{prevIndex:0,prevSize:L,ranges:[]}).ranges})),n);const T=wt(Q(i,Re(b,x),fe(([w,{offsetTree:E},N])=>{const R=-w;return pn(R,E,N)})));return ve(Q(i,Re(b,x),fe(([w,E,N])=>{if(E.groupIndices.length>0){if(Fe(E.sizeTree))return E;let L=Ir();const A=He(v);let $=0,W=0,C=0;for(;$<-w;){C=A[W];const I=A[W+1]-C-1;W++,$+=I+1}if(L=gr(E.sizeTree).reduce((I,{k:P,v:F})=>kt(I,Math.max(0,P+w),F),L),$!==-w){const I=dn(E.sizeTree,C);L=kt(L,0,I);const P=Dt(E.sizeTree,-w+1)[1];L=kt(L,1,P)}return{...E,sizeTree:L,...Fo(E.offsetTree,0,L,N)}}const R=gr(E.sizeTree).reduce((L,{k:A,v:$})=>kt(L,Math.max(0,A+w),$),Ir());return{...E,sizeTree:R,...Fo(E.offsetTree,0,R,N)}})),b),{beforeUnshiftWith:k,data:y,defaultItemSize:p,firstItemIndex:l,fixedItemSize:u,fixedGroupSize:f,gap:x,groupIndices:d,heightEstimates:h,itemSize:m,listRefresh:S,shiftWith:i,shiftWithOffset:T,sizeRanges:n,sizes:b,statefulTotalCount:o,totalCount:s,trackItemSizes:j,unshiftWith:a}},Ue(lr,fa),{singleton:!0});function Ax(e){return e.reduce((r,n)=>(r.groupIndices.push(r.totalCount),r.totalCount+=n+1,r),{groupIndices:[],totalCount:0})}const Gc=Le(([{groupIndices:e,sizes:r,totalCount:n},{headerHeight:s,scrollTop:o}])=>{const a=Te(),i=Te(),l=wt(Q(a,fe(Ax)));return ve(Q(l,fe(d=>d.totalCount)),n),ve(Q(l,fe(d=>d.groupIndices)),e),ve(Q(Ke(o,r,s),je(([d,u])=>xs(u)),fe(([d,u,p])=>Dt(u.groupOffsetTree,Math.max(d-p,0),"v")[0]),We(),fe(d=>[d])),i),{groupCounts:a,topItemsIndexes:i}},Ue(Ut,ft)),cr=Le(([{log:e}])=>{const r=oe(!1),n=wt(Q(r,je(s=>s),We()));return Ae(r,s=>{s&&He(e)("props updated",{},et.DEBUG)}),{didMount:n,propsReady:r}},Ue(lr),{singleton:!0}),Px=typeof document<"u"&&"scrollBehavior"in document.documentElement.style;function Kc(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 vn=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(),x=oe(0);let g=null,b=null,v=null;function j(){g!==null&&(g(),g=null),v!==null&&(v(),v=null),b&&(clearTimeout(b),b=null),Ee(d,!1)}return ve(Q(m,Re(n,f,s,x,l,i,h),Re(e,a,o),fe(([[S,k,T,w,E,N,R,L],A,$,W])=>{const C=Kc(S),{align:I,behavior:P,offset:F}=C,H=w-1,ce=Vc(C,k,H);let V=pn(ce,k.offsetTree,A)+N;I==="end"?(V+=$+Dt(k.sizeTree,ce)[1]-T+W,ce===H&&(V+=R)):I==="center"?V+=($+Dt(k.sizeTree,ce)[1]-T+W)/2:V-=E,F!==void 0&&F!==0&&(V+=F);const U=ne=>{j(),ne?(L("retrying to scroll to",{location:S},et.DEBUG),Ee(m,S)):(Ee(y,!0),L("list did not change, scroll successful",{},et.DEBUG))};if(j(),P==="smooth"){let ne=!1;v=Ae(r,me=>{ne=ne||me}),g=Mt(p,()=>{U(ne)})}else g=Mt(Q(r,$x(150)),U);return b=setTimeout(()=>{j()},1200),Ee(d,!0),L("scrolling from index to",{behavior:P,index:ce,top:V},et.DEBUG),{behavior:P,top:V}})),u),{scrollTargetReached:y,scrollToIndex:m,topListHeight:x}},Ue(Ut,ft,lr),{singleton:!0});function $x(e){return r=>{const n=setTimeout(()=>{r(!1)},e);return s=>{s&&(r(!0),clearTimeout(n))}}}function ma(e,r){e===0?r():requestAnimationFrame(()=>{ma(e-1,r)})}function xa(e,r){if(e===void 0)return 0;const n=r-1,s=typeof e=="number"?e:e.index==="LAST"?n:e.index;return Math.max(0,Math.min(s,n))}function Do(e){return e===void 0?!0:typeof e=="number"?e===0:e.index===0&&(e.align===void 0||e.align==="start")&&(e.offset===void 0||e.offset===0)}const bn=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(Q(i,Re(d),je(([p,f])=>!Do(f)),Bt(!1)),l),ve(Q(i,Re(d),je(([p,f])=>!Do(f)),Bt(!1)),u),Ae(Q(Ke(r,i),Re(l,n,e,u),je(([[,p],f,{sizeTree:h},m,y])=>p&&(!Fe(h)||ca(m))&&!f&&!y),Re(d)),([,p])=>{if(p===void 0){Ee(l,!0),Ee(u,!0);return}Mt(o,()=>{Ee(u,!0)}),ma(4,()=>{Mt(s,()=>{Ee(l,!0)}),Ee(a,p)})}),{initialItemFinalLocationReached:u,initialTopMostItemIndex:d,scrolledToInitialItem:l}},Ue(Ut,ft,vn,cr),{singleton:!0});function qc(e,r){return Math.abs(e-r)<1.01}const fn="up",nn="down",Mx="none",Fx={atBottom:!1,notAtBottomBecause:"NOT_SHOWING_LAST_ITEM",state:{offsetBottom:0,scrollHeight:0,scrollTop:0,viewportHeight:0}},Dx=0,kn=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(Dx),h=dt(Q(Ao(Q(ke(o),yr(1),Bt(!0)),Q(ke(o),yr(1),Bt(!1),ki(100))),We()),!1),m=dt(Q(Ao(Q(n,Bt(!0)),Q(n,Bt(!1),ki(200))),We()),!1);ve(Q(Ke(ke(o),ke(f)),fe(([v,j])=>v<=j),We()),l),ve(Q(l,Gt(50)),u);const y=wt(Q(Ke(s,ke(a),ke(r),ke(e),ke(p)),Ot((v,[{scrollHeight:j,scrollTop:S},k,T,w,E])=>{const N=S+k-j>-E,R={scrollHeight:j,scrollTop:S,viewportHeight:k};if(N){let A,$;return S>v.state.scrollTop?(A="SCROLLED_DOWN",$=v.state.scrollTop-S):(A="SIZE_DECREASED",$=v.state.scrollTop-S||v.scrollTopDelta),{atBottom:!0,atBottomBecause:A,scrollTopDelta:$,state:R}}let L;return R.scrollHeight>v.state.scrollHeight?L="SIZE_INCREASED":k<v.state.viewportHeight?L="VIEWPORT_HEIGHT_DECREASING":S<v.state.scrollTop?L="SCROLLING_UPWARDS":L="NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM",{atBottom:!1,notAtBottomBecause:L,state:R}},Fx),We((v,j)=>v!==void 0&&v.atBottom===j.atBottom))),x=dt(Q(s,Ot((v,{scrollHeight:j,scrollTop:S,viewportHeight:k})=>{if(!qc(v.scrollHeight,j)){const T=j-(S+k)<1;return v.scrollTop!==S&&T?{changed:!0,jump:v.scrollTop-S,scrollHeight:j,scrollTop:S}:{changed:!0,jump:0,scrollHeight:j,scrollTop:S}}return{changed:!1,jump:0,scrollHeight:j,scrollTop:S}},{changed:!1,jump:0,scrollHeight:0,scrollTop:0}),je(v=>v.changed),fe(v=>v.jump)),0);ve(Q(y,fe(v=>v.atBottom)),i),ve(Q(i,Gt(50)),d);const g=oe(nn);ve(Q(s,fe(({scrollTop:v})=>v),We(),Ot((v,j)=>He(m)?{direction:v.direction,prevScrollTop:j}:{direction:j<v.prevScrollTop?fn:nn,prevScrollTop:j},{direction:nn,prevScrollTop:0}),fe(v=>v.direction)),g),ve(Q(s,Gt(50),Bt(Mx)),g);const b=oe(0);return ve(Q(h,je(v=>!v),Bt(0)),b),ve(Q(o,Gt(100),Re(h),je(([v,j])=>j),Ot(([v,j],[S])=>[j,S],[0,0]),fe(([v,j])=>j-v)),b),{atBottomState:y,atBottomStateChange:d,atBottomThreshold:p,atTopStateChange:u,atTopThreshold:f,isAtBottom:i,isAtTop:l,isScrolling:h,lastJumpDueToItemResize:x,scrollDirection:g,scrollVelocity:b}},Ue(ft)),hn="top",mn="bottom",Ei="none";function Ni(e,r,n){return typeof e=="number"?n===fn&&r===hn||n===nn&&r===mn?e:0:n===fn?r===hn?e.main:e.reverse:r===mn?e.main:e.reverse}function Ri(e,r){return typeof e=="number"?e:e[r]??0}const ga=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(Q(Ke(ke(s),ke(o),ke(n),ke(a,un),ke(d),ke(i),ke(r),ke(e),ke(l)),fe(([p,f,h,[m,y],x,g,b,v,j])=>{const S=p-v,k=g+b,T=Math.max(h-S,0);let w=Ei;const E=Ri(j,hn),N=Ri(j,mn);return m-=v,m+=h+b,y+=h+b,y-=v,m>p+k-E&&(w=fn),y<p-T+f+N&&(w=nn),w!==Ei?[Math.max(S-h-Ni(x,hn,w)-E,0),S-T-b+f+Ni(x,mn,w)+N]:null}),je(p=>p!==null),We(un)),[0,0]);return{increaseViewportBy:l,listBoundary:a,overscan:d,topListHeight:i,visibleRange:u}},Ue(ft),{singleton:!0});function zx(e,r,n){if(xs(r)){const s=Hc(e,r);return[{index:Dt(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 $s={bottom:0,firstItemIndex:0,items:[],offsetBottom:0,offsetTop:0,top:0,topItems:[],topListHeight:0,totalCount:0};function Yn(e,r,n,s,o,a){const{lastIndex:i,lastOffset:l,lastSize:d}=o;let u=0,p=0;if(e.length>0){u=e[0].offset;const x=e[e.length-1];p=x.offset+x.size}const f=n-i,h=l+f*d+(f-1)*s,m=u,y=h-p;return{bottom:p,firstItemIndex:a,items:Ti(e,o,a),offsetBottom:y,offsetTop:u,top:m,topItems:Ti(r,o,a),topListHeight:r.reduce((x,g)=>g.size+x,0),totalCount:n}}function Yc(e,r,n,s,o,a){let i=0;if(n.groupIndices.length>0)for(const m of n.groupIndices){if(m-i>=e)break;i++}const l=e+i,d=a!==void 0,u=(a==null?void 0:a.length)??0,p=xa(r,d?u:l),f=d?Math.max(0,Math.min(l,u-p)):l,h=Array.from({length:f}).map((m,y)=>({data:a==null?void 0:a[y+p],index:y+p,offset:0,size:0}));return Yn(h,[],f,o,n,s)}function Ti(e,r,n){if(e.length===0)return[];if(!xs(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=Lr(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 Ii(e,r){return e===void 0?0:typeof e=="number"?e:e[r]??0}const kr=Le(([{data:e,firstItemIndex:r,gap:n,sizes:s,totalCount:o},a,{listBoundary:i,topListHeight:l,visibleRange:d},{initialTopMostItemIndex:u,scrolledToInitialItem:p},{topListHeight:f},h,{didMount:m},{recalcInProgress:y}])=>{const x=oe([]),g=oe(0),b=Te(),v=oe(0);ve(a.topItemsIndexes,x);const j=dt(Q(Ke(m,y,ke(d,un),ke(o),ke(s),ke(u),p,ke(x),ke(r),ke(n),ke(v),e,ke(g)),je(([w,E,,N,,,,,,,,R])=>{const L=R!==void 0&&R.length!==N;return w&&!E&&!L}),fe(([,,[w,E],N,R,L,A,$,W,C,I,P,F])=>{var O,G;const H=R,{offsetTree:ce,sizeTree:V}=H;if(N===0)return{...$s,totalCount:N};if(w===0&&E===0)return F===0?{...$s,totalCount:N}:Yc(F,L,R,W,C,P);if(Fe(V))return F>0?null:Yn(zx(xa(L,N),H,P),[],N,C,H,W);const U=[];if($.length>0){const K=$[0],se=$[$.length-1];let te=0;for(const J of Lr(V,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:P==null?void 0:P[D],index:D,offset:te,size:ae}),te+=ae}}if(!A)return Yn([],U,N,C,H,W);const ne=$.length>0?$[$.length-1]+1:0,me=Ex(ce,w,E,ne);if(me.length===0)return null;const be=N-1,B=ms([],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+C)/(Z+C));const D=ae-se.start;J+=D*Z+D*C}ae<ne&&(J+=(ne-ae)*Z,ae=ne);const pe=Math.min(se.end,be);for(let D=ae;D<=pe&&!(J>=E);D++)K.push({data:P==null?void 0:P[D],index:D,offset:J,size:Z}),J+=Z+C}}),re=Ii(I,hn),M=Ii(I,mn);if(B.length>0&&(re>0||M>0)){const K=B[0],se=B[B.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=((O=Lr(V,Z,Z)[0])==null?void 0:O.value)??K.size;ae-=pe+C,J.unshift({data:P==null?void 0:P[Z],index:Z,offset:ae,size:pe})}B.unshift(...J)}if(M>0&&se.index<be){const te=Math.min(M,be-se.index);let J=se.offset+se.size+C;for(let ae=se.index+1;ae<=se.index+te;ae++){const Z=((G=Lr(V,ae,ae)[0])==null?void 0:G.value)??se.size;B.push({data:P==null?void 0:P[ae],index:ae,offset:J,size:Z}),J+=Z+C}}}return Yn(B,U,N,C,H,W)}),je(w=>w!==null),We()),$s);ve(Q(e,je(ca),fe(w=>w==null?void 0:w.length)),o),ve(Q(j,fe(w=>w.topListHeight)),f),ve(f,l),ve(Q(j,fe(w=>[w.top,w.bottom])),i),ve(Q(j,fe(w=>w.items)),b);const S=wt(Q(j,je(({items:w})=>w.length>0),Re(o,e),je(([{items:w},E])=>w[w.length-1].originalIndex===E-1),fe(([,w,E])=>[w-1,E]),We(un),fe(([w])=>w))),k=wt(Q(j,Gt(200),je(({items:w,topItems:E})=>w.length>0&&w[0].originalIndex===E.length),fe(({items:w})=>w[0].index),We())),T=wt(Q(j,je(({items:w})=>w.length>0),fe(({items:w})=>{let E=0,N=w.length-1;for(;w[E].type==="group"&&E<N;)E++;for(;w[N].type==="group"&&N>E;)N--;return{endIndex:w[N].index,startIndex:w[E].index}}),We(Wc)));return{endReached:S,initialItemCount:g,itemsRendered:b,listState:j,minOverscanItemCount:v,rangeChanged:T,startReached:k,topItemsIndexes:x,...h}},Ue(Ut,Gc,ga,bn,vn,kn,cr,fa),{singleton:!0}),Jc=Le(([{fixedFooterHeight:e,fixedHeaderHeight:r,footerHeight:n,headerHeight:s},{listState:o}])=>{const a=Te(),i=dt(Q(Ke(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}},Ue(ft,kr),{singleton:!0}),Bx=Le(([{viewportHeight:e},{totalListHeight:r}])=>{const n=oe(!1),s=dt(Q(Ke(n,e,r),je(([o])=>o),fe(([,o,a])=>Math.max(0,o-a)),Gt(0),We()),0);return{alignToBottom:n,paddingTopAddition:s}},Ue(ft,Jc),{singleton:!0}),Qc=Le(()=>({context:oe(null)})),_x=({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,Xc=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(Q(p,Re(r,d,n,a,o,s,l),Re(e),fe(([[f,h,m,y,x,g,b,v],j])=>{const{calculateViewLocation:S=_x,done:k,...T}=f,w=Vc(f,h,y-1),E=pn(w,h.offsetTree,j)+x+g,N=E+Dt(h.sizeTree,w)[1],R=v+g,L=v+m-b,A=S({itemBottom:N,itemTop:E,locationParams:T,viewportBottom:L,viewportTop:R});return A===null?k==null||k():k&&Mt(Q(i,je($=>!$),yr(He(i)?1:2)),k),A}),je(f=>f!==null)),u),{scrollIntoView:p}},Ue(Ut,ft,vn,kr,lr),{singleton:!0});function Li(e){return e===!1?!1:e==="smooth"?"smooth":"auto"}const Ox=(e,r)=>typeof e=="function"?Li(e(r)):r&&Li(e),Wx=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),x=Te();let g=null;function b(k){Ee(i,{align:"end",behavior:k,index:"LAST"})}Ae(Q(Ke(Q(ke(r),yr(1)),d),Re(ke(y),a,l,f),fe(([[k,T],w,E,N,R])=>{let L=T&&N,A="auto";return L&&(A=Ox(w,E||R),L=L&&A!==!1),{followOutputBehavior:A,shouldFollow:L,totalCount:k}}),je(({shouldFollow:k})=>k)),({followOutputBehavior:k,totalCount:T})=>{g!==null&&(g(),g=null),He(n)===void 0?g=Mt(e,()=>{He(p)("following output to ",{totalCount:T},et.DEBUG),b(k),g=null}):requestAnimationFrame(()=>{He(p)("following output to ",{totalCount:T},et.DEBUG),b(k)})});function v(k){const T=Mt(o,w=>{k&&!w.atBottom&&w.notAtBottomBecause==="SIZE_INCREASED"&&g===null&&(He(p)("scrolling to bottom due to increased size",{},et.DEBUG),b("auto"))});setTimeout(T,100)}Ae(Q(Ke(ke(y),r,u),je(([k,,T])=>k!==!1&&T),Ot(({value:k},[,T])=>({refreshed:k===T,value:T}),{refreshed:!1,value:0}),je(({refreshed:k})=>k),Re(y,r)),([,k])=>{He(l)&&v(k!==!1)}),Ae(x,()=>{v(He(y)!==!1)}),Ae(Ke(ke(y),o),([k,T])=>{k!==!1&&!T.atBottom&&T.notAtBottomBecause==="VIEWPORT_HEIGHT_DECREASING"&&b("auto")});const j=oe(null),S=Te();return ve(Ao(Q(ke(s),fe(k=>(k==null?void 0:k.length)??0)),Q(ke(r))),S),Ae(Q(Ke(Q(S,yr(1)),d),Re(ke(j),l,f,h),fe(([[k,T],w,E,N,R])=>T&&E&&(w==null?void 0:w({context:R,totalCount:k,scrollingInProgress:N}))),je(k=>!!k),Gt(0)),k=>{g!==null&&(g(),g=null),He(n)===void 0?g=Mt(e,()=>{He(p)("scrolling into view",{}),Ee(m,k),g=null}):requestAnimationFrame(()=>{He(p)("scrolling into view",{}),Ee(m,k)})}),{autoscrollToBottom:x,followOutput:y,scrollIntoViewOnChange:j}},Ue(Ut,kn,vn,bn,cr,lr,ft,Qc,Xc)),Ux=Le(([{data:e,firstItemIndex:r,gap:n,sizes:s},{initialTopMostItemIndex:o},{initialItemCount:a,listState:i},{didMount:l}])=>(ve(Q(l,Re(a),je(([,d])=>d!==0),Re(o,s,r,n,e),fe(([[,d],u,p,f,h,m])=>Yc(d,u,p,f,h,m))),i),{}),Ue(Ut,bn,kr,cr),{singleton:!0}),Hx=Le(([{didMount:e},{scrollTo:r},{listState:n}])=>{const s=oe(0);return Ae(Q(e,Re(s),je(([,o])=>o!==0),fe(([,o])=>({top:o}))),o=>{Mt(Q(n,yr(1),je(a=>a.items.length>1)),()=>{requestAnimationFrame(()=>{Ee(r,o)})})}),{initialScrollTop:s}},Ue(cr,ft,kr),{singleton:!0}),Zc=Le(([{scrollVelocity:e}])=>{const r=oe(!1),n=Te(),s=oe(!1);return ve(Q(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}),We()),r),Ae(Q(Ke(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}},Ue(kn),{singleton:!0}),ya=Le(([{scrollContainerState:e,scrollTo:r}])=>{const n=Te(),s=Te(),o=Te(),a=oe(!1),i=oe(void 0);return ve(Q(Ke(n,s),fe(([{scrollTop:l,viewportHeight:d},{offsetTop:u,listHeight:p}])=>({scrollHeight:p,scrollTop:Math.max(0,l-u),viewportHeight:d}))),e),ve(Q(r,Re(s),fe(([l,{offsetTop:d}])=>({...l,top:l.top+d}))),o),{customScrollParent:i,useWindowScroll:a,windowScrollContainerState:n,windowScrollTo:o,windowViewportRect:s}},Ue(ft)),Vx=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(Q(u,Re(r,s,i,f,h,n)),([m,y,x,g,b,v,j])=>{const S=Rx(y.sizeTree);g&&b!==null&&v!==null&&(x=b.scrollTop-v.offsetTop),x-=j,m({ranges:S,scrollTop:x})}),ve(Q(p,je(ca),fe(Gx)),o),ve(Q(a,Re(p),je(([,m])=>m!==void 0),We(),fe(([,m])=>m.ranges)),e),{getState:u,restoreStateFrom:p}},Ue(Ut,ft,bn,cr,ya));function Gx(e){return{align:"start",index:0,offset:e.scrollTop}}const Kx=Le(([{topItemsIndexes:e}])=>{const r=oe(0);return ve(Q(r,je(n=>n>=0),fe(n=>Array.from({length:n}).map((s,o)=>o))),e),{topItemCount:r}},Ue(kr));function ed(e){let r=!1,n;return(()=>(r||(r=!0,n=e()),n))}const qx=ed(()=>/iP(ad|od|hone)/i.test(navigator.userAgent)&&/WebKit/i.test(navigator.userAgent)),Yx=Le(([{deviation:e,deviationCommitted:r,scrollBy:n,scrollingInProgress:s,scrollTop:o},{isAtBottom:a,isScrolling:i,lastJumpDueToItemResize:l,scrollDirection:d},{listState:u},{beforeUnshiftWith:p,gap:f,shiftWithOffset:h,sizes:m},{log:y},{recalcInProgress:x}])=>{const g=wt(Q(u,Re(l),Ot(([,S,k,T],[{bottom:w,items:E,offsetBottom:N,totalCount:R},L])=>{const A=w+N;let $=0;return k===R&&S.length>0&&E.length>0&&(E[0].originalIndex===0&&S[0].originalIndex===0||($=A-T,$!==0&&($+=L))),[$,E,R,A]},[0,[],0,0]),je(([S])=>S!==0),Re(o,d,s,a,y,x),je(([,S,k,T,,,w])=>!w&&!T&&S!==0&&k===fn),fe(([[S],,,,,k])=>(k("Upward scrolling compensation",{amount:S},et.DEBUG),S))));function b(S){S>0?(Ee(n,{behavior:"auto",top:-S}),Ee(e,0)):(Ee(e,0),Ee(n,{behavior:"auto",top:-S}))}Ae(Q(g,Re(e,i)),([S,k,T])=>{T&&qx()?Ee(e,k-S):b(-S)}),Ae(Q(Ke(dt(i,!1),e,x),je(([S,k,T])=>!S&&!T&&k!==0),fe(([S,k])=>k),Gt(1)),b),ve(Q(h,fe(S=>({top:-S}))),n);let v=null;function j(){if(v===null)return;const{offset:S}=v;v=null,Ee(n,{top:S}),requestAnimationFrame(()=>{Ee(e,0),Ee(x,!1)})}return Ae(r,S=>{v===null||!v.acknowledgeable||S===v.offset&&j()}),Ae(Q(p,Re(m,f),fe(([S,{groupIndices:k,lastSize:T,sizeTree:w},E])=>{function N(W){return W*(T+E)}if(k.length===0)return N(S);let R=0;const L=dn(w,0);let A=0,$=0;for(;A<S;){A++,R+=L;let W=k.length===$+1?1/0:k[$+1]-k[$]-1;A+W>S&&(R-=L,W=S-A+1),A+=W,R+=N(W),$++}return R})),S=>{v={acknowledgeable:He(e)!==S,offset:S},Ee(e,S),requestAnimationFrame(j)}),{deviation:e}},Ue(ft,kn,kr,Ut,lr,fa)),Jx=Le(([e,r,n,s,o,a,i,l,d,u,p])=>({...e,...r,...n,...s,...o,...a,...i,...l,...d,...u,...p}),Ue(ga,Ux,cr,Zc,Jc,Hx,Bx,ya,Xc,lr,Qc)),td=Le(([{data:e,defaultItemSize:r,firstItemIndex:n,fixedItemSize:s,fixedGroupSize:o,gap:a,groupIndices:i,heightEstimates:l,itemSize:d,sizeRanges:u,sizes:p,statefulTotalCount:f,totalCount:h,trackItemSizes:m},{initialItemFinalLocationReached:y,initialTopMostItemIndex:x,scrolledToInitialItem:g},b,v,j,S,{scrollToIndex:k},T,{topItemCount:w},{groupCounts:E},N])=>{const{listState:R,minOverscanItemCount:L,topItemsIndexes:A,rangeChanged:$,...W}=S;return ve($,N.scrollSeekRangeChanged),ve(Q(Ke(N.windowViewportRect,b.headerHeight,b.fixedHeaderHeight),fe(([C,I,P])=>Math.max(I+P+1,C.visibleHeight))),b.viewportHeight),{data:e,defaultItemHeight:r,firstItemIndex:n,fixedItemHeight:s,fixedGroupHeight:o,gap:a,groupCounts:E,heightEstimates:l,initialItemFinalLocationReached:y,initialTopMostItemIndex:x,scrolledToInitialItem:g,sizeRanges:u,topItemCount:w,topItemsIndexes:A,totalCount:h,...j,groupIndices:i,itemSize:d,listState:R,minOverscanItemCount:L,scrollToIndex:k,statefulTotalCount:f,trackItemSizes:m,rangeChanged:$,...W,...N,...b,sizes:p,...v}},Ue(Ut,bn,ft,Vx,Wx,kr,vn,Yx,Kx,Gc,Jx));function Qx(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 $n=typeof document>"u"?ge.useEffect:ge.useLayoutEffect;function rd(e,r,n){const s=Object.keys(r.required||{}),o=Object.keys(r.optional||{}),a=Object.keys(r.methods||{}),i=Object.keys(r.events||{}),l=ge.createContext({});function d(g,b){g.propsReady!==void 0&&Ee(g.propsReady,!1);for(const v of s){const j=g[r.required[v]];Ee(j,b[v])}for(const v of o)if(v in b){const j=g[r.optional[v]];Ee(j,b[v])}g.propsReady!==void 0&&Ee(g.propsReady,!0)}function u(g){return a.reduce((b,v)=>(b[v]=j=>{const S=g[r.methods[v]];Ee(S,j)},b),{})}function p(g){return i.reduce((b,v)=>(b[v]=ux(g[r.events[v]]),b),{})}const f=ge.forwardRef(function(g,b){const{children:v,...j}=g,[S]=ge.useState(()=>ms(hx(e),w=>{d(w,j)})),[k]=ge.useState(bi(p,S));$n(()=>{for(const w of i)w in j&&Ae(k[w],j[w]);return()=>{Object.values(k).map(da)}},[j,k,S]),$n(()=>{d(S,j)}),ge.useImperativeHandle(b,vi(u(S)));const T=n;return t.jsx(l.Provider,{value:S,children:n===void 0?v:t.jsx(T,{...Qx([...s,...o,...i],j),children:v})})}),h=g=>{const b=ge.useContext(l);return ge.useCallback(v=>{Ee(b[g],v)},[b,g])},m=g=>{const b=ge.useContext(l)[g],v=ge.useCallback(j=>Ae(b,j),[b]);return ge.useSyncExternalStore(v,()=>He(b),()=>He(b))},y=g=>{const b=ge.useContext(l)[g],[v,j]=ge.useState(bi(He,b));return $n(()=>Ae(b,S=>{S!==v&&j(vi(S))}),[b,v]),v},x=parseInt(ge.version,10)>=18?m:y;return{Component:f,useEmitter:(g,b)=>{const v=ge.useContext(l)[g];$n(()=>Ae(v,b),[b,v])},useEmitterValue:x,usePublisher:h}}const nd=ge.createContext(void 0),sd=ge.createContext(void 0),Ms="-webkit-sticky",Ai="sticky",va=ed(()=>{if(typeof document>"u")return Ai;const e=document.createElement("div");return e.style.position=Ms,e.style.position===Ms?Ms:Ai});function Fs(e){return"self"in e}function Xx(e){return"body"in e}function od(e,r,n,s=Or,o,a){const i=ge.useRef(null),l=ge.useRef(null),d=ge.useRef(null),u=ge.useCallback(f=>{let h,m,y;const x=f.target;if(Xx(x)||Fs(x)){const b=Fs(x)?x:x.defaultView;y=a===!0?xr(b,b.scrollX):b.scrollY,h=a===!0?b.document.documentElement.scrollWidth:b.document.documentElement.scrollHeight,m=a===!0?b.innerWidth:b.innerHeight}else y=a===!0?xr(x,x.scrollLeft):x.scrollTop,h=a===!0?x.scrollWidth:x.scrollHeight,m=a===!0?x.offsetWidth:x.offsetHeight;const g=()=>{e({scrollHeight:h,scrollTop:Math.max(y,0),viewportHeight:m})};f.suppressFlushSync===!0?g():Rf.flushSync(g),l.current!==null&&(y===l.current||y<=0||y===h-m)&&(l.current=null,r(!0),d.current&&(clearTimeout(d.current),d.current=null))},[e,r,a]);ge.useEffect(()=>{const f=o??i.current;return s(o??i.current),u({suppressFlushSync:!0,target:f}),f.addEventListener("scroll",u,{passive:!0}),()=>{s(null),f.removeEventListener("scroll",u)}},[i,u,n,s,o]);function p(f){const h=i.current;if(!h||(a===!0?"offsetWidth"in h&&h.offsetWidth===0:"offsetHeight"in h&&h.offsetHeight===0))return;const m=f.behavior==="smooth";let y,x,g;Fs(h)?(x=Math.max(or(h.document.documentElement,a===!0?"width":"height"),a===!0?h.document.documentElement.scrollWidth:h.document.documentElement.scrollHeight),y=a===!0?h.innerWidth:h.innerHeight,g=a===!0?xr(h,h.scrollX):h.scrollY):(x=h[a===!0?"scrollWidth":"scrollHeight"],y=or(h,a===!0?"width":"height"),g=a===!0?xr(h,h.scrollLeft):h.scrollTop);const b=x-y;if(f.top===void 0){h.scrollTo(f);return}const v=Math.ceil(Math.max(Math.min(b,f.top),0));if(f.top=v,qc(y,x)||v===g){e({scrollHeight:x,scrollTop:g,viewportHeight:y}),m&&r(!0);return}m?(l.current=v,d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{d.current=null,l.current=null,r(!0)},1e3)):l.current=null,a===!0&&(f={...f.behavior===void 0?{}:{behavior:f.behavior},left:ji(h,v)}),h.scrollTo(f)}return{scrollByCallback:ge.useCallback(f=>{a===!0&&(f={...f.behavior===void 0?{}:{behavior:f.behavior},...f.top===void 0?{}:{left:ji(i.current,f.top)}}),i.current.scrollBy(f)},[a]),scrollerRef:i,scrollToCallback:p}}function ba(e){return e}const Zx=Le(()=>{const e=oe(l=>`Item ${l}`),r=oe(l=>`Group ${l}`),n=oe({}),s=oe(ba),o=oe("div"),a=oe(Or),i=(l,d=null)=>dt(Q(n,fe(u=>u[l]),We()),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")}}),eg=Le(([e,r])=>({...e,...r}),Ue(td,Zx)),tg=({height:e})=>t.jsx("div",{style:{height:e}}),rg={overflowAnchor:"none",position:va(),zIndex:1},ad={overflowAnchor:"none"},ng={...ad,display:"inline-block",height:"100%"},Pi=ge.memo(function({showTopList:e=!1}){const r=Se("listState"),n=jt("sizeRanges"),s=Se("useWindowScroll"),o=Se("customScrollParent"),a=jt("windowScrollContainerState"),i=jt("scrollContainerState"),l=o||s?a:i,d=Se("itemContent"),u=Se("context"),p=Se("groupContent"),f=Se("trackItemSizes"),h=Se("itemSize"),m=Se("log"),y=jt("gap"),x=Se("horizontalDirection"),{callbackRef:g}=yx(n,h,f,e?Or:l,m,y,o,x,Se("skipAnimationFrameInResizeObserver")),[b,v]=ge.useState(0);ja("deviation",C=>{b!==C&&v(C)});const j=jt("deviationCommitted");pa(()=>{j(b)},[b,j]);const S=Se("EmptyPlaceholder"),k=Se("ScrollSeekPlaceholder")??tg,T=Se("ListComponent"),w=Se("ItemComponent"),E=Se("GroupComponent"),N=Se("computeItemKey"),R=Se("isSeeking"),L=Se("groupIndices").length>0,A=Se("alignToBottom"),$=Se("initialItemFinalLocationReached"),W=e?{}:{boxSizing:"border-box",...x?{display:"inline-block",height:"100%",marginInlineStart:b===0?A?"auto":0:b,paddingInlineEnd:r.offsetBottom,paddingInlineStart:r.offsetTop,whiteSpace:"nowrap"}:{marginTop:b===0?A?"auto":0:b,paddingBottom:r.offsetBottom,paddingTop:r.offsetTop},...$?{}:{visibility:"hidden"}};return!e&&r.totalCount===0&&S!==null&&S!==void 0?t.jsx(S,{...ct(S,u)}):t.jsx(T,{...ct(T,u),"data-testid":e?"virtuoso-top-item-list":"virtuoso-item-list",ref:g,style:W,children:(e?r.topItems:r.items).map(C=>{const I=C.originalIndex,P=N(I+r.firstItemIndex,C.data,u);return R?c.createElement(k,{...ct(k,u),height:C.size,index:C.index,key:P,type:C.type||"item",...C.type==="group"?{}:{groupIndex:C.groupIndex}}):C.type==="group"?c.createElement(E,{...ct(E,u),"data-index":I,"data-item-index":C.index,"data-known-size":C.size,key:P,style:rg},p(C.index,u)):c.createElement(w,{...ct(w,u),...ig(w,C.data),"data-index":I,"data-item-group-index":C.groupIndex,"data-item-index":C.index,"data-known-size":C.size,key:P,style:x?ng:ad},L?d(C.index,C.groupIndex,C.data,u):d(C.index,C.data,u))})})}),sg={height:"100%",outline:"none",overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},og={outline:"none",overflowX:"auto",position:"relative"},ka=e=>({height:"100%",position:"absolute",top:0,width:"100%",...e?{display:"flex",flexDirection:"column"}:void 0}),id=(e,r,n=0)=>({...ka(e),position:r?"relative":"absolute",top:r?-n:0}),ag={position:va(),top:0,width:"100%",zIndex:1};function ct(e,r){if(typeof e!="string")return{context:r}}function ig(e,r){return{item:typeof e=="string"?void 0:r}}const lg=ge.memo(function(){const e=Se("HeaderComponent"),r=jt("headerHeight"),n=Se("HeaderFooterTag"),s=br(ge.useMemo(()=>a=>{r(or(a,"height"))},[r]),!0,Se("skipAnimationFrameInResizeObserver")),o=Se("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null}),cg=ge.memo(function(){const e=Se("FooterComponent"),r=jt("footerHeight"),n=Se("HeaderFooterTag"),s=br(ge.useMemo(()=>a=>{r(or(a,"height"))},[r]),!0,Se("skipAnimationFrameInResizeObserver")),o=Se("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null});function ld({useEmitter:e,useEmitterValue:r,usePublisher:n}){return ge.memo(function({children:s,style:o,context:a,...i}){const l=n("scrollContainerState"),d=r("ScrollerComponent"),u=n("smoothScrollTargetReached"),p=r("scrollerRef"),f=r("horizontalDirection")||!1,{scrollByCallback:h,scrollerRef:m,scrollToCallback:y}=od(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?og:sg,...o},tabIndex:0,...i,...ct(d,a),children:s})})}function cd({useEmitter:e,useEmitterValue:r,usePublisher:n}){return ge.memo(function({children:s,style:o,context:a,...i}){const l=n("windowScrollContainerState"),d=r("ScrollerComponent"),u=n("smoothScrollTargetReached"),p=r("totalListHeight"),f=r("deviation"),h=r("customScrollParent"),m=ge.useRef(null),y=r("scrollerRef"),{scrollByCallback:x,scrollerRef:g,scrollToCallback:b}=od(l,u,d,y,h);return pa(()=>{var v;return g.current=h??((v=m.current)==null?void 0:v.ownerDocument.defaultView),()=>{g.current=null}},[g,h]),e("windowScrollTo",b),e("scrollBy",x),t.jsx(d,{ref:m,"data-virtuoso-scroller":!0,style:{position:"relative",...o,...p===0?void 0:{height:p+f}},...i,...ct(d,a),children:s})})}const dg=({children:e})=>{const r=ge.useContext(nd),n=jt("viewportHeight"),s=jt("fixedItemHeight"),o=Se("alignToBottom"),a=Se("horizontalDirection"),i=ge.useMemo(()=>Pc(n,d=>or(d,a?"width":"height")),[n,a]),l=br(i,!0,Se("skipAnimationFrameInResizeObserver"));return ge.useEffect(()=>{r&&(n(r.viewportHeight),s(r.itemHeight))},[r,n,s]),t.jsx("div",{"data-viewport-type":"element",ref:l,style:ka(o),children:e})},ug=({children:e})=>{const r=ge.useContext(nd),n=jt("windowViewportRect"),s=jt("fixedItemHeight"),o=Se("customScrollParent"),a=Se("useWindowScroll"),i=Se("topListHeight"),l=Fc(n,o,Se("skipAnimationFrameInResizeObserver")),d=Se("alignToBottom");return ge.useEffect(()=>{r&&(s(r.itemHeight),n({listHeight:0,offsetTop:0,visibleHeight:r.viewportHeight,visibleWidth:100}))},[r,n,s]),t.jsx("div",{"data-viewport-type":"window",ref:l,style:id(d,a,i),children:e})},pg=({children:e})=>{const r=Se("TopItemListComponent")??"div",n=Se("headerHeight"),s={...ag,marginTop:`${n}px`},o=Se("context");return t.jsx(r,{style:s,...ct(r,o),children:e})},fg=ge.memo(function(e){const r=Se("useWindowScroll"),n=Se("topItemsIndexes").length>0,s=Se("customScrollParent"),o=Se("context");return t.jsxs(s||r?xg:mg,{...e,context:o,children:[n&&t.jsx(pg,{children:t.jsx(Pi,{showTopList:!0})}),t.jsxs(s||r?ug:dg,{children:[t.jsx(lg,{}),t.jsx(Pi,{}),t.jsx(cg,{})]})]})}),{Component:hg,useEmitter:ja,useEmitterValue:Se,usePublisher:jt}=rd(eg,{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"}},fg),mg=ld({useEmitter:ja,useEmitterValue:Se,usePublisher:jt}),xg=cd({useEmitter:ja,useEmitterValue:Se,usePublisher:jt}),gg=hg,yg=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(ba),l=oe(Or),d=(u,p=null)=>dt(Q(a,fe(f=>f[u]),We()),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")}});Ue(td,yg);va();const $i={bottom:0,itemHeight:0,items:[],itemWidth:0,offsetBottom:0,offsetTop:0,top:0},vg={bottom:0,itemHeight:0,items:[{index:0}],itemWidth:0,offsetBottom:0,offsetTop:0,top:0},{ceil:Mi,floor:ts,max:sn,min:Ds,round:Fi}=Math;function Di(e,r,n){return Array.from({length:r-e+1}).map((s,o)=>({data:n===null?null:n[o+e],index:o+e}))}function bg(e){return{...vg,items:e}}function Mn(e,r){return e!==void 0&&e.width===r.width&&e.height===r.height}function kg(e,r){return e!==void 0&&e.column===r.column&&e.row===r.row}const jg=Le(([{increaseViewportBy:e,listBoundary:r,overscan:n,visibleRange:s},{footerHeight:o,headerHeight:a,scrollBy:i,scrollContainerState:l,scrollTo:d,scrollTop:u,smoothScrollTargetReached:p,viewportHeight:f},h,m,{didMount:y,propsReady:x},{customScrollParent:g,useWindowScroll:b,windowScrollContainerState:v,windowScrollTo:j,windowViewportRect:S},k])=>{const T=oe(0),w=oe(0),E=oe($i),N=oe({height:0,width:0}),R=oe({height:0,width:0}),L=Te(),A=Te(),$=oe(0),W=oe(null),C=oe({column:0,row:0}),I=Te(),P=Te(),F=oe(!1),H=oe(0),ce=oe(!0),V=oe(!1),U=oe(!1);Ae(Q(y,Re(H),je(([M,O])=>!Do(O))),()=>{Ee(ce,!1)}),Ae(Q(Ke(y,ce,R,N,H,V),je(([M,O,G,K,,se])=>M&&!O&&G.height!==0&&K.height!==0&&!se)),([,,,,M])=>{if(M===void 0){Ee(ce,!0);return}Ee(V,!0),ma(1,()=>{Ee(L,M)}),Mt(Q(u),()=>{Ee(r,[0,0]),Ee(ce,!0)})}),ve(Q(P,je(M=>M!=null&&M.scrollTop>0),Bt(0)),w),Ae(Q(y,Re(P),je(([,M])=>M!=null)),([,M])=>{M&&(Ee(N,M.viewport),Ee(R,M.item),Ee(C,M.gap),M.scrollTop>0&&(Ee(F,!0),Mt(Q(u,yr(1)),O=>{Ee(F,!1)}),Ee(d,{top:M.scrollTop})))}),ve(Q(N,fe(({height:M})=>M)),f),ve(Q(Ke(ke(N,Mn),ke(R,Mn),ke(C,(M,O)=>M!==void 0&&M.column===O.column&&M.row===O.row),ke(u)),fe(([M,O,G,K])=>({gap:G,item:O,scrollTop:K,viewport:M}))),I),ve(Q(Ke(ke(T),s,ke(C,kg),ke(R,Mn),ke(N,Mn),ke(W),ke(w),ke(F),ke(ce),ke(H)),je(([,,,,,,,M])=>!M),fe(([M,[O,G],K,se,te,J,ae,,Z,pe])=>{const{column:D,row:q}=K,{height:X,width:Y}=se,{width:ue}=te;if(ae===0&&(M===0||ue===0))return $i;if(Y===0){const Ie=xa(pe,M),ee=Ie+Math.max(ae-1,0);return bg(Di(Ie,ee,J))}const he=dd(ue,Y,D);let we,xe;Z?O===0&&G===0&&ae>0?(we=0,xe=ae-1):(we=he*ts((O+q)/(X+q)),xe=he*Mi((G+q)/(X+q))-1,xe=Ds(M-1,sn(xe,he-1)),we=Ds(xe,sn(0,we))):(we=0,xe=-1);const Ve=Di(we,xe,J),{bottom:Ye,top:Pe}=zi(te,K,se,Ve),rt=Mi(M/he),Je=rt*X+(rt-1)*q-Ye;return{bottom:Ye,itemHeight:X,items:Ve,itemWidth:Y,offsetBottom:Je,offsetTop:Pe,top:Pe}})),E),ve(Q(W,je(M=>M!==null),fe(M=>M.length)),T),ve(Q(Ke(N,R,E,C),je(([M,O,{items:G}])=>G.length>0&&O.height!==0&&M.height!==0),fe(([M,O,{items:G},K])=>{const{bottom:se,top:te}=zi(M,K,O,G);return[te,se]}),We(un)),r);const ne=oe(!1);ve(Q(u,Re(ne),fe(([M,O])=>O||M!==0)),ne);const me=wt(Q(Ke(E,T),je(([{items:M}])=>M.length>0),Re(ne),je(([[M,O],G])=>{const K=M.items[M.items.length-1].index===O-1;return(G||M.bottom>0&&M.itemHeight>0&&M.offsetBottom===0&&M.items.length===O)&&K}),fe(([[,M]])=>M-1),We())),be=wt(Q(ke(E),je(({items:M})=>M.length>0&&M[0].index===0),Bt(0),We())),B=wt(Q(ke(E),Re(F),je(([{items:M},O])=>M.length>0&&!O),fe(([{items:M}])=>({endIndex:M[M.length-1].index,startIndex:M[0].index})),We(Wc),Gt(0)));ve(B,m.scrollSeekRangeChanged),ve(Q(L,Re(N,R,T,C),fe(([M,O,G,K,se])=>{const te=Kc(M),{align:J,behavior:ae,offset:Z}=te;let pe=te.index;pe==="LAST"&&(pe=K-1),pe=sn(0,pe,Ds(K-1,pe));let D=zo(O,se,G,pe);return J==="end"?D=Fi(D-O.height+G.height):J==="center"&&(D=Fi(D-O.height/2+G.height/2)),Z!==void 0&&Z!==0&&(D+=Z),{behavior:ae,top:D}})),d);const re=dt(Q(E,fe(M=>M.offsetBottom+M.bottom)),0);return ve(Q(S,fe(M=>({height:M.visibleHeight,width:M.visibleWidth}))),N),{customScrollParent:g,data:W,deviation:$,footerHeight:o,gap:C,headerHeight:a,increaseViewportBy:e,initialItemCount:w,itemDimensions:R,overscan:n,restoreStateFrom:P,scrollBy:i,scrollContainerState:l,scrollHeight:A,scrollTo:d,scrollToIndex:L,scrollTop:u,smoothScrollTargetReached:p,totalCount:T,useWindowScroll:b,viewportDimensions:N,windowScrollContainerState:v,windowScrollTo:j,windowViewportRect:S,...m,gridState:E,horizontalDirection:U,initialTopMostItemIndex:H,totalListHeight:re,...h,endReached:me,propsReady:x,rangeChanged:B,startReached:be,stateChanged:I,stateRestoreInProgress:F,...k}},Ue(ga,ft,kn,Zc,cr,ya,lr));function dd(e,r,n){return sn(1,ts((e+n)/(ts(r)+n)))}function zi(e,r,n,s){const{height:o}=n;if(o===void 0||s.length===0)return{bottom:0,top:0};const a=zo(e,r,n,s[0].index);return{bottom:zo(e,r,n,s[s.length-1].index)+o,top:a}}function zo(e,r,n,s){const o=dd(e.width,n.width,r.column),a=ts(s/o),i=a*n.height+sn(0,a-1)*r.row;return i>0?i+r.row:i}const wg=Le(()=>{const e=oe(f=>`Item ${f}`),r=oe({}),n=oe(null),s=oe("virtuoso-grid-item"),o=oe("virtuoso-grid-list"),a=oe(ba),i=oe("div"),l=oe(Or),d=(f,h=null)=>dt(Q(r,fe(m=>m[f]),We()),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")}}),Sg=Le(([e,r])=>({...e,...r}),Ue(jg,wg)),Cg=ge.memo(function(){const e=Oe("gridState"),r=Oe("listClassName"),n=Oe("itemClassName"),s=Oe("itemContent"),o=Oe("computeItemKey"),a=Oe("isSeeking"),i=Rt("scrollHeight"),l=Oe("ItemComponent"),d=Oe("ListComponent"),u=Oe("ScrollSeekPlaceholder"),p=Oe("context"),f=Rt("itemDimensions"),h=Rt("gap"),m=Oe("log"),y=Oe("stateRestoreInProgress"),x=Rt("reportReadyState"),g=br(ge.useMemo(()=>b=>{const v=b.parentElement.parentElement.scrollHeight;i(v);const j=b.firstChild;if(j!==null){const{height:S,width:k}=j.getBoundingClientRect();f({height:S,width:k})}h({column:Bi("column-gap",getComputedStyle(b).columnGap,m),row:Bi("row-gap",getComputedStyle(b).rowGap,m)})},[i,f,h,m]),!0,!1);return pa(()=>{e.itemHeight>0&&e.itemWidth>0&&x(!0)},[e]),y?null:t.jsx(d,{className:r,ref:g,...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))})})}),Eg=ge.memo(function(){const e=Oe("HeaderComponent"),r=Rt("headerHeight"),n=Oe("headerFooterTag"),s=br(ge.useMemo(()=>a=>{r(or(a,"height"))},[r]),!0,!1),o=Oe("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null}),Ng=ge.memo(function(){const e=Oe("FooterComponent"),r=Rt("footerHeight"),n=Oe("headerFooterTag"),s=br(ge.useMemo(()=>a=>{r(or(a,"height"))},[r]),!0,!1),o=Oe("context");return e!=null?t.jsx(n,{ref:s,children:t.jsx(e,{...ct(e,o)})}):null}),Rg=({children:e})=>{const r=ge.useContext(sd),n=Rt("itemDimensions"),s=Rt("viewportDimensions"),o=br(ge.useMemo(()=>a=>{s(a.getBoundingClientRect())},[s]),!0,!1);return ge.useEffect(()=>{r&&(s({height:r.viewportHeight,width:r.viewportWidth}),n({height:r.itemHeight,width:r.itemWidth}))},[r,s,n]),t.jsx("div",{ref:o,style:ka(!1),children:e})},Tg=({children:e})=>{const r=ge.useContext(sd),n=Rt("windowViewportRect"),s=Rt("itemDimensions"),o=Oe("customScrollParent"),a=Oe("useWindowScroll"),i=Fc(n,o,!1);return ge.useEffect(()=>{r&&(s({height:r.itemHeight,width:r.itemWidth}),n({listHeight:0,offsetTop:0,visibleHeight:r.viewportHeight,visibleWidth:r.viewportWidth}))},[r,n,s]),t.jsx("div",{ref:i,style:id(!1,a),children:e})},Ig=ge.memo(function({...e}){const r=Oe("useWindowScroll"),n=Oe("customScrollParent"),s=n||r?Ag:Lg,o=n||r?Tg:Rg,a=Oe("context");return t.jsx(s,{...e,...ct(s,a),children:t.jsxs(o,{children:[t.jsx(Eg,{}),t.jsx(Cg,{}),t.jsx(Ng,{})]})})}),{useEmitter:ud,useEmitterValue:Oe,usePublisher:Rt}=rd(Sg,{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"}},Ig),Lg=ld({useEmitter:ud,useEmitterValue:Oe,usePublisher:Rt}),Ag=cd({useEmitter:ud,useEmitterValue:Oe,usePublisher:Rt});function Bi(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"},pd={source:"Own",installed:"Installed"};function $g(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 Mg(e,r){const n=r?"true":"false";try{localStorage.setItem(e,n)}catch{}try{typeof sessionStorage<"u"&&sessionStorage.setItem(e,n)}catch{}}function _i({origin:e,count:r,filteredCount:n,updateCount:s,children:o}){const a=Pg[e],[i,l]=c.useState(()=>$g(a)),d=c.useCallback(()=>{l(h=>{const m=!h;return Mg(a,m),m})},[a]),u=pd[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(Dg,{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(Fg,{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 Fg({origin:e,updateCount:r}){const[n,s]=c.useState(!1),o=pd[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 Dg({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 wa(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 zg({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 Bg({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 _g({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 Og({skillId:e,trackedForUpdates:r}){let n=null;try{n=c.useContext(kc)}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 Wg(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 jn(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=Wg(o,l,a),y=e.title??m,x={display:"inline-flex",alignItems:"center",padding:`${p}px ${f}px`,border:"1px solid var(--border, var(--border-default))",borderRadius:4,background:"var(--bg-subtle, var(--surface-1, transparent))",color:"var(--text-secondary)",fontFamily:"var(--font-mono, var(--font-geist-mono))",fontSize:u,fontVariantNumeric:"tabular-nums",lineHeight:1.2,whiteSpace:"nowrap",flexShrink:0};return h&&(x.fontStyle="italic"),t.jsx("span",{"data-testid":e["data-testid"]??"version-badge","data-version":l,"data-version-source":o,title:y,style:x,children:d})}const Ug={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 Sa({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 Hg({tenantName:e,variant:r="inline"}){const n=Ug[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(Sa,{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 Vg({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(Sa,{size:11}),r==="tag"?t.jsx("span",{children:"Private"}):null]})}function Gg({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(jn,{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(Vg,{repoFullName:i??null}),e.isSymlink&&t.jsx(Bg,{target:e.symlinkTarget??null}),t.jsx(_g,{skill:e}),t.jsx(Og,{skillId:`${e.plugin}/${e.skill}`,trackedForUpdates:e.trackedForUpdates??!0})]})}const on=c.memo(Gg),fd={platformBaseUrl:"",authMode:"cookie",getAuthHeader:async()=>null},hd=c.createContext(fd);function Kg({value:e,children:r}){const n=c.useMemo(()=>({...fd,...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(hd.Provider,{value:n,children:r})}function ht(){return c.useContext(hd)}function qg(e,r){const n=e.platformBaseUrl.replace(/\/+$/,""),s=r.startsWith("/")?r:`/${r}`;return`${n}${s}`}const Wr=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(qg(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 wn(){const e=ht();return Ct(Ze.profile(),()=>mt(e,"/api/v1/account/profile"),{ttl:Wr})}function md(){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 gs(){const e=ht();return Ct(Ze.repos(),async()=>Yg(await mt(e,"/api/v1/account/repos")),{ttl:Wr})}function Ca(e){return(e==null?void 0:e.repos)??[]}function Yg(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 xd(){const e=ht();return c.useCallback(async r=>{await mt(e,`/api/v1/account/repos/${r}/resync`,{method:"POST"}),Be(Ze.repos())},[e])}function gd(){const e=ht();return c.useCallback(async r=>{await mt(e,`/api/v1/account/repos/${r}`,{method:"DELETE"}),Be(Ze.repos())},[e])}function yd(){const e=ht();return Ct(Ze.tokens(),async()=>Jg(await mt(e,"/api/v1/account/tokens")),{ttl:Wr})}function Jg(e){return Array.isArray(e)?e:e.tokens??[]}function vd(){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 bd(){const e=ht();return c.useCallback(async r=>{await mt(e,`/api/v1/account/tokens/${r}`,{method:"DELETE"}),Be(Ze.tokens())},[e])}function kd(){const e=ht();return Ct(Ze.notifications(),()=>mt(e,"/api/v1/account/notifications"),{ttl:Wr})}function jd(){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 Qg(){const e=ht();return Ct(Ze.skills(),()=>mt(e,"/api/v1/account/skills/summary"),{ttl:Wr})}function wd(){const e=ht();return Ct(Ze.exports(),async()=>(await mt(e,"/api/v1/account/export")).exports,{ttl:Wr})}function Sd(){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 Ed(){const e=ht();return c.useCallback(async r=>{await mt(e,"/api/v1/account/delete",{method:"POST",body:JSON.stringify({confirmHandle:r})})},[e])}function Xg(){return{profile:wn(),repos:gs(),tokens:yd(),skills:Qg(),notifications:kd(),exports:wd(),updateProfile:md(),resyncRepo:xd(),disconnectRepo:gd(),createToken:vd(),revokeToken:bd(),updateNotificationPrefs:jd(),signOutAll:Sd(),requestExport:Cd(),deleteAccount:Ed()}}const Zg=/^https?:\/\/(?:www\.)?github\.com\/([^/]+)\/([^/?#]+?)(?:\.git)?\/?$/i,ey=/^git@github\.com:([^/]+)\/([^/?#]+?)(?:\.git)?$/i;function Sn(e){if(!e)return null;const r=e.trim(),n=Zg.exec(r);if(n)return`${n[1].toLowerCase()}/${n[2].toLowerCase()}`;const s=ey.exec(r);return s?`${s[1].toLowerCase()}/${s[2].toLowerCase()}`:null}function Nd(e){const r=new Map;for(const n of e)r.set(n.repoFullName.toLowerCase(),n);return r}function ty(e,r){const n=Sn(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 ry(e){const{data:r}=gs(),n=c.useMemo(()=>Nd(Ca(r)),[r]);return ty(e,n)}function Rd(){const{data:e,loading:r}=gs(),n=Ca(e);return{lookup:c.useMemo(()=>Nd(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 Td({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?Sn(f.repoUrl):null,y=m?i.get(m)??null:null,x=y?y.isPrivate?"private":"public":"unknown";return t.jsx("div",{role:"listitem",children:t.jsx(on,{skill:f,isSelected:h,onSelect:()=>s(f),onContextMenu:o,dirty:a==null?void 0:a.has(`${f.plugin}/${f.skill}`),repoVisibility:x,repoFullName:(y==null?void 0:y.repoFullName)??null})},`${f.plugin}/${f.skill}`)})})]})}function ny(e,r){if(!r)return!1;const n=Sn(e.repoUrl);if(!n)return!1;const s=r.get(n);return(s==null?void 0:s.isPrivate)===!0}function sy(e,r){const n=[],s=[];let o=0,a=0;for(const[i,l]of e){const d=[],u=[];for(const p of l)ny(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 oy(e){try{const r=localStorage.getItem(e);if(r!=null)return r==="true"}catch{}return!1}function ay(e,r){try{localStorage.setItem(e,r?"true":"false")}catch{}}function iy({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}=sy(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(Oi,{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(Oi,{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 Oi({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(()=>oy(r)),m=c.useCallback(()=>{h(x=>{const g=!x;return ay(r,g),g})},[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(([x,g])=>t.jsx(Td,{plugin:x,skills:g,selectedKey:l,onSelect:d,onContextMenu:u,dirtySkillIds:p,repoVisibilityLookup:i},x))})]})}function ly(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 zs({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(()=>ly(s,n)),p=i?!1:d,f=c.useCallback(()=>{u(y=>{const x=!y;if(s&&typeof window<"u")try{window.localStorage.setItem(s,String(x))}catch{}return x})},[s]),h=p?"▸":"▾";return t.jsxs("div",{"data-vskill-plugin-tree":l,role:"group","aria-label":`${l} (${e.length})`,children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",paddingRight:6},children:[t.jsxs("button",{type:"button",onClick:f,"aria-expanded":!p,style:{display:"flex",alignItems:"center",gap:6,flex:1,padding:"4px 4px 4px 18px",background:"transparent",border:"none",cursor:"pointer",textAlign:"left",color:"var(--text-primary)",fontSize:12,fontWeight:500},children:[t.jsx("span",{"aria-hidden":!0,className:"vskill-chevron tabular-nums",style:{width:16,display:"inline-block",textAlign:"center",fontSize:14,fontWeight:700,color:"var(--color-ink, var(--text-primary))"},children:h}),t.jsx("span",{className:"vskill-plugin-name",style:{fontFamily:"var(--font-mono)"},children:l}),t.jsxs("span",{className:"vskill-plugin-count tabular-nums",style:{marginLeft:"auto",fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-mono)"},children:["(",e.length,")"]})]}),a&&t.jsx("div",{style:{display:"inline-flex",alignItems:"center",flexShrink:0},children:a})]}),!p&&t.jsx("div",{className:"vskill-plugin-tree-children",style:{paddingLeft:36,borderLeft:"1px solid var(--border-subtle, rgba(128,128,128,0.2))",marginLeft:24},children:e.map(y=>t.jsx("div",{"data-vskill-plugin-skill":y.pluginNamespace??y.skill,children:o(y)},`${y.pluginNamespace??y.skill}`))})]})}function Jn({open:e,title:r,body:n,confirmLabel:s="Confirm",cancelLabel:o="Cancel",variant:a="default",onConfirm:i,onCancel:l}){const d=c.useRef(null),u=c.useRef(null),p=c.useRef(null);if(c.useEffect(()=>{if(e)return p.current=document.activeElement??null,requestAnimationFrame(()=>{var y;(y=u.current)==null||y.focus()}),()=>{var y,x;(x=(y=p.current)==null?void 0:y.focus)==null||x.call(y),p.current=null}},[e]),c.useEffect(()=>{if(!e)return;function y(x){if(x.key==="Escape"){x.preventDefault(),l();return}if(x.key==="Tab"&&d.current){const g=d.current.querySelectorAll("button:not([disabled])");if(g.length===0)return;const b=g[0],v=g[g.length-1];x.shiftKey&&document.activeElement===b?(x.preventDefault(),v.focus()):!x.shiftKey&&document.activeElement===v&&(x.preventDefault(),b.focus())}}return window.addEventListener("keydown",y,!0),()=>window.removeEventListener("keydown",y,!0)},[e,l]),!e)return null;const f="confirm-dialog-title",h="confirm-dialog-body",m=a==="destructive"?{background:"var(--red, #d92d20)",color:"#fff",border:"1px solid var(--red, #d92d20)"}:{background:"var(--accent-surface)",color:"var(--text-primary)",border:"1px solid var(--border-default)"};return t.jsx("div",{"data-testid":"confirm-dialog-overlay",onMouseDown:y=>{y.target===y.currentTarget&&l()},style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.4)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:100},children:t.jsxs("div",{ref:d,role:"alertdialog","aria-modal":"true","aria-labelledby":f,"aria-describedby":h,"data-testid":"confirm-dialog",style:{background:"var(--bg-canvas)",color:"var(--text-primary)",border:"1px solid var(--border-default)",borderRadius:8,padding:20,width:"min(440px, 92vw)",boxShadow:"0 20px 48px rgba(0,0,0,0.32)",fontFamily:"var(--font-sans)"},children:[t.jsx("h2",{id:f,style:{margin:0,fontSize:16,fontWeight:600,marginBottom:8},children:r}),t.jsx("p",{id:h,style:{margin:0,fontSize:13,color:"var(--text-secondary)",marginBottom:16,lineHeight:1.5},children:n}),t.jsxs("div",{style:{display:"flex",justifyContent:"flex-end",gap:8},children:[t.jsx("button",{ref:u,type:"button","data-testid":"confirm-dialog-cancel",onClick:l,style:{padding:"6px 14px",borderRadius:6,cursor:"pointer",background:"transparent",color:"var(--text-primary)",border:"1px solid var(--border-default)",fontSize:13},children:o}),t.jsx("button",{type:"button","data-testid":"confirm-dialog-confirm",onClick:i,style:{padding:"6px 14px",borderRadius:6,cursor:"pointer",fontSize:13,...m},children:s})]})]})})}function cy(e){const r=(typeof navigator<"u"?navigator.platform:"").toLowerCase();return r.includes("mac")?"system Trash":r.includes("win")?"Recycle Bin":"Trash"}function Bs(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function dy({pluginName:e,enabled:r,onAfterAction:n}){const[s,o]=c.useState(!1),[a,i]=c.useState(null),[l,d]=c.useState(null),[u,p]=c.useState(!1),f=c.useRef(null);c.useEffect(()=>{if(!s)return;function y(x){f.current&&!f.current.contains(x.target)&&o(!1)}return document.addEventListener("mousedown",y),()=>document.removeEventListener("mousedown",y)},[s]);async function h(y){i(y),d(null);try{const x=await fetch(`/api/plugins/${encodeURIComponent(e)}/${y}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),g=await x.json().catch(()=>({}));if(!x.ok||!g.ok){const b=g.error??`${y} failed (${x.status})`;d(b),y==="uninstall"&&Bs(`Failed to uninstall ${e}: ${b}`,"error");return}if(y==="uninstall"){const b=g.fallback==="orphan-cache-removed"?`Removed orphaned ${e}`:`Uninstalled ${e}`;Bs(b,"success")}Be("skills"),Lc(),n==null||n(),o(!1)}catch(x){const g=x instanceof Error?x.message:String(x);d(g),y==="uninstall"&&Bs(`Failed to uninstall ${e}: ${g}`,"error")}finally{i(null)}}function m(){p(!0)}return t.jsxs("div",{ref:f,style:{position:"relative",display:"inline-flex"},children:[t.jsx("button",{type:"button","aria-label":`Manage ${e}`,title:`Manage ${e}`,onClick:y=>{y.stopPropagation(),o(x=>!x)},"data-vskill-plugin-action-trigger":e,style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:22,height:22,padding:0,marginLeft:4,border:"none",background:s?"var(--surface-2, rgba(0,0,0,0.08))":"transparent",color:"var(--text-tertiary)",borderRadius:4,cursor:"pointer",fontSize:14,lineHeight:1},onMouseEnter:y=>{y.currentTarget.style.color="var(--text-primary)",y.currentTarget.style.background="var(--surface-2, rgba(0,0,0,0.06))"},onMouseLeave:y=>{y.currentTarget.style.color="var(--text-tertiary)",y.currentTarget.style.background=s?"var(--surface-2, rgba(0,0,0,0.08))":"transparent"},children:"⋯"}),s&&t.jsxs("div",{role:"menu",style:{position:"absolute",top:"calc(100% + 2px)",right:0,minWidth:160,background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:6,boxShadow:"0 4px 6px -1px rgba(0,0,0,0.08), 0 8px 14px -4px rgba(0,0,0,0.12)",padding:4,zIndex:30,fontFamily:"var(--font-sans)"},children:[r?t.jsx(_s,{onClick:()=>void h("disable"),disabled:a!==null,busy:a==="disable",label:"Disable",hint:"Keep installed, turn off"}):t.jsx(_s,{onClick:()=>void h("enable"),disabled:a!==null,busy:a==="enable",label:"Enable",hint:"Activate plugin"}),t.jsx(_s,{onClick:m,disabled:a!==null,busy:a==="uninstall",label:"Uninstall",hint:"Remove plugin + skills",danger:!0}),l&&t.jsx("div",{style:{padding:"6px 8px",fontSize:11,color:"var(--color-error, #b91c1c)",background:"color-mix(in oklch, var(--color-error, #b91c1c) 8%, transparent)",borderRadius:4,marginTop:4,lineHeight:1.4,maxWidth:240,wordBreak:"break-word"},children:l})]}),t.jsx(Jn,{open:u,title:`Uninstall ${e}?`,body:`This removes the ${e} plugin and all of its skills. You can reinstall it later from the marketplace.`,confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onCancel:()=>{p(!1),o(!1)},onConfirm:()=>{p(!1),h("uninstall")}})]})}function _s({onClick:e,disabled:r,busy:n,label:s,hint:o,danger:a}){return t.jsxs("button",{type:"button",onClick:i=>{i.stopPropagation(),e()},disabled:r,role:"menuitem",style:{display:"block",width:"100%",padding:"6px 10px",textAlign:"left",border:"none",background:"transparent",borderRadius:4,cursor:r?"not-allowed":"pointer",color:a?"var(--color-error, #b91c1c)":"var(--text-primary)",opacity:r&&!n?.5:1,fontFamily:"inherit"},onMouseEnter:i=>{r||(i.currentTarget.style.background="var(--surface-2, rgba(0,0,0,0.05))")},onMouseLeave:i=>{i.currentTarget.style.background="transparent"},children:[t.jsx("div",{style:{fontSize:12,fontWeight:500},children:n?`${s}…`:s}),t.jsx("div",{style:{fontSize:10,color:"var(--text-tertiary)"},children:o})]})}const uy=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function py({anchorSkillDir:e,candidateLabel:r,initialName:n,initialDescription:s,onConverted:o,onCancel:a}){const[i,l]=c.useState(n),[d,u]=c.useState(s??""),[p,f]=c.useState(!1),[h,m]=c.useState(null),[y,x]=c.useState(null),g=uy.test(i),b=p||!g,v=c.useCallback(async j=>{if(j.preventDefault(),!b){f(!0),m(null),x(null);try{const S=await de.convertToPlugin({anchorSkillDir:e,pluginName:i.trim(),description:d.trim()});o({pluginDir:S.pluginDir,manifestPath:S.manifestPath,validation:S.validation})}catch(S){if(S instanceof Kt){m(S.message);const k=S.details;k&&typeof k.stderr=="string"&&x(k.stderr)}else m(S instanceof Error?S.message:String(S));f(!1)}}},[b,e,i,d,o]);return t.jsx("div",{role:"dialog","aria-modal":"true","aria-labelledby":"vskill-convert-dialog-title",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.45)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},onClick:j=>{j.target===j.currentTarget&&!p&&a()},children:t.jsxs("form",{onSubmit:v,style:{background:"var(--bg-primary, #fff)",color:"var(--text-primary, #111)",borderRadius:8,padding:20,width:"min(540px, 92vw)",boxShadow:"0 12px 48px rgba(0,0,0,0.25)",fontFamily:"var(--font-sans)"},children:[t.jsxs("h2",{id:"vskill-convert-dialog-title",style:{margin:0,fontSize:16,fontWeight:600},children:["Convert ",t.jsxs("span",{style:{fontFamily:"var(--font-mono)"},children:[r,"/"]})," to a plugin"]}),t.jsxs("p",{style:{marginTop:8,marginBottom:16,fontSize:13,color:"var(--text-secondary)"},children:["Writes ",t.jsx("span",{style:{fontFamily:"var(--font-mono)"},children:".claude-plugin/plugin.json"})," into this folder and validates it via ",t.jsx("span",{style:{fontFamily:"var(--font-mono)"},children:"claude plugin validate"}),". The skills already on disk will appear nested under the new plugin."]}),t.jsx("label",{style:{display:"block",fontSize:12,fontWeight:500,marginBottom:4},children:"Plugin name"}),t.jsx("input",{type:"text",value:i,onChange:j=>l(j.target.value),disabled:p,autoFocus:!0,style:{width:"100%",padding:"6px 8px",fontSize:13,fontFamily:"var(--font-mono)",boxSizing:"border-box",border:"1px solid var(--border-subtle)",borderRadius:4}}),!g&&t.jsx("div",{style:{fontSize:11,color:"var(--color-error, #c00)",marginTop:4},children:"Must be kebab-case (lowercase letters, digits, hyphens; 2–64 chars)."}),t.jsx("label",{style:{display:"block",fontSize:12,fontWeight:500,marginTop:12,marginBottom:4},children:"Description"}),t.jsx("input",{type:"text",value:d,onChange:j=>u(j.target.value),disabled:p,style:{width:"100%",padding:"6px 8px",fontSize:13,boxSizing:"border-box",border:"1px solid var(--border-subtle)",borderRadius:4}}),h&&t.jsxs("div",{role:"alert",style:{marginTop:12,padding:8,fontSize:12,background:"var(--color-error-bg, #fee)",color:"var(--color-error, #c00)",borderRadius:4},children:[t.jsx("div",{style:{fontWeight:500},children:h}),y&&t.jsx("pre",{style:{marginTop:6,padding:6,fontSize:11,fontFamily:"var(--font-mono)",whiteSpace:"pre-wrap",background:"rgba(0,0,0,0.04)",borderRadius:3,maxHeight:160,overflow:"auto"},children:y})]}),t.jsxs("div",{style:{marginTop:16,display:"flex",justifyContent:"flex-end",gap:8},children:[t.jsx("button",{type:"button",onClick:a,disabled:p,style:{padding:"6px 12px",fontSize:13,background:"transparent",border:"1px solid var(--border-subtle)",borderRadius:4,cursor:p?"not-allowed":"pointer"},children:"Cancel"}),t.jsx("button",{type:"submit",disabled:b,style:{padding:"6px 12px",fontSize:13,background:"var(--color-accent, #2b6cb0)",color:"white",border:"none",borderRadius:4,cursor:b?"not-allowed":"pointer",opacity:b?.5:1},children:p?"Converting…":"Convert"})]})]})})}function Wi({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(fy,{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 fy({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 hy(){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 my(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 xy(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 gy(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 Bo(e,r={}){const{enabled:n=!0,target:s}=r,o=c.useRef([]),a=Array.isArray(e)?e:[e];o.current=a.map(my),c.useEffect(()=>{if(!n)return;const i=s??(typeof window<"u"?window:void 0);if(!i)return;function l(d){const u=d,p=xy(u.target);for(const f of o.current){if(!gy(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 Id(){const{data:e,loading:r,error:n,revalidate:s}=Ct("project-github-status",()=>de.getProjectGitHubStatus());return{status:e,loading:r,error:n,revalidate:s}}function yy(e){if(typeof window>"u")return!1;try{return window.localStorage.getItem(`vskill-github-hint-dismissed-${e}`)==="true"}catch{return!1}}function vy({projectRoot:e}){const{status:r,loading:n}=Id();if(n||!r||r.status==="github"||yy(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 by=3e4;async function ky(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 Ld=c.forwardRef(function({folder:r,fetchRepoInfo:n=ky,pollIntervalMs:s=by,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 x=async()=>{if(!r){u(null);return}f(!0),m(null);try{const g=await y.current(r);u(g)}catch(g){m(g instanceof Error?g.message:String(g))}finally{f(!1)}};return c.useImperativeHandle(i,()=>({refresh:x}),[r]),c.useEffect(()=>{if(!r){u(null);return}let g=!1,b=null;const v=async()=>{if(!g&&!(typeof document<"u"&&document.visibilityState!=="visible"))try{const S=await y.current(r);g||u(S)}catch(S){g||m(S instanceof Error?S.message:String(S))}};v(),b=setInterval(v,s);const j=()=>{typeof document<"u"&&document.visibilityState==="visible"&&v()};return typeof document<"u"&&document.addEventListener("visibilitychange",j),()=>{g=!0,b!==null&&clearInterval(b),typeof document<"u"&&document.removeEventListener("visibilitychange",j)}},[r,s]),r?h?t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"error",style:Gr,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:Gr,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:Gr,children:[t.jsx("span",{style:Ey,"data-testid":"repo-name",children:d.name??"Local-only"}),d.branch?t.jsxs("span",{style:Ny,"data-testid":"repo-branch",children:[t.jsx(jy,{})," ",d.branch]}):null,t.jsx(Cy,{state:d.sync_state}),t.jsx(Ad,{isPrivate:d.is_private,onConnectPrivateClick:a})]}):t.jsx("div",{"data-testid":"connected-repo-widget","data-state":"loading","aria-busy":p||void 0,style:Gr,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:Gr,children:t.jsx("span",{style:{color:"var(--color-muted, #999)",fontSize:12},children:"No project folder selected"})})});function Ad({isPrivate:e,onConnectPrivateClick:r}){return e!==!0?t.jsx(Sy,{isPrivate:e}):t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[t.jsxs("span",{style:Ry,role:"status",title:"Private GitHub repository","aria-label":"Private repository","data-testid":"visibility-pill","data-visibility":"private","data-private":"true",children:[t.jsx(Sa,{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:Ty,children:"Connect"}):null]})}function jy(){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 wy(){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 Sy({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(Ad,{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(wy,{})," public"]})}function Cy({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 Gr={display:"inline-flex",alignItems:"center",gap:6,flexWrap:"wrap",fontSize:12,fontFamily:"var(--font-system, -apple-system, system-ui)"},Ey={fontWeight:500,color:"var(--color-text, #333)"},Ny={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},Ry={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},Ty={marginLeft:4,padding:"0px 6px",borderRadius:9999,border:"1px solid currentColor",background:"transparent",color:"inherit",fontSize:10,fontWeight:500,cursor:"pointer",fontFamily:"inherit"},Iy=200;function Ly(e){return e.scope==="own"||e.scope==="installed"||e.scope==="global"?e.scope:e.origin==="installed"?"installed":"own"}function Ay(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=>wa(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=Ly(i);l==="global"?o.push(i):l==="installed"?s.push(i):n.push(i)}function a(i){var p;const l=i.filter(f=>wa(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 $y(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=>wa(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 My({skills:e,selectedKey:r,onSelect:n,isLoading:s,error:o,onRetry:a,onContextMenu:i,outdatedByOrigin:l,activeAgentId:d,outdatedByScope:u,topSlot:p,revealSkillId:f,onRevealComplete:h,dirtySkillIds:m,onSkillsChanged:y}){const[x,g]=c.useState(null),b=!!d||e.some(M=>M.scope!==void 0&&M.scope!==null),v=d??"claude-cli",[j,S]=c.useState(""),k=c.useDeferredValue(j),T=c.useMemo(()=>Py(e,k),[e,k]),w=c.useMemo(()=>Ay(e,k),[e,k]),E=v==="claude-code",{plugins:N}=ox(),R=E?{plugins:N??[]}:void 0,L=c.useMemo(()=>{const M=new Map;for(const O of(R==null?void 0:R.plugins)??[]){const G=M.get(O.name);M.set(O.name,!!G||!!O.enabled)}return M},[R==null?void 0:R.plugins]),[A,$]=c.useState(()=>_o(`vskill-sidebar-${v}-group-available-collapsed`)),[W,C]=c.useState(()=>_o(`vskill-sidebar-${v}-group-authoring-collapsed`)),I=c.useCallback(M=>{$(M);try{window.localStorage.setItem(`vskill-sidebar-${v}-group-available-collapsed`,String(M))}catch{}},[v]),P=c.useCallback(M=>{C(M);try{window.localStorage.setItem(`vskill-sidebar-${v}-group-authoring-collapsed`,String(M))}catch{}},[v]),{own:F,installed:H}=c.useMemo(()=>$y(e,k),[e,k]),V=T.own.filtered+T.installed.filtered+T.global.filtered>=Iy,{lookup:U}=Rd(),ne=c.useMemo(()=>{const M=O=>{const G=[];for(const[,K]of O){const se=[...K].sort((te,J)=>te.skill.localeCompare(J.skill));G.push(...se)}return G};return b?[...M(T.own.byPlugin),...M(T.installed.byPlugin),...M(T.global.byPlugin)]:[...M(F.byPlugin),...M(H.byPlugin)]},[b,T.own.byPlugin,T.installed.byPlugin,T.global.byPlugin,F.byPlugin,H.byPlugin]),me=c.useMemo(()=>r?ne.findIndex(M=>M.plugin===r.plugin&&M.skill===r.skill):-1,[ne,r]),be=c.useCallback(M=>{if(ne.length===0)return;const O=me<0?M>0?0:ne.length-1:Math.min(Math.max(me+M,0),ne.length-1);n(ne[O])},[ne,me,n]),B=c.useMemo(()=>{if(!f)return null;const[M,O]=f.split("/");if(!M||!O)return null;const G=e.find(te=>te.plugin===M&&te.skill===O);if(!G)return{plugin:M,skill:O,bucket:null,pluginName:null};const K=G.source==="plugin"?"plugin":"project",se=K==="plugin"?G.pluginName??M:null;return{plugin:M,skill:O,bucket:K,pluginName:se}},[f,e]),re=c.useRef(null);return c.useEffect(()=>{if(!f){re.current=null;return}if(re.current===f)return;const M=typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(f):f.replace(/["\\]/g,"\\$&"),O=document.querySelector(`[data-skill-id="${M}"]`);O&&(re.current=f,O.scrollIntoView({behavior:"smooth",block:"nearest"}),h==null||h())},[f,h,e]),Bo([{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(zg,{value:j,onChange:S}),s&&t.jsx(Wy,{}),!s&&o&&t.jsx(Uy,{error:o,onRetry:a}),!s&&!o&&b&&t.jsxs("div",{style:{flex:1,overflowY:"auto",minHeight:0},children:[t.jsx(Wi,{name:_.scopeLabels.groupAvailable.toUpperCase(),variant:"available",collapsed:A,onToggle:I,count:w.availableProject.total+w.availablePersonal.total+w.availablePlugin.total}),!A&&t.jsxs(t.Fragment,{children:[t.jsx(Kr,{label:_.scopeLabels.sourceProject,storageKey:`vskill-sidebar-${v}-available-project-collapsed`,count:w.availableProject.total,filteredCount:j?w.availableProject.filtered:null,updateCount:(u==null?void 0:u.installed)??(l==null?void 0:l.installed),headerRightSlot:E?t.jsx(Vy,{projectRoot:v}):null,children:w.availableProject.filtered===0?t.jsx(Hi,{queryActive:!!j,agentId:v}):t.jsx(qr,{items:w.availableProject.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"available-project"})}),t.jsx(Kr,{label:_.scopeLabels.sourcePersonal,storageKey:`vskill-sidebar-${v}-available-personal-collapsed`,count:w.availablePersonal.total,filteredCount:j?w.availablePersonal.filtered:null,updateCount:u==null?void 0:u.global,children:w.availablePersonal.filtered===0?t.jsx(Dy,{queryActive:!!j,agentId:v}):t.jsx(qr,{items:w.availablePersonal.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"available-personal"})}),E&&t.jsxs(Kr,{label:_.scopeLabels.sourcePlugin,storageKey:`vskill-sidebar-${v}-available-plugin-collapsed`,count:w.availablePlugin.total,filteredCount:j?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(zy,{queryActive:!!j,hasInstalled:w.availablePlugin.total>0}):w.availablePlugin.byPlugin.map(([M,O])=>t.jsx(zs,{pluginName:M,skills:O,persistKey:`vskill-plugin-available-${M}-collapsed`,headerActionSlot:E?t.jsx(dy,{pluginName:M,enabled:L.get(M)??!0}):void 0,renderSkill:G=>t.jsx(on,{skill:G,isSelected:(r==null?void 0:r.plugin)===G.plugin&&(r==null?void 0:r.skill)===G.skill,onSelect:()=>n(G),onContextMenu:i,dirty:m==null?void 0:m.has(`${G.plugin}/${G.skill}`)})},`available-${M}`))]})]}),t.jsx(Oy,{}),t.jsx(Wi,{name:_.scopeLabels.groupAuthoring.toUpperCase(),variant:"authoring",collapsed:B?!1:W,onToggle:P,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"}}))}}}),(!W||B)&&t.jsxs(t.Fragment,{children:[t.jsx(Kr,{label:_.scopeLabels.authoringSkills,storageKey:`vskill-sidebar-${v}-authoring-project-collapsed`,count:w.authoringProject.total,filteredCount:j?w.authoringProject.filtered:null,updateCount:(u==null?void 0:u.own)??(l==null?void 0:l.source),forceOpen:(B==null?void 0:B.bucket)==="project",children:w.authoringProject.filtered===0?t.jsx(Ui,{queryActive:!!j}):t.jsxs(t.Fragment,{children:[w.authoringCandidatePlugins.map(M=>t.jsx(zs,{pluginName:M.groupKey,skills:M.skills,persistKey:`vskill-candidate-plugin-${M.groupKey}-collapsed`,headerActionSlot:t.jsx("button",{type:"button",onClick:O=>{O.stopPropagation(),g({candidateLabel:M.groupKey,initialName:M.groupKey,anchorSkillDir:M.anchorSkillDir})},title:"Write .claude-plugin/plugin.json into this folder so Claude Code recognizes it as a plugin",style:{fontSize:10,fontWeight:500,padding:"2px 8px",borderRadius:10,border:"1px solid var(--border-subtle, rgba(128,128,128,0.3))",background:"transparent",color:"var(--text-secondary)",cursor:"pointer",fontFamily:"var(--font-sans)"},children:"Not a plugin yet · Convert →"}),renderSkill:O=>t.jsx(on,{skill:O,isSelected:(r==null?void 0:r.plugin)===O.plugin&&(r==null?void 0:r.skill)===O.skill,onSelect:()=>n(O),onContextMenu:i,dirty:m==null?void 0:m.has(`${O.plugin}/${O.skill}`)})},`candidate-${M.groupKey}`)),t.jsx(qr,{items:w.authoringProject.byPlugin.filter(([M])=>!w.authoringCandidatePlugins.some(O=>O.groupKey===M)),selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"authoring-project"})]})}),E&&t.jsx(Kr,{label:_.scopeLabels.sourcePlugin,storageKey:`vskill-sidebar-${v}-authoring-plugin-collapsed`,count:w.authoringPlugin.total,filteredCount:j?w.authoringPlugin.filtered:null,forceOpen:(B==null?void 0:B.bucket)==="plugin",children:w.authoringPlugin.filtered===0?t.jsx(By,{queryActive:!!j,hasSources:w.authoringPlugin.total>0,candidates:w.authoringCandidatePlugins,onPromote:M=>g({candidateLabel:M.groupKey,initialName:M.groupKey,anchorSkillDir:M.anchorSkillDir})}):w.authoringPlugin.byPlugin.map(([M,O])=>t.jsx(zs,{pluginName:M,skills:O,persistKey:`vskill-plugin-authoring-${M}-collapsed`,forceOpen:(B==null?void 0:B.bucket)==="plugin"&&B.pluginName===M,renderSkill:G=>t.jsx(on,{skill:G,isSelected:(r==null?void 0:r.plugin)===G.plugin&&(r==null?void 0:r.skill)===G.skill,onSelect:()=>n(G),onContextMenu:i,dirty:m==null?void 0:m.has(`${G.plugin}/${G.skill}`)})},`authoring-${M}`))})]})]}),!s&&!o&&!b&&t.jsxs("div",{style:{flex:1,overflowY:"auto",minHeight:0},children:[t.jsx(_i,{origin:"source",count:F.total,filteredCount:j?F.filtered:null,updateCount:l==null?void 0:l.source,children:F.filtered===0?t.jsx(Ui,{queryActive:!!j}):t.jsx(qr,{items:F.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"own"})}),t.jsx(_y,{}),t.jsx(_i,{origin:"installed",count:H.total,filteredCount:j?H.filtered:null,updateCount:l==null?void 0:l.installed,children:H.filtered===0?t.jsx(Hi,{queryActive:!!j}):t.jsx(qr,{items:H.byPlugin,selectedKey:r,onSelect:n,onContextMenu:i,useVirtual:V,dirtySkillIds:m,repoVisibilityLookup:U,agentId:v,sectionName:"installed"})})]}),x&&t.jsx(py,{anchorSkillDir:x.anchorSkillDir,candidateLabel:x.candidateLabel,initialName:x.initialName,onCancel:()=>g(null),onConverted:M=>{g(null),y==null||y(),M.validation==="skipped"&&window.alert("Plugin manifest written, but schema validation was skipped because the 'claude' CLI is not on PATH. Install Claude Code to enable plugin schema validation.")}})]})}function _o(e){if(typeof window>"u")return!1;try{return window.localStorage.getItem(e)==="true"}catch{return!1}}function Kr({label:e,storageKey:r,count:n,filteredCount:s,updateCount:o,children:a,forceOpen:i=!1,headerRightSlot:l}){const[d,u]=c.useState(()=>_o(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 Fy(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 qr({items:e,selectedKey:r,onSelect:n,onContextMenu:s,useVirtual:o,dirtySkillIds:a,repoVisibilityLookup:i,agentId:l,sectionName:d}){if(o){const p=Fy(e);return t.jsx("div",{"data-virtualized":"true",style:{height:420,minHeight:200},children:t.jsx(gg,{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,x=i?Sn(m.repoUrl):null,g=x?i.get(x)??null:null,b=g?g.isPrivate?"private":"public":"unknown";return t.jsx(on,{skill:m,isSelected:y,onSelect:()=>n(m),onContextMenu:s,dirty:a==null?void 0:a.has(`${m.plugin}/${m.skill}`),repoVisibility:b,repoFullName:(g==null?void 0:g.repoFullName)??null})}})})}const u=e.map(([p,f])=>t.jsx(Td,{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(iy,{items:e,agentId:l??"claude-cli",sectionName:d??"section",repoVisibilityLookup:i,selectedKey:r,onSelect:n,onContextMenu:s,dirtySkillIds:a,children:u})})}function Ui({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(Mr,{children:"vskill new"})," or the"," ",t.jsx("strong",{style:{color:"var(--text-primary)"},children:"New skill"})," action in the top rail."]})})}function Hi({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(Mr,{children:"vskill install <skill>"})," to add one."]})})}function Dy({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(Mr,{children:"vskill install --global <skill>"})," to add one."]})})}function zy({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(Mr,{children:"Browse marketplaces…"})," above to add one."]})})}function By({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(Mr,{children:"<plugin>/.claude-plugin/plugin.json"})," to author one, or ",t.jsx(Mr,{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 Mr({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 _y(){return t.jsx("div",{"aria-hidden":"true",style:{height:1,background:"var(--border-default)",margin:"4px 14px"}})}function Oy(){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 Wy(){return t.jsx("div",{style:{padding:"8px 0"},children:[0,1,2,3,4,5].map(e=>t.jsx(hy,{},e))})}function Uy({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:Hy(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 Hy(e){const r=e.split(`
|
|
19
|
-
`)[0]??e;return r.length>80?r.slice(0,77)+"…":r}function Vy({projectRoot:e}){const{signedIn:r,tier:n}=bc();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(Ld,{folder:e,tier:n})}):t.jsx(vy,{projectRoot:e})}const Pd=240,$d=480,Md="vskill-sidebar-width",an=320;function Ea(e){return Number.isFinite(e)?Math.round(Math.max(Pd,Math.min($d,e))):an}function Gy(){try{const e=localStorage.getItem(Md);if(!e)return an;const r=Number(e);return Number.isFinite(r)?Ea(r):an}catch{return an}}function Ky(e){try{localStorage.setItem(Md,String(Ea(e)))}catch{}}function qy({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=Ea(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,Ky(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":Pd,"aria-valuemax":$d,"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 Yy=/^[ MADRCU?!]{1,2} +/;function Jy(e){return e.replace(Yy,"")}function Qy(e,r){const n=e.endsWith("/")?e:e+"/";return r===e?"":r.startsWith(n)?r.slice(n.length):null}function Xy(e,r,n){const s=new Set;if(r.length===0||e.length===0)return s;const o=r.map(a=>Jy(a).trim()).filter(a=>a.length>0);for(const a of e){const i=a.dir;if(!i)continue;const l=Qy(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 Zy=5e3;function ev(e,r,n=Zy){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?Xy(a.current,s,r):new Set}function tv({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 Fd(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 Dd(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 Os(){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=Dd(h),x=await fetch(f,{method:"POST",headers:{"Content-Type":"application/json"},body:y,signal:m.signal});if(!x.ok||!x.body){let S=`HTTP ${x.status}`,k;try{k=await x.json(),k&&typeof k=="object"&&"error"in k&&typeof k.error=="string"&&(S=k.error)}catch{}throw Fd(x.status,k),new Error(S)}const g=x.body.getReader(),b=new TextDecoder;let v="",j="";for(;;){const{done:S,value:k}=await g.read();if(S)break;v+=b.decode(k,{stream:!0});const T=v.split(`
|
|
20
|
-
`);v=T.pop()||"";for(const w of T)if(w.startsWith("event: "))j=w.slice(7).trim();else if(w.startsWith("data: ")){try{const E=JSON.parse(w.slice(6)),N={event:j,data:E};j==="done"?(a(!0),r(R=>[...R,N])):r(R=>[...R,N])}catch{}j=""}}}catch(y){y.name!=="AbortError"&&l(y.message)}finally{s(!1),d.current=null}},[]),p=c.useCallback(()=>{var f;(f=d.current)==null||f.abort()},[]);return{events:e,running:n,done:o,error:i,start:u,stop:p}}function rv(e){const r=c.useRef(e);r.current=e;const[n,s]=c.useState(new Set),o=c.useRef(new Map),a=c.useCallback(async(u,p,f)=>{var m;(m=o.current.get(u))==null||m.abort();const h=new AbortController;o.current.set(u,h),s(y=>{const x=new Set(y);return x.add(u),x});try{const y=Dd(f),x=await fetch(p,{method:"POST",headers:{"Content-Type":"application/json"},body:y,signal:h.signal});if(!x.ok||!x.body){let S=`HTTP ${x.status}`,k;try{k=await x.json(),k&&typeof k=="object"&&"error"in k&&typeof k.error=="string"&&(S=k.error)}catch{}throw Fd(x.status,k),new Error(S)}const g=x.body.getReader(),b=new TextDecoder;let v="",j="";for(;;){const{done:S,value:k}=await g.read();if(S)break;v+=b.decode(k,{stream:!0});const T=v.split(`
|
|
21
|
-
`);v=T.pop()||"";for(const w of T)if(w.startsWith("event: "))j=w.slice(7).trim();else if(w.startsWith("data: ")){try{const E=JSON.parse(w.slice(6)),N={event:j,data:E};r.current.onEvent(u,N)}catch{}j=""}}r.current.onDone(u)}catch(y){y.name!=="AbortError"&&r.current.onError(u,y.message)}finally{s(y=>{const x=new Set(y);return x.delete(u),x}),o.current.delete(u)}},[]),i=c.useCallback(u=>{var p;(p=o.current.get(u))==null||p.abort()},[]),l=c.useCallback(()=>{for(const u of o.current.values())u.abort()},[]),d=n.size>0;return{runningSet:n,startCase:a,stopCase:i,stopAll:l,isAnyCaseRunning:d}}const nv={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 sv(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 ov(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 av(e){if(e==="unit"||e==="integration")return e}function iv(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 zd=c.createContext(null);function xt(){const e=c.useContext(zd);if(!e)throw new Error("useWorkspace must be used within WorkspaceProvider");return e}function lv({plugin:e,skill:r,origin:n,children:s}){var pe;const o=n==="installed",{config:a}=vr(),[i,l]=c.useReducer(sv,{...nv,plugin:e,skill:r}),d=ov({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 X=m.current.get(D);X||(X={assertions:[]},m.current.set(D,X)),iv(X,q),l({type:"UPDATE_INLINE_RESULT",evalId:D,result:{...X,assertions:[...X.assertions]}})},[]),x=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(X=>l({type:"BULK_RUN_COMPLETE",benchmark:X})).catch(()=>l({type:"BULK_RUN_COMPLETE",benchmark:null})))},[e,r]),g=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(X=>l({type:"BULK_RUN_COMPLETE",benchmark:X})).catch(()=>l({type:"BULK_RUN_COMPLETE",benchmark:null}))))},[e,r]),{startCase:b,stopCase:v,stopAll:j}=rv({onEvent:y,onDone:x,onError:g});c.useEffect(()=>()=>{j()},[j]);const S=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[X,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:X.status==="fulfilled"?X.value.skillContent:"",evals:he,evalsError:we,benchmark:ue.status==="fulfilled"?ue.value:null})}catch(X){D||l({type:"SET_ERROR",error:X.message})}}return q(),S(),()=>{D=!0}},[e,r,S]);const k=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(X){l({type:"SET_ERROR",error:X.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 X=i.caseRunStates.get(D);if((X==null?void 0:X.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]),E=c.useCallback((D="benchmark")=>{var Y;const q=((Y=i.evals)==null?void 0:Y.evals)??[];if(q.length===0)return;const X=q.map(ue=>ue.id);for(const ue of X)m.current.delete(ue),h.current.delete(ue);l({type:"BULK_RUN_START",caseIds:X,mode:D}),f.current=new Set(X);for(const ue of X){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(()=>{j(),l({type:"CANCEL_ALL"}),f.current.clear()},[j]),L=c.useCallback(async(D,q)=>{l({type:"OPEN_IMPROVE",evalId:D})},[]),A=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(X){l({type:"SET_ERROR",error:X.message})}},[e,r,w]),$=Os(),W=c.useRef(null),C=c.useRef(0);c.useEffect(()=>{const D=$.events;for(let q=C.current;q<D.length;q++){const X=D[q],Y=X.data;if(X.event==="progress"&&l({type:"AI_EDIT_PROGRESS",entry:{timestamp:Date.now(),phase:Y.phase,message:Y.message}}),X.event==="done"){const ue=Y.improved,he=Y.reasoning,we=Y.evalChanges??[];l({type:"AI_EDIT_RESULT",improved:ue,reasoning:he,evalChanges:we})}if(X.event==="error"){const ue=Y;l({type:"AI_EDIT_ERROR",message:ue.description||"Unknown error",classified:ue})}}C.current=D.length},[$.events]),c.useEffect(()=>{$.error&&l({type:"AI_EDIT_ERROR",message:$.error})},[$.error]),c.useEffect(()=>()=>{$.stop()},[$.stop]);const I=c.useCallback(async(D,q,X)=>{o||(C.current=0,l({type:"AI_EDIT_LOADING"}),W.current=$.stop,$.start(`/api/skills/${e}/${r}/improve?sse`,{mode:"instruct",instruction:D,content:i.skillContent,evals:i.evals??{skill_name:r,evals:[]},provider:q,model:X}))},[o,e,r,i.skillContent,i.evals,$]),P=c.useCallback(()=>{$.stop(),l({type:"AI_EDIT_ERROR",message:"Cancelled"})},[$]),F=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:X}=await ar(async()=>{const{mergeEvalChanges:he}=await import("./mergeEvalChanges-Dpbbs4d4.js");return{mergeEvalChanges:he}},[]),Y=i.evals??{skill_name:r,evals:[]},ue=X(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"})},[]),ce=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=Os(),B=c.useRef(0);c.useEffect(()=>{const D=be.events;for(let q=B.current;q<D.length;q++){const X=D[q],Y=X.data;if(X.event==="progress"&&l({type:"GENERATE_EVALS_PROGRESS",entry:{timestamp:Date.now(),phase:Y.phase,message:Y.message}}),X.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}))}X.event==="error"&&l({type:"GENERATE_EVALS_ERROR",classified:Y})}B.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;B.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 X=av(D==null?void 0:D.testType);X&&(q.testType=X),be.start(`/api/skills/${e}/${r}/generate-evals?sse`,Object.keys(q).length>0?q:void 0)},[o,e,r,be,a]),M=Os(),O=c.useRef(0);c.useEffect(()=>()=>{M.stop()},[M.stop]),c.useEffect(()=>{const D=M.events;for(let q=O.current;q<D.length;q++){const X=D[q];if(X.event==="classifying"){const Y=X.data;l({type:"ACTIVATION_CLASSIFYING",index:Y.index,total:Y.total})}if(X.event==="prompt_result"&&l({type:"ACTIVATION_RESULT",result:X.data}),X.event==="done"){G.current&&(clearTimeout(G.current),G.current=null);const Y=X.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??[]]})}}}O.current=D.length},[M.events,a,i.activationHistory]),c.useEffect(()=>{M.error&&(G.current&&(clearTimeout(G.current),G.current=null),l({type:"ACTIVATION_ERROR",error:M.error}))},[M.error]);const G=c.useRef(null),K=c.useCallback(()=>{G.current&&(clearTimeout(G.current),G.current=null),M.stop(),l({type:"ACTIVATION_CANCEL",totalPrompts:0})},[M]),se=c.useCallback(D=>{const X=D.trim().split(`
|
|
22
|
-
`).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"});O.current=0,l({type:"ACTIVATION_START"}),l({type:"SET_ACTIVATION_PROMPTS",prompts:D});const Y={prompts:X};a!=null&&a.provider&&(Y.provider=a.provider),a!=null&&a.model&&(Y.model=a.model),M.start(`/api/skills/${e}/${r}/activation-test`,Y),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{M.stop(),l({type:"ACTIVATION_TIMEOUT"}),G.current=null},12e4)},[e,r,M,a]),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 X=await fetch(`/api/skills/${e}/${r}/activation-prompts`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(q)});if(!X.ok){let Ye=`HTTP ${X.status}`;try{const Pe=await X.json();Pe.error&&(Ye=Pe.error)}catch{}throw new Error(Ye)}const Y=X.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(`
|
|
23
|
-
`);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(`
|
|
24
|
-
`);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 X=q.prompts.map(Y=>Y.expected==="should_activate"?`+${Y.prompt}`:Y.expected==="should_not_activate"?`!${Y.prompt}`:Y.prompt).join(`
|
|
25
|
-
`);l({type:"SET_PROMPTS_SOURCE",source:"skill-md",canonical:X}),l({type:"SET_ACTIVATION_PROMPTS",prompts:X})}catch{}},[e,r]),ae=c.useCallback(async()=>{l({type:"SAVE_TEST_CASES_START"});try{const q=i.activationPrompts.split(`
|
|
26
|
-
`).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"}),X=await fetch(`/api/skills/${e}/${r}/test-cases`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompts:q})}),Y=await X.json().catch(()=>({}));if(!X.ok||!Y.ok)throw new Error(Y.error||`HTTP ${X.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:k,saveEvals:T,runCase:w,runAll:E,cancelCase:N,cancelAll:R,improveForCase:L,applyImproveAndRerun:A,refreshSkillContent:me,generateEvals:re,runActivationTest:se,cancelActivation:K,generateActivationPrompts:te,fetchActivationHistory:S,loadTestCasesFromSkillMd:J,saveTestCasesToSkillMd:ae,submitAiEdit:I,cancelAiEdit:P,applyAiEdit:F,discardAiEdit:H,toggleEvalChange:ce,selectAllEvalChanges:V,deselectAllEvalChanges:U,retryEvalsSave:ne}),[i,o,u,p,k,T,w,E,N,R,L,A,me,re,se,K,te,S,J,ae,I,P,F,H,ce,V,U,ne]);return t.jsx(zd.Provider,{value:Z,children:s})}function Bd(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(`
|
|
27
|
-
`);let i="",l=!1;for(const d of a){const u=d.match(/^[ \t]+([\w-]+):\s*(.*)$/);if(u&&i&&l){const h=u[1],m=u[2].trim();let y=o[i];if((typeof y!="object"||Array.isArray(y))&&(y={},o[i]=y),!m)y[h]=[];else{const x=m.match(/^\[(.+)\]$/);x?y[h]=x[1].split(",").map(g=>g.trim().replace(/^["']|["']$/g,"")).filter(Boolean):y[h]=m.replace(/^["']|["']$/g,"")}continue}const p=d.match(/^\s+-\s+(.+)$/);if(p&&i){l=!1;const h=o[i];Array.isArray(h)?h.push(p[1].trim().replace(/^["']|["']$/g,"")):o[i]=[p[1].trim().replace(/^["']|["']$/g,"")];continue}const f=d.match(/^([\w-]+):\s*(.*)$/);if(f){i=f[1];const h=f[2].trim();if(l=!1,!h){o[i]={},l=!0;continue}const m=h.match(/^\[(.+)\]$/);if(m){o[i]=m[1].split(",").map(y=>y.trim().replace(/^["']|["']$/g,"")).filter(Boolean);continue}o[i]=h.replace(/^["']|["']$/g,"")}}return{metadata:o,body:s}}function Cn(e){if(!e)return"";try{let r=e.replace(/^---\n[\s\S]*?\n---\n?/,""),n=cv(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,"&").replace(/</g,"<").replace(/>/g,">")}</pre>`}}function cv(e){const r=e.split(`
|
|
28
|
-
`),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=Vi(r[s]);s+=2;const a=[];for(;s<r.length&&r[s].trim().startsWith("|");)a.push(Vi(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(`
|
|
29
|
-
`)}function Vi(e){return e.split("|").map(r=>r.trim()).filter(r=>r.length>0)}function ys(e,r){const n=e.split(`
|
|
30
|
-
`),s=r.split(`
|
|
31
|
-
`);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 dv(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 En({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:[dv(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 Gi={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 vs({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=Gi[e.category]||Gi.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 uv({plugin:e,skill:r,skillContent:n,onApplied:s}){const[o,a]=c.useState("closed"),{config:i}=vr(),[l,d]=c.useState("claude-cli"),[u,p]=c.useState("opus"),[f,h]=c.useState([]),[m,y]=c.useState(""),[x,g]=c.useState(""),[b,v]=c.useState(null),[j,S]=c.useState(null),[k,T]=c.useState([]),[w,E]=c.useState(!1),N=c.useRef(null);c.useEffect(()=>{if(!i)return;i.providers.find(P=>P.id==="claude-cli"&&P.available)&&(d("claude-cli"),p("opus"))},[i]),c.useEffect(()=>()=>{var I;(I=N.current)==null||I.abort()},[]);function R(){return i==null?void 0:i.providers.find(I=>I.id===l&&I.available)}const L=c.useCallback(()=>{var I;(I=N.current)==null||I.abort(),a("open")},[]);async function A(){a("loading"),v(null),S(null),T([]);const I=new AbortController;N.current=I;try{const P=await fetch(`/api/skills/${encodeURIComponent(e)}/${encodeURIComponent(r)}/improve?sse`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({provider:l,model:u}),signal:I.signal});if(!P.ok||!P.body){let U=`HTTP ${P.status}`;try{const ne=await P.json();ne.error&&(U=ne.error)}catch{}throw new Error(U)}const F=P.body.getReader(),H=new TextDecoder;let ce="",V="";for(;;){const{done:U,value:ne}=await F.read();if(U)break;ce+=H.decode(ne,{stream:!0});const me=ce.split(`
|
|
32
|
-
`);ce=me.pop()||"";for(const be of me)if(be.startsWith("event: "))V=be.slice(7).trim();else if(be.startsWith("data: ")){try{const B=JSON.parse(be.slice(6));V==="progress"?T(re=>[...re,{phase:B.phase,message:B.message,timestamp:Date.now()}]):V==="done"||V==="complete"?(y(B.improved),g(B.reasoning||""),h(ys(B.original||n,B.improved)),a("diff_shown")):V==="error"&&(v(B.message||B.description||"Unknown error"),B.category&&S(B),a("open"))}catch{}V=""}}}catch(P){P.name!=="AbortError"&&(v(P.message),a("open"))}finally{N.current=null}}async function $(){E(!0);try{await de.applyImprovement(e,r,m),s(m),a("closed")}catch(I){v(I.message)}finally{E(!1)}}function W(){a("closed"),h([]),y(""),g(""),v(null)}if(o==="closed")return t.jsxs("button",{onClick:()=>a("open"),className:"btn btn-secondary mb-5",disabled:!n,children:[t.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M12 2L2 7l10 5 10-5-10-5z"}),t.jsx("path",{d:"M2 17l10 5 10-5"}),t.jsx("path",{d:"M2 12l10 5 10-5"})]}),"Improve Skill"]});const C=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:W,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"})]})})]}),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:I=>{d(I.target.value);const P=i==null?void 0:i.providers.find(F=>F.id===I.target.value);P!=null&&P.models[0]&&p(P.models[0].id)},disabled:o==="loading",children:i==null?void 0:i.providers.filter(I=>I.available).map(I=>t.jsx("option",{value:I.id,children:I.label},I.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:I=>p(I.target.value),disabled:o==="loading",children:C==null?void 0:C.models.map(I=>t.jsx("option",{value:I.id,children:I.label},I.id))})]}),o==="loading"?t.jsx("button",{onClick:L,className:"btn btn-secondary flex-shrink-0",children:"Cancel"}):t.jsx("button",{onClick:A,className:"btn btn-primary flex-shrink-0",children:"Improve"})]}),o==="loading"&&k.length>0&&t.jsx("div",{className:"mt-3",children:t.jsx(En,{entries:k,isRunning:!0})})]}),b&&t.jsx("div",{className:"mb-4",children:j?t.jsx(vs,{error:j,onRetry:A,onDismiss:()=>{v(null),S(null)}}):t.jsx("div",{className:"px-4 py-3 rounded-lg text-[13px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:b})}),o==="diff_shown"&&t.jsxs(t.Fragment,{children:[x&&t.jsxs("div",{className:"mb-4 px-4 py-3 rounded-lg text-[12px]",style:{background:"rgba(168,85,247,0.08)",color:"var(--text-secondary)",border:"1px solid rgba(168,85,247,0.2)"},children:[t.jsx("span",{className:"font-semibold",style:{color:"#a855f7"},children:"AI Reasoning: "}),x]}),t.jsx("div",{className:"rounded-lg overflow-hidden mb-4",style:{border:"1px solid var(--border-subtle)",maxHeight:"400px",overflowY:"auto"},children:f.map((I,P)=>t.jsxs("div",{className:"px-3 py-0.5 text-[11px] font-mono",style:{background:I.type==="added"?"rgba(34,197,94,0.1)":I.type==="removed"?"rgba(239,68,68,0.1)":"transparent",color:I.type==="added"?"var(--green)":I.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:I.type==="added"?"3px solid var(--green)":I.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:I.type==="added"?"+":I.type==="removed"?"-":" "}),I.content]},P))}),t.jsxs("div",{className:"flex gap-2",children:[t.jsx("button",{onClick:$,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:W,className:"btn btn-secondary",children:"Discard"})]})]})]})]})}const Ki={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"}},pv={remove:"var(--red)",modify:"#fbbf24",add:"var(--green)"};function fv({change:e,index:r,selected:n,onToggle:s,originalEval:o}){var f;const[a,i]=c.useState(!1),l=Ki[e.action]??Ki.add,d=pv[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(hv,{evalCase:e.eval}),e.action==="modify"&&e.eval&&o&&t.jsx(mv,{original:o,proposed:e.eval}),e.action==="remove"&&o&&t.jsx(xv,{evalCase:o})]})]})}function hv({evalCase:e}){var r;return t.jsxs("div",{className:"pt-2.5 space-y-2",children:[t.jsx(Oo,{label:"Prompt",value:e.prompt}),t.jsx(Oo,{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 mv({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:["- ",Wo(u.old,120)]}),t.jsxs("div",{style:{color:"var(--green)"},children:["+ ",Wo(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 xv({evalCase:e}){var r;return t.jsxs("div",{className:"pt-2.5 space-y-2",style:{opacity:.7},children:[t.jsx(Oo,{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 Oo({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:Wo(r,300)})]})}function Wo(e,r){return e.length>r?e.slice(0,r)+"...":e}const qi={remove:0,modify:1,add:2};function gv({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)=>(qi[d.change.action]??2)-(qi[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(fv,{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 yv(){var I;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:x,aiEditEvalSelections:g,aiEditEvalsRetry:b}=e,[v,j]=c.useState(""),{config:S}=vr(),[k,T]=c.useState("claude-cli"),[w,E]=c.useState("opus"),N=c.useRef(null);c.useEffect(()=>{var P;(P=N.current)==null||P.focus()},[]),c.useEffect(()=>{if(!S)return;S.providers.find(F=>F.id==="claude-cli"&&F.available)&&(T("claude-cli"),E("opus"))},[S]);const R=S==null?void 0:S.providers.find(P=>P.id===k&&P.available),L=c.useCallback(()=>{const P=v.trim();!P||p||n(P,k,w)},[v,p,n,k,w]),A=c.useCallback(P=>{P.key==="Enter"&&!P.shiftKey&&(P.preventDefault(),L()),P.key==="Escape"&&(P.preventDefault(),p?a():o())},[L,p,a,o]),$=c.useCallback(()=>{r({type:"CLOSE_AI_EDIT"}),r({type:"OPEN_AI_EDIT"})},[r]),W=f?ys(e.skillContent,f.improved):[],C=((I=e.evals)==null?void 0:I.evals)??[];return t.jsxs("div",{className:"animate-fade-in",style:{background:"var(--surface-1)",borderTop:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between px-4 py-2.5",style:{borderBottom:"1px solid var(--border-subtle)",background:"var(--surface-2)"},children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("div",{className:"w-6 h-6 rounded-md flex items-center justify-center",style:{background:"rgba(168,85,247,0.15)"},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#a855f7",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M15 4V2"}),t.jsx("path",{d:"M15 16v-2"}),t.jsx("path",{d:"M8 9h2"}),t.jsx("path",{d:"M20 9h2"}),t.jsx("path",{d:"M17.8 11.8L19 13"}),t.jsx("path",{d:"M15 9h.01"}),t.jsx("path",{d:"M17.8 6.2L19 5"}),t.jsx("path",{d:"M11 6.2L9.7 5"}),t.jsx("path",{d:"M3 21l9-9"})]})}),t.jsx("span",{className:"text-[12px] font-semibold",style:{color:"var(--text-primary)"},children:"AI Edit"}),t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:"Describe what to change — Enter to submit, Esc to dismiss"})]}),t.jsx("button",{onClick:o,className:"w-6 h-6 rounded-md flex items-center justify-center transition-colors duration-150",style:{color:"var(--text-tertiary)"},onMouseEnter:P=>{P.currentTarget.style.background="var(--surface-3)"},onMouseLeave:P=>{P.currentTarget.style.background="transparent"},children:t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),t.jsxs("div",{className:"px-4 py-3",children:[!f&&t.jsxs(t.Fragment,{children:[t.jsx("textarea",{ref:N,value:v,onChange:P=>j(P.target.value),onKeyDown:A,placeholder:"e.g., Add an error handling section...",disabled:p,rows:4,className:"w-full resize-y outline-none",style:{background:"var(--surface-0)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)",borderRadius:6,padding:"10px 12px",fontSize:12.5,lineHeight:1.5,fontFamily:"var(--font-mono, 'JetBrains Mono', ui-monospace, monospace)",minHeight:96,maxHeight:240}}),t.jsxs("div",{className:"flex items-end gap-2.5 mt-2",children:[t.jsxs("div",{style:{minWidth:200},children:[t.jsx("label",{className:"text-[10px] font-medium mb-0.5 block",style:{color:"var(--text-tertiary)"},children:"Provider"}),t.jsx("select",{className:"input-field text-[11px] py-1",value:k,onChange:P=>{T(P.target.value);const F=S==null?void 0:S.providers.find(H=>H.id===P.target.value);F!=null&&F.models[0]&&E(F.models[0].id)},disabled:p,style:{width:"100%"},children:S==null?void 0:S.providers.filter(P=>P.available).map(P=>t.jsx("option",{value:P.id,children:P.label},P.id))})]}),t.jsxs("div",{style:{minWidth:200},children:[t.jsx("label",{className:"text-[10px] font-medium mb-0.5 block",style:{color:"var(--text-tertiary)"},children:"Model"}),t.jsx("select",{className:"input-field text-[11px] py-1",value:w,onChange:P=>E(P.target.value),disabled:p,style:{width:"100%"},children:R==null?void 0:R.models.map(P=>t.jsx("option",{value:P.id,children:P.label},P.id))})]}),t.jsx("div",{className:"flex-1"}),p?t.jsx("button",{onClick:a,className:"btn btn-secondary flex-shrink-0 text-[11px]",style:{padding:"6px 14px"},children:"Cancel"}):t.jsx("button",{onClick:L,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(En,{entries:y,isRunning:!0})})]}),h&&t.jsx("div",{className:"mt-3",children:m?t.jsx(vs,{error:m,onRetry:$,onDismiss:o}):t.jsx("div",{className:"px-3 py-2.5 rounded-lg text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:h})}),f&&t.jsxs("div",{className:"animate-fade-in",children:[f.reasoning&&t.jsxs("div",{className:"mb-3 px-3 py-2.5 rounded-lg text-[11.5px]",style:{background:"rgba(168,85,247,0.08)",color:"var(--text-secondary)",border:"1px solid rgba(168,85,247,0.2)"},children:[t.jsx("span",{className:"font-semibold",style:{color:"#a855f7"},children:"AI Reasoning: "}),f.reasoning]}),t.jsx("div",{className:"mb-1",children:t.jsx("span",{className:"text-[11px] font-semibold",style:{color:"var(--text-primary)"},children:"SKILL.md Changes"})}),t.jsx("div",{className:"rounded-lg overflow-hidden mb-3",style:{border:"1px solid var(--border-subtle)",maxHeight:300,overflowY:"auto"},children:W.map((P,F)=>t.jsxs("div",{className:"px-3 py-0.5 text-[10.5px] font-mono",style:{background:P.type==="added"?"rgba(34,197,94,0.1)":P.type==="removed"?"rgba(239,68,68,0.1)":"transparent",color:P.type==="added"?"var(--green)":P.type==="removed"?"var(--red)":"var(--text-secondary)",borderLeft:P.type==="added"?"3px solid var(--green)":P.type==="removed"?"3px solid var(--red)":"3px solid transparent"},children:[t.jsx("span",{style:{userSelect:"none",opacity:.5,marginRight:8},children:P.type==="added"?"+":P.type==="removed"?"-":" "}),P.content]},F))}),t.jsx(gv,{changes:x,selections:g,currentEvals:C,onToggle:i,onSelectAll:l,onDeselectAll:d}),b&&t.jsxs("div",{className:"mt-3 px-3 py-2.5 rounded-lg text-[12px] flex items-center justify-between",style:{background:"rgba(251,191,36,0.12)",border:"1px solid rgba(251,191,36,0.3)",color:"#fbbf24"},children:[t.jsx("span",{children:"Test case save failed. SKILL.md was saved successfully."}),t.jsx("button",{onClick:u,className:"btn text-[11px]",style:{background:"rgba(251,191,36,0.2)",color:"#fbbf24",padding:"3px 10px"},children:"Retry Save"})]}),t.jsxs("div",{className:"flex gap-2 mt-3",children:[t.jsxs("button",{onClick:s,className:"btn btn-primary text-[11px]",style:{padding:"5px 12px"},children:[t.jsx("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})}),"Apply"]}),t.jsx("button",{onClick:o,className:"btn btn-secondary text-[11px]",style:{padding:"5px 12px"},children:"Discard"}),t.jsx("button",{onClick:$,className:"btn btn-ghost text-[11px]",style:{padding:"5px 12px"},children:"Try Again"})]})]})]})]})}function vv(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 x=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]),g=c.useCallback(()=>{y()},[y]);return{files:n,activeFile:o,secondaryContent:i,loading:d,error:p,loadError:h,selectFile:x,refresh:g,isSkillMd:o==="SKILL.md"}}function bv(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function kv(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 _d({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 Od(){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 jv(){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 wv(){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 Wd({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(_d,{expanded:o}),t.jsx(Od,{}),t.jsxs("span",{children:[e.name,"/"]})]}),o&&e.children.map(l=>t.jsx(Wd,{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(jv,{}),t.jsx("span",{style:{flex:1},children:e.name}),t.jsx("span",{style:{fontSize:9,color:"var(--text-tertiary)",marginRight:4,whiteSpace:"nowrap"},children:bv(e.size)})]})}function Sv({files:e,activeFile:r,onSelect:n,onRefresh:s,loadError:o}){const[a,i]=c.useState(!1),l=c.useMemo(()=>kv(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(_d,{expanded:a}),t.jsx(Od,{}),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(wv,{})})]}),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(Wd,{node:d,depth:0,activeFile:r,onSelect:n},d.path))})]})}function Fn(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}function Cv(e){try{return JSON.stringify(JSON.parse(e),null,2)}catch{return e}}function Ev(e){const r=e.toLowerCase();return r.endsWith(".json")?"json":r.endsWith(".md")?"md":"other"}function Yi({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 Ji({content:e,fileType:r}){if(r==="json"){const n=Cv(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:Cn(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 Qi(e){try{return JSON.stringify(JSON.parse(e),null,2).replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").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,"&").replace(/</g,"<").replace(/>/g,">")}}function Nv({file:e,loading:r,error:n,viewMode:s,plugin:o,skill:a,onSaved:i,onDirtyChange:l}){const[d,u]=c.useState(s),[p,f]=c.useState(!1),[h,m]=c.useState(""),[y,x]=c.useState(!1),[g,b]=c.useState(null),v=s!==d?s:d;c.useEffect(()=>{l==null||l(p)},[p,l]);const j=c.useCallback(()=>{(e==null?void 0:e.content)!=null&&(m(e.content),f(!0))},[e]),S=c.useCallback(()=>{f(!1)},[]),k=c.useCallback(async()=>{if(!(!o||!a||!e)){x(!0);try{await de.saveSkillFile(o,a,e.path,h),b("Saved"),f(!1),i==null||i(),setTimeout(()=>b(null),2e3)}catch(E){b(`Save failed: ${E.message}`),setTimeout(()=>b(null),3e3)}finally{x(!1)}}},[o,a,e,h,i]);if(c.useEffect(()=>{if(!p)return;const E=N=>{(N.ctrlKey||N.metaKey)&&N.key==="s"&&(N.preventDefault(),k())};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[p,k]),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 (",Fn(e.size),") — cannot be displayed"]});const T=e.content??"",w=Ev(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 ",Fn(512*1024)," — ",Fn(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(E=>t.jsx("button",{onClick:()=>u(E),style:{padding:"2px 8px",fontSize:11,background:v===E?"var(--accent-muted)":"none",color:v===E?"var(--accent)":"var(--text-tertiary)",border:"none",borderRadius:3,cursor:"pointer",textTransform:"capitalize"},children:E},E)),t.jsxs("span",{style:{marginLeft:"auto",fontSize:11,color:"var(--text-tertiary)",display:"flex",alignItems:"center",gap:6},children:[Fn(e.size),o&&a&&!e.binary&&!p&&t.jsx("button",{onClick:j,style:{padding:"1px 6px",fontSize:10,background:"var(--accent-muted)",color:"var(--accent)",border:"none",borderRadius:3,cursor:"pointer"},children:"Edit"}),p&&t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:k,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:S,style:{padding:"1px 6px",fontSize:10,background:"var(--surface-3)",color:"var(--text-tertiary)",border:"none",borderRadius:3,cursor:"pointer"},children:"Cancel"})]})]})]}),g&&t.jsx("div",{style:{padding:"4px 12px",background:g.startsWith("Save failed")?"var(--red-muted)":"var(--green-muted)",borderBottom:"1px solid var(--border-subtle)",fontSize:11,color:g.startsWith("Save failed")?"var(--red)":"var(--green)"},children:g}),t.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",minHeight:0},children:p?t.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",overflow:"auto"},children:[t.jsx("textarea",{value:h,onChange:E=>m(E.target.value),style:{flex:1,width:"100%",resize:"none",background:"var(--surface-0)",color:"var(--text-primary)",border:"none",outline:"none",padding:"12px 16px",fontSize:12,fontFamily:"var(--font-mono, monospace)",lineHeight:1.6}}),t.jsxs("div",{style:{position:"sticky",bottom:0,display:"flex",alignItems:"center",gap:8,padding:"6px 12px",background:"var(--surface-1)",borderTop:"1px solid var(--border-subtle)"},children:[t.jsx("span",{style:{flex:1,fontSize:11,color:"var(--text-tertiary)"},children:"Unsaved changes"}),t.jsx("button",{onClick:k,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:S,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(Yi,{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:Qi(T)}}):t.jsx(Ji,{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:Qi(T)}}):t.jsx(Ji,{content:T,fileType:w}):t.jsx(Yi,{content:T})})]})}const Rv=/^git@github\.com:([^/]+)\/(.+?)(?:\.git)?$/,Tv=/^https:\/\/github\.com\/([^/]+)\/(.+?)(?:\.git)?$/;function Na(e){const r=e.trim();if(!r)throw new Error("normalizeRemoteUrl: empty input");let n=r.match(Rv);if(n)return`https://github.com/${n[1]}/${n[2]}`;if(n=r.match(Tv),n)return`https://github.com/${n[1]}/${n[2]}`;throw new Error(`normalizeRemoteUrl: unrecognized remote URL: ${e}`)}function Iv(e){const r=Na(e);return`https://verified-skill.com/submit?repo=${encodeURIComponent(r)}`}const Ud=c.createContext(null);function Lv(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 Av({children:e,projectRoots:r=[]}){const n=xn(),[s,o]=c.useState(null),[a,i]=c.useState(!1),[l,d]=c.useState(null),u=c.useRef(r);u.current=r;const p=c.useRef(n);p.current=n;const f=c.useCallback(async()=>{i(!0),d(null);try{const x=await p.current.quotaGet(u.current);o(x)}catch(x){d(x instanceof Error?x.message:String(x))}finally{i(!1)}},[]),h=c.useCallback(async(x=!1)=>{i(!0),d(null);try{const g=await p.current.quotaForceSync(u.current,x);o(g)}catch(g){d(g instanceof Error?g.message:String(g));try{const b=await p.current.quotaGet(u.current);o(b)}catch{}}finally{i(!1)}},[]),m=c.useCallback(async()=>p.current.quotaCanCreateSkill(u.current),[]);c.useEffect(()=>{f();const x=Lv(()=>{f()}),g=setInterval(()=>{f()},6e4);return()=>{x(),clearInterval(g)}},[f]);const y=c.useMemo(()=>({snapshot:s,refreshing:a,error:l,forceSync:h,canCreateSkill:m}),[s,a,l,h,m]);return t.jsx(Ud.Provider,{value:y,children:e})}function Ra(){const e=c.useContext(Ud);if(!e)throw new Error("useQuota() called outside <QuotaProvider>");return e}function Hd(){const{snapshot:e}=Ra();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 Ta="https://verified-skill.com/pricing",Xi="paywall-modal-title",Ws="paywall-modal-body";function Vd({open:e,onClose:r,onProceed:n,skillName:s,context:o="connect"}){const a=xn(),{forceSync:i,snapshot:l}=Ra(),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 x=d.current;if(!x)return;const g=Array.from(x.querySelectorAll('button:not([disabled]),[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'));if(g.length===0)return;const b=g[0],v=g[g.length-1],j=typeof document<"u"?document.activeElement:null;y.shiftKey&&j===b?(y.preventDefault(),v.focus()):!y.shiftKey&&j===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(Ta)},[a]);return e?t.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":Xi,"aria-describedby":Ws,"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:$v,children:[t.jsx("h2",{id:Xi,style:Mv,children:o==="publish"?"Publish private skills with Skill Studio Pro":"Connect private repositories with Skill Studio Pro"}),o==="publish"?t.jsx("p",{id:Ws,style:Zi,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:Ws,style:Zi,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:Fv,children:[t.jsx("button",{type:"button",onClick:r,"data-testid":"paywall-maybe-later",style:zv,children:"Maybe later"}),t.jsx("button",{ref:u,type:"button",onClick:f,"data-testid":"paywall-upgrade",style:Dv,children:"Upgrade to Pro"})]})]})]}):null}const Pv={position:"fixed",inset:0,zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center"},$v={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)"},Mv={margin:0,fontSize:18,fontWeight:600},Zi={marginTop:12,marginBottom:24,fontSize:14,lineHeight:1.5,color:"var(--color-text-soft, #444)"},Fv={display:"flex",justifyContent:"flex-end",gap:12},Gd={padding:"8px 16px",borderRadius:6,fontSize:13,fontWeight:500,cursor:"pointer",border:"1px solid transparent"},Dv={...Gd,background:"var(--color-accent, #cb4b16)",color:"#ffffff"},zv={...Gd,background:"transparent",color:"var(--color-text, #111111)",borderColor:"var(--color-border, #cccccc)"},Uo=!1,Bv=`${Ta}#hosted-waitlist`;function ur(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}const Ho="https://verified-skill.com/submit";function el(e){try{return Iv(e)}catch{return Ho}}function _v({remoteUrl:e,fileCount:r,provider:n,model:s,onClose:o,defaultMode:a="manual",skillName:i,skillPath:l,privacy:d,tenantId:u}){const[p,f]=c.useState(a),[h,m]=c.useState(""),[y,x]=c.useState(!1),[g,b]=c.useState(!1),[v,j]=c.useState(d??"public"),[S,k]=c.useState(!1),{isFree:T}=Hd(),w=Uo,E="public",N=void 0,[R,L]=c.useState(null),[A,$]=c.useState(null),[W,C]=c.useState(null),{catalog:I}=Sc(),P=c.useMemo(()=>{if(!(I!=null&&I.activeAgent)||!I.activeModel)return null;const J=I.agents.find(Z=>Z.id===I.activeAgent),ae=J==null?void 0:J.models.find(Z=>Z.id===I.activeModel);return{provider:I.activeAgent,model:I.activeModel,displayName:(ae==null?void 0:ae.displayName)??I.activeModel}},[I]),F=(P==null?void 0:P.provider)??n,H=(P==null?void 0:P.model)??s,ce=(P==null?void 0:P.displayName)??H,V=c.useCallback(async()=>{x(!0),L(null);try{const J=await de.gitCommitMessage({provider:F,model:H});m(J.message)}catch(J){const ae=J instanceof Error?J.message:String(J);L(ae)}finally{x(!1)}},[F,H]);c.useEffect(()=>{a==="ai"&&!h&&V()},[]);const U=c.useCallback(()=>{f("ai"),$(null),h.trim()||V()},[h,V]),ne=c.useCallback(()=>{f("manual"),L(null)},[]),me=c.useCallback(async()=>{const J=h.trim();if(!(!J||g)){b(!0),$(null),C(null);try{const ae=await de.gitPublish({commitMessage:J});if(ae.conflict){const X=ae.conflictedFiles??[],Y=ae.error??(X.length>0?`Remote has changes that conflict with yours in: ${X.join(", ")}. Pull and resolve manually, then publish again.`:"Remote has changes that conflict with yours. Pull and resolve manually, then publish again.");$(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 X;try{X=Na(Z)}catch{C({ok:!1,websiteUrl:el(Z)}),ur(`Pushed ${pe} on ${D}${q} — open the website to submit`,"info");return}let Y;try{Y=await de.submitToQueue({repoUrl:X,skillName:i,skillPath:l,source:"studio-submit",privacy:E,tenantId:N})}catch(he){if(dc(he)){C({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;C({ok:!1,websiteUrl:typeof we=="number"&&we!==413?el(Z):Ho}),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(X)}`;C({ok:!0,result:Y,submitUrl:ue}),ur(`Submitted ${i} — ${pe} on ${D}`,"info")}else C({ok:!1,websiteUrl:Ho}),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;$(pe),ur(`Publish failed: ${pe}`,"error")}finally{b(!1)}}},[h,g,e,i,l,E,N]),be=c.useCallback(J=>{Xn(J)},[]),B=h.trim().length>0&&!g&&!y,re="#E6EDF3",M="#9CA3AF",O="rgba(255,255,255,0.12)",G="#0F1115",K={fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:M,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:M,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:g?void 0:o,style:{position:"fixed",inset:0,background:"rgba(0, 0, 0, 0.55)",backdropFilter:"blur(6px)",WebkitBackdropFilter:"blur(6px)",zIndex:999,animation:"publishDrawerBackdropIn 150ms ease-out"}}),t.jsx("div",{role:"presentation",style:{position:"fixed",inset:0,display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3,padding:24,pointerEvents:"none"},children:t.jsxs("div",{role:"dialog","aria-label":"Publish","aria-modal":"true",style:{pointerEvents:"auto",width:520,maxWidth:"calc(100vw - 48px)",maxHeight:"80vh",overflowY:"auto",background:"#1A1D24",border:`1px solid ${O}`,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:g?void 0:o,disabled:g,style:{background:"none",border:"none",color:M,fontSize:22,lineHeight:1,cursor:g?"not-allowed":"pointer",padding:0,opacity:g?.4:1},children:"×"})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:12,color:M,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:O,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 ${O}`,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:g,style:p==="manual"?te:se,children:"Write yourself"}),t.jsx("div",{style:{width:1,background:O}}),t.jsx("button",{type:"button",role:"tab","aria-selected":p==="ai","data-testid":"publish-mode-ai",onClick:U,disabled:g,style:p==="ai"?te:se,children:y&&p==="ai"?"Generating…":"Generate with AI"})]}),t.jsx("span",{style:K,children:"Visibility"}),t.jsx(Ov,{value:E,onChange:j,isFree:T,gateOpen:w,onUpgrade:()=>k(!0),onWaitlist:()=>be(Bv),disabled:g,border:O,text:re,textMuted:M,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||g,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 ${O}`,borderRadius:6,padding:"10px 12px",fontFamily:"var(--font-mono, monospace)",fontSize:13,lineHeight:1.6,color:re,resize:"vertical",outline:"none"}}),p==="ai"&&ce&&t.jsxs("div",{"data-testid":"publish-ai-model",style:{marginTop:10,fontSize:11,color:M,fontFamily:"var(--font-mono, monospace)"},children:["Using ",ce]}),p==="ai"&&t.jsx("button",{type:"button",onClick:V,disabled:y||g,"data-testid":"publish-generate-button",style:{marginTop:10,padding:"8px 14px",background:y?"rgba(255,255,255,0.06)":"#2563EB",color:y?M:"#FFFFFF",border:"1px solid "+(y?O:"#2563EB"),borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:600,cursor:y||g?"not-allowed":"pointer",display:"inline-flex",alignItems:"center",gap:6},children:y?"Generating…":"Generate with AI"}),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"})]}),A&&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."})," ",A]}),W&&t.jsx(Wv,{outcome:W,onOpenWebsite:be,border:O,textMuted:M}),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||g,className:"btn btn-ghost text-[11px]",style:{padding:"4px 10px"},children:y?"Generating…":"Regenerate"})}),t.jsx("div",{style:{display:"flex",gap:8},children:W?t.jsx("button",{type:"button","aria-label":"Done",onClick:o,"data-testid":"publish-done",style:{padding:"8px 16px",background:"#22C55E",color:"#0B0F12",border:"1px solid #22C55E",borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:700,cursor:"pointer"},children:"Done"}):t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button","aria-label":"Cancel",onClick:o,disabled:g,style:{padding:"8px 14px",background:"transparent",color:re,border:`1px solid ${O}`,borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:500,cursor:g?"not-allowed":"pointer",opacity:g?.5:1},children:"Cancel"}),t.jsx("button",{type:"button","aria-label":"Commit & Push",onClick:me,disabled:!B,"data-testid":"publish-commit-push",style:{padding:"8px 16px",background:B?"#22C55E":"rgba(255,255,255,0.06)",color:B?"#0B0F12":M,border:"1px solid "+(B?"#22C55E":O),borderRadius:6,fontFamily:"var(--font-mono, monospace)",fontSize:12,fontWeight:700,cursor:B?"pointer":"not-allowed"},children:g?"Publishing…":"Commit & Push"})]})})]})]})}),t.jsx("style",{children:`
|
|
33
|
-
@keyframes publishDrawerBackdropIn { from { opacity: 0 } to { opacity: 1 } }
|
|
34
|
-
@keyframes publishDrawerIn {
|
|
35
|
-
from { opacity: 0; transform: translateY(4px) }
|
|
36
|
-
to { opacity: 1; transform: translateY(0) }
|
|
37
|
-
}
|
|
38
|
-
@media (prefers-reduced-motion: reduce) {
|
|
39
|
-
[role="dialog"][aria-label="Publish"],
|
|
40
|
-
[role="dialog"][aria-label="Publish"] + * { animation: none !important }
|
|
41
|
-
}
|
|
42
|
-
`}),t.jsx(Vd,{open:S,onClose:()=>k(!1),onProceed:()=>j("private"),skillName:i,context:"publish"})]})}function Ov({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:{...Vo(),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 Wv({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:Us(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:Us(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:Vo(),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:Us(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:Vo(),children:"Open on website ↗"})]})}function Us(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 Vo(){return{background:"none",border:"none",color:"var(--color-accent, #60A5FA)",cursor:"pointer",fontFamily:"inherit",fontSize:"inherit",textDecoration:"underline",padding:0}}function Yr(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}const tl="https://verified-skill.com/submit";function Kd({remoteUrl:e,provider:r,model:n,skillName:s,skillPath:o,privacy:a,tenantId:i}){const[l,d]=c.useState(!1),[u,p]=c.useState(!1),[f,h]=c.useState(0),m=c.useCallback(async()=>{if(!(l||u)){d(!0);try{let x=!1,g=0;try{const k=await de.gitDiff();x=!!k.hasChanges,g=k.fileCount??0}catch{}if(x){h(g),p(!0);return}const b=await de.gitPublish(),v=b.remoteUrl??e,j=(b.commitSha??"").slice(0,7),S=b.branch??"";if(s){let k=null;try{k=Na(v)}catch{k=null}if(k){let T;try{T=await de.submitToQueue({repoUrl:k,skillName:s,skillPath:o,source:"studio-submit",privacy:Uo?a??"public":"public",tenantId:Uo?i:void 0})}catch(w){if(!dc(w))throw w;Yr(`Pushed ${j} on ${S}. Not submitted to verified-skill.com: ${w.message}`,"info");return}Yr(Uv(T,s,j,S),"info")}else Xn(tl),Yr(`Pushed ${j} on ${S} — open the website to submit`,"info")}else Xn(tl),Yr(`Opening verified-skill.com — ${j} on ${S}`,"info")}catch(x){const g=x instanceof Error?x.message:String(x),b=g.length>200?g.slice(0,200)+"…":g;Yr(`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(_v,{remoteUrl:e,fileCount:f,provider:r,model:n,skillName:s,skillPath:o,privacy:a,tenantId:i,onClose:y})]})}function Uv(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 Hv={hasRemote:!1,remoteUrl:null,branch:null,loading:!0,error:null};function Vv(){const[e,r]=c.useState(Hv);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 Gv=/^v?(\d+)\.(\d+)\.(\d+)(?:-[0-9A-Za-z.-]+)?(?:\+[0-9A-Za-z.-]+)?$/;function Go(e){if(typeof e!="string")return null;const r=e.trim().match(Gv);return r?{major:Number(r[1]),minor:Number(r[2]),patch:Number(r[3])}:null}function en(e,r){const n=Go(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 Kv(e,r){const n=Go(r);if(!n)return{valid:!1,reason:`Invalid semver: ${JSON.stringify(r)}`};if(e==null)return{valid:!0};const s=Go(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 qd=/^(---[ \t]*\r?\n)([\s\S]*?)(\r?\n---[ \t]*(?=\r?\n|$))/;function Yd(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 qv(e){const r=e.match(qd);if(!r)return[];const n=r[2].split(/\r?\n/),{root:s,nested:o}=Yd(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 Yv(e){return qv(e).find(r=>r!==void 0)}function Jd(e,r){const n=e.match(qd),s=JSON.stringify(r);if(!n)return`---
|
|
43
|
-
metadata:
|
|
44
|
-
version: ${s}
|
|
45
|
-
---
|
|
46
|
-
${e}`;const[,o,a,i]=n,l=o.includes(`\r
|
|
47
|
-
`)?`\r
|
|
48
|
-
`:`
|
|
49
|
-
`,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}=Yd(d),m=u>=0?u:f;if(m>=0){const y=d[m].slice(d[m].indexOf(":")+1).trim(),x=u>=0?0:h;if(/^[|>]/.test(y))throw new Error("Cannot update version: multiline version needs a YAML-aware edit");for(let g=m+1;g<d.length;g++)if(!(!d[g].trim()||/^[ \t]*#/.test(d[g]))){if(d[g].length-d[g].trimStart().length>x)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 rs(e){return Yv(e)??null}function Jv(e,r){const n=rs(r),s=rs(e);if(n!==null&&s!==null&&n===s)try{const o=en(n,"patch");return{contentToSave:Jd(e,o),version:o,fromVersion:n}}catch{return{contentToSave:e,version:s,fromVersion:n}}return{contentToSave:e,version:s,fromVersion:n}}function Er(e){return e.testType==="integration"?"integration":"unit"}function Fr(e){return e>=.8?"var(--green)":e>=.5?"var(--yellow)":"var(--red)"}function Qd(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 Xd(e){return e==null?"--":e>=1e3?`${(e/1e3).toFixed(1)}s`:`${e}ms`}const Qv=new Set(["benchmark","comparison","baseline"]);function rl(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 Zd({entries:e}){const r=e.filter(f=>Qv.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?rl(n,o,a,i):[],d=s.length>=2?rl(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 eu(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 tu={EFFECTIVE:"Strong Improvement",MARGINAL:"Moderate Improvement",EMERGING:"Early Promise",INEFFECTIVE:"Needs Work",DEGRADING:"Regression"};function Xv(e){return Object.hasOwn(tu,e)}function Zv(e){return Xv(e)?tu[e]:e}function eb(){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({}),[x,g]=c.useState(null),[b,v]=c.useState(""),[j,S]=c.useState(!1),[k,T]=c.useState(""),[w,E]=c.useState(""),N=c.useCallback(async()=>{d(!0),p(null);try{const[C,I]=await Promise.all([de.getCredentials(r,n),de.getParams(r,n)]);o(C.credentials),i(I.params)}catch(C){p(C instanceof Error?C.message:"Failed to load parameters"),o([]),i([])}finally{d(!1)}},[r,n]);c.useEffect(()=>{N()},[N]);const R=c.useCallback(async(C,I)=>{S(!0),p(null);try{await de.setCredential(r,n,C,I),g(null),v(""),await N()}catch(P){p(P instanceof Error?P.message:`Failed to save ${C}`)}finally{S(!1)}},[r,n,N]),L=c.useCallback(async()=>{const C=k.trim().toUpperCase(),I=w.trim();if(!(!C||!I)){S(!0),p(null);try{await de.setCredential(r,n,C,I),T(""),E(""),await N()}catch(P){p(P instanceof Error?P.message:`Failed to add ${C}`)}finally{S(!1)}}},[r,n,k,w,N]),A=c.useCallback(async C=>{if(f.has(C)){h(I=>{const P=new Set(I);return P.delete(C),P}),y(I=>{const P={...I};return delete P[C],P});return}try{const P=(await de.getParamsRevealed(r,n,C)).params.find(F=>F.name===C);P!=null&&P.value&&(y(F=>({...F,[C]:P.value})),h(F=>new Set(F).add(C)))}catch{}},[r,n,f]),$=new Set(s.map(C=>C.name)),W=[...s.map(C=>{const I=a.find(P=>P.name===C.name);return{name:C.name,status:C.status,maskedValue:(I==null?void 0:I.maskedValue)??""}}),...a.filter(C=>!$.has(C.name)).map(C=>({name:C.name,status:C.status,maskedValue:C.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&&W.length===0&&t.jsx("div",{className:"text-[11px] py-2",style:{color:"var(--text-tertiary)"},children:"Loading..."}),!l&&W.length===0&&!u&&t.jsx("div",{className:"text-[11px] py-2",style:{color:"var(--text-tertiary)"},children:"No parameters configured"}),W.map(C=>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:C.name}),t.jsx("span",{className:"text-[9px] font-semibold px-1.5 py-0.5 rounded-full",style:{background:C.status==="ready"?"var(--green-muted)":"var(--red-muted)",color:C.status==="ready"?"var(--green)":"var(--red)"},children:C.status}),(C.maskedValue||C.status==="ready")&&t.jsxs("span",{className:"text-[10px] font-mono",style:{color:"var(--text-secondary)"},children:[f.has(C.name)?m[C.name]??C.maskedValue:C.maskedValue||"***",t.jsx("button",{onClick:()=>A(C.name),className:"text-[9px] ml-1",style:{color:"var(--accent)",cursor:"pointer",background:"none",border:"none"},"aria-label":`${f.has(C.name)?"Hide":"Reveal"} value for ${C.name}`,children:f.has(C.name)?"hide":"show"})]}),x===C.name?t.jsxs("div",{className:"flex gap-1",children:[t.jsx("input",{value:b,onChange:I=>v(I.target.value),onKeyDown:I=>{I.key==="Enter"&&b.trim()&&R(C.name,b)},className:"input-field text-[10px] font-mono",style:{width:120},placeholder:"New value...","aria-label":`New value for ${C.name}`,autoFocus:!0}),t.jsx("button",{onClick:()=>R(C.name,b),disabled:j||!b.trim(),className:"text-[10px] font-medium",style:{color:"var(--green)",background:"none",border:"none",cursor:"pointer"},children:"Save"}),t.jsx("button",{onClick:()=>{g(null),v("")},className:"text-[10px]",style:{color:"var(--text-tertiary)",background:"none",border:"none",cursor:"pointer"},children:"Cancel"})]}):t.jsx("button",{onClick:()=>{g(C.name),v("")},className:"text-[10px]",style:{color:"var(--accent)",background:"none",border:"none",cursor:"pointer"},children:"Edit"})]},C.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:k,onChange:C=>T(C.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:C=>E(C.target.value),onKeyDown:C=>{C.key==="Enter"&&k.trim()&&w.trim()&&L()},className:"input-field text-[10px] font-mono flex-1",placeholder:"value",type:"password","aria-label":"Parameter value"}),t.jsx("button",{onClick:L,disabled:j||!k.trim()||!w.trim(),className:"text-[10px] font-medium px-2 py-1 rounded",style:{background:"var(--accent-muted)",color:"var(--accent)",border:"none",cursor:j?"not-allowed":"pointer"},children:"Add"})]})]})]})}function ru(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 tb(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 nu({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:x,generateEvalsLoading:g,generateEvalsProgress:b,generateEvalsError:v}=r,j=c.useMemo(()=>{for(const U of x.values())if(U.status==="running"||U.status==="queued")return!0;return!1},[x]),[S,k]=c.useState(!1),[T,w]=c.useState("all"),E={skill_name:r.skill,evals:[]},N=f??E,R=N.evals,L=c.useMemo(()=>T==="all"?R:R.filter(U=>Er(U)===T),[T,R]),A=L.find(U=>U.id===m)??null;c.useEffect(()=>{m!==null&&!L.find(U=>U.id===m)&&n({type:"SELECT_CASE",caseId:L.length>0?L[0].id:null})},[L,m,n]);const[$,W]=c.useState([]),C=c.useMemo(()=>R.some(U=>Er(U)==="integration"),[R]);c.useEffect(()=>{C&&de.getCredentials(r.plugin,r.skill).then(U=>W(U.credentials)).catch(()=>W([]))},[r.plugin,r.skill,C]);const I=c.useMemo(()=>new Set($.filter(U=>U.status==="missing").map(U=>U.name)),[$]),[P,F]=c.useState(!1),H=c.useCallback(U=>{F(!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:()=>k(!0),className:"btn btn-primary text-[12px]",children:"Create Test Case"}),t.jsxs("div",{style:{position:"relative"},children:[t.jsxs("div",{className:"flex",children:[t.jsx("button",{onClick:()=>H("unit"),disabled:g,className:"btn btn-secondary text-[12px]",style:{borderTopRightRadius:0,borderBottomRightRadius:0},children:g?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"spinner",style:{width:12,height:12,borderWidth:1.5}})," Generating..."]}):"Generate Unit Tests"}),t.jsx("button",{onClick:()=>F(!P),disabled:g,className:"btn btn-secondary text-[12px]",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0,borderLeft:"1px solid var(--border-default)",padding:"4px 6px"},children:t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:t.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),P&&t.jsx("div",{className:"absolute right-0 mt-1 rounded-lg py-1 z-50",style:{background:"var(--surface-1)",border:"1px solid var(--border-default)",minWidth:180,boxShadow:"0 4px 12px rgba(0,0,0,0.3)"},children:t.jsx("button",{onClick:()=>H("integration"),className:"w-full text-left px-3 py-2 text-[12px] transition-colors duration-100",style:{color:"var(--text-secondary)",background:"transparent"},onMouseEnter:U=>{U.currentTarget.style.background="var(--surface-2)"},onMouseLeave:U=>{U.currentTarget.style.background="transparent"},children:"Generate Integration Tests"})})]})]}),g&&b.length>0&&t.jsx("div",{className:"w-full max-w-md mt-3",children:t.jsx(En,{entries:b,isRunning:!0})}),v&&t.jsx("div",{className:"w-full max-w-md mt-3",children:t.jsx(vs,{error:v,onRetry:()=>H()})}),S&&t.jsx(nl,{evals:N,onSave:U=>{s(U),k(!1)},onCancel:()=>k(!1)})]});const ce=!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:[ce,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 (",L.length,")"]}),t.jsx("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:6,marginLeft:"auto",flexShrink:0},children:!e&&(j?t.jsx("button",{onClick:l,className:"btn text-[10px] px-2 py-0.5",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)",whiteSpace:"nowrap"},children:"Cancel All"}):t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:()=>a("benchmark"),disabled:!p,className:"btn btn-primary text-[10px] px-2 py-0.5",style:{whiteSpace:"nowrap"},children:"Run All"}),u&&t.jsx("button",{onClick:()=>a("comparison"),disabled:!p,className:"btn btn-secondary text-[10px] px-2 py-0.5",style:{whiteSpace:"nowrap"},children:"Compare All"})]}))})]}),t.jsx("div",{className:"flex px-3 py-1.5 gap-1",style:{borderBottom:"1px solid var(--border-subtle)"},children:["all","unit","integration"].map(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=>Er(ne)==="unit").length})`:`Integration (${R.filter(ne=>Er(ne)==="integration").length})`},U))}),t.jsxs("div",{className:"py-1",children:[L.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"]}),L.map(U=>{var B;const ne=y.get(U.id),me=m===U.id,be=Er(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"&&((B=U.requiredCredentials)==null?void 0:B.some(re=>I.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(su,{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(sb,{passRate:ne.passRate})]})]},U.id)})]}),t.jsx("div",{className:"px-3 py-2",children:u&&t.jsx("button",{onClick:()=>k(!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(eb,{})})]}),t.jsx("div",{className:"overflow-auto",children:A?t.jsx(rb,{evalCase:A,result:y.get(A.id),evals:f,caseStatus:((V=x.get(A.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"})}),S&&t.jsx(nl,{evals:N,onSave:U=>{s(U),k(!1)},onCancel:()=>k(!1)})]})]})}function rb({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:x,loading:g}=ru(m,y,e.id),[b,v]=c.useState(!1),[j,S]=c.useState(e.prompt),[k,T]=c.useState(!1),[w,E]=c.useState(e.expected_output);c.useState(()=>{S(e.prompt),E(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:j}),v(!1)},[e,j,N]),L=c.useCallback(()=>{N({...e,expected_output:w}),T(!1)},[e,w,N]),A=c.useCallback(()=>{N({...e,assertions:[...e.assertions,{id:`assert-${Date.now()}`,text:"New assertion",type:"boolean"}]})},[e,N]),$=c.useCallback((V,U)=>{N({...e,assertions:e.assertions.map(ne=>ne.id===V?{...ne,text:U}:ne)})},[e,N]),W=c.useCallback(V=>{N({...e,assertions:e.assertions.filter(U=>U.id!==V)})},[e,N]),C=c.useCallback(()=>{confirm("Delete this test case?")&&o({...n,evals:n.evals.filter(V=>V.id!==e.id)})},[n,e.id,o]),I=r&&r.assertions.length>0&&r.assertions.every(V=>V.pass),P=r&&r.assertions.some(V=>!V.pass),F=Er(e),H=e.requiredCredentials??[],ce=F==="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((F==="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 ${F==="unit"?"integration":"unit"}`,style:{fontSize:10,fontWeight:600,padding:"2px 7px",borderRadius:9999,background:F==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:F==="unit"?"var(--accent)":"var(--orange)",border:"none",cursor:"pointer"},children:F==="unit"?"Unit":"Integration"}):t.jsx("span",{style:{fontSize:10,fontWeight:600,padding:"2px 7px",borderRadius:9999,background:F==="unit"?"var(--accent-muted)":"var(--orange-muted)",color:F==="unit"?"var(--accent)":"var(--orange)"},children:F==="unit"?"Unit":"Integration"}),t.jsx(su,{result:r})]}),t.jsxs("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:8,marginLeft:"auto",flexShrink:0},children:[!u&&(s==="running"||s==="queued"?t.jsxs("button",{onClick:()=>l(e.id),className:"btn text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)",whiteSpace:"nowrap"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",style:{marginRight:4},children:t.jsx("rect",{x:"6",y:"6",width:"12",height:"12",rx:"1"})}),"Cancel"]}):t.jsxs(t.Fragment,{children:[t.jsx("button",{onClick:()=>a(e.id),disabled:!h,className:"btn btn-primary text-[12px]",style:{whiteSpace:"nowrap"},children:"Run"}),f&&t.jsx("button",{onClick:()=>i(e.id),disabled:!h,className:"btn btn-secondary text-[12px]",style:{whiteSpace:"nowrap"},children:"A/B Compare"})]})),P&&f&&s!=="running"&&s!=="queued"&&t.jsx("button",{onClick:()=>d(e.id),className:"btn btn-secondary text-[12px]",style:{whiteSpace:"nowrap"},children:"Fix with AI"}),f&&s!=="running"&&s!=="queued"&&t.jsx("button",{onClick:C,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&&F==="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"})]}),I&&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"})]}),ce&&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&&F==="integration"&&t.jsx(ab,{evalCase:e,onUpdate:N}),t.jsx(Dn,{title:"Prompt",children:b?t.jsxs("div",{children:[t.jsx("textarea",{value:j,onChange:V=>S(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:()=>{S(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(Dn,{title:"Expected Output",children:k?t.jsxs("div",{children:[t.jsx("textarea",{value:w,onChange:V=>E(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:L,className:"btn btn-primary text-[12px]",children:"Save"}),t.jsx("button",{onClick:()=>{E(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(Dn,{title:`Assertions (${e.assertions.length})`,action:f?t.jsx("button",{onClick:A,className:"btn btn-ghost text-[11px]",children:"+ Add"}):void 0,children:e.assertions.length===0?t.jsx("div",{className:"text-[12px] text-center py-4",style:{color:"var(--text-tertiary)"},children:'No assertions. Click "+ Add" to create one.'}):t.jsx("div",{className:"space-y-2",children:e.assertions.map(V=>{const U=r==null?void 0:r.assertions.find(me=>me.assertion_id===V.id),ne=tb(V.id,U,x);return t.jsx(nb,{assertion:V,result:U,badges:ne,isReadOnly:!f,onUpdate:me=>$(V.id,me),onDelete:()=>W(V.id)},V.id)})})}),(r==null?void 0:r.output)&&t.jsx(ob,{output:r.output,durationMs:r.durationMs,tokens:r.tokens}),r&&r.passRate!=null&&r.passRate<.2&&(()=>{const V=eu("INEFFECTIVE",r.passRate);return V.recommendations&&V.recommendations.length>0?t.jsx(Dn,{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(ou,{evalId:e.id,sharedEntries:x,sharedLoading:g})]},e.id)}function nb({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 Dn({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 su({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=eu(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 sb({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 ob({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 Hs(e){return e==="baseline"?"right":e==="comparison"?"full":"left"}function Vs({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:Qd(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:Fr(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:Xd(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 ou({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(x=>!x)},[]),h=u?u.slice(0,10):[],m=h.some(x=>{const g=Hs(x.type);return g==="left"||g==="full"}),y=h.some(x=>{const g=Hs(x.type);return g==="right"||g==="full"});return t.jsxs("div",{className:"mb-5",children:[t.jsxs("button",{onClick:f,className:"flex items-center gap-2 text-[11px] font-semibold uppercase tracking-wider mb-2 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",style:{transform:l?"rotate(90deg)":"rotate(0)",transition:"transform 0.2s ease"},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})}),"Execution History",u&&u.length>0&&t.jsxs("span",{style:{fontWeight:400},children:["(",u.length," run",u.length!==1?"s":"",")"]})]}),l&&t.jsx("div",{className:"animate-fade-in",children:p?t.jsxs("div",{className:"flex items-center gap-2 py-3",children:[t.jsx("div",{className:"spinner",style:{width:14,height:14,borderWidth:1.5}}),t.jsx("span",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"Loading history..."})]}):!u||u.length===0?t.jsx("div",{className:"text-[12px] py-3",style:{color:"var(--text-tertiary)"},children:"No history for this case"}):t.jsxs("div",{children:[h.length>=2&&t.jsx("div",{className:"mb-2",children:t.jsx(Zd,{entries:h})}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)",gridColumn:"1"},children:"Skill"}),t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)",gridColumn:"2"},children:"Baseline"}),!m&&t.jsx("div",{style:{gridColumn:"1",fontSize:12,color:"var(--text-tertiary)"},children:"No skill runs"}),!y&&t.jsx("div",{style:{gridColumn:"2",fontSize:12,color:"var(--text-tertiary)"},children:"No baseline runs"}),h.map((x,g)=>{const b=Hs(x.type);return b==="full"?t.jsx("div",{style:{gridColumn:"1 / -1"},children:t.jsx(Vs,{entry:x})},g):b==="left"?t.jsxs(c.Fragment,{children:[t.jsx("div",{style:{gridColumn:"1"},children:t.jsx(Vs,{entry:x})}),t.jsx("div",{style:{gridColumn:"2"}})]},g):t.jsxs(c.Fragment,{children:[t.jsx("div",{style:{gridColumn:"1"}}),t.jsx("div",{style:{gridColumn:"2"},children:t.jsx(Vs,{entry:x})})]},g)})]}),t.jsx("button",{onClick:()=>o({type:"SET_PANEL",panel:"history"}),className:"mt-2 text-[11px] font-medium transition-colors duration-150",style:{color:"var(--accent)"},onMouseEnter:x=>{x.currentTarget.style.textDecoration="underline"},onMouseLeave:x=>{x.currentTarget.style.textDecoration="none"},children:"View full history →"})]})})]})}function nl({evals:e,onSave:r,onCancel:n}){const[s,o]=c.useState(""),[a,i]=c.useState(""),[l,d]=c.useState(""),[u,p]=c.useState([{id:`assert-${Date.now()}`,text:"",type:"boolean"}]),[f,h]=c.useState("unit"),[m,y]=c.useState(""),[x,g]=c.useState([]),[b,v]=c.useState(""),[j,S]=c.useState(""),k=Math.max(0,...e.evals.map(N=>N.id))+1,T=N=>{h(N),N==="unit"&&(g([]),y(""),v(""),S(""))},w=()=>{const N=m.trim().toUpperCase();N&&!x.includes(N)&&g([...x,N]),y("")},E=()=>{if(!s.trim()||!a.trim())return;const N={id:k,name:s.trim(),prompt:a.trim(),expected_output:l.trim(),files:[],assertions:u.filter(R=>R.text.trim()),...f==="integration"?{testType:"integration",...x.length>0?{requiredCredentials:x}:{},...b||j?{requirements:{...b?{platform:b}:{},...j?{chromeProfile:j}:{}}}:{}}:{}};r({...e,evals:[...e.evals,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:L=>p(u.map((A,$)=>$===R?{...A,text:L.target.value}:A)),className:"input-field flex-1 text-[12px]",placeholder:"e.g., Output includes a greeting"}),u.length>1&&t.jsx("button",{onClick:()=>p(u.filter((L,A)=>A!==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:x.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:()=>g(x.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:j,onChange:N=>S(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:E,disabled:!s.trim()||!a.trim(),className:"btn btn-primary text-[12px]",children:"Save"})]})]})})}function ab({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 Gs(e,r){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function ib({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 lb({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 cb({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 db({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 Ks({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 ub(){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,x]=c.useState(!1),g=c.useRef(null),[b,v]=c.useState(!1),[j,S]=c.useState(""),[k,T]=c.useState(!1),[w,E]=c.useState(null),[N,R]=c.useState([]),[L,A]=c.useState([]),[$,W]=c.useState(null),C=c.useRef(null),{config:I}=vr(),P=Vv(),{files:F,activeFile:H,secondaryContent:ce,loading:V,error:U,loadError:ne,selectFile:me,refresh:be,isSkillMd:B}=vv(o??"",a??""),[re,M]=c.useState(!1),O=c.useCallback(ee=>{re&&!window.confirm("You have unsaved changes. Discard?")||me(ee)},[re,me]);c.useEffect(()=>()=>{var ee;(ee=C.current)==null||ee.abort()},[]);const{metadata:G,body:K}=Bd(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),X=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:qe}=Jv(i,e.savedContent);if(De!==null){const $e=Kv(qe,De);if(!$e.valid){Gs(`Save blocked: ${$e.reason??"invalid version transition"}`,"error");return}}x(!0),await n(ee),x(!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=rs(i)??"1.0.0";let qe;try{qe=en(De,ee)}catch(nt){const it=nt instanceof Error?nt.message:String(nt);Gs(`Bump failed: ${it}`,"error");return}const $e=Jd(i,qe);r({type:"SET_CONTENT",content:$e}),Gs(`Bumped to v${qe} (${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,qe;if(!j.trim())return;(De=C.current)==null||De.abort();const ee=new AbortController;C.current=ee,T(!0),W(null),A([]),E(null),R([]);try{const $e=(I==null?void 0:I.provider)||"claude-cli",nt=(I==null?void 0:I.model)||"sonnet",it=await fetch("/api/skills/generate?sse",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({prompt:j,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 Et=it.body.getReader(),Ht=new TextDecoder;let Nt="",st="";for(;;){const{done:yt,value:vt}=await Et.read();if(yt)break;Nt+=Ht.decode(vt,{stream:!0});const Lt=Nt.split(`
|
|
50
|
-
`);Nt=Lt.pop()||"";for(const Ne of Lt)if(Ne.startsWith("event: "))st=Ne.slice(7).trim();else if(Ne.startsWith("data: ")){try{const Ce=JSON.parse(Ne.slice(6));if(st==="progress")A(ze=>[...ze,{phase:Ce.phase,message:Ce.message,timestamp:Date.now()}]);else if(st==="done"||st==="complete"){const ze=["---"];Ce.name&&ze.push(`name: ${Ce.name}`),Ce.description&&ze.push(`description: "${Ce.description.replace(/"/g,'\\"')}"`),Ce.model&&ze.push(`model: ${Ce.model}`),(qe=Ce.allowedTools)!=null&&qe.trim()&&ze.push(`allowed-tools: ${Ce.allowedTools.trim()}`),ze.push("---","",Ce.body||"");const ot=ze.join(`
|
|
51
|
-
`);E(ot),R(ys(i,ot)),T(!1)}else st==="error"&&(W(Ce.message||Ce.description||"Generation failed"),T(!1))}catch{}st=""}}}catch($e){$e.name!=="AbortError"&&W($e.message)}finally{T(!1),C.current=null}},[j,I,i]),Ye=c.useCallback(()=>{w&&r({type:"SET_CONTENT",content:w}),v(!1),E(null),R([]),S(""),A([])},[w,r]),Pe=c.useCallback(()=>{v(!1),E(null),R([]),S(""),A([]),W(null)},[]),rt=c.useCallback(()=>{var ee;b?((ee=C.current)==null||ee.abort(),Pe()):(u&&r({type:"CLOSE_AI_EDIT"}),v(!0))},[b,u,r,Pe]),Je=[{mode:"raw",icon:t.jsx(ib,{}),label:"Editor"},{mode:"split",icon:t.jsx(lb,{}),label:"Split"},{mode:"preview",icon:t.jsx(cb,{}),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:qe})=>t.jsxs("button",{onClick:()=>m(ee),title:qe,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:qe})]},ee))}),B?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(db,{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(Ks,{size:13}),t.jsx("span",{children:"Regenerate"})]}),t.jsx("div",{style:{width:1,height:16,background:"var(--border-subtle)"}}),!s&&(()=>{const ee=rs(i)??"1.0.0";let De=ee,qe=ee,$e=ee;try{De=en(ee,"patch"),qe=en(ee,"minor"),$e=en(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} → ${qe}`,"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"}),P.hasRemote&&P.remoteUrl&&t.jsx(Kd,{remoteUrl:P.remoteUrl,provider:I==null?void 0:I.provider,model:I==null?void 0:I.model,skillName:a||void 0,skillPath:f,privacy:"public"})]}):null]}),o&&a&&t.jsx(Sv,{files:F,activeFile:H,onSelect:O,onRefresh:be,loadError:ne}),!B&&t.jsx(Nv,{file:ce,loading:V,error:U,viewMode:h,plugin:o??void 0,skill:a??void 0,onSaved:()=>{me(H),be()},onDirtyChange:M}),B&&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:g,"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})]}),X.length>0&&t.jsx("div",{className:"flex flex-wrap items-center gap-1.5",style:{marginBottom:16},children:X.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],qe)=>{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:qe>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||X.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:Cn(K)}})]})})]}),B&&u&&t.jsx(yv,{}),B&&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(Ks,{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:j,onChange:ee=>S(ee.target.value),placeholder:"Describe what this skill should do...",rows:2,disabled:k,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:k?.5:1},onKeyDown:ee=>{ee.key==="Enter"&&(ee.ctrlKey||ee.metaKey)&&j.trim()&&!k&&(ee.preventDefault(),Ve())}})}),t.jsxs("div",{className:"flex items-center gap-2",children:[k?t.jsx("button",{onClick:()=>{var ee;(ee=C.current)==null||ee.abort(),T(!1)},className:"btn btn-secondary text-[11px]",style:{padding:"4px 12px"},children:"Cancel"}):t.jsx("button",{onClick:Ve,disabled:!j.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"})]}),k&&L.length>0&&t.jsx("div",{className:"mt-2",children:t.jsx(En,{entries:L,isRunning:!0})}),$&&t.jsxs("div",{className:"mt-2 px-3 py-2 rounded-lg text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:[$,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(Ks,{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"})]})]})]})}),B&&d!==null&&o&&a&&t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle)"},children:t.jsx(uv,{plugin:o,skill:a,skillContent:i,onApplied:ee=>{r({type:"SET_CONTENT",content:ee}),r({type:"CONTENT_SAVED"}),r({type:"CLOSE_IMPROVE"})}})}),B&&t.jsx(pb,{})]})}function pb(){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(nu,{embedded:!0})})]})}function fb(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 hb={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 Ko({provider:e,size:r="sm"}){if(!e)return null;const n=hb[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 mb({content:e,defaultExpanded:r=!0}){const[n,s]=c.useState(r),{metadata:o,body:a}=Bd(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:Cn(a)}})]})]})}function xb(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 gb(e){const r=e.lastIndexOf(".");return r>=0?e.slice(r+1).toLowerCase():""}function yb(e){const r=gb(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 au({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(au,{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:yb(e.name)}),t.jsx("span",{style:{flex:1,overflow:"hidden",textOverflow:"ellipsis"},children:e.name})]})}function vb({files:e,activePath:r,onSelect:n}){const s=c.useMemo(()=>xb(e),[e]),o=c.useMemo(()=>{const m=new Set;if(r&&r.includes("/")){const y=r.split("/");for(let x=1;x<y.length;x++)m.add(y.slice(0,x).join("/"))}return s.children.forEach(y=>{y.type==="dir"&&m.add(y.path)}),m},[s,r]),[a,i]=c.useState(o);c.useEffect(()=>{i(m=>{const y=new Set(m);let x=!1;return o.forEach(g=>{y.has(g)||(y.add(g),x=!0)}),x?y:m})},[o]);const l=m=>{i(y=>{const x=new Set(y);return x.has(m)?x.delete(m):x.add(m),x})},d=c.useMemo(()=>{const m=[],y=x=>{for(const g of x)m.push({path:g.path,type:g.type}),g.type==="dir"&&a.has(g.path)&&y(g.children)};return y(s.children),m},[s,a]),u=c.useRef(null),[p,f]=c.useState(()=>Math.max(0,d.findIndex(m=>m.path===r)));c.useEffect(()=>{const m=d.findIndex(y=>y.path===r);m>=0&&f(m)},[r,d]);const h=m=>{var y;if(d.length!==0)if(m.key==="ArrowDown")m.preventDefault(),f(x=>Math.min(d.length-1,x+1));else if(m.key==="ArrowUp")m.preventDefault(),f(x=>Math.max(0,x-1));else if(m.key==="Enter"){m.preventDefault();const x=d[p];if(!x)return;x.type==="dir"?l(x.path):n(x.path)}else m.key==="Escape"&&(m.preventDefault(),(y=u.current)==null||y.blur())};return s.children.length===0?t.jsx("div",{"data-testid":"source-tree-empty",style:{padding:16,fontSize:12,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)"},children:"No files found."}):t.jsx("div",{"data-testid":"source-file-tree",ref:u,tabIndex:0,onKeyDown:h,role:"tree","aria-label":"Skill files",style:{paddingTop:4,paddingBottom:4,outline:"none"},children:s.children.map(m=>{var y;return t.jsx(au,{node:m,depth:0,activePath:r,focusedPath:(y=d[p])==null?void 0:y.path,onSelect:n,expanded:a,onToggle:l},m.path)})})}const bb=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"]),kb=new Set(["png","jpg","jpeg","gif","webp","ico"]);function jb(e){const r=e.lastIndexOf(".");return r>=0?e.slice(r+1).toLowerCase():""}function wb(e){const r=jb(e);return r==="md"?"markdown":kb.has(r)?"image":bb.has(r)?"text":"binary"}function Sb({content:e}){return t.jsx("div",{"data-testid":"source-md-viewer",children:t.jsx(mb,{content:e})})}function Cb({content:e,path:r}){const n=e.split(`
|
|
52
|
-
`),s=n.length>5e3,o=s?n.slice(0,5e3).join(`
|
|
53
|
-
`):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 Eb({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 Nb({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 — ",fb(r)]}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)"},children:e})]})}function Rb({plugin:e,skill:r,provider:n}){const[s,o]=c.useState([]),[a,i]=c.useState("SKILL.md"),[l,d]=c.useState(null),[u,p]=c.useState(!0),[f,h]=c.useState(null),[m,y]=c.useState(null),x=n??m;c.useEffect(()=>{if(n!==void 0)return;let b=!1;return 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 k;if(b)return;o(v.files);const S=v.files.some(T=>T.path==="SKILL.md")?"SKILL.md":((k=v.files.find(T=>T.type==="file"))==null?void 0:k.path)??"";i(S),S||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 g=()=>{if(f)return t.jsxs("div",{"data-testid":"source-error",style:{padding:16,color:"var(--danger, #c00)",fontFamily:"var(--font-sans)",fontSize:13},children:["Failed to load: ",f]});if(u||!l)return t.jsx("div",{"data-testid":"source-loading",style:{padding:16,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)",fontSize:13},children:"Loading…"});const b=wb(a);return b==="markdown"?t.jsx(Sb,{content:l.content??""}):b==="text"&&!l.binary?t.jsx(Cb,{content:l.content??"",path:a}):b==="image"?t.jsx(Eb,{plugin:e,skill:r,path:a}):t.jsx(Nb,{path:a,size:l.size})};return t.jsxs("div",{"data-testid":"source-panel",style:{display:"flex",flexDirection:"column",height:"100%",minHeight:400,gap:12},children:[x&&t.jsxs("div",{"data-testid":"source-panel-header",style:{display:"flex",alignItems:"center",gap:8,paddingLeft:4},children:[t.jsx("span",{style:{fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-sans)",textTransform:"uppercase",letterSpacing:"0.05em"},children:"Provider:"}),t.jsx(Ko,{provider:x})]}),t.jsxs("div",{style:{display:"grid",gridTemplateColumns:"260px 1fr",gap:16,flex:1,minHeight:0},children:[t.jsx("aside",{style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)",borderRadius:8,overflow:"auto",maxHeight:"75vh"},children:t.jsx(vb,{files:s,activePath:a,onSelect:i})}),t.jsx("main",{style:{minWidth:0},children:g()})]})]})}function St(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 iu(e,r){return e==null||r==null?"N/A":`${e.toLocaleString("en-US")} in / ${r.toLocaleString("en-US")} out`}function Tb({evalId:e}){const{state:r}=xt(),{entries:n,loading:s}=ru(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(ou,{evalId:e,sharedEntries:n,sharedLoading:s})})}function Ib(e){return e==="baseline"?"Baseline Pass Rate":"Skill Pass Rate"}function Lb(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 Ab(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 sl(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 $b(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 Mb={anthropic:.01,openrouter:.01,ollama:0,"lm-studio":0,"claude-cli":0,"codex-cli":0,"gemini-cli":0};function Fb(e,r){if(!e)return null;const n=Mb[e];if(n==null||n===0)return null;const s=n*r*.5,o=n*r*2;return`${St(s)}–${St(o)}`}function Db(){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}=vr(),m=(l==null?void 0:l.evals)??[],y=c.useMemo(()=>{for(const E of d.values())if(E.status==="running"||E.status==="queued")return!0;return!1},[d]),x=m.filter(E=>{const N=d.get(E.id);return N&&(N.status==="complete"||N.status==="error"||N.status==="cancelled")}).length,g=m.filter(E=>{const N=d.get(E.id);return N&&(N.status==="running"||N.status==="queued")}).length,b=c.useRef(null),[v,j]=c.useState(0);c.useEffect(()=>{if(y&&!b.current&&(b.current=Date.now()),!y){b.current=null,j(0);return}const E=setInterval(()=>{b.current&&j(Math.round((Date.now()-b.current)/1e3))},1e3);return()=>clearInterval(E)},[y]);const S=m.reduce((E,N)=>E+N.assertions.length,0),k=m.length+S,T=c.useMemo(()=>$b(m.length,S),[m.length,S]),w=c.useMemo(()=>Fb((h==null?void 0:h.provider)??null,k),[h==null?void 0:h.provider,k]);return t.jsxs("div",{className:"p-5",children:[!a&&l!=null&&t.jsxs("div",{role:"status","data-testid":"tests-readonly-banner",className:"flex items-center gap-2 px-3 py-2 rounded-lg mb-4 text-[11px]",style:{background:"var(--surface-2)",color:"var(--text-tertiary)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2",ry:"2"}),t.jsx("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),t.jsxs("span",{children:["Read-only — to author or modify tests, install this skill as source via"," ",t.jsx("code",{style:{background:"var(--surface-1)",padding:"1px 5px",borderRadius:3,fontFamily:"var(--font-mono)"},children:"vskill plugin new"}),"."]})]}),t.jsxs("div",{className:"rounded-xl p-4 mb-5",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between mb-3",children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:"Benchmark"}),y&&t.jsxs("span",{className:"text-[11px] font-medium",style:{color:"var(--accent)"},children:[g," running"]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[y&&t.jsxs("button",{onClick:o,className:"btn text-[12px]",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)"},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",style:{marginRight:4},children:t.jsx("rect",{x:"6",y:"6",width:"12",height:"12",rx:"1"})}),"Cancel All"]}),a&&t.jsx("button",{onClick:()=>n("comparison"),disabled:!i||y,className:"btn btn-primary text-[12px]",title:"Runs both your skill and the baseline, then compares results side by side",children:"Run A/B Test"}),t.jsx("button",{onClick:()=>n("benchmark"),disabled:!i||y,className:a?"btn btn-secondary text-[12px]":"btn btn-primary text-[12px]",title:a?"Runs benchmark using your skill only":"Run all author-shipped eval cases",children:a?"Test Skill":"Run All"}),a&&t.jsx("button",{onClick:()=>n("baseline"),disabled:!i||y,className:"btn btn-secondary text-[12px]",title:"Runs benchmark using the baseline (no skill) for reference",children:"Test Baseline"})]}),!y&&m.length>0&&t.jsxs("div",{className:"flex items-center gap-3 mt-2 text-[10px]",style:{color:"var(--text-tertiary)"},children:[t.jsxs("span",{children:["Est. duration: ",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: ",x,"/",m.length," cases"]}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[Math.round(x/m.length*100),"%"]})]}),t.jsx("div",{className:"rounded-full overflow-hidden",style:{height:6,background:"var(--surface-3)"},children:t.jsx("div",{className:"h-full rounded-full transition-all duration-500",style:{width:`${x/m.length*100}%`,background:"var(--accent)"}})}),t.jsxs("div",{className:"flex items-center justify-between mt-1.5",children:[t.jsxs("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:["Elapsed: ",v>=60?`${Math.floor(v/60)}m ${v%60}s`:`${v}s`]}),t.jsxs("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)"},children:["Est. total: ",T]})]})]}),t.jsx("div",{className:"space-y-3 stagger-children",children:m.map(E=>{const N=f.get(E.id),R=d.get(E.id),L=(R==null?void 0:R.status)??"idle",A=p==null?void 0:p.cases.find($=>$.eval_id===E.id);return t.jsxs(c.Fragment,{children:[t.jsx(Bb,{name:E.name,evalId:E.id,result:N,caseCost:A==null?void 0:A.cost,caseBillingMode:A==null?void 0:A.billingMode,caseInputTokens:A==null?void 0:A.inputTokens,caseOutputTokens:A==null?void 0:A.outputTokens,caseStatus:L,runMode:(R==null?void 0:R.mode)??null,comparisonDetail:A==null?void 0:A.comparisonDetail,canEdit:a,onRun:$=>r($,"benchmark"),onBaseline:$=>r($,"baseline"),onCompare:$=>r($,"comparison"),onCancel:$=>s($)}),t.jsx(Tb,{evalId:E.id})]},E.id)})}),!y&&p&&p.cases.length>0&&t.jsxs("div",{className:"mt-5",children:[t.jsxs("div",{className:"rounded-xl p-4 mb-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between",children:[t.jsx("span",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:Ib(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: ${iu(p.totalInputTokens,p.totalOutputTokens)}`,p.totalCost!=null&&` | Cost: ${St(p.totalCost)}`]}),a&&p.overall_pass_rate>=.9999&&!p.comparison&&t.jsx("button",{onClick:()=>n("comparison"),disabled:!i,className:"text-[13px] font-semibold mt-3 w-full rounded-lg transition-opacity duration-150",style:{padding:"10px 0",background:"var(--green)",color:"var(--color-paper)",border:"none",cursor:"pointer",opacity:m.length===0?.5:1},children:"Run Final A/B Comparison"})]}),p.comparison&&t.jsxs("div",{className:"rounded-xl p-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider",style:{color:"var(--text-tertiary)"},children:"Skill vs Baseline"}),(()=>{const E=Lb(p.model,p.timestamp);return E?t.jsx("div",{className:"text-[10px] mt-0.5 mb-3",style:{color:"var(--text-tertiary)"},children:E}):t.jsx("div",{className:"mb-3"})})(),t.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[t.jsx(ol,{label:"Skill",value:p.comparison.skillPassRate,color:"var(--accent)"}),t.jsx(ol,{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&&` | ${Zv(p.verdict)}`]}),(()=>{const E=p.cases.reduce((R,L)=>R+L.assertions.length,0),N=Ab(p.comparison.delta,E,p.cases.length);return t.jsx("div",{className:"mt-1 text-[11px]",style:{color:"var(--text-tertiary)"},children:N})})()]})]})]})}const zb={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 Bb({name:e,evalId:r,result:n,caseCost:s,caseBillingMode:o,caseInputTokens:a,caseOutputTokens:i,caseStatus:l,runMode:d,comparisonDetail:u,canEdit:p=!1,onRun:f,onBaseline:h,onCompare:m,onCancel:y}){const[x,g]=c.useState(!1),b=l==="running"||l==="queued",v=l==="complete"||l==="error";return t.jsxs("div",{className:"rounded-xl overflow-hidden transition-all duration-200",style:{background:"var(--surface-1)",border:b?"1px solid var(--accent)":"1px solid var(--border-subtle)",boxShadow:b?"0 0 12px rgba(99, 131, 255, 0.15)":"none"},children:[t.jsxs("div",{className:"flex items-center justify-between px-4 py-3",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[l==="running"&&t.jsx("span",{className:"spinner",style:{width:14,height:14,borderWidth:1.5}}),l==="queued"&&t.jsx("span",{className:"text-[10px] font-medium",style:{color:"var(--text-tertiary)"},children:"queued"}),t.jsxs("span",{className:"text-[13px] font-medium",style:{color:"var(--text-primary)"},children:["#",r," ",e]}),d&&(b||v)&&(()=>{const j=zb[d];return j?t.jsx("span",{className:"pill text-[9px] font-semibold",style:{background:j.bg,color:j.color,padding:"1px 6px"},children:j.label}):null})()]}),t.jsxs("div",{className:"flex items-center gap-2",children:[b?t.jsx("button",{onClick:()=>y(r),className:"btn text-[10px] px-2 py-1",style:{background:"var(--red-muted)",color:"var(--red)",border:"1px solid var(--red-muted)"},children:"Cancel"}):t.jsxs(t.Fragment,{children:[p&&t.jsx("button",{onClick:()=>m(r),className:"btn btn-primary text-[10px] px-2 py-1",children:"Compare"}),t.jsx("button",{onClick:()=>f(r),className:p?"btn btn-secondary text-[10px] px-2 py-1":"btn btn-primary text-[10px] px-2 py-1",children:p?"Skill":"Run"}),p&&t.jsx("button",{onClick:()=>h(r),className:"btn btn-secondary text-[10px] px-2 py-1",children:"Base"})]}),n&&n.status!=null&&t.jsx("span",{className:"pill text-[10px]",style:{background:n.status==="pass"?"var(--green-muted)":"var(--red-muted)",color:n.status==="pass"?"var(--green)":"var(--red)"},children:n.passRate!=null?`${Math.round(n.passRate*100)}%`:n.status}),a!=null&&i!=null&&t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:iu(a,i)}),s!=null&&t.jsx("span",{className:"text-[10px]",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:St(s,o)}),l==="cancelled"&&t.jsx("span",{className:"pill text-[10px]",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:"cancelled"})]})]}),n&&n.assertions.length>0&&t.jsxs("div",{className:"px-4 pb-3",children:[t.jsx("div",{className:"space-y-1",children:n.assertions.map(j=>t.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[t.jsx("span",{style:{color:j.pass?"var(--green)":"var(--red)"},children:j.pass?"PASS":"FAIL"}),t.jsx("span",{style:{color:"var(--text-secondary)"},children:j.text})]},j.assertion_id))}),n.output&&t.jsx("button",{onClick:()=>g(!x),className:"text-[11px] mt-2 transition-colors duration-150",style:{color:"var(--text-tertiary)"},children:x?"Hide output":"Show output"}),x&&n.output&&t.jsx("pre",{className:"text-[11px] mt-2 p-3 rounded-lg overflow-auto",style:{background:"var(--surface-0)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)",maxHeight:200,fontFamily:"var(--font-mono, ui-monospace, monospace)",whiteSpace:"pre-wrap"},children:n.output})]}),u&&t.jsx("div",{className:"px-4 pb-3",children:t.jsx("div",{className:"rounded-lg px-3 py-2",style:{background:"var(--surface-2)",border:"1px solid var(--border-subtle)"},children:t.jsx("div",{className:"flex items-center gap-4 text-[11px] flex-wrap",children:(()=>{const j=sl(u.skillContentScore,u.baselineContentScore),S=sl(u.skillStructureScore,u.baselineStructureScore),k=Pb(u.winner);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{style:{color:"var(--text-secondary)"},children:["Content: Skill ",j.skill,"% / Baseline ",j.baseline,"%"]}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsxs("span",{style:{color:"var(--text-secondary)"},children:["Structure: Skill ",S.skill,"% / Baseline ",S.baseline,"%"]}),t.jsx("span",{style:{color:"var(--text-tertiary)"},children:"·"}),t.jsx("span",{style:{color:k.isSkill?"var(--accent)":"var(--text-tertiary)",fontWeight:500},children:k.text})]})})()})})}),n&&n.errorMessage&&t.jsx(_b,{errorMessage:n.errorMessage,classifiedError:n.classifiedError})]})}const qs={rate_limit:"⏱",context_window:"⚠",auth:"🔒",timeout:"⌛",provider_unavailable:"⚡",parse_error:"❓",unknown:"❌"};function _b({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?qs[r.category]??qs.unknown:qs.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 ol({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 al={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)"}},Ob={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 Wb(){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:x,generatingPrompts:g,generatingPromptsError:b,activationPromptsSource:v,savingTestCases:j,savingTestCasesError:S,savingTestCasesSuccess:k,activationHistory:T}=e,{state:w}=It(),E=w.skills.find(B=>B.plugin===l&&B.skill===d),N=(E==null?void 0:E.resolvedVersion)??(E==null?void 0:E.version)??null,[R,L]=c.useState(u),[A,$]=c.useState(null),[W,C]=c.useState(!1);c.useEffect(()=>{u&&u!==R&&L(u)},[u]),c.useEffect(()=>{r({type:"SET_ACTIVATION_PROMPTS",prompts:R})},[R,r]),c.useEffect(()=>{fetch(`/api/skills/${l}/${d}/description`).then(B=>B.json()).then(B=>$(B.rawContent||B.description||null)).catch(()=>$(null))},[l,d]),c.useEffect(()=>{(!u||u.trim().length===0)&&a()},[l,d]);function I(){n(R)}function P(){o(8)}function F(){i()}const H=R.trim().split(`
|
|
54
|
-
`).filter(Boolean).length,ce=B=>B.verdict==="scope_warning"||B.verdict==="drift_warning",V=p.filter(B=>(B.classification==="TP"||B.classification==="TN")&&!ce(B)),U=p.filter(B=>(B.classification==="FP"||B.classification==="FN")&&!ce(B));p.filter(ce);const ne=(A==null?void 0:A.replace(/^---[\s\S]*?---\s*/,"").trim())??null,me=R.trim().length>0,be=ne?Cn(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:F,disabled:j||!me||h,className:"text-[10px] px-2.5 py-1 rounded-md transition-colors duration-150 flex items-center gap-1.5",style:{background:j?"var(--surface-3)":"var(--surface-2)",color: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:B=>{me&&!j&&(B.currentTarget.style.background="var(--surface-3)")},onMouseLeave:B=>{j||(B.currentTarget.style.background="var(--surface-2)")},children:j?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"spinner",style:{borderTopColor:"var(--green)",borderColor:"var(--border-subtle)",width:10,height:10}}),"Saving..."]}):t.jsxs(t.Fragment,{children:[t.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"}),t.jsx("polyline",{points:"17 21 17 13 7 13 7 21"}),t.jsx("polyline",{points:"7 3 7 8 15 8"})]}),"Save as test cases"]})}),t.jsx("button",{onClick:P,disabled:g||!ne||h,className:"text-[10px] px-2.5 py-1 rounded-md transition-colors duration-150 flex items-center gap-1.5",style:{background:g?"var(--surface-3)":"var(--surface-2)",color: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:B=>{ne&&!g&&(B.currentTarget.style.background="var(--surface-3)")},onMouseLeave:B=>{g||(B.currentTarget.style.background="var(--surface-2)")},children:g?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"spinner",style:{borderTopColor:"var(--accent)",borderColor:"var(--border-subtle)",width:10,height:10}}),"Generating..."]}):t.jsxs(t.Fragment,{children:[t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:t.jsx("path",{d:"M12 3v3m6.36.64l-2.12 2.12M21 12h-3m-.64 6.36l-2.12-2.12M12 21v-3m-4.24.64l2.12-2.12M3 12h3m.64-6.36l2.12 2.12"})}),me?"Regenerate":"Generate"," Test Prompts"]})})]})]}),k&&t.jsx("div",{className:"text-[11px] px-2 py-1 rounded",style:{color:"var(--green)",background:"var(--green-muted)"},"aria-live":"polite",children:k}),S&&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: ",S]}),!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:B=>L(B.target.value),placeholder:`How do I write a unit test?
|
|
55
|
-
What edge cases should I test?
|
|
56
|
-
+Deploy this to production
|
|
57
|
-
!What's the weather like today?
|
|
58
|
-
!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(zn,{}),t.jsx("span",{children:"No prefix = auto-classify"}),t.jsx(zn,{}),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(zn,{}),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(zn,{}),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:I,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:[x||`${p.length} / ${H} prompts tested`,y&&t.jsx(Gb,{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((B,re)=>t.jsx(il,{result:B},`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((B,re)=>t.jsx(il,{result:B},`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(Ys,{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(Ys,{label:"Recall",value:f.recall,description:"Of expected activations, how many fired?",detail:`${f.tp} activated / ${f.tp+f.fn} expected`}),t.jsx(Ys,{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(Bn,{label:"True Positive",abbr:"TP",count:f.tp,bg:"var(--green-muted)",color:"var(--green)",description:"Correctly activated"}),t.jsx(Bn,{label:"False Positive",abbr:"FP",count:f.fp,bg:"var(--red-muted)",color:"var(--red)",description:"Wrongly activated"}),t.jsx(Bn,{label:"False Negative",abbr:"FN",count:f.fn,bg:"var(--red-muted)",color:"var(--red)",description:"Missed activation"}),t.jsx(Bn,{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(Ub,{history:T,expanded:W,onToggle:()=>C(!W),skillVersion:N})]})}function Ub({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(Hb,{run:o,skillVersion:s},o.id))})})]})}function Hb({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:Vb(e.timestamp)}),t.jsx(jn,{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 Vb(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 zn(){return t.jsx("span",{style:{color:"var(--border-subtle)",userSelect:"none"},children:"·"})}function il({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=al[n]||al.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"?Ob[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 Ys({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 Bn({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 Gb({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 Kb(e){return e==="benchmark"||e==="activation"||e==="ab"}function qb({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(Wb,{}):t.jsx(Db,{})}const Js={benchmark:"#6383ff",comparison:"#a78bfa",baseline:"#fb923c"},ll={benchmark:"Benchmark",comparison:"Comparison",baseline:"Baseline"},qo=600,Yo=180,ut=40,Qs=qo-ut*2,rr=Yo-ut*2,Yb=[25,50,75,100];function cl(e){return new Date(e).toLocaleDateString(void 0,{month:"short",day:"numeric"})}function Jb(e){return e==null?"--":`${(e/1e3).toFixed(1)}s`}function Qb({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+rr-h/100*rr;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:Js[u]??"var(--text-tertiary)"}}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-secondary)"},children:ll[u]??u})]},u))}),t.jsxs("svg",{width:qo,height:Yo,viewBox:`0 0 ${qo} ${Yo}`,style:{display:"block",overflow:"visible"},children:[Yb.map(u=>{const p=ut+rr-u/100*rr;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+rr,x2:ut+Qs,y2:ut+rr,stroke:"var(--border-subtle)",strokeWidth:1}),t.jsx("text",{x:ut-8,y:ut+rr+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:Js[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)),Xb(a).map(u=>t.jsx("text",{x:i[u].x,y:ut+rr+16,textAnchor:"middle",style:{fill:"var(--text-tertiary)",fontSize:10},children:cl(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:cl(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:Js[n.entry.type]??"var(--text-tertiary)",color:"#fff"},children:ll[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:Jb(n.entry.totalDurationMs)}),t.jsx("span",{children:n.entry.totalTokens!=null?`${n.entry.totalTokens} tokens`:"--"})]})]})]})}function Xb(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 tn=new Map;let pt=null,Qn=null,_n=1e3,Nr=0;function lu(){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=tn.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,Nr>0&&(Qn=setTimeout(()=>{_n=Math.min(_n*2,3e4),lu()},_n))},pt.onopen=()=>{_n=1e3}}function Zb(){Qn!=null&&(clearTimeout(Qn),Qn=null),pt==null||pt.close(),pt=null}function e1(e,r){return tn.has(e)||tn.set(e,new Set),tn.get(e).add(r),Nr++,lu(),()=>{var n;(n=tn.get(e))==null||n.delete(r),Nr--,Nr<=0&&(Nr=0,queueMicrotask(()=>{Nr<=0&&Zb()}))}}function ns(e,r){const n=c.useRef(r);n.current=r,c.useEffect(()=>e1(e,o=>n.current(o)),[e])}function ss(e){return e>=.8?"var(--green)":e>=.5?"var(--yellow)":"var(--red)"}function t1(e){return e>=1e3?`${(e/1e3).toFixed(1)}s`:`${Math.round(e)}ms`}function r1({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:ss(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:ss(e)}})})]})})}function n1({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 s1({plugin:e,skill:r}){const n=`stats/${e}/${r}`,s=c.useCallback(()=>de.getStats(e,r),[e,r]),{data:o,loading:a}=Ct(n,s),i=c.useCallback(()=>Be(n),[n]);if(ns("benchmark:complete",i),ns("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:ss(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:St(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:St(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(n1,{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:ss(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:t1(f.avgDurationMs)}),t.jsx("td",{style:{padding:"8px",textAlign:"center",fontFamily:"var(--font-mono, monospace)",color:"var(--text-secondary)"},children:f.avgCost!=null?St(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(r1,{rate:f.passRate,label:f.text})]},`${f.evalId}:${f.id}`))})]})]})}function o1({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],x=h.length>0?h[0].pass_rate:null;return t.jsxs("div",{className:"glass-card overflow-hidden",children:[t.jsxs("button",{onClick:()=>p(f.id),className:"w-full text-left p-4 flex items-center gap-3 transition-colors duration-150",style:{background:m?"var(--surface-2)":"transparent"},onMouseEnter:g=>{m||(g.currentTarget.style.background="var(--surface-2)")},onMouseLeave:g=>{m||(g.currentTarget.style.background="transparent")},children:[t.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"var(--text-tertiary)",strokeWidth:"2.5",strokeLinecap:"round",style:{transform:m?"rotate(90deg)":"rotate(0)",transition:"transform 0.2s ease",flexShrink:0},children:t.jsx("polyline",{points:"9 18 15 12 9 6"})}),t.jsxs("span",{className:"text-[11px] font-mono px-1.5 py-0.5 rounded flex-shrink-0",style:{background:"var(--surface-3)",color:"var(--text-tertiary)"},children:["#",f.id]}),t.jsx("span",{className:"text-[13px] font-medium flex-1 truncate",style:{color:"var(--text-primary)"},children:f.name}),h.length>=2&&t.jsx(Zd,{entries:h}),x!=null&&t.jsxs("span",{className:"text-[12px] font-semibold flex-shrink-0",style:{color:Fr(x)},children:[Math.round(x*100),"%"]}),h.length>0&&t.jsxs("span",{className:"text-[10px] flex-shrink-0",style:{color:"var(--text-tertiary)",fontFamily:"var(--font-mono, monospace)"},children:[h.length," runs"]})]}),m&&t.jsx("div",{className:"border-t animate-fade-in",style:{borderColor:"var(--border-subtle)"},children:y?t.jsxs("div",{className:"p-4 flex items-center gap-2",children:[t.jsx("div",{className:"spinner",style:{width:14,height:14}}),t.jsx("span",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"Loading history..."})]}):h.length===0?t.jsx("div",{className:"p-4",children:t.jsx("p",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:"No history for this eval case"})}):t.jsx("div",{className:"divide-y",style:{borderColor:"var(--border-subtle)"},children:h.map((g,b)=>t.jsxs("div",{className:"p-4",style:{background:b===0?"var(--surface-2)":"transparent"},children:[t.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[t.jsx("span",{className:"text-[12px] font-medium",style:{color:"var(--text-primary)"},children:Qd(g.timestamp)}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:g.model}),t.jsx("span",{className:"pill",style:{fontSize:9,padding:"1px 6px",background:g.type==="benchmark"?"rgba(99,131,255,0.15)":g.type==="comparison"?"var(--purple-muted)":"rgba(251,146,60,0.15)",color:g.type==="benchmark"?"#6383ff":g.type==="comparison"?"var(--purple)":"#fb923c"},children:g.type}),t.jsxs("span",{className:"text-[12px] font-semibold ml-auto",style:{color:Fr(g.pass_rate)},children:[Math.round(g.pass_rate*100),"%"]})]}),t.jsxs("div",{className:"flex items-center gap-4 mb-2 text-[10px]",style:{fontFamily:"var(--font-mono, monospace)",color:"var(--text-tertiary)"},children:[g.durationMs!=null&&t.jsx("span",{children:Xd(g.durationMs)}),g.tokens!=null&&t.jsxs("span",{children:[g.tokens>=1e3?`${(g.tokens/1e3).toFixed(1)}k`:g.tokens," tok"]})]}),t.jsx("div",{className:"space-y-1",children:g.assertions.map(v=>t.jsxs("div",{className:"flex items-start gap-2 py-0.5",children:[t.jsx("div",{className:"w-3.5 h-3.5 rounded-full flex items-center justify-center flex-shrink-0 mt-0.5",style:{background:v.pass?"var(--green)":"var(--red)"},children:t.jsx("svg",{width:"7",height:"7",viewBox:"0 0 24 24",fill:"none",stroke:"#fff",strokeWidth:"3.5",strokeLinecap:"round",strokeLinejoin:"round",children:v.pass?t.jsx("polyline",{points:"20 6 9 17 4 12"}):t.jsxs(t.Fragment,{children:[t.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),t.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("div",{className:"text-[11px]",style:{color:"var(--text-primary)"},children:v.text}),v.reasoning&&t.jsx("div",{className:"text-[10px] mt-0.5",style:{color:"var(--text-tertiary)"},children:v.reasoning})]})]},v.id))})]},b))})})]},f.id)})}):t.jsx("div",{className:"text-center py-12",children:t.jsx("p",{className:"text-[13px]",style:{color:"var(--text-tertiary)"},children:"No eval cases found"})})}function a1(){const{state:e,dispatch:r}=xt(),{plugin:n,skill:s}=e,{state:o}=It(),a=o.skills.find(F=>F.plugin===n&&F.skill===s),i=(a==null?void 0:a.resolvedVersion)??(a==null?void 0:a.version)??null,[l,d]=c.useState("timeline"),[u,p]=c.useState(""),[f,h]=c.useState(""),[m,y]=c.useState(!1),[x,g]=c.useState([]),[b,v]=c.useState(null),[j,S]=c.useState(!1),[k,T]=c.useState(null),[w,E]=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:L,loading:A}=Ct(N,R),$=L??[];c.useEffect(()=>{!L||L.length<2||de.compareRuns(n,s,L[0].timestamp,L[1].timestamp).then(F=>{const H=F.regressions.filter(ce=>ce.change==="regression");r({type:"SET_REGRESSIONS",regressions:H})}).catch(()=>{})},[L,n,s,r]);const W=c.useCallback(()=>Be(N),[N]);ns("history:written",W);const C=c.useCallback(async F=>{if(m){g(H=>H.includes(F)?H.filter(ce=>ce!==F):H.length>=2?[H[1],F]:[...H,F]);return}E(!0);try{const H=await de.getHistoryEntry(n,s,F);T(H)}catch{}finally{E(!1)}},[n,s,m]),I=c.useCallback(async()=>{if(x.length===2){S(!0);try{const F=await de.compareRuns(n,s,x[0],x[1]);v(F)}catch{}finally{S(!1)}}},[n,s,x]),P=[...new Set($.map(F=>F.model))];return A?t.jsxs("div",{className:"p-5",children:[t.jsx("div",{className:"skeleton h-5 w-32 mb-4"}),t.jsx("div",{className:"skeleton h-48 rounded-xl mb-4"}),t.jsxs("div",{className:"space-y-2",children:[t.jsx("div",{className:"skeleton h-12 rounded-lg"}),t.jsx("div",{className:"skeleton h-12 rounded-lg"})]})]}):t.jsxs("div",{className:"p-5",children:[t.jsx("div",{className:"flex items-center gap-1 mb-4",children:["timeline","per-eval","statistics"].map(F=>t.jsx("button",{onClick:()=>d(F),className:"px-4 py-2 rounded-lg text-[12px] font-medium transition-all duration-150",style:{background:l===F?"var(--accent-muted)":"transparent",color:l===F?"var(--accent)":"var(--text-tertiary)"},children:F==="timeline"?"Timeline":F==="per-eval"?"Per Eval":"Statistics"},F))}),l==="timeline"&&t.jsxs("div",{children:[$.length>0&&t.jsx("div",{className:"mb-5 rounded-xl p-4",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:t.jsx(Qb,{entries:$,onPointClick:F=>C(F.timestamp)})}),t.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[t.jsxs("select",{value:u,onChange:F=>p(F.target.value),className:"input-field text-[12px]",style:{width:150},children:[t.jsx("option",{value:"",children:"All Models"}),P.map(F=>t.jsx("option",{value:F,children:F},F))]}),t.jsxs("select",{value:f,onChange:F=>h(F.target.value),className:"input-field text-[12px]",style:{width:150},children:[t.jsx("option",{value:"",children:"All Types"}),t.jsx("option",{value:"benchmark",children:"Benchmark"}),t.jsx("option",{value:"comparison",children:"Comparison"}),t.jsx("option",{value:"baseline",children:"Baseline"}),t.jsx("option",{value:"model-compare",children:"Model Compare"}),t.jsx("option",{value:"improve",children:"AI Improve"}),t.jsx("option",{value:"instruct",children:"AI Edit"}),t.jsx("option",{value:"ai-generate",children:"AI Generate"}),t.jsx("option",{value:"eval-generate",children:"Eval Generate"})]}),t.jsx("div",{className:"flex-1"}),t.jsx("button",{onClick:()=>{y(!m),g([]),v(null)},className:`btn text-[12px] ${m?"btn-primary":"btn-secondary"}`,children:m?"Exit Compare":"Compare Runs"}),m&&x.length===2&&t.jsx("button",{onClick:I,disabled:j,className:"btn btn-primary text-[12px]",children:j?"Comparing...":"Compare"})]}),t.jsx("div",{className:"space-y-2",children:$.length===0?t.jsx("div",{className:"text-center py-8 text-[13px]",style:{color:"var(--text-tertiary)"},children:"No benchmark runs yet"}):$.map(F=>{const H=x.includes(F.timestamp);return t.jsx("button",{onClick:()=>C(F.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:ce=>{H||(ce.currentTarget.style.borderColor="var(--border-hover)")},onMouseLeave:ce=>{H||(ce.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(F.timestamp).toLocaleString()}),t.jsx("span",{className:"pill text-[9px]",style:{background:F.type==="comparison"?"var(--purple-muted)":F.type==="baseline"?"var(--surface-3)":F.type==="model-compare"?"var(--accent-muted)":F.type==="improve"||F.type==="instruct"?"var(--purple-muted)":F.type==="ai-generate"?"var(--green-muted)":F.type==="eval-generate"?"var(--orange-muted)":"var(--accent-muted)",color:F.type==="comparison"?"var(--purple)":F.type==="baseline"?"var(--text-tertiary)":F.type==="model-compare"?"var(--accent)":F.type==="improve"||F.type==="instruct"?"var(--purple)":F.type==="ai-generate"?"var(--green)":F.type==="eval-generate"?"var(--orange)":"var(--accent)"},children:F.type==="model-compare"?"model compare":F.type==="improve"?"ai improve":F.type==="instruct"?"ai edit":F.type==="ai-generate"?"ai generate":F.type==="eval-generate"?"eval generate":F.type})]}),t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(jn,{version:i,size:"sm","data-testid":"history-row-version"}),t.jsx("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:F.model}),F.totalCost!=null&&F.totalCost>0&&t.jsx("span",{className:"text-[11px] font-mono",style:{color:"var(--text-tertiary)"},children:St(F.totalCost)}),t.jsxs("span",{className:"text-[12px] font-semibold",style:{color:F.passRate>=.8?"var(--green)":F.passRate>=.5?"var(--yellow)":"var(--red)"},children:[Math.round(F.passRate*100),"%"]})]})]})},F.timestamp)})}),b&&t.jsx(i1,{result:b}),k&&!m&&t.jsx(l1,{run:k,onClose:()=>T(null)})]}),l==="per-eval"&&t.jsx(o1,{plugin:n,skill:s}),l==="statistics"&&t.jsx(s1,{plugin:n,skill:s})]})}function i1({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: ",St(e.runA.totalCost??null)]}),t.jsxs("span",{children:["Run B cost: ",St(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: ",St(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 l1({run:e,onClose:r}){return(e.type==="improve"||e.type==="instruct")&&e.improve?t.jsx(c1,{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: ${St(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:St(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 c1({run:e,onClose:r}){var a;const n=c.useMemo(()=>e.improve?ys(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 cu({data:e}){if(e.length<2)return t.jsx("span",{style:{color:"var(--text-tertiary)",fontSize:10},children:"--"});const r=e.slice(-10),n=80,s=24,o=2,a=n-o*2,i=s-o*2,l=r.length,d=Math.min(...r),p=Math.max(...r)-d||1,f=r.map((y,x)=>{const g=o+x/(l-1)*a,b=o+i-(y-d)/p*i;return`${g.toFixed(1)},${b.toFixed(1)}`}),h=r[r.length-1],m=Fr(h);return t.jsxs("svg",{width:n,height:s,viewBox:`0 0 ${n} ${s}`,style:{display:"block"},children:[t.jsx("polyline",{points:f.join(" "),fill:"none",stroke:m,strokeWidth:1.5,strokeLinejoin:"round",strokeLinecap:"round"}),(()=>{const[y,x]=f[f.length-1].split(",");return t.jsx("circle",{cx:y,cy:x,r:2.5,fill:m})})()]})}function d1(){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 u1({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 p1({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 f1({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 h1({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 m1(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 du=(e="left")=>({padding:"10px 12px",fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",textAlign:e,whiteSpace:"nowrap"});function x1({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:du(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(d1,{})]})}),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:Fr(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(cu,{data:r.sparklineData})})]},`${r.provider}/${r.model}`))})]})})}function g1({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:du(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:Fr(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(u1,{pct:n.amplificationPct}):"--"}),t.jsx("td",{style:{padding:"10px 12px"},children:t.jsx(cu,{data:n.sparklineData})})]},`${n.provider}/${n.model}`))})]})})}function y1(){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}=Ct(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]);ns("leaderboard:updated",h);const m=c.useMemo(()=>m1(p),[p]),y=m.some(b=>b.hasBaseline),x=p[0],g=x==null?void 0:x.judgeBiasWarning;return d?t.jsx("div",{className:"flex items-center justify-center h-full",children:t.jsx("div",{className:"spinner spinner-lg"})}):f?t.jsx("div",{className:"flex items-center justify-center h-full px-8",children:t.jsxs("div",{className:"text-center",children:[t.jsx("div",{className:"text-[14px] font-medium mb-1",style:{color:"var(--red)"},children:"Failed to load leaderboard"}),t.jsx("div",{className:"text-[12px]",style:{color:"var(--text-tertiary)"},children:f})]})}):m.length===0?t.jsxs("div",{className:"flex flex-col items-center justify-center h-full gap-4 px-8",children:[t.jsx("div",{className:"w-12 h-12 rounded-xl flex items-center justify-center",style:{background:"var(--accent-muted)"},children:t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M18 20V10"}),t.jsx("path",{d:"M12 20V4"}),t.jsx("path",{d:"M6 20v-6"})]})}),t.jsxs("div",{className:"text-center",children:[t.jsx("div",{className:"text-[14px] font-medium mb-1",style:{color:"var(--text-primary)"},children:"No sweep results yet"}),t.jsx("div",{className:"text-[12px] mb-3",style:{color:"var(--text-tertiary)"},children:"Run your first model sweep to compare performance across models:"}),t.jsx("div",{className:"text-[11px] font-mono px-4 py-3 rounded-lg text-left",style:{background:"var(--surface-2)",color:"var(--text-secondary)",border:"1px solid var(--border-subtle)"},children:'vskill eval sweep --models "anthropic/claude-sonnet-4,openrouter/meta-llama/llama-3.1-70b" --judge "anthropic/claude-sonnet-4"'}),t.jsxs("div",{className:"text-[11px] mt-2",style:{color:"var(--text-tertiary)"},children:["Add ",t.jsx("code",{children:"--baseline"})," to measure skill amplification per model."]})]})]}):t.jsxs("div",{className:"p-5 animate-fade-in",children:[t.jsxs("div",{className:"flex items-center justify-between mb-4",children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("div",{className:"text-[15px] font-semibold",style:{color:"var(--text-primary)"},children:"Model Leaderboard"}),t.jsx(h1,{active:s,onChange:o,hasBaseline:y})]}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[p.length," sweep",p.length!==1?"s":""," · ",m.length," model",m.length!==1?"s":""]})]}),g&&t.jsx(f1,{warning:g}),s==="rankings"?t.jsx(x1,{entries:m}):t.jsx(g1,{entries:m}),s==="amplification"&&(x==null?void 0:x.skillQualityScore)!=null&&(x==null?void 0:x.skillQualityRating)&&t.jsx(p1,{score:x.skillQualityScore,rating:x.skillQualityRating})]})}function v1(e){if(!e)return[];const r=e.split(`
|
|
59
|
-
`),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 Ia({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(()=>v1(e),[e]),x=c.useMemo(()=>{const k=y.filter(w=>w.type==="add").length,T=y.filter(w=>w.type==="remove").length;return{added:k,removed:T}},[y]),g=c.useMemo(()=>{let k=0,T=0;return y.filter(w=>w.type!=="header").map(w=>w.type==="remove"?(k++,{...w,origNum:k,newNum:null}):w.type==="add"?(T++,{...w,origNum:null,newNum:T}):(k++,T++,{...w,origNum:k,newNum:T}))},[y]),b=c.useMemo(()=>{const k=[],T=[];for(const w of g)if(w.type==="remove")k.push(w);else if(w.type==="add")T.push(w);else{for(;k.length<T.length;)k.push({type:"context",content:"",origNum:null,newNum:null});for(;T.length<k.length;)T.push({type:"context",content:"",origNum:null,newNum:null});k.push(w),T.push(w)}for(;k.length<T.length;)k.push({type:"context",content:"",origNum:null,newNum:null});for(;T.length<k.length;)T.push({type:"context",content:"",origNum:null,newNum:null});return{left:k,right:T}},[g]),v=c.useCallback(k=>{const T=k==="left"?h.current:m.current,w=k==="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 j=i==="modal"?"fixed inset-0 z-50 flex items-center justify-center bg-black/50":"",S=t.jsxs("div",{className:"rounded-xl overflow-hidden animate-fade-in",style:{background:"var(--surface-1)",border:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center justify-between px-5 py-3",style:{background:"var(--surface-2)",borderBottom:"1px solid var(--border-subtle)"},children:[t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsxs("div",{className:"text-[13px] font-semibold",style:{color:"var(--text-primary)"},children:[r," → ",n]}),t.jsxs("div",{className:"flex items-center gap-2 text-[11px]",children:[t.jsxs("span",{style:{color:"var(--green)"},children:["+",x.added]}),t.jsxs("span",{style:{color:"var(--red)"},children:["-",x.removed]})]})]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("button",{onClick:()=>f(p==="unified"?"side-by-side":"unified"),className:"btn btn-ghost text-[11px]",children:p==="unified"?"Side-by-side":"Unified"}),a&&t.jsx("button",{onClick:()=>u(!d),className:"btn btn-ghost text-[11px]",children:d?"Expand":"Collapse"})]})]}),s&&t.jsx("div",{className:"mx-4 mt-3 px-4 py-2 rounded-lg text-[12px]",style:{background:"var(--accent-muted)",color:"var(--text-secondary)"},children:s}),!d&&(p==="unified"?t.jsx("div",{className:"mx-4 my-4 rounded-lg overflow-hidden",style:{border:"1px solid var(--border-subtle)",maxHeight:o,overflowY:"auto"},children:t.jsx("table",{className:"w-full",style:{borderCollapse:"collapse",fontFamily:"var(--font-mono, monospace)"},children:t.jsx("tbody",{children:g.map((k,T)=>t.jsxs("tr",{style:{background:k.type==="add"?"rgba(34,197,94,0.08)":k.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:k.type==="remove"?"rgba(239,68,68,0.5)":"var(--text-tertiary)",opacity:k.origNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:k.origNum??""}),t.jsx("td",{className:"text-right select-none px-2",style:{width:40,fontSize:10,color:k.type==="add"?"rgba(34,197,94,0.5)":"var(--text-tertiary)",opacity:k.newNum?.6:.2,borderRight:"1px solid var(--border-subtle)"},children:k.newNum??""}),t.jsx("td",{className:"select-none text-center",style:{width:20,fontSize:11,fontWeight:700,color:k.type==="add"?"var(--green)":k.type==="remove"?"var(--red)":"transparent",borderRight:k.type==="add"?"2px solid var(--green)":k.type==="remove"?"2px solid var(--red)":"2px solid transparent"},children:k.type==="add"?"+":k.type==="remove"?"-":" "}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:k.type==="add"?"var(--green)":k.type==="remove"?"var(--red)":"var(--text-secondary)"},children:k.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((k,T)=>t.jsxs("tr",{style:{background:k.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:k.origNum??""}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:k.type==="remove"?"var(--red)":"var(--text-secondary)"},children:k.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((k,T)=>t.jsxs("tr",{style:{background:k.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:k.newNum??""}),t.jsx("td",{className:"px-3 py-px whitespace-pre-wrap",style:{fontSize:11,lineHeight:1.6,color:k.type==="add"?"var(--green)":"var(--text-secondary)"},children:k.content||""})]},T))})})})]}))]});return i==="modal"?t.jsx("div",{className:j,children:t.jsx("div",{style:{width:"80%",maxWidth:900},children:S})}):S}const Xs="https://verified-skill.com/submit",b1=/^https:\/\/github\.com\/[^/?#@:]+\/[^/?#@:]+(?:[/?#].*)?$/;function k1(e){if(!e)return Xs;const r=e.trim();return!r||!b1.test(r)?Xs:`${Xs}?repo=${encodeURIComponent(r)}`}const j1={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 w1({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 S1({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 dl={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)"}},C1={VERIFIED:"Security-Scanned",CERTIFIED:"Trusted Publisher",TAINTED:"Tainted"};function uu(e){return C1[e]??e}function E1({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 N1({tier:e,size:r}){return e==="TAINTED"?t.jsx(E1,{size:r}):e==="CERTIFIED"?t.jsx(S1,{size:r}):t.jsx(w1,{size:r})}function oS({tier:e,size:r="md",isTainted:n}){const s=j1[r],o=n?"TAINTED":e,a=dl[o]??dl.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(N1,{tier:o,size:s.icon}),uu(o)]})}const ul={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 R1(e,r){return e?e.length>r?e.slice(0,r)+"…":e:""}function T1(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 I1(){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}=Ct(l,d),f=(u==null?void 0:u.versions)??[],h=(u==null?void 0:u.provider)??"local",m=(u==null?void 0:u.source)==="none",[y,x]=c.useState(null),[g,b]=c.useState(null),[v,j]=c.useState(null),[S,k]=c.useState(!1),[T,w]=c.useState("idle"),[E,N]=c.useState(null),R=c.useRef(null),L=c.useRef(null),A=c.useMemo(()=>(f==null?void 0:f.find(H=>H.isInstalled))??null,[f]),$=c.useMemo(()=>(f==null?void 0:f[0])??null,[f]),W=A&&$&&A.version!==$.version,C=c.useCallback(H=>{y?!g&&H!==y?b(H):(x(H),b(null),j(null)):(x(H),j(null))},[y,g]),I=c.useCallback(async(H,ce)=>{k(!0);try{const V=await de.getVersionDiff(r,n,H,ce);j(V)}catch{j(null)}finally{k(!1)}},[r,n]);c.useEffect(()=>{if(y&&g){const H=f||[],ce=H.findIndex(me=>me.version===y),V=H.findIndex(me=>me.version===g),[U,ne]=ce>V?[y,g]:[g,y];I(U,ne)}},[y,g,f,I]);const P=c.useCallback(()=>{!A||!$||(x(A.version),b($.version))},[A,$]),F=c.useCallback(async()=>{w("updating"),N(null);const H=new AbortController;R.current=H;try{const ce=await de.postSkillUpdate(r,n,H.signal);if(ce.ok)w("done"),o(r,n);else{const V=`Update failed (HTTP ${ce.status}): ${ce.body||"no response body"}`;w("error"),N(V)}}catch(ce){if(ce instanceof DOMException&&ce.name==="AbortError")return;const V=ce instanceof Error?ce.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 ce=k1((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:ce,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(Ko,{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:[W&&t.jsx("button",{onClick:P,className:"btn btn-secondary text-[11px]",children:"View changes since installed"}),W&&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:E||"Update failed"}),t.jsx("button",{onClick:F,className:"btn btn-secondary text-[11px]",children:"Retry"})]}):t.jsx("button",{onClick:F,disabled:T!=="idle",className:"btn btn-primary text-[11px]",children:T==="idle"?`Update to ${$==null?void 0:$.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&&!g&&t.jsxs("div",{className:"text-[11px] mb-3 px-3 py-2 rounded-lg",style:{background:"var(--accent-muted)",color:"var(--accent)"},children:["Click another version to compare with ",y]}),t.jsxs("div",{className:"relative",children:[t.jsx("div",{className:"absolute left-3 top-0 bottom-0",style:{width:2,background:"var(--border-subtle)"}}),t.jsx("div",{className:"space-y-1",children:f.map(H=>{const ce=ul[H.certTier]||ul.COMMUNITY,V=H.version===y||H.version===g,U=H.isInstalled;return t.jsxs("button",{onClick:()=>C(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:ce.bg,color:ce.text},children:uu(H.certTier)}),t.jsx(Ko,{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=T1(H.diffSummary);return ne?t.jsx("div",{"data-testid":"version-row-diff-summary",className:"text-[11px] mt-1",style:{color:"var(--text-tertiary)"},children:R1(ne,80)}):null})()]},H.version)})}),t.jsx("div",{ref:L,style:{height:1}})]}),S&&t.jsx("div",{className:"mt-4",children:t.jsx("div",{className:"skeleton h-48 rounded-xl"})}),v&&!S&&t.jsx("div",{className:"mt-4",children:t.jsx(Ia,{contentDiff:v.contentDiff,fromLabel:v.from,toLabel:v.to,diffSummary:v.diffSummary,renderContext:"inline",onRetry:()=>y&&g&&I(v.from,v.to)})})]})}function L1(e){return e==="timeline"||e==="models"||e==="versions"}function A1({view:e}){return e==="models"?t.jsx(y1,{}):e==="versions"?t.jsx(I1,{}):t.jsx(a1,{})}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 $1(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 Tr(e,r=!0){let n=e.toLowerCase().replace(/[^a-z0-9]+/g,"-");return r&&(n=n.replace(/^-+|-+$/g,"")),n}function M1(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 F1({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}=vr(),[f,h]=c.useState(""),[m,y]=c.useState(n??3),[x,g]=c.useState(""),[b,v]=c.useState(""),[j,S]=c.useState(""),[k,T]=c.useState(""),[w,E]=c.useState(""),[N,R]=c.useState(""),[L,A]=c.useState("write"),[$,W]=c.useState([]),[C,I]=c.useState(!1),[P,F]=c.useState(null),[H,ce]=c.useState(null),[V,U]=c.useState(null),[ne,me]=c.useState("vskill"),[be,B]=c.useState("1.0.0"),[re,M]=c.useState(!0),O=c.useCallback(async()=>{try{const Ne=await de.detectEngines();U(Ne),me(Ce=>Ce!=="vskill"?Ce:Ne.vskillSkillBuilder?"vskill":Ne.anthropicSkillCreator?"anthropic-skill-creator":"none")}catch{U({vskillSkillBuilder:!1,anthropicSkillCreator:!1,vskillVersion:null,anthropicPath:null})}},[]);c.useEffect(()=>{O()},[O]);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),[X,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(x),De=c.useRef(b);c.useEffect(()=>{Ie.current=f},[f]),c.useEffect(()=>{ee.current=x},[x]),c.useEffect(()=>{De.current=b},[b]),c.useEffect(()=>{de.getProjectLayout().then(Ne=>{if(l(Ne),n)return;y(Ne.suggestedLayout);const Ce=Ne.detectedLayouts.find(ze=>ze.layout===Ne.suggestedLayout);Ce!=null&&Ce.existingPlugins.length&&g(Ce.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 qe=c.useMemo(()=>{var Ne;return i?((Ne=i.detectedLayouts.find(Ce=>Ce.layout===m))==null?void 0:Ne.existingPlugins)||[]:[]},[i,m]),$e=x==="__new__"?b:x,nt=i?M1(i.root,m,$e||"{plugin}",f||"{skill}"):"",it=c.useMemo(()=>i?i.detectedLayouts.filter(Ne=>Ne.layout!==4):[],[i]),Et=c.useMemo(()=>{if(!i)return null;const Ne=i.detectedLayouts.find(ot=>ot.layout===2&&ot.existingPlugins.length>0),Ce=i.detectedLayouts.find(ot=>ot.layout===1&&ot.existingPlugins.length>0),ze=Ne||Ce;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",Ce=p.model||"sonnet";return{provider:Ne,model:Ce}},[p,r]),Nt=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,Qt;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:Ce,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:Ce,model:ze,targetAgents:$})),signal:Ne.signal});if(!At.ok||!At.body){let wr=`HTTP ${At.status}`;try{const Xt=await At.json();Xt.error&&(wr=Xt.error)}catch{}throw new Error(wr)}const bs=At.body.getReader(),ks=new TextDecoder;let Ur="",Vt="";for(;;){const{done:wr,value:Xt}=await bs.read();if(wr)break;Ur+=ks.decode(Xt,{stream:!0});const Nn=Ur.split(`
|
|
60
|
-
`);Ur=Nn.pop()||"";for(const Qe of Nn)if(Qe.startsWith("event: "))Vt=Qe.slice(7).trim();else if(Qe.startsWith("data: ")){try{const Me=JSON.parse(Qe.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:((Qt=xe.current)==null?void 0:Qt.snapshotDate)??null,reasoning:Me.reasoning||""},Zt=$1({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(Zt.applyName!==null&&h(Zt.applyName),S(Me.description),T(Me.model||""),E(Me.allowedTools||""),R(Me.body),ae(!0),we.current=dr,a("manual"),n===3)y(3),g(""),v("");else if(Zt.applySuggestedPlugin&&Zt.suggestedPluginValue){const lt=Zt.suggestedPluginValue;if(((i==null?void 0:i.detectedLayouts.flatMap(er=>er.existingPlugins))??[]).includes(lt.plugin))if(g(lt.plugin),lt.layout&&(lt.layout===1||lt.layout===2))y(lt.layout);else{const er=i==null?void 0:i.detectedLayouts.find(js=>js.existingPlugins.includes(lt.plugin));er&&(er.layout===1||er.layout===2)&&y(er.layout)}else g("__new__"),v(lt.plugin)}else!Zt.applySuggestedPlugin&&ee.current.trim().length===0&&De.current.trim().length===0&&m===3&&Et&&Je(!0);const Rn={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(Rn).then(lt=>{Pe(!0),lt!=null&<.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,Et,$e,i,$,n]),vt=c.useCallback(async()=>{var Ne;if(F(null),ce(null),!f.trim()){F("Skill name is required");return}if(!j.trim()){F("Description is required");return}if(m!==3&&!$e.trim()){F("Plugin name is required");return}if(!re){F("Version is not valid semver");return}I(!0);try{if(s)try{await s(Tr(f))}catch(ze){F(`Could not finalize previous delete of ${Tr(f)}: ${ze.message}. Cancel the pending delete and try again.`),I(!1);return}const Ce=await de.createSkill({name:Tr(f),plugin:$e||"",layout:m,description:j,model:k||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(Ce.plugin,Ce.skill)}catch(Ce){if(Ce instanceof Kt&&Ce.status===409&&((Ne=Ce.details)==null?void 0:Ne.code)==="skill-already-exists"){const ze=typeof Ce.details.plugin=="string"?Ce.details.plugin:"",ot=typeof Ce.details.skill=="string"?Ce.details.skill:Tr(f);ce("Skill already existed — opened it."),Ve.current=null,e(ze,ot)}else F(Ce.message)}finally{I(!1)}},[f,j,m,$e,k,w,N,be,re,ne,e,s]),Lt=c.useCallback(()=>{Et&&(y(Et.layout),g(Et.plugins[0]),Je(!1))},[Et]);return{mode:o,setMode:a,layout:i,layoutLoading:d,selectedLayout:m,setSelectedLayout:y,creatableLayouts:it,availablePlugins:qe,pathPreview:nt,plugin:x,setPlugin:g,newPlugin:b,setNewPlugin:v,effectivePlugin:$e,name:f,setName:h,description:j,setDescription:S,model:k,setModel:T,allowedTools:w,setAllowedTools:E,body:N,setBody:R,bodyViewMode:L,setBodyViewMode:A,aiPrompt:G,setAiPrompt:K,generating:se,aiGenerated:J,aiError:Z,aiClassifiedError:D,aiProgress:X,promptRef:ue,handleGenerate:yt,handleCancelGenerate:Nt,clearAiError:st,targetAgents:$,setTargetAgents:W,draftSaved:Ye,showPluginRecommendation:rt,setShowPluginRecommendation:Je,pluginLayoutInfo:Et,applyPluginRecommendation:Lt,creating:C,error:P,info:H,handleCreate:vt,engineDetection:V,refreshEngineDetection:O,engine:ne,setEngine:me,version:be,setVersion:B,versionValid:re,setVersionValid:M,standaloneLocked:n===3}}const D1={flushBySkillName:async()=>{}},pu=c.createContext(D1);function z1(){return c.useContext(pu)}function fu(){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 B1(){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 hu({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(fu,{}):t.jsx(B1,{}),t.jsxs("span",{children:[e.name,e.type==="dir"?"/":""]})]}),(n=e.children)==null?void 0:n.map(s=>t.jsx(hu,{node:s,depth:r+1},s.name))]})}function _1(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 O1({skillName:e,hasEvals:r,isDraft:n}){const s=_1(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(fu,{})}),"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(hu,{node:s})})]})}const nr={background:"var(--surface-3)",color:"var(--text-primary)",border:"1px solid var(--border-subtle)"};function Zs({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 W1({onCreated:e,onCancel:r}){const{flushBySkillName:n}=z1(),s=F1({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(Zs,{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(Zs,{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.
|
|
61
|
-
|
|
62
|
-
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:{...nr,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(En,{entries:s.aiProgress,isRunning:!0}),s.aiError&&t.jsx("div",{children:s.aiClassifiedError?t.jsx(vs,{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(Zs,{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:nr,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(Tr(o.target.value)),placeholder:"my-plugin",className:"w-full mt-2 px-3 py-2 rounded-lg text-[13px]",style:nr})]}),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(Tr(o.target.value,!1)),placeholder:"my-skill",className:"w-full px-3 py-2 rounded-lg text-[13px]",style:nr})]}),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:{...nr,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:nr,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:nr})]})]})]}),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
|
|
63
|
-
|
|
64
|
-
You are an expert at...
|
|
65
|
-
`,rows:8,className:"w-full px-3 py-2 rounded-lg text-[13px] font-mono resize-y",style:{...nr,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:Cn(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(O1,{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 pl(){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 rn({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(pl,{}):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(pl,{}):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 U1(e,r){const[n,s]=e.split(".").map(Number),[o,a]=r.split(".").map(Number);return o>n?"major":a>s?"minor":"patch"}const H1={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 mu(){const[e,r]=c.useState([]),[n,s]=c.useState(!0),[o,a]=c.useState(new Set),[i,l]=c.useState(new Map),[d,u]=c.useState(!1),[p,f]=c.useState(new Set),[h,m]=c.useState(new Map),[y,x]=c.useState(null),[g,b]=c.useState(null),[v,j]=c.useState(!1),S=c.useCallback(async()=>{s(!0);try{const L=await de.getSkillUpdates();r(L.filter(A=>A.updateAvailable))}catch{r([])}finally{s(!1)}},[]);c.useEffect(()=>{S()},[S]);const k=c.useMemo(()=>e.filter(L=>!L.pinned),[e]),T=c.useCallback(L=>{a(A=>{const $=new Set(A);return $.has(L)?$.delete(L):$.add(L),$})},[]),w=c.useCallback(()=>{o.size===k.length?a(new Set):a(new Set(k.map(L=>L.name)))},[o,k]),E=c.useCallback(()=>{const L=[...o];if(!L.length)return;u(!0),l(new Map(L.map($=>[$,{skill:$,status:"pending"}])));const A=de.startBatchUpdate(L);A.addEventListener("progress",$=>{try{const W=JSON.parse($.data);l(C=>new Map(C).set(W.skill,W))}catch{}}),A.addEventListener("done",$=>{A.close(),u(!1);try{const W=JSON.parse($.data);x(`Updated ${W.updated??0} skills, ${W.failed??0} failed`),setTimeout(()=>x(null),5e3)}catch{}S()}),A.addEventListener("error",()=>{A.close(),u(!1),x("Batch update failed"),setTimeout(()=>x(null),5e3)})},[o,S]),N=c.useCallback(async L=>{const A=L.name.split("/"),$=A.length>=3?A[A.length-2]:A[0],W=A[A.length-1];f(C=>new Set(C).add(L.name)),m(C=>{const I=new Map(C);return I.delete(L.name),I});try{const C=await de.postSkillUpdate($,W);if(C.ok)S();else{const I=`Update failed (HTTP ${C.status}): ${C.body}`;m(P=>new Map(P).set(L.name,I)),x(`Couldn't update ${W} — HTTP ${C.status}`),setTimeout(()=>x(null),5e3)}}catch(C){const I=C instanceof Error?C.message:"Network error";m(P=>new Map(P).set(L.name,I)),x(`Couldn't update ${W} — ${I}`),setTimeout(()=>x(null),5e3)}finally{f(C=>{const I=new Set(C);return I.delete(L.name),I})}},[S]),R=c.useCallback(async L=>{if(!L.latest)return;const A=L.name.split("/"),$=A.length>=3?A[A.length-2]:A[0],W=A[A.length-1];j(!0);try{const C=await de.getVersionDiff($,W,L.installed,L.latest);b({skill:L,diff:C})}catch{b(null)}finally{j(!1)}},[]);return n?t.jsxs("div",{"data-testid":"updates-panel",className:"p-6",children:[t.jsx("div",{className:"skeleton h-6 w-48 mb-4"}),t.jsxs("div",{className:"space-y-3",children:[t.jsx("div",{className:"skeleton h-16 rounded-lg"}),t.jsx("div",{className:"skeleton h-16 rounded-lg"})]})]}):e.length===0?t.jsxs("div",{"data-testid":"updates-panel",className:"flex flex-col items-center justify-center h-full py-16",children:[t.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 24 24",fill:"none",stroke:"var(--green)",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:"mb-4",children:[t.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),t.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),t.jsx("div",{className:"text-[15px] font-semibold mb-2",style:{color:"var(--text-primary)"},children:"All skills are up to date"}),t.jsx("div",{className:"text-[12px] mb-4",style:{color:"var(--text-tertiary)"},children:"No updates available for installed skills."}),t.jsx("button",{onClick:S,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 (",k.length,")"]}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx("button",{onClick:S,className:"btn btn-ghost text-[12px]",disabled:d,children:"Refresh"}),t.jsx("button",{onClick:E,disabled:o.size===0||d,className:"btn btn-primary text-[12px]",children:d?"Updating...":`Update Selected (${o.size})`})]})]}),t.jsx("div",{className:"flex items-center gap-2 mb-3",children:t.jsxs("button",{onClick: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===k.length&&k.length>0?"var(--accent)":"var(--border-default)",background:o.size===k.length&&k.length>0?"var(--accent)":"transparent"},children:o.size===k.length&&k.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(L=>{const A=L.name.split("/").pop()||L.name,$=L.latest?U1(L.installed,L.latest):"patch",W=H1[$],C=!!L.pinned,I=p.has(L.name),P=i.get(L.name),F=o.has(L.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:C?.7:1},children:t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx("button",{onClick:()=>!C&&T(L.name),disabled:C,className:"flex-shrink-0",style:{background:"transparent",border:"none",cursor:C?"not-allowed":"pointer"},children:t.jsx("span",{className:"w-4 h-4 rounded border flex items-center justify-center",style:{borderColor:F?"var(--accent)":"var(--border-default)",background:F?"var(--accent)":"transparent",opacity:C?.4:1},children:F&&t.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"var(--color-paper)",strokeWidth:"3",children:t.jsx("polyline",{points:"20 6 9 17 4 12"})})})}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsxs("div",{className:"flex items-center gap-2 mb-0.5",children:[t.jsx("span",{className:"text-[13px] font-medium",style:{color:"var(--text-primary)"},children:A}),C&&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:W.bg,color:W.text},children:$})]}),t.jsxs("div",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[L.installed," → ",L.latest||"?",C&&` (pinned at ${L.pinnedVersion||L.installed})`]})]}),P&&t.jsxs("span",{className:"text-[10px] font-medium px-1.5 py-0.5 rounded-full",style:{background:P.status==="done"?"var(--green-muted)":P.status==="error"?"var(--red-muted)":"var(--yellow-muted)",color:P.status==="done"?"var(--green)":P.status==="error"?"var(--red)":"var(--yellow)"},children:[P.status,P.error&&`: ${P.error}`]}),t.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[t.jsx("button",{onClick:()=>R(L),className:"btn btn-ghost text-[11px]",disabled:v,children:"View Changes"}),t.jsx("button",{onClick:()=>N(L),disabled:C||I||d,title:C?"Pinned — unpin from CLI to update":"",className:`btn ${C?"btn-ghost":"btn-primary"} text-[11px]`,children:I?t.jsxs("span",{className:"flex items-center gap-1",children:[t.jsx("span",{className:"spinner spinner-sm"})," Updating"]}):(P==null?void 0:P.status)==="done"?t.jsx("span",{style:{color:"var(--green)"},children:"✓"}):"Update"})]})]})},L.name)})}),g&&t.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>b(null),children:t.jsxs("div",{style:{width:"80%",maxWidth:900},onClick:L=>L.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(Ia,{contentDiff:g.diff.contentDiff,fromLabel:g.diff.from,toLabel:g.diff.to,diffSummary:g.diff.diffSummary,renderContext:"inline"})]})})]})}const V1=Object.freeze(Object.defineProperty({__proto__:null,UpdatesPanel:mu},Symbol.toStringTag,{value:"Module"}));function G1(e){return e==null?"var(--text-tertiary)":e>=.7?"var(--green)":e>=.4?"var(--yellow)":"var(--red)"}function K1(e){return e==null?"var(--surface-3)":e>=.7?"var(--green-muted)":e>=.4?"var(--yellow-muted)":"var(--red-muted)"}function q1(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 xu(e){const{author:r,repoUrl:n}=e,s=q1(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 gu(e){let r=e.split("#")[0].split("?")[0].replace(/\/+$/,"");return r=r.replace(/\/(?:tree|blob)\/[^/]+(?:\/.*)?$/,""),r}function Y1(e,r){const n=gu(e),s=(r??"").replace(/^\/+/,"").replace(/\/+$/,"");return s?`${n}/blob/HEAD/${s}`:`${n}/blob/HEAD/`}function fl(e){if(!e)return"source";const r=e.replace(/\/+$/,""),n=r.lastIndexOf("/");return n===-1?r:r.slice(n+1)}function yu(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?fl(n):s?fl(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=Y1(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 J1=/^[A-Za-z0-9][A-Za-z0-9-]{0,38}$/,Q1=/^[A-Za-z0-9._-]+$/;function X1(e){if(!e||typeof e!="string")return null;const r=e.trim();if(!r)return null;let n;try{n=gu(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!J1.test(i)||!l||!Q1.test(l)?null:{owner:i,repo:l}}function Z1(e){return!e||typeof e!="string"?null:e.trim().split("/").map(n=>n.trim()).filter(Boolean).at(-1)??null}function e0(e,r){const n=Z1(r);return n?`https://verified-skill.com/skills/${[e.owner,e.repo,n].map(encodeURIComponent).join("/")}`:null}function t0(e){const r=X1(e.repoUrl??null);if(!r)return null;const n=e0(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 hl(e,r="info"){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function vu(e){return e.skill?n0({skill:e.skill,repoVisibility:e.repoVisibility,tenantName:e.tenantName}):o0({state:e.state,isReadOnly:e.isReadOnly,onDelete:e.onDelete})}function r0(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 n0({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),hl(_.toasts.pathCopied,"info")}catch{hl(_.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(Hg,{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(jn,{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(xu,{author:e.author??null,repoUrl:e.repoUrl??e.homepage??null}),t.jsx(t0,{repoUrl:e.repoUrl??null,skillName:e.skill}),t.jsx(yu,{repoUrl:e.repoUrl??null,skillPath:e.skillPath??null,absolutePath:e.dir})]}),t.jsx(s0,{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:r0(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 s0({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 o0({state:e,isReadOnly:r,onDelete:n}){const{plugin:s,skill:o,evals:a,latestBenchmark:i,isDirty:l,caseRunStates:d,regressions:u,iterationCount:p}=e,f=Array.from(d.values()).some(b=>b.status==="running"||b.status==="queued"),h=i==null?void 0:i.overall_pass_rate,m=(a==null?void 0:a.evals.reduce((b,v)=>b+v.assertions.length,0))??0,y=(a==null?void 0:a.evals.length)??0,x=G1(h),g=K1(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(a0,{}),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(i0,{})}),u.length>0&&t.jsxs("span",{className:"pill",style:{background:"var(--red-muted)",color:"var(--red)"},children:[t.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:[t.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),t.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),t.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),u.length," regression",u.length>1?"s":""]}),p>0&&t.jsxs("span",{className:"pill",style:{background:"var(--purple-muted)",color:"var(--purple)"},children:["Iter ",p]}),t.jsx("span",{className:"pill",style:{background:g,color:x},children:h!=null?`${Math.round(h*100)}%`:"--"}),t.jsxs("span",{className:"text-[11px]",style:{color:"var(--text-tertiary)"},children:[y," case",y!==1?"s":""," / ",m," assert",m!==1?"s":""]})]})]})}function a0(){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 i0(){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 sr(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 l0="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 c0(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:l0}),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:eo,children:"Tests →"}),t.jsx("button",{type:"button","data-testid":"benchmark-info-link-run",onClick:()=>a("run"),style:eo,children:"Run →"}),t.jsx("button",{type:"button","data-testid":"benchmark-info-close",onClick:o,style:{...eo,marginLeft:"auto",color:"var(--text-secondary)"},children:"Close"})]})]})]})}const eo={background:"transparent",border:"none",padding:0,fontFamily:"var(--font-sans)",fontSize:12,color:"var(--text-accent, var(--text-primary))",cursor:"pointer",textDecoration:"underline"};function d0(e){return`gh repo create ${e.trim()||"<repo-name>"} --public --source=. --remote=origin --push`}const u0="Add a GitHub remote: `gh repo create --public --source=.` (replace existing origin if needed).";function p0({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 ml({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 f0(e={}){const{status:r,loading:n}=Id();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(ml,{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(Kd,{remoteUrl:r.githubOrigin??"",provider:e.provider,model:e.model,privacy:"public"})})]});const s=r.status==="no-git"?d0(e.projectBasename??""):u0;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(ml,{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(p0,{value:s})]})]})}function h0({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 m0="https://verified-skill.com/docs/parameters-and-secrets",x0="Stored as KEY=value in this skill's local .env.local (gitignored). Resolved from process.env first, then .env.local.";function xl({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:x0,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 g0(){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:m0,target:"_blank",rel:"noopener noreferrer",className:"text-[11px]",style:{color:"var(--accent)",textDecoration:"none"},children:"Learn more →"})]})}function y0({plugin:e,skill:r}){const[n,s]=c.useState([]),[o,a]=c.useState(!0),[i,l]=c.useState(null),[d,u]=c.useState(""),[p,f]=c.useState(!1),[h,m]=c.useState(null),[y,x]=c.useState(""),[g,b]=c.useState(""),[v,j]=c.useState(!1),[S,k]=c.useState(new Set),T=c.useCallback(async()=>{a(!0);try{const[R,L]=await Promise.all([de.getCredentials(e,r).catch(()=>({credentials:[]})),de.getParams(e,r).catch(()=>({params:[]}))]),A=new Map(L.params.map(C=>[C.name,C])),$=new Set,W=[];for(const C of R.credentials){$.add(C.name);const I=A.get(C.name);W.push({name:C.name,status:C.status==="ready"||C.status==="resolved"?"ready":"missing",source:C.source,maskedValue:I==null?void 0:I.maskedValue})}for(const C of L.params)$.has(C.name)||W.push({name:C.name,status:C.status,maskedValue:C.maskedValue});s(W)}finally{a(!1)}},[e,r]);c.useEffect(()=>{T()},[T]);const w=c.useCallback(async R=>{if(S.has(R)){k(L=>{const A=new Set(L);return A.delete(R),A}),s(L=>L.map(A=>A.name===R?{...A,revealedValue:void 0}:A));return}try{const A=(await de.getParamsRevealed(e,r,R)).params.find($=>$.name===R);A&&(s($=>$.map(W=>W.name===R?{...W,revealedValue:A.value}:W)),k($=>new Set($).add(R)))}catch{}},[e,r,S]),E=async(R,L)=>{if(!(!R.trim()||!L.trim())){f(!0),m(null);try{await de.setCredential(e,r,R,L),l(null),u(""),k(new Set),T()}catch(A){m(A.message)}finally{f(!1)}}},N=async()=>{if(!(!y.trim()||!g.trim())){f(!0),m(null);try{await de.setCredential(e,r,y.trim().toUpperCase(),g),x(""),b(""),j(!1),T()}catch(R){m(R.message)}finally{f(!1)}}};return o?t.jsxs("div",{className:"mt-6",children:[t.jsx(xl,{onToggleAdd:()=>{},addFormOpen:!1}),t.jsx("div",{className:"skeleton h-20 rounded-xl"})]}):t.jsxs("div",{className:"mt-6",children:[t.jsx(xl,{onToggleAdd:()=>j(!v),addFormOpen:v}),h&&t.jsx("div",{className:"mb-2 px-3 py-2 rounded-lg text-[11px]",style:{background:"var(--red-muted)",color:"var(--red)"},children:h}),n.length===0&&!v?t.jsx(g0,{}):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:S.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:S.has(R.name)?"Hide value":"Reveal value",style:{color:"var(--text-tertiary)",lineHeight:1},children:S.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:L=>u(L.target.value),onKeyDown:L=>{L.key==="Enter"&&E(R.name,d)},className:"input-field text-[11px] font-mono",style:{width:160},placeholder:"Value...",autoFocus:!0}),t.jsx("button",{onClick:()=>E(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=>x(R.target.value),className:"input-field flex-1 text-[11px] font-mono",placeholder:"KEY_NAME",autoFocus:!0}),t.jsx("input",{value:g,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:()=>{j(!1),x(""),b("")},className:"btn btn-ghost text-[10px]",children:"Cancel"}),t.jsx("button",{onClick:N,disabled:p||!y.trim()||!g.trim(),className:"btn btn-primary text-[10px]",children:p?"Saving...":"Save"})]})]})]})}function gl({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 v0({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(gl,{children:"Setup"}),t.jsx(h0,{plugin:e,skill:r})]}),t.jsxs("section",{"data-testid":"overview-rightrail-credentials",children:[t.jsx(gl,{children:"Credentials"}),t.jsx(y0,{plugin:e,skill:r})]})]})}function b0(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 Jr(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 k0(e){switch(e.benchmarkStatus){case"pass":case"fail":case"stale":return e.benchmarkStatus==="pass"?"100%":e.benchmarkStatus==="fail"?"0%":"—";default:return"—"}}function j0(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 w0(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 S0(e){var f,h;const{skill:r,onNavigate:n,activationsCount:s=0,lastRunIso:o=null,repoUrl:a,skillPathInRepo:i}=e,l=a??(C0(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(jn,{version:r.resolvedVersion??r.version??null,source:r.versionSource,pluginName:r.pluginName??null}),j0(r),w0(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(xu,{author:r.author??null,repoUrl:l}),r.category?t.jsxs("span",{children:["· ",r.category]}):null,t.jsx(yu,{repoUrl:l,skillPath:i??null,absolutePath:r.dir}),r.lastModified?t.jsxs("span",{title:r.lastModified,children:["· Updated ",Jr(r.lastModified)]}):null]})]}),r.origin!=="installed"&&!r.pluginMarketplace&&r.installMethod!=="copied"&&r.installMethod!=="symlinked"&&t.jsx(f0,{}),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(sr,{title:"Benchmark",value:k0(r),subtitle:r.lastBenchmark?Jr(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(c0,{onNavigate:n})})}),t.jsx(sr,{title:"Tests",value:r.evalCount??0,subtitle:`${r.assertionCount??0} assertions`,"data-testid":"metric-tests",onClick:n?()=>n("tests"):void 0}),t.jsx(sr,{title:"Activations",value:s,subtitle:o?`Last: ${Jr(o)}`:"Never","data-testid":"metric-activations",onClick:n?()=>n("activation"):void 0}),t.jsx(sr,{title:"Last run",value:Jr(o??r.lastBenchmark??null),"data-testid":"metric-last-run",onClick:n?()=>n("history"):void 0}),t.jsx(sr,{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(sr,{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(sr,{title:"Size",value:b0(r.sizeBytes),"data-testid":"metric-size"}),t.jsx(sr,{title:"Last modified",value:Jr(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(v0,{plugin:r.plugin,skill:r.skill})]})}function C0(e){return e?/^https?:\/\/(?:www\.)?(?:github\.com|raw\.githubusercontent\.com)\//.test(e):!1}function E0({skill:e}){const{onSkillUpdated:r}=It(),{toast:n}=ps(),[s,o]=c.useState("idle"),[a,i]=c.useState(null),[l,d]=c.useState(!1),[u,p]=c.useState(null),[f,h]=c.useState(!1),m=c.useRef(null),y=c.useCallback(async()=>{if(!e||s==="updating")return;const v=new AbortController;m.current=v,o("updating"),i(null);try{const j=await de.postSkillUpdate(e.plugin,e.skill,v.signal);if(j.ok)o("done"),r(e.plugin,e.skill),n({message:`Updated ${e.skill}.`,severity:"success",durationMs:4e3});else{const S=`Update failed (HTTP ${j.status}): ${j.body}`;o("idle"),i(S),n({message:`Couldn't update ${e.skill} — HTTP ${j.status}`,severity:"error",durationMs:0,action:{label:"Retry",onInvoke:()=>{y()}}})}}catch(j){if(j instanceof DOMException&&j.name==="AbortError")return;const S=j instanceof Error?j.message:"Network error";o("idle"),i(S),n({message:`Couldn't update ${e.skill} — ${S}`,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(j=>{v||p(j)}).catch(()=>{v||p(null)}).finally(()=>{v||h(!1)}),()=>{v=!0}},[l,u,e==null?void 0:e.plugin,e==null?void 0:e.skill,e==null?void 0:e.latestVersion,e==null?void 0:e.currentVersion,e]),c.useEffect(()=>()=>{var v;(v=m.current)==null||v.abort()},[]),!e||e.updateAvailable!==!0)return null;const x=e.latestVersion,g=s==="updating"?"Updating…":x?`Update to ${x}`:"Update",b=s==="updating";return t.jsxs("div",{"data-testid":"update-action",style:{display:"flex",flexDirection:"column",gap:6,padding:"12px 16px",borderTop:"1px solid var(--border-default)",borderBottom:"1px solid var(--border-default)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.jsx("button",{type:"button","data-testid":"update-action-button",onClick:()=>{y()},disabled:b,style:{height:36,padding:"0 14px",background:"var(--color-ink)",color:"var(--color-paper)",border:"none",borderRadius:4,cursor:b?"not-allowed":"pointer",fontFamily:"var(--font-sans)",fontSize:13,fontWeight:500},children:g}),t.jsx("button",{type:"button","data-testid":"update-action-toggle-changelog",onClick:()=>d(v=>!v),disabled:b||!x,style:{background:"transparent",border:"none",color:"var(--text-secondary)",fontSize:12,fontFamily:"var(--font-sans)",cursor:"pointer",textDecoration:"underline"},children:l?"Hide changelog":"Preview changelog"})]}),s==="updating"&&t.jsx("div",{"data-testid":"update-action-progress",role:"status",style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-muted, var(--text-secondary))"},children:"Updating…"}),a&&s!=="updating"&&t.jsx("div",{"data-testid":"update-action-error",role:"alert",style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--color-error, #d32f2f)"},children:a}),l&&x&&t.jsxs("div",{"data-testid":"update-action-changelog",style:{paddingTop:8},children:[f&&t.jsx("div",{style:{fontSize:12,color:"var(--text-secondary)"},children:"Loading changelog…"}),!f&&u&&t.jsx(Ia,{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 N0=3e4;function R0({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 x=setInterval(()=>u(g=>(g+1)%1e6),250);return()=>clearInterval(x)},[a]),c.useEffect(()=>{if(!a||!m)return;const x=f.current??0;m.receivedAt<x||(p.current&&(clearTimeout(p.current),p.current=null),i(!1),d(!1),f.current=null)},[a,m]),c.useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]),n===!1||s)return null;const y=async()=>{if(!a){d(!1),i(!0),f.current=Date.now(),p.current=setTimeout(()=>{i(!1),d(!0),p.current=null,f.current=null},N0);try{await de.rescanSkill(e,r),p.current&&(clearTimeout(p.current),p.current=null);const x=o.updatesById.get(h),g=f.current??0,b=!!x&&x.receivedAt>=g;i(!1),b||d(!0),f.current=null}catch{p.current&&(clearTimeout(p.current),p.current=null),i(!1),f.current=null}}};return t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:6},children:[t.jsx("button",{type:"button","data-testid":"check-now-button",onClick:y,disabled:a,style:{height:26,padding:"0 10px",background:"transparent",border:"1px solid var(--border-default)",borderRadius:4,color:"var(--text-secondary)",fontFamily:"var(--font-sans)",fontSize:12,cursor:a?"not-allowed":"pointer"},children:"Check now"}),a&&t.jsx("span",{"data-testid":"check-now-spinner","aria-label":"Checking for updates",role:"status",style:{display:"inline-block",width:10,height:10,borderRadius:"50%",border:"2px solid var(--text-secondary)",borderTopColor:"transparent",animation:"check-now-spin 800ms linear infinite"}}),l&&t.jsx("span",{"data-testid":"check-now-no-changes",style:{fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-sans)"},children:"No changes detected"})]})}function T0(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 I0({tabs:e,active:r,onChange:n,parentTabId:s}){const[o,a]=c.useState(null),i=l=>{n?n(l):T0(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 L0=[{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 bu(e){return L0.filter(r=>r.visibleWhen?r.visibleWhen({isReadOnly:e}):!0)}const A0={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 os(e){return e?A0[e]??null:null}function Jo(e){const r=new URLSearchParams(e),n=r.get("tab"),s=r.get("panel");return os(n)??os(s)??{tab:"overview"}}function ku(e,r){return!r||new Set(bu(!0).map(s=>s.id)).has(e)?e:"source"}const Ar={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 ln(e){const r=Ar[e];return r&&r.length>0?r[0].id:""}function ju(e,r){const n=Ar[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 $0(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 to(){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 M0(e={}){if(e.selectedSkillInfo!==void 0||e.loadError!==void 0)return F0(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(to,{}),t.jsx(mu,{})]});if(r.mode==="create")return t.jsxs("div",{className:"h-full overflow-auto animate-fade-in",children:[t.jsx(to,{}),t.jsx(W1,{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(rn,{variant:"error",message:r.skillsError,onRetry:o}):!r.skillsLoading&&r.skills.length===0?t.jsx(rn,{variant:"no-skills"}):!r.skillsLoading&&r.skills.length>0&&!r.skills.some(u=>u.scopeV2==="available-project")?t.jsx(rn,{variant:"no-project-skills"}):t.jsx(rn,{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(to,{}),t.jsx(D0,{skillInfo:d,allSkills:r.skills,onSelectSkill:u=>n(u)})]})}function F0(e){const r=e.selectedSkillInfo??null,n=e.activeDetailTab??"overview";if(r==null)return B0();if(e.loadError)return _0(r,e.loadError);const s=e.allSkills&&e.onSelectSkill?{allSkills:e.allSkills,onSelectSkill:e.onSelectSkill}:void 0,o=e.activeDetailSub??ln(n);return wu(r,n,e.onDetailTabChange,o,e.onDetailSubChange,s)}function D0({skillInfo:e,allSkills:r,onSelectSkill:n}){const s=c.useMemo(()=>typeof window>"u"?{tab:"overview"}:Jo(window.location.search),[]),[o,a]=c.useState(s.tab),[i,l]=c.useState(()=>s.mode?s.mode:s.view?s.view:ju(s.tab,typeof window<"u"?window.location.search:""));c.useEffect(()=>{if(!e||!(e.origin==="installed"))return;const p=ku(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(ln(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=Ar[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?wu(e,o,a,i,l,{}):t.jsx(rn,{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 z0(e,r,n){const s=bu(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 B0(){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 _0(e,r){return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:12,padding:24,background:"var(--bg-canvas)",height:"100%"},children:[vu({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 O0({active:e,sub:r}){if(e==="edit")return t.jsx(ub,{});if(e==="tests")return t.jsx(nu,{});if(e==="run"){const n=Kb(r)?r:"benchmark";return t.jsx(qb,{mode:n})}if(e==="history"){const n=L1(r)?r:"timeline";return t.jsx(A1,{view:n})}return null}function W0({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 U0({skill:e}){const{visibility:r,repo:n}=ry(e.repoUrl??null);return vu({skill:e,repoVisibility:r,tenantName:(n==null?void 0:n.ownerLogin)??null})}function wu(e,r,n,s="",o,a){var h;const i=e.origin==="installed",l=ku(r,i),d=m=>{const y=$0(m);n==null||n(y.tab),o&&(y.mode?o(y.mode):y.view&&o(y.view))},u=t.jsx(S0,{skill:e,onNavigate:d,repoUrl:e.homepage??null}),p=a!=null?t.jsxs(lv,{plugin:e.plugin,skill:e.skill,origin:e.origin,children:[t.jsx(W0,{active:l,sub:s}),t.jsx(O0,{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(U0,{skill:e})}),t.jsx(E0,{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(R0,{plugin:e.plugin,skill:e.skill,trackedForUpdates:e.trackedForUpdates})}),z0(l,n,i),Ar[l]&&t.jsx(I0,{parentTabId:l,tabs:Ar[l],active:s||(((h=Ar[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(Rb,{plugin:e.plugin,skill:e.skill}):p})]})}function H0(){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 Su=c.createContext(null),V0=1800*1e3,G0=3600*1e3;function K0(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 q0({children:e}){const r=xn(),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((k,T=null)=>k.available&&k.latestVersion&&!K0(T,k.latestVersion)?(a(k),l(w=>w==="ready"||w==="restarting"?w:"idle"),f(null),k):(a(null),l("idle"),f(null),null),[]),m=c.useCallback((k,T=null)=>h(Ba(k,n.current),T),[h]),y=c.useCallback(async()=>{if(!r.available)return null;l(k=>k==="installing"||k==="restarting"?k:"checking"),f(null);try{const[k,T]=await Promise.all([r.getSettings().catch(()=>null),r.checkForUpdates()]);return s.current=Date.now(),h(T,k)}catch(k){const T=k instanceof Error?k.message:String(k);return l("error"),f(T),null}},[h,r]),x=c.useCallback(()=>{r.available&&(Date.now()-s.current<V0||y())},[r.available,y]);c.useEffect(()=>{if(!r.available)return;let k=!1;const T=[];return r.getAppMetadata().then(w=>{n.current=w.version}).catch(()=>{}),(async()=>{const[w,E,N,R]=await Promise.all([Tn("updater://available",A=>{k||m(A.payload)}),Tn("updater://check-result",A=>{k||m(A.payload)}),Tn("updater://restart-required",A=>{k||(l("ready"),a($=>{var W,C;return $??Ba({available:!0,version:((W=A.payload)==null?void 0:W.version)??null,notes:((C=A.payload)==null?void 0:C.notes)??null},n.current)}))}),Tn("updater://error",A=>{var $;k||(l("error"),f((($=A.payload)==null?void 0:$.message)??"Update failed."))})]);for(const A of[w,E,N,R])A&&T.push(A);const L=await r.getSettings().catch(()=>null);!k&&((L==null?void 0:L.updates.autoCheck)??!0)&&await y()})(),()=>{k=!0;for(const w of T)w()}},[m,r,y]),c.useEffect(()=>{if(!r.available)return;const k=()=>x(),T=()=>{document.visibilityState==="visible"&&x()};window.addEventListener("focus",k),document.addEventListener("visibilitychange",T);const w=setInterval(()=>x(),G0);return()=>{window.removeEventListener("focus",k),document.removeEventListener("visibilitychange",T),clearInterval(w)}},[r.available,x]);const g=c.useCallback(async()=>{if(!o||i==="installing"||i==="restarting")return!1;l("installing"),f(null),u({bytes:0,total:null});try{return await r.downloadAndInstallUpdate((k,T)=>{u({bytes:k,total:T})}),l("ready"),!0}catch(k){return l("error"),f(k instanceof Error?k.message:String(k)),!1}},[r,i,o]),b=c.useCallback(async()=>{if(i==="restarting")return!1;l("restarting"),f(null);try{return await r.restartApp(),!0}catch(k){return l("error"),f(k instanceof Error?k.message:String(k)),!1}},[r,i]),v=c.useCallback(async()=>{if(!o||i==="installing"||i==="restarting")return;if(i==="ready"){await b();return}await g()&&await b()},[g,i,b,o]),j=c.useCallback(()=>r.openPreferences("updates").catch(()=>{}),[r]),S=c.useMemo(()=>({update:o,phase:i,progress:d,error:p,available:!!o,checkNow:y,install:g,restart:b,installAndRestart:v,openDetails:j}),[o,i,d,p,y,g,b,v,j]);return t.jsx(Su.Provider,{value:S,children:e})}function Y0(){const e=c.useContext(Su);if(!e)throw new Error("useAppUpdater must be used inside AppUpdaterProvider");return e}function J0(){var u;const e=Y0(),{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 Q0=[{name:_.shortcuts.groupNavigation,items:[{keys:"/",label:_.shortcuts.search},{keys:"j",label:_.shortcuts.moveDown},{keys:"k",label:_.shortcuts.moveUp},{keys:"Enter",label:_.shortcuts.openSelected},{keys:"Esc",label:"Close / clear"}]},{name:_.shortcuts.groupActions,items:[{keys:"⌘K",label:_.shortcuts.openPalette},{keys:"?",label:_.shortcuts.openShortcuts},{keys:"⌘B",label:_.shortcuts.toggleSidebar},{keys:"E",label:_.actions.edit}]},{name:_.shortcuts.groupTheme,items:[{keys:"⌘⇧D",label:_.shortcuts.toggleTheme}]}];function X0({open:e,onClose:r,groups:n=Q0,title:s=_.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 Z0(e){const r=_.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 ek({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??Z0(e.skill):[],[e.skill,s]),u=c.useMemo(()=>{if(typeof window>"u")return{left:e.x,top:e.y};const f=8,h=220,m=44+d.length*28;let y=e.x,x=e.y;return y+h+f>window.innerWidth&&(y=Math.max(f,e.x-h)),x+m+f>window.innerHeight&&(x=Math.max(f,e.y-m)),{left:y,top:x}},[e.x,e.y,d.length]);c.useEffect(()=>{if(e.open)return a.current=document.activeElement??null,l(0),requestAnimationFrame(()=>{var f;(f=o.current)==null||f.focus()}),()=>{var f,h;(h=(f=a.current)==null?void 0:f.focus)==null||h.call(f),a.current=null}},[e.open]);const p=c.useCallback(()=>{if(!e.skill)return;const f=d[i];!f||f.disabled||(n(f.action,e.skill),r())},[d,i,e.skill,n,r]);return c.useEffect(()=>{if(!e.open)return;function f(m){if(m.key==="Escape"){m.preventDefault(),r();return}if(m.key==="ArrowDown"){m.preventDefault(),l(y=>Math.min(y+1,Math.max(d.length-1,0)));return}if(m.key==="ArrowUp"){m.preventDefault(),l(y=>Math.max(y-1,0));return}if(m.key==="Enter"||m.key===" "){m.preventDefault(),p();return}}function h(m){o.current&&m.target instanceof Node&&(o.current.contains(m.target)||r())}return window.addEventListener("keydown",f,!0),window.addEventListener("mousedown",h,!0),()=>{window.removeEventListener("keydown",f,!0),window.removeEventListener("mousedown",h,!0)}},[e.open,r,d.length,p]),!e.open||!e.skill?null:t.jsx("div",{ref:o,role:"menu",tabIndex:-1,"data-testid":"context-menu",style:{position:"fixed",left:u.left,top:u.top,zIndex:70,minWidth:200,padding:4,background:"var(--bg-canvas)",border:"1px solid var(--border-default)",borderRadius:6,boxShadow:"0 12px 32px rgba(0,0,0,0.16)",fontFamily:"var(--font-sans)",fontSize:13,color:"var(--text-primary)",outline:"none"},children:d.map((f,h)=>t.jsx("div",{role:"menuitem","aria-disabled":f.disabled||void 0,title:f.title||void 0,"data-action":f.action,"data-selected":h===i||void 0,onMouseEnter:()=>l(h),onClick:()=>{f.disabled||(n(f.action,e.skill),r())},style:{padding:"5px 10px",borderRadius:4,cursor:f.disabled?"default":"pointer",opacity:f.disabled?.5:1,background:h===i?"color-mix(in srgb, var(--accent-surface) 10%, transparent)":"transparent"},children:f.label},f.action))})}const tk=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function rk(e){const{skill:r,onCloned:n,onCancel:s}=e,[o,a]=c.useState({target:"standalone",plugin:"",pluginName:""}),[i,l]=c.useState(!1),[d,u]=c.useState(null),p=c.useRef(null),f=c.useRef(null),h=c.useRef(null);c.useEffect(()=>(h.current=document.activeElement??null,requestAnimationFrame(()=>{var x;return(x=f.current)==null?void 0:x.focus()}),()=>{var x,g;(g=(x=h.current)==null?void 0:x.focus)==null||g.call(x),h.current=null}),[]),c.useEffect(()=>{function x(g){g.key==="Escape"&&(g.stopPropagation(),s())}return window.addEventListener("keydown",x),()=>window.removeEventListener("keydown",x)},[s]);const m=i||o.target==="plugin"&&!o.plugin.trim()||o.target==="new-plugin"&&!tk.test(o.pluginName.trim()),y=c.useCallback(async x=>{if(x.preventDefault(),!m){l(!0),u(null);try{const g={source:r.skill,sourcePlugin:r.plugin,target:o.target};o.target==="plugin"&&(g.plugin=o.plugin.trim()),o.target==="new-plugin"&&(g.pluginName=o.pluginName.trim());const b=await fetch("/api/skills/clone",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(g)}),v=await b.json().catch(()=>({}));if(!b.ok||!v.ok){u(v.message||v.error||`HTTP ${b.status}`);return}n({target:v.target??"",files:v.files??null})}catch(g){u(g.message??"Network error")}finally{l(!1)}}},[m,o,r,n]);return t.jsx("div",{role:"dialog","aria-modal":"true","aria-labelledby":"clone-dialog-title",ref:p,"data-testid":"clone-to-authoring-dialog",style:nk,onClick:x=>{x.target===x.currentTarget&&s()},children:t.jsxs("form",{onSubmit:y,style:sk,children:[t.jsx("h2",{id:"clone-dialog-title",style:ok,children:"Clone to authoring"}),t.jsxs("p",{style:ak,children:["Fork ",t.jsx("code",{style:vl,children:r.skill})," into the authoring scope so you can edit it."]}),t.jsxs("fieldset",{style:ik,children:[t.jsx("legend",{style:lk,children:"Target"}),t.jsxs("label",{style:ro,children:[t.jsx("input",{type:"radio",name:"target",value:"standalone",checked:o.target==="standalone",onChange:()=>a(x=>({...x,target:"standalone"})),"data-testid":"clone-target-standalone"}),t.jsxs("span",{style:no,children:[t.jsx("strong",{children:"Standalone"}),t.jsxs("span",{style:so,children:["Lands at ",t.jsxs("code",{style:vl,children:["skills/",r.skill,"-fork/"]})]})]})]}),t.jsxs("label",{style:ro,children:[t.jsx("input",{type:"radio",name:"target",value:"plugin",checked:o.target==="plugin",onChange:()=>a(x=>({...x,target:"plugin"})),"data-testid":"clone-target-plugin"}),t.jsxs("span",{style:no,children:[t.jsx("strong",{children:"Add to existing plugin"}),t.jsx("span",{style:so,children:"Lands inside a plugin you already author."})]})]}),o.target==="plugin"&&t.jsx("input",{type:"text",placeholder:"plugin name or path",value:o.plugin,onChange:x=>a(g=>({...g,plugin:x.target.value})),"data-testid":"clone-plugin-input",autoFocus:!0,style:yl}),t.jsxs("label",{style:ro,children:[t.jsx("input",{type:"radio",name:"target",value:"new-plugin",checked:o.target==="new-plugin",onChange:()=>a(x=>({...x,target:"new-plugin"})),"data-testid":"clone-target-new-plugin"}),t.jsxs("span",{style:no,children:[t.jsx("strong",{children:"Create new plugin"}),t.jsx("span",{style:so,children:"Scaffolds a fresh plugin folder with this skill inside."})]})]}),o.target==="new-plugin"&&t.jsx("input",{type:"text",placeholder:"plugin-name (kebab-case)",value:o.pluginName,onChange:x=>a(g=>({...g,pluginName:x.target.value})),"data-testid":"clone-new-plugin-name-input",autoFocus:!0,style:yl})]}),d&&t.jsx("div",{role:"alert",style:ck,"data-testid":"clone-error",children:d}),t.jsxs("div",{style:dk,children:[t.jsx("button",{type:"button",ref:f,onClick:s,disabled:i,style:uk,"data-testid":"clone-cancel",children:"Cancel"}),t.jsx("button",{type:"submit",disabled:m,style:pk,"data-testid":"clone-submit",children:i?"Cloning…":"Clone"})]})]})})}const nk={position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e3},sk={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))"},ok={fontSize:18,fontWeight:700,margin:0},ak={margin:"12px 0 18px",fontSize:14,color:"var(--text-muted, #555)"},ik={border:"none",padding:0,margin:"0 0 16px"},lk={fontSize:12,fontWeight:600,textTransform:"uppercase",letterSpacing:1.2,color:"var(--text-muted, #555)",padding:0,marginBottom:10},ro={display:"flex",alignItems:"flex-start",gap:10,padding:"10px 4px",cursor:"pointer",borderRadius:6},no={display:"flex",flexDirection:"column",gap:2,fontSize:14},so={fontSize:12,color:"var(--text-muted, #777)"},yl={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)"},vl={fontFamily:"var(--font-geist-mono, monospace)",fontSize:13,padding:"1px 6px",borderRadius:4,background:"rgba(127,127,127,0.12)"},ck={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"},dk={display:"flex",justifyContent:"flex-end",gap:8,marginTop:8},uk={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},pk={padding:"8px 16px",borderRadius:6,border:"1px solid var(--accent, #06b6d4)",background:"var(--accent, #06b6d4)",color:"#fff",cursor:"pointer",fontSize:14,fontWeight:600},bl=e=>`${e.plugin}/${e.skill}`;function kl(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 j,S;try{await l.current(v.skill.plugin,v.skill.skill),(j=a.current)==null||j.call(a,v.skill)}catch(k){(S=i.current)==null||S.call(i,v.skill,k)}finally{d.current.delete(bl(v.skill)),p()}},[p]),h=c.useCallback(v=>{const j=bl(v),S=d.current.get(j);S!=null&&S.timeoutId&&clearTimeout(S.timeoutId);const k={skill:v,timeoutId:null};k.timeoutId=setTimeout(()=>{k.timeoutId=null,f(k)},r),d.current.set(j,k),p()},[r,f,p]),m=c.useCallback(v=>{const j=d.current.get(v);j&&(j.timeoutId&&clearTimeout(j.timeoutId),d.current.delete(v),p())},[p]),y=c.useCallback(async()=>{const v=Array.from(d.current.values());for(const j of v)j.timeoutId&&(clearTimeout(j.timeoutId),j.timeoutId=null);await Promise.all(v.map(j=>f(j)))},[f]),x=c.useCallback(v=>d.current.has(v),[]),g=c.useCallback(async v=>{const j=d.current.get(v);j&&(j.timeoutId&&(clearTimeout(j.timeoutId),j.timeoutId=null),await f(j))},[f]),b=c.useCallback(async v=>{const j=Array.from(d.current.values()).filter(S=>S.skill.skill===v);for(const S of j)S.timeoutId&&(clearTimeout(S.timeoutId),S.timeoutId=null);await Promise.all(j.map(S=>f(S)))},[f]);return c.useEffect(()=>{const v=()=>{y()};return window.addEventListener("beforeunload",v),()=>{window.removeEventListener("beforeunload",v)}},[y]),c.useEffect(()=>{const v=d.current;return()=>{for(const j of v.values())j.timeoutId&&(clearTimeout(j.timeoutId),j.timeoutId=null,f(j));v.clear()}},[]),{enqueueDelete:h,cancelDelete:m,flushPending:y,isPending:x,flushKey:g,flushBySkillName:b}}const fk={"anthropic-api":{name:_.setupProviders.anthropic.name,description:_.setupProviders.anthropic.description,envVars:_.setupProviders.anthropic.envVars,keyUrl:_.setupProviders.anthropic.keyUrl,learnMoreUrl:_.setupProviders.anthropic.learnMoreUrl},openai:{name:_.setupProviders.openai.name,description:_.setupProviders.openai.description,envVars:_.setupProviders.openai.envVars,keyUrl:_.setupProviders.openai.keyUrl,learnMoreUrl:_.setupProviders.openai.learnMoreUrl},openrouter:{name:_.setupProviders.openrouter.name,description:_.setupProviders.openrouter.description,envVars:_.setupProviders.openrouter.envVars,keyUrl:_.setupProviders.openrouter.keyUrl,learnMoreUrl:_.setupProviders.openrouter.learnMoreUrl},gemini:{name:_.setupProviders.gemini.name,description:_.setupProviders.gemini.description,envVars:_.setupProviders.gemini.envVars,keyUrl:_.setupProviders.gemini.keyUrl,learnMoreUrl:_.setupProviders.gemini.learnMoreUrl},ollama:{name:_.setupProviders.ollama.name,description:_.setupProviders.ollama.description,envVars:_.setupProviders.ollama.envVars,install:[_.setupProviders.ollama.installCmd],start:[_.setupProviders.ollama.startCmd],pullExample:_.setupProviders.ollama.pullExample,learnMoreUrl:_.setupProviders.ollama.learnMoreUrl},"lm-studio":{name:_.setupProviders.lmStudio.name,description:_.setupProviders.lmStudio.description,envVars:_.setupProviders.lmStudio.envVars,install:[_.setupProviders.lmStudio.installCmd],start:[_.setupProviders.lmStudio.startCmd],pullExample:_.setupProviders.lmStudio.pullExample,learnMoreUrl:_.setupProviders.lmStudio.learnMoreUrl},"claude-code":{name:_.setupProviders.claudeCode.name,description:_.setupProviders.claudeCode.description,envVars:[],notes:[_.setupProviders.claudeCode.loginHint,_.claudeCodeLabel.compactLabel],learnMoreUrl:_.setupProviders.claudeCode.learnMoreUrl}};function hk(e){return e?fk[e]??null:null}function mk({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=hk(r),a=(o==null?void 0:o.name)??_.setupDrawer.fallbackTitle;return Br.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":_.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(xk,{title:a,onClose:n}),t.jsx("div",{"data-testid":"setup-drawer-body",style:{flex:1,overflowY:"auto",padding:"16px 20px"},children:o?t.jsx(gk,{content:o}):t.jsx(yk,{})}),t.jsx("style",{children:`@keyframes vskillDrawerIn {
|
|
66
|
-
from { transform: translateX(100%); }
|
|
67
|
-
to { transform: translateX(0); }
|
|
68
|
-
}
|
|
69
|
-
@keyframes vskillDrawerBackdropIn {
|
|
70
|
-
from { opacity: 0; }
|
|
71
|
-
to { opacity: 1; }
|
|
72
|
-
}`})]})]}),document.body)}function xk({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:_.setupDrawer.title(e)}),t.jsx("button",{type:"button","data-testid":"setup-drawer-close",onClick:r,"aria-label":_.setupDrawer.close,style:{background:"transparent",border:"none",color:"var(--text-secondary)",cursor:"pointer",fontSize:18,padding:4,lineHeight:1},children:"×"})]})}function gk({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:_.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(vk,{name:s})},s))})]}),e.keyUrl&&t.jsx(bk,{href:e.keyUrl,label:_.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:_.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(oo,{code:s},`install-${o}`)),(n=e.start)==null?void 0:n.map((s,o)=>t.jsx(oo,{code:s},`start-${o}`)),e.pullExample&&t.jsx(oo,{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:[_.setupDrawer.learnMore," →"]})})]})}function yk(){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:_.setupDrawer.fallbackTitle}),t.jsx("p",{style:{margin:0,fontSize:13,color:"var(--text-secondary)",lineHeight:1.5},children:_.setupDrawer.fallbackBody})]})}function vk({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:_.setupDrawer.copy})]})}function oo({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 bk({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 kk(){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 jk(e){return(e instanceof DOMException||e instanceof Error)&&e.name==="AbortError"}function wk(e){let r="message";const n=[];for(const s of e.split(`
|
|
73
|
-
`)){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(`
|
|
74
|
-
`)}}function jl(e,r){let n=e.replace(/\r\n/g,`
|
|
75
|
-
`).replace(/\r/g,`
|
|
76
|
-
`),s=n.indexOf(`
|
|
77
|
-
|
|
78
|
-
`);for(;s!==-1;){const o=n.slice(0,s);n=n.slice(s+2);const a=wk(o);a&&r(a),s=n.indexOf(`
|
|
79
|
-
|
|
80
|
-
`)}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 x=u.statusText?` ${u.statusText}`:"";throw new Error(`SSE stream failed: HTTP ${u.status}${x}`)}if(!u.body)throw new Error("SSE stream failed: response body is empty");const p=u.body.getReader(),f=new TextDecoder;let h="";for(;;){const{done:x,value:g}=await p.read();if(x)break;h=jl(h+f.decode(g,{stream:!0}),r.onEvent)}const m=f.decode();(m||h)&&jl(`${h}${m}
|
|
81
|
-
|
|
82
|
-
`,r.onEvent),clearTimeout(i);const y=!o;o=!0,y&&((l=r.onClose)==null||l.call(r))}catch(u){if(clearTimeout(i),o&&jk(u))return;o=!0,(d=r.onError)==null||d.call(r,u instanceof Error?u:new Error(String(u)))}})(),{close:a}}function La(e){return(e==null?void 0:e.fetchImpl)??fetch}async function Eu(e){const n=await La(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 Sk(e,r){const s=await La(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 Ck(e,r,n){const s=La(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 Ek(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 Nk(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 Rk(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 Tk({agents:e,activeAgentId:r,focusedAgentId:n,onFocusAgent:s,onSwitch:o,onOpenSetup:a,onClose:i,groupBy:l="presence",onRequestInstall:d,fetchSupportedAgentsImpl:u}){const p=c.useRef(null);c.useEffect(()=>{const b=v=>{v.key==="Escape"&&(v.preventDefault(),i())};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[i]),c.useEffect(()=>{const b=j=>{p.current&&!p.current.contains(j.target)&&i()},v=setTimeout(()=>{document.addEventListener("mousedown",b)},0);return()=>{clearTimeout(v),document.removeEventListener("mousedown",b)}},[i]);const f=c.useMemo(()=>Rk(e),[e]),[h,m]=c.useState(null),[y,x]=c.useState(null);c.useEffect(()=>{if(l!=="installMode")return;let b=!1;return(u??Eu)().then(j=>{b||m(j)}).catch(j=>{b||x(j instanceof Error?j.message:String(j))}),()=>{b=!0}},[l,u]);const g=e.find(b=>b.id===n)??e.find(b=>b.id===r)??e[0];return typeof document>"u"?null:Br.createPortal(t.jsxs("div",{ref:p,"data-testid":"agent-scope-picker-popover","data-group-by":l,role:"dialog","aria-label":_.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(Lk,{supported:h,error:y,focusedAgentId:n,activeAgentId:r,onFocus:s,onRequestInstall:d}):t.jsx(Ik,{rows:f,activeAgentId:r,focusedAgentId:n,onFocus:s})}),t.jsx("section",{"data-testid":"agent-scope-picker-stats",style:{flex:1,overflowY:"auto",padding:"14px 16px"},children:g?t.jsx(Mk,{agent:g,activeAgentId:r,onSwitch:()=>o(g.id)}):t.jsx(Nu,{})})]}),t.jsx("style",{children:`@keyframes scopePickerFadeIn {
|
|
83
|
-
from { opacity: 0; transform: translateX(-50%) translateY(2px); }
|
|
84
|
-
to { opacity: 1; transform: translateX(-50%) translateY(0); }
|
|
85
|
-
}`})]}),document.body)}function Ik({rows:e,activeAgentId:r,focusedAgentId:n,onFocus:s}){return e.detected.length===0&&e.notDetected.length===0?t.jsx(Nu,{}):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(Ak,{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:_.scopePicker.notDetectedSubheading}),e.notDetected.map(o=>t.jsx($k,{agent:o.agent},o.key))]})]})}function Lk({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=Ek(e);return t.jsxs(t.Fragment,{children:[t.jsx(ao,{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(io,{agent:l,focused:l.id===n,active:l.id===s,onClick:()=>o(l.id),kind:"detected"},l.id)}),t.jsx(ao,{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(io,{agent:l,focused:l.id===n,active:!1,onClick:()=>o(l.id),kind:"available",onRequestInstall:a},l.id)}),t.jsx(ao,{testId:"agent-scope-section-cloud",title:"Cloud only (paste required)",agents:i.cloud,emptyHint:"No cloud-only tools available.",renderRow:l=>t.jsx(io,{agent:l,focused:l.id===n,active:!1,onClick:()=>o(l.id),kind:"cloud",onRequestInstall:a},l.id)})]})}function ao({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 io({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 Ak({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 $k({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 Mk({agent:e,activeAgentId:r,onSwitch:n}){const s=e.id===r,o=e.isRemoteOnly===!0,a=s||o,i=s?"Active":o?"Remote-only":_.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":Dk(e.health)})]}),t.jsxs("dl",{style:{display:"grid",gridTemplateColumns:"auto 1fr",gap:"4px 12px",margin:0,fontSize:12},children:[t.jsx(On,{label:_.scopePicker.statsInstalled,value:String(e.installedCount)}),t.jsx(On,{label:_.scopePicker.statsGlobal,value:String(e.globalCount)}),t.jsx(On,{label:_.scopePicker.statsPlugins,value:String(e.pluginCount??0)}),t.jsx(On,{label:_.scopePicker.statsLastSync,value:e.lastSync?Fk(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 On({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 Nu(){return t.jsx("div",{style:{padding:"16px 18px",fontSize:12,color:"var(--text-secondary)"},children:"No agents detected yet."})}function Fk(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 Dk(e){switch(e){case"ok":return _.scopePicker.statsHealthOk;case"stale":return _.scopePicker.statsHealthStale;case"missing":return _.scopePicker.statsHealthMissing}}function zk(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 Bk({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(Tk,{agents:e,activeAgentId:r,focusedAgentId:i??r,onFocusAgent:l,onSwitch:h,onOpenSetup:m=>{s(m),f()},onClose:f})]})}const Ru="vskill-ccode-banner-dismissed",_k=new Set(["claude-cli","claude-code"]);function Ok(){try{return sessionStorage.getItem(Ru)==="true"}catch{return!1}}function Wk(){try{sessionStorage.setItem(Ru,"true")}catch{}}function Uk({activeAgentId:e}){const[r,n]=c.useState(()=>Ok()),s=c.useCallback(()=>{typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:open-setup-drawer",{detail:{provider:"claude-code"}}))},[]),o=c.useCallback(()=>{Wk(),n(!0)},[]);return!e||!_k.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:[_.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:_.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 Hk(){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 Wn="workspace",Vk=["skills","agents"];async function Gk(){const e=await fetch("/api/workspace");if(!e.ok)throw new Error(`GET /api/workspace failed: ${e.status}`);return await e.json()}class Kk extends Error{constructor(r,n,s){super(r),this.name="SwitchProjectError",this.status=n,this.fallbackCommand=s}}async function qk(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 Kk(n.error??`POST /api/workspace/active failed: ${r.status}`,r.status,n.fallbackCommand)}return await r.json()}async function Yk(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 Jk(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 lo(){for(const e of Vk)Be(e);typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:project-changed"))}function Qk(){const{data:e,loading:r,error:n,revalidate:s}=Ct(Wn,Gk),o=e,a=o==null?void 0:o.projects.find(u=>u.id===o.activeProjectId),i=c.useCallback(async u=>{const p=await qk(u);return Be(Wn),lo(),{skillCount:p.skillCount}},[]),l=c.useCallback(async u=>{const p=await Yk(u);Be(Wn),lo();const f=p.projects.find(h=>h.path===u.path);return{id:f==null?void 0:f.id}},[]),d=c.useCallback(async u=>{await Jk(u),Be(Wn),lo()},[]);return{workspace:o,activeProject:a,loading:r,error:n,switchProject:i,addProject:l,removeProject:d,revalidate:s}}function Xk(){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 Zk({workspace:e,onSwitch:r,onAdd:n,onRemove:s,isPathStale:o}){const[a,i]=c.useState(!1),[l,d]=c.useState(!1),[u,p]=c.useState(""),[f,h]=c.useState(null),[m,y]=c.useState(null),[x,g]=c.useState(null),[b,v]=c.useState(null),[j,S]=c.useState(!1),[k,T]=c.useState(null),w=c.useRef(null);async function E(C){if(k)return!1;T(C.id),h(null);try{const I=await r(C.id),P=I&&typeof I=="object"&&"skillCount"in I?I.skillCount:void 0,F=P!=null?` — ${P} ${P===1?"skill":"skills"}`:"";return window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:`Switched to ${C.name}${F}`,severity:"success"}})),i(!1),!0}catch(I){const P=I&&typeof I=="object"&&"fallbackCommand"in I?I.fallbackCommand:void 0;return v(P??`cd "${C.path}" && npx vskill@latest studio`),g({id:C.id,name:C.name,path:C.path}),!1}finally{T(null)}}async function N(C){const I=R.find(P=>P.path===C);if(I)return E(I);try{const P=await n({path:C}),F=P&&typeof P=="object"?P.id:void 0,H=C.split(/[\\/]/).filter(Boolean).pop()??C;return F?E({id:F,name:H,path:C}):(i(!1),!0)}catch(P){const F=P instanceof Error?P.message:String(P);return/does not exist/i.test(F)?h(`Path not found on disk: ${C}`):/duplicate/i.test(F)?h("That project is already registered."):h(F),d(!0),!1}}const R=(e==null?void 0:e.projects)??[],L=R.find(C=>C.id===(e==null?void 0:e.activeProjectId));c.useEffect(()=>{if(!a)return;function C(I){w.current&&!w.current.contains(I.target)&&(i(!1),d(!1),h(null))}return document.addEventListener("mousedown",C),()=>document.removeEventListener("mousedown",C)},[a]);async function A(){h(null);const C=u.trim();if(!C){h("Paste an absolute path (e.g. /Users/you/projects/my-skill)");return}if(!C.startsWith("/")&&!/^[A-Za-z]:[\\/]/.test(C)){h("Path must be absolute. In Terminal, cd to the folder and run: pwd — then paste the result here.");return}await N(C)&&p("")}async function $(){if(h(null),vc()){try{const{open:C}=await ar(async()=>{const{open:P}=await import("./index-DDNzcrhv.js");return{open:P}},__vite__mapDeps([7,1])),I=await C({directory:!0,multiple:!1,title:"Open project folder"});typeof I=="string"&&I&&await N(I)}catch(C){h(C instanceof Error?C.message:String(C))}return}d(!0)}function W(C){if(C.length<=50)return C;const I=C.split("/");return I.length<=4?C:`${I.slice(0,3).join("/")}/…/${I.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(C=>!C),"aria-expanded":a,"aria-haspopup":"menu",title:(L==null?void 0:L.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:(L==null?void 0:L.colorDot)??"var(--text-tertiary, #999)"}}),t.jsx("span",{style:{maxWidth:180,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:L?L.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(C=>{const I=o?o(C.path):!1,P=C.id===(e==null?void 0:e.activeProjectId),F=m===C.id,H=k!==null,ce=k===C.id,V=P||ce;return t.jsxs("li",{role:"menuitem","data-stale":I?"true":"false","data-switching":ce?"true":"false","aria-busy":ce||void 0,onMouseEnter:()=>y(C.id),onMouseLeave:()=>y(U=>U===C.id?null:U),onClick:()=>{if(!(I||H)){if(P){i(!1);return}E(C)}},style:{display:"flex",alignItems:"center",gap:10,padding:"8px 10px",borderRadius:6,cursor:I||H?ce?"progress":"not-allowed":"pointer",background:F&&!I&&!H?"var(--surface-2, rgba(0,0,0,0.04))":V?"var(--surface-1, rgba(0,0,0,0.02))":"transparent",opacity:I?.5:H&&!ce?.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:C.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:C.name}),ce?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(Xk,{}),"Switching…"]}):P&&t.jsx("span",{"aria-label":"Active",style:{fontSize:10,color:"var(--color-action, #2F5B8E)",letterSpacing:"0.05em",textTransform:"uppercase",fontWeight:600},children:"Active"})]}),t.jsx("div",{title:C.path,style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--text-tertiary)",marginTop:2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:W(C.path)}),I&&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 ${C.name}`,onClick:U=>{U.stopPropagation(),s(C.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:F?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"})]})})]},C.id)})}),t.jsxs("div",{style:{borderTop:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",padding:l?8:6},children:[!l&&t.jsxs("button",{type:"button",onClick:()=>void $(),className:"vskill-project-add",style:{display:"flex",alignItems:"center",gap:8,width:"100%",padding:"8px 10px",border:"none",borderRadius:6,background:"transparent",cursor:"pointer",fontFamily:"var(--font-sans)",fontSize:13,fontWeight:500,color:"var(--color-action, #2F5B8E)",transition:"background-color 120ms ease"},onMouseEnter:C=>{C.currentTarget.style.backgroundColor="color-mix(in oklch, var(--color-action, #2F5B8E) 10%, transparent)"},onMouseLeave:C=>{C.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:C=>p(C.target.value),onKeyDown:C=>{C.key==="Enter"&&A(),C.key==="Escape"&&(d(!1),h(null))},placeholder:"/absolute/path/to/project",autoFocus:!0,style:{width:"100%",padding:"6px 8px",fontFamily:"var(--font-mono)",fontSize:12,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:4,background:"var(--surface-0, #fff)",color:"var(--text-primary)",outline:"none"}}),t.jsxs("div",{style:{display:"flex",gap:6,justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",onClick:()=>{d(!1),h(null),p("")},style:{padding:"4px 10px",fontSize:12,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:4,background:"transparent",color:"var(--text-primary)",cursor:"pointer"},children:"Cancel"}),t.jsx("button",{type:"button",onClick:()=>void A(),style:{padding:"4px 10px",fontSize:12,border:"none",borderRadius:4,background:"var(--color-action, #2F5B8E)",color:"var(--color-paper, #fff)",cursor:"pointer",fontWeight:500},children:"Add"})]}),f&&t.jsx("div",{style:{fontSize:11,color:"var(--color-error, #b91c1c)"},children:f})]})]})]}),x&&t.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Switch project failed",style:{position:"fixed",inset:0,zIndex:80,display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>{g(null),v(null)},children:[t.jsx("div",{style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.40)"}}),t.jsxs("div",{onClick:C=>C.stopPropagation(),style:{position:"relative",width:"min(520px, 92vw)",background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:10,boxShadow:"0 10px 15px -3px rgba(0,0,0,0.12), 0 20px 40px -8px rgba(0,0,0,0.18)",padding:18,fontFamily:"var(--font-sans)",color:"var(--text-primary)"},children:[t.jsxs("h2",{style:{margin:0,fontSize:16,fontWeight:600,fontFamily:"var(--font-serif, ui-serif)",marginBottom:8},children:["Couldn't switch to ",x.name]}),t.jsx("p",{style:{fontSize:13,color:"var(--text-secondary)",lineHeight:1.5,margin:0,marginBottom:12},children:"That folder couldn't be loaded — it may have moved or become unreadable. The current project is still active. As a last resort you can relaunch Skill Studio directly from the target folder:"}),t.jsx("div",{style:{background:"var(--surface-1, #0f0f10)",color:"var(--text-primary)",padding:"10px 12px",borderRadius:6,fontFamily:"var(--font-mono)",fontSize:12,lineHeight:1.55,whiteSpace:"pre-wrap",wordBreak:"break-all",border:"1px solid var(--border-subtle, rgba(255,255,255,0.08))"},children:b??`cd "${x.path}" && npx vskill@latest studio`}),t.jsxs("div",{style:{display:"flex",gap:8,marginTop:14,justifyContent:"flex-end"},children:[t.jsx("button",{type:"button",onClick:async()=>{try{await navigator.clipboard.writeText(b??`cd "${x.path}" && npx vskill@latest studio`),S(!0),setTimeout(()=>S(!1),1600)}catch{}},style:{padding:"7px 14px",fontSize:13,fontWeight:600,border:"1px solid var(--color-action, #2F5B8E)",borderRadius:6,background:"var(--color-action, #2F5B8E)",color:"#ffffff",cursor:"pointer",boxShadow:"0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.12)"},children:j?"Copied!":"Copy command"}),t.jsx("button",{type:"button",onClick:()=>{g(null),v(null)},style:{padding:"7px 12px",fontSize:13,fontWeight:500,border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:6,background:"transparent",color:"var(--text-primary)",cursor:"pointer"},children:"Close"})]})]})]})]})}function ej(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 tj({open:e,projects:r,onSwitch:n,onClose:s}){const[o,a]=c.useState(""),[i,l]=c.useState(0),d=c.useMemo(()=>ej(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 wl=/^[a-z][a-z0-9-]{0,62}[a-z0-9]$/;function rj({open:e,onClose:r,initialMode:n="standalone",isClaudeCode:s,projectRoot:o,onCreated:a}){const[i,l]=c.useState("destination"),[d,u]=c.useState(n),[p,f]=c.useState(""),[h,m]=c.useState(""),[y,x]=c.useState(""),[g,b]=c.useState([]),[v,j]=c.useState(!1),[S,k]=c.useState(null);if(c.useEffect(()=>{e&&(l("destination"),u(n),f(""),m(""),x(""),k(null))},[e,n]),c.useEffect(()=>{if(!e)return;let C=!0;return fetch("/api/authoring/plugins").then(I=>I.json()).then(I=>{C&&b(I.plugins??[])}).catch(()=>{}),()=>{C=!1}},[e]),c.useEffect(()=>{if(!e)return;function C(I){I.key==="Escape"&&(I.preventDefault(),r())}return document.addEventListener("keydown",C),()=>document.removeEventListener("keydown",C)},[e,r]),!e)return null;const T=g.length>0,w=s&&T,E=s,N=wl.test(p),R=d==="existing-plugin"?h.length>0:wl.test(h),L=!v&&N&&(d==="standalone"||R),A=nj(o,d,h,p);async function $(){k(null),j(!0);try{const P=new URLSearchParams;P.set("mode",d),P.set("skillName",p),h&&P.set("pluginName",h);const F=await fetch(`/api/authoring/skill-exists?${P.toString()}`),H=await F.json();if(!F.ok){k(H.error??`Check failed: ${F.status}`);return}if(H.exists){k(`Skill '${p}' already exists${H.path?` at ${H.path}`:""}`);return}}catch(P){k(P instanceof Error?P.message:String(P));return}finally{j(!1)}const C=new URLSearchParams;C.set("mode",d),C.set("skillName",p),y.trim()&&C.set("description",y.trim()),h&&C.set("pluginName",h);const I=`#/create?${C.toString()}`;typeof window<"u"&&(window.location.hash=I),r()}async function W(){k(null),j(!0);try{const C=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})}),I=await C.json();if(!C.ok||!I.ok){k(I.error??`Create failed: ${C.status}`);return}Be("skills"),a==null||a({mode:d,skillName:p,pluginName:I.pluginName??null,skillMdPath:I.skillMdPath}),r()}catch(C){k(C instanceof Error?C.message:String(C))}finally{j(!1)}}return t.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":"Create skill","data-vskill-create-skill-modal":!0,style:{position:"fixed",inset:0,zIndex:100,display:"flex",alignItems:"center",justifyContent:"center"},children:[t.jsx("div",{onClick:r,style:{position:"absolute",inset:0,background:"rgba(0,0,0,0.45)"}}),t.jsxs("div",{style:{position:"relative",width:"min(560px, 92vw)",maxHeight:"86vh",overflow:"auto",background:"var(--color-paper, #fff)",border:"1px solid var(--border-default, rgba(0,0,0,0.12))",borderRadius:10,boxShadow:"0 10px 15px -3px rgba(0,0,0,0.12), 0 20px 40px -8px rgba(0,0,0,0.18)",fontFamily:"var(--font-sans)"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,padding:"14px 18px",borderBottom:"1px solid var(--border-subtle, rgba(0,0,0,0.08))"},children:[t.jsx("h2",{style:{margin:0,fontSize:16,fontWeight:600,color:"var(--text-primary)",fontFamily:"var(--font-serif, ui-serif)",letterSpacing:"0.01em"},children:i==="destination"?"Create a skill":"Name and describe"}),t.jsxs("div",{style:{fontSize:11,color:"var(--text-tertiary)",marginLeft:"auto",fontVariantNumeric:"tabular-nums"},children:["Step ",i==="destination"?"1":"2"," of 2"]})]}),i==="destination"&&t.jsxs("div",{style:{padding:14,display:"flex",flexDirection:"column",gap:10},children:[t.jsx(co,{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(co,{title:"Add to existing plugin",subtitle:w?`${g.length} plugin source${g.length===1?"":"s"} in this project`:s?"No plugin sources in this project yet":"Claude Code only",description:"Appends a skill to an existing <plugin>/.claude-plugin/plugin.json source.",icon:"🧩",disabled:!w,selected:d==="existing-plugin",onClick:()=>w&&u("existing-plugin")}),t.jsx(co,{title:"Plugin (multi-skill)",subtitle:E?"Bundle related skills under one Claude Code plugin":"Claude Code only",description:"Creates <folder>/.claude-plugin/plugin.json and <folder>/skills/<first>/SKILL.md.",icon:"📦",disabled:!E,selected:d==="new-plugin",onClick:()=>E&&u("new-plugin")})]}),i==="details"&&t.jsxs("div",{style:{padding:16,display:"flex",flexDirection:"column",gap:12},children:[d==="new-plugin"&&t.jsx(Un,{label:"Plugin name",hint:"kebab-case",children:t.jsx("input",{type:"text",value:h,onChange:C=>m(C.target.value.trim()),placeholder:"my-first-plugin",autoFocus:!0,style:Hn(!h||R)})}),d==="existing-plugin"&&t.jsx(Un,{label:"Plugin",children:t.jsxs("select",{value:h,onChange:C=>m(C.target.value),style:{...Hn(!0),fontFamily:"var(--font-mono)"},children:[t.jsx("option",{value:"",children:"Select a plugin…"}),g.map(C=>t.jsx("option",{value:C.name,children:C.name},C.path))]})}),t.jsx(Un,{label:"Skill name",hint:"kebab-case",children:t.jsx("input",{type:"text",value:p,onChange:C=>f(C.target.value.trim()),placeholder:"my-new-skill",autoFocus:d!=="new-plugin",style:Hn(!p||N)})}),t.jsx(Un,{label:"Description",hint:"One short sentence — shown in frontmatter",children:t.jsx("textarea",{value:y,onChange:C=>x(C.target.value),rows:2,placeholder:"Does a thing when Claude needs X",style:{...Hn(!0),resize:"vertical",minHeight:52,fontFamily:"var(--font-sans)"}})}),A&&t.jsxs("div",{style:{padding:"8px 10px",fontSize:11,fontFamily:"var(--font-mono)",color:"var(--text-secondary)",background:"var(--surface-1, rgba(0,0,0,0.03))",border:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",borderRadius:4,wordBreak:"break-all"},children:[t.jsx("div",{style:{fontSize:10,color:"var(--text-tertiary)",marginBottom:2,fontFamily:"var(--font-sans)"},children:"Will create:"}),A.map((C,I)=>t.jsx("div",{children:C},I))]}),S&&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:S})]}),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:uo,children:"Cancel"}),i==="destination"&&t.jsx("button",{type:"button",onClick:()=>l("details"),style:Sl,children:"Continue →"}),i==="details"&&t.jsxs(t.Fragment,{children:[t.jsx("button",{type:"button",onClick:()=>l("destination"),style:uo,children:"← Back"}),t.jsx("button",{type:"button",onClick:()=>void $(),disabled:!L,style:{...uo,opacity:L?1:.5,cursor:L?"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 W(),disabled:!L,style:{...Sl,opacity:L?1:.5,cursor:L?"pointer":"not-allowed"},title:"Creates an empty SKILL.md scaffold you can fill in by hand",children:v?"Creating…":"Create empty scaffold"})]})]})]})]})}function co({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 Un({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 Hn(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 Sl={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"},uo={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 nj(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 Tu(e){return e.trim().toLowerCase()}function sj(e,r){const n=Tu(r);return n?e.filter(s=>s.name.toLowerCase().includes(n)||s.source.toLowerCase().includes(n)):e}function oj(e,r){const n=Tu(r);return n?e.filter(s=>[s.name,s.description??"",s.category??"",s.author??""].join(" ").toLowerCase().includes(n)):e}function aj({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,x]=c.useState(!1),[g,b]=c.useState(null),[v,j]=c.useState(""),[S,k]=c.useState("");c.useEffect(()=>{p?j(""):k("")},[p]);const T=c.useMemo(()=>sj(d,v),[d,v]),w=c.useMemo(()=>oj((h==null?void 0:h.plugins)??[],S),[h,S]);return c.useEffect(()=>{e&&(x(!0),b(null),fetch("/api/plugins/marketplaces").then(E=>E.json()).then(E=>{if(E.error)throw new Error(E.error);u(E.marketplaces??[])}).catch(E=>b(E instanceof Error?E.message:String(E))).finally(()=>x(!1)))},[e]),c.useEffect(()=>{if(!p){m(null);return}x(!0),b(null),fetch(`/api/plugins/marketplaces/${encodeURIComponent(p)}`).then(E=>E.json()).then(E=>{if(E.error)throw new Error(E.error);m(E)}).catch(E=>b(E instanceof Error?E.message:String(E))).finally(()=>x(!1))},[p]),c.useEffect(()=>{if(!e)return;function E(N){N.key==="Escape"&&r()}return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[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…"}),g&&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:g}),!p&&a&&a.length>0&&t.jsx(ij,{plugins:a}),!p&&!y&&d.length===0&&!g&&t.jsx(lj,{}),!p&&d.length>0&&t.jsx(Cl,{value:v,onChange:j,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(E=>t.jsxs("button",{type:"button",onClick:()=>f(E.name),style:dj,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:E.name}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)",fontFamily:"var(--font-mono)",marginTop:2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:E.source})]},E.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(Cl,{value:S,onChange:k,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 “",S,"”."]}),w.map(E=>{const N=o.has(E.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:[E.name,E.version&&t.jsx("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)"},children:E.version}),E.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:E.category})]}),E.description&&t.jsx("div",{style:{fontSize:11,color:"var(--text-secondary)",marginTop:4,lineHeight:1.5},children:E.description})]}),N&&s?t.jsx("button",{type:"button",disabled:i===E.name,onClick:async()=>{l(E.name);try{await s(E.name)}finally{l(null)}},"aria-label":`Uninstall ${E.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===E.name?"wait":"pointer",opacity:i===E.name?.6:1,fontFamily:"inherit"},children:i===E.name?"Uninstalling…":"Uninstall"}):t.jsx("button",{type:"button",disabled:N,onClick:()=>n(E.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"})]})},E.name)})]})]}),!p&&t.jsx("div",{style:{borderTop:"1px solid var(--border-subtle, rgba(0,0,0,0.08))",padding:12},children:t.jsx(cj,{onAdded:()=>{Be("marketplaces"),fetch("/api/plugins/marketplaces").then(E=>E.json()).then(E=>u(E.marketplaces??[]))}})})]})]}):null}function Cl({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 ij({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 lj(){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 cj({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 dj={display:"block",width:"100%",textAlign:"left",padding:"10px 12px",border:"none",borderRadius:6,background:"transparent",cursor:"pointer",fontFamily:"inherit",marginBottom:2},po=12;function uj({job:e,onDone:r}){const[n,s]=c.useState([]),[o,a]=c.useState("running"),[i,l]=c.useState(!1);if(c.useEffect(()=>{if(!e)return;s([]),a("running"),l(!1);const f=new AbortController;let h=[],m="running";return(async()=>{try{const y=await fetch("/api/plugins/install/stream",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({plugin:e.ref}),signal:f.signal});if(!y.ok||!y.body){a("failed"),r({ok:!1,code:y.status,lines:[`HTTP ${y.status}`]});return}const x=y.body.getReader(),g=new TextDecoder;let b="";for(;;){const{value:v,done:j}=await x.read();if(j)break;b+=g.decode(v,{stream:!0});const S=b.split(/\n\n/);b=S.pop()??"";for(const k of S){const T=k.match(/^data:\s*(.*)$/m);if(T)try{const w=JSON.parse(T[1]);w.type==="stdout"&&w.line?(h=[...h,w.line].slice(-po),s(h)):w.type==="stderr"&&w.line?(h=[...h,`⚠ ${w.line}`].slice(-po),s(h)):w.type==="done"?(m=w.ok?"ok":"failed",a(m),Lc(),Be("skills"),r({ok:w.ok??!1,code:w.code??null,lines:h})):w.type==="error"&&w.error&&(h=[...h,`✘ ${w.error}`].slice(-po),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(pj,{}):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(`
|
|
86
|
-
`)})]})}function pj(){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 fj(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 hj(e){if(typeof navigator<"u"&&navigator.clipboard){await navigator.clipboard.writeText(e);return}throw new Error("Clipboard API unavailable in this environment")}function mj({agentId:e,agentDisplayName:r,blob:n,pasteInstructionsUrl:s,docsUrl:o,scopeDowngradeWarning:a,onClose:i,writeClipboardImpl:l}){const d=c.useRef(null),[u,p]=c.useState(!1),[f,h]=c.useState(null);c.useEffect(()=>{const y=x=>{x.key==="Escape"&&(x.preventDefault(),i())};return document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[i]);const m=c.useCallback(async()=>{const y=l??hj;try{await y(n),p(!0),h(null)}catch(x){h(x instanceof Error?x.message:String(x))}},[n,l]);return typeof document>"u"?null:Br.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 xj(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 gj(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=xj(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 yj=Object.freeze({"claude-cli":"claude-code","codex-cli":"codex"});function El(e){return e?yj[e]??e:null}function vj(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 bj(e){switch(e){case"installed":return"Installed";case"exported":return"Exported";case"skipped":return"Skipped";case"error":return"Error"}}function Qo(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 kj({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),[x,g]=c.useState("loading"),[b,v]=c.useState([]),[j,S]=c.useState(null),[k,T]=c.useState(new Set),[w,E]=c.useState(null),[N,R]=c.useState({}),[L,A]=c.useState(null),[$,W]=c.useState(0),[C,I]=c.useState(new Set),[P,F]=c.useState([]),[H,ce]=c.useState(null),V=c.useRef(null);c.useEffect(()=>{const Z=pe=>{pe.key==="Escape"&&(H||(pe.preventDefault(),pe.stopPropagation(),x!=="installing"&&i()))};return document.addEventListener("keydown",Z,!0),()=>document.removeEventListener("keydown",Z,!0)},[H,x,i]),c.useEffect(()=>{let Z=!1;return(d??Eu)().then(D=>{if(Z)return;v(D);const q=new Set,X=El(o);X&&D.some(Y=>Y.id===X)&&q.add(X);for(const Y of a??[]){const ue=El(Y);ue&&D.some(he=>he.id===ue)&&q.add(ue)}if(q.size===0){const Y=vj(D);Y&&q.add(Y)}T(q),g("select")}).catch(D=>{Z||(S(D instanceof Error?D.message:String(D)),g("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||A(D)},()=>{Z||A(null)}),()=>{Z=!0}},[e,f,$]);const U=c.useMemo(()=>Nk(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)},[]),B=c.useCallback(()=>{var Z;if(x!=="installing"){try{(Z=V.current)==null||Z.close()}catch{}i()}},[x,i]),re=c.useCallback(async()=>{if(k.size===0)return;E(null),R({}),g("installing");const Z=Array.from(k),pe=u??Sk,D=p??Ck;try{const{jobId:q,streamPath:X}=await pe({skill:e,agentIds:Z,scope:n});V.current=D(X??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)E(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};E(Ie)}const Pe=Object.values(xe),rt=Pe.filter(Ie=>Ie.status==="exported"&&typeof Ie.blob=="string");return rt.length>0&&(F(rt),ce(rt[0]??null)),globalThis.setTimeout(()=>{try{l==null||l(Pe)}catch{}},0),xe}),W(we=>we+1),g("done")},onError:Y=>{E(Y.message),g("error")}})}catch(q){E(q instanceof Error?q.message:String(q)),g("error")}},[k,e,n,u,p,l]),M=c.useCallback(async Z=>{const pe=h??fj;I(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{}W(q=>q+1),D.errors.length>0&&E(`Remove failed for ${D.errors[0].agentId}: ${D.errors[0].message}`)}catch(D){E(D instanceof Error?D.message:String(D))}finally{I(D=>{const q=new Set(D);return q.delete(Z),q})}},[h,e,n]),O=c.useCallback(()=>{F(Z=>{const pe=Z.slice(1);return ce(pe[0]??null),pe})},[]),G=c.useMemo(()=>b.filter(Z=>Z.detected).length,[b]);if(typeof document>"u")return null;const K=k.size===0||x==="installing",se=k.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 Br.createPortal(t.jsxs(t.Fragment,{children:[t.jsx("div",{"data-testid":"install-targets-modal-backdrop",role:"presentation",onClick:Z=>{Z.target===Z.currentTarget&&B()},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:B,"aria-label":"Close",disabled:x==="installing",style:{background:"transparent",border:"none",cursor:x==="installing"?"not-allowed":"pointer",fontSize:18,color:"var(--text-secondary, #5A5651)",padding:"0 4px",lineHeight:1,opacity:x==="installing"?.4:1},children:"×"})]}),t.jsxs("div",{style:{padding:"0.75rem 1.125rem",overflowY:"auto",flex:1},children:[x==="loading"&&t.jsx("div",{"data-testid":"install-targets-modal-loading",style:{fontSize:12,color:"var(--text-secondary)"},children:"Loading agents…"}),j&&x==="error"&&b.length===0&&t.jsxs("div",{"data-testid":"install-targets-modal-load-error",role:"alert",style:{fontSize:12,color:"var(--color-error, #dc2626)"},children:["Failed to load agents: ",j]}),(x==="select"||x==="installing"||x==="done"||x==="error"&&b.length>0)&&t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"0.5rem",marginBottom:"0.625rem"},children:[t.jsxs("div",{style:{fontSize:11,color:"var(--text-secondary)",fontFamily:"var(--font-mono)"},children:[k.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:x==="installing"||G===0,style:Nl(),children:"Select all detected"}),t.jsx("button",{type:"button","data-testid":"install-targets-clear",onClick:be,disabled:x==="installing"||k.size===0,style:Nl(),children:"Clear"})]})]}),x==="installing"&&t.jsxs("div",{"data-testid":"install-targets-modal-installing-status",role:"status","aria-live":"polite",style:{margin:"0 0 0.75rem 0",padding:"0.625rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"var(--surface-2, #F6F4EE)",color:"var(--text-primary)",fontSize:12},children:["Installing ",r??e," to ",k.size," target",k.size===1?"":"s","…"]}),t.jsx(fo,{testId:"install-targets-section-dropin",title:"Drop-in",description:"Filesystem install — Claude-style SKILL.md drops in unchanged.",agents:U.dropIn,selected:k,results:N,phase:x,onToggle:ne,scope:n,installState:L,targetVersion:s??null,removingAgents:C,onRemove:M}),t.jsx(fo,{testId:"install-targets-section-format-converted",title:"Format-converted",description:"Auto-converted to the tool's native format on install.",agents:U.formatConverted,selected:k,results:N,phase:x,onToggle:ne,scope:n,installState:L,targetVersion:s??null,removingAgents:C,onRemove:M}),t.jsx(fo,{testId:"install-targets-section-cloud",title:"Cloud only (paste required)",description:"No local filesystem — opens a paste-ready blob.",agents:U.cloud,selected:k,results:N,phase:x,onToggle:ne,tierBadge:"T3",pathOverride:"Copy to clipboard",scope:n,installState:L,targetVersion:s??null,removingAgents:C,onRemove:M})]}),x==="done"&&t.jsx(jj,{results:Object.values(N),agents:b}),(x==="error"||x==="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:B,disabled:x==="installing",style:{padding:"0.5rem 0.875rem",borderRadius:6,border:"1px solid var(--color-rule, #E8E1D6)",background:"transparent",color:"var(--text-primary)",cursor:x==="installing"?"not-allowed":"pointer",fontSize:13,fontFamily:"var(--font-sans)",opacity:x==="installing"?.5:1},children:x==="done"?"Close":"Cancel"}),t.jsx("button",{type:"button","data-testid":"install-targets-modal-install",onClick:re,disabled:K||x==="done","aria-disabled":K||x==="done",title:se,style:{padding:"0.5rem 1.125rem",borderRadius:6,border:"1px solid var(--text-primary, #191919)",background:K||x==="done"?"var(--bg-surface, #FFFFFF)":"var(--text-primary, #191919)",color:K||x==="done"?"var(--text-secondary, #5A5651)":"var(--bg-surface, #FFFFFF)",cursor:K||x==="done"?"not-allowed":"pointer",fontSize:13,fontWeight:600,fontFamily:"var(--font-sans)",opacity:K&&x!=="done"?.6:1},children:x==="installing"?"Installing…":x==="done"?"Done":`Install (${k.size})`})]})]})}),H&&t.jsx(mj,{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:O,writeClipboardImpl:m})]}),document.body)}function fo({testId:e,title:r,description:n,agents:s,selected:o,results:a,phase:i,onToggle:l,tierBadge:d,pathOverride:u,scope:p,installState:f,targetVersion:h,removingAgents:m,onRemove:y}){return s.length===0?null:t.jsxs("div",{"data-testid":e,style:{marginTop:"0.625rem"},children:[t.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:"0.5rem",padding:"0 0 0.25rem 0"},children:[t.jsx("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--text-tertiary)"},children:r}),t.jsx("div",{style:{fontSize:11,color:"var(--text-tertiary)"},children:n})]}),t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:2},children:s.map(x=>{const g=o.has(x.id),b=a[x.id],v=i==="installing"||i==="done",j=u??(p==="project"?x.resolvedLocalDir:x.resolvedGlobalDir),S=gj(x.id,p,f,h),k=m.has(x.id);return t.jsxs("label",{"data-testid":`install-targets-row-${x.id}`,"data-checked":g?"true":"false","data-detected":x.detected?"true":"false",style:{display:"flex",alignItems:"center",gap:"0.625rem",padding:"0.375rem 0.5rem",borderRadius:4,cursor:v?"default":"pointer",background:g?"color-mix(in srgb, var(--accent-surface) 8%, transparent)":"transparent"},children:[t.jsx("input",{type:"checkbox","data-testid":`install-targets-checkbox-${x.id}`,checked:g,disabled:v,onChange:()=>l(x.id),style:{margin:0}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",flex:1,minWidth:0},children:[t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:[t.jsx("span",{style:{fontSize:13},children:x.displayName}),!x.detected&&t.jsx("span",{"data-testid":`install-targets-undetected-badge-${x.id}`,style:{fontSize:9,padding:"1px 6px",borderRadius:8,background:"color-mix(in srgb, var(--text-tertiary) 18%, transparent)",color:"var(--text-secondary)",letterSpacing:"0.04em",textTransform:"uppercase"},children:"Not detected"}),d&&t.jsx("span",{style:{fontSize:9,padding:"1px 6px",borderRadius:8,background:"color-mix(in srgb, var(--color-own, #f59e0b) 14%, transparent)",color:"var(--text-secondary)",letterSpacing:"0.04em",textTransform:"uppercase"},children:d}),t.jsx(wj,{agentId:x.id,badge:S,isRemoving:k,onRemove:y})]}),t.jsx("div",{title:j,"data-testid":`install-targets-path-${x.id}`,style:{fontFamily:"var(--font-mono)",fontSize:10,color:"var(--text-tertiary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:j})]}),b&&t.jsx("span",{"data-testid":`install-targets-status-${x.id}`,"data-status":b.status,style:{fontSize:11,padding:"1px 8px",borderRadius:10,background:`color-mix(in srgb, ${Qo(b.status)} 16%, transparent)`,color:Qo(b.status),fontFamily:"var(--font-mono)"},children:bj(b.status)})]},x.id)})})]})}function jj({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:Qo(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 wj({agentId:e,badge:r,isRemoving:n,onRemove:s}){if(r.kind==="not-installed")return null;let o,a,i;switch(r.kind){case"installed-current":o=r.version?`Installed v${r.version}`:"Installed",a="color-mix(in srgb, var(--color-ok, #22c55e) 14%, transparent)",i="var(--color-ok, #22c55e)";break;case"update-available":o=`Update v${r.installed} → v${r.target}`,a="color-mix(in srgb, var(--color-own, #f59e0b) 18%, transparent)",i="var(--color-own, #f59e0b)";break;case"newer-installed":o=`Newer v${r.installed} (target v${r.target})`,a="color-mix(in srgb, var(--accent-text, #3b82f6) 14%, transparent)",i="var(--accent-text, #3b82f6)";break;case"installed-other-scope":o=r.version?`Installed v${r.version} (${r.otherScope} scope)`:`Installed (${r.otherScope} scope)`,a="color-mix(in srgb, var(--text-tertiary) 18%, transparent)",i="var(--text-secondary)";break}const l=r.kind!=="installed-other-scope";return t.jsxs(t.Fragment,{children:[t.jsx("span",{"data-testid":`install-targets-status-badge-${e}`,"data-badge-kind":r.kind,style:{fontSize:9,padding:"1px 6px",borderRadius:8,background:a,color:i,letterSpacing:"0.04em",textTransform:"uppercase",whiteSpace:"nowrap"},children:o}),l&&t.jsx("button",{type:"button","data-testid":`install-targets-remove-${e}`,disabled:n,onClick:d=>{d.preventDefault(),d.stopPropagation(),s(e)},style:{fontSize:10,padding:"1px 6px",borderRadius:8,background:"transparent",border:"1px solid var(--color-rule, #E8E1D6)",color:"var(--color-error, #dc2626)",cursor:n?"wait":"pointer",fontFamily:"var(--font-sans)"},children:n?"Removing…":"Remove"})]})}function Nl(){return{padding:"3px 8px",borderRadius:4,border:"1px solid var(--color-rule, #E8E1D6)",background:"transparent",color:"var(--text-secondary)",cursor:"pointer",fontSize:11,fontFamily:"var(--font-sans)"}}const Sj=3e3,Cj={anthropic:"Anthropic",openai:"OpenAI",openrouter:"OpenRouter"};function Rl(e){return e==="anthropic"||e==="openai"||e==="openrouter"}function Ej(){const{toast:e}=ps(),r=c.useRef(new Map),n=c.useCallback(s=>{if(!Rl(s.provider))return;const o=Date.now(),a=r.current.get(s.provider)??0;if(o-a<Sj)return;r.current.set(s.provider,o);const i=Cj[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||!Rl(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 Iu="vskill.studio.prefs";function Lu(){try{return typeof window>"u"?null:window.localStorage??null}catch{return null}}function Au(){const e=Lu();if(!e)return{};try{const r=e.getItem(Iu);if(!r)return{};const n=JSON.parse(r);return n&&typeof n=="object"&&!Array.isArray(n)?n:{}}catch{return{}}}function Nj(e,r){const n=Lu();if(n)try{const o={...Au(),[e]:r};n.setItem(Iu,JSON.stringify(o))}catch{}}function Rj(e,r){const s=Au()[e];return s===void 0?r:s}const Tl={open:!1,x:0,y:0,skill:null};function Tj(e,r){return{open:!0,x:e.clientX,y:e.clientY,skill:r}}function _t(e,r="info"){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:toast",{detail:{message:e,severity:r}}))}function Ij(e){typeof window>"u"||window.dispatchEvent(new CustomEvent("studio:request-delete",{detail:{skill:e}}))}async function Il(e,r){var n;try{await de.revealInEditor(e.plugin,e.skill,r),_t(_.toasts.openingInEditor,"info")}catch(s){if(s instanceof Kt){const o=(n=s.details)==null?void 0:n.error;if(s.status===404){_t(_.toasts.skillNotFound,"error");return}if(s.status===500&&o==="no_editor"){_t(_.toasts.noEditor,"error");return}}_t(_.toasts.openFailed,"error")}}async function Lj(e,r){var n;switch(e){case"copy-path":try{(n=navigator.clipboard)==null||n.writeText(r.dir)}catch{_t(_.toasts.permissionDenied,"error");return}_t(_.toasts.pathCopied,"info");return;case"reveal":case"edit":await Il(r,"SKILL.md");return;case"open":await Il(r);return;case"run-benchmark":_t(_.toasts.benchmarkQueued,"info");return;case"duplicate":_t(_.toasts.skillDuplicated,"info");return;case"clone":try{window.dispatchEvent(new CustomEvent("studio:request-clone",{detail:{skill:r}}))}catch{}return;case"update":_t(_.toasts.skillUpdated,"info");return;case"uninstall":_t(_.toasts.uninstallNotImplemented,"info");return;case"delete":Ij(r);return;default:return}}function Aj(e){return e.startsWith("#/create")}function Pj(e){return e.startsWith("#/updates")}function Pu(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 $j(){return Pu(Aj)}function Mj(){return Pu(Pj)}function Fj(){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 Dj(){if(typeof window>"u"||typeof window.matchMedia!="function")return!1;try{return window.matchMedia("(prefers-reduced-motion: reduce)").matches}catch{return!1}}function zj(){const[e,r]=c.useState("⌘⇧K");c.useEffect(()=>{r(Fj())},[]);const n=Dj();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 Bj(){const e=xn(),[r,n]=c.useState(null),[s,o]=c.useState(!0),[a,i]=c.useState(!1),[l,d]=c.useState(null),[u,p]=c.useState(null),[f,h]=c.useState(!1),m=c.useRef(!1);c.useEffect(()=>{let j=!1;return(async()=>{try{const S=await e.getSignedInUser();j||n(S)}catch{}finally{j||o(!1)}})(),()=>{j=!0}},[e]);const y=c.useRef(null);c.useEffect(()=>{if(!a)return;function j(k){y.current&&(y.current.contains(k.target)||i(!1))}function S(k){k.key==="Escape"&&i(!1)}return document.addEventListener("pointerdown",j),document.addEventListener("keydown",S),()=>{document.removeEventListener("pointerdown",j),document.removeEventListener("keydown",S)}},[a]);const x=c.useCallback(async j=>{try{if(typeof e.openExternalUrl=="function"){await e.openExternalUrl(j);return}}catch(S){console.warn("open external URL:",S)}window.open(j,"_blank","noopener,noreferrer")},[e]),g=c.useCallback(async()=>{p(null),h(!0),m.current=!1;let j=null;const S=k=>{j=k,p(k)};try{const k=await e.startGithubDeviceFlow();window.__vskillOauthState=k.userCode,d(k),x(k.verificationUri);let T=Math.max(1,k.interval);const w=Date.now()+k.expiresIn*1e3;for(;!m.current&&Date.now()<w&&(await Wj(T*1e3,()=>m.current),!m.current);){const E=await e.pollGithubDeviceFlow();if(E.status==="granted"){n(E.user),d(null),h(!1);return}if(E.status!=="pending"){if(E.status==="slow_down"){T=Math.max(T+1,E.newInterval);continue}if(E.status==="denied"){S("Sign-in was denied at GitHub. You can try again.");break}if(E.status==="expired"){S("Sign-in code expired. Try again to get a fresh code.");break}if(E.status==="no-flow"){S("Sign-in state lost. Please retry.");break}S(E.message);break}}!m.current&&!j&&S("Sign-in code expired. Try again to get a fresh code.")}catch(k){S(k instanceof Error?k.message:String(k))}finally{h(!1)}},[e,x]),b=c.useCallback(()=>{m.current=!0,d(null),p(null),h(!1)},[]),v=c.useCallback(async()=>{i(!1);try{await e.signOut()}catch(j){console.warn("sign-out:",j)}n(null)},[e]);return s?t.jsx("div",{"data-slot":"user-dropdown-placeholder",style:{width:28,height:28}}):r?t.jsxs("div",{"data-slot":"user-dropdown",style:{position:"relative"},ref:y,children:[t.jsxs("button",{type:"button","data-slot":"user-chip",onClick:()=>i(j=>!j),"aria-label":`Signed in as ${r.login}`,"aria-haspopup":"menu","aria-expanded":a,title:`Signed in as ${r.login}`,style:{display:"inline-flex",alignItems:"center",gap:6,height:28,padding:"0 6px 0 4px",borderRadius:14,border:"1px solid var(--border-default)",background:"var(--surface-1, transparent)",color:"var(--text-primary)",fontSize:12,fontFamily:"var(--font-sans)",cursor:"pointer"},children:[t.jsx("img",{src:r.avatar_url,alt:"",width:20,height:20,onError:j=>{const S=Hj(r.login);j.currentTarget.src!==S&&(j.currentTarget.src=S)},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(Ll,{label:"View on GitHub",onClick:()=>{x(`https://github.com/${r.login}`),i(!1)}}),t.jsx(Ll,{label:"Sign out",onClick:v})]})]}):t.jsxs("div",{"data-slot":"user-dropdown",style:{position:"relative"},ref:y,children:[t.jsxs("button",{type:"button","data-slot":"sign-in-button",onClick:g,disabled:f,"aria-label":"Sign in with GitHub",title:"Sign in with GitHub",style:{display:"inline-flex",alignItems:"center",gap:6,height:28,padding:"0 10px",borderRadius:6,border:"1px solid var(--border-default)",background:"var(--surface-1, transparent)",color:"var(--text-primary)",fontSize:12,fontFamily:"var(--font-sans)",cursor:f?"wait":"pointer"},children:[t.jsx(Oj,{size:14}),f?"Signing in…":"Sign in"]}),l&&t.jsx(_j,{response:l,error:u,onCancel:b,onOpenGithub:()=>void x(l.verificationUri),onRetry:g})]})}function _j({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 Uj(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 Ll({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 Oj({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 Wj(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 Uj(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 Hj(e){return`https://github.com/${encodeURIComponent(e)}.png?size=40`}function Vj({forcedTone:e}){const{snapshot:r,refreshing:n,forceSync:s}=Ra(),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??Gj(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:{...Kj,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:qj,children:n?"Syncing…":"Sync now"})]})}function Gj(e,r){return r?e<=1?"warn":null:"danger"}const Kj={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)"},qj={padding:"2px 10px",borderRadius:4,border:"1px solid currentColor",background:"transparent",color:"inherit",cursor:"pointer",fontSize:12,fontWeight:500};function Yj({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 Jj={green:"#16a34a",amber:"#f59e0b",grey:"#9ca3af",red:"#dc2626"},Qj={green:"Synced",amber:"Reauth needed",grey:"Idle",red:"Error"};function Xj({repos:e,viewMode:r="table",pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,onConnectNew:i,now:l=new Date}){const d=ew(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(tw,{summary:d,onConnectNew:i,showConnectAction:!0}),e.length===0?t.jsx(rw,{}):t.jsxs(t.Fragment,{children:[u.length>0?t.jsx(Al,{kind:"private",repos:u,viewMode:r,pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,now:l}):null,p.length>0?t.jsx(Al,{kind:"public",repos:p,viewMode:r,pendingActions:n,onOpenOnGitHub:s,onResync:o,onDisconnect:a,now:l}):null]})]})}function Al({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(Zj,{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(sw,{repos:r,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l}):t.jsx(nw,{repos:r,pendingActions:s,onOpenOnGitHub:o,onResync:a,onDisconnect:i,now:l})]})}function Zj({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 ew(e){let r=0,n=0;for(const s of e)s.isPrivate?n++:r++;return{total:e.length,publicCount:r,privateCount:n}}function tw({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(Xo,{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(Xo,{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 Xo({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 rw(){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 nw({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(ow,{repo:i,pending:r==null?void 0:r[i.repoId],onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a},i.repoId))})]})}function sw({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(aw,{repo:i,pending:r==null?void 0:r[i.repoId],onOpenOnGitHub:n,onResync:s,onDisconnect:o,now:a},i.repoId))})}function ow({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(Xr,{children:t.jsx($u,{repo:e})}),t.jsx(Xr,{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(Xr,{children:t.jsx(Mu,{status:e.syncStatus,errorMessage:e.lastErrorMessage})}),t.jsx(Xr,{children:t.jsx("span",{style:{color:"var(--text-secondary)"},children:Du(e.lastActivityAt,a)})}),t.jsx(Xr,{align:"right",children:t.jsx(Fu,{repo:e,pending:r,isOpen:i,onToggle:()=>l(d=>!d),onClose:()=>l(!1),onOpenOnGitHub:n,onResync:s,onDisconnect:o})})]})}function aw({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($u,{repo:e}),t.jsx(Fu,{repo:e,pending:r,isOpen:i,onToggle:()=>l(d=>!d),onClose:()=>l(!1),onOpenOnGitHub:n,onResync:s,onDisconnect:o})]}),t.jsx(ho,{label:"Skills",children:e.skillsCount===0?"—":String(e.skillsCount)}),t.jsx(ho,{label:"Status",children:t.jsx(Mu,{status:e.syncStatus,errorMessage:e.lastErrorMessage})}),t.jsx(ho,{label:"Last activity",children:Du(e.lastActivityAt,a)})]})}function $u({repo:e}){return t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,minWidth:0},children:[t.jsx(Xo,{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 Mu({status:e,errorMessage:r}){const n=Jj[e],s=Qj[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 ho({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 Fu({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(mo,{onClick:()=>{a(e),o()},children:"Open on GitHub"}),t.jsx(mo,{disabled:r==="resync",onClick:async()=>{await i(e),o()},children:r==="resync"?"Resyncing…":"Resync now"}),t.jsx(mo,{danger:!0,onClick:async()=>{await l(e),o()},children:"Disconnect"})]})]})}function mo({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 Xr({children:e,align:r="left"}){return t.jsx("td",{style:{textAlign:r,padding:"12px 12px",verticalAlign:"middle"},children:e})}function Du(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 xo=80,go=280;function iw({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>xo,h=i.length>go,m=o.trim().length>0&&!f&&!h;async function y(x){if(x.preventDefault(),!p||!m||n)return;const g={};o!==e.displayName&&(g.displayName=o),i!==(e.bio??"")&&(g.bio=i||null),d!==e.publicProfile&&(g.publicProfile=d),await r(g)}return t.jsxs("form",{"data-testid":"profile-form",onSubmit:y,style:{display:"flex",flexDirection:"column",gap:18,maxWidth:560,fontFamily:"var(--font-sans)"},children:[t.jsx(lw,{profile:e}),t.jsxs(yo,{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:xo+20,disabled:n,onChange:x=>a(x.target.value),style:vo}),t.jsx(Pl,{current:o.length,max:xo})]}),t.jsx(yo,{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:{...vo,background:"var(--bg-canvas, #f3f4f6)"}})}),t.jsxs(yo,{label:"Public bio",htmlFor:"profile-bio",children:[t.jsx("textarea",{id:"profile-bio","data-testid":"profile-bio",value:i,maxLength:go+40,rows:3,disabled:n,onChange:x=>l(x.target.value),style:{...vo,fontFamily:"inherit",resize:"vertical"}}),t.jsx(Pl,{current:i.length,max:go})]}),t.jsx(cw,{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 lw({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 yo({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 Pl({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 cw({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 vo={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"},dw={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 uw({tier:e,onUpgradeClick:r,showUpgradeCta:n=!0}){const s=dw[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 pw=[{value:30,label:"30 days"},{value:90,label:"90 days"},{value:365,label:"1 year"},{value:0,label:"Never"}];function fw({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(hw,{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(Sr,{children:"Name"}),t.jsx(Sr,{children:"Prefix"}),t.jsx(Sr,{children:"Scopes"}),t.jsx(Sr,{children:"Last used"}),t.jsx(Sr,{children:"Created"}),t.jsx(Sr,{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(Cr,{children:h.name}),t.jsx(Cr,{children:t.jsxs("code",{style:{fontFamily:"var(--font-mono)",fontSize:12,color:"var(--text-secondary)"},children:[h.prefix,"…"]})}),t.jsx(Cr,{children:h.scopes.join(", ")}),t.jsx(Cr,{children:Ml(h.lastUsedAt,l)}),t.jsx(Cr,{children:Ml(h.createdAt,l)}),t.jsx(Cr,{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(mw,{creating:i,onCancel:()=>u(!1),onSubmit:async h=>{await s(h),u(!1)}}),r&&t.jsx(xw,{created:r,onDismiss:()=>n==null?void 0:n()}),p&&t.jsx(gw,{token:p,pending:a===p.id,onCancel:()=>f(null),onConfirm:async()=>{await o(p),f(null)}})]})}function hw({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 mw({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(Aa,{title:"Generate new token",onDismiss:r,testId:"tokens-generate-modal",children:[t.jsx(bo,{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:Fl})}),t.jsx(bo,{label:"Scopes",children:t.jsxs("div",{style:{display:"flex",gap:16},children:[t.jsx($l,{label:"read",checked:a,disabled:e,onChange:i,testId:"scope-read"}),t.jsx($l,{label:"write",checked:l,disabled:e,onChange:d,testId:"scope-write"})]})}),t.jsx(bo,{label:"Expiry",children:t.jsx("select",{"data-testid":"token-expiry-select",value:u,disabled:e,onChange:h=>p(Number(h.target.value)),style:Fl,children:pw.map(h=>t.jsx("option",{value:h.value,children:h.label},h.value))})}),t.jsxs(Pa,{children:[t.jsx($a,{onClick:r,disabled:e,children:"Cancel"}),t.jsx(zu,{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 xw({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(Aa,{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(Pa,{children:[t.jsx($a,{onClick:o,children:n?"Copied!":"Copy to clipboard"}),t.jsx(zu,{onClick:r,children:"Done"})]})]})}function gw({token:e,pending:r,onCancel:n,onConfirm:s}){return t.jsxs(Aa,{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(Pa,{children:[t.jsx($a,{onClick:n,disabled:r,children:"Cancel"}),t.jsx(yw,{disabled:r,onClick:()=>void s(),children:r?"Revoking…":"Revoke"})]})]})}function Aa({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 Pa({children:e}){return t.jsx("div",{style:{display:"flex",gap:8,justifyContent:"flex-end",marginTop:4},children:e})}function zu({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 $a({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 yw({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 bo({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 $l({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 Sr({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 Cr({children:e,align:r="left"}){return t.jsx("td",{style:{textAlign:r,padding:"12px 12px",verticalAlign:"middle"},children:e})}function Ml(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 Fl={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"},vw=[{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 bw({prefs:e,onSubmit:r,saving:n=!1,errorMessage:s=null}){const[o,a]=c.useState(()=>Dl(e));c.useEffect(()=>{a(Dl(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:vw.map(u=>t.jsx(kw,{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 kw({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 Dl(e){return{weeklyDigest:!!e.weeklyDigest,securityAlerts:!0,commentReplies:e.commentReplies??!0,productUpdates:!!e.productUpdates}}function jw({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(ko,{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(ko,{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(ww,{exports:r})}),t.jsx(ko,{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(Sw,{pending:!!(a!=null&&a.signOutAll),onCancel:()=>d(!1),onConfirm:async()=>{await n(),d(!1)}}),u&&t.jsx(Cw,{githubHandle:e,pending:!!(a!=null&&a.deleteAccount),onCancel:()=>p(!1),onConfirm:async f=>{await o(f),p(!1)}})]})}function ko({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 ww({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:jo,children:"Requested"}),t.jsx("th",{style:jo,children:"Status"}),t.jsx("th",{style:jo,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:wo,children:new Date(r.requestedAt).toLocaleString()}),t.jsx("td",{style:wo,children:r.status}),t.jsx("td",{style:wo,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 Sw({pending:e,onCancel:r,onConfirm:n}){return t.jsxs(Bu,{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(_u,{children:[t.jsx(Ou,{onClick:r,disabled:e,children:"Cancel"}),t.jsx(Wu,{disabled:e,onClick:()=>void n(),children:e?"Signing out…":"Sign out everywhere"})]})]})}function Cw({githubHandle:e,pending:r,onCancel:n,onConfirm:s}){const[o,a]=c.useState(""),i=o.trim()===e;return t.jsxs(Bu,{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(_u,{children:[t.jsx(Ou,{onClick:n,disabled:r,children:"Cancel"}),t.jsx(Wu,{disabled:!i||r,onClick:()=>void s(o.trim()),children:r?"Deleting…":"Delete account"})]})]})}function Bu({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 _u({children:e}){return t.jsx("div",{style:{display:"flex",gap:8,justifyContent:"flex-end",marginTop:4},children:e})}function Ou({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 Wu({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 jo={textAlign:"left",padding:"8px 10px",fontWeight:600,fontSize:11,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--text-secondary)"},wo={padding:"8px 10px",color:"var(--text-primary)"},Ew="/api/v1/submissions/stream?mine=1",So=new Set([...us,...la]);function Nw(e){return!!e&&typeof e=="object"&&typeof e.submissionId=="string"&&typeof e.state=="string"}function Rw(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 Tw(e){return us.has(e)?"#22C55E":la.has(e)?"#EF4444":"#F59E0B"}function Iw({openStream:e=Cu,notify:r=xc}={}){const[n,s]=c.useState([]),[o,a]=c.useState({}),[i,l]=c.useState(!0),[d,u]=c.useState(null),[p,f]=c.useState(!1),h=c.useRef(new Set),m=c.useRef(!0),y=c.useCallback(async()=>{l(!0),u(null);try{const g=await de.getMyQueue();if(!m.current)return;const b=g.submissions??[];s(b),a(g.queuePositions??{}),h.current=new Set(b.map(v=>v.id));for(const v of b)So.has(v.state)&&oh(v.id,v.state)}catch(g){if(!m.current)return;u(g instanceof Error?g.message:String(g))}finally{m.current&&l(!1)}},[]),x=c.useCallback(g=>{h.current.has(g.submissionId)&&(s(b=>{let v=!1;const j=b.map(S=>S.id!==g.submissionId?S:(v=!0,{...S,state:g.state,skillName:g.skillName||S.skillName,updatedAt:g.timestamp||S.updatedAt}));return v?j:b}),So.has(g.state)&&(a(b=>{if(!(g.submissionId in b))return b;const v={...b};return delete v[g.submissionId],v}),mc(g.submissionId,g.state)&&r(g.submissionId,g.skillName,g.state)))},[r]);return c.useEffect(()=>(m.current=!0,y(),()=>{m.current=!1}),[y]),c.useEffect(()=>{let g=null,b=null,v=0,j=!1;const S=()=>{j||(g=e(Ew,{timeoutMs:6e5,onEvent:T=>{if(j||(f(!0),v=0,!T.data||T.data==="connected"||T.data==="keepalive"))return;let w;try{w=JSON.parse(T.data)}catch{return}Nw(w)&&x(w)},onError:()=>{j||(f(!1),k())},onClose:()=>{j||(f(!1),k())}}))},k=()=>{if(j||b!=null)return;const T=Math.min(1e3*2**v,3e4);v+=1,b=setTimeout(()=>{if(b=null,!j){try{g==null||g.close()}catch{}S()}},T)};return S(),()=>{j=!0,b!=null&&clearTimeout(b);try{g==null||g.close()}catch{}}},[]),t.jsxs("section",{"data-testid":"submission-queue-panel","aria-label":"My submission queue",style:{fontFamily:"var(--font-mono, monospace)"},children:[t.jsxs("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:10},children:[t.jsx("strong",{style:{fontSize:13,letterSpacing:"-0.01em"},children:"My submissions"}),t.jsxs("span",{"data-testid":"queue-stream-status",title:p?"Live":"Reconnecting…",style:{display:"inline-flex",alignItems:"center",gap:6,fontSize:10,textTransform:"uppercase",letterSpacing:"0.06em",color:p?"#22C55E":"#9CA3AF"},children:[t.jsx("span",{"aria-hidden":"true",style:{width:7,height:7,borderRadius:"50%",background:p?"#22C55E":"#9CA3AF",display:"inline-block"}}),p?"Live":"Offline"]})]}),i&&t.jsx("div",{"data-testid":"queue-loading",style:{fontSize:12,color:"#9CA3AF",padding:"8px 0"},children:"Loading your submissions…"}),d&&!i&&t.jsxs("div",{role:"alert","data-testid":"queue-error",style:{fontSize:12,color:"#EF4444",padding:"8px 0"},children:["Couldn’t load your submissions: ",d," ",t.jsx("button",{type:"button",onClick:()=>void y(),style:{background:"none",border:"none",color:"var(--color-accent, #2563EB)",textDecoration:"underline",cursor:"pointer",padding:0,font:"inherit"},children:"Retry"})]}),!i&&!d&&n.length===0&&t.jsx("div",{"data-testid":"queue-empty",style:{fontSize:12,color:"#9CA3AF",padding:"8px 0"},children:"No submissions yet. Publish a skill to add it to the queue."}),n.length>0&&t.jsxs("table",{"data-testid":"queue-table",style:{width:"100%",borderCollapse:"collapse",fontSize:12},children:[t.jsx("thead",{children:t.jsxs("tr",{style:{textAlign:"left",color:"#9CA3AF",fontSize:10,textTransform:"uppercase",letterSpacing:"0.06em"},children:[t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"Skill"}),t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"State"}),t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"Position"}),t.jsx("th",{style:{padding:"6px 8px",fontWeight:600},children:"Updated"})]})}),t.jsx("tbody",{children:n.map(g=>{const b=o[g.id],v=So.has(g.state);return t.jsxs("tr",{"data-testid":`queue-row-${g.id}`,"data-state":g.state,style:{borderTop:"1px solid rgba(255,255,255,0.06)"},children:[t.jsx("td",{style:{padding:"6px 8px",fontWeight:600},children:g.skillName}),t.jsx("td",{style:{padding:"6px 8px"},children:t.jsx("span",{"data-testid":`queue-state-${g.id}`,style:{color:Tw(g.state)},children:g.state})}),t.jsx("td",{style:{padding:"6px 8px",fontVariantNumeric:"tabular-nums"},"data-testid":`queue-position-${g.id}`,children:v||b==null?"—":`#${b}`}),t.jsx("td",{style:{padding:"6px 8px",color:"#9CA3AF",fontVariantNumeric:"tabular-nums"},children:Rw(g.updatedAt)})]},g.id)})})]})]})}const Lw=[{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 Aw({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($w,{}),t.jsxs("div",{style:{display:"flex",flex:1,minHeight:0},children:[t.jsx(Mw,{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(Fw,{tab:a,online:r,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o})})]})]})}function Pw(){const{data:e}=wn();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 $w(){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 Mw({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:Lw.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 Fw({tab:e,online:r,onConnectRepo:n,onOpenRepoOnGitHub:s,onUpgradeClick:o}){switch(e){case"profile":return t.jsx(Dw,{});case"billing":return t.jsx(zw,{onUpgradeClick:o});case"repos":return t.jsx(Bw,{online:r,onConnectRepo:n,onOpenRepoOnGitHub:s});case"skills":return t.jsx(_w,{});case"queue":return t.jsx(Ow,{});case"tokens":return t.jsx(Ww,{});case"notifications":return t.jsx(Hw,{});case"danger":return t.jsx(Vw,{});default:return null}}function Dw(){const{data:e,loading:r,error:n}=wn(),s=md(),[o,a]=c.useState(!1),[i,l]=c.useState(null);return r||!e?t.jsx(jr,{error:n}):t.jsx(iw,{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 zw({onUpgradeClick:e}){const{data:r,loading:n,error:s}=wn();return n||!r?t.jsx(jr,{error:s}):t.jsx(uw,{tier:r.tier,onUpgradeClick:e})}function Bw({online:e,onConnectRepo:r,onOpenRepoOnGitHub:n}){const{data:s,loading:o,error:a}=gs(),i=xd(),l=gd(),[d,u]=c.useState({});return o&&!s?t.jsx(jr,{error:a}):t.jsx(Xj,{repos:Ca(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 _w(){const{skills:e}=Xg();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(zl,{label:"Public skills",value:e.data.publicCount}),t.jsx(zl,{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(jr,{error:e.error})}function zl({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 Ow(){return t.jsx("section",{"data-testid":"account-queue-tab",style:{display:"flex",flexDirection:"column",gap:12},children:t.jsx(Iw,{})})}function Ww(){const{data:e,loading:r,error:n}=yd(),s=vd(),o=bd(),[a,i]=c.useState(!1),[l,d]=c.useState(null),[u,p]=c.useState(null);return r&&!e?t.jsx(jr,{error:n}):n&&!e?t.jsx(Uw,{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(fw,{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 Uw({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 Hw(){const{data:e,loading:r,error:n}=kd(),s=jd(),[o,a]=c.useState(!1),[i,l]=c.useState(null);return r||!e?t.jsx(jr,{error:n}):t.jsx(bw,{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 Vw(){const{data:e}=wn(),{data:r}=wd(),n=Sd(),s=Cd(),o=Ed(),[a,i]=c.useState({}),[l,d]=c.useState(null);return e?t.jsx(jw,{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(jr,{})}function jr({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 Gw=c.lazy(()=>ar(()=>import("./FindSkillsPalette-BstJ22TI.js"),__vite__mapDeps([8,5,3,4])).then(e=>({default:e.FindSkillsPalette})));nh();const Kw=c.lazy(()=>ar(()=>import("./SkillDetailPanel-DnujVk6g.js"),__vite__mapDeps([9,3,4,10,5,6])).then(e=>({default:e.SkillDetailPanel}))),qw=c.lazy(()=>ar(()=>import("./CreateSkillPage-BUrgworx.js"),__vite__mapDeps([11,3,4,5,6])).then(e=>({default:e.CreateSkillPage}))),Yw=c.lazy(()=>ar(()=>Promise.resolve().then(()=>V1),void 0).then(e=>({default:e.UpdatesPanel})));function Jw(){return t.jsx(Fh,{children:t.jsx(Av,{children:t.jsx(Ph,{children:t.jsx(Pm,{children:t.jsx(Qw,{children:t.jsxs(q0,{children:[t.jsx(Xw,{}),t.jsx(H0,{})]})})})})})})}function Qw({children:e}){const[r,n]=c.useState(void 0);return c.useEffect(()=>{let s=!1;if(vc())return Rh().then(o=>{s||n(o)}),()=>{s=!0}},[]),t.jsx(Kg,{value:r,children:e})}function Xw(){var Fa,Da;const{state:e,selectSkill:r,clearSelection:n,refreshSkills:s,outdatedByOrigin:o,revealSkill:a,clearReveal:i}=It(),{config:l}=vr(),{resolvedTheme:d,setTheme:u}=Ic(),{toast:p}=ps(),[f,h]=c.useState(()=>Gy()),[m]=c.useState(!0),[y,x]=c.useState(!1),[g,b]=c.useState(!1),[v,j]=c.useState(!1),[S,k]=c.useState(()=>typeof window>"u"?"overview":Jo(window.location.search).tab),[T,w]=c.useState(()=>{if(typeof window>"u")return"";const z=Jo(window.location.search);return z.mode?z.mode:z.view?z.view:ju(z.tab,window.location.search)}),E=c.useCallback(z=>{k(ie=>(ie!==z&&w(ln(z)),z))},[]);c.useEffect(()=>{if(typeof window>"u")return;const z=()=>{const ie=new URLSearchParams(window.location.search),le=ie.get("tab"),at=ie.get("panel"),_e=os(le)??os(at);if(!_e)return;const zt=new URLSearchParams(window.location.search);zt.delete("panel"),zt.delete("sub"),_e.tab==="overview"?zt.delete("tab"):zt.set("tab",_e.tab),zt.delete("mode"),zt.delete("view"),_e.mode&&zt.set("mode",_e.mode),_e.view&&zt.set("view",_e.view);const Pt=zt.toString(),za=`${window.location.pathname}${Pt?"?"+Pt:""}${window.location.hash}`,Uu=`${window.location.pathname}${window.location.search}${window.location.hash}`;za!==Uu&&window.history.replaceState(null,"",za),k(_e.tab),_e.mode?w(_e.mode):_e.view?w(_e.view):w(ln(_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"),S==="overview"?z.delete("tab"):z.set("tab",S),z.delete("mode"),z.delete("view"),!(T===ln(S))&&T&&(S==="run"?z.set("mode",T):S==="history"&&z.set("view",T));const le=z.toString(),at=`${window.location.pathname}${le?"?"+le:""}${window.location.hash}`,_e=`${window.location.pathname}${window.location.search}${window.location.hash}`;at!==_e&&window.history.replaceState(null,"",at)},[S,T]);const[N,R]=c.useState(Tl),L=c.useCallback((z,ie)=>{R(Tj(z,ie))},[]),A=Hk(),[$,W]=c.useState(()=>Rj("activeAgent",null)),C=c.useCallback(z=>{W(z),Nj("activeAgent",z),typeof window<"u"&&window.dispatchEvent(new CustomEvent("studio:agent-changed",{detail:{agentId:z}}))},[]);c.useEffect(()=>{var z;!$&&((z=A.response)!=null&&z.suggested)&&C(A.response.suggested)},[$,(Fa=A.response)==null?void 0:Fa.suggested,C]);const I=c.useMemo(()=>A.response?zk(A.response):[],[A.response]),{workspace:P,switchProject:F,addProject:H,removeProject:ce,activeProject:V}=Qk(),[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),[B,re]=c.useState("standalone"),[M,O]=c.useState(!1),[G,K]=c.useState(null),se=c.useRef(null),te=Hd(),J=xn(),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 le=ie.detail;Z((le==null?void 0:le.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 le=ie.detail;K(le!=null&&le.repoName?{repoName:le.repoName}:null),O(!0)}return window.addEventListener("studio:request-paywall",z),()=>window.removeEventListener("studio:request-paywall",z)},[]);const[pe,D]=c.useState(!1),[q,X]=c.useState(null),[Y,ue]=c.useState(null);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;!le||typeof le.skill!="string"||le.skill.length===0||ue({skill:le.skill,skillDisplayName:le.skillDisplayName,scope:le.scope==="project"?"project":"user",activeAgentId:le.activeAgentId,preCheckedAgentIds:le.preCheckedAgentIds})}return window.addEventListener("studio:open-install-targets-modal",z),()=>window.removeEventListener("studio:open-install-targets-modal",z)},[]);const[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}=Rd(),Ye=c.useMemo(()=>{const z=new Map;for(const ie of e.skills){const le=Sn(ie.repoUrl);if(!le)continue;const at=Ve.get(le);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]);Bo([{key:"p",meta:!0,handler:z=>{var le;const ie=typeof document<"u"?document.activeElement:null;ie&&ie.tagName==="INPUT"||((le=z==null?void 0:z.preventDefault)==null||le.call(z),ne(at=>!at))}}],{enabled:!0});const Pe=kk(),rt=Pe.open;c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.provider&&rt(le.provider)}return window.addEventListener("studio:open-setup-drawer",z),()=>window.removeEventListener("studio:open-setup-drawer",z)},[rt]);const Je=c.useCallback(()=>{R(Tl)},[]);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.message&&p({message:le.message,severity:le.severity??"info"})}return window.addEventListener("studio:toast",z),()=>window.removeEventListener("studio:toast",z)},[p]),Ej();const[Ie,ee]=c.useState(!1),[De,qe]=c.useState(void 0);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;qe(le==null?void 0:le.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,Et]=c.useState(()=>new Set),Ht=c.useRef(!1),Nt=c.useMemo(()=>cy(),[]),st=c.useCallback(z=>`${z.plugin}/${z.skill}`,[]),yt=c.useCallback(z=>{Et(ie=>{const le=new Set(ie);return le.add(st(z)),le})},[st]),vt=c.useCallback(z=>{Et(ie=>{const le=new Set(ie);return le.delete(st(z)),le})},[st]),Lt=kl({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:_.actions.retry,onInvoke:()=>{yt(z),Lt.enqueueDelete(z)}}})}});c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.skill&&nt(le.skill)}return window.addEventListener("studio:request-delete",z),()=>window.removeEventListener("studio:request-delete",z)},[]);const[Ne,Ce]=c.useState(null);c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.skill&&Ce(le.skill)}return window.addEventListener("studio:request-clone",z),()=>window.removeEventListener("studio:request-clone",z)},[]);const[ze,ot]=c.useState(null),Qt=kl({delayMs:250,apiCall:(z,ie)=>api.uninstallSkill(z,ie),onCommit:z=>{s(),vt(z)},onFailure:(z,ie)=>{var le;if(vt(z),ie instanceof Kt&&((le=ie.details)==null?void 0:le.code)==="not-installed"){p({message:`${z.skill} is a source-authored skill — use Delete instead`,severity:"info",durationMs:4e3});return}p({message:`Couldn't uninstall ${z.skill}: ${ie.message}`,severity:"error",durationMs:0,action:{label:_.actions.retry,onInvoke:()=>{yt(z),Qt.enqueueDelete(z)}}})}});c.useEffect(()=>{function z(ie){if(!(ie instanceof CustomEvent))return;const le=ie.detail;le!=null&&le.skill&&ot(le.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),Qt.flushBySkillName(z)])},[Lt,Qt]),bs=c.useMemo(()=>({flushBySkillName:At}),[At]),ks=c.useCallback(()=>{const z=ze;if(ot(null),!z)return;const ie={plugin:z.plugin,skill:z.skill};yt(ie),Qt.enqueueDelete(ie),p({message:`Uninstalled ${z.skill}. Sent to your ${Nt}.`,severity:"info",durationMs:4e3})},[ze,yt,Qt,p,Nt]),Ur=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 le=Ht.current?"":`Sent to your ${Nt}. Open Trash to restore. `;Ht.current=!0,p({message:`${le}Deleted ${z.skill}`,severity:"info",durationMs:1e4,action:{label:_.actions.undo,onInvoke:()=>{Lt.cancelDelete(st(ie)),vt(ie)}}})},[$e,yt,vt,Lt,p,Nt,st]),wr=c.useCallback(()=>{nt(null)},[]),Xt=c.useMemo(()=>e.skills.filter(z=>!it.has(st(z))),[e.skills,it,st]),Nn=ev(Xt,(V==null?void 0:V.path)??null),Qe=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(!Qe||typeof window>"u"||new URLSearchParams(window.location.search).get("tab")||!(Qe.origin==="installed"))return;const le=`${Qe.plugin}/${Qe.skill}`;Me.current!==le&&(Me.current=le,S==="overview"&&k("source"))},[Qe==null?void 0:Qe.plugin,Qe==null?void 0:Qe.skill,Qe==null?void 0:Qe.origin]);const dr=c.useCallback(z=>{r({plugin:z.plugin,skill:z.skill,origin:z.origin,source:z.source})},[r]),Zt=c.useMemo(()=>{if(!e.selectedSkill)return"";const z=e.selectedSkill.origin==="installed"?"Installed":"Own";return`Viewing ${e.selectedSkill.skill} (${z})`},[e.selectedSkill]),[Rn,lt]=c.useState(null);Bo([{key:"cmd+k",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openFindSkills"))}},{key:"ctrl+k",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openFindSkills"))}},{key:"cmd+shift+m",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openAgentModelPicker"))}},{key:"ctrl+shift+m",handler:()=>{typeof window<"u"&&window.dispatchEvent(new CustomEvent("openAgentModelPicker"))}},{key:"?",handler:()=>x(z=>!z)},{key:"cmd+shift+d",handler:()=>u(d==="light"?"dark":"light")},{key:"ctrl+shift+d",handler:()=>u(d==="light"?"dark":"light")},{key:"cmd+b",handler:()=>b(z=>!z)},{key:"ctrl+b",handler:()=>b(z=>!z)}]);const Ma=$j(),er=Mj(),js=v?t.jsx(Aw,{online:typeof navigator>"u"?!0:navigator.onLine!==!1,onConnectRepo:()=>{ae("https://verified-skill.com/account/repos/connect")},onOpenRepoOnGitHub:ae,onUpgradeClick:()=>{ae(Ta)}}):er?t.jsx(c.Suspense,{fallback:t.jsx("div",{style:{padding:40},children:"Loading…"}),children:t.jsx(Yw,{})}):Ma?t.jsx(c.Suspense,{fallback:t.jsx("div",{style:{padding:40},children:"Loading…"}),children:t.jsx(qw,{})}):t.jsx(M0,{selectedSkillInfo:Qe,activeDetailTab:S,onDetailTabChange:E,activeDetailSub:T,onDetailSubChange:w,allSkills:e.skills,onSelectSkill:dr});return t.jsxs(pu.Provider,{value:bs,children:[t.jsx(Dh,{sidebarWidth:f,sidebarHidden:g||e.isMobile&&e.mobileView==="detail",banner:t.jsx(tv,{connected:m}),liveMessage:Zt,topRail:t.jsx(Om,{projectName:(l==null?void 0:l.projectName)??null,selected:e.selectedSkill,onHome:n,onRequestCreateSkill:()=>Z("standalone"),projectPickerSlot:P&&P.projects.length>0?t.jsx(Zk,{workspace:P,onSwitch:F,onAdd:H,onRemove:ce}):void 0,findSkillsSlot:t.jsx(zj,{}),appUpdateSlot:t.jsx(J0,{}),userDropdownSlot:t.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:8},children:[t.jsx(Vj,{}),t.jsx(Bj,{})]})}),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(My,{skills:Xt,selectedKey:e.selectedSkill?{plugin:e.selectedSkill.plugin,skill:e.selectedSkill.skill}:null,onSelect:z=>{j(!1),dr(z)},isLoading:e.skillsLoading,error:e.skillsError??null,onRetry:s,onContextMenu:L,outdatedByOrigin:o,activeAgentId:$,revealSkillId:e.revealSkillId,onRevealComplete:i,dirtySkillIds:Nn,onSkillsChanged:s,topSlot:t.jsxs(t.Fragment,{children:[A.status==="ready"&&I.length>0?t.jsxs(t.Fragment,{children:[t.jsx(Bk,{agents:I,activeAgentId:$,onActiveAgentChange:C,onOpenSetup:z=>Pe.open(z)}),t.jsx(Uk,{activeAgentId:$})]}):null,V!=null&&V.path?t.jsx(Ld,{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(Yj,{active:v,onClick:()=>j(z=>!z)})})]}),resizeHandle:t.jsx(qy,{initialWidth:f??an,onChange:h}),main:js,statusBar:t.jsx(Xm,{projectPath:(l==null?void 0:l.root)??null,modelName:(l==null?void 0:l.model)??null,health:l!=null&&l.error?"degraded":"ok",providers:(Da=l==null?void 0:l.providers)==null?void 0:Da.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(X0,{open:y,onClose:()=>x(!1)}),t.jsx(mk,{open:Pe.isOpen,providerKey:Pe.providerKey,onClose:Pe.close}),t.jsx(ek,{state:N,onClose:Je,onAction:(z,ie)=>Lj(z,ie)}),t.jsx(c.Suspense,{fallback:null,children:t.jsx(Gw,{onSelect:z=>{const ie=z.name.split("/");ie.length===3&<({owner:ie[0],repo:ie[1],slug:ie[2],displayName:z.displayName??z.name})}})}),Rn&&t.jsx(c.Suspense,{fallback:null,children:t.jsx(Kw,{selectedSkill:Rn,activeAgentId:$,onClose:()=>lt(null)})}),t.jsx(tj,{open:U,projects:(P==null?void 0:P.projects)??[],onSwitch:z=>{F(z)},onClose:()=>ne(!1)}),t.jsx(rj,{open:me,onClose:()=>be(!1),initialMode:B,isClaudeCode:$==="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(aj,{open:pe,onClose:()=>D(!1),installedNames:xe,privatePlugins:Ye,onInstall:(z,ie)=>{X({plugin:z,marketplace:ie,ref:`${z}@${ie}`}),D(!1)},onUninstall:async z=>{if(await new Promise(le=>{we({plugin:z,resolve:le})}))try{const le=await fetch(`/api/plugins/${encodeURIComponent(z)}/uninstall`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({})}),at=await le.json().catch(()=>({}));if(!le.ok||!at.ok){p({message:at.error??`Uninstall failed (${le.status})`,severity:"error"});return}const _e=at.fallback==="orphan-cache-removed"?`Removed orphaned ${z}.`:`Uninstalled ${z}.`;p({message:_e,severity:"success"}),s()}catch(le){p({message:le instanceof Error?le.message:String(le),severity:"error"})}}}),t.jsx(Ec,{open:Ie,onClose:()=>ee(!1),initialProvider:De,onToast:z=>p({message:z,severity:"info"})}),t.jsx(uj,{job:q,onDone:z=>{z.ok&&(s(),setTimeout(()=>X(null),3e3))}}),Y&&t.jsx(kj,{skill:Y.skill,skillDisplayName:Y.skillDisplayName,scope:Y.scope,activeAgentId:Y.activeAgentId===void 0?$:Y.activeAgentId,preCheckedAgentIds:Y.preCheckedAgentIds,onClose:()=>ue(null),onSuccess:z=>{s();const ie=z.filter(Pt=>Pt.status==="installed").length,le=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"}):le>0?p({message:`Installed ${_e}; ${le} target${le===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(Jn,{open:$e!==null,title:$e?`Delete "${$e.skill}"?`:"",body:`It will be sent to your ${Nt}. You can recover it from there.`,confirmLabel:"Delete",cancelLabel:"Cancel",variant:"destructive",onConfirm:Vt,onCancel:wr}),t.jsx(Jn,{open:ze!==null,title:ze?`Uninstall "${ze.skill}"?`:"",body:`It will be sent to your ${Nt} and the lockfile entry will be removed. You can re-install with vskill install.`,confirmLabel:"Uninstall",cancelLabel:"Cancel",variant:"destructive",onConfirm:ks,onCancel:Ur}),t.jsx(Jn,{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(Vd,{open:M,skillName:(G==null?void 0:G.repoName)??void 0,onClose:()=>{O(!1),K(null)},onProceed:()=>{K(null)}}),Ne&&t.jsx(rk,{skill:Ne,onCloned:z=>{p({message:_.toasts.cloneSucceeded,severity:"info"}),Ce(null);try{window.dispatchEvent(new CustomEvent("studio:skills-changed",{detail:z}))}catch{}s()},onCancel:()=>Ce(null)})]})}const Bl="vskill.migrations.scope-rename.v1",Zw={own:"authoring-project",installed:"available-project",global:"available-personal"},eS=/^vskill-sidebar-(.+)-(own|installed|global)-collapsed$/;function tS(e){if(e.getItem(Bl)==="done")return;const r=[];for(let n=0;n<e.length;n++){const s=e.key(n);if(!s)continue;const o=s.match(eS);if(!o)continue;const[,a,i]=o,l=Zw[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(Bl,"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{tS(window.localStorage)}catch{}Gu.createRoot(document.getElementById("root")).render(t.jsx(c.StrictMode,{children:t.jsx(yf,{children:t.jsx(Km,{children:t.jsx(Jw,{})})})}));export{vs as E,kj as I,ic as L,En as P,O1 as S,oS as T,de as a,It as b,z1 as c,F1 as d,Cn as e,ps as f,Rj as g,uu as h,Cu as o,Au as r,Hf as s,Tr as t,vr as u,Nj as w};
|