@xopcai/xopc 0.0.30 → 0.0.31

package/dist/gateway/static/root/assets/skills-page-D7NiIOzA.js

@@ -1,3 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/jszip.min-CL3dfyxs.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{t as i}from"./cn-BMCV0OMB.js";import{$r as a,B as o,Bn as ee,Ct as s,Dr as c,Dt as te,Et as l,F as ne,G as u,H as d,I as re,In as ie,K as ae,L as oe,Lr as se,Mr as ce,Ot as le,P as ue,Qn as f,Qr as p,R as de,Tn as m,U as fe,V as pe,Yn as me,Zr as h,di as he,dn as ge,er as g,gn as _e,kn as _,kt as v,mi as ve,un as ye,wn as be,wr as y,wt as xe,z as Se}from"./index-D0pFZ0OE.js";import{a as Ce,i as b,n as x,r as S,t as we}from"./dist-UWGUW3x8.js";var C=e(t(),1),w=n(),T=[{light:`bg-sky-100 text-sky-800`,dark:`dark:bg-sky-950/55 dark:text-sky-200`},{light:`bg-violet-100 text-violet-800`,dark:`dark:bg-violet-950/55 dark:text-violet-200`},{light:`bg-emerald-100 text-emerald-800`,dark:`dark:bg-emerald-950/55 dark:text-emerald-200`},{light:`bg-orange-100 text-orange-800`,dark:`dark:bg-orange-950/55 dark:text-orange-200`},{light:`bg-rose-100 text-rose-800`,dark:`dark:bg-rose-950/55 dark:text-rose-200`},{light:`bg-amber-100 text-amber-900`,dark:`dark:bg-amber-950/55 dark:text-amber-200`},{light:`bg-cyan-100 text-cyan-800`,dark:`dark:bg-cyan-950/55 dark:text-cyan-200`},{light:`bg-indigo-100 text-indigo-800`,dark:`dark:bg-indigo-950/55 dark:text-indigo-200`},{light:`bg-fuchsia-100 text-fuchsia-800`,dark:`dark:bg-fuchsia-950/55 dark:text-fuchsia-200`},{light:`bg-teal-100 text-teal-800`,dark:`dark:bg-teal-950/55 dark:text-teal-200`}];function E(e){let t=0;for(let n=0;n<e.length;n+=1)t=Math.imul(31,t)+e.charCodeAt(n)|0;return Math.abs(t)}function D(e){let t=e.trim();if(!t)return`?`;let n=t.match(/[\p{L}\p{N}]/u);return n?n[0].toLocaleUpperCase(`en-US`):t[0]}function O({name:e,className:t}){let n=D(e),r=T[E(e)%T.length];return(0,w.jsx)(`div`,{className:i(`flex size-11 shrink-0 items-center justify-center rounded-xl font-semibold tracking-tight shadow-surface`,`text-[1.05rem] ring-1 ring-inset ring-black/[0.06] dark:ring-white/[0.1]`,`transition-[transform,box-shadow] duration-200 ease-out group-hover:ring-black/[0.1] dark:group-hover:ring-white/[0.14]`,`group-hover:-translate-y-px`,r.light,r.dark,t),"aria-hidden":!0,children:n})}function Te(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}function Ee(e){let t=[e.kind];return e.label?.trim()&&t.push(e.label.trim()),e.package?.trim()&&t.push(e.package.trim()),e.formula?.trim()&&t.push(e.formula.trim()),e.module?.trim()&&t.push(e.module.trim()),e.url?.trim()&&t.push(e.url.trim()),t.join(` · `)}function De(e){return{...e,enabled:e.enabled??!0,disableModelInvocation:e.disableModelInvocation??!1}}function k({label:e,children:t}){return t==null||t===!1?null:(0,w.jsxs)(`div`,{className:`mt-3 border-t border-edge-subtle pt-3 dark:border-edge/60`,children:[(0,w.jsx)(`div`,{className:`text-xs font-semibold uppercase tracking-wide text-fg-muted`,children:e}),(0,w.jsx)(`div`,{className:`mt-1.5 min-w-0 text-sm text-fg`,children:t})]})}function A({preview:e,sk:t}){let n=e.metadata,r=e.toolConditions,a=!!r&&(r.requiresTools.length>0||r.requiresToolsets.length>0||r.fallbackForTools.length>0||r.fallbackForToolsets.length>0),o=n.requires,ee=o&&((o.bins?.length??0)>0||(o.env?.length??0)>0||(o.anyBins?.length??0)>0),s=n.install?.filter(e=>e&&typeof e.kind==`string`)??[],c=e.requiredEnvVarNames?.filter(e=>e.trim())??[];return(0,w.jsxs)(`div`,{className:`space-y-6`,children:[(0,w.jsxs)(`section`,{"aria-labelledby":`skill-detail-summary-heading`,children:[(0,w.jsx)(`h3`,{id:`skill-detail-summary-heading`,className:`mb-2 text-xs font-semibold uppercase tracking-wide text-fg-muted`,children:t.detailSummaryHeading}),(0,w.jsxs)(`div`,{className:`rounded-xl border border-edge bg-surface-base px-4 py-3 dark:bg-surface-hover/25`,children:[n.emoji?.trim()?(0,w.jsx)(`p`,{className:`text-2xl leading-none`,"aria-hidden":!0,children:n.emoji.trim()}):null,(0,w.jsx)(`p`,{className:i(`text-sm leading-relaxed text-fg`,n.emoji?.trim()?`mt-2`:``),children:e.description}),e.disableModelInvocation?(0,w.jsx)(`p`,{className:`mt-3 rounded-lg border border-amber-200/80 bg-amber-50/90 px-3 py-2 text-xs leading-snug text-amber-950 dark:border-amber-900/50 dark:bg-amber-950/40 dark:text-amber-100`,children:t.detailNotInjectedNote}):null,(0,w.jsx)(k,{label:t.detailHomepageLabel,children:n.homepage?.trim()?(0,w.jsx)(`a`,{href:n.homepage.trim(),target:`_blank`,rel:`noopener noreferrer`,className:`break-all text-accent underline-offset-2 hover:underline`,children:n.homepage.trim()}):null}),(0,w.jsx)(k,{label:t.detailPlatformsLabel,children:n.os&&n.os.length>0?(0,w.jsx)(`span`,{className:`font-mono text-xs text-fg-muted`,children:n.os.join(`, `)}):null}),(0,w.jsx)(k,{label:t.detailRequiresLabel,children:ee&&o?(0,w.jsxs)(`ul`,{className:`list-inside list-disc space-y-1 text-sm text-fg-muted`,children:[o.bins&&o.bins.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`text-fg`,children:[t.detailRequiresBins,`: `]}),o.bins.join(`, `)]}):null,o.env&&o.env.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`text-fg`,children:[t.detailRequiresEnv,`: `]}),(0,w.jsx)(`span`,{className:`font-mono text-xs`,children:o.env.join(`, `)})]}):null,o.anyBins&&o.anyBins.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`text-fg`,children:[t.detailRequiresAnyBins,`: `]}),o.anyBins.join(`, `)]}):null]}):null}),(0,w.jsx)(k,{label:t.detailInstallLabel,children:s.length>0?(0,w.jsx)(`ul`,{className:`list-inside list-decimal space-y-1.5 text-sm text-fg-muted`,children:s.map((e,t)=>(0,w.jsx)(`li`,{className:`[overflow-wrap:anywhere]`,children:(0,w.jsx)(`span`,{className:`text-fg`,children:Ee(e)})},e.id||`${e.kind}-${t}`))}):null}),(0,w.jsx)(k,{label:t.detailToolGatingLabel,children:a&&r?(0,w.jsxs)(`ul`,{className:`mt-1 space-y-2 text-sm text-fg-muted`,children:[r.requiresTools.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`font-medium text-fg`,children:[t.detailToolsRequiresList,`: `]}),r.requiresTools.join(`, `)]}):null,r.requiresToolsets.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`font-medium text-fg`,children:[t.detailToolsetsRequiresList,`: `]}),r.requiresToolsets.join(`, `)]}):null,r.fallbackForTools.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`font-medium text-fg`,children:[t.detailToolsFallbackList,`: `]}),r.fallbackForTools.join(`, `)]}):null,r.fallbackForToolsets.length>0?(0,w.jsxs)(`li`,{children:[(0,w.jsxs)(`span`,{className:`font-medium text-fg`,children:[t.detailToolsetsFallbackList,`: `]}),r.fallbackForToolsets.join(`, `)]}):null]}):null}),(0,w.jsx)(k,{label:t.detailEnvVarsLabel,children:c.length>0?(0,w.jsx)(`span`,{className:`font-mono text-xs text-fg-muted`,children:c.join(`, `)}):null})]})]}),(0,w.jsxs)(`section`,{"aria-labelledby":`skill-detail-instructions-heading`,children:[(0,w.jsx)(`h3`,{id:`skill-detail-instructions-heading`,className:`mb-2 text-xs font-semibold uppercase tracking-wide text-fg-muted`,children:t.detailInstructionsHeading}),e.bodyMarkdown.trim()?(0,w.jsx)(`div`,{className:`markdown-content min-w-0 break-words`,children:(0,w.jsx)(ae,{content:e.bodyMarkdown})}):(0,w.jsx)(`p`,{className:`text-sm italic text-fg-muted`,children:t.detailNoInstructionsBody})]})]})}var Oe=(0,C.memo)(function({loading:e,onReloadClick:t,searchQuery:n,setSearchQuery:r,mainTab:a,sk:o,setPendingFile:ee,setInstallOpen:s}){return(0,w.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-wrap items-center justify-end gap-2`,children:[(0,w.jsx)(m,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,disabled:e,title:o.reloadRuntime,"aria-label":o.reloadDiskAria,onClick:()=>void t(),children:(0,w.jsx)(f,{className:i(`size-4`,e&&`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)(me,{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:n,onChange:e=>r(e.target.value),placeholder:a===`marketplace`?o.marketplaceSearchPackages:o.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)(m,{type:`button`,variant:`primary`,className:`shrink-0 gap-2`,onClick:()=>{ee(null),s(!0)},children:[(0,w.jsx)(g,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),o.installCta]})]})});function j({checked:e,onChange:t}){return(0,w.jsx)(`button`,{type:`button`,role:`switch`,"aria-checked":e,className:i(`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:i(`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})})}function ke(){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:i(`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:i(`h-4 max-w-[10rem]`,e)}),(0,w.jsx)(`div`,{className:i(`h-3 w-full max-w-xl rounded`,e)})]}),(0,w.jsx)(`div`,{className:i(`h-6 w-10 shrink-0 rounded-full`,e)})]})}var M=new Set([`builtin`,`user`,`marketplace`]),N=new Set([`all`,`global`,`workspace`,`extra`]),Ae=[`business`,`creative`,`documents`,`tools`,`meta`];function P({vm:e}){let{sk:t,hasToken:n,catalog:r,loading:o,error:ne,uploading:d,searchQuery:re,setSearchQuery:oe,actionFeedback:ue,mainTab:f,setMainTab:de,setSourceFilter:fe,builtinCategoryFilter:pe,setBuiltinCategoryFilter:me,installOpen:he,setInstallOpen:ge,pendingFile:g,setPendingFile:_e,dropActive:ve,setDropActive:be,confirmOpen:Se,setConfirmOpen:T,confirmId:E,setConfirmId:D,togglingSkillName:Ee,enabledOverride:De,detailOpen:k,setDetailOpen:M,detailSource:N,setDetailSource:Ae,detailTitle:P,setDetailTitle:je,detailMarkdown:F,setDetailMarkdown:I,detailCatalogPreview:Me,setDetailCatalogPreview:L,detailMarketplacePreview:Ne,setDetailMarketplacePreview:R,detailLoading:Pe,detailError:z,setDetailError:Fe,marketSort:B,setMarketSort:Ie,marketPage:V,setMarketPage:H,mpLoading:U,mpError:W,mpPayload:G,installingMarketName:Le,marketCategoryId:K,setMarketCategoryId:Re,mpCategories:ze,mpCategoriesError:Be,builtinTabStats:Ve,userTabStats:He,detailEnabled:Ue,filteredCatalog:q,builtinCategories:J,categoryFilteredCatalog:Y,filterLabel:We,inSettingsShell:Ge,categoryLabel:Ke,onReloadClick:X,openSkillDetail:Z,openMarketplaceDetail:qe,onSkillToggle:Je,onInstallSubmit:Ye,onFileInputChange:Xe,onModalDragOver:Ze,onModalDragLeave:Qe,onModalDrop:$e,sourceLabel:et,runDelete:Q,onMarketInstall:tt,isSkillInstalledByName:nt}=e,rt=ye(e=>e.setPageHeader),$=ye(e=>e.clearPageHeader),it=(0,C.useMemo)(()=>(0,w.jsx)(Oe,{loading:o,onReloadClick:X,searchQuery:re,setSearchQuery:oe,mainTab:f,sk:t,setPendingFile:_e,setInstallOpen:ge}),[o,X,re,oe,f,t,_e,ge]);return(0,C.useLayoutEffect)(()=>!n||Ge?($(),()=>$()):(rt({startExtra:null,main:null,end:it}),()=>$()),[$,n,Ge,rt,it]),n?(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:[ue?(0,w.jsx)(`div`,{role:`status`,"aria-live":`polite`,className:i(`rounded-xl border px-3 py-2 text-sm`,ue.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:ue.message}):ne?(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:ne}):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:t.title}),(0,w.jsx)(`p`,{className:`mt-1 max-w-2xl text-sm text-fg-muted`,children:t.tagline})]})}),Ge?(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:it}):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":t.skillsNavAria,children:[(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":f===`marketplace`,className:i(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,f===`marketplace`?`text-fg`:`text-fg-muted hover:text-fg`,f===`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:()=>de(`marketplace`),children:t.tabMarketplace}),(0,w.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":f===`builtin`,className:i(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,f===`builtin`?`text-fg`:`text-fg-muted hover:text-fg`,f===`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:()=>de(`builtin`),children:[t.tabBuiltin,(0,w.jsxs)(`span`,{className:`ml-1 tabular-nums text-fg-muted`,children:[`(`,Ve.enabled,`/`,Ve.total,`)`]})]}),(0,w.jsxs)(`button`,{type:`button`,role:`tab`,"aria-selected":f===`user`,className:i(`relative rounded-md px-3 py-2 text-sm font-medium transition-colors`,f===`user`?`text-fg`:`text-fg-muted hover:text-fg`,f===`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:()=>de(`user`),children:[t.tabUser,(0,w.jsxs)(`span`,{className:`ml-1 tabular-nums text-fg-muted`,children:[`(`,He.enabled,`/`,He.total,`)`]})]})]}),(0,w.jsxs)(`div`,{className:i(`flex min-w-0 items-center gap-2`,f===`user`?`flex-nowrap overflow-x-auto pb-0.5 sm:justify-end`:`flex-wrap sm:justify-end`),children:[f===`user`?(0,w.jsxs)(b,{children:[(0,w.jsx)(Ce,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:i(`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`,u.transition,u.focusRingPanel),children:[(0,w.jsx)(c,{className:`size-3.5 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{children:We}),(0,w.jsx)(a,{className:`size-3.5 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0})]})}),(0,w.jsx)(S,{children:(0,w.jsx)(we,{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(e=>(0,w.jsx)(x,{className:i(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>fe(e),children:e===`all`?t.filterAll:e===`global`?t.filterGlobal:e===`workspace`?t.filterWorkspace:t.filterExtra},e))})})]}):null,f===`marketplace`?(0,w.jsxs)(b,{children:[(0,w.jsx)(Ce,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:i(`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`,u.transition,u.focusRingPanel),children:[(0,w.jsx)(c,{className:`size-3.5 text-fg-muted`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{children:B===`newest`?t.marketplaceSortNewest:t.marketplaceSortDownloads}),(0,w.jsx)(a,{className:`size-3.5 text-fg-subtle`,strokeWidth:1.75,"aria-hidden":!0})]})}),(0,w.jsx)(S,{children:(0,w.jsxs)(we,{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)(x,{className:i(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>Ie(`downloads`),children:t.marketplaceSortDownloads}),(0,w.jsx)(x,{className:i(`cursor-pointer rounded-lg px-3 py-2 text-sm text-fg outline-none`,`hover:bg-surface-hover data-[highlighted]:bg-surface-hover`),onSelect:()=>Ie(`newest`),children:t.marketplaceSortNewest})]})})]}):null]})]}),f===`marketplace`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,w.jsx)(`p`,{className:`text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:t.sectionMarketplace}),(0,w.jsx)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 text-[11px] text-fg-subtle dark:bg-surface-active/50`,children:G?.provider===`skillhub`?`SkillHub (skillhub.cn)`:`xopc Store (store.xopc.ai)`})]}),ze.length>0?(0,w.jsxs)(`div`,{role:`tablist`,"aria-label":t.marketplaceCategoriesAria,className:`-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 pt-0.5 [scrollbar-width:thin]`,children:[(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":K===``,className:i(`shrink-0 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,u.focusRingPanel,K===``?`border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base`:`border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40`),onClick:()=>Re(``),children:t.marketplaceCategoryAll}),ze.map(e=>{let t=K===e.id;return(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,className:i(`max-w-[14rem] shrink-0 truncate rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,u.focusRingPanel,t?`border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base`:`border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40`),title:e.label,onClick:()=>Re(e.id),children:e.label},e.id)})]}):null,Be?(0,w.jsx)(`p`,{className:`text-xs text-red-600 dark:text-red-400`,role:`alert`,children:Be}):null,U?(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":t.loading,children:Array.from({length:6},(e,t)=>(0,w.jsx)(ke,{},t))}):W?(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:W}):!G||G.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:t.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:G.items.map(e=>{let n=nt(e.id),r=Le===e.id;return(0,w.jsxs)(`article`,{className:i(`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:i(`flex min-w-0 flex-1 cursor-pointer items-start gap-4 rounded-xl text-left outline-none`,u.focusRingPanel),onClick:()=>void qe(e.id,e.name),children:[(0,w.jsx)(O,{name:e.id}),(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:e.name}),(0,w.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-sm leading-relaxed text-fg-muted`,title:e.description||void 0,children:e.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:[t.marketplaceAuthor,`: `,e.author.username]}),(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[t.marketplaceDownloads,`: `,e.downloads]}),e.stars!=null&&e.stars>0?(0,w.jsxs)(`span`,{className:`inline-flex items-center gap-0.5 rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[(0,w.jsx)(ee,{className:`size-3 shrink-0 text-amber-600 dark:text-amber-400`,strokeWidth:2,"aria-hidden":!0}),e.stars]}):null,e.sourceLabel?(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[t.marketplaceSource,`: `,e.sourceLabel]}):null,e.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:[t.marketplaceVersion,`: `,e.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:t.marketplaceInstalled}):null]})]})]}),(0,w.jsx)(`div`,{className:`flex shrink-0 justify-end sm:pl-2`,children:(0,w.jsx)(m,{type:`button`,variant:n?`secondary`:`primary`,className:`min-w-[6.5rem]`,disabled:r||U,onClick:()=>void tt(e.id),children:r?t.uploading:n?t.marketplaceReinstall:t.marketplaceInstall})})]},e.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:Te(t.marketplacePageStatus,{page:G.meta.page,totalPages:G.meta.totalPages,total:G.meta.total})}),(0,w.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,w.jsxs)(m,{type:`button`,variant:`ghost`,className:`h-9 gap-1 px-2`,disabled:U||V<=1,"aria-label":t.marketplacePagePrev,onClick:()=>H(e=>Math.max(1,e-1)),children:[(0,w.jsx)(p,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`sr-only sm:not-sr-only`,children:t.marketplacePagePrev})]}),(0,w.jsxs)(m,{type:`button`,variant:`ghost`,className:`h-9 gap-1 px-2`,disabled:U||V>=G.meta.totalPages,"aria-label":t.marketplacePageNext,onClick:()=>H(e=>Math.min(G.meta.totalPages,e+1)),children:[(0,w.jsx)(`span`,{className:`sr-only sm:not-sr-only`,children:t.marketplacePageNext}),(0,w.jsx)(h,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0})]})]})]})]})]}):(0,w.jsx)(w.Fragment,{children:o?(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":t.loading,children:Array.from({length:6},(e,t)=>(0,w.jsx)(ke,{},t))}):r.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:t.empty}):q.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:t.noSearchResults}):(0,w.jsxs)(w.Fragment,{children:[J.length>1?(0,w.jsxs)(`div`,{role:`tablist`,"aria-label":t.marketplaceCategoriesAria,className:`-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 pt-0.5 [scrollbar-width:thin]`,children:[(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":pe===``,className:i(`shrink-0 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,u.focusRingPanel,pe===``?`border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base`:`border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40`),onClick:()=>me(``),children:t.marketplaceCategoryAll}),J.map(e=>{let t=pe===e;return(0,w.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":t,className:i(`max-w-[14rem] shrink-0 truncate rounded-full border px-3 py-1.5 text-xs font-medium transition-colors`,u.focusRingPanel,t?`border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base`:`border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40`),title:Ke(e),onClick:()=>me(e),children:Ke(e)},e)})]}):null,Y.length===0?(0,w.jsx)(`div`,{className:`rounded-2xl border border-dashed border-edge py-16 text-center text-sm text-fg-muted`,children:t.noSearchResults}):(0,w.jsx)(`div`,{className:`overflow-hidden rounded-2xl border border-edge-subtle bg-surface-base dark:border-edge-subtle`,children:Y.map((e,n,r)=>(0,w.jsxs)(`article`,{className:i(`group relative flex items-center gap-4 border-b border-edge-subtle px-4 py-3.5`,n===r.length-1&&`border-b-0`,`transition-colors hover:bg-surface-hover/50 dark:hover:bg-surface-hover/25`),children:[(0,w.jsxs)(`button`,{type:`button`,className:i(`flex min-w-0 flex-1 cursor-pointer items-center gap-4 rounded-lg text-left outline-none`,u.focusRingPanel),onClick:()=>void Z(e),children:[(0,w.jsx)(O,{name:e.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:e.name}),(0,w.jsx)(`p`,{className:`mt-0.5 truncate text-sm leading-relaxed text-fg-muted`,title:e.description?e.description:void 0,children:e.description||`—`}),f!==`builtin`||e.managed?(0,w.jsxs)(`div`,{className:`mt-1.5 flex flex-wrap gap-1.5 text-[11px] text-fg-subtle`,children:[f===`builtin`?null:(0,w.jsx)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:et(e.source)}),e.managed?(0,w.jsxs)(`span`,{className:`rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50`,children:[t.col.managed,`: `,t.yes]}):null,e.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:`${e.hub.source}${e.hub.ref?`\nref: ${e.hub.ref}`:``}\nupdated: ${e.hub.updatedAt}`,children:[t.hubRemote,` ·`,` `,e.hub.kind===`git`?t.hubKindGit:t.hubKindArchive,` ·`,` `,e.hub.source.length>48?`${e.hub.source.slice(0,48)}…`:e.hub.source]}):null]}):null]})]}),(0,w.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,onClick:e=>e.stopPropagation(),role:`presentation`,children:[e.managed?(0,w.jsxs)(b,{children:[(0,w.jsx)(Ce,{asChild:!0,children:(0,w.jsx)(`button`,{type:`button`,className:i(`flex size-9 items-center justify-center rounded-lg text-fg-muted hover:bg-surface-hover hover:text-fg`,u.focusRingPanel),"aria-label":t.col.actions,children:(0,w.jsx)(se,{className:`size-4`,strokeWidth:1.75})})}),(0,w.jsx)(S,{children:(0,w.jsx)(we,{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)(x,{className:i(`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:()=>{D(e.directoryId),T(!0)},children:[(0,w.jsx)(ie,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t.delete]})})})]}):null,(0,w.jsx)(j,{checked:De[e.name]??e.enabled,onChange:t=>void Je(e.name,t)})]})]},`${e.directoryId}-${e.path}`))})]})})]})]}),(0,w.jsx)(le,{open:k,onOpenChange:e=>{M(e),e||(Ae(`catalog`),I(``),L(null),R(null),Fe(null),je(``))},children:(0,w.jsxs)(te,{children:[(0,w.jsx)(l,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(xe,{className:i(`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] flex h-[min(88vh,44rem)] max-h-[min(92vh,56rem)] w-[min(100%-2rem,min(92vw,56rem))]`,`-translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl border border-edge bg-surface-panel shadow-float dark:border-edge`),children:[(0,w.jsxs)(`div`,{className:`group flex min-h-[3.25rem] shrink-0 items-center gap-3 border-b border-edge px-4 py-3`,children:[(0,w.jsx)(O,{name:P||`?`}),(0,w.jsx)(v,{className:`min-w-0 flex-1 truncate text-base font-semibold text-fg`,children:P||`—`}),(0,w.jsx)(s,{asChild:!0,children:(0,w.jsx)(`button`,{type:`button`,className:i(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,u.focusRingPanel),"aria-label":t.detailCloseAria,children:(0,w.jsx)(_,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0})})})]}),(0,w.jsxs)(`div`,{className:`flex min-h-[3.25rem] 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)(y,{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:`min-w-0 leading-relaxed`,children:N===`store`&&Ne?t.detailModalBanner:N===`store`?t.detailModalBannerStore:t.detailModalBanner})]}),(0,w.jsx)(`div`,{className:`min-h-0 min-w-0 flex-1 overflow-auto px-4 py-4`,children:Pe?(0,w.jsx)(`div`,{className:`flex h-full min-h-[14rem] flex-col gap-2.5 py-1`,"aria-busy":`true`,"aria-label":t.loading,children:Array.from({length:10},(e,t)=>(0,w.jsx)(`div`,{className:i(`h-4 animate-pulse rounded-md bg-surface-hover dark:bg-surface-active/50`,t%3==0?`w-[92%]`:t%3==1?`w-full`:`w-4/5`)},t))}):z?(0,w.jsx)(`p`,{className:`text-sm text-red-600 dark:text-red-400`,children:z}):N===`catalog`&&Me?(0,w.jsx)(A,{preview:Me,sk:t}):N===`store`&&Ne?(0,w.jsx)(A,{preview:Ne,sk:t}):(0,w.jsx)(`div`,{className:`markdown-content min-w-0 break-words`,children:(0,w.jsx)(ae,{content:F})})}),(0,w.jsx)(`div`,{className:`flex shrink-0 justify-end gap-2 border-t border-edge px-4 py-3`,children:N===`store`?(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(m,{type:`button`,variant:`ghost`,onClick:()=>M(!1),children:t.cancel}),(0,w.jsx)(m,{type:`button`,variant:nt(P)?`secondary`:`primary`,disabled:!P||Le===P,onClick:()=>{P&&tt(P)},children:Le===P?t.uploading:nt(P)?t.marketplaceReinstall:t.marketplaceInstall})]}):(0,w.jsx)(m,{type:`button`,variant:`primary`,disabled:!P||Ee===P,onClick:async()=>{P&&await Je(P,!Ue)&&M(!1)},children:Ue?t.detailModalDisable:t.detailModalEnable})})]})]})}),(0,w.jsx)(le,{open:he,onOpenChange:e=>{ge(e),e||(_e(null),be(!1))},children:(0,w.jsxs)(te,{children:[(0,w.jsx)(l,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(xe,{className:i(`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)(v,{className:`text-base font-semibold text-fg`,children:t.installModalTitle}),(0,w.jsx)(s,{asChild:!0,children:(0,w.jsxs)(`button`,{type:`button`,className:i(`rounded-lg p-1.5 text-fg-muted hover:bg-surface-hover hover:text-fg`,u.focusRingPanel),"aria-label":t.installClose,children:[(0,w.jsx)(_,{className:`size-5`,strokeWidth:1.75,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`sr-only`,children:t.installClose})]})})]}),(0,w.jsxs)(`label`,{className:i(`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`,ve?`border-accent bg-accent-soft/60 dark:bg-blue-950/40`:`border-edge bg-surface-base dark:bg-surface-hover/30`),onDragLeave:Qe,onDragOver:Ze,onDrop:$e,children:[(0,w.jsx)(`input`,{type:`file`,accept:`.zip,.md,application/zip,text/markdown`,className:`sr-only`,"aria-label":t.installModalDropHint,disabled:d,onChange:Xe}),(0,w.jsx)(ce,{className:`size-12 text-fg-subtle`,strokeWidth:1.25,"aria-hidden":!0}),(0,w.jsx)(`span`,{className:`text-sm text-fg-muted`,children:t.installModalDropHint}),g?(0,w.jsx)(`span`,{className:`text-xs font-medium text-fg`,children:g.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:t.installModalReqTitle}),(0,w.jsxs)(`ul`,{className:`list-inside list-disc space-y-1 text-sm text-fg-muted`,children:[(0,w.jsx)(`li`,{children:t.installModalReq1}),(0,w.jsx)(`li`,{children:t.installModalReq2})]})]}),(0,w.jsx)(`button`,{type:`button`,disabled:!g||d,className:i(`mt-6 flex w-full items-center justify-center rounded-xl py-3 text-sm font-semibold`,`transition-colors`,!g||d?`cursor-not-allowed bg-surface-active text-fg-disabled`:`bg-accent text-white hover:bg-accent-hover`,u.focusRingPanel),onClick:()=>void Ye(),children:d?t.uploading:t.installAction})]})]})}),(0,w.jsx)(le,{open:Se,onOpenChange:e=>{T(e),e||D(null)},children:(0,w.jsxs)(te,{children:[(0,w.jsx)(l,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,w.jsxs)(xe,{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)(v,{className:`text-base font-semibold text-fg`,children:t.deleteTitle}),(0,w.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:E?Te(t.deleteMessage,{id:E}):``}),(0,w.jsxs)(`div`,{className:`mt-4 flex justify-end gap-2`,children:[(0,w.jsx)(m,{type:`button`,variant:`secondary`,onClick:()=>T(!1),children:t.cancel}),(0,w.jsx)(m,{type:`button`,variant:`primary`,className:`bg-red-600 hover:bg-red-700`,onClick:()=>void Q(),children:t.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:t.needToken})}async function je(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-CL3dfyxs.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`}),o=t.name.replace(/\.md$/i,``).replace(/\s+/g,`-`)||`skill`;return new File([a],`${o}.zip`,{type:`application/zip`})}throw Error(`invalid`)}function F(){let e=_e(e=>e.language),t=be(e).skills,n=!!ge(e=>e.token),[r,i]=ve(),[a,ee]=(0,C.useState)([]),[s,c]=(0,C.useState)(!1),[te,l]=(0,C.useState)(null),[u,ie]=(0,C.useState)(!1),ae=r.get(`q`)??``,se=r.get(`tab`),ce=r.get(`source`),le=M.has(se)?se:`marketplace`,f=N.has(ce)?ce:`all`,[p,m]=(0,C.useState)(ae),[me,h]=(0,C.useState)(null),[g,_]=(0,C.useState)(le),[v,ye]=(0,C.useState)(f),[y,xe]=(0,C.useState)(``),[Ce,b]=(0,C.useState)(!1),[x,S]=(0,C.useState)(null),[we,w]=(0,C.useState)(!1),[T,E]=(0,C.useState)(!1),[D,O]=(0,C.useState)(null),[Te,Ee]=(0,C.useState)(null),[k,A]=(0,C.useState)({}),[Oe,j]=(0,C.useState)(!1),[ke,P]=(0,C.useState)(`catalog`),[F,I]=(0,C.useState)(``),[Me,L]=(0,C.useState)(``),[Ne,R]=(0,C.useState)(null),[Pe,z]=(0,C.useState)(null),[Fe,B]=(0,C.useState)(!1),[Ie,V]=(0,C.useState)(null),[H,U]=(0,C.useState)(`downloads`),[W,G]=(0,C.useState)(1),[Le,K]=(0,C.useState)(!1),[Re,ze]=(0,C.useState)(null),[Be,Ve]=(0,C.useState)(null),[He,Ue]=(0,C.useState)(null),[q,J]=(0,C.useState)(``),[Y,We]=(0,C.useState)([]),[Ge,Ke]=(0,C.useState)(null),X=(0,C.useCallback)(async n=>{let r=n?.silent===!0;r||c(!0),l(null);try{return ee((await Se(e===`en`?void 0:e)).catalog.map(De)),{ok:!0}}catch(e){let n=e instanceof Error?e.message:t.loadFailed;return l(n),{ok:!1,message:n}}finally{r||c(!1)}},[e,t.loadFailed]);(0,C.useEffect)(()=>{n&&X()},[n,X]),(0,C.useEffect)(()=>{let e=r.get(`q`)??``,t=r.get(`tab`),n=r.get(`source`),i=M.has(t)?t:`marketplace`,a=N.has(n)?n:`all`;m(t=>t===e?t:e),_(e=>e===i?e:i),ye(e=>e===a?e:a);let o=r.get(`mcat`)??``;J(i===`marketplace`?e=>e===o?e:o:``)},[r]),(0,C.useEffect)(()=>{g===`marketplace`&&G(1)},[p,H,g,q]),(0,C.useEffect)(()=>{if(!n||g!==`marketplace`)return;let e=!1;return K(!0),ze(null),oe({q:p.trim()||void 0,page:W,pageSize:20,sort:H,category:q.trim()||void 0}).then(t=>{e||Ve(t)}).catch(n=>{e||(ze(n instanceof Error?n.message:t.marketplaceLoadFailed),Ve(null))}).finally(()=>{e||K(!1)}),()=>{e=!0}},[n,g,q,W,H,p,t.marketplaceLoadFailed]),(0,C.useEffect)(()=>{if(!n||g!==`marketplace`)return;let e=!1;return Ke(null),ne().then(t=>{e||We(t.items)}).catch(n=>{e||(We([]),Ke(n instanceof Error?n.message:t.marketplaceCategoriesFailed))}),()=>{e=!0}},[n,g,t.marketplaceCategoriesFailed]),(0,C.useEffect)(()=>{!q.trim()||Y.length===0||Y.some(e=>e.id===q)||J(``)},[Y,q]),(0,C.useEffect)(()=>{i(e=>{let t=new URLSearchParams(e),n=p.trim();return n?t.set(`q`,n):t.delete(`q`),g===`marketplace`?t.delete(`tab`):t.set(`tab`,g),v===`all`?t.delete(`source`):t.set(`source`,v),g===`marketplace`&&q.trim()?t.set(`mcat`,q.trim()):t.delete(`mcat`),t.toString()===e.toString()?e:t},{replace:!0})},[g,q,p,i,v]);let Z=(0,C.useCallback)((e,t,n=5e3)=>{h({kind:e,message:t}),window.setTimeout(()=>h(null),n)},[]),qe=(0,C.useCallback)(async n=>{P(`catalog`),j(!0),I(n.name),L(``),R(null),z(null),V(null),B(!0);try{let t=await de(n.name,e===`en`?void 0:e);R(t),I(t.name)}catch(e){R(null),V(e instanceof Error?e.message:t.detailLoadFailed)}finally{B(!1)}},[e,t.detailLoadFailed]),Je=(0,C.useCallback)(async(e,n)=>{P(`store`),j(!0),I(n?.trim()||e),L(``),R(null),z(null),V(null),B(!0);try{let n=await re(e);if(I(n.name),n.skillDocPreview)z(n.skillDocPreview),L(``);else{z(null);let e=n.readme?.trim();e?L(e):n.description?.trim()?L(`## ${n.name}\n\n${n.description.trim()}`):L(`*${t.marketplaceNoReadme}*`)}}catch(e){z(null),V(e instanceof Error?e.message:t.detailLoadFailed)}finally{B(!1)}},[t.detailLoadFailed,t.marketplaceNoReadme]),Ye=(0,C.useCallback)(async(e,n)=>{Ee(e),A(t=>({...t,[e]:n})),h(null);try{return await pe(e,n),await X({silent:!0}),!0}catch(n){return A(t=>{let{[e]:n,...r}=t;return r}),Z(`error`,n instanceof Error?n.message:t.skillToggleFailed),!1}finally{Ee(null),A(t=>{let{[e]:n,...r}=t;return r})}},[X,Z,t.skillToggleFailed]),Xe=(0,C.useCallback)(async()=>{h(null),c(!0),l(null);try{await d()}catch(e){l(e instanceof Error?e.message:t.reloadFailed),c(!1);return}await X()},[X,t.reloadFailed]),Ze=(0,C.useMemo)(()=>{let e=a.filter(e=>e.source===`builtin`);return{total:e.length,enabled:e.filter(e=>k[e.name]??e.enabled).length}},[a,k]),Qe=(0,C.useMemo)(()=>{let e=a.filter(e=>e.source!==`builtin`);return{total:e.length,enabled:e.filter(e=>k[e.name]??e.enabled).length}},[a,k]),$e=(0,C.useMemo)(()=>F?a.find(e=>e.name===F):void 0,[a,F]),et=$e==null?!0:k[F]??$e.enabled,Q=(0,C.useMemo)(()=>{let e=p.trim().toLowerCase(),t=a;return g===`builtin`?t=t.filter(e=>e.source===`builtin`):(t=t.filter(e=>e.source!==`builtin`),v!==`all`&&(t=t.filter(e=>e.source===v))),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},[a,p,g,v]),tt=(0,C.useMemo)(()=>{let e=new Set,t=[];for(let n of Q){let r=n.category;!r||e.has(r)||(e.add(r),t.push(r))}return t.sort((e,t)=>{let n=Ae.indexOf(e),r=Ae.indexOf(t);return n>=0&&r>=0?n-r:n>=0?-1:r>=0?1:e.localeCompare(t)})},[Q]),nt=(0,C.useCallback)(e=>t.categoryLabel?.[e]||e,[t.categoryLabel]),rt=(0,C.useMemo)(()=>y?Q.filter(e=>e.category===y):Q,[Q,y]),$=async e=>{h(null),ie(!0),l(null);try{let n;try{n=await je(e)}catch{l(t.invalidFile),Z(`error`,t.invalidFile);return}await fe(n,{overwrite:!0}),await X(),Z(`success`,t.installSuccess),b(!1),S(null),_(`user`)}catch(e){l(e instanceof Error?e.message:t.uploadFailed),Z(`error`,e instanceof Error?e.message:t.uploadFailed)}finally{ie(!1)}},it=()=>{x&&$(x)},at=e=>{let t=e.target.files?.[0];e.target.value=``,t&&S(t)},ot=e=>{e.preventDefault(),e.stopPropagation(),e.dataTransfer.types.includes(`Files`)&&(w(!0),e.dataTransfer.dropEffect=`copy`)},st=e=>{let t=e.currentTarget,n=e.relatedTarget;n&&t.contains(n)||w(!1)},ct=e=>{e.preventDefault(),e.stopPropagation(),w(!1);let t=e.dataTransfer?.files?.[0];t&&S(t)},lt=e=>{switch(e){case`builtin`:return t.source.builtin;case`workspace`:return t.source.workspace;case`global`:return t.source.global;case`extra`:return t.source.extra;default:return e}},ut=async()=>{let e=D;if(E(!1),O(null),e){h(null);try{await ue(e),await X()}catch(e){l(e instanceof Error?e.message:t.deleteFailed)}}},dt=(0,C.useCallback)(e=>a.some(t=>t.name===e),[a]),ft=(0,C.useCallback)(async e=>{let n=dt(e);if(!(n&&!window.confirm(t.marketplaceReinstallConfirm))){h(null),Ue(e);try{await o({name:e,overwrite:n}),await X({silent:!0}),Z(`success`,t.installSuccess),j(!1),_(`user`)}catch(e){Z(`error`,e instanceof Error?e.message:t.uploadFailed)}finally{Ue(null)}}},[dt,X,Z,t.installSuccess,t.marketplaceReinstallConfirm,t.uploadFailed]),pt=v===`all`?t.filterAll:v===`global`?t.filterGlobal:v===`workspace`?t.filterWorkspace:t.filterExtra,{pathname:mt}=he();return{sk:t,hasToken:n,catalog:a,loading:s,error:te,uploading:u,searchQuery:p,setSearchQuery:m,actionFeedback:me,mainTab:g,setMainTab:_,sourceFilter:v,setSourceFilter:ye,builtinCategoryFilter:y,setBuiltinCategoryFilter:xe,installOpen:Ce,setInstallOpen:b,pendingFile:x,setPendingFile:S,dropActive:we,setDropActive:w,confirmOpen:T,setConfirmOpen:E,confirmId:D,setConfirmId:O,togglingSkillName:Te,enabledOverride:k,detailOpen:Oe,setDetailOpen:j,detailSource:ke,setDetailSource:P,detailTitle:F,setDetailTitle:I,detailMarkdown:Me,setDetailMarkdown:L,detailCatalogPreview:Ne,setDetailCatalogPreview:R,detailMarketplacePreview:Pe,setDetailMarketplacePreview:z,detailLoading:Fe,detailError:Ie,setDetailError:V,marketSort:H,setMarketSort:U,marketPage:W,setMarketPage:G,mpLoading:Le,mpError:Re,mpPayload:Be,installingMarketName:He,marketCategoryId:q,setMarketCategoryId:J,mpCategories:Y,mpCategoriesError:Ge,builtinTabStats:Ze,userTabStats:Qe,detailEnabled:et,filteredCatalog:Q,builtinCategories:tt,categoryFilteredCatalog:rt,filterLabel:pt,inSettingsShell:mt.startsWith(`/settings/`),categoryLabel:nt,onReloadClick:Xe,openSkillDetail:qe,openMarketplaceDetail:Je,onSkillToggle:Ye,onInstallSubmit:it,onFileInputChange:at,onModalDragOver:ot,onModalDragLeave:st,onModalDrop:ct,sourceLabel:lt,runDelete:ut,onMarketInstall:ft,isSkillInstalledByName:dt}}function I(){return(0,w.jsx)(P,{vm:F()})}export{I as SkillsPage};
-//# sourceMappingURL=skills-page-D7NiIOzA.js.map

package/dist/gateway/static/root/assets/skills-page-D7NiIOzA.js.map

@@ -1 +0,0 @@
-{"version":3,"mappings":"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EACvD,IACN,SAAC,MAAD,CAAK,UAAW,EAAG,iCAAkC,EAAK,CAAI,EAC1D,GC3CV,IAAa,EAAe,IAAI,IAAa,CAAC,UAAW,OAAQ,cAAc,CAAC,CACnE,EAAoB,IAAI,IAAkB,CAAC,MAAO,SAAU,YAAa,QAAQ,CAAC,CAKlF,GAA+B,CAAC,WAAY,WAAY,YAAa,QAAS,OAAO,CCoBlG,SAAgB,EAAe,CAAE,MAA4B,CAC3D,GAAM,CACJ,KACA,WACA,UACA,UACA,SACA,YACA,eACA,kBACA,kBACA,UACA,cACA,mBACA,yBACA,4BACA,eACA,kBACA,cACA,kBACA,cACA,iBACA,eACA,iBACA,YACA,eACA,qBACA,mBACA,aACA,gBACA,eACA,mBACA,cACA,kBACA,iBACA,oBACA,wBACA,0BACA,4BACA,8BACA,iBACA,cACA,kBACA,aACA,iBACA,aACA,gBACA,YACA,UACA,YACA,wBACA,mBACA,uBACA,gBACA,qBACA,mBACA,gBACA,iBACA,kBACA,oBACA,0BACA,eACA,mBACA,iBACA,gBACA,kBACA,yBACA,iBACA,mBACA,qBACA,mBACA,oBACA,eACA,eACA,YACA,mBACA,2BACE,EAEE,GAAgB,GAAoB,GAAM,EAAE,cAAc,CAC1D,EAAkB,GAAoB,GAAM,EAAE,gBAAgB,CAE9D,sBAEF,SAAC,GAAD,CACW,UACM,gBACF,eACG,kBACP,UACL,KACY,kBACA,kBAChB,EAEJ,CACE,EACA,EACA,GACA,GACA,EACA,EACA,GACA,GACD,CACF,CAuBD,OArBA,yBACM,CAAC,GAAY,IACf,GAAiB,KACJ,GAAiB,GAEhC,GAAc,CACZ,WAAY,KACZ,KAAM,KACN,IAAK,GACN,CAAC,KACW,GAAiB,EAC7B,CAAC,EAAiB,EAAU,GAAiB,GAAe,GAAgB,CAAC,CAE3E,GASH,UAAC,MAAD,CAAK,UAAU,yEAAf,EACE,UAAC,MAAD,CAAK,UAAU,+EAAf,CACG,IACC,SAAC,MAAD,CACE,KAAK,SACL,YAAU,SACV,UAAW,EACT,sCACA,GAAe,OAAS,UACpB,4HACA,oGACL,UAEA,GAAe,QACZ,EACJ,I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AAa,UAAW,EAAG,eAAe,CAC1C,EAAc,GAAM,CACpB,EAAW,OAAO,OACX,EAAG,CACV,EAAa,QAAS,aAAa,MAAQ,EAAE,QAAU,EAAG,aAAa,QAC/D,CACR,GAAwB,KAAK,IAGjC,CACE,GACA,EACA,EACA,EAAG,eACH,EAAG,4BACH,EAAG,aACJ,CACF,CAEK,GACJ,IAAiB,MACb,EAAG,UACH,IAAiB,SACf,EAAG,aACH,IAAiB,YACf,EAAG,gBACH,EAAG,YAEP,CAAE,aAAa,IAAa,CAGlC,MAAO,CACL,KACA,WACA,UACA,UACA,SACA,YACA,cACA,iBACA,kBACA,UACA,aACA,eACA,mBACA,wBACA,4BACA,eACA,iBACA,cACA,iBACA,cACA,gBACA,cACA,iBACA,YACA,eACA,qBACA,kBACA,cACA,gBACA,gBACA,kBACA,cACA,iBACA,kBACA,oBACA,wBACA,0BACA,4BACA,8BACA,iBACA,eACA,iBACA,aACA,gBACA,aACA,gBACA,aACA,WACA,aACA,wBACA,mBACA,sBACA,eACA,qBACA,mBACA,gBACA,iBACA,kBACA,qBACA,2BACA,eACA,gBAhEsB,GAAS,WAAW,aAgE1C,CACA,iBACA,iBACA,mBACA,yBACA,iBACA,mBACA,qBACA,mBACA,oBACA,eACA,eACA,aACA,mBACA,0BACD,CC5oBH,SAAgB,GAAa,CAE3B,OAAO,SAAC,EAAD,CAAoB,GADhB,GACgB,CAAM","names":[],"ignoreList":[],"sources":["../../../../../web/src/features/skills/skill-card-icon.tsx","../../../../../web/src/features/skills/skills-page.utils.ts","../../../../../web/src/features/skills/skill-catalog-structured-preview.tsx","../../../../../web/src/features/skills/skills-page-header-end.tsx","../../../../../web/src/features/skills/skills-page-primitives.tsx","../../../../../web/src/features/skills/skills-page.constants.ts","../../../../../web/src/features/skills/skills-page-view.tsx","../../../../../web/src/features/skills/skill-upload-zip.ts","../../../../../web/src/features/skills/use-skills-page.ts","../../../../../web/src/features/skills/skills-page.tsx"],"sourcesContent":["import { cn } from '@/lib/cn';\n\n/** Pastel tile + saturated letter (light / dark pairs), stable per skill name hash. */\nconst SKILL_INITIAL_PALETTE: { light: string; dark: string }[] = [\n  { light: 'bg-sky-100 text-sky-800', dark: 'dark:bg-sky-950/55 dark:text-sky-200' },\n  { light: 'bg-violet-100 text-violet-800', dark: 'dark:bg-violet-950/55 dark:text-violet-200' },\n  { light: 'bg-emerald-100 text-emerald-800', dark: 'dark:bg-emerald-950/55 dark:text-emerald-200' },\n  { light: 'bg-orange-100 text-orange-800', dark: 'dark:bg-orange-950/55 dark:text-orange-200' },\n  { light: 'bg-rose-100 text-rose-800', dark: 'dark:bg-rose-950/55 dark:text-rose-200' },\n  { light: 'bg-amber-100 text-amber-900', dark: 'dark:bg-amber-950/55 dark:text-amber-200' },\n  { light: 'bg-cyan-100 text-cyan-800', dark: 'dark:bg-cyan-950/55 dark:text-cyan-200' },\n  { light: 'bg-indigo-100 text-indigo-800', dark: 'dark:bg-indigo-950/55 dark:text-indigo-200' },\n  { light: 'bg-fuchsia-100 text-fuchsia-800', dark: 'dark:bg-fuchsia-950/55 dark:text-fuchsia-200' },\n  { light: 'bg-teal-100 text-teal-800', dark: 'dark:bg-teal-950/55 dark:text-teal-200' },\n];\n\nfunction hashSkillNameKey(name: string): number {\n  let h = 0;\n  for (let i = 0; i < name.length; i += 1) {\n    h = (Math.imul(31, h) + name.charCodeAt(i)) | 0;\n  }\n  return Math.abs(h);\n}\n\n/** First letter or digit (Unicode letters included); skips leading punctuation in slugs. */\nfunction skillInitialLetter(name: string): string {\n  const t = name.trim();\n  if (!t) return '?';\n  const m = t.match(/[\\p{L}\\p{N}]/u);\n  if (m) {\n    const ch = m[0];\n    return ch.toLocaleUpperCase('en-US');\n  }\n  return t[0];\n}\n\nexport function SkillCardIcon({ name, className }: { name: string; className?: string }) {\n  const initial = skillInitialLetter(name);\n  const pair = SKILL_INITIAL_PALETTE[hashSkillNameKey(name) % SKILL_INITIAL_PALETTE.length];\n  return (\n    <div\n      className={cn(\n        'flex size-11 shrink-0 items-center justify-center rounded-xl font-semibold tracking-tight shadow-surface',\n        'text-[1.05rem] ring-1 ring-inset ring-black/[0.06] dark:ring-white/[0.1]',\n        'transition-[transform,box-shadow] duration-200 ease-out group-hover:ring-black/[0.1] dark:group-hover:ring-white/[0.14]',\n        'group-hover:-translate-y-px',\n        pair.light,\n        pair.dark,\n        className,\n      )}\n      aria-hidden\n    >\n      {initial}\n    </div>\n  );\n}\n","import type { SkillCatalogEntry, SkillInstallSpecApi } from '@/features/skills/skill.types';\n\nexport function interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\nexport function installSpecSummary(spec: SkillInstallSpecApi): string {\n  const parts = [spec.kind];\n  if (spec.label?.trim()) parts.push(spec.label.trim());\n  if (spec.package?.trim()) parts.push(spec.package.trim());\n  if (spec.formula?.trim()) parts.push(spec.formula.trim());\n  if (spec.module?.trim()) parts.push(spec.module.trim());\n  if (spec.url?.trim()) parts.push(spec.url.trim());\n  return parts.join(' · ');\n}\n\nexport function normalizeCatalogEntry(r: SkillCatalogEntry): SkillCatalogEntry {\n  return {\n    ...r,\n    enabled: r.enabled ?? true,\n    disableModelInvocation: r.disableModelInvocation ?? false,\n  };\n}\n","import { type ReactNode } from 'react';\n\nimport { MarkdownView } from '@/components/markdown/markdown-view';\nimport { cn } from '@/lib/cn';\nimport type { SkillMarkdownPreviewPayload } from '@/features/skills/skill.types';\nimport { installSpecSummary } from '@/features/skills/skills-page.utils';\nimport type { MessageBundle } from '@/i18n/messages';\n\nexport type SkillsCopy = MessageBundle['skills'];\n\nfunction MetaRow({ label, children }: { label: string; children: ReactNode }) {\n  if (children === null || children === undefined || children === false) return null;\n  return (\n    <div className=\"mt-3 border-t border-edge-subtle pt-3 dark:border-edge/60\">\n      <div className=\"text-xs font-semibold uppercase tracking-wide text-fg-muted\">{label}</div>\n      <div className=\"mt-1.5 min-w-0 text-sm text-fg\">{children}</div>\n    </div>\n  );\n}\n\nexport function SkillCatalogStructuredPreview({\n  preview,\n  sk,\n}: {\n  preview: SkillMarkdownPreviewPayload;\n  sk: SkillsCopy;\n}) {\n  const meta = preview.metadata;\n  const gate = preview.toolConditions;\n  const hasToolGating =\n    !!gate &&\n    (gate.requiresTools.length > 0 ||\n      gate.requiresToolsets.length > 0 ||\n      gate.fallbackForTools.length > 0 ||\n      gate.fallbackForToolsets.length > 0);\n  const req = meta.requires;\n  const hasRequires =\n    req &&\n    ((req.bins?.length ?? 0) > 0 || (req.env?.length ?? 0) > 0 || (req.anyBins?.length ?? 0) > 0);\n  const installs = meta.install?.filter((s) => s && typeof s.kind === 'string') ?? [];\n  const envNames = preview.requiredEnvVarNames?.filter((n) => n.trim()) ?? [];\n\n  return (\n    <div className=\"space-y-6\">\n      <section aria-labelledby=\"skill-detail-summary-heading\">\n        <h3\n          id=\"skill-detail-summary-heading\"\n          className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-fg-muted\"\n        >\n          {sk.detailSummaryHeading}\n        </h3>\n        <div className=\"rounded-xl border border-edge bg-surface-base px-4 py-3 dark:bg-surface-hover/25\">\n          {meta.emoji?.trim() ? (\n            <p className=\"text-2xl leading-none\" aria-hidden>\n              {meta.emoji.trim()}\n            </p>\n          ) : null}\n          <p className={cn('text-sm leading-relaxed text-fg', meta.emoji?.trim() ? 'mt-2' : '')}>\n            {preview.description}\n          </p>\n          {preview.disableModelInvocation ? (\n            <p className=\"mt-3 rounded-lg border border-amber-200/80 bg-amber-50/90 px-3 py-2 text-xs leading-snug text-amber-950 dark:border-amber-900/50 dark:bg-amber-950/40 dark:text-amber-100\">\n              {sk.detailNotInjectedNote}\n            </p>\n          ) : null}\n          <MetaRow label={sk.detailHomepageLabel}>\n            {meta.homepage?.trim() ? (\n              <a\n                href={meta.homepage.trim()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"break-all text-accent underline-offset-2 hover:underline\"\n              >\n                {meta.homepage.trim()}\n              </a>\n            ) : null}\n          </MetaRow>\n          <MetaRow label={sk.detailPlatformsLabel}>\n            {meta.os && meta.os.length > 0 ? (\n              <span className=\"font-mono text-xs text-fg-muted\">{meta.os.join(', ')}</span>\n            ) : null}\n          </MetaRow>\n          <MetaRow label={sk.detailRequiresLabel}>\n            {hasRequires && req ? (\n              <ul className=\"list-inside list-disc space-y-1 text-sm text-fg-muted\">\n                {req.bins && req.bins.length > 0 ? (\n                  <li>\n                    <span className=\"text-fg\">{sk.detailRequiresBins}: </span>\n                    {req.bins.join(', ')}\n                  </li>\n                ) : null}\n                {req.env && req.env.length > 0 ? (\n                  <li>\n                    <span className=\"text-fg\">{sk.detailRequiresEnv}: </span>\n                    <span className=\"font-mono text-xs\">{req.env.join(', ')}</span>\n                  </li>\n                ) : null}\n                {req.anyBins && req.anyBins.length > 0 ? (\n                  <li>\n                    <span className=\"text-fg\">{sk.detailRequiresAnyBins}: </span>\n                    {req.anyBins.join(', ')}\n                  </li>\n                ) : null}\n              </ul>\n            ) : null}\n          </MetaRow>\n          <MetaRow label={sk.detailInstallLabel}>\n            {installs.length > 0 ? (\n              <ul className=\"list-inside list-decimal space-y-1.5 text-sm text-fg-muted\">\n                {installs.map((spec, i) => (\n                  <li key={spec.id || `${spec.kind}-${i}`} className=\"[overflow-wrap:anywhere]\">\n                    <span className=\"text-fg\">{installSpecSummary(spec)}</span>\n                  </li>\n                ))}\n              </ul>\n            ) : null}\n          </MetaRow>\n          <MetaRow label={sk.detailToolGatingLabel}>\n            {hasToolGating && gate ? (\n              <ul className=\"mt-1 space-y-2 text-sm text-fg-muted\">\n                {gate.requiresTools.length > 0 ? (\n                  <li>\n                    <span className=\"font-medium text-fg\">{sk.detailToolsRequiresList}: </span>\n                    {gate.requiresTools.join(', ')}\n                  </li>\n                ) : null}\n                {gate.requiresToolsets.length > 0 ? (\n                  <li>\n                    <span className=\"font-medium text-fg\">{sk.detailToolsetsRequiresList}: </span>\n                    {gate.requiresToolsets.join(', ')}\n                  </li>\n                ) : null}\n                {gate.fallbackForTools.length > 0 ? (\n                  <li>\n                    <span className=\"font-medium text-fg\">{sk.detailToolsFallbackList}: </span>\n                    {gate.fallbackForTools.join(', ')}\n                  </li>\n                ) : null}\n                {gate.fallbackForToolsets.length > 0 ? (\n                  <li>\n                    <span className=\"font-medium text-fg\">{sk.detailToolsetsFallbackList}: </span>\n                    {gate.fallbackForToolsets.join(', ')}\n                  </li>\n                ) : null}\n              </ul>\n            ) : null}\n          </MetaRow>\n          <MetaRow label={sk.detailEnvVarsLabel}>\n            {envNames.length > 0 ? (\n              <span className=\"font-mono text-xs text-fg-muted\">{envNames.join(', ')}</span>\n            ) : null}\n          </MetaRow>\n        </div>\n      </section>\n      <section aria-labelledby=\"skill-detail-instructions-heading\">\n        <h3\n          id=\"skill-detail-instructions-heading\"\n          className=\"mb-2 text-xs font-semibold uppercase tracking-wide text-fg-muted\"\n        >\n          {sk.detailInstructionsHeading}\n        </h3>\n        {preview.bodyMarkdown.trim() ? (\n          <div className=\"markdown-content min-w-0 break-words\">\n            <MarkdownView content={preview.bodyMarkdown} />\n          </div>\n        ) : (\n          <p className=\"text-sm italic text-fg-muted\">{sk.detailNoInstructionsBody}</p>\n        )}\n      </section>\n    </div>\n  );\n}\n","import { Plus, RefreshCw, Search } from 'lucide-react';\nimport { memo } from 'react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { MainTab } from '@/features/skills/skills-page.constants';\nimport type { SkillsCopy } from '@/features/skills/skill-catalog-structured-preview';\n\nexport const SkillsPageHeaderEnd = memo(function SkillsPageHeaderEnd({\n  loading,\n  onReloadClick,\n  searchQuery,\n  setSearchQuery,\n  mainTab,\n  sk,\n  setPendingFile,\n  setInstallOpen,\n}: {\n  loading: boolean;\n  onReloadClick: () => void;\n  searchQuery: string;\n  setSearchQuery: (v: string) => void;\n  mainTab: MainTab;\n  sk: SkillsCopy;\n  setPendingFile: (f: File | null) => void;\n  setInstallOpen: (v: boolean) => void;\n}) {\n  return (\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={mainTab === 'marketplace' ? sk.marketplaceSearchPackages : 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","import { cn } from '@/lib/cn';\n\nexport function 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\nexport function 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","export type MainTab = 'builtin' | 'user' | 'marketplace';\nexport type SourceFilter = 'all' | 'global' | 'workspace' | 'extra';\n\nexport const MAIN_TAB_SET = new Set<MainTab>(['builtin', 'user', 'marketplace']);\nexport const SOURCE_FILTER_SET = new Set<SourceFilter>(['all', 'global', 'workspace', 'extra']);\n\nexport const SKILL_LIST_SKELETON_COUNT = 6;\n\n/** Category display order for consistent pill ordering on the built-in tab. */\nexport const BUILTIN_SKILL_CATEGORY_ORDER = ['business', 'creative', 'documents', 'tools', 'meta'] as const;\n","import * as Dialog from '@radix-ui/react-dialog';\nimport * as DropdownMenu from '@radix-ui/react-dropdown-menu';\nimport {\n  ChevronDown,\n  ChevronLeft,\n  ChevronRight,\n  FileArchive,\n  Funnel,\n  Info,\n  MoreVertical,\n  Star,\n  Trash2,\n  X,\n} from 'lucide-react';\nimport { useLayoutEffect, useMemo } from 'react';\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 { SkillCardIcon } from '@/features/skills/skill-card-icon';\nimport { SkillCatalogStructuredPreview } from '@/features/skills/skill-catalog-structured-preview';\nimport { SkillsPageHeaderEnd } from '@/features/skills/skills-page-header-end';\nimport { SkillEnableSwitch, SkillListRowSkeleton } from '@/features/skills/skills-page-primitives';\nimport { SKILL_LIST_SKELETON_COUNT } from '@/features/skills/skills-page.constants';\nimport { interpolate } from '@/features/skills/skills-page.utils';\nimport type { SkillsPageVm } from '@/features/skills/use-skills-page';\nimport { usePageHeaderStore } from '@/stores/page-header-store';\n\nexport function SkillsPageView({ vm }: { vm: SkillsPageVm }) {\n  const {\n    sk,\n    hasToken,\n    catalog,\n    loading,\n    error,\n    uploading,\n    searchQuery,\n    setSearchQuery,\n    actionFeedback,\n    mainTab,\n    setMainTab,\n    setSourceFilter,\n    builtinCategoryFilter,\n    setBuiltinCategoryFilter,\n    installOpen,\n    setInstallOpen,\n    pendingFile,\n    setPendingFile,\n    dropActive,\n    setDropActive,\n    confirmOpen,\n    setConfirmOpen,\n    confirmId,\n    setConfirmId,\n    togglingSkillName,\n    enabledOverride,\n    detailOpen,\n    setDetailOpen,\n    detailSource,\n    setDetailSource,\n    detailTitle,\n    setDetailTitle,\n    detailMarkdown,\n    setDetailMarkdown,\n    detailCatalogPreview,\n    setDetailCatalogPreview,\n    detailMarketplacePreview,\n    setDetailMarketplacePreview,\n    detailLoading,\n    detailError,\n    setDetailError,\n    marketSort,\n    setMarketSort,\n    marketPage,\n    setMarketPage,\n    mpLoading,\n    mpError,\n    mpPayload,\n    installingMarketName,\n    marketCategoryId,\n    setMarketCategoryId,\n    mpCategories,\n    mpCategoriesError,\n    builtinTabStats,\n    userTabStats,\n    detailEnabled,\n    filteredCatalog,\n    builtinCategories,\n    categoryFilteredCatalog,\n    filterLabel,\n    inSettingsShell,\n    categoryLabel,\n    onReloadClick,\n    openSkillDetail,\n    openMarketplaceDetail,\n    onSkillToggle,\n    onInstallSubmit,\n    onFileInputChange,\n    onModalDragOver,\n    onModalDragLeave,\n    onModalDrop,\n    sourceLabel,\n    runDelete,\n    onMarketInstall,\n    isSkillInstalledByName,\n  } = vm;\n\n  const setPageHeader = usePageHeaderStore((s) => s.setPageHeader);\n  const clearPageHeader = usePageHeaderStore((s) => s.clearPageHeader);\n\n  const skillsHeaderEnd = useMemo(\n    () => (\n      <SkillsPageHeaderEnd\n        loading={loading}\n        onReloadClick={onReloadClick}\n        searchQuery={searchQuery}\n        setSearchQuery={setSearchQuery}\n        mainTab={mainTab}\n        sk={sk}\n        setPendingFile={setPendingFile}\n        setInstallOpen={setInstallOpen}\n      />\n    ),\n    [\n      loading,\n      onReloadClick,\n      searchQuery,\n      setSearchQuery,\n      mainTab,\n      sk,\n      setPendingFile,\n      setInstallOpen,\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 === '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              <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            </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              <div className=\"flex items-center justify-between\">\n                <p className=\"text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                  {sk.sectionMarketplace}\n                </p>\n                <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 text-[11px] text-fg-subtle dark:bg-surface-active/50\">\n                  {mpPayload?.provider === 'skillhub'\n                    ? 'SkillHub (skillhub.cn)'\n                    : 'xopc Store (store.xopc.ai)'}\n                </span>\n              </div>\n              {mpCategories.length > 0 ? (\n                <div\n                  role=\"tablist\"\n                  aria-label={sk.marketplaceCategoriesAria}\n                  className=\"-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 pt-0.5 [scrollbar-width:thin]\"\n                >\n                  <button\n                    type=\"button\"\n                    role=\"tab\"\n                    aria-selected={marketCategoryId === ''}\n                    className={cn(\n                      'shrink-0 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n                      interaction.focusRingPanel,\n                      marketCategoryId === ''\n                        ? 'border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base'\n                        : 'border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40',\n                    )}\n                    onClick={() => setMarketCategoryId('')}\n                  >\n                    {sk.marketplaceCategoryAll}\n                  </button>\n                  {mpCategories.map((c) => {\n                    const selected = marketCategoryId === c.id;\n                    return (\n                      <button\n                        key={c.id}\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected={selected}\n                        className={cn(\n                          'max-w-[14rem] shrink-0 truncate rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n                          interaction.focusRingPanel,\n                          selected\n                            ? 'border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base'\n                            : 'border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40',\n                        )}\n                        title={c.label}\n                        onClick={() => setMarketCategoryId(c.id)}\n                      >\n                        {c.label}\n                      </button>\n                    );\n                  })}\n                </div>\n              ) : null}\n              {mpCategoriesError ? (\n                <p className=\"text-xs text-red-600 dark:text-red-400\" role=\"alert\">\n                  {mpCategoriesError}\n                </p>\n              ) : null}\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.id);\n                      const busy = installingMarketName === row.id;\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.id, row.name)}\n                          >\n                            <SkillCardIcon name={row.id} />\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.stars != null && row.stars > 0 ? (\n                                  <span className=\"inline-flex items-center gap-0.5 rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                    <Star className=\"size-3 shrink-0 text-amber-600 dark:text-amber-400\" strokeWidth={2} aria-hidden />\n                                    {row.stars}\n                                  </span>\n                                ) : null}\n                                {row.sourceLabel ? (\n                                  <span className=\"rounded-md bg-surface-hover/60 px-2 py-0.5 dark:bg-surface-active/50\">\n                                    {sk.marketplaceSource}: {row.sourceLabel}\n                                  </span>\n                                ) : null}\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.id)}\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              {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                <>\n                  {builtinCategories.length > 1 ? (\n                    <div\n                      role=\"tablist\"\n                      aria-label={sk.marketplaceCategoriesAria}\n                      className=\"-mx-1 flex gap-2 overflow-x-auto px-1 pb-1 pt-0.5 [scrollbar-width:thin]\"\n                    >\n                      <button\n                        type=\"button\"\n                        role=\"tab\"\n                        aria-selected={builtinCategoryFilter === ''}\n                        className={cn(\n                          'shrink-0 rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n                          interaction.focusRingPanel,\n                          builtinCategoryFilter === ''\n                            ? 'border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base'\n                            : 'border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40',\n                        )}\n                        onClick={() => setBuiltinCategoryFilter('')}\n                      >\n                        {sk.marketplaceCategoryAll}\n                      </button>\n                      {builtinCategories.map((cat) => {\n                        const selected = builtinCategoryFilter === cat;\n                        return (\n                          <button\n                            key={cat}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={selected}\n                            className={cn(\n                              'max-w-[14rem] shrink-0 truncate rounded-full border px-3 py-1.5 text-xs font-medium transition-colors',\n                              interaction.focusRingPanel,\n                              selected\n                                ? 'border-fg bg-fg text-surface-panel dark:border-fg dark:bg-fg dark:text-surface-base'\n                                : 'border-edge bg-surface-panel text-fg-muted hover:border-edge-strong hover:text-fg dark:border-edge dark:bg-surface-hover/40',\n                            )}\n                            title={categoryLabel(cat)}\n                            onClick={() => setBuiltinCategoryFilter(cat)}\n                          >\n                            {categoryLabel(cat)}\n                          </button>\n                        );\n                      })}\n                    </div>\n                  ) : null}\n                  {categoryFilteredCatalog.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                      {categoryFilteredCatalog.map((row, i, arr) => (\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',\n                            i === arr.length - 1 && '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            </>\n          )}\n        </section>\n      </div>\n\n      <Dialog.Root\n        open={detailOpen}\n        onOpenChange={(open) => {\n          setDetailOpen(open);\n          if (!open) {\n            setDetailSource('catalog');\n            setDetailMarkdown('');\n            setDetailCatalogPreview(null);\n            setDetailMarketplacePreview(null);\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 h-[min(88vh,44rem)] max-h-[min(92vh,56rem)] w-[min(100%-2rem,min(92vw,56rem))]',\n              '-translate-x-1/2 -translate-y-1/2 flex-col overflow-hidden rounded-2xl border border-edge bg-surface-panel shadow-float dark:border-edge',\n            )}\n          >\n            <div className=\"group flex min-h-[3.25rem] 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 min-h-[3.25rem] 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=\"min-w-0 leading-relaxed\">\n                {detailSource === 'store' && detailMarketplacePreview\n                  ? sk.detailModalBanner\n                  : detailSource === 'store'\n                    ? sk.detailModalBannerStore\n                    : sk.detailModalBanner}\n              </p>\n            </div>\n            <div className=\"min-h-0 min-w-0 flex-1 overflow-auto px-4 py-4\">\n              {detailLoading ? (\n                <div\n                  className=\"flex h-full min-h-[14rem] flex-col gap-2.5 py-1\"\n                  aria-busy=\"true\"\n                  aria-label={sk.loading}\n                >\n                  {Array.from({ length: 10 }, (_, i) => (\n                    <div\n                      key={i}\n                      className={cn(\n                        'h-4 animate-pulse rounded-md bg-surface-hover dark:bg-surface-active/50',\n                        i % 3 === 0 ? 'w-[92%]' : i % 3 === 1 ? 'w-full' : 'w-4/5',\n                      )}\n                    />\n                  ))}\n                </div>\n              ) : detailError ? (\n                <p className=\"text-sm text-red-600 dark:text-red-400\">{detailError}</p>\n              ) : detailSource === 'catalog' && detailCatalogPreview ? (\n                <SkillCatalogStructuredPreview preview={detailCatalogPreview} sk={sk} />\n              ) : detailSource === 'store' && detailMarketplacePreview ? (\n                <SkillCatalogStructuredPreview preview={detailMarketplacePreview} sk={sk} />\n              ) : (\n                <div className=\"markdown-content min-w-0 break-words\">\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      <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","export async 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","import { useCallback, useEffect, useMemo, useState, type ChangeEvent, type DragEvent } from 'react';\nimport { useLocation, useSearchParams } from 'react-router-dom';\n\nimport {\n  deleteSkill,\n  getMarketplaceCategories,\n  getMarketplacePackageDetail,\n  getMarketplaceSkills,\n  getSkillMarkdown,\n  getSkills,\n  installMarketplaceSkill,\n  patchSkillEnabled,\n  reloadSkills,\n  uploadSkillZip,\n} from '@/features/skills/skill-api';\nimport type {\n  MarketplaceCategoryItem,\n  MarketplacePackageItem,\n  SkillCatalogEntry,\n  SkillMarkdownPreviewPayload,\n} from '@/features/skills/skill.types';\nimport { fileToZipUpload } from '@/features/skills/skill-upload-zip';\nimport {\n  BUILTIN_SKILL_CATEGORY_ORDER,\n  MAIN_TAB_SET,\n  SOURCE_FILTER_SET,\n  type MainTab,\n  type SourceFilter,\n} from '@/features/skills/skills-page.constants';\nimport { normalizeCatalogEntry } from '@/features/skills/skills-page.utils';\nimport { messages } from '@/i18n/messages';\nimport { useGatewayStore } from '@/stores/gateway-store';\nimport { useLocaleStore } from '@/stores/locale-store';\n\nexport function useSkillsPage() {\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    : 'marketplace';\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  const [builtinCategoryFilter, setBuiltinCategoryFilter] = useState('');\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  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 [detailCatalogPreview, setDetailCatalogPreview] = useState<SkillMarkdownPreviewPayload | null>(null);\n  const [detailMarketplacePreview, setDetailMarketplacePreview] = useState<SkillMarkdownPreviewPayload | null>(\n    null,\n  );\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    provider?: 'store' | 'skillhub';\n  } | null>(null);\n  const [installingMarketName, setInstallingMarketName] = useState<string | null>(null);\n  const [marketCategoryId, setMarketCategoryId] = useState('');\n  const [mpCategories, setMpCategories] = useState<MarketplaceCategoryItem[]>([]);\n  const [mpCategoriesError, setMpCategoriesError] = 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(language !== 'en' ? language : undefined);\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    [language, 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      : 'marketplace';\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    const nextMcat = searchParams.get('mcat') ?? '';\n    if (nextTab === 'marketplace') {\n      setMarketCategoryId((prev) => (prev === nextMcat ? prev : nextMcat));\n    } else {\n      setMarketCategoryId('');\n    }\n  }, [searchParams]);\n\n  useEffect(() => {\n    if (mainTab !== 'marketplace') return;\n    setMarketPage(1);\n  }, [searchQuery, marketSort, mainTab, marketCategoryId]);\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      category: marketCategoryId.trim() || undefined,\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  }, [\n    hasToken,\n    mainTab,\n    marketCategoryId,\n    marketPage,\n    marketSort,\n    searchQuery,\n    sk.marketplaceLoadFailed,\n  ]);\n\n  useEffect(() => {\n    if (!hasToken || mainTab !== 'marketplace') return;\n    let cancelled = false;\n    setMpCategoriesError(null);\n    void getMarketplaceCategories()\n      .then((r) => {\n        if (!cancelled) setMpCategories(r.items);\n      })\n      .catch((e) => {\n        if (!cancelled) {\n          setMpCategories([]);\n          setMpCategoriesError(e instanceof Error ? e.message : sk.marketplaceCategoriesFailed);\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, mainTab, sk.marketplaceCategoriesFailed]);\n\n  useEffect(() => {\n    if (!marketCategoryId.trim() || mpCategories.length === 0) return;\n    if (!mpCategories.some((c) => c.id === marketCategoryId)) {\n      setMarketCategoryId('');\n    }\n  }, [mpCategories, marketCategoryId]);\n\n  useEffect(() => {\n    setSearchParams(\n      (prev) => {\n        const params = new URLSearchParams(prev);\n        const nextQ = searchQuery.trim();\n        if (nextQ) params.set('q', nextQ);\n        else params.delete('q');\n        if (mainTab !== 'marketplace') params.set('tab', mainTab);\n        else params.delete('tab');\n        if (sourceFilter !== 'all') params.set('source', sourceFilter);\n        else params.delete('source');\n        if (mainTab === 'marketplace' && marketCategoryId.trim()) {\n          params.set('mcat', marketCategoryId.trim());\n        } else {\n          params.delete('mcat');\n        }\n        if (params.toString() === prev.toString()) {\n          return prev;\n        }\n        return params;\n      },\n      { replace: true },\n    );\n  }, [mainTab, marketCategoryId, 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      setDetailCatalogPreview(null);\n      setDetailMarketplacePreview(null);\n      setDetailError(null);\n      setDetailLoading(true);\n      try {\n        const preview = await getSkillMarkdown(row.name, language !== 'en' ? language : undefined);\n        setDetailCatalogPreview(preview);\n        setDetailTitle(preview.name);\n      } catch (e) {\n        setDetailCatalogPreview(null);\n        setDetailError(e instanceof Error ? e.message : sk.detailLoadFailed);\n      } finally {\n        setDetailLoading(false);\n      }\n    },\n    [language, sk.detailLoadFailed],\n  );\n\n  const openMarketplaceDetail = useCallback(\n    async (packageId: string, listTitle?: string) => {\n      setDetailSource('store');\n      setDetailOpen(true);\n      setDetailTitle(listTitle?.trim() || packageId);\n      setDetailMarkdown('');\n      setDetailCatalogPreview(null);\n      setDetailMarketplacePreview(null);\n      setDetailError(null);\n      setDetailLoading(true);\n      try {\n        const pkg = await getMarketplacePackageDetail(packageId);\n        setDetailTitle(pkg.name);\n        if (pkg.skillDocPreview) {\n          setDetailMarketplacePreview(pkg.skillDocPreview);\n          setDetailMarkdown('');\n        } else {\n          setDetailMarketplacePreview(null);\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        }\n      } catch (e) {\n        setDetailMarketplacePreview(null);\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 builtinCategories = useMemo(() => {\n    const seen = new Set<string>();\n    const ordered: string[] = [];\n    for (const entry of filteredCatalog) {\n      const cat = entry.category;\n      if (!cat || seen.has(cat)) continue;\n      seen.add(cat);\n      ordered.push(cat);\n    }\n    return ordered.sort((a, b) => {\n      const ai = BUILTIN_SKILL_CATEGORY_ORDER.indexOf(a as (typeof BUILTIN_SKILL_CATEGORY_ORDER)[number]);\n      const bi = BUILTIN_SKILL_CATEGORY_ORDER.indexOf(b as (typeof BUILTIN_SKILL_CATEGORY_ORDER)[number]);\n      if (ai >= 0 && bi >= 0) return ai - bi;\n      if (ai >= 0) return -1;\n      if (bi >= 0) return 1;\n      return a.localeCompare(b);\n    });\n  }, [filteredCatalog]);\n\n  const categoryLabel = useCallback(\n    (cat: string): string => {\n      const labels = sk.categoryLabel as Record<string, string> | undefined;\n      return labels?.[cat] || cat;\n    },\n    [sk.categoryLabel],\n  );\n\n  const categoryFilteredCatalog = useMemo(() => {\n    if (!builtinCategoryFilter) return filteredCatalog;\n    return filteredCatalog.filter((r) => r.category === builtinCategoryFilter);\n  }, [filteredCatalog, builtinCategoryFilter]);\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: ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    e.target.value = '';\n    if (file) setPendingFile(file);\n  };\n\n  const onModalDragOver = (e: 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: 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: 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 { pathname } = useLocation();\n  const inSettingsShell = pathname.startsWith('/settings/');\n\n  return {\n    sk,\n    hasToken,\n    catalog,\n    loading,\n    error,\n    uploading,\n    searchQuery,\n    setSearchQuery,\n    actionFeedback,\n    mainTab,\n    setMainTab,\n    sourceFilter,\n    setSourceFilter,\n    builtinCategoryFilter,\n    setBuiltinCategoryFilter,\n    installOpen,\n    setInstallOpen,\n    pendingFile,\n    setPendingFile,\n    dropActive,\n    setDropActive,\n    confirmOpen,\n    setConfirmOpen,\n    confirmId,\n    setConfirmId,\n    togglingSkillName,\n    enabledOverride,\n    detailOpen,\n    setDetailOpen,\n    detailSource,\n    setDetailSource,\n    detailTitle,\n    setDetailTitle,\n    detailMarkdown,\n    setDetailMarkdown,\n    detailCatalogPreview,\n    setDetailCatalogPreview,\n    detailMarketplacePreview,\n    setDetailMarketplacePreview,\n    detailLoading,\n    detailError,\n    setDetailError,\n    marketSort,\n    setMarketSort,\n    marketPage,\n    setMarketPage,\n    mpLoading,\n    mpError,\n    mpPayload,\n    installingMarketName,\n    marketCategoryId,\n    setMarketCategoryId,\n    mpCategories,\n    mpCategoriesError,\n    builtinTabStats,\n    userTabStats,\n    detailEnabled,\n    filteredCatalog,\n    builtinCategories,\n    categoryFilteredCatalog,\n    filterLabel,\n    inSettingsShell,\n    categoryLabel,\n    onReloadClick,\n    openSkillDetail,\n    openMarketplaceDetail,\n    onSkillToggle,\n    onInstallSubmit,\n    onFileInputChange,\n    onModalDragOver,\n    onModalDragLeave,\n    onModalDrop,\n    sourceLabel,\n    runDelete,\n    onMarketInstall,\n    isSkillInstalledByName,\n  };\n}\n\nexport type SkillsPageVm = ReturnType<typeof useSkillsPage>;\n","import { SkillsPageView } from '@/features/skills/skills-page-view';\nimport { useSkillsPage } from '@/features/skills/use-skills-page';\n\nexport function SkillsPage() {\n  const vm = useSkillsPage();\n  return <SkillsPageView vm={vm} />;\n}\n"],"file":"skills-page-D7NiIOzA.js"}