Files
PaperClipAI/ui
DottaandPaperclip f203d1a0d8 feat(ui): Connections v2 — dense table + vault credential picker + inline probe (PAP-10785)
Apply the Connections deltas from the v2 punch list (PAP-10778):

- Replace the connection cards with a dense table: connection (mono
  URL/cmd subtitle), application, transport pill, Health pill
  (HealthBadge), catalog count + 'refreshed N min ago', and Test /
  Refresh / Tools row actions. Per-connection catalog counts are fanned
  out via cached useQueries (same pattern as ApplicationsTab) since no
  company-wide aggregate endpoint exists.
- New-connection dialog now renders a vault-reference credential picker:
  selecting a secret shows its 'vault://provider/key@version' reference
  and a 'Free-text secrets are not accepted' help line. The persisted
  shape stays the structured McpConnectionCredentialRef (secretId) — the
  vault:// string is display-only.
- Inline Probe panel runs before activation (auto-probes after draft
  create): health-check + catalog discovery, showing a status pill,
  tools-discovered count, probe round-trip latency, and quarantined
  count, following the LoadingState/ErrorState rhythm.

Adds a component test and a storybook story for the table/dialog.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
2026-06-10 12:49:31 +00:00
..

@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.