mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-11-08 01:31:54 +01:00
DottaandPaperclip
e0ca97e31c
Add the Team Catalog browse/detail/install experience built on the Phase E teams-catalog API and the Phase F design spec. - ui/src/api/teamCatalog.ts: typed client for /teams/catalog list/detail/files and the company-scoped preview/install endpoints. - ui/src/pages/TeamCatalog.tsx: /teams page — toolbar filters (kind/category/ risk/search, URL-synced), grouped browse list, detail pane (summary grid, agent hierarchy, projects, required skills, env inputs, external sources, file inventory), and a conditional multi-step install wizard (target manager, source policy, prerequisite skills, categorized preview, apply progress, success). Surfaces unsafe-source warnings, blocked-apply states, invalid- manifest CTA, and API errors. Sidebar "Teams" entry + route registration. - Derives the design's richer affordances (required steps, source warnings, skill plan) client-side and degrades gracefully against the shipped strict API schema (design section 7). - ui/src/pages/TeamCatalog.test.tsx: renders the real components and covers the main install preview path (detail render, preview fetch + categorized plan + install submit) and target-manager gating. - scripts/screenshot-pap-10242.mjs: Playwright capture helper for QA (needs a valid board session on the running instance). Verified: ui typecheck (tsc -b), vite build, and vitest (3/3) all pass. Co-Authored-By: Paperclip <noreply@paperclip.ing>
@paperclipai/ui
Published static assets for the Paperclip board UI.
What gets published
The npm package contains the production build under dist/. It does not ship the UI source tree or workspace-only dependencies.
Storybook
Storybook config, stories, and fixtures live under ui/storybook/.
pnpm --filter @paperclipai/ui storybook
pnpm --filter @paperclipai/ui build-storybook
Typical use
Install the package, then serve or copy the built files from node_modules/@paperclipai/ui/dist.