Files
PaperClipAI/ui
scotttongandClaude Opus 4.8 f11b6a5075 PAP-85: fix All Agents table layout (model/date overlap, spacing)
Approach A from the approved PAP-84 plan, applied to both the list and org
metadata blocks on the All Agents page.

- Provider/model collision: replace the two side-by-side spans with one
  fixed-width AgentMetaColumns cell (w-44) holding two truncating lines —
  configured model (primary) over adapter label (muted, smaller). Each line
  clips with an ellipsis + title tooltip instead of spilling.
- Dates on one line: heartbeat cell gets whitespace-nowrap and widens
  w-16 -> w-24 so a full date like "Apr 30, 2026" never wraps.
- Name<->columns gap: add an optional meta slot to EntityRow. When present the
  title stops flex-growing and a flex-1 spacer is inserted between meta and
  trailing, so metadata sits next to the name while the status badge + action
  buttons stay pinned right. Backward compatible — existing callers pass no meta.
- Lower the metadata reveal breakpoint from 2xl to xl in both views.

Tests: Agents asserts codex_local + gpt-5.4 present and the heartbeat cell is
single-line; EntityRow gains meta-slot + spacer cases.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-05 16:59:42 -07: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.