profclaw 2.0.0 → 2.3.0

package/ui/dist/assets/MarketplacePage-DGrLtolR.js

@@ -0,0 +1 @@
+import{r as x,j as e}from"./vendor-react-Mc5_kfYG.js";import{u as P,b as d,c as j}from"./vendor-query-C0p7b53x.js";import{c as Q,k as n,a8 as f,ad as N,Z as A,S as $,b as c,n as T,L as y,V as v,aj as z}from"./index-sEBN7w8J.js";import{B as o}from"./badge-BbfnwDJP.js";import{P as R}from"./package-CwT3IzFx.js";import{L as U}from"./layers-C6Mhf8Nk.js";import{F as _}from"./funnel-uZkoSPP-.js";import{C as b}from"./circle-x-ByXtwR6Y.js";import{S as D}from"./star-DhdFVidS.js";import"./vendor-ui-CXPAUBFv.js";const E=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]],O=Q("grid-3x3",E);function ae(){const[l,w]=x.useState(""),[r,u]=x.useState(null),[i,k]=x.useState("skills"),p=P(),{data:C,isLoading:S}=d({queryKey:["skills","list"],queryFn:n.skills.list}),{data:L}=d({queryKey:["skills","categories"],queryFn:n.skills.categories}),{data:q}=d({queryKey:["skills","overview"],queryFn:n.skills.overview}),{data:h,isLoading:M}=d({queryKey:["skills","marketplace",l,r],queryFn:()=>n.skills.marketplaceSearch(l||void 0,r||void 0),enabled:i==="browse"}),m=j({mutationFn:s=>n.skills.install(s),onSuccess:()=>{p.invalidateQueries({queryKey:["skills"]})}}),F=j({mutationFn:({name:s,enabled:a})=>n.skills.toggle(s,a),onSuccess:()=>{p.invalidateQueries({queryKey:["skills"]})}}),I=C?.skills??[],t=q?.data,g=L?.data??[],B=I.filter(s=>!(l&&!s.name.toLowerCase().includes(l.toLowerCase())&&!s.description.toLowerCase().includes(l.toLowerCase())||r&&!s.toolCategories.includes(r)));return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx("div",{className:"flex items-start justify-between",children:e.jsxs("div",{children:[e.jsxs("h1",{className:"text-2xl font-semibold flex items-center gap-2",children:[e.jsx(f,{className:"h-6 w-6 text-primary"}),"Marketplace"]}),e.jsx("p",{className:"text-sm text-muted-foreground mt-1",children:t?`${t.total} skills installed, ${t.enabled} active`:"Browse and install skills"})]})}),t&&e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-5 gap-3",children:[{label:"Total Skills",value:t.total,icon:R},{label:"Active",value:t.enabled,icon:N},{label:"User Commands",value:t.userInvocable,icon:A},{label:"AI Callable",value:t.modelInvocable,icon:$},{label:"MCP Servers",value:t.mcpServers,icon:U}].map(({label:s,value:a,icon:K})=>e.jsxs(c,{className:"p-3 text-center",children:[e.jsx(K,{className:"h-4 w-4 mx-auto mb-1 text-muted-foreground"}),e.jsx("div",{className:"text-lg font-bold",children:a}),e.jsx("div",{className:"text-xs text-muted-foreground",children:s})]},s))}),e.jsx("div",{className:"flex gap-1 p-1 rounded-lg bg-muted/50 w-fit",children:["skills","browse","stats"].map(s=>e.jsx("button",{onClick:()=>k(s),className:`px-4 py-1.5 text-sm rounded-md transition-colors capitalize ${i===s?"bg-background shadow-sm font-medium":"text-muted-foreground hover:text-foreground"}`,children:s==="skills"?"Installed":s==="browse"?"Browse Registry":"Stats"},s))}),e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("div",{className:"relative flex-1",children:[e.jsx(T,{className:"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"}),e.jsx("input",{type:"text",value:l,onChange:s=>w(s.target.value),placeholder:i==="browse"?"Search marketplace...":"Filter installed skills...",className:"w-full pl-9 pr-3 py-2 text-sm rounded-lg border bg-background focus:outline-none focus:ring-2 focus:ring-primary/50"})]}),r&&e.jsxs("button",{onClick:()=>u(null),className:"px-3 py-2 text-sm rounded-lg bg-primary/10 text-primary flex items-center gap-1.5",children:[e.jsx(_,{className:"h-3.5 w-3.5"}),r,e.jsx(b,{className:"h-3.5 w-3.5"})]})]}),g.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5",children:g.map(s=>e.jsxs("button",{onClick:()=>u(r===s.name?null:s.name),className:`px-2.5 py-1 text-xs rounded-full transition-colors ${r===s.name?"bg-primary text-primary-foreground":"bg-muted/50 hover:bg-muted text-muted-foreground hover:text-foreground"}`,children:[s.name," (",s.count,")"]},s.name))}),i==="skills"&&e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3",children:S?Array.from({length:6}).map((s,a)=>e.jsxs(c,{className:"p-4 animate-pulse",children:[e.jsx("div",{className:"h-5 w-32 bg-muted rounded mb-2"}),e.jsx("div",{className:"h-4 w-48 bg-muted rounded"})]},a)):B.map(s=>e.jsxs(c,{className:"p-4 hover:shadow-md transition-shadow",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-lg",children:s.emoji??"🔧"}),e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium text-sm",children:s.name}),e.jsx("p",{className:"text-xs text-muted-foreground line-clamp-1",children:s.description})]})]}),e.jsx("button",{onClick:()=>F.mutate({name:s.name,enabled:!s.enabled}),className:`p-1 rounded ${s.enabled?"text-emerald-500":"text-muted-foreground"}`,children:s.enabled?e.jsx(N,{className:"h-4 w-4"}):e.jsx(b,{className:"h-4 w-4"})})]}),e.jsxs("div",{className:"mt-2 flex flex-wrap gap-1",children:[e.jsx(o,{variant:"outline",className:"text-xs",children:s.source}),s.userInvocable&&e.jsx(o,{variant:"secondary",className:"text-xs",children:"User"}),s.modelInvocable&&e.jsx(o,{variant:"secondary",className:"text-xs",children:"AI"}),s.toolCategories.slice(0,2).map(a=>e.jsx(o,{variant:"outline",className:"text-xs",children:a},a))]})]},s.name))}),i==="browse"&&e.jsx("div",{children:M?e.jsx("div",{className:"flex items-center justify-center py-12",children:e.jsx(y,{className:"h-6 w-6 animate-spin text-muted-foreground"})}):e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[(h?.data??[]).map((s,a)=>e.jsxs(c,{className:"p-4",children:[e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsx("h4",{className:"font-medium text-sm",children:String(s.name??"Unknown")}),e.jsx("p",{className:"text-xs text-muted-foreground mt-1 line-clamp-2",children:String(s.description??"")})]}),e.jsxs("button",{onClick:()=>m.mutate(String(s.source??s.name)),disabled:m.isPending,className:"px-2.5 py-1 text-xs rounded-md bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 flex items-center gap-1",children:[m.isPending?e.jsx(y,{className:"h-3 w-3 animate-spin"}):e.jsx(v,{className:"h-3 w-3"}),"Install"]})]}),e.jsxs("div",{className:"mt-2 flex items-center gap-3 text-xs text-muted-foreground",children:[typeof s.author=="string"&&e.jsxs("span",{children:["by ",s.author]}),typeof s.installs=="number"&&e.jsxs("span",{className:"flex items-center gap-0.5",children:[e.jsx(v,{className:"h-3 w-3"})," ",s.installs]}),typeof s.rating=="number"&&e.jsxs("span",{className:"flex items-center gap-0.5",children:[e.jsx(D,{className:"h-3 w-3 text-amber-500"})," ",s.rating]})]})]},a)),(h?.data??[]).length===0&&e.jsxs("div",{className:"col-span-2 text-center py-12 text-muted-foreground",children:[e.jsx(f,{className:"h-8 w-8 mx-auto mb-3 opacity-50"}),e.jsx("p",{children:"No skills found. Try a different search or check back later."})]})]})}),i==="stats"&&t&&e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(c,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(O,{className:"h-4 w-4 text-blue-500"}),e.jsx("h4",{className:"font-medium text-sm",children:"By Source"})]}),e.jsx("div",{className:"space-y-2",children:Object.entries(t.bySource).map(([s,a])=>e.jsxs("div",{className:"flex items-center justify-between p-2 rounded bg-muted/30",children:[e.jsx("span",{className:"text-sm capitalize",children:s}),e.jsx("span",{className:"font-semibold",children:a})]},s))})]}),e.jsxs(c,{className:"p-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(z,{className:"h-4 w-4 text-violet-500"}),e.jsx("h4",{className:"font-medium text-sm",children:"By Category"})]}),e.jsx("div",{className:"space-y-2",children:Object.entries(t.byCategory).sort(([,s],[,a])=>Number(a)-Number(s)).map(([s,a])=>e.jsxs("div",{className:"flex items-center justify-between p-2 rounded bg-muted/30",children:[e.jsx("span",{className:"text-sm capitalize",children:s}),e.jsx("span",{className:"font-semibold",children:String(a)})]},s))})]})]})]})}export{ae as MarketplacePage};