@xopcai/xopc 0.0.18 → 0.0.20

package/dist/gateway/static/root/assets/{skills-page-Dg_Uk_jM.js → skills-page-0rmNu4AL.js}

@@ -1,3 +1,3 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/jszip.min-DVUfmhpE.js","assets/rolldown-runtime-DWdDZTNf.js"])))=>i.map(i=>d[i]);
-import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{Cn as r}from"./vendor-codemirror-CXAvob9m.js";import{$ as i,Bt as a,Cr as ee,Er as te,Gn as ne,In as re,Kt as ie,Mt as ae,Ot as oe,Qt as se,Un as o,Vt as s,Wn as ce,Wt as c,Xn as le,_ as ue,b as de,bn as l,d as fe,dn as pe,dr as me,dt as u,f as he,fn as d,ft as f,g as ge,gr as _e,h as ve,l as ye,ln as be,lr as xe,lt as Se,m as Ce,mn as we,ot as Te,p as Ee,pn as p,rn as m,st as De,tn as h,u as Oe,ur as ke,ut as g,y as _,zn as Ae}from"./index-DJnBAhem.js";import{a as v,i as y,n as b,r as x,t as S}from"./dist-CS--Aojm.js";var C=e(t(),1),w=n();function je(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function Me(e){let t=e.toLowerCase().replace(/_/g,`-`);return t.includes(`find-skill`)?be:t.includes(`install`)&&(t.includes(`depend`)||t.includes(`dependency`))?l:t.includes(`create-skill`)?m:t===`docx`||t.endsWith(`-docx`)?ce:t===`pdf`||t.endsWith(`-pdf`)?o:t===`pptx`||t.includes(`pptx`)?p:t===`xlsx`||t.includes(`xlsx`)?h:t.includes(`markdown`)||t.includes(`md`)?_e:d}function Ne({name:e,className:t}){let n=Me(e);return(0,w.jsx)(`div`,{className:c(`flex size-11 shrink-0 items-center justify-center rounded-xl`,`bg-surface-hover/90 shadow-surface ring-1 ring-inset ring-edge/35 dark:bg-surface-active/80 dark:ring-edge/50`,`transition-[transform,box-shadow] duration-200 ease-out group-hover:ring-edge/55 dark:group-hover:ring-edge/65`,`group-hover:-translate-y-px`,t),"aria-hidden":!0,children:(0,w.jsx)(n,{className:`size-[1.35rem] text-fg-muted transition-colors duration-200 group-hover:text-fg`,strokeWidth:1.75})})}var Pe=new Set([`builtin`,`user`,`marketplace`]),Fe=new Set([`all`,`global`,`workspace`,`extra`]);function Ie(e){return{...e,enabled:e.enabled??!0,disableModelInvocation:e.disableModelInvocation??!1}}function Le({checked:e,onChange:t}){return(0,w.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":e,className:c(`relative h-6 w-10 shrink-0 overflow-hidden rounded-full border border-edge p-0.5`,`transition-[border-color,background-color] duration-200 ease-out`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,`active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100`,e?`bg-accent`:`bg-surface-hover`),onClick:()=>t(!e),children:(0,w.jsx)(`span`,{className:c(`pointer-events-none absolute left-0.5 top-1/2 block size-4 -translate-y-1/2 rounded-full bg-surface-panel shadow-surface ring-1 ring-edge/40 dark:ring-edge/55`,`transition-transform duration-200 ease-out motion-reduce:transition-none`,e?`translate-x-5`:`translate-x-0`),"aria-hidden":!0})})}async function Re(t){let n=t.name.toLowerCase();if(n.endsWith(`.zip`))return t;if(n.endsWith(`skill.md`)){let n=(await r(async()=>{let{default:t}=await import(`./jszip.min-DVUfmhpE.js`).then(t=>e(t.default,1));return{default:t}},__vite__mapDeps([0,1]))).default,i=new n;i.file(`SKILL.md`,await t.arrayBuffer());let a=await i.generateAsync({type:`blob`,compression:`DEFLATE`}),ee=t.name.replace(/\.md$/i,``).replace(/\s+/g,`-`)||`skill`;return new File([a],`${ee}.zip`,{type:`application/zip`})}throw Error(`invalid`)}var ze=6;function Be(){let e=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`;return(0,w.jsxs)(`div`,{className:`flex items-center gap-4 px-4 py-3.5`,"aria-hidden":!0,children:[(0,w.jsx)(`div`,{className:c(`size-11 shrink-0 rounded-xl`,e)}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,w.jsx)(`div`,{className:c(`h-4 max-w-[10rem]`,e)}),(0,w.jsx)(`div`,{className:c(`h-3 w-full max-w-xl rounded`,e)})]}),(0,w.jsx)(`div`,{className:c(`h-6 w-10 shrink-0 rounded-full`,e)})]})}function Ve(){let e=a(ae(e=>e.language)).skills,t=!!oe(e=>e.token),[n,r]=te(),[o,ce]=(0,C.useState)([]),[l,d]=(0,C.useState)(!1),[_e,p]=(0,C.useState)(null),[m,h]=(0,C.useState)(!1),Me=n.get(`q`)??``,Ve=n.get(`tab`),He=n.get(`source`),Ue=Pe.has(Ve)?Ve:`builtin`,We=Fe.has(He)?He:`all`,[T,E]=(0,C.useState)(Me),[D,O]=(0,C.useState)(null),[k,A]=(0,C.useState)(Ue),[j,Ge]=(0,C.useState)(We),[Ke,M]=(0,C.useState)(!1),[N,P]=(0,C.useState)(null),[qe,F]=(0,C.useState)(!1),[Je,I]=(0,C.useState)(!1),[L,R]=(0,C.useState)(null),[Ye,Xe]=(0,C.useState)(null),[z,Ze]=(0,C.useState)({}),[Qe,B]=(0,C.useState)(!1),[$e,et]=(0,C.useState)(`catalog`),[V,H]=(0,C.useState)(``),[tt,U]=(0,C.useState)(``),[nt,W]=(0,C.useState)(!1),[rt,G]=(0,C.useState)(null),[K,it]=(0,C.useState)(`downloads`),[q,at]=(0,C.useState)(1),[J,ot]=(0,C.useState)(!1),[st,ct]=(0,C.useState)(null),[Y,lt]=(0,C.useState)(null),[ut,dt]=(0,C.useState)(null),X=(0,C.useCallback)(async t=>{let n=t?.silent===!0;n||d(!0),p(null);try{return ce((await Ee()).catalog.map(Ie)),{ok:!0}}catch(t){let n=t instanceof Error?t.message:e.loadFailed;return p(n),{ok:!1,message:n}}finally{n||d(!1)}},[e.loadFailed]);(0,C.useEffect)(()=>{t&&X()},[t,X]),(0,C.useEffect)(()=>{let e=n.get(`q`)??``,t=n.get(`tab`),r=n.get(`source`),i=Pe.has(t)?t:`builtin`,a=Fe.has(r)?r:`all`;E(t=>t===e?t:e),A(e=>e===i?e:i),Ge(e=>e===a?e:a)},[n]),(0,C.useEffect)(()=>{k===`marketplace`&&at(1)},[T,K,k]),(0,C.useEffect)(()=>{if(!t||k!==`marketplace`)return;let n=!1;return ot(!0),ct(null),fe({q:T.trim()||void 0,page:q,pageSize:20,sort:K}).then(e=>{n||lt(e)}).catch(t=>{n||(ct(t instanceof Error?t.message:e.marketplaceLoadFailed),lt(null))}).finally(()=>{n||ot(!1)}),()=>{n=!0}},[t,k,q,K,T,e.marketplaceLoadFailed]),(0,C.useEffect)(()=>{let e=new URLSearchParams(n),t=T.trim();t?e.set(`q`,t):e.delete(`q`),k===`builtin`?e.delete(`tab`):e.set(`tab`,k),j===`all`?e.delete(`source`):e.set(`source`,j),e.toString()!==n.toString()&&r(e,{replace:!0})},[k,n,T,r,j]);let Z=(0,C.useCallback)((e,t,n=5e3)=>{O({kind:e,message:t}),window.setTimeout(()=>O(null),n)},[]),ft=(0,C.useCallback)(async t=>{et(`catalog`),B(!0),H(t.name),U(``),G(null),W(!0);try{let{markdown:e,name:n}=await he(t.name);U(e),H(n)}catch(t){G(t instanceof Error?t.message:e.detailLoadFailed)}finally{W(!1)}},[e.detailLoadFailed]),pt=(0,C.useCallback)(async t=>{et(`store`),B(!0),H(t),U(``),G(null),W(!0);try{let n=await Oe(t);H(n.name);let r=n.readme?.trim();r?U(r):n.description?.trim()?U(`## ${n.name}\n\n${n.description.trim()}`):U(`*${e.marketplaceNoReadme}*`)}catch(t){G(t instanceof Error?t.message:e.detailLoadFailed)}finally{W(!1)}},[e.detailLoadFailed,e.marketplaceNoReadme]),mt=(0,C.useCallback)(async(t,n)=>{Xe(t),Ze(e=>({...e,[t]:n})),O(null);try{return await ve(t,n),await X({silent:!0}),!0}catch(n){return Ze(e=>{let{[t]:n,...r}=e;return r}),Z(`error`,n instanceof Error?n.message:e.skillToggleFailed),!1}finally{Xe(null),Ze(e=>{let{[t]:n,...r}=e;return r})}},[X,Z,e.skillToggleFailed]),ht=(0,C.useCallback)(async()=>{O(null),d(!0),p(null);try{await ge()}catch(t){p(t instanceof Error?t.message:e.reloadFailed),d(!1);return}await X()},[X,e.reloadFailed]),gt=(0,C.useMemo)(()=>{let e=o.filter(e=>e.source===`builtin`);return{total:e.length,enabled:e.filter(e=>z[e.name]??e.enabled).length}},[o,z]),_t=(0,C.useMemo)(()=>{let e=o.filter(e=>e.source!==`builtin`);return{total:e.length,enabled:e.filter(e=>z[e.name]??e.enabled).length}},[o,z]),vt=(0,C.useMemo)(()=>V?o.find(e=>e.name===V):void 0,[o,V]),yt=vt==null?!0:z[V]??vt.enabled,bt=(0,C.useMemo)(()=>{let e=T.trim().toLowerCase(),t=o;return k===`builtin`?t=t.filter(e=>e.source===`builtin`):(t=t.filter(e=>e.source!==`builtin`),j!==`all`&&(t=t.filter(e=>e.source===j))),e?t.filter(t=>[t.name,t.description,t.directoryId,t.path,t.source,t.hub?.source,t.hub?.ref].filter(Boolean).join(` `).toLowerCase().includes(e)):t},[o,T,k,j]),xt=async t=>{O(null),h(!0),p(null);try{let n;try{n=await Re(t)}catch{p(e.invalidFile),Z(`error`,e.invalidFile);return}await ue(n,{overwrite:!0}),await X(),Z(`success`,e.installSuccess),M(!1),P(null),A(`user`)}catch(t){p(t instanceof Error?t.message:e.uploadFailed),Z(`error`,t instanceof Error?t.message:e.uploadFailed)}finally{h(!1)}},St=()=>{N&&xt(N)},Ct=e=>{let t=e.target.files?.[0];e.target.value=``,t&&P(t)},wt=e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.types.includes(`Files`)&&(F(!0),e.dataTransfer.dropEffect=`copy`)},Tt=e=>{let t=e.currentTarget,n=e.relatedTarget;n&&t.contains(n)||F(!1)},Et=e=>{e.preventDefault(),e.stopPropagation(),F(!1);let t=e.dataTransfer?.files?.[0];t&&P(t)},Dt=t=>{switch(t){case`builtin`:return e.source.builtin;case`workspace`:return e.source.workspace;case`global`:return e.source.global;case`extra`:return e.source.extra;default:return t}},Ot=async()=>{let t=L;if(I(!1),R(null),t){O(null);try{await ye(t),await X()}catch(t){p(t instanceof Error?t.message:e.deleteFailed)}}},Q=(0,C.useCallback)(e=>o.some(t=>t.name===e),[o]),kt=(0,C.useCallback)(async t=>{let n=Q(t);if(!(n&&!window.confirm(e.marketplaceReinstallConfirm))){O(null),dt(t);try{await Ce({name:t,overwrite:n}),await X({silent:!0}),Z(`success`,e.installSuccess),B(!1),A(`user`)}catch(t){Z(`error`,t instanceof Error?t.message:e.uploadFailed)}finally{dt(null)}}},[Q,X,Z,e.installSuccess,e.marketplaceReinstallConfirm,e.uploadFailed]),At=j===`all`?e.filterAll:j===`global`?e.filterGlobal:j===`workspace`?e.filterWorkspace:e.filterExtra,jt=i(e=>e.setPageHeader),$=i(e=>e.clearPageHeader),{pathname:Mt}=ee(),Nt=Mt.startsWith(`/settings/`),Pt=(0,C.useMemo)(()=>(0,w.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2`,children:[(0,w.jsx)(s,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,disabled:l,title:e.reloadRuntime,"aria-label":e.reloadDiskAria,onClick:()=>void ht(),children:(0,w.jsx)(pe,{className:c(`size-4`,l&&`animate-spin`),strokeWidth:1.75})}),(0,w.jsxs)(`label`,{className:`relative flex min-h-9 min-w-0 max-w-sm cursor-text items-center rounded-pill border border-edge bg-surface-base py-1.5 pl-9 pr-3 shadow-surface dark:bg-surface-hover/40 sm:max-w-md`,children:[(0,w.jsx)(be,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-disabled`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`input`,{type:`text`,role:`searchbox`,enterKeyHint:`search`,value:T,onChange:e=>E(e.target.value),placeholder:e.searchPlaceholder,autoComplete:`off`,spellCheck:!1,className:`min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-sm leading-normal text-fg caret-current placeholder:text-fg-disabled focus:border-0 focus:shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none`})]}),(0,w.jsxs)(s,{type:`button`,variant:`primary`,className:`shrink-0 gap-2`,onClick:()=>{P(null),M(!0)},children:[(0,w.jsx)(we,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),e.installCta]})]}),[l,ht,T,M,P,E,e.installCta,e.reloadDiskAria,e.reloadRuntime,e.searchPlaceholder]);return(0,C.useLayoutEffect)(()=>!t||Nt?($(),()=>$()):(jt({startExtra:null,main:null,end:Pt}),()=>$()),[$,t,Nt,jt,Pt]),t?(0,w.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-y-auto bg-surface-panel`,children:[(0,w.jsxs)(`div`,{className:`mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6 sm:px-8`,children:[D?(0,w.jsx)(`div`,{role:`status`,"aria-live":`polite`,className:c(`rounded-xl border px-3 py-2 text-sm`,D.kind===`success`?`border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/40 dark:text-emerald-200`:`border-red-200 bg-red-50 text-red-800 dark:border-red-900/50 dark:bg-red-950/40 dark:text-red-200`),children:D.message}):_e?(0,w.jsx)(`div`,{className:`rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300`,role:`alert`,children:_e}):null,(0,w.jsx)(`header`,{className:`flex flex-col gap-4`,children:(0,w.jsxs)(`div`,{className:`min-w-0`,children:[(0,w.jsx)(`h1`,{className:`text-xl font-semibold tracking-tight text-fg`,children:e.title}),(0,w.jsx)(`p`,{className:`mt-1 max-w-2xl text-sm text-fg-muted`,children:e.tagline})]})}),Nt?(0,w.jsx)(`div`,{className:`flex flex-col gap-3 border-b border-edge-subtle pb-4 dark:border-edge-subtle sm:flex-row sm:flex-wrap sm:items-center sm:justify-end`,children:Pt}):null,(0,w.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,w.jsxs)(`div`,{className:`flex flex-col gap-3 border-b border-edge-subtle pb-3 sm:flex-row sm:items-center sm:justify-between dark:border-edge-subtle`,children:[(0,w.jsxs)(`div`,{className:`flex gap-1`,role:`tablist`,"aria-label":e.skillsNavAria,children:[(0,w.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":k===`builtin`,className:c(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,k===`builtin`?`text-fg`:`text-fg-muted hover:text-fg`,k===`builtin`&&`after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent`),onClick:()=>A(`builtin`),children:[e.tabBuiltin,(0,w.jsxs)(`span`,{className:`ml-1 tabular-nums text-fg-muted`,children:[`(`,gt.enabled,`/`,gt.total,`)`]})]}),(0,w.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":k===`user`,className:c(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,k===`user`?`text-fg`:`text-fg-muted hover:text-fg`,k===`user`&&`after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent`),onClick:()=>A(`user`),children:[e.tabUser,(0,w.jsxs)(`span`,{className:`ml-1 tabular-nums text-fg-muted`,children:[`(`,_t.enabled,`/`,_t.total,`)`]})]}),(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":k===`marketplace`,className:c(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,k===`marketplace`?`text-fg`:`text-fg-muted hover:text-fg`,k===`marketplace`&&`after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent`),onClick:()=>A(`marketplace`),children:e.tabMarketplace})]}),(0,w.jsxs)(`div`,{className:c(`flex min-w-0 items-center gap-2`,k===`user`?`flex-nowrap overflow-x-auto pb-0.5 sm:justify-end`:`flex-wrap sm:justify-end`),children:[k===`user`?(0,w.jsxs)(y,{children:[(0,w.jsx)(v,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:c(`inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface`,_.transition,_.focusRingPanel),children:[(0,w.jsx)(Ae,{className:`size-3.5 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{children:At}),(0,w.jsx)(me,{className:`size-3.5 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0})]})}),(0,w.jsx)(x,{children:(0,w.jsx)(S,{className:`z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:6,align:`end`,children:[`all`,`global`,`workspace`,`extra`].map(t=>(0,w.jsx)(b,{className:c(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>Ge(t),children:t===`all`?e.filterAll:t===`global`?e.filterGlobal:t===`workspace`?e.filterWorkspace:e.filterExtra},t))})})]}):null,k===`marketplace`?(0,w.jsxs)(y,{children:[(0,w.jsx)(v,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:c(`inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface`,_.transition,_.focusRingPanel),children:[(0,w.jsx)(Ae,{className:`size-3.5 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{children:K===`newest`?e.marketplaceSortNewest:e.marketplaceSortDownloads}),(0,w.jsx)(me,{className:`size-3.5 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0})]})}),(0,w.jsx)(x,{children:(0,w.jsxs)(S,{className:`z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:6,align:`end`,children:[(0,w.jsx)(b,{className:c(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>it(`downloads`),children:e.marketplaceSortDownloads}),(0,w.jsx)(b,{className:c(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>it(`newest`),children:e.marketplaceSortNewest})]})})]}):null]})]}),k===`marketplace`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:e.sectionMarketplace}),J?(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,"aria-busy":`true`,"aria-label":e.loading,children:Array.from({length:ze},(e,t)=>(0,w.jsx)(Be,{},t))}):st?(0,w.jsx)(`div`,{className:`rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300`,role:`alert`,children:st}):!Y||Y.items.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:e.marketplaceEmpty}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,children:Y.items.map(t=>{let n=Q(t.name),r=ut===t.name;return(0,w.jsxs)(`article`,{className:c(`group relative flex flex-col gap-3 border-b border-edge-subtle px-4 py-3.5 last:border-b-0 sm:flex-row sm:items-center`,`transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25`),children:[(0,w.jsxs)(`button`,{type:`button`,className:c(`flex min-w-0 flex-1 cursor-pointer items-start gap-4 rounded-xl text-left outline-none`,_.focusRingPanel),onClick:()=>void pt(t.name),children:[(0,w.jsx)(Ne,{name:t.name}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1 pr-2`,children:[(0,w.jsx)(`h3`,{className:`text-[15px] font-semibold leading-snug tracking-tight text-fg`,children:t.name}),(0,w.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-sm leading-relaxed text-fg-muted`,title:t.description||void 0,children:t.description||`—`}),(0,w.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle`,children:[(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[e.marketplaceAuthor,`: `,t.author.username]}),(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[e.marketplaceDownloads,`: `,t.downloads]}),t.latestVersion?(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50`,children:[e.marketplaceVersion,`: `,t.latestVersion]}):null,n?(0,w.jsx)(`span`,{className:`rounded-md bg-emerald-500/15 px-2 py-0.5 text-emerald-800 dark:text-emerald-200`,children:e.marketplaceInstalled}):null]})]})]}),(0,w.jsx)(`div`,{className:`flex shrink-0 justify-end sm:pl-2`,children:(0,w.jsx)(s,{type:`button`,variant:n?`secondary`:`primary`,className:`min-w-[6.5rem]`,disabled:r||J,onClick:()=>void kt(t.name),children:r?e.uploading:n?e.marketplaceReinstall:e.marketplaceInstall})})]},t.id)})}),(0,w.jsxs)(`div`,{className:`flex flex-col items-center justify-between gap-3 sm:flex-row`,children:[(0,w.jsx)(`p`,{className:`text-center text-xs text-fg-muted sm:text-left`,children:je(e.marketplacePageStatus,{page:Y.meta.page,totalPages:Y.meta.totalPages,total:Y.meta.total})}),(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsxs)(s,{type:`button`,variant:`ghost`,className:`h-9 gap-1 px-2`,disabled:J||q<=1,"aria-label":e.marketplacePagePrev,onClick:()=>at(e=>Math.max(1,e-1)),children:[(0,w.jsx)(ke,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`sr-only sm:not-sr-only`,children:e.marketplacePagePrev})]}),(0,w.jsxs)(s,{type:`button`,variant:`ghost`,className:`h-9 gap-1 px-2`,disabled:J||q>=Y.meta.totalPages,"aria-label":e.marketplacePageNext,onClick:()=>at(e=>Math.min(Y.meta.totalPages,e+1)),children:[(0,w.jsx)(`span`,{className:`sr-only sm:not-sr-only`,children:e.marketplacePageNext}),(0,w.jsx)(xe,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0})]})]})]})]})]}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:k===`builtin`?e.sectionBuiltinList:e.sectionUser}),l?(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,"aria-busy":`true`,"aria-label":e.loading,children:Array.from({length:ze},(e,t)=>(0,w.jsx)(Be,{},t))}):o.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:e.empty}):bt.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:e.noSearchResults}):(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,children:bt.map(t=>(0,w.jsxs)(`article`,{className:c(`group relative flex items-center gap-4 border-b border-edge-subtle px-4 py-3.5 last:border-b-0`,`transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25`),children:[(0,w.jsxs)(`button`,{type:`button`,className:c(`flex min-w-0 flex-1 cursor-pointer items-center gap-4 rounded-lg text-left outline-none`,_.focusRingPanel),onClick:()=>void ft(t),children:[(0,w.jsx)(Ne,{name:t.name}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1 pr-2`,children:[(0,w.jsx)(`h3`,{className:`text-[15px] font-semibold leading-snug tracking-tight text-fg`,children:t.name}),(0,w.jsx)(`p`,{className:`mt-0.5 truncate text-sm leading-relaxed text-fg-muted`,title:t.description?t.description:void 0,children:t.description||`—`}),k!==`builtin`||t.managed?(0,w.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle`,children:[k===`builtin`?null:(0,w.jsx)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:Dt(t.source)}),t.managed?(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[e.col.managed,`: `,e.yes]}):null,t.hub?(0,w.jsxs)(`span`,{className:`max-w-full truncate rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50`,title:`${t.hub.source}${t.hub.ref?`\nref: ${t.hub.ref}`:``}\nupdated: ${t.hub.updatedAt}`,children:[e.hubRemote,` ·`,` `,t.hub.kind===`git`?e.hubKindGit:e.hubKindArchive,` ·`,` `,t.hub.source.length>48?`${t.hub.source.slice(0,48)}…`:t.hub.source]}):null]}):null]})]}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,onClick:e=>e.stopPropagation(),role:`presentation`,children:[t.managed?(0,w.jsxs)(y,{children:[(0,w.jsx)(v,{asChild:!0,children:(0,w.jsx)(`button`,{type:`button`,className:c(`flex size-9 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg`,_.focusRingPanel),"aria-label":e.col.actions,children:(0,w.jsx)(le,{className:`size-4`,strokeWidth:1.75})})}),(0,w.jsx)(x,{children:(0,w.jsx)(S,{className:`z-50 min-w-[8rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:4,align:`end`,children:(0,w.jsxs)(b,{className:c(`flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-red-600 outline-none`,`hover:bg-red-50 data-[highlighted]:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40`),onSelect:()=>{R(t.directoryId),I(!0)},children:[(0,w.jsx)(se,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),e.delete]})})})]}):null,(0,w.jsx)(Le,{checked:z[t.name]??t.enabled,onChange:e=>void mt(t.name,e)})]})]},`${t.directoryId}-${t.path}`))})]})]})]}),(0,w.jsx)(u,{open:Qe,onOpenChange:e=>{B(e),e||(et(`catalog`),U(``),G(null),H(``))},children:(0,w.jsxs)(g,{children:[(0,w.jsx)(Se,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(De,{className:c(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex max-h-[min(90vh,56rem)] w-[min(100%-2rem,min(92vw,56rem))] -translate-x-1/2 -translate-y-1/2 flex-col`,`rounded-2xl border border-edge bg-surface-panel shadow-float dark:border-edge`),children:[(0,w.jsxs)(`div`,{className:`group flex shrink-0 items-center gap-3 border-b border-edge px-4 py-3`,children:[(0,w.jsx)(Ne,{name:V||`?`}),(0,w.jsx)(f,{className:`min-w-0 flex-1 truncate text-base font-semibold text-fg`,children:V||`—`}),(0,w.jsx)(Te,{asChild:!0,children:(0,w.jsx)(`button`,{type:`button`,className:c(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,_.focusRingPanel),"aria-label":e.detailCloseAria,children:(0,w.jsx)(ie,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})})})]}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-start gap-2 border-b border-blue-200/80 bg-blue-50/95 px-4 py-2.5 text-sm text-fg dark:border-blue-900/50 dark:bg-blue-950/45`,children:[(0,w.jsx)(re,{className:`mt-0.5 size-4 shrink-0 text-blue-600 dark:text-blue-400`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`p`,{className:`leading-relaxed`,children:$e===`store`?e.detailModalBannerStore:e.detailModalBanner})]}),(0,w.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4`,children:nt?(0,w.jsxs)(`div`,{className:`space-y-2`,"aria-busy":`true`,children:[(0,w.jsx)(`div`,{className:`h-4 w-2/3 animate-pulse rounded bg-surface-hover`}),(0,w.jsx)(`div`,{className:`h-4 w-full animate-pulse rounded bg-surface-hover`}),(0,w.jsx)(`div`,{className:`h-4 w-5/6 animate-pulse rounded bg-surface-hover`})]}):rt?(0,w.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:rt}):(0,w.jsx)(`div`,{className:`markdown-content min-w-0`,children:(0,w.jsx)(de,{content:tt})})}),(0,w.jsx)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge px-4 py-3`,children:$e===`store`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{type:`button`,variant:`ghost`,onClick:()=>B(!1),children:e.cancel}),(0,w.jsx)(s,{type:`button`,variant:Q(V)?`secondary`:`primary`,disabled:!V||ut===V,onClick:()=>{V&&kt(V)},children:ut===V?e.uploading:Q(V)?e.marketplaceReinstall:e.marketplaceInstall})]}):(0,w.jsx)(s,{type:`button`,variant:`primary`,disabled:!V||Ye===V,onClick:async()=>{V&&await mt(V,!yt)&&B(!1)},children:yt?e.detailModalDisable:e.detailModalEnable})})]})]})}),(0,w.jsx)(u,{open:Ke,onOpenChange:e=>{M(e),e||(P(null),F(!1))},children:(0,w.jsxs)(g,{children:[(0,w.jsx)(Se,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(De,{className:c(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] max-h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,48rem))] -translate-x-1/2 -translate-y-1/2 overflow-y-auto`,`rounded-2xl border border-edge bg-surface-panel p-6 shadow-float dark:border-edge`),children:[(0,w.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,w.jsx)(f,{className:`text-base font-semibold text-fg`,children:e.installModalTitle}),(0,w.jsx)(Te,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:c(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,_.focusRingPanel),"aria-label":e.installClose,children:[(0,w.jsx)(ie,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`sr-only`,children:e.installClose})]})})]}),(0,w.jsxs)(`label`,{className:c(`mt-4 flex min-h-[11rem] cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-12 text-center transition-colors`,qe?`border-accent bg-accent-soft/60 dark:bg-blue-950/40`:`border-edge bg-surface-base dark:bg-surface-hover/30`),onDragLeave:Tt,onDragOver:wt,onDrop:Et,children:[(0,w.jsx)(`input`,{type:`file`,accept:`.zip,.md,application/zip,text/markdown`,className:`sr-only`,"aria-label":e.installModalDropHint,disabled:m,onChange:Ct}),(0,w.jsx)(ne,{className:`size-12 text-fg-subtle`,strokeWidth:1.25,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`text-sm text-fg-muted`,children:e.installModalDropHint}),N?(0,w.jsx)(`span`,{className:`text-xs font-medium text-fg`,children:N.name}):null]}),(0,w.jsxs)(`div`,{className:`mt-5 space-y-2`,children:[(0,w.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:e.installModalReqTitle}),(0,w.jsxs)(`ul`,{className:`list-inside list-disc space-y-1 text-sm text-fg-muted`,children:[(0,w.jsx)(`li`,{children:e.installModalReq1}),(0,w.jsx)(`li`,{children:e.installModalReq2})]})]}),(0,w.jsx)(`button`,{type:`button`,disabled:!N||m,className:c(`mt-6 flex w-full items-center justify-center rounded-xl py-3 text-sm font-semibold`,`transition-colors`,!N||m?`cursor-not-allowed bg-surface-active text-fg-disabled`:`bg-accent text-white hover:bg-accent-hover`,_.focusRingPanel),onClick:()=>void St(),children:m?e.uploading:e.installAction})]})]})}),(0,w.jsx)(u,{open:Je,onOpenChange:e=>{I(e),e||R(null)},children:(0,w.jsxs)(g,{children:[(0,w.jsx)(Se,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(De,{className:`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge`,children:[(0,w.jsx)(f,{className:`text-base font-semibold text-fg`,children:e.deleteTitle}),(0,w.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:L?je(e.deleteMessage,{id:L}):``}),(0,w.jsxs)(`div`,{className:`mt-4 flex justify-end gap-2`,children:[(0,w.jsx)(s,{type:`button`,variant:`secondary`,onClick:()=>I(!1),children:e.cancel}),(0,w.jsx)(s,{type:`button`,variant:`primary`,className:`bg-red-600 hover:bg-red-700`,onClick:()=>void Ot(),children:e.deleteConfirm})]})]})]})})]}):(0,w.jsx)(`div`,{className:`mx-auto w-full max-w-app-main px-4 py-16 text-center text-sm text-fg-muted sm:px-8`,children:e.needToken})}export{Ve as SkillsPage};
-//# sourceMappingURL=skills-page-Dg_Uk_jM.js.map
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{Cn as r}from"./vendor-codemirror-CXAvob9m.js";import{$ as i,Bt as a,Cr as ee,Er as te,Gn as ne,In as re,Kt as ie,Mt as ae,Ot as oe,Qt as se,Un as o,Vt as s,Wn as ce,Wt as c,Xn as le,_ as ue,b as de,bn as l,d as fe,dn as pe,dr as me,dt as u,f as he,fn as d,ft as f,g as ge,gr as _e,h as ve,l as ye,ln as be,lr as xe,lt as Se,m as Ce,mn as we,ot as Te,p as Ee,pn as p,rn as m,st as De,tn as h,u as Oe,ur as ke,ut as g,y as _,zn as Ae}from"./index-fGYWcYhm.js";import{a as v,i as y,n as b,r as x,t as S}from"./dist-BTNDXpKu.js";var C=e(t(),1),w=n();function je(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function Me(e){let t=e.toLowerCase().replace(/_/g,`-`);return t.includes(`find-skill`)?be:t.includes(`install`)&&(t.includes(`depend`)||t.includes(`dependency`))?l:t.includes(`create-skill`)?m:t===`docx`||t.endsWith(`-docx`)?ce:t===`pdf`||t.endsWith(`-pdf`)?o:t===`pptx`||t.includes(`pptx`)?p:t===`xlsx`||t.includes(`xlsx`)?h:t.includes(`markdown`)||t.includes(`md`)?_e:d}function Ne({name:e,className:t}){let n=Me(e);return(0,w.jsx)(`div`,{className:c(`flex size-11 shrink-0 items-center justify-center rounded-xl`,`bg-surface-hover/90 shadow-surface ring-1 ring-inset ring-edge/35 dark:bg-surface-active/80 dark:ring-edge/50`,`transition-[transform,box-shadow] duration-200 ease-out group-hover:ring-edge/55 dark:group-hover:ring-edge/65`,`group-hover:-translate-y-px`,t),"aria-hidden":!0,children:(0,w.jsx)(n,{className:`size-[1.35rem] text-fg-muted transition-colors duration-200 group-hover:text-fg`,strokeWidth:1.75})})}var Pe=new Set([`builtin`,`user`,`marketplace`]),Fe=new Set([`all`,`global`,`workspace`,`extra`]);function Ie(e){return{...e,enabled:e.enabled??!0,disableModelInvocation:e.disableModelInvocation??!1}}function Le({checked:e,onChange:t}){return(0,w.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":e,className:c(`relative h-6 w-10 shrink-0 overflow-hidden rounded-full border border-edge p-0.5`,`transition-[border-color,background-color] duration-200 ease-out`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base`,`active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100`,e?`bg-accent`:`bg-surface-hover`),onClick:()=>t(!e),children:(0,w.jsx)(`span`,{className:c(`pointer-events-none absolute left-0.5 top-1/2 block size-4 -translate-y-1/2 rounded-full bg-surface-panel shadow-surface ring-1 ring-edge/40 dark:ring-edge/55`,`transition-transform duration-200 ease-out motion-reduce:transition-none`,e?`translate-x-5`:`translate-x-0`),"aria-hidden":!0})})}async function Re(t){let n=t.name.toLowerCase();if(n.endsWith(`.zip`))return t;if(n.endsWith(`skill.md`)){let n=(await r(async()=>{let{default:t}=await import(`./jszip.min-DVUfmhpE.js`).then(t=>e(t.default,1));return{default:t}},__vite__mapDeps([0,1]))).default,i=new n;i.file(`SKILL.md`,await t.arrayBuffer());let a=await i.generateAsync({type:`blob`,compression:`DEFLATE`}),ee=t.name.replace(/\.md$/i,``).replace(/\s+/g,`-`)||`skill`;return new File([a],`${ee}.zip`,{type:`application/zip`})}throw Error(`invalid`)}var ze=6;function Be(){let e=`animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50`;return(0,w.jsxs)(`div`,{className:`flex items-center gap-4 px-4 py-3.5`,"aria-hidden":!0,children:[(0,w.jsx)(`div`,{className:c(`size-11 shrink-0 rounded-xl`,e)}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-2`,children:[(0,w.jsx)(`div`,{className:c(`h-4 max-w-[10rem]`,e)}),(0,w.jsx)(`div`,{className:c(`h-3 w-full max-w-xl rounded`,e)})]}),(0,w.jsx)(`div`,{className:c(`h-6 w-10 shrink-0 rounded-full`,e)})]})}function Ve(){let e=a(ae(e=>e.language)).skills,t=!!oe(e=>e.token),[n,r]=te(),[o,ce]=(0,C.useState)([]),[l,d]=(0,C.useState)(!1),[_e,p]=(0,C.useState)(null),[m,h]=(0,C.useState)(!1),Me=n.get(`q`)??``,Ve=n.get(`tab`),He=n.get(`source`),Ue=Pe.has(Ve)?Ve:`builtin`,We=Fe.has(He)?He:`all`,[T,E]=(0,C.useState)(Me),[D,O]=(0,C.useState)(null),[k,A]=(0,C.useState)(Ue),[j,Ge]=(0,C.useState)(We),[Ke,M]=(0,C.useState)(!1),[N,P]=(0,C.useState)(null),[qe,F]=(0,C.useState)(!1),[Je,I]=(0,C.useState)(!1),[L,R]=(0,C.useState)(null),[Ye,Xe]=(0,C.useState)(null),[z,Ze]=(0,C.useState)({}),[Qe,B]=(0,C.useState)(!1),[$e,et]=(0,C.useState)(`catalog`),[V,H]=(0,C.useState)(``),[tt,U]=(0,C.useState)(``),[nt,W]=(0,C.useState)(!1),[rt,G]=(0,C.useState)(null),[K,it]=(0,C.useState)(`downloads`),[q,at]=(0,C.useState)(1),[J,ot]=(0,C.useState)(!1),[st,ct]=(0,C.useState)(null),[Y,lt]=(0,C.useState)(null),[ut,dt]=(0,C.useState)(null),X=(0,C.useCallback)(async t=>{let n=t?.silent===!0;n||d(!0),p(null);try{return ce((await Ee()).catalog.map(Ie)),{ok:!0}}catch(t){let n=t instanceof Error?t.message:e.loadFailed;return p(n),{ok:!1,message:n}}finally{n||d(!1)}},[e.loadFailed]);(0,C.useEffect)(()=>{t&&X()},[t,X]),(0,C.useEffect)(()=>{let e=n.get(`q`)??``,t=n.get(`tab`),r=n.get(`source`),i=Pe.has(t)?t:`builtin`,a=Fe.has(r)?r:`all`;E(t=>t===e?t:e),A(e=>e===i?e:i),Ge(e=>e===a?e:a)},[n]),(0,C.useEffect)(()=>{k===`marketplace`&&at(1)},[T,K,k]),(0,C.useEffect)(()=>{if(!t||k!==`marketplace`)return;let n=!1;return ot(!0),ct(null),fe({q:T.trim()||void 0,page:q,pageSize:20,sort:K}).then(e=>{n||lt(e)}).catch(t=>{n||(ct(t instanceof Error?t.message:e.marketplaceLoadFailed),lt(null))}).finally(()=>{n||ot(!1)}),()=>{n=!0}},[t,k,q,K,T,e.marketplaceLoadFailed]),(0,C.useEffect)(()=>{let e=new URLSearchParams(n),t=T.trim();t?e.set(`q`,t):e.delete(`q`),k===`builtin`?e.delete(`tab`):e.set(`tab`,k),j===`all`?e.delete(`source`):e.set(`source`,j),e.toString()!==n.toString()&&r(e,{replace:!0})},[k,n,T,r,j]);let Z=(0,C.useCallback)((e,t,n=5e3)=>{O({kind:e,message:t}),window.setTimeout(()=>O(null),n)},[]),ft=(0,C.useCallback)(async t=>{et(`catalog`),B(!0),H(t.name),U(``),G(null),W(!0);try{let{markdown:e,name:n}=await he(t.name);U(e),H(n)}catch(t){G(t instanceof Error?t.message:e.detailLoadFailed)}finally{W(!1)}},[e.detailLoadFailed]),pt=(0,C.useCallback)(async t=>{et(`store`),B(!0),H(t),U(``),G(null),W(!0);try{let n=await Oe(t);H(n.name);let r=n.readme?.trim();r?U(r):n.description?.trim()?U(`## ${n.name}\n\n${n.description.trim()}`):U(`*${e.marketplaceNoReadme}*`)}catch(t){G(t instanceof Error?t.message:e.detailLoadFailed)}finally{W(!1)}},[e.detailLoadFailed,e.marketplaceNoReadme]),mt=(0,C.useCallback)(async(t,n)=>{Xe(t),Ze(e=>({...e,[t]:n})),O(null);try{return await ve(t,n),await X({silent:!0}),!0}catch(n){return Ze(e=>{let{[t]:n,...r}=e;return r}),Z(`error`,n instanceof Error?n.message:e.skillToggleFailed),!1}finally{Xe(null),Ze(e=>{let{[t]:n,...r}=e;return r})}},[X,Z,e.skillToggleFailed]),ht=(0,C.useCallback)(async()=>{O(null),d(!0),p(null);try{await ge()}catch(t){p(t instanceof Error?t.message:e.reloadFailed),d(!1);return}await X()},[X,e.reloadFailed]),gt=(0,C.useMemo)(()=>{let e=o.filter(e=>e.source===`builtin`);return{total:e.length,enabled:e.filter(e=>z[e.name]??e.enabled).length}},[o,z]),_t=(0,C.useMemo)(()=>{let e=o.filter(e=>e.source!==`builtin`);return{total:e.length,enabled:e.filter(e=>z[e.name]??e.enabled).length}},[o,z]),vt=(0,C.useMemo)(()=>V?o.find(e=>e.name===V):void 0,[o,V]),yt=vt==null?!0:z[V]??vt.enabled,bt=(0,C.useMemo)(()=>{let e=T.trim().toLowerCase(),t=o;return k===`builtin`?t=t.filter(e=>e.source===`builtin`):(t=t.filter(e=>e.source!==`builtin`),j!==`all`&&(t=t.filter(e=>e.source===j))),e?t.filter(t=>[t.name,t.description,t.directoryId,t.path,t.source,t.hub?.source,t.hub?.ref].filter(Boolean).join(` `).toLowerCase().includes(e)):t},[o,T,k,j]),xt=async t=>{O(null),h(!0),p(null);try{let n;try{n=await Re(t)}catch{p(e.invalidFile),Z(`error`,e.invalidFile);return}await ue(n,{overwrite:!0}),await X(),Z(`success`,e.installSuccess),M(!1),P(null),A(`user`)}catch(t){p(t instanceof Error?t.message:e.uploadFailed),Z(`error`,t instanceof Error?t.message:e.uploadFailed)}finally{h(!1)}},St=()=>{N&&xt(N)},Ct=e=>{let t=e.target.files?.[0];e.target.value=``,t&&P(t)},wt=e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.types.includes(`Files`)&&(F(!0),e.dataTransfer.dropEffect=`copy`)},Tt=e=>{let t=e.currentTarget,n=e.relatedTarget;n&&t.contains(n)||F(!1)},Et=e=>{e.preventDefault(),e.stopPropagation(),F(!1);let t=e.dataTransfer?.files?.[0];t&&P(t)},Dt=t=>{switch(t){case`builtin`:return e.source.builtin;case`workspace`:return e.source.workspace;case`global`:return e.source.global;case`extra`:return e.source.extra;default:return t}},Ot=async()=>{let t=L;if(I(!1),R(null),t){O(null);try{await ye(t),await X()}catch(t){p(t instanceof Error?t.message:e.deleteFailed)}}},Q=(0,C.useCallback)(e=>o.some(t=>t.name===e),[o]),kt=(0,C.useCallback)(async t=>{let n=Q(t);if(!(n&&!window.confirm(e.marketplaceReinstallConfirm))){O(null),dt(t);try{await Ce({name:t,overwrite:n}),await X({silent:!0}),Z(`success`,e.installSuccess),B(!1),A(`user`)}catch(t){Z(`error`,t instanceof Error?t.message:e.uploadFailed)}finally{dt(null)}}},[Q,X,Z,e.installSuccess,e.marketplaceReinstallConfirm,e.uploadFailed]),At=j===`all`?e.filterAll:j===`global`?e.filterGlobal:j===`workspace`?e.filterWorkspace:e.filterExtra,jt=i(e=>e.setPageHeader),$=i(e=>e.clearPageHeader),{pathname:Mt}=ee(),Nt=Mt.startsWith(`/settings/`),Pt=(0,C.useMemo)(()=>(0,w.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2`,children:[(0,w.jsx)(s,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,disabled:l,title:e.reloadRuntime,"aria-label":e.reloadDiskAria,onClick:()=>void ht(),children:(0,w.jsx)(pe,{className:c(`size-4`,l&&`animate-spin`),strokeWidth:1.75})}),(0,w.jsxs)(`label`,{className:`relative flex min-h-9 min-w-0 max-w-sm cursor-text items-center rounded-pill border border-edge bg-surface-base py-1.5 pl-9 pr-3 shadow-surface dark:bg-surface-hover/40 sm:max-w-md`,children:[(0,w.jsx)(be,{className:`pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-disabled`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`input`,{type:`text`,role:`searchbox`,enterKeyHint:`search`,value:T,onChange:e=>E(e.target.value),placeholder:e.searchPlaceholder,autoComplete:`off`,spellCheck:!1,className:`min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-sm leading-normal text-fg caret-current placeholder:text-fg-disabled focus:border-0 focus:shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none`})]}),(0,w.jsxs)(s,{type:`button`,variant:`primary`,className:`shrink-0 gap-2`,onClick:()=>{P(null),M(!0)},children:[(0,w.jsx)(we,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),e.installCta]})]}),[l,ht,T,M,P,E,e.installCta,e.reloadDiskAria,e.reloadRuntime,e.searchPlaceholder]);return(0,C.useLayoutEffect)(()=>!t||Nt?($(),()=>$()):(jt({startExtra:null,main:null,end:Pt}),()=>$()),[$,t,Nt,jt,Pt]),t?(0,w.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-y-auto bg-surface-panel`,children:[(0,w.jsxs)(`div`,{className:`mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6 sm:px-8`,children:[D?(0,w.jsx)(`div`,{role:`status`,"aria-live":`polite`,className:c(`rounded-xl border px-3 py-2 text-sm`,D.kind===`success`?`border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/40 dark:text-emerald-200`:`border-red-200 bg-red-50 text-red-800 dark:border-red-900/50 dark:bg-red-950/40 dark:text-red-200`),children:D.message}):_e?(0,w.jsx)(`div`,{className:`rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300`,role:`alert`,children:_e}):null,(0,w.jsx)(`header`,{className:`flex flex-col gap-4`,children:(0,w.jsxs)(`div`,{className:`min-w-0`,children:[(0,w.jsx)(`h1`,{className:`text-xl font-semibold tracking-tight text-fg`,children:e.title}),(0,w.jsx)(`p`,{className:`mt-1 max-w-2xl text-sm text-fg-muted`,children:e.tagline})]})}),Nt?(0,w.jsx)(`div`,{className:`flex flex-col gap-3 border-b border-edge-subtle pb-4 dark:border-edge-subtle sm:flex-row sm:flex-wrap sm:items-center sm:justify-end`,children:Pt}):null,(0,w.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,w.jsxs)(`div`,{className:`flex flex-col gap-3 border-b border-edge-subtle pb-3 sm:flex-row sm:items-center sm:justify-between dark:border-edge-subtle`,children:[(0,w.jsxs)(`div`,{className:`flex gap-1`,role:`tablist`,"aria-label":e.skillsNavAria,children:[(0,w.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":k===`builtin`,className:c(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,k===`builtin`?`text-fg`:`text-fg-muted hover:text-fg`,k===`builtin`&&`after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent`),onClick:()=>A(`builtin`),children:[e.tabBuiltin,(0,w.jsxs)(`span`,{className:`ml-1 tabular-nums text-fg-muted`,children:[`(`,gt.enabled,`/`,gt.total,`)`]})]}),(0,w.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":k===`user`,className:c(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,k===`user`?`text-fg`:`text-fg-muted hover:text-fg`,k===`user`&&`after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent`),onClick:()=>A(`user`),children:[e.tabUser,(0,w.jsxs)(`span`,{className:`ml-1 tabular-nums text-fg-muted`,children:[`(`,_t.enabled,`/`,_t.total,`)`]})]}),(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":k===`marketplace`,className:c(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,k===`marketplace`?`text-fg`:`text-fg-muted hover:text-fg`,k===`marketplace`&&`after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent`),onClick:()=>A(`marketplace`),children:e.tabMarketplace})]}),(0,w.jsxs)(`div`,{className:c(`flex min-w-0 items-center gap-2`,k===`user`?`flex-nowrap overflow-x-auto pb-0.5 sm:justify-end`:`flex-wrap sm:justify-end`),children:[k===`user`?(0,w.jsxs)(y,{children:[(0,w.jsx)(v,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:c(`inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface`,_.transition,_.focusRingPanel),children:[(0,w.jsx)(Ae,{className:`size-3.5 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{children:At}),(0,w.jsx)(me,{className:`size-3.5 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0})]})}),(0,w.jsx)(x,{children:(0,w.jsx)(S,{className:`z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:6,align:`end`,children:[`all`,`global`,`workspace`,`extra`].map(t=>(0,w.jsx)(b,{className:c(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>Ge(t),children:t===`all`?e.filterAll:t===`global`?e.filterGlobal:t===`workspace`?e.filterWorkspace:e.filterExtra},t))})})]}):null,k===`marketplace`?(0,w.jsxs)(y,{children:[(0,w.jsx)(v,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:c(`inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface`,_.transition,_.focusRingPanel),children:[(0,w.jsx)(Ae,{className:`size-3.5 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{children:K===`newest`?e.marketplaceSortNewest:e.marketplaceSortDownloads}),(0,w.jsx)(me,{className:`size-3.5 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0})]})}),(0,w.jsx)(x,{children:(0,w.jsxs)(S,{className:`z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:6,align:`end`,children:[(0,w.jsx)(b,{className:c(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>it(`downloads`),children:e.marketplaceSortDownloads}),(0,w.jsx)(b,{className:c(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>it(`newest`),children:e.marketplaceSortNewest})]})})]}):null]})]}),k===`marketplace`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:e.sectionMarketplace}),J?(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,"aria-busy":`true`,"aria-label":e.loading,children:Array.from({length:ze},(e,t)=>(0,w.jsx)(Be,{},t))}):st?(0,w.jsx)(`div`,{className:`rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300`,role:`alert`,children:st}):!Y||Y.items.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:e.marketplaceEmpty}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,children:Y.items.map(t=>{let n=Q(t.name),r=ut===t.name;return(0,w.jsxs)(`article`,{className:c(`group relative flex flex-col gap-3 border-b border-edge-subtle px-4 py-3.5 last:border-b-0 sm:flex-row sm:items-center`,`transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25`),children:[(0,w.jsxs)(`button`,{type:`button`,className:c(`flex min-w-0 flex-1 cursor-pointer items-start gap-4 rounded-xl text-left outline-none`,_.focusRingPanel),onClick:()=>void pt(t.name),children:[(0,w.jsx)(Ne,{name:t.name}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1 pr-2`,children:[(0,w.jsx)(`h3`,{className:`text-[15px] font-semibold leading-snug tracking-tight text-fg`,children:t.name}),(0,w.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-sm leading-relaxed text-fg-muted`,title:t.description||void 0,children:t.description||`—`}),(0,w.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle`,children:[(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[e.marketplaceAuthor,`: `,t.author.username]}),(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[e.marketplaceDownloads,`: `,t.downloads]}),t.latestVersion?(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50`,children:[e.marketplaceVersion,`: `,t.latestVersion]}):null,n?(0,w.jsx)(`span`,{className:`rounded-md bg-emerald-500/15 px-2 py-0.5 text-emerald-800 dark:text-emerald-200`,children:e.marketplaceInstalled}):null]})]})]}),(0,w.jsx)(`div`,{className:`flex shrink-0 justify-end sm:pl-2`,children:(0,w.jsx)(s,{type:`button`,variant:n?`secondary`:`primary`,className:`min-w-[6.5rem]`,disabled:r||J,onClick:()=>void kt(t.name),children:r?e.uploading:n?e.marketplaceReinstall:e.marketplaceInstall})})]},t.id)})}),(0,w.jsxs)(`div`,{className:`flex flex-col items-center justify-between gap-3 sm:flex-row`,children:[(0,w.jsx)(`p`,{className:`text-center text-xs text-fg-muted sm:text-left`,children:je(e.marketplacePageStatus,{page:Y.meta.page,totalPages:Y.meta.totalPages,total:Y.meta.total})}),(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsxs)(s,{type:`button`,variant:`ghost`,className:`h-9 gap-1 px-2`,disabled:J||q<=1,"aria-label":e.marketplacePagePrev,onClick:()=>at(e=>Math.max(1,e-1)),children:[(0,w.jsx)(ke,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`sr-only sm:not-sr-only`,children:e.marketplacePagePrev})]}),(0,w.jsxs)(s,{type:`button`,variant:`ghost`,className:`h-9 gap-1 px-2`,disabled:J||q>=Y.meta.totalPages,"aria-label":e.marketplacePageNext,onClick:()=>at(e=>Math.min(Y.meta.totalPages,e+1)),children:[(0,w.jsx)(`span`,{className:`sr-only sm:not-sr-only`,children:e.marketplacePageNext}),(0,w.jsx)(xe,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0})]})]})]})]})]}):(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:k===`builtin`?e.sectionBuiltinList:e.sectionUser}),l?(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,"aria-busy":`true`,"aria-label":e.loading,children:Array.from({length:ze},(e,t)=>(0,w.jsx)(Be,{},t))}):o.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:e.empty}):bt.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:e.noSearchResults}):(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,children:bt.map(t=>(0,w.jsxs)(`article`,{className:c(`group relative flex items-center gap-4 border-b border-edge-subtle px-4 py-3.5 last:border-b-0`,`transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25`),children:[(0,w.jsxs)(`button`,{type:`button`,className:c(`flex min-w-0 flex-1 cursor-pointer items-center gap-4 rounded-lg text-left outline-none`,_.focusRingPanel),onClick:()=>void ft(t),children:[(0,w.jsx)(Ne,{name:t.name}),(0,w.jsxs)(`div`,{className:`min-w-0 flex-1 pr-2`,children:[(0,w.jsx)(`h3`,{className:`text-[15px] font-semibold leading-snug tracking-tight text-fg`,children:t.name}),(0,w.jsx)(`p`,{className:`mt-0.5 truncate text-sm leading-relaxed text-fg-muted`,title:t.description?t.description:void 0,children:t.description||`—`}),k!==`builtin`||t.managed?(0,w.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle`,children:[k===`builtin`?null:(0,w.jsx)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:Dt(t.source)}),t.managed?(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[e.col.managed,`: `,e.yes]}):null,t.hub?(0,w.jsxs)(`span`,{className:`max-w-full truncate rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50`,title:`${t.hub.source}${t.hub.ref?`\nref: ${t.hub.ref}`:``}\nupdated: ${t.hub.updatedAt}`,children:[e.hubRemote,` ·`,` `,t.hub.kind===`git`?e.hubKindGit:e.hubKindArchive,` ·`,` `,t.hub.source.length>48?`${t.hub.source.slice(0,48)}…`:t.hub.source]}):null]}):null]})]}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,onClick:e=>e.stopPropagation(),role:`presentation`,children:[t.managed?(0,w.jsxs)(y,{children:[(0,w.jsx)(v,{asChild:!0,children:(0,w.jsx)(`button`,{type:`button`,className:c(`flex size-9 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg`,_.focusRingPanel),"aria-label":e.col.actions,children:(0,w.jsx)(le,{className:`size-4`,strokeWidth:1.75})})}),(0,w.jsx)(x,{children:(0,w.jsx)(S,{className:`z-50 min-w-[8rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge`,sideOffset:4,align:`end`,children:(0,w.jsxs)(b,{className:c(`flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-red-600 outline-none`,`hover:bg-red-50 data-[highlighted]:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40`),onSelect:()=>{R(t.directoryId),I(!0)},children:[(0,w.jsx)(se,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),e.delete]})})})]}):null,(0,w.jsx)(Le,{checked:z[t.name]??t.enabled,onChange:e=>void mt(t.name,e)})]})]},`${t.directoryId}-${t.path}`))})]})]})]}),(0,w.jsx)(u,{open:Qe,onOpenChange:e=>{B(e),e||(et(`catalog`),U(``),G(null),H(``))},children:(0,w.jsxs)(g,{children:[(0,w.jsx)(Se,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(De,{className:c(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex max-h-[min(90vh,56rem)] w-[min(100%-2rem,min(92vw,56rem))] -translate-x-1/2 -translate-y-1/2 flex-col`,`rounded-2xl border border-edge bg-surface-panel shadow-float dark:border-edge`),children:[(0,w.jsxs)(`div`,{className:`group flex shrink-0 items-center gap-3 border-b border-edge px-4 py-3`,children:[(0,w.jsx)(Ne,{name:V||`?`}),(0,w.jsx)(f,{className:`min-w-0 flex-1 truncate text-base font-semibold text-fg`,children:V||`—`}),(0,w.jsx)(Te,{asChild:!0,children:(0,w.jsx)(`button`,{type:`button`,className:c(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,_.focusRingPanel),"aria-label":e.detailCloseAria,children:(0,w.jsx)(ie,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})})})]}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-start gap-2 border-b border-blue-200/80 bg-blue-50/95 px-4 py-2.5 text-sm text-fg dark:border-blue-900/50 dark:bg-blue-950/45`,children:[(0,w.jsx)(re,{className:`mt-0.5 size-4 shrink-0 text-blue-600 dark:text-blue-400`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`p`,{className:`leading-relaxed`,children:$e===`store`?e.detailModalBannerStore:e.detailModalBanner})]}),(0,w.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-4`,children:nt?(0,w.jsxs)(`div`,{className:`space-y-2`,"aria-busy":`true`,children:[(0,w.jsx)(`div`,{className:`h-4 w-2/3 animate-pulse rounded bg-surface-hover`}),(0,w.jsx)(`div`,{className:`h-4 w-full animate-pulse rounded bg-surface-hover`}),(0,w.jsx)(`div`,{className:`h-4 w-5/6 animate-pulse rounded bg-surface-hover`})]}):rt?(0,w.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:rt}):(0,w.jsx)(`div`,{className:`markdown-content min-w-0`,children:(0,w.jsx)(de,{content:tt})})}),(0,w.jsx)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge px-4 py-3`,children:$e===`store`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(s,{type:`button`,variant:`ghost`,onClick:()=>B(!1),children:e.cancel}),(0,w.jsx)(s,{type:`button`,variant:Q(V)?`secondary`:`primary`,disabled:!V||ut===V,onClick:()=>{V&&kt(V)},children:ut===V?e.uploading:Q(V)?e.marketplaceReinstall:e.marketplaceInstall})]}):(0,w.jsx)(s,{type:`button`,variant:`primary`,disabled:!V||Ye===V,onClick:async()=>{V&&await mt(V,!yt)&&B(!1)},children:yt?e.detailModalDisable:e.detailModalEnable})})]})]})}),(0,w.jsx)(u,{open:Ke,onOpenChange:e=>{M(e),e||(P(null),F(!1))},children:(0,w.jsxs)(g,{children:[(0,w.jsx)(Se,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(De,{className:c(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] max-h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,48rem))] -translate-x-1/2 -translate-y-1/2 overflow-y-auto`,`rounded-2xl border border-edge bg-surface-panel p-6 shadow-float dark:border-edge`),children:[(0,w.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,w.jsx)(f,{className:`text-base font-semibold text-fg`,children:e.installModalTitle}),(0,w.jsx)(Te,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:c(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,_.focusRingPanel),"aria-label":e.installClose,children:[(0,w.jsx)(ie,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`sr-only`,children:e.installClose})]})})]}),(0,w.jsxs)(`label`,{className:c(`mt-4 flex min-h-[11rem] cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-12 text-center transition-colors`,qe?`border-accent bg-accent-soft/60 dark:bg-blue-950/40`:`border-edge bg-surface-base dark:bg-surface-hover/30`),onDragLeave:Tt,onDragOver:wt,onDrop:Et,children:[(0,w.jsx)(`input`,{type:`file`,accept:`.zip,.md,application/zip,text/markdown`,className:`sr-only`,"aria-label":e.installModalDropHint,disabled:m,onChange:Ct}),(0,w.jsx)(ne,{className:`size-12 text-fg-subtle`,strokeWidth:1.25,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`text-sm text-fg-muted`,children:e.installModalDropHint}),N?(0,w.jsx)(`span`,{className:`text-xs font-medium text-fg`,children:N.name}):null]}),(0,w.jsxs)(`div`,{className:`mt-5 space-y-2`,children:[(0,w.jsx)(`p`,{className:`text-sm font-medium text-fg`,children:e.installModalReqTitle}),(0,w.jsxs)(`ul`,{className:`list-inside list-disc space-y-1 text-sm text-fg-muted`,children:[(0,w.jsx)(`li`,{children:e.installModalReq1}),(0,w.jsx)(`li`,{children:e.installModalReq2})]})]}),(0,w.jsx)(`button`,{type:`button`,disabled:!N||m,className:c(`mt-6 flex w-full items-center justify-center rounded-xl py-3 text-sm font-semibold`,`transition-colors`,!N||m?`cursor-not-allowed bg-surface-active text-fg-disabled`:`bg-accent text-white hover:bg-accent-hover`,_.focusRingPanel),onClick:()=>void St(),children:m?e.uploading:e.installAction})]})]})}),(0,w.jsx)(u,{open:Je,onOpenChange:e=>{I(e),e||R(null)},children:(0,w.jsxs)(g,{children:[(0,w.jsx)(Se,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(De,{className:`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge`,children:[(0,w.jsx)(f,{className:`text-base font-semibold text-fg`,children:e.deleteTitle}),(0,w.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:L?je(e.deleteMessage,{id:L}):``}),(0,w.jsxs)(`div`,{className:`mt-4 flex justify-end gap-2`,children:[(0,w.jsx)(s,{type:`button`,variant:`secondary`,onClick:()=>I(!1),children:e.cancel}),(0,w.jsx)(s,{type:`button`,variant:`primary`,className:`bg-red-600 hover:bg-red-700`,onClick:()=>void Ot(),children:e.deleteConfirm})]})]})]})})]}):(0,w.jsx)(`div`,{className:`mx-auto w-full max-w-app-main px-4 py-16 text-center text-sm text-fg-muted sm:px-8`,children:e.needToken})}export{Ve as SkillsPage};
+//# sourceMappingURL=skills-page-0rmNu4AL.js.map

package/dist/gateway/static/root/assets/{skills-page-Dg_Uk_jM.js.map → skills-page-0rmNu4AL.js.map}

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":[],"ignoreList":[],"sources":["../../../../../web/src/features/skills/skills-page.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  BookOpen,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  FileArchive,\n  FileText,\n  FileType,\n  Funnel,\n  Info,\n  MoreVertical,\n  Package,\n  Plus,\n  Presentation,\n  Puzzle,\n  RefreshCw,\n  Search,\n  Sparkles,\n  Table2,\n  Trash2,\n  X,\n} from 'lucide-react';\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';\nimport { useLocation, useSearchParams } from 'react-router-dom';\n\nimport { MarkdownView } from '@/components/markdown/markdown-view';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport { interaction } from '@/lib/interaction';\nimport {\n  deleteSkill,\n  getMarketplacePackageDetail,\n  getMarketplaceSkills,\n  getSkillMarkdown,\n  getSkills,\n  installMarketplaceSkill,\n  patchSkillEnabled,\n  reloadSkills,\n  uploadSkillZip,\n} from '@/features/skills/skill-api';\nimport type { MarketplacePackageItem, SkillCatalogEntry } from '@/features/skills/skill.types';\nimport { messages } from '@/i18n/messages';\nimport { useGatewayStore } from '@/stores/gateway-store';\nimport { useLocaleStore } from '@/stores/locale-store';\nimport { usePageHeaderStore } from '@/stores/page-header-store';\n\nfunction interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\n/** Distinct glyph per skill id — avoids duplicate “first letter” collisions (e.g. create-skill vs install-skill-dependency). */\nfunction resolveSkillIcon(name: string): LucideIcon {\n  const n = name.toLowerCase().replace(/_/g, '-');\n  if (n.includes('find-skill')) return Search;\n  if (n.includes('install') && (n.includes('depend') || n.includes('dependency'))) return Package;\n  if (n.includes('create-skill')) return Sparkles;\n  if (n === 'docx' || n.endsWith('-docx')) return FileText;\n  if (n === 'pdf' || n.endsWith('-pdf')) return FileType;\n  if (n === 'pptx' || n.includes('pptx')) return Presentation;\n  if (n === 'xlsx' || n.includes('xlsx')) return Table2;\n  if (n.includes('markdown') || n.includes('md')) return BookOpen;\n  return Puzzle;\n}\n\nfunction SkillCardIcon({ name, className }: { name: string; className?: string }) {\n  const Icon = resolveSkillIcon(name);\n  return (\n    <div\n      className={cn(\n        'flex size-11 shrink-0 items-center justify-center rounded-xl',\n        'bg-surface-hover/90 shadow-surface ring-1 ring-inset ring-edge/35 dark:bg-surface-active/80 dark:ring-edge/50',\n        'transition-[transform,box-shadow] duration-200 ease-out group-hover:ring-edge/55 dark:group-hover:ring-edge/65',\n        'group-hover:-translate-y-px',\n        className,\n      )}\n      aria-hidden\n    >\n      <Icon\n        className=\"size-[1.35rem] text-fg-muted transition-colors duration-200 group-hover:text-fg\"\n        strokeWidth={1.75}\n      />\n    </div>\n  );\n}\n\ntype MainTab = 'builtin' | 'user' | 'marketplace';\ntype SourceFilter = 'all' | 'global' | 'workspace' | 'extra';\nconst MAIN_TAB_SET = new Set<MainTab>(['builtin', 'user', 'marketplace']);\nconst SOURCE_FILTER_SET = new Set<SourceFilter>(['all', 'global', 'workspace', 'extra']);\n\nfunction normalizeCatalogEntry(r: SkillCatalogEntry): SkillCatalogEntry {\n  return {\n    ...r,\n    enabled: r.enabled ?? true,\n    disableModelInvocation: r.disableModelInvocation ?? false,\n  };\n}\n\nfunction SkillEnableSwitch({\n  checked,\n  onChange,\n}: {\n  checked: boolean;\n  onChange: (next: boolean) => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      className={cn(\n        'relative h-6 w-10 shrink-0 overflow-hidden rounded-full border border-edge p-0.5',\n        'transition-[border-color,background-color] duration-200 ease-out',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base',\n        'active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100',\n        checked ? 'bg-accent' : 'bg-surface-hover',\n      )}\n      onClick={() => onChange(!checked)}\n    >\n      <span\n        className={cn(\n          'pointer-events-none absolute left-0.5 top-1/2 block size-4 -translate-y-1/2 rounded-full bg-surface-panel shadow-surface ring-1 ring-edge/40 dark:ring-edge/55',\n          'transition-transform duration-200 ease-out motion-reduce:transition-none',\n          checked ? 'translate-x-5' : 'translate-x-0',\n        )}\n        aria-hidden\n      />\n    </button>\n  );\n}\n\nasync function fileToZipUpload(file: File): Promise<File> {\n  const lower = file.name.toLowerCase();\n  if (lower.endsWith('.zip')) return file;\n  if (lower.endsWith('skill.md')) {\n    const JSZip = (await import('jszip')).default;\n    const zip = new JSZip();\n    zip.file('SKILL.md', await file.arrayBuffer());\n    const blob = await zip.generateAsync({ type: 'blob', compression: 'DEFLATE' });\n    const base = file.name.replace(/\\.md$/i, '').replace(/\\s+/g, '-') || 'skill';\n    return new File([blob], `${base}.zip`, { type: 'application/zip' });\n  }\n  throw new Error('invalid');\n}\n\nconst SKILL_LIST_SKELETON_COUNT = 6;\n\nfunction SkillListRowSkeleton() {\n  const skel =\n    'animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50';\n  return (\n    <div className=\"flex items-center gap-4 px-4 py-3.5\" aria-hidden>\n      <div className={cn('size-11 shrink-0 rounded-xl', skel)} />\n      <div className=\"min-w-0 flex-1 space-y-2\">\n        <div className={cn('h-4 max-w-[10rem]', skel)} />\n        <div className={cn('h-3 w-full max-w-xl rounded', skel)} />\n      </div>\n      <div className={cn('h-6 w-10 shrink-0 rounded-full', skel)} />\n    </div>\n  );\n}\n\nexport function SkillsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const m = messages(language);\n  const sk = m.skills;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const [catalog, setCatalog] = useState<SkillCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialTabRaw = searchParams.get('tab');\n  const initialSourceRaw = searchParams.get('source');\n  const initialTab: MainTab = MAIN_TAB_SET.has(initialTabRaw as MainTab)\n    ? (initialTabRaw as MainTab)\n    : 'builtin';\n  const initialSourceFilter: SourceFilter = SOURCE_FILTER_SET.has(initialSourceRaw as SourceFilter)\n    ? (initialSourceRaw as SourceFilter)\n    : 'all';\n\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [actionFeedback, setActionFeedback] = useState<{\n    kind: 'success' | 'error';\n    message: string;\n  } | null>(null);\n\n  const [mainTab, setMainTab] = useState<MainTab>(initialTab);\n  const [sourceFilter, setSourceFilter] = useState<SourceFilter>(initialSourceFilter);\n\n  const [installOpen, setInstallOpen] = useState(false);\n  const [pendingFile, setPendingFile] = useState<File | null>(null);\n  const [dropActive, setDropActive] = useState(false);\n\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [confirmId, setConfirmId] = useState<string | null>(null);\n  const [togglingSkillName, setTogglingSkillName] = useState<string | null>(null);\n  /** Optimistic `enabled` until `load` completes — avoids switch lag + disabled/opacity flicker. */\n  const [enabledOverride, setEnabledOverride] = useState<Record<string, boolean>>({});\n\n  const [detailOpen, setDetailOpen] = useState(false);\n  const [detailSource, setDetailSource] = useState<'catalog' | 'store'>('catalog');\n  const [detailTitle, setDetailTitle] = useState('');\n  const [detailMarkdown, setDetailMarkdown] = useState('');\n  const [detailLoading, setDetailLoading] = useState(false);\n  const [detailError, setDetailError] = useState<string | null>(null);\n\n  const [marketSort, setMarketSort] = useState<'downloads' | 'newest'>('downloads');\n  const [marketPage, setMarketPage] = useState(1);\n  const [mpLoading, setMpLoading] = useState(false);\n  const [mpError, setMpError] = useState<string | null>(null);\n  const [mpPayload, setMpPayload] = useState<{\n    items: MarketplacePackageItem[];\n    meta: { page: number; pageSize: number; total: number; totalPages: number };\n  } | null>(null);\n  const [installingMarketName, setInstallingMarketName] = useState<string | null>(null);\n\n  const load = useCallback(\n    async (opts?: { silent?: boolean }): Promise<{ ok: true } | { ok: false; message: string }> => {\n      const silent = opts?.silent === true;\n      if (!silent) {\n        setLoading(true);\n      }\n      setError(null);\n      try {\n        const data = await getSkills();\n        setCatalog(data.catalog.map(normalizeCatalogEntry));\n        return { ok: true };\n      } catch (e) {\n        const message = e instanceof Error ? e.message : sk.loadFailed;\n        setError(message);\n        return { ok: false, message };\n      } finally {\n        if (!silent) {\n          setLoading(false);\n        }\n      }\n    },\n    [sk.loadFailed],\n  );\n\n  useEffect(() => {\n    if (!hasToken) return;\n    void load();\n  }, [hasToken, load]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextTabRaw = searchParams.get('tab');\n    const nextSourceRaw = searchParams.get('source');\n    const nextTab: MainTab = MAIN_TAB_SET.has(nextTabRaw as MainTab)\n      ? (nextTabRaw as MainTab)\n      : 'builtin';\n    const nextSource: SourceFilter = SOURCE_FILTER_SET.has(nextSourceRaw as SourceFilter)\n      ? (nextSourceRaw as SourceFilter)\n      : 'all';\n    setSearchQuery((prev) => (prev === nextQ ? prev : nextQ));\n    setMainTab((prev) => (prev === nextTab ? prev : nextTab));\n    setSourceFilter((prev) => (prev === nextSource ? prev : nextSource));\n  }, [searchParams]);\n\n  useEffect(() => {\n    if (mainTab !== 'marketplace') return;\n    setMarketPage(1);\n  }, [searchQuery, marketSort, mainTab]);\n\n  useEffect(() => {\n    if (!hasToken || mainTab !== 'marketplace') return;\n    let cancelled = false;\n    setMpLoading(true);\n    setMpError(null);\n    void getMarketplaceSkills({\n      q: searchQuery.trim() || undefined,\n      page: marketPage,\n      pageSize: 20,\n      sort: marketSort,\n    })\n      .then((payload) => {\n        if (!cancelled) setMpPayload(payload);\n      })\n      .catch((e) => {\n        if (!cancelled) {\n          setMpError(e instanceof Error ? e.message : sk.marketplaceLoadFailed);\n          setMpPayload(null);\n        }\n      })\n      .finally(() => {\n        if (!cancelled) setMpLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, mainTab, marketPage, marketSort, searchQuery, sk.marketplaceLoadFailed]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = searchQuery.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n    if (mainTab !== 'builtin') params.set('tab', mainTab);\n    else params.delete('tab');\n    if (sourceFilter !== 'all') params.set('source', sourceFilter);\n    else params.delete('source');\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [mainTab, searchParams, searchQuery, setSearchParams, sourceFilter]);\n\n  const showFeedback = useCallback((kind: 'success' | 'error', message: string, durationMs = 5000) => {\n    setActionFeedback({ kind, message });\n    window.setTimeout(() => setActionFeedback(null), durationMs);\n  }, []);\n\n  const openSkillDetail = useCallback(\n    async (row: SkillCatalogEntry) => {\n      setDetailSource('catalog');\n      setDetailOpen(true);\n      setDetailTitle(row.name);\n      setDetailMarkdown('');\n      setDetailError(null);\n      setDetailLoading(true);\n      try {\n        const { markdown, name } = await getSkillMarkdown(row.name);\n        setDetailMarkdown(markdown);\n        setDetailTitle(name);\n      } catch (e) {\n        setDetailError(e instanceof Error ? e.message : sk.detailLoadFailed);\n      } finally {\n        setDetailLoading(false);\n      }\n    },\n    [sk.detailLoadFailed],\n  );\n\n  const openMarketplaceDetail = useCallback(\n    async (name: string) => {\n      setDetailSource('store');\n      setDetailOpen(true);\n      setDetailTitle(name);\n      setDetailMarkdown('');\n      setDetailError(null);\n      setDetailLoading(true);\n      try {\n        const pkg = await getMarketplacePackageDetail(name);\n        setDetailTitle(pkg.name);\n        const readme = pkg.readme?.trim();\n        if (readme) {\n          setDetailMarkdown(readme);\n        } else if (pkg.description?.trim()) {\n          setDetailMarkdown(`## ${pkg.name}\\n\\n${pkg.description.trim()}`);\n        } else {\n          setDetailMarkdown(`*${sk.marketplaceNoReadme}*`);\n        }\n      } catch (e) {\n        setDetailError(e instanceof Error ? e.message : sk.detailLoadFailed);\n      } finally {\n        setDetailLoading(false);\n      }\n    },\n    [sk.detailLoadFailed, sk.marketplaceNoReadme],\n  );\n\n  const onSkillToggle = useCallback(\n    async (name: string, next: boolean): Promise<boolean> => {\n      setTogglingSkillName(name);\n      setEnabledOverride((prev) => ({ ...prev, [name]: next }));\n      setActionFeedback(null);\n      try {\n        await patchSkillEnabled(name, next);\n        await load({ silent: true });\n        return true;\n      } catch (e) {\n        setEnabledOverride((prev) => {\n          const { [name]: _, ...rest } = prev;\n          return rest;\n        });\n        const msg = e instanceof Error ? e.message : sk.skillToggleFailed;\n        showFeedback('error', msg);\n        return false;\n      } finally {\n        setTogglingSkillName(null);\n        setEnabledOverride((prev) => {\n          const { [name]: _, ...rest } = prev;\n          return rest;\n        });\n      }\n    },\n    [load, showFeedback, sk.skillToggleFailed],\n  );\n\n  const onReloadClick = useCallback(async () => {\n    setActionFeedback(null);\n    setLoading(true);\n    setError(null);\n    try {\n      await reloadSkills();\n    } catch (e) {\n      const msg = e instanceof Error ? e.message : sk.reloadFailed;\n      setError(msg);\n      setLoading(false);\n      return;\n    }\n    await load();\n  }, [load, sk.reloadFailed]);\n\n  const builtinTabStats = useMemo(() => {\n    const rows = catalog.filter((r) => r.source === 'builtin');\n    return {\n      total: rows.length,\n      enabled: rows.filter((r) => enabledOverride[r.name] ?? r.enabled).length,\n    };\n  }, [catalog, enabledOverride]);\n\n  const userTabStats = useMemo(() => {\n    const rows = catalog.filter((r) => r.source !== 'builtin');\n    return {\n      total: rows.length,\n      enabled: rows.filter((r) => enabledOverride[r.name] ?? r.enabled).length,\n    };\n  }, [catalog, enabledOverride]);\n\n  const detailFromCatalog = useMemo(\n    () => (detailTitle ? catalog.find((r) => r.name === detailTitle) : undefined),\n    [catalog, detailTitle],\n  );\n  const detailEnabled =\n    detailFromCatalog == null\n      ? true\n      : (enabledOverride[detailTitle] ?? detailFromCatalog.enabled);\n\n  const filteredCatalog = useMemo(() => {\n    const q = searchQuery.trim().toLowerCase();\n    let rows = catalog;\n\n    if (mainTab === 'builtin') {\n      rows = rows.filter((r) => r.source === 'builtin');\n    } else {\n      rows = rows.filter((r) => r.source !== 'builtin');\n      if (sourceFilter !== 'all') {\n        rows = rows.filter((r) => r.source === sourceFilter);\n      }\n    }\n\n    if (!q) return rows;\n    return rows.filter((row) => {\n      const blob = [\n        row.name,\n        row.description,\n        row.directoryId,\n        row.path,\n        row.source,\n        row.hub?.source,\n        row.hub?.ref,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .toLowerCase();\n      return blob.includes(q);\n    });\n  }, [catalog, searchQuery, mainTab, sourceFilter]);\n\n  const runUpload = async (file: File) => {\n    setActionFeedback(null);\n    setUploading(true);\n    setError(null);\n    try {\n      let upload: File;\n      try {\n        upload = await fileToZipUpload(file);\n      } catch {\n        setError(sk.invalidFile);\n        showFeedback('error', sk.invalidFile);\n        return;\n      }\n      await uploadSkillZip(upload, { overwrite: true });\n      await load();\n      showFeedback('success', sk.installSuccess);\n      setInstallOpen(false);\n      setPendingFile(null);\n      setMainTab('user');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : sk.uploadFailed);\n      showFeedback('error', err instanceof Error ? err.message : sk.uploadFailed);\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const onInstallSubmit = () => {\n    if (pendingFile) void runUpload(pendingFile);\n  };\n\n  const onFileInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    e.target.value = '';\n    if (file) setPendingFile(file);\n  };\n\n  const onModalDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.dataTransfer.types.includes('Files')) {\n      setDropActive(true);\n      e.dataTransfer.dropEffect = 'copy';\n    }\n  };\n\n  const onModalDragLeave = (e: React.DragEvent) => {\n    const root = e.currentTarget as HTMLElement;\n    const to = e.relatedTarget as Node | null;\n    if (to && root.contains(to)) return;\n    setDropActive(false);\n  };\n\n  const onModalDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDropActive(false);\n    const file = e.dataTransfer?.files?.[0];\n    if (file) setPendingFile(file);\n  };\n\n  const sourceLabel = (source: SkillCatalogEntry['source']): string => {\n    switch (source) {\n      case 'builtin':\n        return sk.source.builtin;\n      case 'workspace':\n        return sk.source.workspace;\n      case 'global':\n        return sk.source.global;\n      case 'extra':\n        return sk.source.extra;\n      default:\n        return source;\n    }\n  };\n\n  const runDelete = async () => {\n    const id = confirmId;\n    setConfirmOpen(false);\n    setConfirmId(null);\n    if (!id) return;\n    setActionFeedback(null);\n    try {\n      await deleteSkill(id);\n      await load();\n    } catch (e) {\n      setError(e instanceof Error ? e.message : sk.deleteFailed);\n    }\n  };\n\n  const isSkillInstalledByName = useCallback(\n    (name: string) => catalog.some((r) => r.name === name),\n    [catalog],\n  );\n\n  const onMarketInstall = useCallback(\n    async (name: string) => {\n      const installed = isSkillInstalledByName(name);\n      if (installed) {\n        const ok = window.confirm(sk.marketplaceReinstallConfirm);\n        if (!ok) return;\n      }\n      setActionFeedback(null);\n      setInstallingMarketName(name);\n      try {\n        await installMarketplaceSkill({ name, overwrite: installed });\n        await load({ silent: true });\n        showFeedback('success', sk.installSuccess);\n        setDetailOpen(false);\n        setMainTab('user');\n      } catch (e) {\n        showFeedback('error', e instanceof Error ? e.message : sk.uploadFailed);\n      } finally {\n        setInstallingMarketName(null);\n      }\n    },\n    [\n      isSkillInstalledByName,\n      load,\n      showFeedback,\n      sk.installSuccess,\n      sk.marketplaceReinstallConfirm,\n      sk.uploadFailed,\n    ],\n  );\n\n  const filterLabel =\n    sourceFilter === 'all'\n      ? sk.filterAll\n      : sourceFilter === 'global'\n        ? sk.filterGlobal\n        : sourceFilter === 'workspace'\n          ? sk.filterWorkspace\n          : sk.filterExtra;\n\n  const setPageHeader = usePageHeaderStore((s) => s.setPageHeader);\n  const clearPageHeader = usePageHeaderStore((s) => s.clearPageHeader);\n  const { pathname } = useLocation();\n  const inSettingsShell = pathname.startsWith('/settings/');\n\n  const skillsHeaderEnd = useMemo(\n    () => (\n      <div className=\"flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          className=\"h-9 w-9 shrink-0 p-0\"\n          disabled={loading}\n          title={sk.reloadRuntime}\n          aria-label={sk.reloadDiskAria}\n          onClick={() => void onReloadClick()}\n        >\n          <RefreshCw className={cn('size-4', loading && 'animate-spin')} strokeWidth={1.75} />\n        </Button>\n        <label className=\"relative flex min-h-9 min-w-0 max-w-sm cursor-text items-center rounded-pill border border-edge bg-surface-base py-1.5 pl-9 pr-3 shadow-surface dark:bg-surface-hover/40 sm:max-w-md\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-disabled\"\n            strokeWidth={1.75}\n            aria-hidden\n          />\n          <input\n            type=\"text\"\n            role=\"searchbox\"\n            enterKeyHint=\"search\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={sk.searchPlaceholder}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className=\"min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-sm leading-normal text-fg caret-current placeholder:text-fg-disabled focus:border-0 focus:shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none\"\n          />\n        </label>\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          className=\"shrink-0 gap-2\"\n          onClick={() => {\n            setPendingFile(null);\n            setInstallOpen(true);\n          }}\n        >\n          <Plus className=\"size-4\" strokeWidth={1.75} aria-hidden />\n          {sk.installCta}\n        </Button>\n      </div>\n    ),\n    [\n      loading,\n      onReloadClick,\n      searchQuery,\n      setInstallOpen,\n      setPendingFile,\n      setSearchQuery,\n      sk.installCta,\n      sk.reloadDiskAria,\n      sk.reloadRuntime,\n      sk.searchPlaceholder,\n    ],\n  );\n\n  useLayoutEffect(() => {\n    if (!hasToken || inSettingsShell) {\n      clearPageHeader();\n      return () => clearPageHeader();\n    }\n    setPageHeader({\n      startExtra: null,\n      main: null,\n      end: skillsHeaderEnd,\n    });\n    return () => clearPageHeader();\n  }, [clearPageHeader, hasToken, inSettingsShell, setPageHeader, skillsHeaderEnd]);\n\n  if (!hasToken) {\n    return (\n      <div className=\"mx-auto w-full max-w-app-main px-4 py-16 text-center text-sm text-fg-muted sm:px-8\">\n        {sk.needToken}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col overflow-y-auto bg-surface-panel\">\n      <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6 sm:px-8\">\n        {actionFeedback ? (\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            className={cn(\n              'rounded-xl border px-3 py-2 text-sm',\n              actionFeedback.kind === 'success'\n                ? 'border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/40 dark:text-emerald-200'\n                : 'border-red-200 bg-red-50 text-red-800 dark:border-red-900/50 dark:bg-red-950/40 dark:text-red-200',\n            )}\n          >\n            {actionFeedback.message}\n          </div>\n        ) : error ? (\n          <div\n            className=\"rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300\"\n            role=\"alert\"\n          >\n            {error}\n          </div>\n        ) : null}\n\n        <header className=\"flex flex-col gap-4\">\n          <div className=\"min-w-0\">\n            <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{sk.title}</h1>\n            <p className=\"mt-1 max-w-2xl text-sm text-fg-muted\">{sk.tagline}</p>\n          </div>\n        </header>\n\n        {inSettingsShell ? (\n          <div className=\"flex flex-col gap-3 border-b border-edge-subtle pb-4 dark:border-edge-subtle sm:flex-row sm:flex-wrap sm:items-center sm:justify-end\">\n            {skillsHeaderEnd}\n          </div>\n        ) : null}\n\n        <section className=\"flex flex-col gap-4\">\n          <div className=\"flex flex-col gap-3 border-b border-edge-subtle pb-3 sm:flex-row sm:items-center sm:justify-between dark:border-edge-subtle\">\n            <div className=\"flex gap-1\" role=\"tablist\" aria-label={sk.skillsNavAria}>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={mainTab === 'builtin'}\n                className={cn(\n                  'relative rounded-md px-3 py-2 text-sm font-medium transition-colors',\n                  mainTab === 'builtin' ? 'text-fg' : 'text-fg-muted hover:text-fg',\n                  mainTab === 'builtin' &&\n                    'after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent',\n                )}\n                onClick={() => setMainTab('builtin')}\n              >\n                {sk.tabBuiltin}\n                <span className=\"ml-1 tabular-nums text-fg-muted\">\n                  ({builtinTabStats.enabled}/{builtinTabStats.total})\n                </span>\n              </button>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={mainTab === 'user'}\n                className={cn(\n                  'relative rounded-md px-3 py-2 text-sm font-medium transition-colors',\n                  mainTab === 'user' ? 'text-fg' : 'text-fg-muted hover:text-fg',\n                  mainTab === 'user' &&\n                    'after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent',\n                )}\n                onClick={() => setMainTab('user')}\n              >\n                {sk.tabUser}\n                <span className=\"ml-1 tabular-nums text-fg-muted\">\n                  ({userTabStats.enabled}/{userTabStats.total})\n                </span>\n              </button>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={mainTab === 'marketplace'}\n                className={cn(\n                  'relative rounded-md px-3 py-2 text-sm font-medium transition-colors',\n                  mainTab === 'marketplace' ? 'text-fg' : 'text-fg-muted hover:text-fg',\n                  mainTab === 'marketplace' &&\n                    'after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent',\n                )}\n                onClick={() => setMainTab('marketplace')}\n              >\n                {sk.tabMarketplace}\n              </button>\n            </div>\n            <div\n              className={cn(\n                'flex min-w-0 items-center gap-2',\n                mainTab === 'user'\n                  ? 'flex-nowrap overflow-x-auto pb-0.5 sm:justify-end'\n                  : 'flex-wrap sm:justify-end',\n              )}\n            >\n              {mainTab === 'user' ? (\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger asChild>\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        'inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface',\n                        interaction.transition,\n                        interaction.focusRingPanel,\n                      )}\n                    >\n                      <Funnel className=\"size-3.5 text-fg-muted\" strokeWidth={1.75} aria-hidden />\n                      <span>{filterLabel}</span>\n                      <ChevronDown className=\"size-3.5 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n                    </button>\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content\n                      className=\"z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge\"\n                      sideOffset={6}\n                      align=\"end\"\n                    >\n                      {(['all', 'global', 'workspace', 'extra'] as const).map((key) => (\n                        <DropdownMenu.Item\n                          key={key}\n                          className={cn(\n                            'cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none',\n                            'hover:bg-surface-hover data-[highlighted]:bg-surface-hover',\n                          )}\n                          onSelect={() => setSourceFilter(key)}\n                        >\n                          {key === 'all'\n                            ? sk.filterAll\n                            : key === 'global'\n                              ? sk.filterGlobal\n                              : key === 'workspace'\n                                ? sk.filterWorkspace\n                                : sk.filterExtra}\n                        </DropdownMenu.Item>\n                      ))}\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n              ) : null}\n              {mainTab === 'marketplace' ? (\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger asChild>\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        'inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface',\n                        interaction.transition,\n                        interaction.focusRingPanel,\n                      )}\n                    >\n                      <Funnel className=\"size-3.5 text-fg-muted\" strokeWidth={1.75} aria-hidden />\n                      <span>\n                        {marketSort === 'newest' ? sk.marketplaceSortNewest : sk.marketplaceSortDownloads}\n                      </span>\n                      <ChevronDown className=\"size-3.5 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n                    </button>\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content\n                      className=\"z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge\"\n                      sideOffset={6}\n                      align=\"end\"\n                    >\n                      <DropdownMenu.Item\n                        className={cn(\n                          'cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none',\n                          'hover:bg-surface-hover data-[highlighted]:bg-surface-hover',\n                        )}\n                        onSelect={() => setMarketSort('downloads')}\n                      >\n                        {sk.marketplaceSortDownloads}\n                      </DropdownMenu.Item>\n                      <DropdownMenu.Item\n                        className={cn(\n                          'cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none',\n                          'hover:bg-surface-hover data-[highlighted]:bg-surface-hover',\n                        )}\n                        onSelect={() => setMarketSort('newest')}\n                      >\n                        {sk.marketplaceSortNewest}\n                      </DropdownMenu.Item>\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n              ) : null}\n            </div>\n          </div>\n\n          {mainTab === 'marketplace' ? (\n            <>\n              <p className=\"text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                {sk.sectionMarketplace}\n              </p>\n              {mpLoading ? (\n                <div\n                  className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\"\n                  aria-busy=\"true\"\n                  aria-label={sk.loading}\n                >\n                  {Array.from({ length: SKILL_LIST_SKELETON_COUNT }, (_, i) => (\n                    <SkillListRowSkeleton key={i} />\n                  ))}\n                </div>\n              ) : mpError ? (\n                <div\n                  className=\"rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300\"\n                  role=\"alert\"\n                >\n                  {mpError}\n                </div>\n              ) : !mpPayload || mpPayload.items.length === 0 ? (\n                <div className=\"rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted\">\n                  {sk.marketplaceEmpty}\n                </div>\n              ) : (\n                <>\n                  <div className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\">\n                    {mpPayload.items.map((row) => {\n                      const installed = isSkillInstalledByName(row.name);\n                      const busy = installingMarketName === row.name;\n                      return (\n                        <article\n                          key={row.id}\n                          className={cn(\n                            'group relative flex flex-col gap-3 border-b border-edge-subtle px-4 py-3.5 last:border-b-0 sm:flex-row sm:items-center',\n                            'transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25',\n                          )}\n                        >\n                          <button\n                            type=\"button\"\n                            className={cn(\n                              'flex min-w-0 flex-1 cursor-pointer items-start gap-4 rounded-xl text-left outline-none',\n                              interaction.focusRingPanel,\n                            )}\n                            onClick={() => void openMarketplaceDetail(row.name)}\n                          >\n                            <SkillCardIcon name={row.name} />\n                            <div className=\"min-w-0 flex-1 pr-2\">\n                              <h3 className=\"text-[15px] font-semibold leading-snug tracking-tight text-fg\">\n                                {row.name}\n                              </h3>\n                              <p\n                                className=\"mt-0.5 line-clamp-2 text-sm leading-relaxed text-fg-muted\"\n                                title={row.description || undefined}\n                              >\n                                {row.description || '—'}\n                              </p>\n                              <div className=\"mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle\">\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sk.marketplaceAuthor}: {row.author.username}\n                                </span>\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sk.marketplaceDownloads}: {row.downloads}\n                                </span>\n                                {row.latestVersion ? (\n                                  <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50\">\n                                    {sk.marketplaceVersion}: {row.latestVersion}\n                                  </span>\n                                ) : null}\n                                {installed ? (\n                                  <span className=\"rounded-md bg-emerald-500/15 px-2 py-0.5 text-emerald-800 dark:text-emerald-200\">\n                                    {sk.marketplaceInstalled}\n                                  </span>\n                                ) : null}\n                              </div>\n                            </div>\n                          </button>\n                          <div className=\"flex shrink-0 justify-end sm:pl-2\">\n                            <Button\n                              type=\"button\"\n                              variant={installed ? 'secondary' : 'primary'}\n                              className=\"min-w-[6.5rem]\"\n                              disabled={busy || mpLoading}\n                              onClick={() => void onMarketInstall(row.name)}\n                            >\n                              {busy ? sk.uploading : installed ? sk.marketplaceReinstall : sk.marketplaceInstall}\n                            </Button>\n                          </div>\n                        </article>\n                      );\n                    })}\n                  </div>\n                  <div className=\"flex flex-col items-center justify-between gap-3 sm:flex-row\">\n                    <p className=\"text-center text-xs text-fg-muted sm:text-left\">\n                      {interpolate(sk.marketplacePageStatus, {\n                        page: mpPayload.meta.page,\n                        totalPages: mpPayload.meta.totalPages,\n                        total: mpPayload.meta.total,\n                      })}\n                    </p>\n                    <div className=\"flex items-center gap-2\">\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        className=\"h-9 gap-1 px-2\"\n                        disabled={mpLoading || marketPage <= 1}\n                        aria-label={sk.marketplacePagePrev}\n                        onClick={() => setMarketPage((p) => Math.max(1, p - 1))}\n                      >\n                        <ChevronLeft className=\"size-4\" strokeWidth={1.75} aria-hidden />\n                        <span className=\"sr-only sm:not-sr-only\">{sk.marketplacePagePrev}</span>\n                      </Button>\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        className=\"h-9 gap-1 px-2\"\n                        disabled={mpLoading || marketPage >= mpPayload.meta.totalPages}\n                        aria-label={sk.marketplacePageNext}\n                        onClick={() =>\n                          setMarketPage((p) => Math.min(mpPayload.meta.totalPages, p + 1))\n                        }\n                      >\n                        <span className=\"sr-only sm:not-sr-only\">{sk.marketplacePageNext}</span>\n                        <ChevronRight className=\"size-4\" strokeWidth={1.75} aria-hidden />\n                      </Button>\n                    </div>\n                  </div>\n                </>\n              )}\n            </>\n          ) : (\n            <>\n              <p className=\"text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                {mainTab === 'builtin' ? sk.sectionBuiltinList : sk.sectionUser}\n              </p>\n\n              {loading ? (\n                <div\n                  className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\"\n                  aria-busy=\"true\"\n                  aria-label={sk.loading}\n                >\n                  {Array.from({ length: SKILL_LIST_SKELETON_COUNT }, (_, i) => (\n                    <SkillListRowSkeleton key={i} />\n                  ))}\n                </div>\n              ) : catalog.length === 0 ? (\n                <div className=\"rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted\">\n                  {sk.empty}\n                </div>\n              ) : filteredCatalog.length === 0 ? (\n                <div className=\"rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted\">\n                  {sk.noSearchResults}\n                </div>\n              ) : (\n                <div className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\">\n                  {filteredCatalog.map((row) => (\n                    <article\n                      key={`${row.directoryId}-${row.path}`}\n                      className={cn(\n                        'group relative flex items-center gap-4 border-b border-edge-subtle px-4 py-3.5 last:border-b-0',\n                        'transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25',\n                      )}\n                    >\n                      <button\n                        type=\"button\"\n                        className={cn(\n                          'flex min-w-0 flex-1 cursor-pointer items-center gap-4 rounded-lg text-left outline-none',\n                          interaction.focusRingPanel,\n                        )}\n                        onClick={() => void openSkillDetail(row)}\n                      >\n                        <SkillCardIcon name={row.name} />\n                        <div className=\"min-w-0 flex-1 pr-2\">\n                          <h3 className=\"text-[15px] font-semibold leading-snug tracking-tight text-fg\">\n                            {row.name}\n                          </h3>\n                          <p\n                            className=\"mt-0.5 truncate text-sm leading-relaxed text-fg-muted\"\n                            title={row.description ? row.description : undefined}\n                          >\n                            {row.description || '—'}\n                          </p>\n                          {mainTab !== 'builtin' || row.managed ? (\n                            <div className=\"mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle\">\n                              {mainTab !== 'builtin' ? (\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sourceLabel(row.source)}\n                                </span>\n                              ) : null}\n                              {row.managed ? (\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sk.col.managed}: {sk.yes}\n                                </span>\n                              ) : null}\n                              {row.hub ? (\n                                <span\n                                  className=\"max-w-full truncate rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50\"\n                                  title={`${row.hub.source}${row.hub.ref ? `\\nref: ${row.hub.ref}` : ''}\\nupdated: ${row.hub.updatedAt}`}\n                                >\n                                  {sk.hubRemote} ·{' '}\n                                  {row.hub.kind === 'git' ? sk.hubKindGit : sk.hubKindArchive} ·{' '}\n                                  {row.hub.source.length > 48\n                                    ? `${row.hub.source.slice(0, 48)}…`\n                                    : row.hub.source}\n                                </span>\n                              ) : null}\n                            </div>\n                          ) : null}\n                        </div>\n                      </button>\n                      <div\n                        className=\"flex shrink-0 items-center gap-1\"\n                        onClick={(e) => e.stopPropagation()}\n                        role=\"presentation\"\n                      >\n                        {row.managed ? (\n                          <DropdownMenu.Root>\n                            <DropdownMenu.Trigger asChild>\n                              <button\n                                type=\"button\"\n                                className={cn(\n                                  'flex size-9 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg',\n                                  interaction.focusRingPanel,\n                                )}\n                                aria-label={sk.col.actions}\n                              >\n                                <MoreVertical className=\"size-4\" strokeWidth={1.75} />\n                              </button>\n                            </DropdownMenu.Trigger>\n                            <DropdownMenu.Portal>\n                              <DropdownMenu.Content\n                                className=\"z-50 min-w-[8rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge\"\n                                sideOffset={4}\n                                align=\"end\"\n                              >\n                                <DropdownMenu.Item\n                                  className={cn(\n                                    'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-red-600 outline-none',\n                                    'hover:bg-red-50 data-[highlighted]:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40',\n                                  )}\n                                  onSelect={() => {\n                                    setConfirmId(row.directoryId);\n                                    setConfirmOpen(true);\n                                  }}\n                                >\n                                  <Trash2 className=\"size-4\" strokeWidth={1.75} aria-hidden />\n                                  {sk.delete}\n                                </DropdownMenu.Item>\n                              </DropdownMenu.Content>\n                            </DropdownMenu.Portal>\n                          </DropdownMenu.Root>\n                        ) : null}\n                        <SkillEnableSwitch\n                          checked={enabledOverride[row.name] ?? row.enabled}\n                          onChange={(next) => void onSkillToggle(row.name, next)}\n                        />\n                      </div>\n                    </article>\n                  ))}\n                </div>\n              )}\n            </>\n          )}\n        </section>\n      </div>\n\n      {/* SKILL.md preview */}\n      <Dialog.Root\n        open={detailOpen}\n        onOpenChange={(open) => {\n          setDetailOpen(open);\n          if (!open) {\n            setDetailSource('catalog');\n            setDetailMarkdown('');\n            setDetailError(null);\n            setDetailTitle('');\n          }\n        }}\n      >\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content\n            className={cn(\n              'xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex max-h-[min(90vh,56rem)] w-[min(100%-2rem,min(92vw,56rem))] -translate-x-1/2 -translate-y-1/2 flex-col',\n              'rounded-2xl border border-edge bg-surface-panel shadow-float dark:border-edge',\n            )}\n          >\n            <div className=\"group flex shrink-0 items-center gap-3 border-b border-edge px-4 py-3\">\n              <SkillCardIcon name={detailTitle || '?'} />\n              <Dialog.Title className=\"min-w-0 flex-1 truncate text-base font-semibold text-fg\">\n                {detailTitle || '—'}\n              </Dialog.Title>\n              <Dialog.Close asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg',\n                    interaction.focusRingPanel,\n                  )}\n                  aria-label={sk.detailCloseAria}\n                >\n                  <X className=\"size-5\" strokeWidth={1.75} aria-hidden />\n                </button>\n              </Dialog.Close>\n            </div>\n            <div className=\"flex shrink-0 items-start gap-2 border-b border-blue-200/80 bg-blue-50/95 px-4 py-2.5 text-sm text-fg dark:border-blue-900/50 dark:bg-blue-950/45\">\n              <Info className=\"mt-0.5 size-4 shrink-0 text-blue-600 dark:text-blue-400\" strokeWidth={1.75} aria-hidden />\n              <p className=\"leading-relaxed\">\n                {detailSource === 'store' ? sk.detailModalBannerStore : sk.detailModalBanner}\n              </p>\n            </div>\n            <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4\">\n              {detailLoading ? (\n                <div className=\"space-y-2\" aria-busy=\"true\">\n                  <div className=\"h-4 w-2/3 animate-pulse rounded bg-surface-hover\" />\n                  <div className=\"h-4 w-full animate-pulse rounded bg-surface-hover\" />\n                  <div className=\"h-4 w-5/6 animate-pulse rounded bg-surface-hover\" />\n                </div>\n              ) : detailError ? (\n                <p className=\"text-sm text-red-600 dark:text-red-400\">{detailError}</p>\n              ) : (\n                <div className=\"markdown-content min-w-0\">\n                  <MarkdownView content={detailMarkdown} />\n                </div>\n              )}\n            </div>\n            <div className=\"flex shrink-0 justify-end gap-2 border-t border-edge px-4 py-3\">\n              {detailSource === 'store' ? (\n                <>\n                  <Button type=\"button\" variant=\"ghost\" onClick={() => setDetailOpen(false)}>\n                    {sk.cancel}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant={isSkillInstalledByName(detailTitle) ? 'secondary' : 'primary'}\n                    disabled={!detailTitle || installingMarketName === detailTitle}\n                    onClick={() => {\n                      if (!detailTitle) return;\n                      void onMarketInstall(detailTitle);\n                    }}\n                  >\n                    {installingMarketName === detailTitle\n                      ? sk.uploading\n                      : isSkillInstalledByName(detailTitle)\n                        ? sk.marketplaceReinstall\n                        : sk.marketplaceInstall}\n                  </Button>\n                </>\n              ) : (\n                <Button\n                  type=\"button\"\n                  variant=\"primary\"\n                  disabled={!detailTitle || togglingSkillName === detailTitle}\n                  onClick={async () => {\n                    if (!detailTitle) return;\n                    const ok = await onSkillToggle(detailTitle, !detailEnabled);\n                    if (ok) setDetailOpen(false);\n                  }}\n                >\n                  {detailEnabled ? sk.detailModalDisable : sk.detailModalEnable}\n                </Button>\n              )}\n            </div>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n\n      {/* Install modal */}\n      <Dialog.Root\n        open={installOpen}\n        onOpenChange={(open) => {\n          setInstallOpen(open);\n          if (!open) {\n            setPendingFile(null);\n            setDropActive(false);\n          }\n        }}\n      >\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content\n            className={cn(\n              'xopc-dialog-content fixed left-1/2 top-1/2 z-[60] max-h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,48rem))] -translate-x-1/2 -translate-y-1/2 overflow-y-auto',\n              'rounded-2xl border border-edge bg-surface-panel p-6 shadow-float dark:border-edge',\n            )}\n          >\n            <div className=\"flex items-start justify-between gap-3\">\n              <Dialog.Title className=\"text-base font-semibold text-fg\">{sk.installModalTitle}</Dialog.Title>\n              <Dialog.Close asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg',\n                    interaction.focusRingPanel,\n                  )}\n                  aria-label={sk.installClose}\n                >\n                  <X className=\"size-5\" strokeWidth={1.75} aria-hidden />\n                  <span className=\"sr-only\">{sk.installClose}</span>\n                </button>\n              </Dialog.Close>\n            </div>\n\n            <label\n              className={cn(\n                'mt-4 flex min-h-[11rem] cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-12 text-center transition-colors',\n                dropActive\n                  ? 'border-accent bg-accent-soft/60 dark:bg-blue-950/40'\n                  : 'border-edge bg-surface-base dark:bg-surface-hover/30',\n              )}\n              onDragLeave={onModalDragLeave}\n              onDragOver={onModalDragOver}\n              onDrop={onModalDrop}\n            >\n              <input\n                type=\"file\"\n                accept=\".zip,.md,application/zip,text/markdown\"\n                className=\"sr-only\"\n                aria-label={sk.installModalDropHint}\n                disabled={uploading}\n                onChange={onFileInputChange}\n              />\n              <FileArchive className=\"size-12 text-fg-subtle\" strokeWidth={1.25} aria-hidden />\n              <span className=\"text-sm text-fg-muted\">{sk.installModalDropHint}</span>\n              {pendingFile ? (\n                <span className=\"text-xs font-medium text-fg\">{pendingFile.name}</span>\n              ) : null}\n            </label>\n\n            <div className=\"mt-5 space-y-2\">\n              <p className=\"text-sm font-medium text-fg\">{sk.installModalReqTitle}</p>\n              <ul className=\"list-inside list-disc space-y-1 text-sm text-fg-muted\">\n                <li>{sk.installModalReq1}</li>\n                <li>{sk.installModalReq2}</li>\n              </ul>\n            </div>\n\n            <button\n              type=\"button\"\n              disabled={!pendingFile || uploading}\n              className={cn(\n                'mt-6 flex w-full items-center justify-center rounded-xl py-3 text-sm font-semibold',\n                'transition-colors',\n                !pendingFile || uploading\n                  ? 'cursor-not-allowed bg-surface-active text-fg-disabled'\n                  : 'bg-accent text-white hover:bg-accent-hover',\n                interaction.focusRingPanel,\n              )}\n              onClick={() => void onInstallSubmit()}\n            >\n              {uploading ? sk.uploading : sk.installAction}\n            </button>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n\n      <Dialog.Root\n        open={confirmOpen}\n        onOpenChange={(open) => {\n          setConfirmOpen(open);\n          if (!open) setConfirmId(null);\n        }}\n      >\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content className=\"xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold text-fg\">{sk.deleteTitle}</Dialog.Title>\n            <p className=\"mt-2 text-sm text-fg-muted\">\n              {confirmId ? interpolate(sk.deleteMessage, { id: confirmId }) : ''}\n            </p>\n            <div className=\"mt-4 flex justify-end gap-2\">\n              <Button type=\"button\" variant=\"secondary\" onClick={() => setConfirmOpen(false)}>\n                {sk.cancel}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                className=\"bg-red-600 hover:bg-red-700\"\n                onClick={() => void runDelete()}\n              >\n                {sk.deleteConfirm}\n              </Button>\n            </div>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </div>\n  );\n}\n"],"file":"skills-page-Dg_Uk_jM.js"}
+{"version":3,"mappings":"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","names":[],"ignoreList":[],"sources":["../../../../../web/src/features/skills/skills-page.tsx"],"sourcesContent":["import * as Dialog from '@radix-ui/react-dialog';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  BookOpen,\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  FileArchive,\n  FileText,\n  FileType,\n  Funnel,\n  Info,\n  MoreVertical,\n  Package,\n  Plus,\n  Presentation,\n  Puzzle,\n  RefreshCw,\n  Search,\n  Sparkles,\n  Table2,\n  Trash2,\n  X,\n} from 'lucide-react';\nimport { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';\nimport { useLocation, useSearchParams } from 'react-router-dom';\n\nimport { MarkdownView } from '@/components/markdown/markdown-view';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport { interaction } from '@/lib/interaction';\nimport {\n  deleteSkill,\n  getMarketplacePackageDetail,\n  getMarketplaceSkills,\n  getSkillMarkdown,\n  getSkills,\n  installMarketplaceSkill,\n  patchSkillEnabled,\n  reloadSkills,\n  uploadSkillZip,\n} from '@/features/skills/skill-api';\nimport type { MarketplacePackageItem, SkillCatalogEntry } from '@/features/skills/skill.types';\nimport { messages } from '@/i18n/messages';\nimport { useGatewayStore } from '@/stores/gateway-store';\nimport { useLocaleStore } from '@/stores/locale-store';\nimport { usePageHeaderStore } from '@/stores/page-header-store';\n\nfunction interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\n/** Distinct glyph per skill id — avoids duplicate “first letter” collisions (e.g. create-skill vs install-skill-dependency). */\nfunction resolveSkillIcon(name: string): LucideIcon {\n  const n = name.toLowerCase().replace(/_/g, '-');\n  if (n.includes('find-skill')) return Search;\n  if (n.includes('install') && (n.includes('depend') || n.includes('dependency'))) return Package;\n  if (n.includes('create-skill')) return Sparkles;\n  if (n === 'docx' || n.endsWith('-docx')) return FileText;\n  if (n === 'pdf' || n.endsWith('-pdf')) return FileType;\n  if (n === 'pptx' || n.includes('pptx')) return Presentation;\n  if (n === 'xlsx' || n.includes('xlsx')) return Table2;\n  if (n.includes('markdown') || n.includes('md')) return BookOpen;\n  return Puzzle;\n}\n\nfunction SkillCardIcon({ name, className }: { name: string; className?: string }) {\n  const Icon = resolveSkillIcon(name);\n  return (\n    <div\n      className={cn(\n        'flex size-11 shrink-0 items-center justify-center rounded-xl',\n        'bg-surface-hover/90 shadow-surface ring-1 ring-inset ring-edge/35 dark:bg-surface-active/80 dark:ring-edge/50',\n        'transition-[transform,box-shadow] duration-200 ease-out group-hover:ring-edge/55 dark:group-hover:ring-edge/65',\n        'group-hover:-translate-y-px',\n        className,\n      )}\n      aria-hidden\n    >\n      <Icon\n        className=\"size-[1.35rem] text-fg-muted transition-colors duration-200 group-hover:text-fg\"\n        strokeWidth={1.75}\n      />\n    </div>\n  );\n}\n\ntype MainTab = 'builtin' | 'user' | 'marketplace';\ntype SourceFilter = 'all' | 'global' | 'workspace' | 'extra';\nconst MAIN_TAB_SET = new Set<MainTab>(['builtin', 'user', 'marketplace']);\nconst SOURCE_FILTER_SET = new Set<SourceFilter>(['all', 'global', 'workspace', 'extra']);\n\nfunction normalizeCatalogEntry(r: SkillCatalogEntry): SkillCatalogEntry {\n  return {\n    ...r,\n    enabled: r.enabled ?? true,\n    disableModelInvocation: r.disableModelInvocation ?? false,\n  };\n}\n\nfunction SkillEnableSwitch({\n  checked,\n  onChange,\n}: {\n  checked: boolean;\n  onChange: (next: boolean) => void;\n}) {\n  return (\n    <button\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={checked}\n      className={cn(\n        'relative h-6 w-10 shrink-0 overflow-hidden rounded-full border border-edge p-0.5',\n        'transition-[border-color,background-color] duration-200 ease-out',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-base',\n        'active:scale-[0.97] motion-reduce:transition-none motion-reduce:active:scale-100',\n        checked ? 'bg-accent' : 'bg-surface-hover',\n      )}\n      onClick={() => onChange(!checked)}\n    >\n      <span\n        className={cn(\n          'pointer-events-none absolute left-0.5 top-1/2 block size-4 -translate-y-1/2 rounded-full bg-surface-panel shadow-surface ring-1 ring-edge/40 dark:ring-edge/55',\n          'transition-transform duration-200 ease-out motion-reduce:transition-none',\n          checked ? 'translate-x-5' : 'translate-x-0',\n        )}\n        aria-hidden\n      />\n    </button>\n  );\n}\n\nasync function fileToZipUpload(file: File): Promise<File> {\n  const lower = file.name.toLowerCase();\n  if (lower.endsWith('.zip')) return file;\n  if (lower.endsWith('skill.md')) {\n    const JSZip = (await import('jszip')).default;\n    const zip = new JSZip();\n    zip.file('SKILL.md', await file.arrayBuffer());\n    const blob = await zip.generateAsync({ type: 'blob', compression: 'DEFLATE' });\n    const base = file.name.replace(/\\.md$/i, '').replace(/\\s+/g, '-') || 'skill';\n    return new File([blob], `${base}.zip`, { type: 'application/zip' });\n  }\n  throw new Error('invalid');\n}\n\nconst SKILL_LIST_SKELETON_COUNT = 6;\n\nfunction SkillListRowSkeleton() {\n  const skel =\n    'animate-pulse motion-reduce:animate-none rounded-md bg-surface-hover dark:bg-surface-active/50';\n  return (\n    <div className=\"flex items-center gap-4 px-4 py-3.5\" aria-hidden>\n      <div className={cn('size-11 shrink-0 rounded-xl', skel)} />\n      <div className=\"min-w-0 flex-1 space-y-2\">\n        <div className={cn('h-4 max-w-[10rem]', skel)} />\n        <div className={cn('h-3 w-full max-w-xl rounded', skel)} />\n      </div>\n      <div className={cn('h-6 w-10 shrink-0 rounded-full', skel)} />\n    </div>\n  );\n}\n\nexport function SkillsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const m = messages(language);\n  const sk = m.skills;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const [catalog, setCatalog] = useState<SkillCatalogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialTabRaw = searchParams.get('tab');\n  const initialSourceRaw = searchParams.get('source');\n  const initialTab: MainTab = MAIN_TAB_SET.has(initialTabRaw as MainTab)\n    ? (initialTabRaw as MainTab)\n    : 'builtin';\n  const initialSourceFilter: SourceFilter = SOURCE_FILTER_SET.has(initialSourceRaw as SourceFilter)\n    ? (initialSourceRaw as SourceFilter)\n    : 'all';\n\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [actionFeedback, setActionFeedback] = useState<{\n    kind: 'success' | 'error';\n    message: string;\n  } | null>(null);\n\n  const [mainTab, setMainTab] = useState<MainTab>(initialTab);\n  const [sourceFilter, setSourceFilter] = useState<SourceFilter>(initialSourceFilter);\n\n  const [installOpen, setInstallOpen] = useState(false);\n  const [pendingFile, setPendingFile] = useState<File | null>(null);\n  const [dropActive, setDropActive] = useState(false);\n\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [confirmId, setConfirmId] = useState<string | null>(null);\n  const [togglingSkillName, setTogglingSkillName] = useState<string | null>(null);\n  /** Optimistic `enabled` until `load` completes — avoids switch lag + disabled/opacity flicker. */\n  const [enabledOverride, setEnabledOverride] = useState<Record<string, boolean>>({});\n\n  const [detailOpen, setDetailOpen] = useState(false);\n  const [detailSource, setDetailSource] = useState<'catalog' | 'store'>('catalog');\n  const [detailTitle, setDetailTitle] = useState('');\n  const [detailMarkdown, setDetailMarkdown] = useState('');\n  const [detailLoading, setDetailLoading] = useState(false);\n  const [detailError, setDetailError] = useState<string | null>(null);\n\n  const [marketSort, setMarketSort] = useState<'downloads' | 'newest'>('downloads');\n  const [marketPage, setMarketPage] = useState(1);\n  const [mpLoading, setMpLoading] = useState(false);\n  const [mpError, setMpError] = useState<string | null>(null);\n  const [mpPayload, setMpPayload] = useState<{\n    items: MarketplacePackageItem[];\n    meta: { page: number; pageSize: number; total: number; totalPages: number };\n  } | null>(null);\n  const [installingMarketName, setInstallingMarketName] = useState<string | null>(null);\n\n  const load = useCallback(\n    async (opts?: { silent?: boolean }): Promise<{ ok: true } | { ok: false; message: string }> => {\n      const silent = opts?.silent === true;\n      if (!silent) {\n        setLoading(true);\n      }\n      setError(null);\n      try {\n        const data = await getSkills();\n        setCatalog(data.catalog.map(normalizeCatalogEntry));\n        return { ok: true };\n      } catch (e) {\n        const message = e instanceof Error ? e.message : sk.loadFailed;\n        setError(message);\n        return { ok: false, message };\n      } finally {\n        if (!silent) {\n          setLoading(false);\n        }\n      }\n    },\n    [sk.loadFailed],\n  );\n\n  useEffect(() => {\n    if (!hasToken) return;\n    void load();\n  }, [hasToken, load]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextTabRaw = searchParams.get('tab');\n    const nextSourceRaw = searchParams.get('source');\n    const nextTab: MainTab = MAIN_TAB_SET.has(nextTabRaw as MainTab)\n      ? (nextTabRaw as MainTab)\n      : 'builtin';\n    const nextSource: SourceFilter = SOURCE_FILTER_SET.has(nextSourceRaw as SourceFilter)\n      ? (nextSourceRaw as SourceFilter)\n      : 'all';\n    setSearchQuery((prev) => (prev === nextQ ? prev : nextQ));\n    setMainTab((prev) => (prev === nextTab ? prev : nextTab));\n    setSourceFilter((prev) => (prev === nextSource ? prev : nextSource));\n  }, [searchParams]);\n\n  useEffect(() => {\n    if (mainTab !== 'marketplace') return;\n    setMarketPage(1);\n  }, [searchQuery, marketSort, mainTab]);\n\n  useEffect(() => {\n    if (!hasToken || mainTab !== 'marketplace') return;\n    let cancelled = false;\n    setMpLoading(true);\n    setMpError(null);\n    void getMarketplaceSkills({\n      q: searchQuery.trim() || undefined,\n      page: marketPage,\n      pageSize: 20,\n      sort: marketSort,\n    })\n      .then((payload) => {\n        if (!cancelled) setMpPayload(payload);\n      })\n      .catch((e) => {\n        if (!cancelled) {\n          setMpError(e instanceof Error ? e.message : sk.marketplaceLoadFailed);\n          setMpPayload(null);\n        }\n      })\n      .finally(() => {\n        if (!cancelled) setMpLoading(false);\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, mainTab, marketPage, marketSort, searchQuery, sk.marketplaceLoadFailed]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = searchQuery.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n    if (mainTab !== 'builtin') params.set('tab', mainTab);\n    else params.delete('tab');\n    if (sourceFilter !== 'all') params.set('source', sourceFilter);\n    else params.delete('source');\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [mainTab, searchParams, searchQuery, setSearchParams, sourceFilter]);\n\n  const showFeedback = useCallback((kind: 'success' | 'error', message: string, durationMs = 5000) => {\n    setActionFeedback({ kind, message });\n    window.setTimeout(() => setActionFeedback(null), durationMs);\n  }, []);\n\n  const openSkillDetail = useCallback(\n    async (row: SkillCatalogEntry) => {\n      setDetailSource('catalog');\n      setDetailOpen(true);\n      setDetailTitle(row.name);\n      setDetailMarkdown('');\n      setDetailError(null);\n      setDetailLoading(true);\n      try {\n        const { markdown, name } = await getSkillMarkdown(row.name);\n        setDetailMarkdown(markdown);\n        setDetailTitle(name);\n      } catch (e) {\n        setDetailError(e instanceof Error ? e.message : sk.detailLoadFailed);\n      } finally {\n        setDetailLoading(false);\n      }\n    },\n    [sk.detailLoadFailed],\n  );\n\n  const openMarketplaceDetail = useCallback(\n    async (name: string) => {\n      setDetailSource('store');\n      setDetailOpen(true);\n      setDetailTitle(name);\n      setDetailMarkdown('');\n      setDetailError(null);\n      setDetailLoading(true);\n      try {\n        const pkg = await getMarketplacePackageDetail(name);\n        setDetailTitle(pkg.name);\n        const readme = pkg.readme?.trim();\n        if (readme) {\n          setDetailMarkdown(readme);\n        } else if (pkg.description?.trim()) {\n          setDetailMarkdown(`## ${pkg.name}\\n\\n${pkg.description.trim()}`);\n        } else {\n          setDetailMarkdown(`*${sk.marketplaceNoReadme}*`);\n        }\n      } catch (e) {\n        setDetailError(e instanceof Error ? e.message : sk.detailLoadFailed);\n      } finally {\n        setDetailLoading(false);\n      }\n    },\n    [sk.detailLoadFailed, sk.marketplaceNoReadme],\n  );\n\n  const onSkillToggle = useCallback(\n    async (name: string, next: boolean): Promise<boolean> => {\n      setTogglingSkillName(name);\n      setEnabledOverride((prev) => ({ ...prev, [name]: next }));\n      setActionFeedback(null);\n      try {\n        await patchSkillEnabled(name, next);\n        await load({ silent: true });\n        return true;\n      } catch (e) {\n        setEnabledOverride((prev) => {\n          const { [name]: _, ...rest } = prev;\n          return rest;\n        });\n        const msg = e instanceof Error ? e.message : sk.skillToggleFailed;\n        showFeedback('error', msg);\n        return false;\n      } finally {\n        setTogglingSkillName(null);\n        setEnabledOverride((prev) => {\n          const { [name]: _, ...rest } = prev;\n          return rest;\n        });\n      }\n    },\n    [load, showFeedback, sk.skillToggleFailed],\n  );\n\n  const onReloadClick = useCallback(async () => {\n    setActionFeedback(null);\n    setLoading(true);\n    setError(null);\n    try {\n      await reloadSkills();\n    } catch (e) {\n      const msg = e instanceof Error ? e.message : sk.reloadFailed;\n      setError(msg);\n      setLoading(false);\n      return;\n    }\n    await load();\n  }, [load, sk.reloadFailed]);\n\n  const builtinTabStats = useMemo(() => {\n    const rows = catalog.filter((r) => r.source === 'builtin');\n    return {\n      total: rows.length,\n      enabled: rows.filter((r) => enabledOverride[r.name] ?? r.enabled).length,\n    };\n  }, [catalog, enabledOverride]);\n\n  const userTabStats = useMemo(() => {\n    const rows = catalog.filter((r) => r.source !== 'builtin');\n    return {\n      total: rows.length,\n      enabled: rows.filter((r) => enabledOverride[r.name] ?? r.enabled).length,\n    };\n  }, [catalog, enabledOverride]);\n\n  const detailFromCatalog = useMemo(\n    () => (detailTitle ? catalog.find((r) => r.name === detailTitle) : undefined),\n    [catalog, detailTitle],\n  );\n  const detailEnabled =\n    detailFromCatalog == null\n      ? true\n      : (enabledOverride[detailTitle] ?? detailFromCatalog.enabled);\n\n  const filteredCatalog = useMemo(() => {\n    const q = searchQuery.trim().toLowerCase();\n    let rows = catalog;\n\n    if (mainTab === 'builtin') {\n      rows = rows.filter((r) => r.source === 'builtin');\n    } else {\n      rows = rows.filter((r) => r.source !== 'builtin');\n      if (sourceFilter !== 'all') {\n        rows = rows.filter((r) => r.source === sourceFilter);\n      }\n    }\n\n    if (!q) return rows;\n    return rows.filter((row) => {\n      const blob = [\n        row.name,\n        row.description,\n        row.directoryId,\n        row.path,\n        row.source,\n        row.hub?.source,\n        row.hub?.ref,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .toLowerCase();\n      return blob.includes(q);\n    });\n  }, [catalog, searchQuery, mainTab, sourceFilter]);\n\n  const runUpload = async (file: File) => {\n    setActionFeedback(null);\n    setUploading(true);\n    setError(null);\n    try {\n      let upload: File;\n      try {\n        upload = await fileToZipUpload(file);\n      } catch {\n        setError(sk.invalidFile);\n        showFeedback('error', sk.invalidFile);\n        return;\n      }\n      await uploadSkillZip(upload, { overwrite: true });\n      await load();\n      showFeedback('success', sk.installSuccess);\n      setInstallOpen(false);\n      setPendingFile(null);\n      setMainTab('user');\n    } catch (err) {\n      setError(err instanceof Error ? err.message : sk.uploadFailed);\n      showFeedback('error', err instanceof Error ? err.message : sk.uploadFailed);\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  const onInstallSubmit = () => {\n    if (pendingFile) void runUpload(pendingFile);\n  };\n\n  const onFileInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    e.target.value = '';\n    if (file) setPendingFile(file);\n  };\n\n  const onModalDragOver = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (e.dataTransfer.types.includes('Files')) {\n      setDropActive(true);\n      e.dataTransfer.dropEffect = 'copy';\n    }\n  };\n\n  const onModalDragLeave = (e: React.DragEvent) => {\n    const root = e.currentTarget as HTMLElement;\n    const to = e.relatedTarget as Node | null;\n    if (to && root.contains(to)) return;\n    setDropActive(false);\n  };\n\n  const onModalDrop = (e: React.DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setDropActive(false);\n    const file = e.dataTransfer?.files?.[0];\n    if (file) setPendingFile(file);\n  };\n\n  const sourceLabel = (source: SkillCatalogEntry['source']): string => {\n    switch (source) {\n      case 'builtin':\n        return sk.source.builtin;\n      case 'workspace':\n        return sk.source.workspace;\n      case 'global':\n        return sk.source.global;\n      case 'extra':\n        return sk.source.extra;\n      default:\n        return source;\n    }\n  };\n\n  const runDelete = async () => {\n    const id = confirmId;\n    setConfirmOpen(false);\n    setConfirmId(null);\n    if (!id) return;\n    setActionFeedback(null);\n    try {\n      await deleteSkill(id);\n      await load();\n    } catch (e) {\n      setError(e instanceof Error ? e.message : sk.deleteFailed);\n    }\n  };\n\n  const isSkillInstalledByName = useCallback(\n    (name: string) => catalog.some((r) => r.name === name),\n    [catalog],\n  );\n\n  const onMarketInstall = useCallback(\n    async (name: string) => {\n      const installed = isSkillInstalledByName(name);\n      if (installed) {\n        const ok = window.confirm(sk.marketplaceReinstallConfirm);\n        if (!ok) return;\n      }\n      setActionFeedback(null);\n      setInstallingMarketName(name);\n      try {\n        await installMarketplaceSkill({ name, overwrite: installed });\n        await load({ silent: true });\n        showFeedback('success', sk.installSuccess);\n        setDetailOpen(false);\n        setMainTab('user');\n      } catch (e) {\n        showFeedback('error', e instanceof Error ? e.message : sk.uploadFailed);\n      } finally {\n        setInstallingMarketName(null);\n      }\n    },\n    [\n      isSkillInstalledByName,\n      load,\n      showFeedback,\n      sk.installSuccess,\n      sk.marketplaceReinstallConfirm,\n      sk.uploadFailed,\n    ],\n  );\n\n  const filterLabel =\n    sourceFilter === 'all'\n      ? sk.filterAll\n      : sourceFilter === 'global'\n        ? sk.filterGlobal\n        : sourceFilter === 'workspace'\n          ? sk.filterWorkspace\n          : sk.filterExtra;\n\n  const setPageHeader = usePageHeaderStore((s) => s.setPageHeader);\n  const clearPageHeader = usePageHeaderStore((s) => s.clearPageHeader);\n  const { pathname } = useLocation();\n  const inSettingsShell = pathname.startsWith('/settings/');\n\n  const skillsHeaderEnd = useMemo(\n    () => (\n      <div className=\"flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2\">\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          className=\"h-9 w-9 shrink-0 p-0\"\n          disabled={loading}\n          title={sk.reloadRuntime}\n          aria-label={sk.reloadDiskAria}\n          onClick={() => void onReloadClick()}\n        >\n          <RefreshCw className={cn('size-4', loading && 'animate-spin')} strokeWidth={1.75} />\n        </Button>\n        <label className=\"relative flex min-h-9 min-w-0 max-w-sm cursor-text items-center rounded-pill border border-edge bg-surface-base py-1.5 pl-9 pr-3 shadow-surface dark:bg-surface-hover/40 sm:max-w-md\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-disabled\"\n            strokeWidth={1.75}\n            aria-hidden\n          />\n          <input\n            type=\"text\"\n            role=\"searchbox\"\n            enterKeyHint=\"search\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            placeholder={sk.searchPlaceholder}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className=\"min-w-0 flex-1 appearance-none border-0 bg-transparent py-0.5 text-sm leading-normal text-fg caret-current placeholder:text-fg-disabled focus:border-0 focus:shadow-none focus:outline-none focus:ring-0 focus-visible:outline-none\"\n          />\n        </label>\n        <Button\n          type=\"button\"\n          variant=\"primary\"\n          className=\"shrink-0 gap-2\"\n          onClick={() => {\n            setPendingFile(null);\n            setInstallOpen(true);\n          }}\n        >\n          <Plus className=\"size-4\" strokeWidth={1.75} aria-hidden />\n          {sk.installCta}\n        </Button>\n      </div>\n    ),\n    [\n      loading,\n      onReloadClick,\n      searchQuery,\n      setInstallOpen,\n      setPendingFile,\n      setSearchQuery,\n      sk.installCta,\n      sk.reloadDiskAria,\n      sk.reloadRuntime,\n      sk.searchPlaceholder,\n    ],\n  );\n\n  useLayoutEffect(() => {\n    if (!hasToken || inSettingsShell) {\n      clearPageHeader();\n      return () => clearPageHeader();\n    }\n    setPageHeader({\n      startExtra: null,\n      main: null,\n      end: skillsHeaderEnd,\n    });\n    return () => clearPageHeader();\n  }, [clearPageHeader, hasToken, inSettingsShell, setPageHeader, skillsHeaderEnd]);\n\n  if (!hasToken) {\n    return (\n      <div className=\"mx-auto w-full max-w-app-main px-4 py-16 text-center text-sm text-fg-muted sm:px-8\">\n        {sk.needToken}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col overflow-y-auto bg-surface-panel\">\n      <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6 sm:px-8\">\n        {actionFeedback ? (\n          <div\n            role=\"status\"\n            aria-live=\"polite\"\n            className={cn(\n              'rounded-xl border px-3 py-2 text-sm',\n              actionFeedback.kind === 'success'\n                ? 'border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/40 dark:text-emerald-200'\n                : 'border-red-200 bg-red-50 text-red-800 dark:border-red-900/50 dark:bg-red-950/40 dark:text-red-200',\n            )}\n          >\n            {actionFeedback.message}\n          </div>\n        ) : error ? (\n          <div\n            className=\"rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300\"\n            role=\"alert\"\n          >\n            {error}\n          </div>\n        ) : null}\n\n        <header className=\"flex flex-col gap-4\">\n          <div className=\"min-w-0\">\n            <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{sk.title}</h1>\n            <p className=\"mt-1 max-w-2xl text-sm text-fg-muted\">{sk.tagline}</p>\n          </div>\n        </header>\n\n        {inSettingsShell ? (\n          <div className=\"flex flex-col gap-3 border-b border-edge-subtle pb-4 dark:border-edge-subtle sm:flex-row sm:flex-wrap sm:items-center sm:justify-end\">\n            {skillsHeaderEnd}\n          </div>\n        ) : null}\n\n        <section className=\"flex flex-col gap-4\">\n          <div className=\"flex flex-col gap-3 border-b border-edge-subtle pb-3 sm:flex-row sm:items-center sm:justify-between dark:border-edge-subtle\">\n            <div className=\"flex gap-1\" role=\"tablist\" aria-label={sk.skillsNavAria}>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={mainTab === 'builtin'}\n                className={cn(\n                  'relative rounded-md px-3 py-2 text-sm font-medium transition-colors',\n                  mainTab === 'builtin' ? 'text-fg' : 'text-fg-muted hover:text-fg',\n                  mainTab === 'builtin' &&\n                    'after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent',\n                )}\n                onClick={() => setMainTab('builtin')}\n              >\n                {sk.tabBuiltin}\n                <span className=\"ml-1 tabular-nums text-fg-muted\">\n                  ({builtinTabStats.enabled}/{builtinTabStats.total})\n                </span>\n              </button>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={mainTab === 'user'}\n                className={cn(\n                  'relative rounded-md px-3 py-2 text-sm font-medium transition-colors',\n                  mainTab === 'user' ? 'text-fg' : 'text-fg-muted hover:text-fg',\n                  mainTab === 'user' &&\n                    'after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent',\n                )}\n                onClick={() => setMainTab('user')}\n              >\n                {sk.tabUser}\n                <span className=\"ml-1 tabular-nums text-fg-muted\">\n                  ({userTabStats.enabled}/{userTabStats.total})\n                </span>\n              </button>\n              <button\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={mainTab === 'marketplace'}\n                className={cn(\n                  'relative rounded-md px-3 py-2 text-sm font-medium transition-colors',\n                  mainTab === 'marketplace' ? 'text-fg' : 'text-fg-muted hover:text-fg',\n                  mainTab === 'marketplace' &&\n                    'after:absolute after:bottom-0 after:left-1/2 after:h-0.5 after:w-9 after:-translate-x-1/2 after:rounded-full after:bg-accent',\n                )}\n                onClick={() => setMainTab('marketplace')}\n              >\n                {sk.tabMarketplace}\n              </button>\n            </div>\n            <div\n              className={cn(\n                'flex min-w-0 items-center gap-2',\n                mainTab === 'user'\n                  ? 'flex-nowrap overflow-x-auto pb-0.5 sm:justify-end'\n                  : 'flex-wrap sm:justify-end',\n              )}\n            >\n              {mainTab === 'user' ? (\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger asChild>\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        'inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface',\n                        interaction.transition,\n                        interaction.focusRingPanel,\n                      )}\n                    >\n                      <Funnel className=\"size-3.5 text-fg-muted\" strokeWidth={1.75} aria-hidden />\n                      <span>{filterLabel}</span>\n                      <ChevronDown className=\"size-3.5 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n                    </button>\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content\n                      className=\"z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge\"\n                      sideOffset={6}\n                      align=\"end\"\n                    >\n                      {(['all', 'global', 'workspace', 'extra'] as const).map((key) => (\n                        <DropdownMenu.Item\n                          key={key}\n                          className={cn(\n                            'cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none',\n                            'hover:bg-surface-hover data-[highlighted]:bg-surface-hover',\n                          )}\n                          onSelect={() => setSourceFilter(key)}\n                        >\n                          {key === 'all'\n                            ? sk.filterAll\n                            : key === 'global'\n                              ? sk.filterGlobal\n                              : key === 'workspace'\n                                ? sk.filterWorkspace\n                                : sk.filterExtra}\n                        </DropdownMenu.Item>\n                      ))}\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n              ) : null}\n              {mainTab === 'marketplace' ? (\n                <DropdownMenu.Root>\n                  <DropdownMenu.Trigger asChild>\n                    <button\n                      type=\"button\"\n                      className={cn(\n                        'inline-flex h-9 min-h-9 min-w-[9rem] shrink-0 items-center gap-1.5 rounded-lg border border-edge bg-surface-panel px-2.5 text-xs font-medium text-fg shadow-surface',\n                        interaction.transition,\n                        interaction.focusRingPanel,\n                      )}\n                    >\n                      <Funnel className=\"size-3.5 text-fg-muted\" strokeWidth={1.75} aria-hidden />\n                      <span>\n                        {marketSort === 'newest' ? sk.marketplaceSortNewest : sk.marketplaceSortDownloads}\n                      </span>\n                      <ChevronDown className=\"size-3.5 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n                    </button>\n                  </DropdownMenu.Trigger>\n                  <DropdownMenu.Portal>\n                    <DropdownMenu.Content\n                      className=\"z-50 min-w-[10rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge\"\n                      sideOffset={6}\n                      align=\"end\"\n                    >\n                      <DropdownMenu.Item\n                        className={cn(\n                          'cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none',\n                          'hover:bg-surface-hover data-[highlighted]:bg-surface-hover',\n                        )}\n                        onSelect={() => setMarketSort('downloads')}\n                      >\n                        {sk.marketplaceSortDownloads}\n                      </DropdownMenu.Item>\n                      <DropdownMenu.Item\n                        className={cn(\n                          'cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none',\n                          'hover:bg-surface-hover data-[highlighted]:bg-surface-hover',\n                        )}\n                        onSelect={() => setMarketSort('newest')}\n                      >\n                        {sk.marketplaceSortNewest}\n                      </DropdownMenu.Item>\n                    </DropdownMenu.Content>\n                  </DropdownMenu.Portal>\n                </DropdownMenu.Root>\n              ) : null}\n            </div>\n          </div>\n\n          {mainTab === 'marketplace' ? (\n            <>\n              <p className=\"text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                {sk.sectionMarketplace}\n              </p>\n              {mpLoading ? (\n                <div\n                  className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\"\n                  aria-busy=\"true\"\n                  aria-label={sk.loading}\n                >\n                  {Array.from({ length: SKILL_LIST_SKELETON_COUNT }, (_, i) => (\n                    <SkillListRowSkeleton key={i} />\n                  ))}\n                </div>\n              ) : mpError ? (\n                <div\n                  className=\"rounded-xl border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300\"\n                  role=\"alert\"\n                >\n                  {mpError}\n                </div>\n              ) : !mpPayload || mpPayload.items.length === 0 ? (\n                <div className=\"rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted\">\n                  {sk.marketplaceEmpty}\n                </div>\n              ) : (\n                <>\n                  <div className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\">\n                    {mpPayload.items.map((row) => {\n                      const installed = isSkillInstalledByName(row.name);\n                      const busy = installingMarketName === row.name;\n                      return (\n                        <article\n                          key={row.id}\n                          className={cn(\n                            'group relative flex flex-col gap-3 border-b border-edge-subtle px-4 py-3.5 last:border-b-0 sm:flex-row sm:items-center',\n                            'transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25',\n                          )}\n                        >\n                          <button\n                            type=\"button\"\n                            className={cn(\n                              'flex min-w-0 flex-1 cursor-pointer items-start gap-4 rounded-xl text-left outline-none',\n                              interaction.focusRingPanel,\n                            )}\n                            onClick={() => void openMarketplaceDetail(row.name)}\n                          >\n                            <SkillCardIcon name={row.name} />\n                            <div className=\"min-w-0 flex-1 pr-2\">\n                              <h3 className=\"text-[15px] font-semibold leading-snug tracking-tight text-fg\">\n                                {row.name}\n                              </h3>\n                              <p\n                                className=\"mt-0.5 line-clamp-2 text-sm leading-relaxed text-fg-muted\"\n                                title={row.description || undefined}\n                              >\n                                {row.description || '—'}\n                              </p>\n                              <div className=\"mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle\">\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sk.marketplaceAuthor}: {row.author.username}\n                                </span>\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sk.marketplaceDownloads}: {row.downloads}\n                                </span>\n                                {row.latestVersion ? (\n                                  <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50\">\n                                    {sk.marketplaceVersion}: {row.latestVersion}\n                                  </span>\n                                ) : null}\n                                {installed ? (\n                                  <span className=\"rounded-md bg-emerald-500/15 px-2 py-0.5 text-emerald-800 dark:text-emerald-200\">\n                                    {sk.marketplaceInstalled}\n                                  </span>\n                                ) : null}\n                              </div>\n                            </div>\n                          </button>\n                          <div className=\"flex shrink-0 justify-end sm:pl-2\">\n                            <Button\n                              type=\"button\"\n                              variant={installed ? 'secondary' : 'primary'}\n                              className=\"min-w-[6.5rem]\"\n                              disabled={busy || mpLoading}\n                              onClick={() => void onMarketInstall(row.name)}\n                            >\n                              {busy ? sk.uploading : installed ? sk.marketplaceReinstall : sk.marketplaceInstall}\n                            </Button>\n                          </div>\n                        </article>\n                      );\n                    })}\n                  </div>\n                  <div className=\"flex flex-col items-center justify-between gap-3 sm:flex-row\">\n                    <p className=\"text-center text-xs text-fg-muted sm:text-left\">\n                      {interpolate(sk.marketplacePageStatus, {\n                        page: mpPayload.meta.page,\n                        totalPages: mpPayload.meta.totalPages,\n                        total: mpPayload.meta.total,\n                      })}\n                    </p>\n                    <div className=\"flex items-center gap-2\">\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        className=\"h-9 gap-1 px-2\"\n                        disabled={mpLoading || marketPage <= 1}\n                        aria-label={sk.marketplacePagePrev}\n                        onClick={() => setMarketPage((p) => Math.max(1, p - 1))}\n                      >\n                        <ChevronLeft className=\"size-4\" strokeWidth={1.75} aria-hidden />\n                        <span className=\"sr-only sm:not-sr-only\">{sk.marketplacePagePrev}</span>\n                      </Button>\n                      <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        className=\"h-9 gap-1 px-2\"\n                        disabled={mpLoading || marketPage >= mpPayload.meta.totalPages}\n                        aria-label={sk.marketplacePageNext}\n                        onClick={() =>\n                          setMarketPage((p) => Math.min(mpPayload.meta.totalPages, p + 1))\n                        }\n                      >\n                        <span className=\"sr-only sm:not-sr-only\">{sk.marketplacePageNext}</span>\n                        <ChevronRight className=\"size-4\" strokeWidth={1.75} aria-hidden />\n                      </Button>\n                    </div>\n                  </div>\n                </>\n              )}\n            </>\n          ) : (\n            <>\n              <p className=\"text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                {mainTab === 'builtin' ? sk.sectionBuiltinList : sk.sectionUser}\n              </p>\n\n              {loading ? (\n                <div\n                  className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\"\n                  aria-busy=\"true\"\n                  aria-label={sk.loading}\n                >\n                  {Array.from({ length: SKILL_LIST_SKELETON_COUNT }, (_, i) => (\n                    <SkillListRowSkeleton key={i} />\n                  ))}\n                </div>\n              ) : catalog.length === 0 ? (\n                <div className=\"rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted\">\n                  {sk.empty}\n                </div>\n              ) : filteredCatalog.length === 0 ? (\n                <div className=\"rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted\">\n                  {sk.noSearchResults}\n                </div>\n              ) : (\n                <div className=\"overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle\">\n                  {filteredCatalog.map((row) => (\n                    <article\n                      key={`${row.directoryId}-${row.path}`}\n                      className={cn(\n                        'group relative flex items-center gap-4 border-b border-edge-subtle px-4 py-3.5 last:border-b-0',\n                        'transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25',\n                      )}\n                    >\n                      <button\n                        type=\"button\"\n                        className={cn(\n                          'flex min-w-0 flex-1 cursor-pointer items-center gap-4 rounded-lg text-left outline-none',\n                          interaction.focusRingPanel,\n                        )}\n                        onClick={() => void openSkillDetail(row)}\n                      >\n                        <SkillCardIcon name={row.name} />\n                        <div className=\"min-w-0 flex-1 pr-2\">\n                          <h3 className=\"text-[15px] font-semibold leading-snug tracking-tight text-fg\">\n                            {row.name}\n                          </h3>\n                          <p\n                            className=\"mt-0.5 truncate text-sm leading-relaxed text-fg-muted\"\n                            title={row.description ? row.description : undefined}\n                          >\n                            {row.description || '—'}\n                          </p>\n                          {mainTab !== 'builtin' || row.managed ? (\n                            <div className=\"mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle\">\n                              {mainTab !== 'builtin' ? (\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sourceLabel(row.source)}\n                                </span>\n                              ) : null}\n                              {row.managed ? (\n                                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                  {sk.col.managed}: {sk.yes}\n                                </span>\n                              ) : null}\n                              {row.hub ? (\n                                <span\n                                  className=\"max-w-full truncate rounded-md bg-surface-hover/60 px-2 py-0.5 font-mono text-[10px] dark:bg-surface-active/50\"\n                                  title={`${row.hub.source}${row.hub.ref ? `\\nref: ${row.hub.ref}` : ''}\\nupdated: ${row.hub.updatedAt}`}\n                                >\n                                  {sk.hubRemote} ·{' '}\n                                  {row.hub.kind === 'git' ? sk.hubKindGit : sk.hubKindArchive} ·{' '}\n                                  {row.hub.source.length > 48\n                                    ? `${row.hub.source.slice(0, 48)}…`\n                                    : row.hub.source}\n                                </span>\n                              ) : null}\n                            </div>\n                          ) : null}\n                        </div>\n                      </button>\n                      <div\n                        className=\"flex shrink-0 items-center gap-1\"\n                        onClick={(e) => e.stopPropagation()}\n                        role=\"presentation\"\n                      >\n                        {row.managed ? (\n                          <DropdownMenu.Root>\n                            <DropdownMenu.Trigger asChild>\n                              <button\n                                type=\"button\"\n                                className={cn(\n                                  'flex size-9 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg',\n                                  interaction.focusRingPanel,\n                                )}\n                                aria-label={sk.col.actions}\n                              >\n                                <MoreVertical className=\"size-4\" strokeWidth={1.75} />\n                              </button>\n                            </DropdownMenu.Trigger>\n                            <DropdownMenu.Portal>\n                              <DropdownMenu.Content\n                                className=\"z-50 min-w-[8rem] rounded-xl border border-edge bg-surface-panel p-1 shadow-popover dark:border-edge\"\n                                sideOffset={4}\n                                align=\"end\"\n                              >\n                                <DropdownMenu.Item\n                                  className={cn(\n                                    'flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm text-red-600 outline-none',\n                                    'hover:bg-red-50 data-[highlighted]:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40',\n                                  )}\n                                  onSelect={() => {\n                                    setConfirmId(row.directoryId);\n                                    setConfirmOpen(true);\n                                  }}\n                                >\n                                  <Trash2 className=\"size-4\" strokeWidth={1.75} aria-hidden />\n                                  {sk.delete}\n                                </DropdownMenu.Item>\n                              </DropdownMenu.Content>\n                            </DropdownMenu.Portal>\n                          </DropdownMenu.Root>\n                        ) : null}\n                        <SkillEnableSwitch\n                          checked={enabledOverride[row.name] ?? row.enabled}\n                          onChange={(next) => void onSkillToggle(row.name, next)}\n                        />\n                      </div>\n                    </article>\n                  ))}\n                </div>\n              )}\n            </>\n          )}\n        </section>\n      </div>\n\n      {/* SKILL.md preview */}\n      <Dialog.Root\n        open={detailOpen}\n        onOpenChange={(open) => {\n          setDetailOpen(open);\n          if (!open) {\n            setDetailSource('catalog');\n            setDetailMarkdown('');\n            setDetailError(null);\n            setDetailTitle('');\n          }\n        }}\n      >\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content\n            className={cn(\n              'xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex max-h-[min(90vh,56rem)] w-[min(100%-2rem,min(92vw,56rem))] -translate-x-1/2 -translate-y-1/2 flex-col',\n              'rounded-2xl border border-edge bg-surface-panel shadow-float dark:border-edge',\n            )}\n          >\n            <div className=\"group flex shrink-0 items-center gap-3 border-b border-edge px-4 py-3\">\n              <SkillCardIcon name={detailTitle || '?'} />\n              <Dialog.Title className=\"min-w-0 flex-1 truncate text-base font-semibold text-fg\">\n                {detailTitle || '—'}\n              </Dialog.Title>\n              <Dialog.Close asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg',\n                    interaction.focusRingPanel,\n                  )}\n                  aria-label={sk.detailCloseAria}\n                >\n                  <X className=\"size-5\" strokeWidth={1.75} aria-hidden />\n                </button>\n              </Dialog.Close>\n            </div>\n            <div className=\"flex shrink-0 items-start gap-2 border-b border-blue-200/80 bg-blue-50/95 px-4 py-2.5 text-sm text-fg dark:border-blue-900/50 dark:bg-blue-950/45\">\n              <Info className=\"mt-0.5 size-4 shrink-0 text-blue-600 dark:text-blue-400\" strokeWidth={1.75} aria-hidden />\n              <p className=\"leading-relaxed\">\n                {detailSource === 'store' ? sk.detailModalBannerStore : sk.detailModalBanner}\n              </p>\n            </div>\n            <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4\">\n              {detailLoading ? (\n                <div className=\"space-y-2\" aria-busy=\"true\">\n                  <div className=\"h-4 w-2/3 animate-pulse rounded bg-surface-hover\" />\n                  <div className=\"h-4 w-full animate-pulse rounded bg-surface-hover\" />\n                  <div className=\"h-4 w-5/6 animate-pulse rounded bg-surface-hover\" />\n                </div>\n              ) : detailError ? (\n                <p className=\"text-sm text-red-600 dark:text-red-400\">{detailError}</p>\n              ) : (\n                <div className=\"markdown-content min-w-0\">\n                  <MarkdownView content={detailMarkdown} />\n                </div>\n              )}\n            </div>\n            <div className=\"flex shrink-0 justify-end gap-2 border-t border-edge px-4 py-3\">\n              {detailSource === 'store' ? (\n                <>\n                  <Button type=\"button\" variant=\"ghost\" onClick={() => setDetailOpen(false)}>\n                    {sk.cancel}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant={isSkillInstalledByName(detailTitle) ? 'secondary' : 'primary'}\n                    disabled={!detailTitle || installingMarketName === detailTitle}\n                    onClick={() => {\n                      if (!detailTitle) return;\n                      void onMarketInstall(detailTitle);\n                    }}\n                  >\n                    {installingMarketName === detailTitle\n                      ? sk.uploading\n                      : isSkillInstalledByName(detailTitle)\n                        ? sk.marketplaceReinstall\n                        : sk.marketplaceInstall}\n                  </Button>\n                </>\n              ) : (\n                <Button\n                  type=\"button\"\n                  variant=\"primary\"\n                  disabled={!detailTitle || togglingSkillName === detailTitle}\n                  onClick={async () => {\n                    if (!detailTitle) return;\n                    const ok = await onSkillToggle(detailTitle, !detailEnabled);\n                    if (ok) setDetailOpen(false);\n                  }}\n                >\n                  {detailEnabled ? sk.detailModalDisable : sk.detailModalEnable}\n                </Button>\n              )}\n            </div>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n\n      {/* Install modal */}\n      <Dialog.Root\n        open={installOpen}\n        onOpenChange={(open) => {\n          setInstallOpen(open);\n          if (!open) {\n            setPendingFile(null);\n            setDropActive(false);\n          }\n        }}\n      >\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content\n            className={cn(\n              'xopc-dialog-content fixed left-1/2 top-1/2 z-[60] max-h-[min(100vh-2rem,44rem)] w-[min(100%-2rem,min(92vw,48rem))] -translate-x-1/2 -translate-y-1/2 overflow-y-auto',\n              'rounded-2xl border border-edge bg-surface-panel p-6 shadow-float dark:border-edge',\n            )}\n          >\n            <div className=\"flex items-start justify-between gap-3\">\n              <Dialog.Title className=\"text-base font-semibold text-fg\">{sk.installModalTitle}</Dialog.Title>\n              <Dialog.Close asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    'rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg',\n                    interaction.focusRingPanel,\n                  )}\n                  aria-label={sk.installClose}\n                >\n                  <X className=\"size-5\" strokeWidth={1.75} aria-hidden />\n                  <span className=\"sr-only\">{sk.installClose}</span>\n                </button>\n              </Dialog.Close>\n            </div>\n\n            <label\n              className={cn(\n                'mt-4 flex min-h-[11rem] cursor-pointer flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed px-6 py-12 text-center transition-colors',\n                dropActive\n                  ? 'border-accent bg-accent-soft/60 dark:bg-blue-950/40'\n                  : 'border-edge bg-surface-base dark:bg-surface-hover/30',\n              )}\n              onDragLeave={onModalDragLeave}\n              onDragOver={onModalDragOver}\n              onDrop={onModalDrop}\n            >\n              <input\n                type=\"file\"\n                accept=\".zip,.md,application/zip,text/markdown\"\n                className=\"sr-only\"\n                aria-label={sk.installModalDropHint}\n                disabled={uploading}\n                onChange={onFileInputChange}\n              />\n              <FileArchive className=\"size-12 text-fg-subtle\" strokeWidth={1.25} aria-hidden />\n              <span className=\"text-sm text-fg-muted\">{sk.installModalDropHint}</span>\n              {pendingFile ? (\n                <span className=\"text-xs font-medium text-fg\">{pendingFile.name}</span>\n              ) : null}\n            </label>\n\n            <div className=\"mt-5 space-y-2\">\n              <p className=\"text-sm font-medium text-fg\">{sk.installModalReqTitle}</p>\n              <ul className=\"list-inside list-disc space-y-1 text-sm text-fg-muted\">\n                <li>{sk.installModalReq1}</li>\n                <li>{sk.installModalReq2}</li>\n              </ul>\n            </div>\n\n            <button\n              type=\"button\"\n              disabled={!pendingFile || uploading}\n              className={cn(\n                'mt-6 flex w-full items-center justify-center rounded-xl py-3 text-sm font-semibold',\n                'transition-colors',\n                !pendingFile || uploading\n                  ? 'cursor-not-allowed bg-surface-active text-fg-disabled'\n                  : 'bg-accent text-white hover:bg-accent-hover',\n                interaction.focusRingPanel,\n              )}\n              onClick={() => void onInstallSubmit()}\n            >\n              {uploading ? sk.uploading : sk.installAction}\n            </button>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n\n      <Dialog.Root\n        open={confirmOpen}\n        onOpenChange={(open) => {\n          setConfirmOpen(open);\n          if (!open) setConfirmId(null);\n        }}\n      >\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content className=\"xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold text-fg\">{sk.deleteTitle}</Dialog.Title>\n            <p className=\"mt-2 text-sm text-fg-muted\">\n              {confirmId ? interpolate(sk.deleteMessage, { id: confirmId }) : ''}\n            </p>\n            <div className=\"mt-4 flex justify-end gap-2\">\n              <Button type=\"button\" variant=\"secondary\" onClick={() => setConfirmOpen(false)}>\n                {sk.cancel}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                className=\"bg-red-600 hover:bg-red-700\"\n                onClick={() => void runDelete()}\n              >\n                {sk.deleteConfirm}\n              </Button>\n            </div>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </div>\n  );\n}\n"],"file":"skills-page-0rmNu4AL.js"}

package/dist/gateway/static/root/index.html

@@ -9,7 +9,7 @@
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <link rel="apple-touch-icon" href="/logo.svg" />
     <title>xopc</title>
-    <script type="module" crossorigin src="/assets/index-DJnBAhem.js"></script>
+    <script type="module" crossorigin src="/assets/index-fGYWcYhm.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/rolldown-runtime-DWdDZTNf.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-codemirror-CXAvob9m.js">
     <link rel="modulepreload" crossorigin href="/assets/vendor-react-DbimaAId.js">

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.0.18";
+var version = "0.0.20";
 //#endregion
 export { version };
 

package/dist/src/agent/agent-manager.js

@@ -1,14 +1,14 @@
+import { createLogger } from "../utils/logger/index.js";
+import { init_logger } from "../utils/logger.js";
 import { resolveStateDir } from "../config/paths-state.js";
 import { expandWorkspacePathString, init_workspace_path } from "../config/workspace-path.js";
 import { resolveAgentBootstrapDir } from "./agent-scope.js";
+import { init_paths, resolveBundledSkillsDir } from "../config/paths.js";
+import { CredentialResolver, init_credentials } from "../auth/credentials.js";
 import { getAgentDefaultModelRef, init_schema } from "../config/schema.js";
+import { init_sync_provider_auth, resolveProviderApiKeySync } from "../auth/sync-provider-auth.js";
 import { applyConfigOverrides } from "../config/runtime-overrides.js";
 import { resolveEffectiveAgentProfileForSession } from "../config/agent-profile.js";
-import { createLogger } from "../utils/logger/index.js";
-import { init_logger } from "../utils/logger.js";
-import { init_paths, resolveBundledSkillsDir } from "../config/paths.js";
-import { init_sync_provider_auth, resolveProviderApiKeySync } from "../auth/sync-provider-auth.js";
-import { CredentialResolver, init_credentials } from "../auth/credentials.js";
 import { getApiKeySync, getDefaultModelSync, init_providers, resolveModel } from "../providers/index.js";
 import { createExtensionAwareStreamFn } from "../providers/extension-stream-bridge.js";
 import { extractTextContent, loadBootstrapFiles } from "./context/workspace.js";
@@ -28,9 +28,9 @@ import { extractAgentUserPlainText } from "./memory/user-message-text.js";
 import { resolveBackgroundReviewSettings } from "./background-review/settings.js";
 import { isAssistantTurnAborted, isAssistantTurnFailed } from "./orchestration/llm-turn-retry.js";
 import { runBackgroundReviewTurn } from "./background-review/run-background-review.js";
-import { Agent } from "@mariozechner/pi-agent-core";
 import { basename, resolve, sep } from "node:path";
 import { readFileSync } from "node:fs";
+import { Agent } from "@mariozechner/pi-agent-core";
 //#region src/agent/agent-manager.ts
 /**
 * Agent Manager - Manages Agent instances per session