picoclaw/web/frontend/src/components/agent/skills/page-skeleton.tsx
wenjie c0464bdd5d
feat(web): add skill marketplace hub and registry install flow (#2246)
- add backend APIs for searching and installing registry skills, including origin metadata and concurrency-safe workspace writes
- introduce /agent/hub as the default agent entry with marketplace search and install UI
- refactor the skills and tools pages with filtering, dialogs, detail views, import validation, and updated i18n
- expand backend tests for search, install, import, rollback, and concurrent requests
2026-04-01 19:25:31 +08:00

27 lines
829 B
TypeScript

import { Skeleton } from "@/components/ui/skeleton"
export function PageSkeleton() {
return (
<div className="mt-4 space-y-8">
<div className="grid gap-4 sm:grid-cols-2 xl:grid-cols-4">
{[1, 2, 3, 4].map((index) => (
<Skeleton
key={index}
className="border-border/40 h-24 w-full rounded-xl border"
/>
))}
</div>
<div className="space-y-4">
<div className="flex items-center justify-between">
<Skeleton className="h-8 w-48" />
</div>
<Skeleton className="h-14 w-full rounded-xl" />
<div className="grid gap-4 pt-4 lg:grid-cols-2">
{[1, 2, 3, 4].map((index) => (
<Skeleton key={index} className="h-36 w-full rounded-xl" />
))}
</div>
</div>
</div>
)
}